@patientos/website-kit 0.2.1 → 0.2.3

package/dist/{chunk-EO64UB5F.js → chunk-LHP4RZ3N.js}

@@ -17,7 +17,6 @@ import {
   FlowLoading,
   FlowRailContext,
   FlowShell,
-  PORTAL_REQUEST_INIT,
   PatientOSApiError,
   PortalLinkSentNotice,
   PortalRescheduleInline,
@@ -25,8 +24,7 @@ import {
   SlotPicker,
   SummarisedFieldErrors,
   adoptClaimToken,
-  configurePortalApiOrigin,
-  currentPagePath,
+  createPortalClient,
   describedBy,
   effectiveFee,
   errorCode,
@@ -55,24 +53,23 @@ import {
   patientos,
   persistClaimToken,
   pickDeliveryOption,
-  portalApiUrl,
   portalDelete,
+  portalFetchForClient,
   portalGet,
   portalSend,
   readPortalSignedInHint,
-  requestPortalSignInLink,
   resetSession,
   saveFlowRecord,
   signOutOfPortal,
   writePortalSignedInHint,
   zoneAbbr
-} from "./chunk-BW7YKCKH.js";
+} from "./chunk-BHVDY6SC.js";
 import {
   __export
 } from "./chunk-MLKGABMK.js";
 
 // src/booking-block.client.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 
 // src/booking-block-machine.ts
 var BOOKING_STEPS = [
@@ -203,7 +200,7 @@ function bookingStepTitle(step, clinicName) {
 }
 
 // src/identity.tsx
-import * as React from "react";
+import * as React2 from "react";
 
 // src/address-picker.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -419,69 +416,73 @@ function formatAuPhone(input) {
   return national.startsWith("04") ? `${national.slice(0, 4)} ${national.slice(4, 7)} ${national.slice(7)}` : `(${national.slice(0, 2)}) ${national.slice(2, 6)} ${national.slice(6)}`;
 }
 
-// src/portal-bridge.ts
-function portalBridgeAvailable(portal) {
-  if (typeof window === "undefined") return false;
-  const origin = portal?.portalOrigin?.trim();
-  if (!origin) return false;
-  return window.location.origin === origin.replace(/\/+$/, "");
-}
-var BRIDGE_TIMEOUT_MS = 15e3;
-var BRIDGE_PROBE_TIMEOUT_MS = 8e3;
-async function bridgeFetch(path, init) {
-  const ctl = new AbortController();
-  const timer = setTimeout(() => ctl.abort(), init?.timeoutMs ?? BRIDGE_TIMEOUT_MS);
-  try {
-    const res = await fetch(path, {
-      signal: ctl.signal,
-      method: init?.method ?? "GET",
-      // The whole point: the portal session cookie must ride along.
-      credentials: "include",
-      // PHI in flight — never let a bfcache/CDN keep it.
-      cache: "no-store",
-      headers: {
-        accept: "application/json",
-        ...init?.body !== void 0 ? { "content-type": "application/json" } : {}
-      },
-      ...init?.body !== void 0 ? { body: JSON.stringify(init.body) } : {}
-    });
-    if (!res.ok) return null;
-    return await res.json();
-  } catch {
-    return null;
-  } finally {
-    clearTimeout(timer);
-  }
-}
-async function fetchWhoAmI(portal) {
-  if (!portalBridgeAvailable(portal)) return { signedIn: false };
-  const out = await bridgeFetch("/portal/api/whoami", {
-    timeoutMs: BRIDGE_PROBE_TIMEOUT_MS
-  });
-  return out && out.signedIn === true ? out : { signedIn: false };
-}
-async function requestMagicLink(portal, email, redirect) {
-  if (!portalBridgeAvailable(portal)) return false;
-  const out = await bridgeFetch("/portal/api/magic-link", {
-    method: "POST",
-    body: { email, ...redirect ? { redirect } : {} }
-  });
-  return out?.ok === true;
-}
-async function fetchPrefill(portal) {
-  if (!portalBridgeAvailable(portal)) return null;
-  return bridgeFetch("/portal/api/prefill");
-}
-async function mintPublicClaim(portal) {
-  if (!portalBridgeAvailable(portal)) return null;
-  return bridgeFetch("/portal/api/public-claim", { method: "POST", body: {} });
-}
-function portalHref(portal) {
-  return portal?.portalUrl?.trim() ?? "";
+// src/portal-context.tsx
+import * as React from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PortalContext = React.createContext(void 0);
+function PortalProvider({ client, children }) {
+  return /* @__PURE__ */ jsx2(PortalContext.Provider, { value: client, children });
+}
+function usePortalClient() {
+  const client = React.useContext(PortalContext);
+  if (!client) {
+    throw new Error("usePortalClient must be used inside a <PortalProvider>.");
+  }
+  return client;
+}
+function usePortalSession() {
+  const client = usePortalClient();
+  const [state, setState] = React.useState({ status: "loading", who: null });
+  const mounted = React.useRef(false);
+  const requestNumber = React.useRef(0);
+  const refresh = React.useCallback(async () => {
+    const currentRequest = ++requestNumber.current;
+    setState({ status: "loading", who: null });
+    let who = { signedIn: false };
+    try {
+      who = await client.whoAmI();
+    } catch {
+    }
+    if (!mounted.current || currentRequest !== requestNumber.current) return;
+    setState({ status: who.signedIn ? "signedIn" : "anonymous", who });
+  }, [client]);
+  React.useEffect(() => {
+    mounted.current = true;
+    void refresh();
+    return () => {
+      mounted.current = false;
+      requestNumber.current += 1;
+    };
+  }, [refresh]);
+  const requestSignInLink = React.useCallback(
+    async (email, redirect) => {
+      try {
+        return await client.requestMagicLink(email, redirect);
+      } catch {
+        return false;
+      }
+    },
+    [client]
+  );
+  const prefill = React.useCallback(async () => {
+    try {
+      return await client.prefill();
+    } catch {
+      return null;
+    }
+  }, [client]);
+  const mintClaim = React.useCallback(async () => {
+    try {
+      return await client.mintPublicClaim();
+    } catch {
+      return null;
+    }
+  }, [client]);
+  return { ...state, refresh, requestSignInLink, prefill, mintClaim };
 }
 
 // src/identity.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var MAGIC_LINK_UNIFORM_MESSAGE = "If that email is known to this clinic, a sign-in link is on its way.";
 var EMPTY_IDENTITY = {
   givenName: "",
@@ -523,33 +524,49 @@ function toSessionInput(v) {
     dateOfBirth: v.dateOfBirth
   };
 }
-function SignInRamp({ portal, redirect }) {
-  const [open, setOpen] = React.useState(false);
-  const [email, setEmail] = React.useState("");
-  const [sent, setSent] = React.useState(false);
-  const [busy, setBusy] = React.useState(false);
-  const available = portalBridgeAvailable(portal);
-  const href = portalHref(portal);
+function SignInRamp({ redirect }) {
+  const portal = usePortalClient();
+  const [open, setOpen] = React2.useState(false);
+  const [email, setEmail] = React2.useState("");
+  const [outcome, setOutcome] = React2.useState("idle");
+  const [busy, setBusy] = React2.useState(false);
+  const available = portal.available;
+  const href = portal.portalHref;
   if (!available) {
     if (!href) return null;
     return /* @__PURE__ */ jsxs2("p", { className: "sk-identity__ramp", children: [
       "Been here before?",
       " ",
-      /* @__PURE__ */ jsx2("a", { href, className: "sk-identity__ramp-link", children: "Sign in to the patient portal" })
+      /* @__PURE__ */ jsx3("a", { href, className: "sk-identity__ramp-link", children: "Sign in to the patient portal" })
     ] });
   }
-  if (sent) {
-    return /* @__PURE__ */ jsx2("p", { className: "sk-identity__ramp sk-identity__ramp--sent", role: "status", "aria-live": "polite", children: MAGIC_LINK_UNIFORM_MESSAGE });
+  if (outcome === "sent") {
+    return /* @__PURE__ */ jsx3("p", { className: "sk-identity__ramp sk-identity__ramp--sent", role: "status", "aria-live": "polite", children: MAGIC_LINK_UNIFORM_MESSAGE });
+  }
+  if (outcome === "failed") {
+    return /* @__PURE__ */ jsxs2(
+      "p",
+      {
+        className: "sk-identity__ramp sk-identity__ramp--failed",
+        role: "status",
+        "aria-live": "polite",
+        children: [
+          "We couldn\u2019t reach the clinic.",
+          " ",
+          href ? /* @__PURE__ */ jsx3("a", { href, className: "sk-identity__ramp-link", children: "Try the patient portal directly" }) : "Please try the patient portal directly."
+        ]
+      }
+    );
   }
   if (!open) {
-    return /* @__PURE__ */ jsx2("p", { className: "sk-identity__ramp", children: /* @__PURE__ */ jsx2("button", { type: "button", className: "sk-identity__ramp-link", onClick: () => setOpen(true), children: "Been here before? Get a sign-in link" }) });
+    return /* @__PURE__ */ jsx3("p", { className: "sk-identity__ramp", children: /* @__PURE__ */ jsx3("button", { type: "button", className: "sk-identity__ramp-link", onClick: () => setOpen(true), children: "Been here before? Get a sign-in link" }) });
   }
   return (
     // A nested <form> is illegal HTML, and the identity form is usually a form already —
     // so this is a div with an explicit click handler, not a form element.
     /* @__PURE__ */ jsxs2("div", { className: "sk-identity__ramp sk-identity__ramp--open", children: [
-      /* @__PURE__ */ jsx2("label", { className: "sk-identity__label", htmlFor: "sk-ramp-email", children: "Your email" }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3("label", { className: "sk-identity__label", htmlFor: "sk-ramp-email", children: "Your email" }),
+      /* @__PURE__ */ jsx3(
         "input",
         {
           id: "sk-ramp-email",
@@ -560,7 +577,7 @@ function SignInRamp({ portal, redirect }) {
           onChange: (e) => setEmail(e.target.value)
         }
       ),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         FlowButton,
         {
           type: "button",
@@ -569,9 +586,8 @@ function SignInRamp({ portal, redirect }) {
           onClick: () => {
             if (busy) return;
             setBusy(true);
-            void requestMagicLink(portal, email.trim(), redirect).finally(() => {
+            void portal.requestMagicLink(email.trim(), redirect ?? portal.returnPath()).then((reached) => setOutcome(reached ? "sent" : "failed")).catch(() => setOutcome("failed")).finally(() => {
               setBusy(false);
-              setSent(true);
             });
           },
           children: busy ? "Sending\u2026" : "Send me a link"
@@ -589,16 +605,16 @@ function ConfirmIdentityCard({
   const given = prefill.givenName?.trim() || "";
   const name = [given, prefill.familyName?.trim() || ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs2("div", { className: "sk-identity__confirm", children: [
-    /* @__PURE__ */ jsx2("p", { className: "sk-identity__confirm-title", children: "Is this you?" }),
+    /* @__PURE__ */ jsx3("p", { className: "sk-identity__confirm-title", children: "Is this you?" }),
     /* @__PURE__ */ jsxs2("dl", { className: "sk-identity__confirm-list", children: [
-      name && /* @__PURE__ */ jsx2(Row, { label: "Name", value: name }),
-      prefill.dateOfBirth && /* @__PURE__ */ jsx2(Row, { label: "Date of birth", value: formatDobAu(prefill.dateOfBirth) }),
-      prefill.email && /* @__PURE__ */ jsx2(Row, { label: "Email", value: prefill.email }),
-      prefill.phone && /* @__PURE__ */ jsx2(Row, { label: "Phone", value: prefill.phone })
+      name && /* @__PURE__ */ jsx3(Row, { label: "Name", value: name }),
+      prefill.dateOfBirth && /* @__PURE__ */ jsx3(Row, { label: "Date of birth", value: formatDobAu(prefill.dateOfBirth) }),
+      prefill.email && /* @__PURE__ */ jsx3(Row, { label: "Email", value: prefill.email }),
+      prefill.phone && /* @__PURE__ */ jsx3(Row, { label: "Phone", value: prefill.phone })
     ] }),
     /* @__PURE__ */ jsxs2("div", { className: "sk-identity__confirm-actions", children: [
-      /* @__PURE__ */ jsx2(FlowButton, { type: "button", variant: "primary", busy, onClick: onConfirm, children: given ? `Yes, continue as ${given}` : "Yes, that\u2019s me" }),
-      /* @__PURE__ */ jsx2(FlowButton, { type: "button", variant: "quiet", disabled: busy, onClick: onReject, children: "Not you? Start fresh" })
+      /* @__PURE__ */ jsx3(FlowButton, { type: "button", variant: "primary", busy, onClick: onConfirm, children: given ? `Yes, continue as ${given}` : "Yes, that\u2019s me" }),
+      /* @__PURE__ */ jsx3(FlowButton, { type: "button", variant: "quiet", disabled: busy, onClick: onReject, children: "Not you? Start fresh" })
     ] })
   ] });
 }
@@ -625,8 +641,8 @@ function formatDobAu(iso) {
 }
 function Row({ label, value }) {
   return /* @__PURE__ */ jsxs2("div", { className: "sk-identity__confirm-row", children: [
-    /* @__PURE__ */ jsx2("dt", { children: label }),
-    /* @__PURE__ */ jsx2("dd", { children: value })
+    /* @__PURE__ */ jsx3("dt", { children: label }),
+    /* @__PURE__ */ jsx3("dd", { children: value })
   ] });
 }
 function IdentityForm({
@@ -641,7 +657,7 @@ function IdentityForm({
   const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
   return /* @__PURE__ */ jsxs2("div", { className: "sk-identity", children: [
     /* @__PURE__ */ jsxs2("div", { className: "sk-identity__grid", children: [
-      /* @__PURE__ */ jsx2(Field, { id: `${idPrefix}-given`, label: "First name", error: errors2.givenName, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(Field, { id: `${idPrefix}-given`, label: "First name", error: errors2.givenName, children: /* @__PURE__ */ jsx3(
         "input",
         {
           id: `${idPrefix}-given`,
@@ -654,7 +670,7 @@ function IdentityForm({
           onChange: (e) => set2("givenName", e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsx2(Field, { id: `${idPrefix}-family`, label: "Last name", error: errors2.familyName, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(Field, { id: `${idPrefix}-family`, label: "Last name", error: errors2.familyName, children: /* @__PURE__ */ jsx3(
         "input",
         {
           id: `${idPrefix}-family`,
@@ -667,7 +683,7 @@ function IdentityForm({
           onChange: (e) => set2("familyName", e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsx2(Field, { id: `${idPrefix}-email`, label: "Email", error: errors2.email, wide: true, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(Field, { id: `${idPrefix}-email`, label: "Email", error: errors2.email, wide: true, children: /* @__PURE__ */ jsx3(
         "input",
         {
           id: `${idPrefix}-email`,
@@ -680,7 +696,7 @@ function IdentityForm({
           onChange: (e) => set2("email", e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsx2(Field, { id: `${idPrefix}-phone`, label: "Phone", error: errors2.phone, children: /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(Field, { id: `${idPrefix}-phone`, label: "Phone", error: errors2.phone, children: /* @__PURE__ */ jsx3(
         "input",
         {
           id: `${idPrefix}-phone`,
@@ -694,14 +710,14 @@ function IdentityForm({
           onChange: (e) => set2("phone", e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         Field,
         {
           id: `${idPrefix}-dob`,
           label: "Date of birth",
           error: errors2.dateOfBirth,
           help: "We ask so we match you to the right record.",
-          children: /* @__PURE__ */ jsx2(
+          children: /* @__PURE__ */ jsx3(
             "input",
             {
               id: `${idPrefix}-dob`,
@@ -721,16 +737,16 @@ function IdentityForm({
       )
     ] }),
     address && /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("p", { className: "sk-identity__section", id: `${idPrefix}-address-heading`, children: "Residential address" }),
-      /* @__PURE__ */ jsx2("p", { className: "sk-identity__section-note", id: `${idPrefix}-address-note`, children: "A practitioner can only issue to a patient they have identified, so your address goes on your patient record." }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3("p", { className: "sk-identity__section", id: `${idPrefix}-address-heading`, children: "Residential address" }),
+      /* @__PURE__ */ jsx3("p", { className: "sk-identity__section-note", id: `${idPrefix}-address-note`, children: "A practitioner can only issue to a patient they have identified, so your address goes on your patient record." }),
+      /* @__PURE__ */ jsx3(
         "div",
         {
           className: "sk-identity__grid",
           role: "group",
           "aria-labelledby": `${idPrefix}-address-heading`,
           "aria-describedby": `${idPrefix}-address-note`,
-          children: /* @__PURE__ */ jsx2(
+          children: /* @__PURE__ */ jsx3(
             AddressPicker,
             {
               idPrefix,
@@ -758,28 +774,28 @@ function Field({
 }) {
   const helpId = help ? `${id}-help` : void 0;
   const errorId = error2 ? `${id}-error` : void 0;
-  const control = React.isValidElement(children) ? React.cloneElement(children, {
+  const control = React2.isValidElement(children) ? React2.cloneElement(children, {
     "aria-describedby": describedBy(helpId, errorId),
     "aria-invalid": error2 ? true : void 0
   }) : children;
   return /* @__PURE__ */ jsxs2("div", { className: ["sk-identity__field", wide ? "sk-identity__field--wide" : ""].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ jsx2("label", { className: "sk-identity__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsx3("label", { className: "sk-identity__label", htmlFor: id, children: label }),
     control,
-    help && /* @__PURE__ */ jsx2("p", { className: "sk-identity__help", id: helpId, children: help }),
-    /* @__PURE__ */ jsx2(FlowError, { id: errorId, children: error2 })
+    help && /* @__PURE__ */ jsx3("p", { className: "sk-identity__help", id: helpId, children: help }),
+    /* @__PURE__ */ jsx3(FlowError, { id: errorId, children: error2 })
   ] });
 }
 async function probeIdentity(portal) {
-  const who = await fetchWhoAmI(portal);
+  const who = await portal.whoAmI();
   if (!who.signedIn) return { state: "anonymous" };
-  const prefill = await fetchPrefill(portal);
+  const prefill = await portal.prefill();
   if (!prefill) return { state: "anonymous" };
   return { state: "signed-in", prefill };
 }
 
 // src/turnstile.tsx
-import * as React2 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import * as React3 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function loadTurnstileScript() {
   if (typeof window === "undefined") return Promise.resolve();
   if (window.turnstile) return Promise.resolve();
@@ -800,14 +816,14 @@ function TurnstileWidget({
   onToken,
   onError
 }) {
-  const containerRef = React2.useRef(null);
-  const widgetIdRef = React2.useRef(null);
-  const onTokenRef = React2.useRef(onToken);
-  const onErrorRef = React2.useRef(onError);
+  const containerRef = React3.useRef(null);
+  const widgetIdRef = React3.useRef(null);
+  const onTokenRef = React3.useRef(onToken);
+  const onErrorRef = React3.useRef(onError);
   onTokenRef.current = onToken;
   onErrorRef.current = onError;
   const key = siteKey?.trim() ?? "";
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!key) return;
     let cancelled = false;
     const container = containerRef.current;
@@ -833,25 +849,37 @@ function TurnstileWidget({
     };
   }, [key]);
   if (!key) return null;
-  return /* @__PURE__ */ jsx3("div", { ref: containerRef, className: "sk-turnstile" });
+  return /* @__PURE__ */ jsx4("div", { ref: containerRef, className: "sk-turnstile" });
 }
 function turnstileRequired(siteKey) {
   return (siteKey?.trim().length ?? 0) > 0;
 }
 
 // src/booking-block.client.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function BookingBlockClient(props) {
+  const portalClient = React4.useMemo(
+    () => createPortalClient({
+      apiOrigin: props.publicApi?.portalApiOrigin,
+      portalOrigin: props.publicApi?.portalOrigin,
+      portalUrl: props.publicApi?.portalUrl
+    }),
+    [
+      props.publicApi?.portalApiOrigin,
+      props.publicApi?.portalOrigin,
+      props.publicApi?.portalUrl
+    ]
+  );
   if (!props.publicApi?.publishableKey) {
     return /* @__PURE__ */ jsxs3("div", { className: "sk-booking__unconfigured", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "sk-booking__heading", children: props.heading ?? "Book an appointment" }),
+      /* @__PURE__ */ jsx5("h2", { className: "sk-booking__heading", children: props.heading ?? "Book an appointment" }),
       /* @__PURE__ */ jsxs3("p", { className: "sk-booking__placeholder", children: [
         "Online booking isn\u2019t available right now.",
         props.clinicPhone ? ` Please call the clinic on ${props.clinicPhone}.` : " Please call the clinic."
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsx4(Booking, { ...props });
+  return /* @__PURE__ */ jsx5(PortalProvider, { client: portalClient, children: /* @__PURE__ */ jsx5(Booking, { ...props }) });
 }
 function Booking({
   publicApi,
@@ -862,27 +890,24 @@ function Booking({
   clinicPhone
 }) {
   const api = publicApi;
-  const client = React3.useMemo(
+  const portal = usePortalClient();
+  const client = React4.useMemo(
     () => patientos({ publishableKey: api.publishableKey, apiBase: api.apiBase }),
     [api.publishableKey, api.apiBase]
   );
-  const portal = React3.useMemo(
-    () => ({ portalUrl: api.portalUrl, portalOrigin: api.portalOrigin }),
-    [api.portalUrl, api.portalOrigin]
-  );
-  const pinned = React3.useMemo(() => ({ pinnedType: !!pinnedType }), [pinnedType]);
-  const [state, setState] = React3.useState(null);
-  const [identity, setIdentity] = React3.useState(EMPTY_IDENTITY);
-  const [identityErrors, setIdentityErrors] = React3.useState({});
-  const [prefill, setPrefill] = React3.useState(null);
-  const [turnstileToken, setTurnstileToken] = React3.useState(null);
-  const [contactId, setContactId] = React3.useState(null);
-  const [busy, setBusy] = React3.useState(false);
-  const [error2, setError] = React3.useState(null);
-  const [tz, setTz] = React3.useState("Australia/Sydney");
-  const [availabilityNonce, setAvailabilityNonce] = React3.useState(0);
-  const holdRef = React3.useRef(null);
-  const dispatch = React3.useCallback(
+  const pinned = React4.useMemo(() => ({ pinnedType: !!pinnedType }), [pinnedType]);
+  const [state, setState] = React4.useState(null);
+  const [identity, setIdentity] = React4.useState(EMPTY_IDENTITY);
+  const [identityErrors, setIdentityErrors] = React4.useState({});
+  const [prefill, setPrefill] = React4.useState(null);
+  const [turnstileToken, setTurnstileToken] = React4.useState(null);
+  const [contactId, setContactId] = React4.useState(null);
+  const [busy, setBusy] = React4.useState(false);
+  const [error2, setError] = React4.useState(null);
+  const [tz, setTz] = React4.useState("Australia/Sydney");
+  const [availabilityNonce, setAvailabilityNonce] = React4.useState(0);
+  const holdRef = React4.useRef(null);
+  const dispatch = React4.useCallback(
     (event) => {
       setState((prev) => {
         const current = prev ?? initialBookingState(pinnedType);
@@ -904,14 +929,14 @@ function Booking({
     },
     [pinnedType, pinned]
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     dispatch({ type: "RESTORE", state: bookingStepFromUrl(window.location.search, pinnedType) });
     const onPop = () => dispatch({ type: "RESTORE", state: bookingStepFromUrl(window.location.search, pinnedType) });
     window.addEventListener("popstate", onPop);
     return () => window.removeEventListener("popstate", onPop);
   }, [dispatch, pinnedType]);
   const step = state?.step;
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (step !== "identity") return;
     let alive = true;
     void probeIdentity(portal).then((probe) => {
@@ -923,7 +948,7 @@ function Booking({
       alive = false;
     };
   }, [step, portal, dispatch]);
-  const placeHold = React3.useCallback(
+  const placeHold = React4.useCallback(
     async (slot, appointmentTypeId) => {
       try {
         const hold = await client.createHold({
@@ -937,7 +962,7 @@ function Booking({
     },
     [client]
   );
-  const commit = React3.useCallback(
+  const commit = React4.useCallback(
     async (resolvedContactId) => {
       if (!state?.slot || !state.appointmentTypeId) return;
       try {
@@ -1003,7 +1028,7 @@ function Booking({
     if (busy) return;
     setBusy(true);
     setError(null);
-    const claim = await mintPublicClaim(portal);
+    const claim = await portal.mintPublicClaim();
     if (!claim) {
       setBusy(false);
       setError("Your sign-in has expired. Please enter your details below.");
@@ -1015,24 +1040,24 @@ function Booking({
     if (state?.slot && state.appointmentTypeId) void placeHold(state.slot, state.appointmentTypeId);
     await commit(claim.contactId);
   }
-  const back2 = React3.useCallback(() => dispatch({ type: "BACK" }), [dispatch]);
-  if (!state) return /* @__PURE__ */ jsx4(FlowLoading, {});
+  const back2 = React4.useCallback(() => dispatch({ type: "BACK" }), [dispatch]);
+  if (!state) return /* @__PURE__ */ jsx5(FlowLoading, {});
   const title = bookingStepTitle(state.step, clinicName);
   const showBack = canBookingGoBack(state, pinned);
   const chosenType = appointmentTypes.find((t) => t.id === state.appointmentTypeId) ?? null;
   switch (state.step) {
     case "type":
-      return /* @__PURE__ */ jsx4(FlowShell, { stepKey: "type", eyebrow: "Step 1 of 3", heading: heading2, stepNumber: 1, totalSteps: 3, documentTitle: title, children: appointmentTypes.length === 0 ? /* @__PURE__ */ jsxs3("p", { className: "sk-booking__empty", children: [
+      return /* @__PURE__ */ jsx5(FlowShell, { stepKey: "type", eyebrow: "Step 1 of 3", heading: heading2, stepNumber: 1, totalSteps: 3, documentTitle: title, children: appointmentTypes.length === 0 ? /* @__PURE__ */ jsxs3("p", { className: "sk-booking__empty", children: [
         "Online booking isn\u2019t available right now.",
         clinicPhone ? ` Please call the clinic on ${clinicPhone}.` : " Please call the clinic."
-      ] }) : /* @__PURE__ */ jsx4("ul", { className: "sk-booking__list", children: appointmentTypes.map((t) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs3(
+      ] }) : /* @__PURE__ */ jsx5("ul", { className: "sk-booking__list", children: appointmentTypes.map((t) => /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs3(
         "button",
         {
           type: "button",
           className: "sk-booking__option",
           onClick: () => dispatch({ type: "SELECT_TYPE", appointmentTypeId: t.id }),
           children: [
-            /* @__PURE__ */ jsx4("span", { className: "sk-booking__option-label", children: t.label }),
+            /* @__PURE__ */ jsx5("span", { className: "sk-booking__option-label", children: t.label }),
             /* @__PURE__ */ jsxs3("span", { className: "sk-booking__option-meta", children: [
               t.durationMinutes ? `${t.durationMinutes} min` : "",
               t.modality === "telehealth" ? " \xB7 Telehealth" : ""
@@ -1053,8 +1078,8 @@ function Booking({
           documentTitle: title,
           onBack: showBack ? back2 : void 0,
           children: [
-            /* @__PURE__ */ jsx4(FlowError, { children: error2 }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5(FlowError, { children: error2 }),
+            /* @__PURE__ */ jsx5(
               SlotPicker,
               {
                 client,
@@ -1087,17 +1112,11 @@ function Booking({
           totalSteps: 3,
           documentTitle: title,
           onBack: showBack ? back2 : void 0,
-          footer: /* @__PURE__ */ jsx4(FlowButton, { type: "submit", form: "sk-bk-identity", variant: "primary", busy, children: busy ? "Confirming\u2026" : "Confirm booking" }),
+          footer: /* @__PURE__ */ jsx5(FlowButton, { type: "submit", form: "sk-bk-identity", variant: "primary", busy, children: busy ? "Confirming\u2026" : "Confirm booking" }),
           children: [
-            /* @__PURE__ */ jsx4(
-              SignInRamp,
-              {
-                portal,
-                redirect: typeof window === "undefined" ? void 0 : window.location.href
-              }
-            ),
+            /* @__PURE__ */ jsx5(SignInRamp, {}),
             /* @__PURE__ */ jsxs3("form", { id: "sk-bk-identity", onSubmit: (e) => void handleAnonymousSubmit(e), noValidate: true, children: [
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 IdentityForm,
                 {
                   values: identity,
@@ -1107,7 +1126,7 @@ function Booking({
                   idPrefix: "sk-bk"
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 TurnstileWidget,
                 {
                   siteKey: api.turnstileSiteKey,
@@ -1116,7 +1135,7 @@ function Booking({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx4(FlowError, { children: error2 })
+            /* @__PURE__ */ jsx5(FlowError, { children: error2 })
           ]
         }
       );
@@ -1133,7 +1152,7 @@ function Booking({
           documentTitle: title,
           onBack: showBack ? back2 : void 0,
           children: [
-            prefill ? /* @__PURE__ */ jsx4(
+            prefill ? /* @__PURE__ */ jsx5(
               ConfirmIdentityCard,
               {
                 prefill,
@@ -1141,8 +1160,8 @@ function Booking({
                 onConfirm: () => void handleSignedInConfirm(),
                 onReject: () => dispatch({ type: "IDENTITY_REJECTED" })
               }
-            ) : /* @__PURE__ */ jsx4(FlowLoading, { message: "Checking your details\u2026" }),
-            /* @__PURE__ */ jsx4(FlowError, { children: error2 })
+            ) : /* @__PURE__ */ jsx5(FlowLoading, { message: "Checking your details\u2026" }),
+            /* @__PURE__ */ jsx5(FlowError, { children: error2 })
           ]
         }
       );
@@ -1153,14 +1172,14 @@ function Booking({
           " ",
           "We\u2019ve sent you a confirmation."
         ] }),
-        api.portalUrl && /* @__PURE__ */ jsx4("p", { className: "sk-booking__aside", children: /* @__PURE__ */ jsx4("a", { className: "sk-booking__link", href: api.portalUrl, children: "Manage this in the patient portal" }) }),
-        /* @__PURE__ */ jsx4("span", { hidden: true, "data-sk-contact-bound": contactId ? "1" : "0" })
+        api.portalUrl && /* @__PURE__ */ jsx5("p", { className: "sk-booking__aside", children: /* @__PURE__ */ jsx5("a", { className: "sk-booking__link", href: api.portalUrl, children: "Manage this in the patient portal" }) }),
+        /* @__PURE__ */ jsx5("span", { hidden: true, "data-sk-contact-bound": contactId ? "1" : "0" })
       ] });
   }
 }
 
 // src/certificate-funnel.client.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 
 // src/certificate-funnel-machine.ts
 var FUNNEL_STEPS = [
@@ -1472,14 +1491,14 @@ var STEP_TITLES = {
 };
 
 // src/flow-progress.ts
-import * as React4 from "react";
-var FlowShapeContext = React4.createContext(DEFAULT_SHAPE);
+import * as React5 from "react";
+var FlowShapeContext = React5.createContext(DEFAULT_SHAPE);
 function useStepProgress(step, questionIndex = 0) {
-  return stepProgress(step, React4.useContext(FlowShapeContext), questionIndex);
+  return stepProgress(step, React5.useContext(FlowShapeContext), questionIndex);
 }
 
 // src/portal-panel.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var PORTAL_SURFACE_LABEL = {
   appointments: "Your appointments",
   documents: "Your documents",
@@ -1504,15 +1523,15 @@ function PortalPanel({
       props: { surface, portalUrl, portalApiOrigin },
       className: ["sk-portal-panel", className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx5("h2", { className: "sk-portal-panel__heading", children: PORTAL_SURFACE_LABEL[surface] ?? "Your portal" }),
-        /* @__PURE__ */ jsx5("p", { className: "sk-portal-panel__placeholder", children: /* @__PURE__ */ jsx5("a", { className: "sk-portal-panel__link", href: portalUrl ?? "/portal", children: "Sign in to your patient portal" }) })
+        /* @__PURE__ */ jsx6("h2", { className: "sk-portal-panel__heading", children: PORTAL_SURFACE_LABEL[surface] ?? "Your portal" }),
+        /* @__PURE__ */ jsx6("p", { className: "sk-portal-panel__placeholder", children: /* @__PURE__ */ jsx6("a", { className: "sk-portal-panel__link", href: portalUrl ?? "/portal", children: "Sign in to your patient portal" }) })
       ]
     }
   );
 }
 
 // src/payment.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 
 // src/bpoint-client.ts
 function bpoint() {
@@ -1587,7 +1606,7 @@ async function attachCardToAuthKey(authKey, card) {
 }
 
 // src/payment.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var PHASE_MICROCOPY = {
   init: "Preparing secure form\u2026",
   // Deliberately blank: the `FlowError` already carries the reason, and a second live
@@ -1647,19 +1666,19 @@ function PaymentStep({
   clinicPhone,
   onOutcome
 }) {
-  const [phase, setPhase] = React5.useState("init");
-  const [providerKey, setProviderKey] = React5.useState(null);
-  const [authKey, setAuthKey] = React5.useState(null);
-  const [amount, setAmount] = React5.useState(feeAmount);
-  const [artifacts, setArtifacts] = React5.useState(null);
-  const [error2, setError] = React5.useState(null);
-  const [card, setCard] = React5.useState({ number: "", expiry: "", cvn: "", name: "" });
-  const [cardErrors, setCardErrors] = React5.useState({});
-  const [initAttempt, setInitAttempt] = React5.useState(0);
-  const iframeRef = React5.useRef(null);
+  const [phase, setPhase] = React6.useState("init");
+  const [providerKey, setProviderKey] = React6.useState(null);
+  const [authKey, setAuthKey] = React6.useState(null);
+  const [amount, setAmount] = React6.useState(feeAmount);
+  const [artifacts, setArtifacts] = React6.useState(null);
+  const [error2, setError] = React6.useState(null);
+  const [card, setCard] = React6.useState({ number: "", expiry: "", cvn: "", name: "" });
+  const [cardErrors, setCardErrors] = React6.useState({});
+  const [initAttempt, setInitAttempt] = React6.useState(0);
+  const iframeRef = React6.useRef(null);
   const isMock = providerKey === "mock";
   const feeText = formatFee(amount);
-  const runConfirm = React5.useCallback(async () => {
+  const runConfirm = React6.useCallback(async () => {
     setPhase("processing");
     try {
       const res = await client.payConfirm(requestId);
@@ -1690,7 +1709,7 @@ function PaymentStep({
       setPhase("ready");
     }
   }, [client, requestId, onOutcome]);
-  const runAuthenticate = React5.useCallback(async () => {
+  const runAuthenticate = React6.useCallback(async () => {
     setError(null);
     setPhase("authenticating");
     try {
@@ -1707,7 +1726,7 @@ function PaymentStep({
       setPhase("ready");
     }
   }, [client, requestId, runConfirm]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     let alive = true;
     void (async () => {
       setPhase("init");
@@ -1742,7 +1761,7 @@ function PaymentStep({
       alive = false;
     };
   }, [client, requestId, initAttempt]);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     const origin = artifacts?.iframeOrigin;
     if (phase !== "authenticating" || !origin) return;
     function onMessage(event) {
@@ -1815,14 +1834,14 @@ function PaymentStep({
   const microcopy = PHASE_MICROCOPY[phase];
   const holdLabel = feeText ? `Place ${feeText} hold` : "Place hold";
   return /* @__PURE__ */ jsxs5("div", { className: "sk-pay", children: [
-    isMock ? /* @__PURE__ */ jsx6("p", { className: "sk-pay__mock", children: "Mock payments mode \u2014 card entry is skipped. Continue to simulate an approved pre-authorisation." }) : phase === "init" ? /* @__PURE__ */ jsx6("p", { className: "sk-pay__loading", role: "status", "aria-live": "polite", children: "Preparing the secure card form\u2026" }) : phase === "init_failed" ? (
+    isMock ? /* @__PURE__ */ jsx7("p", { className: "sk-pay__mock", children: "Mock payments mode \u2014 card entry is skipped. Continue to simulate an approved pre-authorisation." }) : phase === "init" ? /* @__PURE__ */ jsx7("p", { className: "sk-pay__loading", role: "status", "aria-live": "polite", children: "Preparing the secure card form\u2026" }) : phase === "init_failed" ? (
       // Nothing. There is no AuthKey, so four PAN fields and a promise about BPOINT
       // would be asking for a card we have no way to tokenise. The `FlowError` below
       // says what went wrong; the actions block says what to do about it.
       null
     ) : /* @__PURE__ */ jsxs5("form", { id: "sk-pay-form", className: "sk-pay__form", onSubmit: handleCardSubmit, noValidate: true, children: [
-      /* @__PURE__ */ jsx6(PaymentOrderSummary, { serviceLabel, feeText }),
-      /* @__PURE__ */ jsx6(CardField, { id: "sk-cc-number", label: "Card number", error: cardErrors.number, children: /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(PaymentOrderSummary, { serviceLabel, feeText }),
+      /* @__PURE__ */ jsx7(CardField, { id: "sk-cc-number", label: "Card number", error: cardErrors.number, children: /* @__PURE__ */ jsx7(
         "input",
         {
           id: "sk-cc-number",
@@ -1837,7 +1856,7 @@ function PaymentStep({
         }
       ) }),
       /* @__PURE__ */ jsxs5("div", { className: "sk-pay__row", children: [
-        /* @__PURE__ */ jsx6(CardField, { id: "sk-cc-expiry", label: "Expiry (MM/YY)", error: cardErrors.expiry, children: /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(CardField, { id: "sk-cc-expiry", label: "Expiry (MM/YY)", error: cardErrors.expiry, children: /* @__PURE__ */ jsx7(
           "input",
           {
             id: "sk-cc-expiry",
@@ -1851,7 +1870,7 @@ function PaymentStep({
             onChange: (e) => setCard({ ...card, expiry: formatExpiry(e.target.value) })
           }
         ) }),
-        /* @__PURE__ */ jsx6(CardField, { id: "sk-cc-cvn", label: "Security code", error: cardErrors.cvn, children: /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(CardField, { id: "sk-cc-cvn", label: "Security code", error: cardErrors.cvn, children: /* @__PURE__ */ jsx7(
           "input",
           {
             id: "sk-cc-cvn",
@@ -1866,7 +1885,7 @@ function PaymentStep({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx6(CardField, { id: "sk-cc-name", label: "Name on card", error: cardErrors.name, children: /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(CardField, { id: "sk-cc-name", label: "Name on card", error: cardErrors.name, children: /* @__PURE__ */ jsx7(
         "input",
         {
           id: "sk-cc-name",
@@ -1879,7 +1898,7 @@ function PaymentStep({
         }
       ) }),
       /* @__PURE__ */ jsxs5("p", { className: "sk-pay__secure", children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "svg",
           {
             className: "sk-pay__secure-icon",
@@ -1888,7 +1907,7 @@ function PaymentStep({
             height: "14",
             "aria-hidden": "true",
             focusable: "false",
-            children: /* @__PURE__ */ jsx6(
+            children: /* @__PURE__ */ jsx7(
               "path",
               {
                 d: "M4.5 7V5a3.5 3.5 0 0 1 7 0v2M3.75 7h8.5a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-5.5A.75.75 0 0 1 3.75 7Z",
@@ -1904,7 +1923,7 @@ function PaymentStep({
         "Your card details go straight to BPOINT, our Australian payment gateway, and are never sent to or stored on this clinic\u2019s systems."
       ] })
     ] }),
-    phase === "authenticating" && artifacts?.iframeUrl && /* @__PURE__ */ jsx6(
+    phase === "authenticating" && artifacts?.iframeUrl && /* @__PURE__ */ jsx7(
       "iframe",
       {
         ref: iframeRef,
@@ -1914,8 +1933,8 @@ function PaymentStep({
         style: { width: "100%", height: "1px", visibility: "hidden", border: "none" }
       }
     ),
-    /* @__PURE__ */ jsx6(FlowError, { children: error2 }),
-    microcopy && /* @__PURE__ */ jsx6("p", { className: "sk-pay__status", role: "status", "aria-live": "polite", children: microcopy }),
+    /* @__PURE__ */ jsx7(FlowError, { children: error2 }),
+    microcopy && /* @__PURE__ */ jsx7("p", { className: "sk-pay__status", role: "status", "aria-live": "polite", children: microcopy }),
     phase === "init_failed" && clinicPhone && /* @__PURE__ */ jsxs5("p", { className: "sk-cf__body", children: [
       "Still not working?",
       " ",
@@ -1924,12 +1943,12 @@ function PaymentStep({
         clinicPhone
       ] })
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "sk-pay__actions", children: phase === "init_failed" ? (
+    /* @__PURE__ */ jsx7("div", { className: "sk-pay__actions", children: phase === "init_failed" ? (
       // NOT `busy` — `busy` is `phase !== 'ready'`, which would render the one control
       // on this screen disabled and reinstate the defect this branch exists to fix.
       // NOT `holdLabel` either: no hold exists yet, so naming the amount here would
       // promise something this press does not do.
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         FlowButton,
         {
           type: "button",
@@ -1938,7 +1957,7 @@ function PaymentStep({
           children: "Try again"
         }
       )
-    ) : isMock ? /* @__PURE__ */ jsx6(FlowButton, { type: "button", variant: "primary", busy, onClick: () => void runConfirm(), children: busy ? "Securing\u2026" : `${holdLabel} & continue` }) : /* @__PURE__ */ jsx6(FlowButton, { type: "submit", form: "sk-pay-form", variant: "primary", busy, children: busy ? "Securing\u2026" : holdLabel }) })
+    ) : isMock ? /* @__PURE__ */ jsx7(FlowButton, { type: "button", variant: "primary", busy, onClick: () => void runConfirm(), children: busy ? "Securing\u2026" : `${holdLabel} & continue` }) : /* @__PURE__ */ jsx7(FlowButton, { type: "submit", form: "sk-pay-form", variant: "primary", busy, children: busy ? "Securing\u2026" : holdLabel }) })
   ] });
 }
 function PaymentOrderSummary({
@@ -1946,8 +1965,8 @@ function PaymentOrderSummary({
   feeText
 }) {
   return /* @__PURE__ */ jsxs5("dl", { className: "sk-pay__summary", children: [
-    /* @__PURE__ */ jsx6("dt", { children: serviceLabel }),
-    feeText && /* @__PURE__ */ jsx6("dd", { children: feeText })
+    /* @__PURE__ */ jsx7("dt", { children: serviceLabel }),
+    feeText && /* @__PURE__ */ jsx7("dd", { children: feeText })
   ] });
 }
 function CardField({
@@ -1957,14 +1976,14 @@ function CardField({
   children
 }) {
   return /* @__PURE__ */ jsxs5("div", { className: "sk-pay__field", children: [
-    /* @__PURE__ */ jsx6("label", { className: "sk-pay__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsx7("label", { className: "sk-pay__label", htmlFor: id, children: label }),
     children,
-    /* @__PURE__ */ jsx6(FlowError, { children: error2 })
+    /* @__PURE__ */ jsx7(FlowError, { children: error2 })
   ] });
 }
 
 // src/certificate-funnel-steps/service-step.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var printsPrice = (fee) => !!fee?.requiresPayment && formatFee(fee.amount) !== "";
 var HOLD_NOTE = "Where a price is shown, that amount is held on your card at the payment step and charged only if what you asked for is issued.";
 var DELIVERY_NOTE = {
@@ -1998,10 +2017,10 @@ function ServiceStep({
             "Online certificate requests aren\u2019t available right now.",
             clinicPhone ? ` Please call the clinic on ${clinicPhone}.` : " Please call the clinic."
           ] })
-        ) : /* @__PURE__ */ jsx7("ul", { className: "sk-cf__services", "aria-busy": deliveryPending || void 0, children: services.map((s) => {
+        ) : /* @__PURE__ */ jsx8("ul", { className: "sk-cf__services", "aria-busy": deliveryPending || void 0, children: services.map((s) => {
           const note = feeRowNote(fees?.[s.key]);
           const deliveryNote = deliveryModes?.[s.key] ? DELIVERY_NOTE[deliveryModes[s.key]] : "";
-          return /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs6(
+          return /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs6(
             "button",
             {
               type: "button",
@@ -2011,27 +2030,27 @@ function ServiceStep({
               "data-sk-service": s.key,
               children: [
                 /* @__PURE__ */ jsxs6("span", { className: "sk-cf__service-body", children: [
-                  /* @__PURE__ */ jsx7("span", { className: "sk-cf__service-label", children: s.label }),
-                  deliveryNote && /* @__PURE__ */ jsx7("span", { className: "sk-cf__service-delivery", children: deliveryNote }),
-                  note && /* @__PURE__ */ jsx7("span", { className: "sk-cf__service-fee", children: note })
+                  /* @__PURE__ */ jsx8("span", { className: "sk-cf__service-label", children: s.label }),
+                  deliveryNote && /* @__PURE__ */ jsx8("span", { className: "sk-cf__service-delivery", children: deliveryNote }),
+                  note && /* @__PURE__ */ jsx8("span", { className: "sk-cf__service-fee", children: note })
                 ] }),
-                /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "sk-cf__service-chevron", children: "\u2192" })
+                /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "sk-cf__service-chevron", children: "\u2192" })
               ]
             }
           ) }, s.key);
         }) }),
-        deliveryPending && /* @__PURE__ */ jsx7("p", { className: "sk-cf__services-note", role: "status", "aria-live": "polite", children: "Loading what happens next\u2026" }),
-        services.some((s) => printsPrice(fees?.[s.key])) && /* @__PURE__ */ jsx7("p", { className: "sk-cf__services-note", children: HOLD_NOTE }),
-        !deliveryPending && services.some((s) => !!deliveryModes?.[s.key]) && /* @__PURE__ */ jsx7("p", { className: "sk-cf__services-note", children: "We\u2019ll email you about what happens next. If a document is issued, we\u2019ll email you a secure download link." }),
-        /* @__PURE__ */ jsx7("div", { className: "sk-cf__after", children: /* @__PURE__ */ jsx7(FlowButton, { type: "button", variant: "quiet", onClick: onNeedDifferent, children: "I need a different type of certificate" }) })
+        deliveryPending && /* @__PURE__ */ jsx8("p", { className: "sk-cf__services-note", role: "status", "aria-live": "polite", children: "Loading what happens next\u2026" }),
+        services.some((s) => printsPrice(fees?.[s.key])) && /* @__PURE__ */ jsx8("p", { className: "sk-cf__services-note", children: HOLD_NOTE }),
+        !deliveryPending && services.some((s) => !!deliveryModes?.[s.key]) && /* @__PURE__ */ jsx8("p", { className: "sk-cf__services-note", children: "We\u2019ll email you about what happens next. If a document is issued, we\u2019ll email you a secure download link." }),
+        /* @__PURE__ */ jsx8("div", { className: "sk-cf__after", children: /* @__PURE__ */ jsx8(FlowButton, { type: "button", variant: "quiet", onClick: onNeedDifferent, children: "I need a different type of certificate" }) })
       ]
     }
   );
 }
 
 // src/certificate-funnel-steps/preflight-step.tsx
-import * as React6 from "react";
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import * as React7 from "react";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var EMERGENCY = "000";
 var POLICY_LINKS = { terms: "/terms", privacy: "/privacy" };
 var PREFLIGHT_STATEMENTS = [
@@ -2094,7 +2113,7 @@ function PreflightStep({
   onBack,
   documentTitle
 }) {
-  const [declining, setDeclining] = React6.useState(false);
+  const [declining, setDeclining] = React7.useState(false);
   return /* @__PURE__ */ jsxs7(
     FlowShell,
     {
@@ -2124,7 +2143,7 @@ function PreflightStep({
         // visible subheading ("Please read all five…") and the primary button ("Yes —
         // all five are true"), so what AT speaks matches what the screen says.
         /* @__PURE__ */ jsxs7("div", { className: "sk-cf__actions", role: "group", "aria-label": "Are all five statements true?", children: [
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             FlowButton,
             {
               type: "button",
@@ -2134,7 +2153,7 @@ function PreflightStep({
               children: "Yes \u2014 all five are true"
             }
           ),
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             FlowButton,
             {
               type: "button",
@@ -2153,7 +2172,7 @@ function PreflightStep({
           // the list gets the question as its accessible name. `aria-label` on the `<ul>`
           // rather than `role="group"`: naming it keeps `role="list"`, so AT still says how
           // many options there are — a count the patient wants and a group would swallow.
-          /* @__PURE__ */ jsx8("ul", { className: "sk-pf__declines", "aria-label": "Which one doesn\u2019t apply?", children: PREFLIGHT_DISPLAY_STATEMENTS.map((s) => /* @__PURE__ */ jsx8("li", { children: /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsx9("ul", { className: "sk-pf__declines", "aria-label": "Which one doesn\u2019t apply?", children: PREFLIGHT_DISPLAY_STATEMENTS.map((s) => /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2161,24 +2180,24 @@ function PreflightStep({
               onClick: () => s.exit.kind === "out-of-scope" ? onOutOfScope() : onExit(s.exit),
               "data-sk-preflight-decline": s.id,
               children: [
-                /* @__PURE__ */ jsx8("span", { className: "sk-pf__decline-label", children: s.decline }),
-                /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "sk-cf__service-chevron", children: "\u2192" })
+                /* @__PURE__ */ jsx9("span", { className: "sk-pf__decline-label", children: s.decline }),
+                /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "sk-cf__service-chevron", children: "\u2192" })
               ]
             }
           ) }, s.id)) })
-        ) : /* @__PURE__ */ jsx8("ol", { className: "sk-pf__statements", children: PREFLIGHT_DISPLAY_STATEMENTS.map((s, i) => /* @__PURE__ */ jsxs7("li", { className: "sk-pf__statement", children: [
-          /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "sk-pf__num", children: i + 1 }),
+        ) : /* @__PURE__ */ jsx9("ol", { className: "sk-pf__statements", children: PREFLIGHT_DISPLAY_STATEMENTS.map((s, i) => /* @__PURE__ */ jsxs7("li", { className: "sk-pf__statement", children: [
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "sk-pf__num", children: i + 1 }),
           /* @__PURE__ */ jsxs7("div", { className: "sk-pf__statement-body", children: [
-            /* @__PURE__ */ jsx8("p", { className: "sk-pf__statement-title", children: s.title }),
+            /* @__PURE__ */ jsx9("p", { className: "sk-pf__statement-title", children: s.title }),
             /* @__PURE__ */ jsxs7("p", { className: "sk-pf__statement-detail", children: [
               s.detail,
               s.id === "terms" && /* @__PURE__ */ jsxs7(Fragment2, { children: [
                 " ",
-                /* @__PURE__ */ jsx8("a", { className: "sk-cf__link", href: POLICY_LINKS.terms, children: "Read the terms" }),
+                /* @__PURE__ */ jsx9("a", { className: "sk-cf__link", href: POLICY_LINKS.terms, children: "Read the terms" }),
                 " ",
                 "and the",
                 " ",
-                /* @__PURE__ */ jsx8("a", { className: "sk-cf__link", href: POLICY_LINKS.privacy, children: "privacy policy" }),
+                /* @__PURE__ */ jsx9("a", { className: "sk-cf__link", href: POLICY_LINKS.privacy, children: "privacy policy" }),
                 "."
               ] })
             ] })
@@ -2194,8 +2213,8 @@ function PreflightStep({
 }
 
 // src/certificate-funnel-steps/identity-step.tsx
-import * as React7 from "react";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import * as React8 from "react";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var IDENTITY_ID_PREFIX = "sk-id";
 var IDENTITY_FIELDS = [
   { key: "givenName", id: `${IDENTITY_ID_PREFIX}-given`, label: "First name" },
@@ -2211,20 +2230,21 @@ function midSentence(label) {
 }
 var detailsSubheading = (serviceLabel) => `We\u2019ll use these to identify you and contact you about your ${midSentence(serviceLabel)}.`;
 function IdentityStep(props) {
-  const { client, portal, mode, onSignedIn, onRejected, onStarted, onBack, documentTitle } = props;
+  const { client, mode, onSignedIn, onRejected, onStarted, onBack, documentTitle } = props;
+  const portal = usePortalClient();
   const progress = useStepProgress(mode);
-  const [identity, setIdentity] = React7.useState(
+  const [identity, setIdentity] = React8.useState(
     props.draft?.identity ?? EMPTY_IDENTITY
   );
-  const [address, setAddress] = React7.useState(props.draft?.address ?? EMPTY_ADDRESS);
-  const [identityErrors, setIdentityErrors] = React7.useState({});
-  const [addressErrors, setAddressErrors] = React7.useState({});
-  const [turnstileToken, setTurnstileToken] = React7.useState(null);
-  const [busy, setBusy] = React7.useState(false);
-  const [error2, setError] = React7.useState(null);
-  const [prefill, setPrefill] = React7.useState(null);
-  const [probing, setProbing] = React7.useState(mode === "identity" && !props.draft);
-  React7.useEffect(() => {
+  const [address, setAddress] = React8.useState(props.draft?.address ?? EMPTY_ADDRESS);
+  const [identityErrors, setIdentityErrors] = React8.useState({});
+  const [addressErrors, setAddressErrors] = React8.useState({});
+  const [turnstileToken, setTurnstileToken] = React8.useState(null);
+  const [busy, setBusy] = React8.useState(false);
+  const [error2, setError] = React8.useState(null);
+  const [prefill, setPrefill] = React8.useState(null);
+  const [probing, setProbing] = React8.useState(mode === "identity" && !props.draft);
+  React8.useEffect(() => {
     if (mode !== "identity" || props.draft) return;
     let alive = true;
     void probeIdentity(portal).then((probe) => {
@@ -2239,7 +2259,7 @@ function IdentityStep(props) {
       alive = false;
     };
   }, []);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (mode !== "confirm-identity" || prefill) return;
     let alive = true;
     void probeIdentity(portal).then((probe) => {
@@ -2252,17 +2272,17 @@ function IdentityStep(props) {
     };
   }, [mode, prefill, portal, onRejected]);
   const { onDraftChange } = props;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     onDraftChange?.({ identity, address });
   }, [identity, address, onDraftChange]);
-  const addressSearch = React7.useCallback(
+  const addressSearch = React8.useCallback(
     async (q) => {
       const res = await client.suggestAddress(q);
       return res.disabled ? [] : res.suggestions ?? [];
     },
     [client]
   );
-  const addressValidate = React7.useCallback(
+  const addressValidate = React8.useCallback(
     async (a) => {
       const res = await client.resolveAddress(a);
       const confirmed = res.disabled ? null : res.address?.formattedAddress ?? null;
@@ -2270,7 +2290,7 @@ function IdentityStep(props) {
     },
     [client]
   );
-  const startRequest = React7.useCallback(
+  const startRequest = React8.useCallback(
     async (capturedIdentity) => {
       const { requestId } = await client.startRequest({ serviceKey: props.serviceKey });
       onStarted(requestId, capturedIdentity);
@@ -2282,7 +2302,7 @@ function IdentityStep(props) {
     setBusy(true);
     setError(null);
     try {
-      const claim = await mintPublicClaim(portal);
+      const claim = await portal.mintPublicClaim();
       if (!claim) {
         setError("Your sign-in has expired. Please enter your details below.");
         setBusy(false);
@@ -2366,7 +2386,7 @@ function IdentityStep(props) {
         onBack,
         documentTitle,
         children: [
-          prefill ? /* @__PURE__ */ jsx9(
+          prefill ? /* @__PURE__ */ jsx10(
             ConfirmIdentityCard,
             {
               prefill,
@@ -2374,14 +2394,14 @@ function IdentityStep(props) {
               onConfirm: () => void handleConfirmSignedIn(),
               onReject: onRejected
             }
-          ) : /* @__PURE__ */ jsx9(FlowLoading, { message: "Checking your details\u2026" }),
-          /* @__PURE__ */ jsx9(FlowError, { children: error2 })
+          ) : /* @__PURE__ */ jsx10(FlowLoading, { message: "Checking your details\u2026" }),
+          /* @__PURE__ */ jsx10(FlowError, { children: error2 })
         ]
       }
     );
   }
   const invalid = invalidFields(IDENTITY_FIELDS, { ...identityErrors, ...addressErrors });
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     FlowShell,
     {
       ...progress,
@@ -2390,12 +2410,12 @@ function IdentityStep(props) {
       subheading: detailsSubheading(props.serviceLabel),
       onBack,
       documentTitle,
-      footer: probing ? void 0 : /* @__PURE__ */ jsx9(FlowButton, { type: "submit", form: "sk-cf-identity", variant: "primary", busy, children: busy ? "Starting\u2026" : "Continue" }),
-      children: probing ? /* @__PURE__ */ jsx9(FlowLoading, { message: "Checking if you\u2019re signed in\u2026" }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
-        /* @__PURE__ */ jsx9(SignInRamp, { portal, redirect: props.returnUrl }),
-        /* @__PURE__ */ jsx9(FlowErrorSummary, { fields: invalid }),
+      footer: probing ? void 0 : /* @__PURE__ */ jsx10(FlowButton, { type: "submit", form: "sk-cf-identity", variant: "primary", busy, children: busy ? "Starting\u2026" : "Continue" }),
+      children: probing ? /* @__PURE__ */ jsx10(FlowLoading, { message: "Checking if you\u2019re signed in\u2026" }) : /* @__PURE__ */ jsxs8(Fragment3, { children: [
+        /* @__PURE__ */ jsx10(SignInRamp, { redirect: props.returnUrl }),
+        /* @__PURE__ */ jsx10(FlowErrorSummary, { fields: invalid }),
         /* @__PURE__ */ jsxs8("form", { id: "sk-cf-identity", onSubmit: (e) => void handleSubmitAnonymous(e), noValidate: true, children: [
-          /* @__PURE__ */ jsx9(SummarisedFieldErrors, { children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(SummarisedFieldErrors, { children: /* @__PURE__ */ jsx10(
             IdentityForm,
             {
               idPrefix: IDENTITY_ID_PREFIX,
@@ -2412,7 +2432,7 @@ function IdentityStep(props) {
               disabled: busy
             }
           ) }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             TurnstileWidget,
             {
               siteKey: props.turnstileSiteKey,
@@ -2421,18 +2441,18 @@ function IdentityStep(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx9(FlowError, { children: error2 })
+        /* @__PURE__ */ jsx10(FlowError, { children: error2 })
       ] })
     }
   );
 }
 
 // src/certificate-funnel-steps/intake-step.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 
 // src/question-render.tsx
-import * as React8 from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import * as React9 from "react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var RENDERABLE_KINDS = [
   "text",
   "boolean",
@@ -2484,8 +2504,8 @@ function QuestionField({
   const helpId = question.helpText ? `${id}-help` : void 0;
   const errorId = error2 ? `${id}-error` : void 0;
   const description = describedBy(helpId, errorId);
-  const help = question.helpText ? /* @__PURE__ */ jsx10("p", { className: "sk-q__help", id: helpId, children: question.helpText }) : null;
-  const errorNode = error2 ? /* @__PURE__ */ jsx10("p", { className: "sk-q__error", id: errorId, children: error2 }) : null;
+  const help = question.helpText ? /* @__PURE__ */ jsx11("p", { className: "sk-q__help", id: helpId, children: question.helpText }) : null;
+  const errorNode = error2 ? /* @__PURE__ */ jsx11("p", { className: "sk-q__error", id: errorId, children: error2 }) : null;
   if (question.kind === "boolean" || question.kind === "single_select") {
     const options = question.kind === "boolean" ? [
       { value: "true", label: "Yes" },
@@ -2501,11 +2521,11 @@ function QuestionField({
         children: [
           /* @__PURE__ */ jsxs9("legend", { className: hideLabel ? "sk-q__legend sk-sr-only" : "sk-q__legend", children: [
             question.label,
-            question.required && /* @__PURE__ */ jsx10(RequiredMark, {})
+            question.required && /* @__PURE__ */ jsx11(RequiredMark, {})
           ] }),
           help,
-          /* @__PURE__ */ jsx10("div", { className: "sk-q__options", children: options.map((opt) => /* @__PURE__ */ jsxs9("label", { className: "sk-q__option", children: [
-            /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11("div", { className: "sk-q__options", children: options.map((opt) => /* @__PURE__ */ jsxs9("label", { className: "sk-q__option", children: [
+            /* @__PURE__ */ jsx11(
               "input",
               {
                 type: "radio",
@@ -2518,7 +2538,7 @@ function QuestionField({
                 )
               }
             ),
-            /* @__PURE__ */ jsx10("span", { children: opt.label })
+            /* @__PURE__ */ jsx11("span", { children: opt.label })
           ] }, opt.value)) }),
           errorNode
         ]
@@ -2534,7 +2554,7 @@ function QuestionField({
     className: "sk-q__input"
   };
   if (question.kind === "date_recent" || question.kind === "date_range") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       QuickDateField,
       {
         question,
@@ -2553,10 +2573,10 @@ function QuestionField({
   return /* @__PURE__ */ jsxs9("div", { className: "sk-q", children: [
     /* @__PURE__ */ jsxs9("label", { className: hideLabel ? "sk-q__label sk-sr-only" : "sk-q__label", htmlFor: id, children: [
       question.label,
-      question.required && /* @__PURE__ */ jsx10(RequiredMark, {})
+      question.required && /* @__PURE__ */ jsx11(RequiredMark, {})
     ] }),
     help,
-    question.kind === "number" ? /* @__PURE__ */ jsx10(
+    question.kind === "number" ? /* @__PURE__ */ jsx11(
       "input",
       {
         ...common,
@@ -2568,7 +2588,7 @@ function QuestionField({
           onChange(raw === "" ? null : Number(raw));
         }
       }
-    ) : question.kind === "date" ? /* @__PURE__ */ jsx10(
+    ) : question.kind === "date" ? /* @__PURE__ */ jsx11(
       "input",
       {
         ...common,
@@ -2577,7 +2597,7 @@ function QuestionField({
         value: value == null ? "" : String(value),
         onChange: (e) => onChange(e.target.value || null)
       }
-    ) : /* @__PURE__ */ jsx10(
+    ) : /* @__PURE__ */ jsx11(
       "input",
       {
         ...common,
@@ -2602,8 +2622,8 @@ function QuickDateField({
   invalid
 }) {
   const isRange = question.kind === "date_range";
-  const [today, setToday] = React8.useState(null);
-  React8.useEffect(() => setToday(todayIso()), []);
+  const [today, setToday] = React9.useState(null);
+  React9.useEffect(() => setToday(todayIso()), []);
   const raw = value == null ? "" : String(value);
   const range = isRange ? parseRangeValue(raw) : null;
   const from = isRange ? range?.from ?? "" : raw;
@@ -2628,8 +2648,8 @@ function QuickDateField({
     apply: () => emit(shiftIso(todayIso(), -p.daysAgo), "")
   }));
   const dateInput = (which, inputId, label, val, onPick) => /* @__PURE__ */ jsxs9("div", { className: "sk-qd__field", children: [
-    /* @__PURE__ */ jsx10("label", { className: "sk-qd__sublabel", htmlFor: inputId, children: label }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11("label", { className: "sk-qd__sublabel", htmlFor: inputId, children: label }),
+    /* @__PURE__ */ jsx11(
       "input",
       {
         id: inputId,
@@ -2646,10 +2666,10 @@ function QuickDateField({
   return /* @__PURE__ */ jsxs9("fieldset", { className: "sk-q sk-qd", "aria-describedby": description, children: [
     /* @__PURE__ */ jsxs9("legend", { className: hideLabel ? "sk-q__label sk-sr-only" : "sk-q__label", children: [
       question.label,
-      question.required && /* @__PURE__ */ jsx10(RequiredMark, {})
+      question.required && /* @__PURE__ */ jsx11(RequiredMark, {})
     ] }),
     help,
-    /* @__PURE__ */ jsx10("div", { className: "sk-qd__chips", children: chips.map((c) => /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx11("div", { className: "sk-qd__chips", children: chips.map((c) => /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -2661,7 +2681,7 @@ function QuickDateField({
       },
       c.label
     )) }),
-    /* @__PURE__ */ jsx10("div", { className: "sk-qd__fields", children: isRange ? [
+    /* @__PURE__ */ jsx11("div", { className: "sk-qd__fields", children: isRange ? [
       dateInput("from", `${id}-from`, "First day", from, (next) => emit(next, to)),
       dateInput("to", `${id}-to`, "Last day", to, (next) => emit(from, next))
     ] : dateInput("single", id, "Or pick a date", from, (next) => emit(next, "")) }),
@@ -2675,13 +2695,13 @@ function parseRangeValue(raw) {
 }
 function RequiredMark() {
   return /* @__PURE__ */ jsxs9("span", { className: "sk-q__required", children: [
-    /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", children: " *" }),
-    /* @__PURE__ */ jsx10("span", { className: "sk-sr-only", children: " (required)" })
+    /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", children: " *" }),
+    /* @__PURE__ */ jsx11("span", { className: "sk-sr-only", children: " (required)" })
   ] });
 }
 
 // src/certificate-funnel-steps/intake-step.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var INTAKE_UNAVAILABLE = "We can\u2019t show this clinic\u2019s questions on this page. Please contact the clinic to finish your request.";
 function IntakeInterstitial({
   progress,
@@ -2691,7 +2711,7 @@ function IntakeInterstitial({
   onRetry,
   message
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     FlowShell,
     {
       ...progress,
@@ -2702,9 +2722,9 @@ function IntakeInterstitial({
       footer: error2 && onRetry ? (
         // `primary`, not `secondary`: retry is the only action on this screen, which is
         // exactly what the accent is for.
-        /* @__PURE__ */ jsx11(FlowButton, { type: "button", variant: "primary", onClick: onRetry, children: "Try again" })
+        /* @__PURE__ */ jsx12(FlowButton, { type: "button", variant: "primary", onClick: onRetry, children: "Try again" })
       ) : void 0,
-      children: error2 ? /* @__PURE__ */ jsx11(FlowError, { children: error2 }) : /* @__PURE__ */ jsx11(FlowLoading, { message })
+      children: error2 ? /* @__PURE__ */ jsx12(FlowError, { children: error2 }) : /* @__PURE__ */ jsx12(FlowLoading, { message })
     }
   );
 }
@@ -2729,15 +2749,15 @@ function IntakeStep({
   onBack,
   documentTitle
 }) {
-  const [questions, setQuestions] = React9.useState(null);
-  const [answers, setAnswers] = React9.useState({});
-  const [index, setIndex] = React9.useState(0);
-  const [draft, setDraft] = React9.useState(null);
-  const [busy, setBusy] = React9.useState(false);
-  const [error2, setError] = React9.useState(null);
-  const [reload2, setReload] = React9.useState(0);
+  const [questions, setQuestions] = React10.useState(null);
+  const [answers, setAnswers] = React10.useState({});
+  const [index, setIndex] = React10.useState(0);
+  const [draft, setDraft] = React10.useState(null);
+  const [busy, setBusy] = React10.useState(false);
+  const [error2, setError] = React10.useState(null);
+  const [reload2, setReload] = React10.useState(0);
   const progress = useStepProgress("intake", index);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     let alive = true;
     const action = intakeMountAction(questionSetId);
     if (action === "wait") {
@@ -2762,16 +2782,16 @@ function IntakeStep({
       alive = false;
     };
   }, [client, questionSetId, reload2]);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (questions && questions.length === 0 && !busy) onComplete();
   }, [questions, busy, onComplete]);
-  const visible = React9.useMemo(
+  const visible = React10.useMemo(
     () => questions ? visibleQuestions(questions, answers) : [],
     [questions, answers]
   );
   const total = questions?.length ?? 0;
   const current = visible[index];
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     setDraft(current ? answers[current.key] ?? null : null);
   }, [current?.key]);
   async function record(value) {
@@ -2812,7 +2832,7 @@ function IntakeStep({
     onBack?.();
   }
   if (error2 && !questions) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       IntakeInterstitial,
       {
         progress,
@@ -2827,7 +2847,7 @@ function IntakeStep({
     );
   }
   if (!questions) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       IntakeInterstitial,
       {
         progress,
@@ -2839,7 +2859,7 @@ function IntakeStep({
     );
   }
   if (!current) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       IntakeInterstitial,
       {
         progress,
@@ -2859,7 +2879,7 @@ function IntakeStep({
       heading: current.label,
       onBack: goBack,
       documentTitle,
-      footer: isChoice ? void 0 : /* @__PURE__ */ jsx11(
+      footer: isChoice ? void 0 : /* @__PURE__ */ jsx12(
         FlowButton,
         {
           type: "button",
@@ -2871,7 +2891,7 @@ function IntakeStep({
         }
       ),
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           QuestionField,
           {
             question: current,
@@ -2885,14 +2905,14 @@ function IntakeStep({
             idPrefix: `sk-cf-${index}`
           }
         ),
-        /* @__PURE__ */ jsx11(FlowError, { children: error2 })
+        /* @__PURE__ */ jsx12(FlowError, { children: error2 })
       ]
     }
   );
 }
 
 // src/certificate-funnel-steps/medicare-step.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 
 // src/medicare.ts
 var WEIGHTS = [1, 3, 7, 9, 1, 3, 7, 9];
@@ -2938,7 +2958,7 @@ function printedExpiry(month, year) {
 }
 
 // src/certificate-funnel-steps/medicare-step.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var MEDICARE_FIELDS = [
   { key: "number", id: "sk-mc-number", label: "Medicare number" },
   { key: "irn", id: "sk-mc-irn", label: "Reference number" },
@@ -2961,16 +2981,16 @@ async function skipMedicare(client, requestId, draft, onSaving, onDone) {
 }
 function MedicareStep(props) {
   const { client, requestId, onDone, onBack, documentTitle } = props;
-  const [number, setNumber] = React10.useState(props.draft?.number ?? "");
-  const [irn, setIrn] = React10.useState(props.draft?.irn ?? "");
-  const [month, setMonth] = React10.useState(props.draft?.month ?? "");
-  const [year, setYear] = React10.useState(props.draft?.year ?? "");
-  const savedKey = React10.useRef(props.draft?.savedKey ?? null);
-  const [errors2, setErrors] = React10.useState({});
-  const [error2, setError] = React10.useState(null);
-  const [busy, setBusy] = React10.useState(false);
+  const [number, setNumber] = React11.useState(props.draft?.number ?? "");
+  const [irn, setIrn] = React11.useState(props.draft?.irn ?? "");
+  const [month, setMonth] = React11.useState(props.draft?.month ?? "");
+  const [year, setYear] = React11.useState(props.draft?.year ?? "");
+  const savedKey = React11.useRef(props.draft?.savedKey ?? null);
+  const [errors2, setErrors] = React11.useState({});
+  const [error2, setError] = React11.useState(null);
+  const [busy, setBusy] = React11.useState(false);
   const { onDraftChange } = props;
-  React10.useEffect(() => {
+  React11.useEffect(() => {
     onDraftChange?.({ number, irn, month, year, savedKey: savedKey.current });
   }, [number, irn, month, year, onDraftChange]);
   function reject(found) {
@@ -3038,8 +3058,8 @@ function MedicareStep(props) {
       onBack,
       documentTitle,
       footer: /* @__PURE__ */ jsxs11("div", { className: "sk-cf__actions", children: [
-        /* @__PURE__ */ jsx12(FlowButton, { type: "submit", form: "sk-cf-medicare", variant: "primary", busy, children: busy ? "Saving\u2026" : "Continue" }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(FlowButton, { type: "submit", form: "sk-cf-medicare", variant: "primary", busy, children: busy ? "Saving\u2026" : "Continue" }),
+        /* @__PURE__ */ jsx13(
           FlowButton,
           {
             type: "button",
@@ -3051,11 +3071,11 @@ function MedicareStep(props) {
         )
       ] }),
       children: [
-        /* @__PURE__ */ jsx12(FlowErrorSummary, { fields: invalid }),
+        /* @__PURE__ */ jsx13(FlowErrorSummary, { fields: invalid }),
         /* @__PURE__ */ jsxs11("form", { id: "sk-cf-medicare", onSubmit: (e) => void handleSubmit(e), noValidate: true, children: [
           /* @__PURE__ */ jsxs11("div", { className: "sk-cf__field", children: [
-            /* @__PURE__ */ jsx12("label", { className: "sk-cf__label", htmlFor: "sk-mc-number", children: "Medicare number" }),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13("label", { className: "sk-cf__label", htmlFor: "sk-mc-number", children: "Medicare number" }),
+            /* @__PURE__ */ jsx13(
               "input",
               {
                 id: "sk-mc-number",
@@ -3069,12 +3089,12 @@ function MedicareStep(props) {
                 onChange: (e) => setNumber(formatMedicareNumber(e.target.value))
               }
             ),
-            /* @__PURE__ */ jsx12(FlowFieldError, { id: "sk-mc-number-error", children: errors2.number })
+            /* @__PURE__ */ jsx13(FlowFieldError, { id: "sk-mc-number-error", children: errors2.number })
           ] }),
           /* @__PURE__ */ jsxs11("div", { className: "sk-cf__row", children: [
             /* @__PURE__ */ jsxs11("div", { className: "sk-cf__field", children: [
-              /* @__PURE__ */ jsx12("label", { className: "sk-cf__label", htmlFor: "sk-mc-irn", children: "Reference number" }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13("label", { className: "sk-cf__label", htmlFor: "sk-mc-irn", children: "Reference number" }),
+              /* @__PURE__ */ jsx13(
                 "input",
                 {
                   id: "sk-mc-irn",
@@ -3088,14 +3108,14 @@ function MedicareStep(props) {
                   onChange: (e) => setIrn(e.target.value.replace(/\D/g, "").slice(0, 1))
                 }
               ),
-              /* @__PURE__ */ jsx12("p", { className: "sk-cf__help", id: "sk-mc-irn-help", children: "The digit beside your name on the card." }),
-              /* @__PURE__ */ jsx12(FlowFieldError, { id: "sk-mc-irn-error", children: errors2.irn })
+              /* @__PURE__ */ jsx13("p", { className: "sk-cf__help", id: "sk-mc-irn-help", children: "The digit beside your name on the card." }),
+              /* @__PURE__ */ jsx13(FlowFieldError, { id: "sk-mc-irn-error", children: errors2.irn })
             ] }),
             /* @__PURE__ */ jsxs11("div", { className: "sk-cf__field", children: [
               /* @__PURE__ */ jsxs11("fieldset", { className: "sk-cf__expiry", children: [
-                /* @__PURE__ */ jsx12("legend", { className: "sk-cf__label", children: "Expiry" }),
-                /* @__PURE__ */ jsx12("label", { className: "sk-sr-only", htmlFor: "sk-mc-month", children: "Expiry month" }),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13("legend", { className: "sk-cf__label", children: "Expiry" }),
+                /* @__PURE__ */ jsx13("label", { className: "sk-sr-only", htmlFor: "sk-mc-month", children: "Expiry month" }),
+                /* @__PURE__ */ jsx13(
                   "input",
                   {
                     id: "sk-mc-month",
@@ -3110,8 +3130,8 @@ function MedicareStep(props) {
                     onChange: (e) => setMonth(e.target.value.replace(/\D/g, "").slice(0, 2))
                   }
                 ),
-                /* @__PURE__ */ jsx12("label", { className: "sk-sr-only", htmlFor: "sk-mc-year", children: "Expiry year" }),
-                /* @__PURE__ */ jsx12(
+                /* @__PURE__ */ jsx13("label", { className: "sk-sr-only", htmlFor: "sk-mc-year", children: "Expiry year" }),
+                /* @__PURE__ */ jsx13(
                   "input",
                   {
                     id: "sk-mc-year",
@@ -3127,18 +3147,18 @@ function MedicareStep(props) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx12(FlowFieldError, { id: "sk-mc-expiry-error", children: errors2.expiry })
+              /* @__PURE__ */ jsx13(FlowFieldError, { id: "sk-mc-expiry-error", children: errors2.expiry })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx12(FlowError, { children: error2 })
+        /* @__PURE__ */ jsx13(FlowError, { children: error2 })
       ]
     }
   );
 }
 
 // src/certificate-funnel-steps/consent-step.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 
 // src/certificate-funnel-steps/consent-text.ts
 var CONSENT_TEXT_V5 = [
@@ -3182,7 +3202,7 @@ var CONSENT_SUMMARY_FREE = [
 ];
 
 // src/certificate-funnel-steps/consent-step.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function confirmDetails(input) {
   const text2 = (v) => typeof v === "string" ? v : "";
   const phone = text2(input.phone);
@@ -3236,22 +3256,22 @@ function ConsentStep({
   onBack,
   documentTitle
 }) {
-  const [showFull, setShowFull] = React11.useState(false);
-  const [busy, setBusy] = React11.useState(false);
-  const [error2, setError] = React11.useState(null);
+  const [showFull, setShowFull] = React12.useState(false);
+  const [busy, setBusy] = React12.useState(false);
+  const [error2, setError] = React12.useState(null);
   const feeText = formatFee(feeAmount);
   const clinic = clinicName || "the clinic";
-  const paragraphs = React11.useMemo(
+  const paragraphs = React12.useMemo(
     () => isFree === true ? renderConsentTextFree({ clinic }) : renderConsentText({ clinic, fee: feeText }),
     [clinic, feeText, isFree]
   );
-  const summary = React11.useMemo(
+  const summary = React12.useMemo(
     () => isFree === true ? [...CONSENT_SUMMARY_FREE] : CONSENT_SUMMARY(feeText),
     [feeText, isFree]
   );
   const policyHash = isFree === true ? CONSENT_FREE_POLICY_HASH_V4 : CONSENT_POLICY_HASH_V5;
   const feeUnknown = isFree === null || isFree === false && !feeText;
-  const details = React11.useMemo(
+  const details = React12.useMemo(
     () => confirmDetails({
       name: patientName,
       dateOfBirth,
@@ -3295,7 +3315,7 @@ function ConsentStep({
       setError(errorMessage(err, "We could not submit your request. Please try again."));
     }
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     FlowShell,
     {
       ...useStepProgress("consent"),
@@ -3308,7 +3328,7 @@ function ConsentStep({
       ),
       onBack,
       documentTitle,
-      footer: feeUnknown ? void 0 : /* @__PURE__ */ jsx13(
+      footer: feeUnknown ? void 0 : /* @__PURE__ */ jsx14(
         FlowButton,
         {
           type: "submit",
@@ -3321,14 +3341,14 @@ function ConsentStep({
       ),
       children: feeUnknown ? (
         // No consent is offered until the fee is resolved — see `feeUnknown`.
-        /* @__PURE__ */ jsx13(FlowLoading, { message: "Confirming the fee\u2026" })
+        /* @__PURE__ */ jsx14(FlowLoading, { message: "Confirming the fee\u2026" })
       ) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
-        /* @__PURE__ */ jsx13("dl", { className: "sk-cf__review", children: details.map((d) => /* @__PURE__ */ jsxs12("div", { className: "sk-cf__review-row", children: [
-          /* @__PURE__ */ jsx13("dt", { className: "sk-cf__review-label", children: d.label }),
-          /* @__PURE__ */ jsx13("dd", { className: "sk-cf__review-value", children: d.value })
+        /* @__PURE__ */ jsx14("dl", { className: "sk-cf__review", children: details.map((d) => /* @__PURE__ */ jsxs12("div", { className: "sk-cf__review-row", children: [
+          /* @__PURE__ */ jsx14("dt", { className: "sk-cf__review-label", children: d.label }),
+          /* @__PURE__ */ jsx14("dd", { className: "sk-cf__review-value", children: d.value })
         ] }, d.label)) }),
-        /* @__PURE__ */ jsx13("ul", { className: "sk-cf__consent-summary", children: summary.map((point) => /* @__PURE__ */ jsx13("li", { children: point }, point)) }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("ul", { className: "sk-cf__consent-summary", children: summary.map((point) => /* @__PURE__ */ jsx14("li", { children: point }, point)) }),
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -3339,26 +3359,26 @@ function ConsentStep({
             children: showFull ? "Hide full text" : "Read the full text"
           }
         ),
-        /* @__PURE__ */ jsx13("div", { id: "sk-cf-consent-full", className: "sk-cf__consent-full", hidden: !showFull, children: paragraphs.map((p) => /* @__PURE__ */ jsx13("p", { children: p }, p)) }),
-        /* @__PURE__ */ jsx13("form", { id: "sk-cf-consent", onSubmit: (e) => void handleSubmit(e), className: "sk-cf__consent-form", children: /* @__PURE__ */ jsxs12("p", { className: "sk-cf__agree-note", children: [
+        /* @__PURE__ */ jsx14("div", { id: "sk-cf-consent-full", className: "sk-cf__consent-full", hidden: !showFull, children: paragraphs.map((p) => /* @__PURE__ */ jsx14("p", { children: p }, p)) }),
+        /* @__PURE__ */ jsx14("form", { id: "sk-cf-consent", onSubmit: (e) => void handleSubmit(e), className: "sk-cf__consent-form", children: /* @__PURE__ */ jsxs12("p", { className: "sk-cf__agree-note", children: [
           "Confirming agrees to the above, the",
           " ",
-          /* @__PURE__ */ jsx13("a", { className: "sk-cf__link", href: POLICY_LINKS.terms, children: "terms" }),
+          /* @__PURE__ */ jsx14("a", { className: "sk-cf__link", href: POLICY_LINKS.terms, children: "terms" }),
           " ",
           "and the",
           " ",
-          /* @__PURE__ */ jsx13("a", { className: "sk-cf__link", href: POLICY_LINKS.privacy, children: "privacy policy" }),
+          /* @__PURE__ */ jsx14("a", { className: "sk-cf__link", href: POLICY_LINKS.privacy, children: "privacy policy" }),
           "."
         ] }) }),
-        /* @__PURE__ */ jsx13(FlowError, { children: error2 })
+        /* @__PURE__ */ jsx14(FlowError, { children: error2 })
       ] })
     }
   );
 }
 
 // src/certificate-funnel-steps/slot-step.tsx
-import * as React12 from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import * as React13 from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function formatBookedFor(iso, tz) {
   const day = new Intl.DateTimeFormat("en-AU", {
     timeZone: tz,
@@ -3384,9 +3404,9 @@ function SlotCancelControl({
       role: confirming ? "group" : void 0,
       "aria-label": confirming ? "Confirm cancellation" : void 0,
       children: [
-        confirming && /* @__PURE__ */ jsx14("p", { className: "sk-cf__body", role: "status", "aria-live": "polite", children: "Cancel this request? You\u2019ll need to start again if you change your mind." }),
-        /* @__PURE__ */ jsx14(FlowButton, { type: "button", variant: "quiet", onClick: confirming ? onKeep : onAsk, children: confirming ? "Keep my request" : isFree === false ? "Cancel and release the hold" : "Cancel this request" }),
-        confirming && /* @__PURE__ */ jsx14(FlowButton, { type: "button", variant: "secondary", busy, onClick: onConfirm, children: busy ? "Cancelling\u2026" : "Yes, cancel this request" })
+        confirming && /* @__PURE__ */ jsx15("p", { className: "sk-cf__body", role: "status", "aria-live": "polite", children: "Cancel this request? You\u2019ll need to start again if you change your mind." }),
+        /* @__PURE__ */ jsx15(FlowButton, { type: "button", variant: "quiet", onClick: confirming ? onKeep : onAsk, children: confirming ? "Keep my request" : isFree === false ? "Cancel and release the hold" : "Cancel this request" }),
+        confirming && /* @__PURE__ */ jsx15(FlowButton, { type: "button", variant: "secondary", busy, onClick: onConfirm, children: busy ? "Cancelling\u2026" : "Yes, cancel this request" })
       ]
     }
   );
@@ -3401,9 +3421,9 @@ function SlotStep({
   onCancelled,
   documentTitle
 }) {
-  const [cancelling, setCancelling] = React12.useState(false);
-  const [confirmCancel, setConfirmCancel] = React12.useState(false);
-  const [cancelError, setCancelError] = React12.useState(null);
+  const [cancelling, setCancelling] = React13.useState(false);
+  const [confirmCancel, setConfirmCancel] = React13.useState(false);
+  const [cancelError, setCancelError] = React13.useState(null);
   const progress = useStepProgress("slot");
   async function releaseAndExit() {
     if (cancelling) return;
@@ -3429,7 +3449,7 @@ function SlotStep({
       subheading: isFree === true ? "A practitioner will call you in the time you choose. This consult is bulk billed \u2014 there\u2019s nothing to pay." : "A practitioner will call you in the time you choose.",
       documentTitle,
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           SlotPicker,
           {
             client,
@@ -3470,7 +3490,7 @@ function SlotStep({
             HOLD_RELEASE_NOTE
           ] })
         ] }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           SlotCancelControl,
           {
             confirming: confirmCancel,
@@ -3481,15 +3501,15 @@ function SlotStep({
             onConfirm: () => void releaseAndExit()
           }
         ),
-        /* @__PURE__ */ jsx14(FlowError, { children: cancelError })
+        /* @__PURE__ */ jsx15(FlowError, { children: cancelError })
       ]
     }
   );
 }
 
 // src/certificate-funnel-steps/submitted-step.tsx
-import * as React13 from "react";
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import * as React14 from "react";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var CLOSED = /* @__PURE__ */ new Set(["cancelled", "blocked", "payment_failed"]);
 var CANCELLABLE = /* @__PURE__ */ new Set(["draft", "payment_failed", "ready"]);
 function terminalCopy(row, bookedFor, deliveryMode) {
@@ -3586,14 +3606,14 @@ function SubmittedStep({
   onRestart,
   documentTitle
 }) {
-  const [row, setRow] = React13.useState(void 0);
-  const [noSession, setNoSession] = React13.useState(false);
-  const [unreachable, setUnreachable] = React13.useState(false);
-  const [cancelling, setCancelling] = React13.useState(false);
-  const [confirmCancel, setConfirmCancel] = React13.useState(false);
-  const [notice, setNotice] = React13.useState(null);
-  const [error2, setError] = React13.useState(null);
-  React13.useEffect(() => {
+  const [row, setRow] = React14.useState(void 0);
+  const [noSession, setNoSession] = React14.useState(false);
+  const [unreachable, setUnreachable] = React14.useState(false);
+  const [cancelling, setCancelling] = React14.useState(false);
+  const [confirmCancel, setConfirmCancel] = React14.useState(false);
+  const [notice, setNotice] = React14.useState(null);
+  const [error2, setError] = React14.useState(null);
+  React14.useEffect(() => {
     if (!client.getClaimToken()) {
       setNoSession(true);
       return;
@@ -3657,15 +3677,15 @@ function SubmittedStep({
             "We\u2019ve emailed you about your request.",
             portalUrl ? " You can also manage it in the patient portal." : ""
           ] }),
-          /* @__PURE__ */ jsx15(EmailDestination, { promisesEmail: true, email }),
-          /* @__PURE__ */ jsx15(PortalLink, { portalUrl }),
-          !portalUrl && clinicPhone && /* @__PURE__ */ jsx15(ClinicPhone, { clinicPhone })
+          /* @__PURE__ */ jsx16(EmailDestination, { promisesEmail: true, email }),
+          /* @__PURE__ */ jsx16(PortalLink, { portalUrl }),
+          !portalUrl && clinicPhone && /* @__PURE__ */ jsx16(ClinicPhone, { clinicPhone })
         ]
       }
     );
   }
   if (unreachable) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       SubmittedUnreachable,
       {
         documentTitle,
@@ -3676,25 +3696,25 @@ function SubmittedStep({
   }
   const status = row?.status;
   const copy = terminalCopy(row, bookedFor, deliveryMode);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     FlowShell,
     {
       stepKey: "submitted-status",
       heading: copy.heading,
       documentTitle,
-      footer: portalUrl ? /* @__PURE__ */ jsx15("a", { className: "sk-flow__btn sk-flow__btn--primary", href: portalUrl, children: "Track this in the patient portal" }) : /* @__PURE__ */ jsx15(FlowButton, { type: "button", variant: "quiet", onClick: onRestart, children: "Make another request" }),
-      children: row === void 0 ? /* @__PURE__ */ jsx15(FlowLoading, { message: "Loading your request\u2026" }) : /* @__PURE__ */ jsxs14(Fragment5, { children: [
-        /* @__PURE__ */ jsx15("p", { className: "sk-cf__body", children: copy.body }),
+      footer: portalUrl ? /* @__PURE__ */ jsx16("a", { className: "sk-flow__btn sk-flow__btn--primary", href: portalUrl, children: "Track this in the patient portal" }) : /* @__PURE__ */ jsx16(FlowButton, { type: "button", variant: "quiet", onClick: onRestart, children: "Make another request" }),
+      children: row === void 0 ? /* @__PURE__ */ jsx16(FlowLoading, { message: "Loading your request\u2026" }) : /* @__PURE__ */ jsxs14(Fragment5, { children: [
+        /* @__PURE__ */ jsx16("p", { className: "sk-cf__body", children: copy.body }),
         copy.booked && bookedFor && /* @__PURE__ */ jsxs14("p", { className: "sk-cf__booked", children: [
-          /* @__PURE__ */ jsx15("span", { className: "sk-cf__booked-label", children: "Your appointment" }),
-          /* @__PURE__ */ jsx15("span", { className: "sk-cf__booked-when", children: bookedFor })
+          /* @__PURE__ */ jsx16("span", { className: "sk-cf__booked-label", children: "Your appointment" }),
+          /* @__PURE__ */ jsx16("span", { className: "sk-cf__booked-when", children: bookedFor })
         ] }),
-        /* @__PURE__ */ jsx15(CallDestination, { booked: copy.booked, phone: patientPhone }),
-        /* @__PURE__ */ jsx15(EmailDestination, { promisesEmail: copy.promisesEmail, email }),
-        notice && /* @__PURE__ */ jsx15("p", { className: "sk-cf__notice", role: "status", "aria-live": "polite", children: notice }),
-        /* @__PURE__ */ jsx15(FlowError, { children: error2 }),
-        portalUrl && /* @__PURE__ */ jsx15("div", { className: "sk-cf__after", children: /* @__PURE__ */ jsx15(FlowButton, { type: "button", variant: "quiet", onClick: onRestart, children: "Make another request" }) }),
-        status && CANCELLABLE.has(status) && !notice && /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(CallDestination, { booked: copy.booked, phone: patientPhone }),
+        /* @__PURE__ */ jsx16(EmailDestination, { promisesEmail: copy.promisesEmail, email }),
+        notice && /* @__PURE__ */ jsx16("p", { className: "sk-cf__notice", role: "status", "aria-live": "polite", children: notice }),
+        /* @__PURE__ */ jsx16(FlowError, { children: error2 }),
+        portalUrl && /* @__PURE__ */ jsx16("div", { className: "sk-cf__after", children: /* @__PURE__ */ jsx16(FlowButton, { type: "button", variant: "quiet", onClick: onRestart, children: "Make another request" }) }),
+        status && CANCELLABLE.has(status) && !notice && /* @__PURE__ */ jsx16(
           CancelControl,
           {
             confirming: confirmCancel,
@@ -3727,10 +3747,10 @@ function SubmittedUnreachable({
       stepKey: "submitted-unreachable",
       heading: "We can\u2019t check your request",
       documentTitle,
-      footer: portalUrl ? /* @__PURE__ */ jsx15("a", { className: "sk-flow__btn sk-flow__btn--primary", href: portalUrl, children: "Track this in the patient portal" }) : void 0,
+      footer: portalUrl ? /* @__PURE__ */ jsx16("a", { className: "sk-flow__btn sk-flow__btn--primary", href: portalUrl, children: "Track this in the patient portal" }) : void 0,
       children: [
-        /* @__PURE__ */ jsx15(FlowError, { children: "We can\u2019t check your request in this browser right now. Your request is still with the clinic." }),
-        clinicPhone ? /* @__PURE__ */ jsx15(ClinicPhone, { clinicPhone }) : !portalUrl ? /* @__PURE__ */ jsx15("p", { className: "sk-cf__aside", children: "Please contact the clinic using the details on this website." }) : null
+        /* @__PURE__ */ jsx16(FlowError, { children: "We can\u2019t check your request in this browser right now. Your request is still with the clinic." }),
+        clinicPhone ? /* @__PURE__ */ jsx16(ClinicPhone, { clinicPhone }) : !portalUrl ? /* @__PURE__ */ jsx16("p", { className: "sk-cf__aside", children: "Please contact the clinic using the details on this website." }) : null
       ]
     }
   );
@@ -3741,8 +3761,8 @@ function CallDestination({
 }) {
   if (!booked) return null;
   return /* @__PURE__ */ jsxs14("p", { className: "sk-cf__booked sk-cf__call", children: [
-    /* @__PURE__ */ jsx15("span", { className: "sk-cf__booked-label", children: "We\u2019ll call you on" }),
-    /* @__PURE__ */ jsx15("span", { className: "sk-cf__booked-when", children: phone ? formatAuPhone(phone) : "the number you gave us" })
+    /* @__PURE__ */ jsx16("span", { className: "sk-cf__booked-label", children: "We\u2019ll call you on" }),
+    /* @__PURE__ */ jsx16("span", { className: "sk-cf__booked-when", children: phone ? formatAuPhone(phone) : "the number you gave us" })
   ] });
 }
 function EmailDestination({
@@ -3752,7 +3772,7 @@ function EmailDestination({
   if (!promisesEmail || !email) return null;
   return /* @__PURE__ */ jsxs14("p", { className: "sk-cf__aside", children: [
     "We\u2019ll email ",
-    /* @__PURE__ */ jsx15("strong", { children: email }),
+    /* @__PURE__ */ jsx16("strong", { children: email }),
     " as things progress."
   ] });
 }
@@ -3782,53 +3802,53 @@ function CancelControl({
           booked ? "You\u2019ll give up your appointment time. " : "",
           "You\u2019ll need to start again if you change your mind."
         ] }),
-        /* @__PURE__ */ jsx15(FlowButton, { type: "button", variant: "quiet", onClick: confirming ? onKeep : onAsk, children: confirming ? `Keep my ${noun}` : "Cancel this request" }),
-        confirming && /* @__PURE__ */ jsx15(FlowButton, { type: "button", variant: "secondary", busy, onClick: onConfirm, children: busy ? "Cancelling\u2026" : `Yes, cancel this ${noun}` })
+        /* @__PURE__ */ jsx16(FlowButton, { type: "button", variant: "quiet", onClick: confirming ? onKeep : onAsk, children: confirming ? `Keep my ${noun}` : "Cancel this request" }),
+        confirming && /* @__PURE__ */ jsx16(FlowButton, { type: "button", variant: "secondary", busy, onClick: onConfirm, children: busy ? "Cancelling\u2026" : `Yes, cancel this ${noun}` })
       ]
     }
   );
 }
 function PortalLink({ portalUrl }) {
   if (!portalUrl) return null;
-  return /* @__PURE__ */ jsx15("p", { className: "sk-cf__aside", children: /* @__PURE__ */ jsx15("a", { className: "sk-cf__link", href: portalUrl, children: "Manage this in the patient portal" }) });
+  return /* @__PURE__ */ jsx16("p", { className: "sk-cf__aside", children: /* @__PURE__ */ jsx16("a", { className: "sk-cf__link", href: portalUrl, children: "Manage this in the patient portal" }) });
 }
 function ClinicPhone({ clinicPhone }) {
-  return /* @__PURE__ */ jsx15("p", { className: "sk-cf__aside", children: /* @__PURE__ */ jsxs14("a", { className: "sk-cf__link", href: `tel:${normalizeAuPhone(clinicPhone)}`, children: [
+  return /* @__PURE__ */ jsx16("p", { className: "sk-cf__aside", children: /* @__PURE__ */ jsxs14("a", { className: "sk-cf__link", href: `tel:${normalizeAuPhone(clinicPhone)}`, children: [
     "Call the clinic on ",
     formatAuPhone(clinicPhone)
   ] }) });
 }
 
 // src/certificate-funnel-steps/trust-rail.tsx
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function TrustRail({ clinicName, fee }) {
   const money = feeNote(fee);
   return /* @__PURE__ */ jsxs15(Fragment6, { children: [
-    clinicName && /* @__PURE__ */ jsx16("p", { className: "sk-flow__rail-clinic", children: clinicName }),
-    /* @__PURE__ */ jsx16("p", { children: "Every request is reviewed by a practitioner registered with Ahpra, the Australian Health Practitioner Regulation Agency." }),
-    money && /* @__PURE__ */ jsx16("p", { children: money }),
-    /* @__PURE__ */ jsx16("p", { children: "Your health information is stored in Australia and is only accessible to this clinic\u2019s care team." }),
+    clinicName && /* @__PURE__ */ jsx17("p", { className: "sk-flow__rail-clinic", children: clinicName }),
+    /* @__PURE__ */ jsx17("p", { children: "Every request is reviewed by a practitioner registered with Ahpra, the Australian Health Practitioner Regulation Agency." }),
+    money && /* @__PURE__ */ jsx17("p", { children: money }),
+    /* @__PURE__ */ jsx17("p", { children: "Your health information is stored in Australia and is only accessible to this clinic\u2019s care team." }),
     /* @__PURE__ */ jsxs15("p", { className: "sk-flow__rail-policies", children: [
-      /* @__PURE__ */ jsx16("a", { className: "sk-flow__rail-link", href: POLICY_LINKS.terms, children: "Terms" }),
-      /* @__PURE__ */ jsx16("a", { className: "sk-flow__rail-link", href: POLICY_LINKS.privacy, children: "Privacy policy" })
+      /* @__PURE__ */ jsx17("a", { className: "sk-flow__rail-link", href: POLICY_LINKS.terms, children: "Terms" }),
+      /* @__PURE__ */ jsx17("a", { className: "sk-flow__rail-link", href: POLICY_LINKS.privacy, children: "Privacy policy" })
     ] })
   ] });
 }
 
 // src/certificate-funnel-steps/exit-steps.tsx
-import * as React14 from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var EMERGENCY2 = "000";
 var EMERGENCY_INTL = "112";
 function EscalateStep({
   gate,
   documentTitle
 }) {
-  const headingRef = React14.useRef(null);
-  React14.useEffect(() => {
+  const headingRef = React15.useRef(null);
+  React15.useEffect(() => {
     headingRef.current?.focus();
   }, []);
-  React14.useEffect(() => {
+  React15.useEffect(() => {
     if (documentTitle && typeof document !== "undefined") document.title = documentTitle;
   }, [documentTitle]);
   return (
@@ -3842,12 +3862,12 @@ function EscalateStep({
         "aria-labelledby": "sk-cf-escalate-heading",
         "data-sk-escalate": "",
         children: [
-          /* @__PURE__ */ jsx17("p", { className: "sk-cf__escalate-eyebrow", children: "Emergency" }),
+          /* @__PURE__ */ jsx18("p", { className: "sk-cf__escalate-eyebrow", children: "Emergency" }),
           /* @__PURE__ */ jsxs16("h2", { id: "sk-cf-escalate-heading", ref: headingRef, tabIndex: -1, className: "sk-cf__escalate-heading", children: [
             "Call ",
             EMERGENCY2
           ] }),
-          /* @__PURE__ */ jsx17("p", { className: "sk-cf__escalate-body", children: gate?.message ?? "Your answers suggest you may need urgent care. Please call 000 or go to your nearest emergency department." }),
+          /* @__PURE__ */ jsx18("p", { className: "sk-cf__escalate-body", children: gate?.message ?? "Your answers suggest you may need urgent care. Please call 000 or go to your nearest emergency department." }),
           /* @__PURE__ */ jsxs16("a", { className: "sk-cf__escalate-cta", href: `tel:${EMERGENCY2}`, children: [
             "Call ",
             EMERGENCY2,
@@ -3857,7 +3877,7 @@ function EscalateStep({
             "Outside Australia / international SIM: ",
             EMERGENCY_INTL
           ] }),
-          /* @__PURE__ */ jsx17("p", { className: "sk-cf__escalate-note", children: "We\u2019ve stopped your request so you can get to care quickly." })
+          /* @__PURE__ */ jsx18("p", { className: "sk-cf__escalate-note", children: "We\u2019ve stopped your request so you can get to care quickly." })
         ]
       }
     )
@@ -3876,22 +3896,22 @@ function BlockedStep({
       eyebrow: "Next step",
       heading: "Let\u2019s get you to the right care",
       documentTitle,
-      footer: /* @__PURE__ */ jsx17(FlowButton, { type: "button", variant: "quiet", onClick: onRestart, children: "Start again" }),
+      footer: /* @__PURE__ */ jsx18(FlowButton, { type: "button", variant: "quiet", onClick: onRestart, children: "Start again" }),
       children: [
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: gate?.message ?? "Based on your answers, we\u2019re not able to issue a certificate online this time." }),
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: "We\u2019d recommend seeing your own GP, who can assess you properly." }),
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: "Nothing has been charged." }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: gate?.message ?? "Based on your answers, we\u2019re not able to issue a certificate online this time." }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: "We\u2019d recommend seeing your own GP, who can assess you properly." }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: "Nothing has been charged." }),
         /* @__PURE__ */ jsxs16("ul", { className: "sk-cf__links", children: [
-          /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs16("a", { className: "sk-cf__emergency", href: `tel:${EMERGENCY2}`, children: [
+          /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs16("a", { className: "sk-cf__emergency", href: `tel:${EMERGENCY2}`, children: [
             "If your symptoms get worse, call ",
             EMERGENCY2
           ] }) }),
-          /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17("a", { className: "sk-cf__link", href: "tel:1800022222", children: "Health advice, 24 hours \u2014 healthdirect on 1800 022 222" }) }),
-          clinicPhone && /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs16("a", { className: "sk-cf__link", href: `tel:${clinicPhone.replace(/[^\d+]/g, "")}`, children: [
+          /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18("a", { className: "sk-cf__link", href: "tel:1800022222", children: "Health advice, 24 hours \u2014 healthdirect on 1800 022 222" }) }),
+          clinicPhone && /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs16("a", { className: "sk-cf__link", href: `tel:${clinicPhone.replace(/[^\d+]/g, "")}`, children: [
             "Call the clinic on ",
             clinicPhone
           ] }) }),
-          /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(
             "a",
             {
               className: "sk-cf__link",
@@ -3918,10 +3938,10 @@ function PaymentFailedStep({
       stepKey: "payment-failed",
       heading: "Payment could not be authorised",
       documentTitle,
-      footer: /* @__PURE__ */ jsx17(FlowButton, { type: "button", variant: "primary", onClick: onRestart, children: "Start again with a different card" }),
+      footer: /* @__PURE__ */ jsx18(FlowButton, { type: "button", variant: "primary", onClick: onRestart, children: "Start again with a different card" }),
       children: [
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: message ?? "Your card was declined and the pre-authorisation could not be completed." }),
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: "No hold was placed and no certificate has been created." }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: message ?? "Your card was declined and the pre-authorisation could not be completed." }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: "No hold was placed and no certificate has been created." }),
         clinicPhone && /* @__PURE__ */ jsxs16("p", { className: "sk-cf__body", children: [
           "Still not working?",
           " ",
@@ -3945,19 +3965,19 @@ function UnavailableStep({
       stepKey: "unavailable",
       heading: "We can\u2019t help with this type of certificate online",
       documentTitle,
-      footer: onBack ? /* @__PURE__ */ jsx17(FlowButton, { type: "button", variant: "quiet", onClick: onBack, children: "Choose a different certificate" }) : void 0,
+      footer: onBack ? /* @__PURE__ */ jsx18(FlowButton, { type: "button", variant: "quiet", onClick: onBack, children: "Choose a different certificate" }) : void 0,
       children: [
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: "Online certificates cover short, common illness absences. These need an in-person assessment:" }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: "Online certificates cover short, common illness absences. These need an in-person assessment:" }),
         /* @__PURE__ */ jsxs16("ul", { className: "sk-cf__list", children: [
-          /* @__PURE__ */ jsx17("li", { children: "Mental-health-related absences" }),
-          /* @__PURE__ */ jsx17("li", { children: "Workers\u2019 compensation certificates" }),
-          /* @__PURE__ */ jsx17("li", { children: "Legal or court-related certificates" }),
-          /* @__PURE__ */ jsx17("li", { children: "Insurance claim certificates" }),
-          /* @__PURE__ */ jsx17("li", { children: "Backdated certificates well after the fact" })
+          /* @__PURE__ */ jsx18("li", { children: "Mental-health-related absences" }),
+          /* @__PURE__ */ jsx18("li", { children: "Workers\u2019 compensation certificates" }),
+          /* @__PURE__ */ jsx18("li", { children: "Legal or court-related certificates" }),
+          /* @__PURE__ */ jsx18("li", { children: "Insurance claim certificates" }),
+          /* @__PURE__ */ jsx18("li", { children: "Backdated certificates well after the fact" })
         ] }),
-        /* @__PURE__ */ jsx17("p", { className: "sk-cf__body", children: "For these, please see your regular GP, who can assess you in person and issue the right kind of certificate." }),
+        /* @__PURE__ */ jsx18("p", { className: "sk-cf__body", children: "For these, please see your regular GP, who can assess you in person and issue the right kind of certificate." }),
         /* @__PURE__ */ jsxs16("ul", { className: "sk-cf__links", children: [
-          /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18(
             "a",
             {
               className: "sk-cf__link",
@@ -3967,11 +3987,11 @@ function UnavailableStep({
               children: "Find a GP near you"
             }
           ) }),
-          clinicPhone && /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs16("a", { className: "sk-cf__link", href: `tel:${clinicPhone.replace(/[^\d+]/g, "")}`, children: [
+          clinicPhone && /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs16("a", { className: "sk-cf__link", href: `tel:${clinicPhone.replace(/[^\d+]/g, "")}`, children: [
             "Call the clinic on ",
             clinicPhone
           ] }) }),
-          /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17("a", { className: "sk-cf__link", href: "tel:1800022222", children: "Health advice, 24 hours \u2014 healthdirect on 1800 022 222" }) })
+          /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18("a", { className: "sk-cf__link", href: "tel:1800022222", children: "Health advice, 24 hours \u2014 healthdirect on 1800 022 222" }) })
         ] })
       ]
     }
@@ -3979,7 +3999,7 @@ function UnavailableStep({
 }
 
 // src/certificate-funnel.client.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function slotFlowIsLost(flowChecked, flow, capturing) {
   return flowChecked && !flow?.appointmentTypeId && !capturing;
 }
@@ -3991,16 +4011,28 @@ async function cancelRequestThenRestart(client, requestId, restart) {
   restart();
 }
 function CertificateFunnelClient(props) {
+  const portalClient = React16.useMemo(
+    () => createPortalClient({
+      apiOrigin: props.publicApi?.portalApiOrigin,
+      portalOrigin: props.publicApi?.portalOrigin,
+      portalUrl: props.publicApi?.portalUrl
+    }),
+    [
+      props.publicApi?.portalApiOrigin,
+      props.publicApi?.portalOrigin,
+      props.publicApi?.portalUrl
+    ]
+  );
   if (!props.publicApi?.publishableKey) {
     return /* @__PURE__ */ jsxs17("div", { className: "sk-cf sk-cf--unconfigured", children: [
-      /* @__PURE__ */ jsx18("h2", { className: "sk-certificate-funnel__heading", children: props.heading ?? "Medical certificates" }),
+      /* @__PURE__ */ jsx19("h2", { className: "sk-certificate-funnel__heading", children: props.heading ?? "Medical certificates" }),
       /* @__PURE__ */ jsxs17("p", { className: "sk-certificate-funnel__placeholder", children: [
         "Online requests aren\u2019t available right now.",
         props.clinicPhone ? ` Please call the clinic on ${props.clinicPhone}.` : " Please call the clinic."
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsx18(Funnel, { ...props });
+  return /* @__PURE__ */ jsx19(PortalProvider, { client: portalClient, children: /* @__PURE__ */ jsx19(Funnel, { ...props }) });
 }
 function Funnel({
   publicApi,
@@ -4011,33 +4043,29 @@ function Funnel({
   serviceKey: pinnedService
 }) {
   const api = publicApi;
-  const rawClient = React15.useMemo(
+  const rawClient = React16.useMemo(
     () => patientos({ publishableKey: api.publishableKey, apiBase: api.apiBase }),
     [api.publishableKey, api.apiBase]
   );
-  const portal = React15.useMemo(
-    () => ({ portalUrl: api.portalUrl, portalOrigin: api.portalOrigin }),
-    [api.portalUrl, api.portalOrigin]
-  );
-  const pinned = React15.useMemo(() => ({ pinnedService: !!pinnedService }), [pinnedService]);
-  const [state, setState] = React15.useState(null);
-  const [flow, setFlow] = React15.useState(null);
-  const [flowChecked, setFlowChecked] = React15.useState(false);
-  const [capturing, setCapturing] = React15.useState(false);
-  const [cancellingLostSlot, setCancellingLostSlot] = React15.useState(false);
-  const [lostSlotCancelError, setLostSlotCancelError] = React15.useState(null);
-  const [resolveError, setResolveError] = React15.useState(null);
-  const [identityDraft, setIdentityDraft] = React15.useState(null);
-  const [submittedIdentitySnapshot, setSubmittedIdentitySnapshot] = React15.useState(
+  const pinned = React16.useMemo(() => ({ pinnedService: !!pinnedService }), [pinnedService]);
+  const [state, setState] = React16.useState(null);
+  const [flow, setFlow] = React16.useState(null);
+  const [flowChecked, setFlowChecked] = React16.useState(false);
+  const [capturing, setCapturing] = React16.useState(false);
+  const [cancellingLostSlot, setCancellingLostSlot] = React16.useState(false);
+  const [lostSlotCancelError, setLostSlotCancelError] = React16.useState(null);
+  const [resolveError, setResolveError] = React16.useState(null);
+  const [identityDraft, setIdentityDraft] = React16.useState(null);
+  const [submittedIdentitySnapshot, setSubmittedIdentitySnapshot] = React16.useState(
     null
   );
-  const onDraftChange = React15.useCallback((draft) => setIdentityDraft(draft), []);
-  const [medicareDraft, setMedicareDraft] = React15.useState(null);
-  const onMedicareDraftChange = React15.useCallback(
+  const onDraftChange = React16.useCallback((draft) => setIdentityDraft(draft), []);
+  const [medicareDraft, setMedicareDraft] = React16.useState(null);
+  const onMedicareDraftChange = React16.useCallback(
     (draft) => setMedicareDraft(draft),
     []
   );
-  const dispatch = React15.useCallback(
+  const dispatch = React16.useCallback(
     (event) => {
       setState((prev) => {
         const current = prev ?? initialFunnelState(pinnedService);
@@ -4059,16 +4087,16 @@ function Funnel({
     },
     [pinnedService, pinned]
   );
-  const client = React15.useMemo(
+  const client = React16.useMemo(
     () => observeSessionExpiry(rawClient, () => dispatch({ type: "SESSION_EXPIRED" })),
     [rawClient, dispatch]
   );
-  const [fees, setFees] = React15.useState(null);
-  const [deliveryModes, setDeliveryModes] = React15.useState(
+  const [fees, setFees] = React16.useState(null);
+  const [deliveryModes, setDeliveryModes] = React16.useState(
     null
   );
-  const [questionCounts, setQuestionCounts] = React15.useState({});
-  React15.useEffect(() => {
+  const [questionCounts, setQuestionCounts] = React16.useState({});
+  React16.useEffect(() => {
     let alive = true;
     void (async () => {
       try {
@@ -4100,9 +4128,9 @@ function Funnel({
       alive = false;
     };
   }, [client]);
-  const stateRef = React15.useRef(state);
+  const stateRef = React16.useRef(state);
   stateRef.current = state;
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     dispatch({ type: "RESTORE", state: stepFromUrl(window.location.search, pinnedService) });
     const onPop = () => {
       const current = stateRef.current;
@@ -4119,7 +4147,7 @@ function Funnel({
     return () => window.removeEventListener("popstate", onPop);
   }, [dispatch, pinnedService, pinned]);
   const requestId = state?.requestId ?? null;
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     if (!requestId) {
       setFlow(null);
       setFlowChecked(false);
@@ -4132,7 +4160,7 @@ function Funnel({
     setFlow(loadFlowRecord(requestId));
     setFlowChecked(true);
   }, [requestId, flow]);
-  const captureFlow = React15.useCallback(
+  const captureFlow = React16.useCallback(
     async (newRequestId, serviceKey, identity) => {
       const svc = await findServiceByKey(client, serviceKey);
       if (!svc) throw new Error("This certificate type is not currently available.");
@@ -4161,18 +4189,18 @@ function Funnel({
     },
     [client]
   );
-  const back2 = React15.useCallback(() => dispatch({ type: "BACK" }), [dispatch]);
-  const restart = React15.useCallback(() => {
+  const back2 = React16.useCallback(() => dispatch({ type: "BACK" }), [dispatch]);
+  const restart = React16.useCallback(() => {
     setIdentityDraft(null);
     setSubmittedIdentitySnapshot(null);
     setMedicareDraft(null);
     dispatch({ type: "RESTART" });
   }, [dispatch]);
-  const retryPayment = React15.useCallback(() => {
+  const retryPayment = React16.useCallback(() => {
     setSubmittedIdentitySnapshot(null);
     dispatch({ type: "RETRY_PAYMENT" });
   }, [dispatch]);
-  const cancelLostSlot = React15.useCallback(async () => {
+  const cancelLostSlot = React16.useCallback(async () => {
     const id = state?.requestId;
     if (!id || cancellingLostSlot) return;
     setCancellingLostSlot(true);
@@ -4189,7 +4217,7 @@ function Funnel({
   }, [cancellingLostSlot, client, restart, state?.requestId]);
   const chosenKey = state?.serviceKey ?? null;
   const step = state?.step;
-  const shape = React15.useMemo(() => {
+  const shape = React16.useMemo(() => {
     const free = flowIsFree(flow);
     const feeSaysPaid = chosenKey ? fees?.[chosenKey]?.requiresPayment : void 0;
     return {
@@ -4210,7 +4238,7 @@ function Funnel({
       intakeSteps: intakeStepsFor(questionCounts, chosenKey)
     };
   }, [flow, fees, pinnedService, chosenKey, step, questionCounts]);
-  if (!state) return /* @__PURE__ */ jsx18(FlowLoading, {});
+  if (!state) return /* @__PURE__ */ jsx19(FlowLoading, {});
   const title = stepTitle(state.step, clinicName);
   const service = services.find((s) => s.key === state.serviceKey) ?? null;
   const serviceLabel = service?.label ?? "certificate";
@@ -4223,7 +4251,7 @@ function Funnel({
   const showBack = canGoBack(state, pinned);
   const flowLost = slotFlowIsLost(flowChecked, flow, capturing);
   const quietMoney = HOLDLESS_STEPS.has(state.step) || state.step === "consent" || state.step === "payment";
-  const rail = /* @__PURE__ */ jsx18(
+  const rail = /* @__PURE__ */ jsx19(
     TrustRail,
     {
       clinicName,
@@ -4233,7 +4261,7 @@ function Funnel({
   const renderStep = () => {
     switch (state.step) {
       case "service":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           ServiceStep,
           {
             services,
@@ -4247,7 +4275,7 @@ function Funnel({
           }
         );
       case "preflight":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           PreflightStep,
           {
             documentTitle: title,
@@ -4270,17 +4298,15 @@ function Funnel({
               dispatch({ type: "REQUEST_STARTED", requestId: resumeRequestId });
             },
             children: [
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 IdentityStep,
                 {
                   client,
-                  portal,
                   turnstileSiteKey: api.turnstileSiteKey,
                   serviceKey: state.serviceKey ?? "",
                   serviceLabel,
                   mode: state.step,
                   documentTitle: title,
-                  returnUrl: typeof window === "undefined" ? void 0 : window.location.href,
                   onSignedIn: () => dispatch({ type: "SIGNED_IN" }),
                   onRejected: () => {
                     setIdentityDraft(null);
@@ -4302,12 +4328,12 @@ function Funnel({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx18(FlowError, { children: resolveError })
+              /* @__PURE__ */ jsx19(FlowError, { children: resolveError })
             ]
           }
         );
       case "intake":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           IntakeStep,
           {
             client,
@@ -4321,7 +4347,7 @@ function Funnel({
           }
         );
       case "medicare":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           MedicareStep,
           {
             client,
@@ -4334,7 +4360,7 @@ function Funnel({
           }
         );
       case "consent":
-        return flowChecked && !flow && !capturing ? /* @__PURE__ */ jsx18(
+        return flowChecked && !flow && !capturing ? /* @__PURE__ */ jsx19(
           FlowShell,
           {
             ...stepProgress("consent", shape),
@@ -4342,9 +4368,9 @@ function Funnel({
             heading: "Confirm & sign",
             onBack: showBack ? back2 : void 0,
             documentTitle: title,
-            children: /* @__PURE__ */ jsx18(FlowError, { children: "We can\u2019t pick up this booking in this browser. Please go back and try again." })
+            children: /* @__PURE__ */ jsx19(FlowError, { children: "We can\u2019t pick up this booking in this browser. Please go back and try again." })
           }
-        ) : /* @__PURE__ */ jsx18(
+        ) : /* @__PURE__ */ jsx19(
           ConsentStep,
           {
             client,
@@ -4368,7 +4394,7 @@ function Funnel({
           }
         );
       case "payment":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           FlowShell,
           {
             ...stepProgress("payment", shape),
@@ -4377,7 +4403,7 @@ function Funnel({
             subheading: HOLD_RELEASE_NOTE,
             documentTitle: title,
             onBack: showBack ? back2 : void 0,
-            children: /* @__PURE__ */ jsx18(
+            children: /* @__PURE__ */ jsx19(
               PaymentStep,
               {
                 client,
@@ -4391,7 +4417,7 @@ function Funnel({
           }
         );
       case "slot":
-        return flow?.appointmentTypeId ? /* @__PURE__ */ jsx18(
+        return flow?.appointmentTypeId ? /* @__PURE__ */ jsx19(
           SlotStep,
           {
             client,
@@ -4421,7 +4447,7 @@ function Funnel({
               stepKey: "slot",
               heading: "Choose your appointment time",
               documentTitle: title,
-              footer: /* @__PURE__ */ jsx18(
+              footer: /* @__PURE__ */ jsx19(
                 FlowButton,
                 {
                   type: "button",
@@ -4432,7 +4458,7 @@ function Funnel({
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx18(FlowError, { children: "We can\u2019t pick up this booking in this browser. Your request is still with the clinic." }),
+                /* @__PURE__ */ jsx19(FlowError, { children: "We can\u2019t pick up this booking in this browser. Your request is still with the clinic." }),
                 clinicPhone && /* @__PURE__ */ jsxs17("p", { className: "sk-slots__empty-note", children: [
                   "Can\u2019t find a time that suits?",
                   " ",
@@ -4441,22 +4467,22 @@ function Funnel({
                     clinicPhone
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx18(FlowError, { children: lostSlotCancelError })
+                /* @__PURE__ */ jsx19(FlowError, { children: lostSlotCancelError })
               ]
             }
           )
-        ) : /* @__PURE__ */ jsx18(
+        ) : /* @__PURE__ */ jsx19(
           FlowShell,
           {
             ...stepProgress("slot", shape),
             stepKey: "slot",
             heading: "Choose your appointment time",
             documentTitle: title,
-            children: /* @__PURE__ */ jsx18(FlowLoading, { message: "Loading your booking\u2026" })
+            children: /* @__PURE__ */ jsx19(FlowLoading, { message: "Loading your booking\u2026" })
           }
         );
       case "submitted":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           SubmittedStep,
           {
             client,
@@ -4472,7 +4498,7 @@ function Funnel({
           }
         );
       case "blocked":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           BlockedStep,
           {
             gate: state.gate,
@@ -4482,9 +4508,9 @@ function Funnel({
           }
         );
       case "escalate":
-        return /* @__PURE__ */ jsx18(EscalateStep, { gate: state.gate, documentTitle: title });
+        return /* @__PURE__ */ jsx19(EscalateStep, { gate: state.gate, documentTitle: title });
       case "payment-failed":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           PaymentFailedStep,
           {
             message: state.failure,
@@ -4494,7 +4520,7 @@ function Funnel({
           }
         );
       case "session-expired":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           SessionExpiredState,
           {
             requestStarted: !!state.requestId,
@@ -4505,7 +4531,7 @@ function Funnel({
           }
         );
       case "unavailable":
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           UnavailableStep,
           {
             documentTitle: title,
@@ -4515,7 +4541,7 @@ function Funnel({
         );
     }
   };
-  return /* @__PURE__ */ jsx18(FlowShapeContext.Provider, { value: shape, children: /* @__PURE__ */ jsx18(FlowRailContext.Provider, { value: rail, children: renderStep() }) });
+  return /* @__PURE__ */ jsx19(FlowShapeContext.Provider, { value: shape, children: /* @__PURE__ */ jsx19(FlowRailContext.Provider, { value: rail, children: renderStep() }) });
 }
 function SessionExpiredState({
   requestStarted,
@@ -4530,35 +4556,29 @@ function SessionExpiredState({
       stepKey: "session-expired",
       heading: "Your secure session ended",
       documentTitle,
-      footer: portalUrl ? /* @__PURE__ */ jsx18("a", { className: "sk-flow__btn sk-flow__btn--primary", href: portalUrl, children: "Continue in the patient portal" }) : !requestStarted ? /* @__PURE__ */ jsx18(FlowButton, { type: "button", variant: "primary", onClick: onRestart, children: "Start again securely" }) : void 0,
+      footer: portalUrl ? /* @__PURE__ */ jsx19("a", { className: "sk-flow__btn sk-flow__btn--primary", href: portalUrl, children: "Continue in the patient portal" }) : !requestStarted ? /* @__PURE__ */ jsx19(FlowButton, { type: "button", variant: "primary", onClick: onRestart, children: "Start again securely" }) : void 0,
       children: [
         /* @__PURE__ */ jsxs17("p", { className: "sk-cf__body", children: [
           "This secure session is no longer available.",
           " ",
           requestStarted ? "Your request is still with the clinic." : "You can start again securely."
         ] }),
-        clinicPhone ? /* @__PURE__ */ jsx18(ClinicPhone, { clinicPhone }) : !portalUrl ? /* @__PURE__ */ jsx18("p", { className: "sk-cf__aside", children: "Please contact the clinic using the details on this website." }) : null
+        clinicPhone ? /* @__PURE__ */ jsx19(ClinicPhone, { clinicPhone }) : !portalUrl ? /* @__PURE__ */ jsx19("p", { className: "sk-cf__aside", children: "Please contact the clinic using the details on this website." }) : null
       ]
     }
   );
 }
 
 // src/portal-panel.client.tsx
-import * as React16 from "react";
-import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import * as React17 from "react";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var SUMMARY_URL = "/portal/api/summary";
-async function loadPortalPanel(surface, fetchImpl) {
-  let body;
-  try {
-    const res = await fetchImpl(
-      portalApiUrl(`${SUMMARY_URL}?surface=${encodeURIComponent(surface)}`),
-      PORTAL_REQUEST_INIT
-    );
-    body = await res.json();
-    if (!res.ok) return { kind: "link-out" };
-  } catch {
-    return { kind: "link-out" };
-  }
+async function loadPortalPanelWithClient(surface, client) {
+  const res = await client.get(
+    `${SUMMARY_URL}?surface=${encodeURIComponent(surface)}`
+  );
+  if (!res.ok) return { kind: "link-out" };
+  const body = res.data;
   if (typeof body?.signedIn !== "boolean") return { kind: "link-out" };
   if (!body.signedIn) return { kind: "signed-out" };
   return {
@@ -4567,9 +4587,6 @@ async function loadPortalPanel(surface, fetchImpl) {
     items: Array.isArray(body?.items) ? body.items : []
   };
 }
-function requestPortalMagicLink(surface, email, fetchImpl) {
-  return requestPortalSignInLink(email, `/portal/${surface}`, fetchImpl);
-}
 function itemMeta(item) {
   const when = item.start ?? item.date ?? item.placedAt ?? null;
   const parts = [];
@@ -4588,51 +4605,68 @@ function PortalPanelClient({
   initialState,
   fetchImpl
 }) {
-  configurePortalApiOrigin(portalApiOrigin);
-  const [state, setState] = React16.useState(initialState ?? { kind: "loading" });
-  React16.useEffect(() => {
+  const client = React17.useMemo(
+    () => createPortalClient({ apiOrigin: portalApiOrigin, portalUrl, fetchImpl }),
+    [portalApiOrigin, portalUrl, fetchImpl]
+  );
+  return /* @__PURE__ */ jsx20(PortalProvider, { client, children: /* @__PURE__ */ jsx20(
+    PortalPanelContent,
+    {
+      surface,
+      portalUrl,
+      initialState
+    }
+  ) });
+}
+function PortalPanelContent({
+  surface,
+  portalUrl,
+  initialState
+}) {
+  const client = usePortalClient();
+  const [state, setState] = React17.useState(initialState ?? { kind: "loading" });
+  React17.useEffect(() => {
     if (initialState) return;
     let live = true;
-    const f = fetchImpl ?? ((i, init) => fetch(i, init));
-    void loadPortalPanel(surface, f).then((next) => {
+    void loadPortalPanelWithClient(surface, client).then((next) => {
       if (live) setState(next);
     });
     return () => {
       live = false;
     };
-  }, [surface, fetchImpl, initialState]);
+  }, [surface, client, initialState]);
   const heading2 = PORTAL_SURFACE_LABEL[surface] ?? "Your portal";
   const href = portalSurfaceHref(surface, portalUrl);
   const signInHref = portalUrl ?? "/portal";
   return /* @__PURE__ */ jsxs18("section", { className: "sk-portal-panel__body", "aria-busy": state.kind === "loading", children: [
-    /* @__PURE__ */ jsx19("h2", { className: "sk-portal-panel__heading", children: heading2 }),
-    state.kind === "loading" ? /* @__PURE__ */ jsx19("p", { className: "sk-portal-panel__placeholder", children: "Checking your sign-in\u2026" }) : null,
-    state.kind === "link-out" ? /* @__PURE__ */ jsx19("p", { className: "sk-portal-panel__placeholder", children: /* @__PURE__ */ jsx19("a", { className: "sk-portal-panel__link", href: signInHref, children: "Sign in to your patient portal" }) }) : null,
-    state.kind === "signed-out" ? /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20("h2", { className: "sk-portal-panel__heading", children: heading2 }),
+    state.kind === "loading" ? /* @__PURE__ */ jsx20("p", { className: "sk-portal-panel__placeholder", children: "Checking your sign-in\u2026" }) : null,
+    state.kind === "link-out" ? /* @__PURE__ */ jsx20("p", { className: "sk-portal-panel__placeholder", children: /* @__PURE__ */ jsx20("a", { className: "sk-portal-panel__link", href: signInHref, children: "Sign in to your patient portal" }) }) : null,
+    state.kind === "signed-out" ? /* @__PURE__ */ jsx20(
       PortalSignInRamp,
       {
         idSuffix: surface,
-        submit: (email) => requestPortalMagicLink(surface, email, fetchImpl ?? ((i, init) => fetch(i, init))),
+        submit: (email) => client.requestMagicLink(email, `/portal/${surface}`).then((ok) => ({ ok })),
         onResult: ({ ok, email }) => setState(ok ? { kind: "link-sent", email } : { kind: "link-out" })
       }
     ) : null,
-    state.kind === "link-sent" ? /* @__PURE__ */ jsx19(PortalLinkSentNotice, { email: state.email }) : null,
+    state.kind === "link-sent" ? /* @__PURE__ */ jsx20(PortalLinkSentNotice, { email: state.email }) : null,
     state.kind === "signed-in" ? /* @__PURE__ */ jsxs18(Fragment7, { children: [
-      state.items.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "sk-portal-panel__empty", children: "Nothing to show here yet." }) : /* @__PURE__ */ jsx19("ul", { className: "sk-portal-panel__list", children: state.items.map((item) => {
+      state.items.length === 0 ? /* @__PURE__ */ jsx20("p", { className: "sk-portal-panel__empty", children: "Nothing to show here yet." }) : /* @__PURE__ */ jsx20("ul", { className: "sk-portal-panel__list", children: state.items.map((item) => {
         const meta = itemMeta(item);
         return /* @__PURE__ */ jsxs18("li", { className: "sk-portal-panel__item", children: [
-          /* @__PURE__ */ jsx19("span", { className: "sk-portal-panel__item-title", children: item.title ?? "\u2014" }),
-          meta ? /* @__PURE__ */ jsx19("span", { className: "sk-portal-panel__item-meta", children: meta }) : null,
-          item.status ? /* @__PURE__ */ jsx19("span", { className: "sk-portal-panel__item-status", children: item.status }) : null
+          /* @__PURE__ */ jsx20("span", { className: "sk-portal-panel__item-title", children: item.title ?? "\u2014" }),
+          meta ? /* @__PURE__ */ jsx20("span", { className: "sk-portal-panel__item-meta", children: meta }) : null,
+          item.status ? /* @__PURE__ */ jsx20("span", { className: "sk-portal-panel__item-status", children: item.status }) : null
         ] }, item.id);
       }) }),
-      /* @__PURE__ */ jsx19("a", { className: "sk-portal-panel__link", href, children: "Open portal" })
+      /* @__PURE__ */ jsx20("a", { className: "sk-portal-panel__link", href, children: "Open portal" })
     ] }) : null
   ] });
 }
 
 // src/portal-account.client.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 
 // ../website-sdk/src/types.ts
 var EMPTY_CLINIC_SNAPSHOT = {
@@ -10190,11 +10224,11 @@ MarkdownIt.prototype.renderInline = function(src, env) {
 var lib_default = MarkdownIt;
 
 // ../website-sdk/src/primitives.tsx
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var md = new lib_default({ html: false, linkify: true });
 
 // src/portal-book-launcher.tsx
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_FUNNEL_HREF = "/certificates";
 function funnelServiceHref(funnelHref, serviceKey) {
   const trimmed = (funnelHref ?? DEFAULT_FUNNEL_HREF).replace(/\/$/, "");
@@ -10213,9 +10247,9 @@ function ServiceLauncherList({
       clinicPhone ? ` Please call the clinic on ${clinicPhone}.` : " Please call the clinic."
     ] });
   }
-  return /* @__PURE__ */ jsx21("ul", { className: "sk-portal-launcher", children: services.map((s) => {
+  return /* @__PURE__ */ jsx22("ul", { className: "sk-portal-launcher", children: services.map((s) => {
     const price = prices?.[s.key] ?? "";
-    return /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs20(
       "a",
       {
         className: "sk-portal-launcher__service",
@@ -10223,10 +10257,10 @@ function ServiceLauncherList({
         "data-sk-service": s.key,
         children: [
           /* @__PURE__ */ jsxs20("span", { className: "sk-portal-launcher__body", children: [
-            /* @__PURE__ */ jsx21("span", { className: "sk-portal-launcher__label", children: s.label }),
-            price ? /* @__PURE__ */ jsx21("span", { className: "sk-portal-launcher__fee", children: price }) : null
+            /* @__PURE__ */ jsx22("span", { className: "sk-portal-launcher__label", children: s.label }),
+            price ? /* @__PURE__ */ jsx22("span", { className: "sk-portal-launcher__fee", children: price }) : null
           ] }),
-          /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: "sk-portal-launcher__chevron", children: "\u2192" })
+          /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", className: "sk-portal-launcher__chevron", children: "\u2192" })
         ]
       }
     ) }, s.key);
@@ -10234,7 +10268,7 @@ function ServiceLauncherList({
 }
 
 // src/portal-account.tsx
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 var PORTAL_ACCOUNT_HEADING = {
   appointments: "Your appointments",
   documents: "Your documents",
@@ -10287,7 +10321,7 @@ function PortalAccount({
       },
       className: ["sk-portal-account", className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx22("h2", { className: "sk-portal-account__heading", children: PORTAL_ACCOUNT_HEADING[surface] ?? "Your account" }),
+        /* @__PURE__ */ jsx23("h2", { className: "sk-portal-account__heading", children: PORTAL_ACCOUNT_HEADING[surface] ?? "Your account" }),
         isBook ? (
           // A REAL, working list — not a sign-in card. Every link here is valid before any
           // JavaScript runs, because the services and their destinations are both known at
@@ -10295,7 +10329,7 @@ function PortalAccount({
           // carry. This is the surface a crawler indexes and a patient with JS blocked
           // keeps permanently, and for a launcher that is the whole feature rather than a
           // degraded copy of it.
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             ServiceLauncherList,
             {
               services,
@@ -10304,8 +10338,8 @@ function PortalAccount({
             }
           )
         ) : /* @__PURE__ */ jsxs21("div", { className: "sk-portal-account__signin-card", children: [
-          /* @__PURE__ */ jsx22("p", { className: "sk-portal-account__placeholder", children: SURFACE_PROMPT[surface] ?? "Sign in to see your account." }),
-          /* @__PURE__ */ jsx22("a", { className: "sk-portal-link", href, children: "Sign in to your patient portal" })
+          /* @__PURE__ */ jsx23("p", { className: "sk-portal-account__placeholder", children: SURFACE_PROMPT[surface] ?? "Sign in to see your account." }),
+          /* @__PURE__ */ jsx23("a", { className: "sk-portal-link", href, children: "Sign in to your patient portal" })
         ] })
       ]
     }
@@ -10313,18 +10347,18 @@ function PortalAccount({
 }
 
 // src/portal-book-launcher.client.tsx
-import * as React17 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function PortalBookLauncher({
   services,
   funnelHref,
   clinicPhone,
   publicApi
 }) {
-  const [prices, setPrices] = React17.useState({});
+  const [prices, setPrices] = React18.useState({});
   const publishableKey = publicApi?.publishableKey ?? "";
   const apiBase = publicApi?.apiBase ?? "";
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!publishableKey) return;
     let alive = true;
     void (async () => {
@@ -10348,7 +10382,7 @@ function PortalBookLauncher({
       alive = false;
     };
   }, [publishableKey, apiBase]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ServiceLauncherList,
     {
       services,
@@ -10360,8 +10394,8 @@ function PortalBookLauncher({
 }
 
 // src/portal-addresses.client.tsx
-import * as React18 from "react";
-import { Fragment as Fragment9, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import * as React19 from "react";
+import { Fragment as Fragment9, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var ADDRESSES_URL = "/portal/api/addresses";
 var PORTAL_ADDRESSES_URL = ADDRESSES_URL;
 var ADDRESS_SAVE_FAILED_COPY = "We couldn't save that address just now. Please try again.";
@@ -10384,31 +10418,42 @@ function portalAddressPatchOf(a) {
 }
 var AUTOCOMPLETE_URL = "/api/address/autocomplete";
 var VALIDATE_URL = "/api/address/validate";
-async function searchPortalAddresses(query) {
+async function searchPortalAddresses(query, client) {
   const q = query.trim();
   if (q.length < 3) return [];
-  const res = await fetch(portalApiUrl(`${AUTOCOMPLETE_URL}?q=${encodeURIComponent(q)}`), {
-    // `include`, not `same-origin`: on a separately-deployed clinic site this resolves to
-    // the APP's origin, and the endpoint's only door for a patient is the portal session
-    // cookie (address-google.server.ts `hasAddressAccess`). Same-origin it is identical.
-    credentials: "include",
-    headers: { accept: "application/json" }
-  });
-  if (!res.ok) return [];
-  const body = await res.json();
-  return body.suggestions ?? [];
+  try {
+    const res = await client.fetch(
+      client.url(`${AUTOCOMPLETE_URL}?q=${encodeURIComponent(q)}`),
+      {
+        // `include`, not `same-origin`: on a separately-deployed clinic site this resolves
+        // to the APP's origin, and the endpoint's only door for a patient is the portal
+        // session cookie (address-google.server.ts `hasAddressAccess`).
+        credentials: "include",
+        headers: { accept: "application/json" }
+      }
+    );
+    if (!res.ok) return [];
+    const body = await res.json();
+    return body.suggestions ?? [];
+  } catch {
+    return [];
+  }
 }
-async function validatePortalAddress(address) {
-  const res = await fetch(portalApiUrl(VALIDATE_URL), {
-    method: "POST",
-    credentials: "include",
-    headers: { "content-type": "application/json" },
-    body: JSON.stringify({ address })
-  });
-  if (!res.ok) return null;
-  const v = await res.json();
-  if (v.error || !v.formattedAddress) return null;
-  return { address: v.formattedAddress, placeId: v.googlePlaceId ?? null };
+async function validatePortalAddress(address, client) {
+  try {
+    const res = await client.fetch(client.url(VALIDATE_URL), {
+      method: "POST",
+      credentials: "include",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ address })
+    });
+    if (!res.ok) return null;
+    const v = await res.json();
+    if (v.error || !v.formattedAddress) return null;
+    return { address: v.formattedAddress, placeId: v.googlePlaceId ?? null };
+  } catch {
+    return null;
+  }
 }
 async function reload(fetchImpl) {
   const res = await portalGet(ADDRESSES_URL, fetchImpl);
@@ -10439,17 +10484,18 @@ async function deletePortalAddressAndReload(id, fetchImpl) {
 }
 function PortalAccountAddresses({
   data,
+  client,
   fetchImpl,
   onReloaded,
   initialUi
 }) {
-  const [editing, setEditing] = React18.useState(initialUi?.editing ?? null);
-  const [form, setForm] = React18.useState(
+  const [editing, setEditing] = React19.useState(initialUi?.editing ?? null);
+  const [form, setForm] = React19.useState(
     initialUi?.form ?? emptyPortalAddressPatch()
   );
-  const [deletingId, setDeletingId] = React18.useState(initialUi?.deletingId ?? null);
-  const [error2, setError] = React18.useState(initialUi?.error ?? null);
-  const [busy, setBusy] = React18.useState(false);
+  const [deletingId, setDeletingId] = React19.useState(initialUi?.deletingId ?? null);
+  const [error2, setError] = React19.useState(initialUi?.error ?? null);
+  const [busy, setBusy] = React19.useState(false);
   function openEdit(a) {
     setEditing(a ? a.id : "new");
     setForm(portalAddressPatchOf(a));
@@ -10490,15 +10536,15 @@ function PortalAccountAddresses({
   }
   const set2 = (k) => (v) => setForm((prev) => ({ ...prev, [k]: v }));
   return /* @__PURE__ */ jsxs22(Fragment9, { children: [
-    error2 ? /* @__PURE__ */ jsx24("p", { className: "sk-portal-error", role: "alert", children: error2 }) : null,
-    data.items.length === 0 && editing !== "new" ? /* @__PURE__ */ jsx24("p", { className: "sk-portal-account__empty", children: "We don't have an address for you yet." }) : null,
-    data.items.length > 0 ? /* @__PURE__ */ jsx24("ul", { className: "sk-portal-account__list", children: data.items.map((address) => /* @__PURE__ */ jsxs22("li", { className: "sk-portal-account__item", children: [
+    error2 ? /* @__PURE__ */ jsx25("p", { className: "sk-portal-error", role: "alert", children: error2 }) : null,
+    data.items.length === 0 && editing !== "new" ? /* @__PURE__ */ jsx25("p", { className: "sk-portal-account__empty", children: "We don't have an address for you yet." }) : null,
+    data.items.length > 0 ? /* @__PURE__ */ jsx25("ul", { className: "sk-portal-account__list", children: data.items.map((address) => /* @__PURE__ */ jsxs22("li", { className: "sk-portal-account__item", children: [
       /* @__PURE__ */ jsxs22("div", { className: "sk-portal-account__item-head", children: [
-        /* @__PURE__ */ jsx24("span", { className: "sk-portal-account__item-title", children: address.label || formatPortalAddress(address) || "Address" }),
-        address.isPrimary ? /* @__PURE__ */ jsx24("span", { className: "sk-portal-account__status", children: "Main address" }) : null
+        /* @__PURE__ */ jsx25("span", { className: "sk-portal-account__item-title", children: address.label || formatPortalAddress(address) || "Address" }),
+        address.isPrimary ? /* @__PURE__ */ jsx25("span", { className: "sk-portal-account__status", children: "Main address" }) : null
       ] }),
-      address.label ? /* @__PURE__ */ jsx24("span", { className: "sk-portal-account__item-meta", children: formatPortalAddress(address) }) : null,
-      editing === address.id ? /* @__PURE__ */ jsx24(
+      address.label ? /* @__PURE__ */ jsx25("span", { className: "sk-portal-account__item-meta", children: formatPortalAddress(address) }) : null,
+      editing === address.id ? /* @__PURE__ */ jsx25(
         AddressForm,
         {
           idPrefix: address.id,
@@ -10507,10 +10553,11 @@ function PortalAccountAddresses({
           busy,
           submitLabel: "Save address",
           onSubmit: (e) => void save(e),
-          onCancel: () => setEditing(null)
+          onCancel: () => setEditing(null),
+          client
         }
       ) : /* @__PURE__ */ jsxs22("div", { className: "sk-portal-account__actions", children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           "button",
           {
             type: "button",
@@ -10519,7 +10566,7 @@ function PortalAccountAddresses({
             children: "Edit"
           }
         ),
-        !address.isPrimary ? /* @__PURE__ */ jsx24(
+        !address.isPrimary ? /* @__PURE__ */ jsx25(
           "button",
           {
             type: "button",
@@ -10529,7 +10576,7 @@ function PortalAccountAddresses({
             children: "Make main"
           }
         ) : null,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25(
           "button",
           {
             type: "button",
@@ -10547,9 +10594,9 @@ function PortalAccountAddresses({
         // In-place confirm, same as cancelling an appointment: removing the
         // address a prescription is posted to is not an undo-able tap.
         /* @__PURE__ */ jsxs22("div", { className: "sk-portal-account__confirm", children: [
-          /* @__PURE__ */ jsx24("p", { className: "sk-portal-account__confirm-title", children: "Remove this address?" }),
+          /* @__PURE__ */ jsx25("p", { className: "sk-portal-account__confirm-title", children: "Remove this address?" }),
           /* @__PURE__ */ jsxs22("div", { className: "sk-portal-account__confirm-actions", children: [
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -10559,7 +10606,7 @@ function PortalAccountAddresses({
                 children: busy ? "Removing\u2026" : "Remove address"
               }
             ),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               "button",
               {
                 type: "button",
@@ -10573,7 +10620,7 @@ function PortalAccountAddresses({
         ] })
       ) : null
     ] }, address.id)) }) : null,
-    editing === "new" ? /* @__PURE__ */ jsx24(
+    editing === "new" ? /* @__PURE__ */ jsx25(
       AddressForm,
       {
         idPrefix: "new",
@@ -10582,9 +10629,10 @@ function PortalAccountAddresses({
         busy,
         submitLabel: "Add address",
         onSubmit: (e) => void save(e),
-        onCancel: () => setEditing(null)
+        onCancel: () => setEditing(null),
+        client
       }
-    ) : /* @__PURE__ */ jsx24(
+    ) : /* @__PURE__ */ jsx25(
       "button",
       {
         type: "button",
@@ -10603,11 +10651,12 @@ function AddressForm({
   busy,
   submitLabel,
   onSubmit,
-  onCancel
+  onCancel,
+  client
 }) {
   const id = (field) => `sk-portal-address-${field}-${idPrefix}`;
   return /* @__PURE__ */ jsxs22("form", { className: "sk-portal-account__form", onSubmit, children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       AddressPicker,
       {
         idPrefix: `sk-portal-address-${idPrefix}`,
@@ -10618,13 +10667,13 @@ function AddressForm({
           set2("address")(place?.address ?? "");
           set2("placeId")(place?.placeId ?? "");
         },
-        search: searchPortalAddresses,
-        validate: validatePortalAddress
+        search: (query) => searchPortalAddresses(query, client),
+        validate: (address) => validatePortalAddress(address, client)
       }
     ),
     /* @__PURE__ */ jsxs22("div", { className: "sk-portal-account__confirm-actions", children: [
-      /* @__PURE__ */ jsx24("button", { className: "sk-portal-button", type: "submit", disabled: busy, children: busy ? "Saving\u2026" : submitLabel }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25("button", { className: "sk-portal-button", type: "submit", disabled: busy, children: busy ? "Saving\u2026" : submitLabel }),
+      /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -10639,8 +10688,8 @@ function AddressForm({
 }
 
 // src/portal-consult.client.tsx
-import * as React19 from "react";
-import { Fragment as Fragment10, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React20 from "react";
+import { Fragment as Fragment10, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function consultChunkUrl(base2 = import.meta.url) {
   return new URL(CONSULT_CHUNK_PATH, base2).href;
 }
@@ -10690,12 +10739,12 @@ function PortalConsultPanel({
   loadModule,
   initialUi
 }) {
-  const hostRef = React19.useRef(null);
-  const [status, setStatus] = React19.useState(initialUi?.status ?? "loading");
-  const [error2, setError] = React19.useState(null);
-  const closeRef = React19.useRef(onClose);
+  const hostRef = React20.useRef(null);
+  const [status, setStatus] = React20.useState(initialUi?.status ?? "loading");
+  const [error2, setError] = React20.useState(null);
+  const closeRef = React20.useRef(onClose);
   closeRef.current = onClose;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     const el = hostRef.current;
     if (!el) return;
     let live = true;
@@ -10722,7 +10771,7 @@ function PortalConsultPanel({
       teardown?.();
     };
   }, [appointmentId, fetchImpl, loadModule]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     function onKeyDown(e) {
       if (e.key === "Escape") closeRef.current();
     }
@@ -10731,8 +10780,8 @@ function PortalConsultPanel({
   }, []);
   return /* @__PURE__ */ jsxs23("div", { className: "sk-consult", role: "group", "aria-label": "Video consult", children: [
     /* @__PURE__ */ jsxs23("div", { className: "sk-consult__head", children: [
-      /* @__PURE__ */ jsx25("p", { className: "sk-consult__title", children: "Video consult" }),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx26("p", { className: "sk-consult__title", children: "Video consult" }),
+      /* @__PURE__ */ jsx26(
         "button",
         {
           type: "button",
@@ -10742,17 +10791,17 @@ function PortalConsultPanel({
         }
       )
     ] }),
-    status === "loading" ? /* @__PURE__ */ jsx25("p", { className: "sk-portal-account__placeholder", role: "status", children: "Starting your video call\u2026" }) : null,
+    status === "loading" ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__placeholder", role: "status", children: "Starting your video call\u2026" }) : null,
     status === "failed" ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
-      /* @__PURE__ */ jsx25("p", { className: "sk-portal-error", role: "alert", children: error2 ?? CONSULT_LOAD_FAILED_COPY }),
-      /* @__PURE__ */ jsx25("a", { className: "sk-portal-button", href: fallbackHref, children: CONSULT_FALLBACK_LINK_COPY })
+      /* @__PURE__ */ jsx26("p", { className: "sk-portal-error", role: "alert", children: error2 ?? CONSULT_LOAD_FAILED_COPY }),
+      /* @__PURE__ */ jsx26("a", { className: "sk-portal-button", href: fallbackHref, children: CONSULT_FALLBACK_LINK_COPY })
     ] }) : null,
-    /* @__PURE__ */ jsx25("div", { className: "sk-consult__host", ref: hostRef })
+    /* @__PURE__ */ jsx26("div", { className: "sk-consult__host", ref: hostRef })
   ] });
 }
 
 // src/portal-account.client.tsx
-import { Fragment as Fragment11, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 var APPOINTMENTS_URL = "/portal/api/appointments";
 var CANCEL_REASONS_URL = "/portal/api/appointments/cancel-reasons";
 var DOCUMENTS_URL = "/portal/api/documents";
@@ -10860,11 +10909,25 @@ async function savePortalProfileAndReload(patch, fetchImpl) {
   if (!next.ok) return { ok: false, error: PROFILE_SAVE_FAILED_COPY };
   return { ok: true, data: next.data ?? {} };
 }
+function refetchedGivenName(data) {
+  if (!hasPortalIdentity(data)) return void 0;
+  return data.givenName ?? null;
+}
 function PortalAccountClient(props) {
+  const client = React21.useMemo(
+    () => createPortalClient({
+      apiOrigin: props.portalApiOrigin,
+      portalUrl: props.portalUrl,
+      fetchImpl: props.fetchImpl
+    }),
+    [props.portalApiOrigin, props.portalUrl, props.fetchImpl]
+  );
+  return /* @__PURE__ */ jsx27(PortalProvider, { client, children: /* @__PURE__ */ jsx27(PortalAccountContent, { ...props }) });
+}
+function PortalAccountContent(props) {
   const { surface } = props;
-  configurePortalApiOrigin(props.portalApiOrigin);
-  if (surface === "book") return /* @__PURE__ */ jsx26(PortalAccountBookLauncher, { ...props });
-  return /* @__PURE__ */ jsx26(PortalAccountSurfaceClient, { ...props, surface });
+  if (surface === "book") return /* @__PURE__ */ jsx27(PortalAccountBookLauncher, { ...props });
+  return /* @__PURE__ */ jsx27(PortalAccountSurfaceClient, { ...props, surface });
 }
 function PortalAccountBookLauncher({
   funnelHref,
@@ -10873,8 +10936,8 @@ function PortalAccountBookLauncher({
   clinicPhone
 }) {
   return /* @__PURE__ */ jsxs24("section", { className: "sk-portal-account__body", children: [
-    /* @__PURE__ */ jsx26("h2", { className: "sk-portal-account__heading", children: PORTAL_ACCOUNT_HEADING.book }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27("h2", { className: "sk-portal-account__heading", children: PORTAL_ACCOUNT_HEADING.book }),
+    /* @__PURE__ */ jsx27(
       PortalBookLauncher,
       {
         services: services ?? [],
@@ -10890,21 +10953,26 @@ function PortalAccountSurfaceClient({
   portalUrl,
   bookHref,
   initialState,
-  fetchImpl,
+  fetchImpl: rawFetchImpl,
   openUrl
 }) {
-  const [state, setState] = React20.useState(
+  const portalClient = usePortalClient();
+  const fetchImpl = React21.useMemo(
+    () => portalFetchForClient(portalClient, rawFetchImpl),
+    [portalClient, rawFetchImpl]
+  );
+  const [state, setState] = React21.useState(
     // `readPortalSignedInHint` is in the initialiser (not an effect) on purpose: the
     // whole point is that the FIRST paint already knows, so there is no placeholder
     // swap. It reads one boolean out of sessionStorage — no PHI, no network.
     () => initialState ?? { kind: "loading", hinted: readPortalSignedInHint() }
   );
-  const [signingOut, setSigningOut] = React20.useState(false);
-  const commit = React20.useCallback((next) => {
+  const [signingOut, setSigningOut] = React21.useState(false);
+  const commit = React21.useCallback((next) => {
     writePortalSignedInHint(next.kind === "signed-in" || next.kind === "not-available");
     setState(next);
   }, []);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     if (initialState) return;
     let live = true;
     void loadPortalAccount(surface, fetchImpl).then((next) => {
@@ -10926,28 +10994,31 @@ function PortalAccountSurfaceClient({
     commit(next);
   }
   function replaceData(data) {
-    setState((prev) => prev.kind === "signed-in" ? { ...prev, data } : prev);
+    const refetched = refetchedGivenName(data);
+    setState(
+      (prev) => prev.kind === "signed-in" ? { ...prev, data, givenName: refetched === void 0 ? prev.givenName : refetched } : prev
+    );
   }
   return /* @__PURE__ */ jsxs24("section", { className: "sk-portal-account__body", "aria-busy": state.kind === "loading", children: [
-    /* @__PURE__ */ jsx26("h2", { className: "sk-portal-account__heading", children: heading2 }),
-    state.kind === "loading" && !state.hinted ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__placeholder", children: "Checking your sign-in\u2026" }) : null,
-    state.kind === "loading" && state.hinted ? /* @__PURE__ */ jsx26(PortalAccountSkeleton, {}) : null,
-    state.kind === "link-out" ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__placeholder", children: /* @__PURE__ */ jsx26("a", { className: "sk-portal-link", href: base2, children: "Sign in to your patient portal" }) }) : null,
-    state.kind === "signed-out" ? /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27("h2", { className: "sk-portal-account__heading", children: heading2 }),
+    state.kind === "loading" && !state.hinted ? /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__placeholder", children: "Checking your sign-in\u2026" }) : null,
+    state.kind === "loading" && state.hinted ? /* @__PURE__ */ jsx27(PortalAccountSkeleton, {}) : null,
+    state.kind === "link-out" ? /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__placeholder", children: /* @__PURE__ */ jsx27("a", { className: "sk-portal-link", href: base2, children: "Sign in to your patient portal" }) }) : null,
+    state.kind === "signed-out" ? /* @__PURE__ */ jsx27(
       PortalSignInRamp,
       {
         idSuffix: `account-${surface}`,
-        submit: (email) => requestPortalSignInLink(email, currentPagePath(), fetchImpl),
+        submit: (email) => portalClient.requestMagicLink(email).then((ok) => ({ ok })),
         onResult: ({ ok, email }) => setState(ok ? { kind: "link-sent", email } : { kind: "link-out" })
       }
     ) : null,
-    state.kind === "link-sent" ? /* @__PURE__ */ jsx26(PortalLinkSentNotice, { email: state.email }) : null,
+    state.kind === "link-sent" ? /* @__PURE__ */ jsx27(PortalLinkSentNotice, { email: state.email }) : null,
     state.kind === "not-available" || state.kind === "signed-in" ? /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__header", children: [
       /* @__PURE__ */ jsxs24("span", { className: "sk-portal-account__who", children: [
         "Signed in as ",
         state.givenName ?? "you"
       ] }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -10958,8 +11029,8 @@ function PortalAccountSurfaceClient({
         }
       )
     ] }) : null,
-    state.kind === "not-available" ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__note", role: "note", children: "This isn't available online at this clinic." }) : null,
-    state.kind === "signed-in" && surface === "appointments" ? /* @__PURE__ */ jsx26(
+    state.kind === "not-available" ? /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__note", role: "note", children: "This isn't available online at this clinic." }) : null,
+    state.kind === "signed-in" && surface === "appointments" ? /* @__PURE__ */ jsx27(
       PortalAccountAppointments,
       {
         data: state.data,
@@ -10969,15 +11040,16 @@ function PortalAccountSurfaceClient({
         onReloaded: replaceData
       }
     ) : null,
-    state.kind === "signed-in" && surface === "addresses" ? /* @__PURE__ */ jsx26(
+    state.kind === "signed-in" && surface === "addresses" ? /* @__PURE__ */ jsx27(
       PortalAccountAddresses,
       {
         data: state.data,
+        client: portalClient,
         fetchImpl,
         onReloaded: replaceData
       }
     ) : null,
-    state.kind === "signed-in" && surface === "documents" ? /* @__PURE__ */ jsx26(
+    state.kind === "signed-in" && surface === "documents" ? /* @__PURE__ */ jsx27(
       PortalAccountDocuments,
       {
         data: state.data,
@@ -10985,7 +11057,7 @@ function PortalAccountSurfaceClient({
         openUrl
       }
     ) : null,
-    state.kind === "signed-in" && surface === "orders" ? /* @__PURE__ */ jsx26(
+    state.kind === "signed-in" && surface === "orders" ? /* @__PURE__ */ jsx27(
       PortalAccountOrders,
       {
         data: state.data,
@@ -10993,7 +11065,7 @@ function PortalAccountSurfaceClient({
         openUrl
       }
     ) : null,
-    state.kind === "signed-in" && surface === "profile" ? /* @__PURE__ */ jsx26(
+    state.kind === "signed-in" && surface === "profile" ? /* @__PURE__ */ jsx27(
       PortalAccountProfile,
       {
         data: state.data,
@@ -11005,18 +11077,18 @@ function PortalAccountSurfaceClient({
 }
 function PortalAccountSkeleton() {
   return /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__skeleton", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__skeleton-row" }),
-    /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__skeleton-row" }),
-    /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__skeleton-row" })
+    /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__skeleton-row" }),
+    /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__skeleton-row" }),
+    /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__skeleton-row" })
   ] });
 }
 function StatusBadge({ status }) {
   if (!status) return null;
-  return /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__status", children: status });
+  return /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__status", children: status });
 }
 function ErrorNote({ message }) {
   if (!message) return null;
-  return /* @__PURE__ */ jsx26("p", { className: "sk-portal-error", role: "alert", children: message });
+  return /* @__PURE__ */ jsx27("p", { className: "sk-portal-error", role: "alert", children: message });
 }
 function PortalAccountAppointments({
   data,
@@ -11028,17 +11100,17 @@ function PortalAccountAppointments({
   now,
   initialUi
 }) {
-  const [cancelFor, setCancelFor] = React20.useState(initialUi?.cancelFor ?? null);
-  const [rescheduleFor, setRescheduleFor] = React20.useState(
+  const [cancelFor, setCancelFor] = React21.useState(initialUi?.cancelFor ?? null);
+  const [rescheduleFor, setRescheduleFor] = React21.useState(
     initialUi?.rescheduleFor ?? null
   );
-  const [consultFor, setConsultFor] = React20.useState(initialUi?.consultFor ?? null);
-  const [reasons, setReasons] = React20.useState(initialUi?.reasons ?? []);
-  const reasonsLoaded = React20.useRef(initialUi?.reasons !== void 0);
-  const [reasonId, setReasonId] = React20.useState("");
-  const [note, setNote] = React20.useState("");
-  const [busy, setBusy] = React20.useState(false);
-  const [error2, setError] = React20.useState(initialUi?.error ?? null);
+  const [consultFor, setConsultFor] = React21.useState(initialUi?.consultFor ?? null);
+  const [reasons, setReasons] = React21.useState(initialUi?.reasons ?? []);
+  const reasonsLoaded = React21.useRef(initialUi?.reasons !== void 0);
+  const [reasonId, setReasonId] = React21.useState("");
+  const [note, setNote] = React21.useState("");
+  const [busy, setBusy] = React21.useState(false);
+  const [error2, setError] = React21.useState(initialUi?.error ?? null);
   async function openCancel(id) {
     setCancelFor(id);
     setReasonId("");
@@ -11071,20 +11143,20 @@ function PortalAccountAppointments({
   ];
   const empty = data.upcoming.length === 0 && data.past.length === 0;
   return /* @__PURE__ */ jsxs24(Fragment11, { children: [
-    empty ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__empty", children: "You have no appointments with us yet." }) : groups.filter((g) => g.items.length > 0).map((group) => /* @__PURE__ */ jsxs24("section", { className: "sk-portal-account__group", children: [
-      /* @__PURE__ */ jsx26("h3", { className: "sk-portal-account__group-title", children: group.title }),
-      /* @__PURE__ */ jsx26("ul", { className: "sk-portal-account__list", children: group.items.map((item) => {
+    empty ? /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__empty", children: "You have no appointments with us yet." }) : groups.filter((g) => g.items.length > 0).map((group) => /* @__PURE__ */ jsxs24("section", { className: "sk-portal-account__group", children: [
+      /* @__PURE__ */ jsx27("h3", { className: "sk-portal-account__group-title", children: group.title }),
+      /* @__PURE__ */ jsx27("ul", { className: "sk-portal-account__list", children: group.items.map((item) => {
         const join = consultJoinAffordance(item, now);
         return /* @__PURE__ */ jsxs24("li", { className: "sk-portal-account__item", children: [
           /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__item-head", children: [
-            /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-title", children: item.title ?? "\u2014" }),
-            item.telehealth ? /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__status", children: "Telehealth" }) : null,
-            /* @__PURE__ */ jsx26(StatusBadge, { status: item.status })
+            /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-title", children: item.title ?? "\u2014" }),
+            item.telehealth ? /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__status", children: "Telehealth" }) : null,
+            /* @__PURE__ */ jsx27(StatusBadge, { status: item.status })
           ] }),
-          /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-meta", children: formatPortalDateTime(item.start, item.timezone) ?? "Time to be confirmed" }),
-          item.locationName || item.practitionerName ? /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-meta", children: [item.locationName, item.practitionerName].filter(Boolean).join(" \xB7 ") }) : null,
+          /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-meta", children: formatPortalDateTime(item.start, item.timezone) ?? "Time to be confirmed" }),
+          item.locationName || item.practitionerName ? /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-meta", children: [item.locationName, item.practitionerName].filter(Boolean).join(" \xB7 ") }) : null,
           /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__actions", children: [
-            join.kind === "join" ? /* @__PURE__ */ jsx26(
+            join.kind === "join" ? /* @__PURE__ */ jsx27(
               "button",
               {
                 type: "button",
@@ -11101,7 +11173,7 @@ function PortalAccountAppointments({
             item.canReschedule ? (
               // INLINE since PAT-789. It was a link into the portal; the round
               // trip through a second host to pick a time was the seam.
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -11115,7 +11187,7 @@ function PortalAccountAppointments({
                 }
               )
             ) : null,
-            item.canCancel ? /* @__PURE__ */ jsx26(
+            item.canCancel ? /* @__PURE__ */ jsx27(
               "button",
               {
                 type: "button",
@@ -11130,7 +11202,7 @@ function PortalAccountAppointments({
             "Video opens at ",
             formatPortalTime(join.at, item.timezone) ?? "your appointment time"
           ] }) : null,
-          consultFor === item.id ? /* @__PURE__ */ jsx26(
+          consultFor === item.id ? /* @__PURE__ */ jsx27(
             PortalConsultPanel,
             {
               appointmentId: item.id,
@@ -11140,7 +11212,7 @@ function PortalAccountAppointments({
               loadModule: loadConsultModule2
             }
           ) : null,
-          rescheduleFor === item.id ? /* @__PURE__ */ jsx26(
+          rescheduleFor === item.id ? /* @__PURE__ */ jsx27(
             PortalRescheduleInline,
             {
               appointment: item,
@@ -11153,11 +11225,11 @@ function PortalAccountAppointments({
             }
           ) : null,
           cancelFor === item.id ? /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__confirm", children: [
-            /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__confirm-title", children: "Cancel this appointment?" }),
+            /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__confirm-title", children: "Cancel this appointment?" }),
             reasons.length > 0 ? /* @__PURE__ */ jsxs24("fieldset", { className: "sk-portal-account__reasons", children: [
-              /* @__PURE__ */ jsx26("legend", { className: "sk-portal-label", children: "Reason (optional)" }),
+              /* @__PURE__ */ jsx27("legend", { className: "sk-portal-label", children: "Reason (optional)" }),
               reasons.map((reason) => /* @__PURE__ */ jsxs24("label", { className: "sk-portal-account__reason", children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27(
                   "input",
                   {
                     type: "radio",
@@ -11170,7 +11242,7 @@ function PortalAccountAppointments({
                 reason.label
               ] }, reason.id))
             ] }) : null,
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "label",
               {
                 className: "sk-portal-label",
@@ -11178,7 +11250,7 @@ function PortalAccountAppointments({
                 children: "Anything you'd like us to know? (optional)"
               }
             ),
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               "textarea",
               {
                 id: `sk-portal-cancel-note-${item.id}`,
@@ -11188,9 +11260,9 @@ function PortalAccountAppointments({
                 onChange: (e) => setNote(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsx26(ErrorNote, { message: error2 }),
+            /* @__PURE__ */ jsx27(ErrorNote, { message: error2 }),
             /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__confirm-actions", children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -11200,7 +11272,7 @@ function PortalAccountAppointments({
                   children: busy ? "Cancelling\u2026" : "Cancel appointment"
                 }
               ),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "button",
                 {
                   type: "button",
@@ -11218,7 +11290,7 @@ function PortalAccountAppointments({
         ] }, item.id);
       }) })
     ] }, group.key)),
-    /* @__PURE__ */ jsx26("a", { className: "sk-portal-button", href: portalBookHref(bookHref), children: "Book an appointment" })
+    /* @__PURE__ */ jsx27("a", { className: "sk-portal-button", href: portalBookHref(bookHref), children: "Book an appointment" })
   ] });
 }
 function PortalAccountDocuments({
@@ -11227,8 +11299,8 @@ function PortalAccountDocuments({
   openUrl,
   initialUi
 }) {
-  const [busyId, setBusyId] = React20.useState(initialUi?.busyId ?? null);
-  const [error2, setError] = React20.useState(initialUi?.error ?? null);
+  const [busyId, setBusyId] = React21.useState(initialUi?.busyId ?? null);
+  const [error2, setError] = React21.useState(initialUi?.error ?? null);
   async function download(id) {
     if (busyId) return;
     setBusyId(id);
@@ -11238,17 +11310,17 @@ function PortalAccountDocuments({
     if (!res.ok) setError(res.error ?? DOWNLOAD_FAILED_COPY);
   }
   if (data.items.length === 0) {
-    return /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__empty", children: "You have no documents from us yet." });
+    return /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__empty", children: "You have no documents from us yet." });
   }
   return /* @__PURE__ */ jsxs24(Fragment11, { children: [
-    /* @__PURE__ */ jsx26(ErrorNote, { message: error2 }),
-    /* @__PURE__ */ jsx26("ul", { className: "sk-portal-account__list", children: data.items.map((doc) => /* @__PURE__ */ jsxs24("li", { className: "sk-portal-account__item", children: [
+    /* @__PURE__ */ jsx27(ErrorNote, { message: error2 }),
+    /* @__PURE__ */ jsx27("ul", { className: "sk-portal-account__list", children: data.items.map((doc) => /* @__PURE__ */ jsxs24("li", { className: "sk-portal-account__item", children: [
       /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__item-head", children: [
-        /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-title", children: doc.title ?? "Document" }),
-        /* @__PURE__ */ jsx26(StatusBadge, { status: doc.status })
+        /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-title", children: doc.title ?? "Document" }),
+        /* @__PURE__ */ jsx27(StatusBadge, { status: doc.status })
       ] }),
-      /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-meta", children: formatPortalDate(doc.date) ?? "" }),
-      /* @__PURE__ */ jsx26("div", { className: "sk-portal-account__actions", children: /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-meta", children: formatPortalDate(doc.date) ?? "" }),
+      /* @__PURE__ */ jsx27("div", { className: "sk-portal-account__actions", children: /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -11267,10 +11339,10 @@ function PortalAccountOrders({
   openUrl,
   initialUi
 }) {
-  const [expandedId, setExpandedId] = React20.useState(initialUi?.expandedId ?? null);
-  const [detail, setDetail] = React20.useState(initialUi?.detail ?? null);
-  const [loading, setLoading] = React20.useState(false);
-  const [error2, setError] = React20.useState(initialUi?.error ?? null);
+  const [expandedId, setExpandedId] = React21.useState(initialUi?.expandedId ?? null);
+  const [detail, setDetail] = React21.useState(initialUi?.detail ?? null);
+  const [loading, setLoading] = React21.useState(false);
+  const [error2, setError] = React21.useState(initialUi?.error ?? null);
   async function toggle(id) {
     if (expandedId === id) {
       setExpandedId(null);
@@ -11290,11 +11362,11 @@ function PortalAccountOrders({
     if (!res.ok) setError(res.error ?? RECEIPT_FAILED_COPY);
   }
   if (data.items.length === 0) {
-    return /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__empty", children: "You haven't ordered anything from us yet." });
+    return /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__empty", children: "You haven't ordered anything from us yet." });
   }
   return /* @__PURE__ */ jsxs24(Fragment11, { children: [
-    /* @__PURE__ */ jsx26(ErrorNote, { message: error2 }),
-    /* @__PURE__ */ jsx26("ul", { className: "sk-portal-account__list", children: data.items.map((order) => {
+    /* @__PURE__ */ jsx27(ErrorNote, { message: error2 }),
+    /* @__PURE__ */ jsx27("ul", { className: "sk-portal-account__list", children: data.items.map((order) => {
       const open = expandedId === order.id;
       return /* @__PURE__ */ jsxs24("li", { className: "sk-portal-account__item", children: [
         /* @__PURE__ */ jsxs24(
@@ -11305,9 +11377,9 @@ function PortalAccountOrders({
             "aria-expanded": open,
             onClick: () => void toggle(order.id),
             children: [
-              /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-title", children: order.title ?? "Order" }),
-              /* @__PURE__ */ jsx26(StatusBadge, { status: order.status }),
-              /* @__PURE__ */ jsx26("span", { className: "sk-portal-account__item-meta", children: [
+              /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-title", children: order.title ?? "Order" }),
+              /* @__PURE__ */ jsx27(StatusBadge, { status: order.status }),
+              /* @__PURE__ */ jsx27("span", { className: "sk-portal-account__item-meta", children: [
                 formatPortalDate(order.placedAt),
                 order.paymentStatus,
                 formatPortalMoney(order.total, order.currency)
@@ -11315,19 +11387,19 @@ function PortalAccountOrders({
             ]
           }
         ),
-        open ? /* @__PURE__ */ jsx26("div", { className: "sk-portal-account__detail", children: loading ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__placeholder", role: "status", children: "Loading this order\u2026" }) : !detail ? /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__note", role: "note", children: "We couldn't load this order just now." }) : /* @__PURE__ */ jsxs24(Fragment11, { children: [
-          /* @__PURE__ */ jsx26("ul", { className: "sk-portal-account__lines", children: (detail.lines ?? []).map((line) => /* @__PURE__ */ jsxs24("li", { className: "sk-portal-account__line", children: [
+        open ? /* @__PURE__ */ jsx27("div", { className: "sk-portal-account__detail", children: loading ? /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__placeholder", role: "status", children: "Loading this order\u2026" }) : !detail ? /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__note", role: "note", children: "We couldn't load this order just now." }) : /* @__PURE__ */ jsxs24(Fragment11, { children: [
+          /* @__PURE__ */ jsx27("ul", { className: "sk-portal-account__lines", children: (detail.lines ?? []).map((line) => /* @__PURE__ */ jsxs24("li", { className: "sk-portal-account__line", children: [
             /* @__PURE__ */ jsxs24("span", { children: [
               line.title ?? "\u2014",
               line.quantity && line.quantity > 1 ? ` \xD7 ${line.quantity}` : ""
             ] }),
-            /* @__PURE__ */ jsx26("span", { children: formatPortalMoney(line.total, detail.currency) ?? "" })
+            /* @__PURE__ */ jsx27("span", { children: formatPortalMoney(line.total, detail.currency) ?? "" })
           ] }, line.id)) }),
           /* @__PURE__ */ jsxs24("p", { className: "sk-portal-account__total", children: [
             "Total ",
             formatPortalMoney(detail.total, detail.currency) ?? ""
           ] }),
-          detail.hasReceipt !== false ? /* @__PURE__ */ jsx26("div", { className: "sk-portal-account__actions", children: /* @__PURE__ */ jsx26(
+          detail.hasReceipt !== false ? /* @__PURE__ */ jsx27("div", { className: "sk-portal-account__actions", children: /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -11347,12 +11419,12 @@ function PortalAccountProfile({
   onSaved,
   initialUi
 }) {
-  const [editing, setEditing] = React20.useState(initialUi?.editing ?? false);
-  const [givenName, setGivenName] = React20.useState(data.givenName ?? "");
-  const [familyName, setFamilyName] = React20.useState(data.familyName ?? "");
-  const [phone, setPhone] = React20.useState(data.phone ?? "");
-  const [saving, setSaving] = React20.useState(false);
-  const [error2, setError] = React20.useState(initialUi?.error ?? null);
+  const [editing, setEditing] = React21.useState(initialUi?.editing ?? false);
+  const [givenName, setGivenName] = React21.useState(data.givenName ?? "");
+  const [familyName, setFamilyName] = React21.useState(data.familyName ?? "");
+  const [phone, setPhone] = React21.useState(data.phone ?? "");
+  const [saving, setSaving] = React21.useState(false);
+  const [error2, setError] = React21.useState(initialUi?.error ?? null);
   async function save(e) {
     e.preventDefault();
     if (saving) return;
@@ -11370,13 +11442,13 @@ function PortalAccountProfile({
   if (!editing) {
     return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       /* @__PURE__ */ jsxs24("dl", { className: "sk-portal-account__fields", children: [
-        /* @__PURE__ */ jsx26(Field2, { label: "First name", value: data.givenName }),
-        /* @__PURE__ */ jsx26(Field2, { label: "Last name", value: data.familyName }),
-        /* @__PURE__ */ jsx26(Field2, { label: "Email", value: data.email }),
-        /* @__PURE__ */ jsx26(Field2, { label: "Mobile", value: data.phone }),
-        /* @__PURE__ */ jsx26(Field2, { label: "Date of birth", value: formatPortalDate(data.dateOfBirth) })
+        /* @__PURE__ */ jsx27(Field2, { label: "First name", value: data.givenName }),
+        /* @__PURE__ */ jsx27(Field2, { label: "Last name", value: data.familyName }),
+        /* @__PURE__ */ jsx27(Field2, { label: "Email", value: data.email }),
+        /* @__PURE__ */ jsx27(Field2, { label: "Mobile", value: data.phone }),
+        /* @__PURE__ */ jsx27(Field2, { label: "Date of birth", value: formatPortalDate(data.dateOfBirth) })
       ] }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -11394,8 +11466,8 @@ function PortalAccountProfile({
     ] });
   }
   return /* @__PURE__ */ jsxs24("form", { className: "sk-portal-account__form", onSubmit: (e) => void save(e), children: [
-    /* @__PURE__ */ jsx26("label", { className: "sk-portal-label", htmlFor: "sk-portal-given-name", children: "First name" }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27("label", { className: "sk-portal-label", htmlFor: "sk-portal-given-name", children: "First name" }),
+    /* @__PURE__ */ jsx27(
       "input",
       {
         id: "sk-portal-given-name",
@@ -11406,8 +11478,8 @@ function PortalAccountProfile({
         onChange: (e) => setGivenName(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsx26("label", { className: "sk-portal-label", htmlFor: "sk-portal-family-name", children: "Last name" }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27("label", { className: "sk-portal-label", htmlFor: "sk-portal-family-name", children: "Last name" }),
+    /* @__PURE__ */ jsx27(
       "input",
       {
         id: "sk-portal-family-name",
@@ -11418,8 +11490,8 @@ function PortalAccountProfile({
         onChange: (e) => setFamilyName(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsx26("label", { className: "sk-portal-label", htmlFor: "sk-portal-phone", children: "Mobile" }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27("label", { className: "sk-portal-label", htmlFor: "sk-portal-phone", children: "Mobile" }),
+    /* @__PURE__ */ jsx27(
       "input",
       {
         id: "sk-portal-phone",
@@ -11432,14 +11504,14 @@ function PortalAccountProfile({
       }
     ),
     /* @__PURE__ */ jsxs24("dl", { className: "sk-portal-account__fields", children: [
-      /* @__PURE__ */ jsx26(Field2, { label: "Email", value: data.email }),
-      /* @__PURE__ */ jsx26(Field2, { label: "Date of birth", value: formatPortalDate(data.dateOfBirth) })
+      /* @__PURE__ */ jsx27(Field2, { label: "Email", value: data.email }),
+      /* @__PURE__ */ jsx27(Field2, { label: "Date of birth", value: formatPortalDate(data.dateOfBirth) })
     ] }),
-    /* @__PURE__ */ jsx26("p", { className: "sk-portal-account__hint", children: "Your email and date of birth identify your record \u2014 call the clinic to change either." }),
-    /* @__PURE__ */ jsx26(ErrorNote, { message: error2 }),
+    /* @__PURE__ */ jsx27("p", { className: "sk-portal-account__hint", children: "Your email and date of birth identify your record \u2014 call the clinic to change either." }),
+    /* @__PURE__ */ jsx27(ErrorNote, { message: error2 }),
     /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__confirm-actions", children: [
-      /* @__PURE__ */ jsx26("button", { className: "sk-portal-button", type: "submit", disabled: saving, children: saving ? "Saving\u2026" : "Save details" }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27("button", { className: "sk-portal-button", type: "submit", disabled: saving, children: saving ? "Saving\u2026" : "Save details" }),
+      /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -11454,13 +11526,13 @@ function PortalAccountProfile({
 }
 function Field2({ label, value }) {
   return /* @__PURE__ */ jsxs24("div", { className: "sk-portal-account__field", children: [
-    /* @__PURE__ */ jsx26("dt", { className: "sk-portal-account__field-label", children: label }),
-    /* @__PURE__ */ jsx26("dd", { className: "sk-portal-account__field-value", children: value || "Not recorded" })
+    /* @__PURE__ */ jsx27("dt", { className: "sk-portal-account__field-label", children: label }),
+    /* @__PURE__ */ jsx27("dd", { className: "sk-portal-account__field-value", children: value || "Not recorded" })
   ] });
 }
 
 // src/store-block.client.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 
 // src/cart-storage.ts
 var CART_STORAGE_KEY = "patientos.cart.v1";
@@ -11597,21 +11669,21 @@ function subscribeToCart(fn) {
 }
 
 // src/store-block.client.tsx
-import { Fragment as Fragment12, jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function formatMoney(value) {
   const n = Number(value);
   if (!Number.isFinite(n)) return value;
   return `$${n.toFixed(2)}`;
 }
 function StoreClient({ categoryHandle, title, columns }) {
-  const [catalog, setCatalog] = React21.useState(null);
-  const [failed, setFailed] = React21.useState(false);
-  const [count, setCount] = React21.useState(0);
-  React21.useEffect(() => {
+  const [catalog, setCatalog] = React22.useState(null);
+  const [failed, setFailed] = React22.useState(false);
+  const [count, setCount] = React22.useState(0);
+  React22.useEffect(() => {
     setCount(cartItemCount(readCart()));
     return subscribeToCart((cart) => setCount(cartItemCount(cart)));
   }, []);
-  React21.useEffect(() => {
+  React22.useEffect(() => {
     let alive = true;
     fetch("/api/store/catalog", { headers: { accept: "application/json" } }).then(
       (res) => res.ok ? res.json() : Promise.reject(new Error(String(res.status)))
@@ -11624,40 +11696,40 @@ function StoreClient({ categoryHandle, title, columns }) {
       alive = false;
     };
   }, []);
-  const products = React21.useMemo(() => {
+  const products = React22.useMemo(() => {
     if (!catalog) return [];
     if (!categoryHandle) return catalog.products;
     return catalog.products.filter((p) => p.handle.startsWith(categoryHandle));
   }, [catalog, categoryHandle]);
   if (failed) {
     return /* @__PURE__ */ jsxs25(Fragment12, { children: [
-      /* @__PURE__ */ jsx27("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
-      /* @__PURE__ */ jsx27("p", { className: "sk-store__placeholder", role: "note", children: "Our shop is unavailable right now. Please contact the clinic to order." })
+      /* @__PURE__ */ jsx28("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
+      /* @__PURE__ */ jsx28("p", { className: "sk-store__placeholder", role: "note", children: "Our shop is unavailable right now. Please contact the clinic to order." })
     ] });
   }
   return /* @__PURE__ */ jsxs25(Fragment12, { children: [
     /* @__PURE__ */ jsxs25("div", { className: "sk-store__header", children: [
-      /* @__PURE__ */ jsx27("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
+      /* @__PURE__ */ jsx28("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
       /* @__PURE__ */ jsxs25("a", { className: "sk-store__cart-link", href: "/cart", children: [
         "Cart",
         count > 0 ? ` (${count})` : ""
       ] })
     ] }),
-    !catalog ? /* @__PURE__ */ jsx27("p", { className: "sk-store__placeholder", role: "status", children: "Loading the shop\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx27("p", { className: "sk-store__placeholder", role: "status", children: "Nothing is available to order online just now." }) : /* @__PURE__ */ jsx27(
+    !catalog ? /* @__PURE__ */ jsx28("p", { className: "sk-store__placeholder", role: "status", children: "Loading the shop\u2026" }) : products.length === 0 ? /* @__PURE__ */ jsx28("p", { className: "sk-store__placeholder", role: "status", children: "Nothing is available to order online just now." }) : /* @__PURE__ */ jsx28(
       "ul",
       {
         className: "sk-store__grid",
         style: columns ? { "--sk-store-columns": columns } : void 0,
-        children: products.map((product) => /* @__PURE__ */ jsx27(StoreCard, { product }, product.id))
+        children: products.map((product) => /* @__PURE__ */ jsx28(StoreCard, { product }, product.id))
       }
     )
   ] });
 }
 function StoreCard({ product }) {
-  const [variantId, setVariantId] = React21.useState(
+  const [variantId, setVariantId] = React22.useState(
     () => (product.variants.find((v) => v.inStock) ?? product.variants[0]).id
   );
-  const [added, setAdded] = React21.useState(false);
+  const [added, setAdded] = React22.useState(false);
   const variant = product.variants.find((v) => v.id === variantId) ?? product.variants[0];
   const image2 = product.thumbnailUrl ?? product.images[0]?.url ?? null;
   function onAdd() {
@@ -11667,18 +11739,18 @@ function StoreCard({ product }) {
   }
   return /* @__PURE__ */ jsxs25("li", { className: "sk-store__card", children: [
     /* @__PURE__ */ jsxs25("a", { className: "sk-store__card-link", href: `/store/${product.handle}`, children: [
-      image2 ? /* @__PURE__ */ jsx27("img", { className: "sk-store__image", src: image2, alt: product.images[0]?.alt ?? "" }) : /* @__PURE__ */ jsx27("span", { className: "sk-store__image sk-store__image--empty", "aria-hidden": true }),
-      /* @__PURE__ */ jsx27("span", { className: "sk-store__title", children: product.title })
+      image2 ? /* @__PURE__ */ jsx28("img", { className: "sk-store__image", src: image2, alt: product.images[0]?.alt ?? "" }) : /* @__PURE__ */ jsx28("span", { className: "sk-store__image sk-store__image--empty", "aria-hidden": true }),
+      /* @__PURE__ */ jsx28("span", { className: "sk-store__title", children: product.title })
     ] }),
     /* @__PURE__ */ jsxs25("span", { className: "sk-store__price", children: [
       formatMoney(variant.price),
-      product.gstApplicable ? /* @__PURE__ */ jsx27("span", { className: "sk-store__gst", children: " incl. GST" }) : null
+      product.gstApplicable ? /* @__PURE__ */ jsx28("span", { className: "sk-store__gst", children: " incl. GST" }) : null
     ] }),
     product.variants.length > 1 ? /* @__PURE__ */ jsxs25("label", { className: "sk-store__variant", children: [
-      /* @__PURE__ */ jsx27("span", { className: "sk-store__variant-label", children: "Option" }),
-      /* @__PURE__ */ jsx27("select", { value: variantId, onChange: (e) => setVariantId(e.target.value), children: product.variants.map((v) => /* @__PURE__ */ jsx27("option", { value: v.id, disabled: !v.inStock, children: (v.options.length ? v.options.join(" / ") : v.title) + (v.inStock ? "" : " \u2014 sold out") }, v.id)) })
+      /* @__PURE__ */ jsx28("span", { className: "sk-store__variant-label", children: "Option" }),
+      /* @__PURE__ */ jsx28("select", { value: variantId, onChange: (e) => setVariantId(e.target.value), children: product.variants.map((v) => /* @__PURE__ */ jsx28("option", { value: v.id, disabled: !v.inStock, children: (v.options.length ? v.options.join(" / ") : v.title) + (v.inStock ? "" : " \u2014 sold out") }, v.id)) })
     ] }) : null,
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       "button",
       {
         type: "button",
@@ -11692,14 +11764,14 @@ function StoreCard({ product }) {
 }
 
 // src/cart-block.client.tsx
-import * as React22 from "react";
-import { Fragment as Fragment13, jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+import * as React23 from "react";
+import { Fragment as Fragment13, jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function CartClient(_props) {
-  const [cart, setCart] = React22.useState(() => readCart());
-  const [quote, setQuote] = React22.useState(null);
-  const [failed, setFailed] = React22.useState(false);
-  React22.useEffect(() => subscribeToCart(setCart), []);
-  React22.useEffect(() => {
+  const [cart, setCart] = React23.useState(() => readCart());
+  const [quote, setQuote] = React23.useState(null);
+  const [failed, setFailed] = React23.useState(false);
+  React23.useEffect(() => subscribeToCart(setCart), []);
+  React23.useEffect(() => {
     if (cart.lines.length === 0) {
       setQuote(null);
       setFailed(false);
@@ -11725,24 +11797,24 @@ function CartClient(_props) {
   }, [cart]);
   if (cart.lines.length === 0) {
     return /* @__PURE__ */ jsxs26(Fragment13, { children: [
-      /* @__PURE__ */ jsx28("h2", { className: "sk-cart__heading", children: "Your cart" }),
-      /* @__PURE__ */ jsx28("p", { className: "sk-cart__placeholder", role: "status", children: "Your cart is empty." }),
-      /* @__PURE__ */ jsx28("a", { className: "sk-cart__continue", href: "/store", children: "Browse the shop" })
+      /* @__PURE__ */ jsx29("h2", { className: "sk-cart__heading", children: "Your cart" }),
+      /* @__PURE__ */ jsx29("p", { className: "sk-cart__placeholder", role: "status", children: "Your cart is empty." }),
+      /* @__PURE__ */ jsx29("a", { className: "sk-cart__continue", href: "/store", children: "Browse the shop" })
     ] });
   }
   return /* @__PURE__ */ jsxs26(Fragment13, { children: [
-    /* @__PURE__ */ jsx28("h2", { className: "sk-cart__heading", children: "Your cart" }),
-    quote && quote.problems.length > 0 ? /* @__PURE__ */ jsx28("ul", { className: "sk-cart__problems", role: "status", children: quote.problems.map((p, i) => /* @__PURE__ */ jsx28("li", { children: p.message }, `${p.code}-${p.variantId ?? i}`)) }) : null,
-    failed ? /* @__PURE__ */ jsx28("p", { className: "sk-cart__placeholder", role: "alert", children: "We couldn't price your cart just now. Please try again in a moment." }) : null,
-    !quote ? /* @__PURE__ */ jsx28("p", { className: "sk-cart__placeholder", role: "status", children: "Pricing your cart\u2026" }) : /* @__PURE__ */ jsxs26(Fragment13, { children: [
-      /* @__PURE__ */ jsx28("ul", { className: "sk-cart__lines", children: quote.lines.map((line) => /* @__PURE__ */ jsxs26("li", { className: "sk-cart__line", children: [
-        /* @__PURE__ */ jsx28("a", { className: "sk-cart__line-title", href: `/store/${line.productHandle}`, children: line.title }),
+    /* @__PURE__ */ jsx29("h2", { className: "sk-cart__heading", children: "Your cart" }),
+    quote && quote.problems.length > 0 ? /* @__PURE__ */ jsx29("ul", { className: "sk-cart__problems", role: "status", children: quote.problems.map((p, i) => /* @__PURE__ */ jsx29("li", { children: p.message }, `${p.code}-${p.variantId ?? i}`)) }) : null,
+    failed ? /* @__PURE__ */ jsx29("p", { className: "sk-cart__placeholder", role: "alert", children: "We couldn't price your cart just now. Please try again in a moment." }) : null,
+    !quote ? /* @__PURE__ */ jsx29("p", { className: "sk-cart__placeholder", role: "status", children: "Pricing your cart\u2026" }) : /* @__PURE__ */ jsxs26(Fragment13, { children: [
+      /* @__PURE__ */ jsx29("ul", { className: "sk-cart__lines", children: quote.lines.map((line) => /* @__PURE__ */ jsxs26("li", { className: "sk-cart__line", children: [
+        /* @__PURE__ */ jsx29("a", { className: "sk-cart__line-title", href: `/store/${line.productHandle}`, children: line.title }),
         /* @__PURE__ */ jsxs26("span", { className: "sk-cart__line-unit", children: [
           formatMoney(line.unitPrice),
           " each"
         ] }),
         /* @__PURE__ */ jsxs26("span", { className: "sk-cart__qty", children: [
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "button",
             {
               type: "button",
@@ -11751,8 +11823,8 @@ function CartClient(_props) {
               children: "\u2212"
             }
           ),
-          /* @__PURE__ */ jsx28("span", { "aria-live": "polite", children: line.quantity }),
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29("span", { "aria-live": "polite", children: line.quantity }),
+          /* @__PURE__ */ jsx29(
             "button",
             {
               type: "button",
@@ -11762,8 +11834,8 @@ function CartClient(_props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx28("span", { className: "sk-cart__line-total", children: formatMoney(line.lineTotal) }),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("span", { className: "sk-cart__line-total", children: formatMoney(line.lineTotal) }),
+        /* @__PURE__ */ jsx29(
           "button",
           {
             type: "button",
@@ -11775,22 +11847,22 @@ function CartClient(_props) {
       ] }, line.variantId)) }),
       /* @__PURE__ */ jsxs26("dl", { className: "sk-cart__totals", children: [
         /* @__PURE__ */ jsxs26("div", { children: [
-          /* @__PURE__ */ jsx28("dt", { children: "Subtotal" }),
-          /* @__PURE__ */ jsx28("dd", { children: formatMoney(quote.subtotal) })
+          /* @__PURE__ */ jsx29("dt", { children: "Subtotal" }),
+          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.subtotal) })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "sk-cart__gst-row", children: [
-          /* @__PURE__ */ jsx28("dt", { children: "GST included" }),
-          /* @__PURE__ */ jsx28("dd", { children: formatMoney(quote.taxTotal) })
+          /* @__PURE__ */ jsx29("dt", { children: "GST included" }),
+          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.taxTotal) })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "sk-cart__total-row", children: [
-          /* @__PURE__ */ jsx28("dt", { children: "Total" }),
-          /* @__PURE__ */ jsx28("dd", { children: formatMoney(quote.total) })
+          /* @__PURE__ */ jsx29("dt", { children: "Total" }),
+          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.total) })
         ] })
       ] }),
-      quote.requiresShipping ? /* @__PURE__ */ jsx28("p", { className: "sk-cart__note", children: "Delivery is chosen at checkout." }) : null,
+      quote.requiresShipping ? /* @__PURE__ */ jsx29("p", { className: "sk-cart__note", children: "Delivery is chosen at checkout." }) : null,
       /* @__PURE__ */ jsxs26("div", { className: "sk-cart__actions", children: [
-        /* @__PURE__ */ jsx28("a", { className: "sk-cart__continue", href: "/store", children: "Keep shopping" }),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29("a", { className: "sk-cart__continue", href: "/store", children: "Keep shopping" }),
+        /* @__PURE__ */ jsx29(
           "a",
           {
             className: "sk-cart__checkout",
@@ -11805,8 +11877,8 @@ function CartClient(_props) {
 }
 
 // src/checkout-block.client.tsx
-import * as React23 from "react";
-import { Fragment as Fragment14, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { Fragment as Fragment14, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 async function searchStoreAddresses(query) {
   const q = query.trim();
   if (q.length < 3) return [];
@@ -11831,21 +11903,21 @@ async function validateStoreAddress(address) {
   return { address: v.formattedAddress, placeId: v.googlePlaceId ?? null };
 }
 function CheckoutClient(_props) {
-  const [stage, setStage] = React23.useState("loading");
-  const [givenName, setGivenName] = React23.useState(null);
-  const [cart] = React23.useState(() => readCart());
-  const [quote, setQuote] = React23.useState(null);
-  const [shippingOptions, setShippingOptions] = React23.useState([]);
-  const [error2, setError] = React23.useState(null);
-  const [fulfilment, setFulfilment] = React23.useState("pickup");
-  const [shippingOptionId, setShippingOptionId] = React23.useState(null);
-  const [address, setAddress] = React23.useState(null);
-  const [card, setCard] = React23.useState({ number: "", expiry: "", name: "", cvn: "" });
-  const orderRef = React23.useRef(null);
-  const [iframeUrl, setIframeUrl] = React23.useState(null);
-  const iframeOriginRef = React23.useRef(null);
-  const iframeElRef = React23.useRef(null);
-  React23.useEffect(() => {
+  const [stage, setStage] = React24.useState("loading");
+  const [givenName, setGivenName] = React24.useState(null);
+  const [cart] = React24.useState(() => readCart());
+  const [quote, setQuote] = React24.useState(null);
+  const [shippingOptions, setShippingOptions] = React24.useState([]);
+  const [error2, setError] = React24.useState(null);
+  const [fulfilment, setFulfilment] = React24.useState("pickup");
+  const [shippingOptionId, setShippingOptionId] = React24.useState(null);
+  const [address, setAddress] = React24.useState(null);
+  const [card, setCard] = React24.useState({ number: "", expiry: "", name: "", cvn: "" });
+  const orderRef = React24.useRef(null);
+  const [iframeUrl, setIframeUrl] = React24.useState(null);
+  const iframeOriginRef = React24.useRef(null);
+  const iframeElRef = React24.useRef(null);
+  React24.useEffect(() => {
     let alive = true;
     if (cart.lines.length === 0) {
       setStage("empty");
@@ -11876,7 +11948,7 @@ function CheckoutClient(_props) {
       alive = false;
     };
   }, [cart]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (stage !== "details" || cart.lines.length === 0) return;
     let alive = true;
     fetch("/api/store/quote", {
@@ -11893,7 +11965,7 @@ function CheckoutClient(_props) {
       alive = false;
     };
   }, [fulfilment, shippingOptionId]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (stage !== "three_ds") return;
     function onMessage(event) {
       if (iframeOriginRef.current && event.origin !== iframeOriginRef.current) return;
@@ -12024,41 +12096,41 @@ function CheckoutClient(_props) {
   }
   if (stage === "loading") {
     return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-      /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: "Checkout" }),
-      /* @__PURE__ */ jsx29("p", { className: "sk-checkout__placeholder", role: "status", children: "Loading your order\u2026" })
+      /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: "Checkout" }),
+      /* @__PURE__ */ jsx30("p", { className: "sk-checkout__placeholder", role: "status", children: "Loading your order\u2026" })
     ] });
   }
   if (stage === "empty") {
     return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-      /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: "Checkout" }),
-      /* @__PURE__ */ jsx29("p", { className: "sk-checkout__placeholder", role: "status", children: "Your cart is empty." }),
-      /* @__PURE__ */ jsx29("a", { className: "sk-checkout__link", href: "/store", children: "Browse the shop" })
+      /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: "Checkout" }),
+      /* @__PURE__ */ jsx30("p", { className: "sk-checkout__placeholder", role: "status", children: "Your cart is empty." }),
+      /* @__PURE__ */ jsx30("a", { className: "sk-checkout__link", href: "/store", children: "Browse the shop" })
     ] });
   }
   if (stage === "signed_out") {
     return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-      /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: "Checkout" }),
-      /* @__PURE__ */ jsx29("p", { className: "sk-checkout__note", children: "Please sign in to finish your order. Your order is kept with your clinic record so you can see it later." }),
-      /* @__PURE__ */ jsx29("a", { className: "sk-checkout__signin", href: "/portal/sign-in?redirect=/checkout", children: "Sign in to continue" })
+      /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: "Checkout" }),
+      /* @__PURE__ */ jsx30("p", { className: "sk-checkout__note", children: "Please sign in to finish your order. Your order is kept with your clinic record so you can see it later." }),
+      /* @__PURE__ */ jsx30("a", { className: "sk-checkout__signin", href: "/portal/sign-in?redirect=/checkout", children: "Sign in to continue" })
     ] });
   }
   if (stage === "paid") {
     return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-      /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: "Payment received" }),
-      /* @__PURE__ */ jsx29("p", { className: "sk-checkout__note", role: "status", children: "Taking you to your order\u2026" })
+      /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: "Payment received" }),
+      /* @__PURE__ */ jsx30("p", { className: "sk-checkout__note", role: "status", children: "Taking you to your order\u2026" })
     ] });
   }
   if (stage === "pending") {
     return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-      /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: "Confirming your payment" }),
-      /* @__PURE__ */ jsx29("p", { className: "sk-checkout__note", role: "status", children: "Your bank hasn't confirmed the result yet. We're checking with them \u2014 please don't pay again. You'll see the order in your account once it's confirmed." }),
-      /* @__PURE__ */ jsx29("a", { className: "sk-checkout__link", href: "/portal/orders", children: "Go to my orders" })
+      /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: "Confirming your payment" }),
+      /* @__PURE__ */ jsx30("p", { className: "sk-checkout__note", role: "status", children: "Your bank hasn't confirmed the result yet. We're checking with them \u2014 please don't pay again. You'll see the order in your account once it's confirmed." }),
+      /* @__PURE__ */ jsx30("a", { className: "sk-checkout__link", href: "/portal/orders", children: "Go to my orders" })
     ] });
   }
   if (stage === "three_ds" && iframeUrl) {
     return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-      /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: "Your bank needs to check this payment" }),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: "Your bank needs to check this payment" }),
+      /* @__PURE__ */ jsx30(
         "iframe",
         {
           ref: iframeElRef,
@@ -12071,41 +12143,41 @@ function CheckoutClient(_props) {
   }
   const busy = stage === "paying";
   return /* @__PURE__ */ jsxs27(Fragment14, { children: [
-    /* @__PURE__ */ jsx29("h2", { className: "sk-checkout__heading", children: givenName ? `Checkout \u2014 hello, ${givenName}` : "Checkout" }),
-    error2 ? /* @__PURE__ */ jsx29("p", { className: "sk-checkout__error", role: "alert", children: error2 }) : null,
+    /* @__PURE__ */ jsx30("h2", { className: "sk-checkout__heading", children: givenName ? `Checkout \u2014 hello, ${givenName}` : "Checkout" }),
+    error2 ? /* @__PURE__ */ jsx30("p", { className: "sk-checkout__error", role: "alert", children: error2 }) : null,
     quote ? /* @__PURE__ */ jsxs27("div", { className: "sk-checkout__summary", children: [
-      /* @__PURE__ */ jsx29("ul", { className: "sk-checkout__lines", children: quote.lines.map((l) => /* @__PURE__ */ jsxs27("li", { children: [
+      /* @__PURE__ */ jsx30("ul", { className: "sk-checkout__lines", children: quote.lines.map((l) => /* @__PURE__ */ jsxs27("li", { children: [
         /* @__PURE__ */ jsxs27("span", { children: [
           l.title,
           " \xD7 ",
           l.quantity
         ] }),
-        /* @__PURE__ */ jsx29("span", { children: formatMoney(l.lineTotal) })
+        /* @__PURE__ */ jsx30("span", { children: formatMoney(l.lineTotal) })
       ] }, l.variantId)) }),
       /* @__PURE__ */ jsxs27("dl", { className: "sk-checkout__totals", children: [
         /* @__PURE__ */ jsxs27("div", { children: [
-          /* @__PURE__ */ jsx29("dt", { children: "Subtotal" }),
-          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.subtotal) })
+          /* @__PURE__ */ jsx30("dt", { children: "Subtotal" }),
+          /* @__PURE__ */ jsx30("dd", { children: formatMoney(quote.subtotal) })
         ] }),
         Number(quote.shippingTotal) > 0 ? /* @__PURE__ */ jsxs27("div", { children: [
-          /* @__PURE__ */ jsx29("dt", { children: "Delivery" }),
-          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.shippingTotal) })
+          /* @__PURE__ */ jsx30("dt", { children: "Delivery" }),
+          /* @__PURE__ */ jsx30("dd", { children: formatMoney(quote.shippingTotal) })
         ] }) : null,
         /* @__PURE__ */ jsxs27("div", { children: [
-          /* @__PURE__ */ jsx29("dt", { children: "GST included" }),
-          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.taxTotal) })
+          /* @__PURE__ */ jsx30("dt", { children: "GST included" }),
+          /* @__PURE__ */ jsx30("dd", { children: formatMoney(quote.taxTotal) })
         ] }),
         /* @__PURE__ */ jsxs27("div", { className: "sk-checkout__total-row", children: [
-          /* @__PURE__ */ jsx29("dt", { children: "Total" }),
-          /* @__PURE__ */ jsx29("dd", { children: formatMoney(quote.total) })
+          /* @__PURE__ */ jsx30("dt", { children: "Total" }),
+          /* @__PURE__ */ jsx30("dd", { children: formatMoney(quote.total) })
         ] })
       ] })
     ] }) : null,
     /* @__PURE__ */ jsxs27("form", { className: "sk-checkout__form", onSubmit: onPay, children: [
       quote?.requiresShipping ? /* @__PURE__ */ jsxs27("fieldset", { className: "sk-checkout__fieldset", children: [
-        /* @__PURE__ */ jsx29("legend", { children: "How would you like to get this?" }),
+        /* @__PURE__ */ jsx30("legend", { children: "How would you like to get this?" }),
         /* @__PURE__ */ jsxs27("label", { children: [
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             "input",
             {
               type: "radio",
@@ -12117,7 +12189,7 @@ function CheckoutClient(_props) {
           "Collect from the clinic"
         ] }),
         /* @__PURE__ */ jsxs27("label", { children: [
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             "input",
             {
               type: "radio",
@@ -12130,7 +12202,7 @@ function CheckoutClient(_props) {
         ] }),
         fulfilment === "ship" ? /* @__PURE__ */ jsxs27("div", { className: "sk-checkout__ship", children: [
           /* @__PURE__ */ jsxs27("label", { children: [
-            /* @__PURE__ */ jsx29("span", { children: "Delivery option" }),
+            /* @__PURE__ */ jsx30("span", { children: "Delivery option" }),
             /* @__PURE__ */ jsxs27(
               "select",
               {
@@ -12138,7 +12210,7 @@ function CheckoutClient(_props) {
                 value: shippingOptionId ?? "",
                 onChange: (e) => setShippingOptionId(e.target.value || null),
                 children: [
-                  /* @__PURE__ */ jsx29("option", { value: "", children: "Choose\u2026" }),
+                  /* @__PURE__ */ jsx30("option", { value: "", children: "Choose\u2026" }),
                   shippingOptions.map((o) => /* @__PURE__ */ jsxs27("option", { value: o.id, children: [
                     o.name,
                     " \u2014 ",
@@ -12148,7 +12220,7 @@ function CheckoutClient(_props) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(
             AddressPicker,
             {
               idPrefix: "sk-checkout",
@@ -12162,10 +12234,10 @@ function CheckoutClient(_props) {
         ] }) : null
       ] }) : null,
       /* @__PURE__ */ jsxs27("fieldset", { className: "sk-checkout__fieldset", children: [
-        /* @__PURE__ */ jsx29("legend", { children: "Card details" }),
+        /* @__PURE__ */ jsx30("legend", { children: "Card details" }),
         /* @__PURE__ */ jsxs27("label", { children: [
-          /* @__PURE__ */ jsx29("span", { children: "Name on card" }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30("span", { children: "Name on card" }),
+          /* @__PURE__ */ jsx30(
             "input",
             {
               required: true,
@@ -12176,8 +12248,8 @@ function CheckoutClient(_props) {
           )
         ] }),
         /* @__PURE__ */ jsxs27("label", { children: [
-          /* @__PURE__ */ jsx29("span", { children: "Card number" }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30("span", { children: "Card number" }),
+          /* @__PURE__ */ jsx30(
             "input",
             {
               required: true,
@@ -12189,8 +12261,8 @@ function CheckoutClient(_props) {
           )
         ] }),
         /* @__PURE__ */ jsxs27("label", { children: [
-          /* @__PURE__ */ jsx29("span", { children: "Expiry (MM/YY)" }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30("span", { children: "Expiry (MM/YY)" }),
+          /* @__PURE__ */ jsx30(
             "input",
             {
               required: true,
@@ -12203,8 +12275,8 @@ function CheckoutClient(_props) {
           )
         ] }),
         /* @__PURE__ */ jsxs27("label", { children: [
-          /* @__PURE__ */ jsx29("span", { children: "Security code" }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30("span", { children: "Security code" }),
+          /* @__PURE__ */ jsx30(
             "input",
             {
               required: true,
@@ -12215,14 +12287,17 @@ function CheckoutClient(_props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx29("p", { className: "sk-checkout__note", children: "Your card details go straight to our payment provider \u2014 they never reach this clinic's systems." })
+        /* @__PURE__ */ jsx30("p", { className: "sk-checkout__note", children: "Your card details go straight to our payment provider \u2014 they never reach this clinic's systems." })
       ] }),
-      /* @__PURE__ */ jsx29("button", { type: "submit", className: "sk-checkout__pay", disabled: busy, children: busy ? "Processing\u2026" : quote ? `Pay ${formatMoney(quote.total)}` : "Pay" })
+      /* @__PURE__ */ jsx30("button", { type: "submit", className: "sk-checkout__pay", disabled: busy, children: busy ? "Processing\u2026" : quote ? `Pay ${formatMoney(quote.total)}` : "Pay" })
     ] })
   ] });
 }
 
 export {
+  PortalProvider,
+  usePortalClient,
+  usePortalSession,
   BookingBlockClient,
   PortalPanel,
   CertificateFunnelClient,