Track Bio Link Click

curl -X POST 'https://api.bio.re/api/v1/bio/b1a2b3c4-d5e6-7890-abcd-ef1234567890/click' \
  -H 'Content-Type: application/json' \
  -d '{
    "linkId": "l1a2b3c4-d5e6-7890-abcd-ef1234567890",
    "visitorId": "cookie-uuid-12345"
  }'

type TrackClickInput = {
  linkId: string;
  visitorId?: string;
};

async function trackBioClick(bioPageId: string, input: TrackClickInput): Promise<void> {
  const res = await fetch(`https://api.bio.re/api/v1/bio/${bioPageId}/click`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(input),
  });
  if (!res.ok) {
    console.warn('Bio click tracking failed:', res.status);
  }
}

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

export function useTrackBioClick() {
  return useMutation({
    mutationFn: async (vars: { bioPageId: string; input: TrackClickInput }) => {
      await fetch(`/api/v1/bio/${vars.bioPageId}/click`, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(vars.input),
      });
      // Don't throw — analytics failures must not block the actual link navigation
    },
    retry: false,
  });
}

// Usage: fire the mutation in onClick, then perform the navigation immediately
// (don't await — the click should happen even if tracking is slow)