import { useMemo, type ReactNode } from "react";
import { usePatientServiceContext } from "../../../services";
import { usePatientReferrals } from "../../../hooks/usePatientReferrals.ts";
import { PatientHomeReferralsContext } from "./patientHomeReferrals.ts";

/** One referral read for the home, shared by the summary band and the queue so they cannot disagree. */
export const PatientHomeReferralsProvider = ({ children }: { children: ReactNode }) => {
  const patientId = usePatientServiceContext().patientState?.id;
  const { referrals, markBooked, declineInvite, answered, failed } = usePatientReferrals(patientId, Boolean(patientId));
  const value = useMemo(
    () => ({ referrals: answered ? referrals : undefined, failed, markBooked, declineInvite }),
    [answered, referrals, failed, markBooked, declineInvite],
  );

  return <PatientHomeReferralsContext.Provider value={value}>{children}</PatientHomeReferralsContext.Provider>;
};

export default PatientHomeReferralsProvider;