List My Tickets

# All my tickets, page 1, 20 per page
curl https://api.bio.re/api/v1/tickets \
  -H "Authorization: Bearer $ACCESS_TOKEN"

# Only OPEN tickets
curl 'https://api.bio.re/api/v1/tickets?status=OPEN' \
  -H "Authorization: Bearer $ACCESS_TOKEN"

type TicketStatus =
  | 'OPEN' | 'ASSIGNED' | 'IN_PROGRESS'
  | 'WAITING_USER' | 'WAITING_INTERNAL' | 'RESOLVED' | 'CLOSED';

type TicketListItem = {
  id: string;
  userId: string;
  categoryId: string | null;
  subject: string;
  status: TicketStatus;
  priority: 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT';
  assignedTo: string | null;
  resolvedAt: string | null;
  closedAt: string | null;
  createdAt: string;
  updatedAt: string;
  category: { id: string; name: string; priority: string } | null;
};

type TicketListResponse = {
  items: TicketListItem[];
  total: number;
  page: number;
  limit: number;
  totalPages: number;
};

async function listTickets(
  accessToken: string,
  opts?: { page?: number; limit?: number; status?: TicketStatus },
): Promise<TicketListResponse> {
  const url = new URL('https://api.bio.re/api/v1/tickets');
  if (opts?.page) url.searchParams.set('page', String(opts.page));
  if (opts?.limit) url.searchParams.set('limit', String(opts.limit));
  if (opts?.status) url.searchParams.set('status', opts.status);

  const res = await fetch(url, {
    headers: { Authorization: `Bearer ${accessToken}` },
  });
  const json = await res.json();
  if (!res.ok || !json.success) {
    throw Object.assign(new Error(json?.error?.message ?? 'List failed'), {
      code: json?.error?.code,
    });
  }
  return json.data;
}

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

export const supportKeys = {
  list: (opts: { page: number; status?: TicketStatus }) =>
    ['support', 'tickets', opts] as const,
  detail: (ticketId: string) => ['support', 'ticket', ticketId] as const,
};

export function useMyTickets(page = 1, status?: TicketStatus) {
  return useQuery({
    queryKey: supportKeys.list({ page, status }),
    queryFn: async () => {
      const url = new URL('/api/v1/tickets', location.origin);
      url.searchParams.set('page', String(page));
      if (status) url.searchParams.set('status', status);

      const res = await fetch(url);
      const json = await res.json();
      if (!res.ok || !json.success) {
        throw Object.assign(new Error(json?.error?.message ?? 'List failed'), {
          code: json?.error?.code,
        });
      }
      return json.data as TicketListResponse;
    },
    placeholderData: keepPreviousData,
    staleTime: 30_000,
  });
}