Signup

const { user, session } = await gately.signup(email, password, metadata)

interface SignupMetadata {
  full_name?: string
  avatar_url?: string
  [key: string]: any  // Custom fields
}

import { GatelyClient } from '@gately/sdk'

const gately = new GatelyClient('YOUR_PROJECT_ID')

async function handleSignup(email, password, name) {
  try {
    const { user, session } = await gately.signup(email, password, {
      full_name: name,
      // Add any custom fields
      company: 'Acme Inc',
      role: 'Developer'
    })
    
    console.log('Account created:', user.email)
    window.location.href = '/welcome'
  } catch (error) {
    console.error('Signup failed:', error.message)
  }
}

// This will fail
await gately.signup('user@example.com', 'weak')
// Error: Password must be at least 8 characters long

// This will succeed
await gately.signup('user@example.com', 'SecurePass123!')

import { useGately } from '@gately/sdk'

function SignupForm() {
  const { signup } = useGately()
  const [formData, setFormData] = useState({
    email: '',
    password: '',
    confirmPassword: '',
    fullName: ''
  })
  const [error, setError] = useState('')

  const handleSubmit = async (e) => {
    e.preventDefault()
    
    if (formData.password !== formData.confirmPassword) {
      setError('Passwords do not match')
      return
    }

    try {
      await signup(formData.email, formData.password, {
        full_name: formData.fullName
      })
    } catch (err) {
      setError(err.message)
    }
  }

  return (
    <form onSubmit={handleSubmit}>
      {error && <p className="error">{error}</p>}
      
      <input 
        type="text"
        value={formData.fullName}
        onChange={(e) => setFormData({ ...formData, fullName: e.target.value })}
        placeholder="Full Name"
      />
      
      <input 
        type="email"
        value={formData.email}
        onChange={(e) => setFormData({ ...formData, email: e.target.value })}
        placeholder="Email"
        required
      />
      
      <input 
        type="password"
        value={formData.password}
        onChange={(e) => setFormData({ ...formData, password: e.target.value })}
        placeholder="Password"
        required
      />
      
      <input 
        type="password"
        value={formData.confirmPassword}
        onChange={(e) => setFormData({ ...formData, confirmPassword: e.target.value })}
        placeholder="Confirm Password"
        required
      />
      
      <button type="submit">Create Account</button>
    </form>
  )
}

try {
  await gately.signup(email, password, metadata)
} catch (error) {
  if (error.message.includes('already registered')) {
    showError('An account with this email already exists. Try logging in.')
  } else if (error.message.includes('Password')) {
    showError(error.message) // Show password requirement
  } else {
    showError('Signup failed. Please try again.')
  }
}

const { user } = await gately.signup(email, password)

// User is created but not verified
console.log(user.status) // 'pending'

// User receives verification email
// After clicking link, status becomes 'active'

{
  "event": "member.created",
  "data": {
    "id": "mem_xyz",
    "email": "user@example.com",
    "full_name": "John Doe",
    "plan_id": "free",
    "status": "active",
    "metadata": {
      "company": "Acme Inc"
    },
    "created_at": "2024-01-15T10:00:00Z"
  }
}

// Via API (server-side)
await fetch('/api/members/' + user.id, {
  method: 'PUT',
  body: JSON.stringify({ plan_id: 'pro' })
})