Update Bio Page

curl -X PATCH https://api.bio.re/api/v1/creators/c1a2b3c4-d5e6-7890-abcd-ef1234567890/bio \
  -H "Authorization: Bearer $ACCESS_TOKEN" \
  -H 'Content-Type: application/json' \
  -d '{
    "bio": "Designer & creator",
    "published": true,
    "emailCollectionEnabled": true
  }'

type UpdateBioPageInput = {
  bio?: string;
  templateId?: string | null;
  themeOverride?: Record<string, unknown>;
  customCss?: string;
  embedEnabled?: boolean;
  published?: boolean;
  emailCollectionEnabled?: boolean;
};

async function updateBioPage(accessToken: string, creatorId: string, input: UpdateBioPageInput): Promise<void> {
  const res = await fetch(`https://api.bio.re/api/v1/creators/${creatorId}/bio`, {
    method: 'PATCH',
    headers: {
      Authorization: `Bearer ${accessToken}`,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify(input),
  });
  const json = await res.json();
  if (!res.ok || !json.success) {
    throw Object.assign(new Error(json?.error?.message ?? 'Bio page update failed'), {
      code: json?.error?.code,
    });
  }
}

import { useMutation, useQueryClient } from '@tanstack/react-query';

export function useUpdateBioPage(creatorId: string) {
  const qc = useQueryClient();
  return useMutation({
    mutationFn: async (input: UpdateBioPageInput) => {
      const res = await fetch(`/api/v1/creators/${creatorId}/bio`, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(input),
      });
      const json = await res.json();
      if (!res.ok || !json.success) {
        throw Object.assign(new Error(json?.error?.message ?? 'Bio page update failed'), {
          code: json?.error?.code,
          i18nKey: json?.error?.i18nKey,
        });
      }
    },
    onSuccess: () => {
      qc.invalidateQueries({ queryKey: ['creators', creatorId, 'bio'] });
      qc.invalidateQueries({ queryKey: ['creators', 'profile'] });
    },
  });
}