'use client';

import { useSignal } from '@signal-js/nextjs/client';

function UserProfile({ user }) {
  const { setPersonProperties, setPersonPropertiesOnce } = useSignal();

  const handlePlanUpgrade = () => {
    setPersonProperties({ plan: 'pro', role: 'admin' });
  };

  const handleSignup = () => {
    // Only set if not already set
    setPersonPropertiesOnce({ signupSource: 'organic' });
  };

  return (
    <div>
      <button onClick={handlePlanUpgrade}>Upgrade Plan</button>
      <button onClick={handleSignup}>Complete Signup</button>
    </div>
  );
}

// app/api/user/route.ts
import { signal, getSessionInfo } from '@/lib/signal-server';
import { NextRequest } from 'next/server';

export async function PATCH(request: NextRequest) {
  const { sessionId, windowId, distinctId } = getSessionInfo(request);
  const body = await request.json();

  // Update user plan
  signal.setPersonProperties(
    distinctId || body.userId,
    { plan: 'enterprise', seats: 50 },
    sessionId,
    windowId
  );

  return Response.json({ success: true });
}

// Set signup source only if not already set
signal.setPersonPropertiesOnce(
  userId,
  { signupSource: 'organic' },
  sessionId,
  windowId
);