Get Creator Dashboard

curl https://api.bio.re/api/v1/creators/dashboard \
  -H "Authorization: Bearer $ACCESS_TOKEN"

type CreatorLevel = 'BRONZE' | 'SILVER' | 'GOLD' | 'PLATINUM';

type LevelRequirementDetail = {
  current: number;
  required: number;
};

type Dashboard = {
  level: CreatorLevel;
  commissionRate: number;
  totalMessages: number;
  totalEarnings: string;
  walletBalance: string | number;
  walletFrozen: boolean;
  pendingPayouts: string | number;
  dmActive: boolean;
  dmType: 'FREE' | 'SINGLE_PAY' | 'PER_MESSAGE' | null;
  dmPrice: string | null;
  responseRate: number;
  nextLevel: CreatorLevel | null;
  nextLevelProgress: number;
  nextLevelRequirements: { messages: LevelRequirementDetail; earnings: LevelRequirementDetail } | null;
  hasSocialAccounts: boolean;
  avatarUrl: string | null;
};

async function getDashboard(accessToken: string): Promise<Dashboard> {
  const res = await fetch('https://api.bio.re/api/v1/creators/dashboard', {
    headers: { Authorization: `Bearer ${accessToken}` },
  });
  const json = await res.json();
  if (!res.ok || !json.success) {
    throw Object.assign(new Error(json?.error?.message ?? 'Dashboard fetch failed'), {
      code: json?.error?.code,
    });
  }
  return json.data;
}

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

export const creatorKeys = {
  dashboard: () => ['creators', 'dashboard'] as const,
};

export function useDashboard() {
  return useQuery({
    queryKey: creatorKeys.dashboard(),
    queryFn: async () => {
      const res = await fetch('/api/v1/creators/dashboard');
      const json = await res.json();
      if (!res.ok || !json.success) {
        throw Object.assign(new Error(json?.error?.message ?? 'Dashboard fetch failed'), {
          code: json?.error?.code,
          i18nKey: json?.error?.i18nKey,
        });
      }
      return json.data as Dashboard;
    },
    staleTime: 30_000, // 30s — dashboard is action-driven
  });
}