Get Message Detail

curl https://api.bio.re/api/v1/messages/m1a2b3c4-d5e6-7890-abcd-ef1234567890 \
  -H "Authorization: Bearer $ACCESS_TOKEN"

type MessageDetail = {
  id: string;
  content: string;
  status: string;
  dmType: 'FREE' | 'SINGLE_PAY' | 'PER_MESSAGE';
  priceSnapshot: string | null;
  senderId: string;
  receiverId: string;
  createdAt: string;
  expiresAt: string | null;
  repliedAt: string | null;
  completedAt: string | null;
  timeoutHours: number | null;
};

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

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

export const messageKeys = {
  detail: (id: string) => ['messages', 'detail', id] as const,
};

export function useMessageDetail(messageId: string) {
  return useQuery({
    queryKey: messageKeys.detail(messageId),
    queryFn: async () => {
      const res = await fetch(`/api/v1/messages/${messageId}`);
      const json = await res.json();
      if (!res.ok || !json.success) {
        throw Object.assign(new Error(json?.error?.message ?? 'Message fetch failed'), {
          code: json?.error?.code,
          i18nKey: json?.error?.i18nKey,
        });
      }
      return json.data as MessageDetail;
    },
    enabled: Boolean(messageId),
    staleTime: 10_000,
  });
}