import { useState } from 'react';
import { useStytchB2BClient } from '@stytch/react/b2b';

export const StartSelfEmailUpdate = () => {
  const stytch = useStytchB2BClient();
  const [newEmail, setNewEmail] = useState('');

  const handleStart = async () => {
    await stytch.self.startEmailUpdate({
      new_email_address: newEmail
    });
  };

  return (
    <div>
      <input
        value={newEmail}
        onChange={(e) => setNewEmail(e.target.value)}
        placeholder="Enter new email address"
      />
      <button onClick={handleStart}>Start Email Update</button>
    </div>
  );
};

{
  "status_code": 200,
  "request_id": "request-id-test-b05c992f-ebdc-489d-a754-c7e70ba13141",
  "member_id": "member-test-32fc5024-9c09-4da3-bd2e-c9ce4da9375f",
  "member": {...},
  "organization": {...}
}