@medalsocial/booking 0.0.0-placeholder.0 → 0.2.0

package/dist/react/BookingWizard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingWizard.mjs","names":["LoginSheet"],"sources":["../../src/react/BookingWizard.tsx"],"sourcesContent":["/**\n * `<BookingWizard>` — the booking flow, from «who is it for?» to the\n * confirmation, drawn with the `@medalsocial/meda/booking` screens over\n * `useBooking()`.\n *\n * The hook owns the machine, the fetches and the stores; this file owns the\n * page: which step is on screen (ONE at a time — the details step's nonce and\n * the submit flag depend on it), focus and scroll on every move, the restore\n * gate's pre-hydration script and skeleton, the header, and what each screen\n * is handed (prices, the weekend note, ages, the possessive, the calendar\n * file) out of the site's config.\n */\n\nimport {\n  BookingButton,\n  Confirmation,\n  DetailsScreen,\n  LiveStatus,\n  ServiceScreen,\n  StylistScreen,\n  SummaryBar,\n  TakenToast,\n  TimeScreen,\n  TimeScreenSkeleton,\n  WhoScreen,\n} from '@medalsocial/meda/booking';\nimport { ArrowLeft } from 'lucide-react';\nimport {\n  type ReactNode,\n  Suspense,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { fill, fillParts, labelText } from '../core/labels';\nimport { SELF_KEY, type WizardPerson, type WizardState, type WizardStep } from '../core/machine';\nimport type { BookingServiceDto } from '../core/types';\nimport { visitServicesOf } from '../core/visit';\nimport type { PortalActions } from './actions';\nimport type { BookingKit } from './kit';\nimport { LoginSheet } from './LoginSheet';\nimport type { BookingOverrides, ResolvedBooking } from './Provider';\nimport { useBookingKit } from './Provider';\nimport { screenLabels } from './screen-labels';\nimport {\n  type BookingConfirmation,\n  type BookingController,\n  type BookingSeed,\n  useBooking,\n} from './useBooking';\nimport {\n  addedChildEntries,\n  confirmationProps,\n  detailsLines,\n  detailsScreenBase,\n  familyEntries,\n  guestChoices,\n  partyPeople,\n  partySizeWord,\n  serviceFitsFor,\n  serviceScreenBase,\n  weekendNoteFor,\n} from './wizard/adapters';\nimport { forMedaScreen, wizardErrorText } from './wizard-error';\n\nexport interface BookingWizardProps extends BookingOverrides {\n  /** What the page prefetched (the `/next` loader's seed). */\n  seed: BookingSeed;\n  /** This request's phone and address, over `config.contact` (the loader's `contact`). */\n  contact?: { phone?: string | null; address?: string | null };\n  /** The parent the page found a portal session for; `null` for a guest. */\n  guardian?: BookingGuardianProp;\n  /**\n   * The app's server actions for the login sheet (Decision 8). Without them —\n   * or with `config.portal.enabled` off — no login is offered.\n   */\n  actions?: Pick<PortalActions, 'startLogin' | 'startVipps'>;\n  /** How many days the window covers. Default `config.window.rangeDays`. */\n  rangeDays?: number;\n  /**\n   * The site's origin (`https://…`), so the manage links inside the calendar\n   * file are absolute. Absent, they stay root-relative.\n   */\n  siteUrl?: string;\n  /** A monitoring tap: the step the visitor is on, and a submission's outcome. */\n  onEvent?: (event: BookingWizardEvent) => void;\n}\n\ntype BookingGuardianProp = Parameters<typeof useBooking>[0]['guardian'];\n\nexport type BookingWizardEvent =\n  | { type: 'step'; step: WizardStep | 'confirmed' }\n  | { type: 'submit_ok'; bookings: number }\n  | { type: 'submit_error'; code: NonNullable<WizardState['error']> };\n\n/** The wizard's root, for the inline restore gate to find before hydration. */\nconst WIZARD_ROOT_ID = 'booking-wizard';\n\n/** The time step's heading, which a lost slot sends the visitor back to. */\nconst TIME_HEADING_ID = 'booking-time-heading';\n\n/** The heading each screen focuses when the visitor arrives on it. */\nconst STEP_HEADINGS: Record<WizardStep | 'confirmed', string> = {\n  who: 'booking-who-heading',\n  service: 'booking-service-heading',\n  when: 'booking-stylist-heading',\n  details: 'booking-details-heading',\n  confirmed: 'booking-confirmed-heading',\n};\n\nconst STEPS: readonly WizardStep[] = ['who', 'service', 'when', 'details'];\n\n/** Smooth, or instant for a visitor who asked for reduced motion. */\nfunction scrollToTop(target: HTMLElement | null): void {\n  if (!target || typeof target.scrollIntoView !== 'function') return;\n  const reduced =\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  target.scrollIntoView({ behavior: reduced ? 'auto' : 'smooth', block: 'start' });\n}\n\n/**\n * The wizard, behind its own Suspense boundary: `useSearchParams` throws to\n * the nearest one during a static prerender, and without ours that is the\n * root layout's — the whole page would ship empty until hydration.\n */\nexport function BookingWizard(props: BookingWizardProps) {\n  return (\n    <Suspense fallback={null}>\n      <BookingWizardShell {...props} />\n    </Suspense>\n  );\n}\n\nfunction BookingWizardShell(props: BookingWizardProps) {\n  const resolved = useBookingKit(props, props.contact);\n  const booking = useBooking(props);\n  const { kit } = booking;\n  const { labels } = kit;\n  const { state, restore, confirmed, onEvent } = { ...booking, onEvent: props.onEvent };\n\n  /**\n   * On every change of screen: the wizard's top into view and focus on the\n   * new step's heading. Never on the first screen, and never for what the\n   * restore gate reveals — that is the page arriving, not the visitor moving.\n   */\n  const rootRef = useRef<HTMLDivElement>(null);\n  const screenKey: WizardStep | 'confirmed' = confirmed !== null ? 'confirmed' : state.step;\n  const shownScreen = useRef<WizardStep | 'confirmed' | null>(null);\n  const takenSlotTs = booking.slots.takenSlotTs;\n  const timeStepReady = booking.slots.ready;\n  const focusTimeWhenReady = useRef(false);\n  useEffect(() => {\n    if (restore.restoring) return;\n    const previous = shownScreen.current;\n    shownScreen.current = screenKey;\n    if (previous === screenKey) return;\n    onEvent?.({ type: 'step', step: screenKey });\n    if (previous === null) return;\n    // A lost slot sends the visitor back for the ALTERNATIVES, on the time half.\n    const toTimes = screenKey === 'when' && takenSlotTs !== null;\n    const headingId = toTimes ? TIME_HEADING_ID : STEP_HEADINGS[screenKey];\n    const heading = document.getElementById(headingId);\n    scrollToTop(toTimes ? heading : rootRef.current);\n    heading?.focus({ preventScroll: true });\n    // The heading focused now may be the skeleton's; focus follows the real one.\n    focusTimeWhenReady.current = toTimes && !timeStepReady;\n  }, [screenKey, restore.restoring, takenSlotTs, timeStepReady, onEvent]);\n\n  /** After a login from the sheet the row that opened it is gone: focus the step's heading. */\n  const focusAfterSignIn = useRef(false);\n  const signedIn = booking.login.signedIn;\n  useEffect(() => {\n    if (signedIn === null || !focusAfterSignIn.current) return;\n    focusAfterSignIn.current = false;\n    document.getElementById(STEP_HEADINGS[state.step])?.focus({ preventScroll: true });\n  }, [signedIn, state.step]);\n  useEffect(() => {\n    if (!timeStepReady || !focusTimeWhenReady.current) return;\n    focusTimeWhenReady.current = false;\n    const active = document.activeElement;\n    if (active === null || active === document.body) {\n      document.getElementById(TIME_HEADING_ID)?.focus({ preventScroll: true });\n    }\n  }, [timeStepReady]);\n\n  // The monitoring tap for a submission's outcome.\n  const lastError = useRef(state.error);\n  useEffect(() => {\n    if (state.error !== null && state.error !== lastError.current) {\n      onEvent?.({ type: 'submit_error', code: state.error });\n    }\n    lastError.current = state.error;\n  }, [state.error, onEvent]);\n  const confirmedCount = confirmed?.bookings.length ?? 0;\n  useEffect(() => {\n    if (confirmedCount > 0) onEvent?.({ type: 'submit_ok', bookings: confirmedCount });\n  }, [confirmedCount, onEvent]);\n\n  // React owns the root from here on: drop the pre-hydration mark the inline\n  // script may have set, and say so, so the script's fallback timer stands down.\n  useLayoutEffect(() => {\n    if (!restore.hydrated) return;\n    rootRef.current?.removeAttribute('data-restoring');\n    rootRef.current?.setAttribute('data-hydrated', '');\n  }, [restore.hydrated]);\n\n  // Steps animate in only once the visitor has moved between them.\n  const [arrivalStep, setArrivalStep] = useState<WizardStep | null>(\n    restore.restoring ? null : state.step\n  );\n  if (!restore.restoring && arrivalStep === null) setArrivalStep(state.step);\n  const [stepsMovedOnce, setStepsMovedOnce] = useState(false);\n  const movedNow = arrivalStep !== null && !restore.restoring && state.step !== arrivalStep;\n  if (movedNow && !stepsMovedOnce) setStepsMovedOnce(true);\n  const stepsMoved = stepsMovedOnce || movedNow;\n\n  const restoreSkeleton = <RestoreSkeleton text={labelText(labels['wizard.restoring'])} />;\n  /**\n   * The root both screens share: the scroll target, and the element the\n   * inline restore gate marks. The script and the hidden skeleton exist only\n   * in the server's HTML and the hydration pass that adopts it.\n   */\n  const shell = (content: ReactNode) => (\n    <div\n      id={WIZARD_ROOT_ID}\n      ref={rootRef}\n      className={resolved.classNames.wizard?.root ?? 'group scroll-mt-28'}\n      suppressHydrationWarning\n    >\n      {!restore.hydrated && (\n        <>\n          <script\n            // A fixed script built from constants, run before hydration.\n            // biome-ignore lint/security/noDangerouslySetInnerHtml: the restore gate must run before React does.\n            dangerouslySetInnerHTML={{\n              __html: kit.restoreGate.restoreGateScript(\n                WIZARD_ROOT_ID,\n                restore.linked,\n                restore.resuming\n              ),\n            }}\n          />\n          <div className=\"hidden group-data-[restoring]:block\">{restoreSkeleton}</div>\n        </>\n      )}\n      {restore.restoring && restore.hydrated ? (\n        restoreSkeleton\n      ) : (\n        <div className=\"group-data-[restoring]:hidden\">{content}</div>\n      )}\n    </div>\n  );\n\n  if (confirmed !== null) {\n    return shell(\n      <ConfirmationStep booking={booking} resolved={resolved} siteUrl={props.siteUrl} />\n    );\n  }\n\n  const onSignedIn = (who: Parameters<BookingController['login']['signIn']>[0]) => {\n    focusAfterSignIn.current = true;\n    booking.login.signIn(who);\n  };\n  // The multi-select service step carries its own total bar and refusal notice.\n  const multiSelect = state.step === 'service' && kit.config.party.maxServicesPerPerson > 1;\n  const loginOffered = props.actions !== undefined && kit.config.portal.enabled;\n  const loginRow = loginOffered ? (\n    <LoginRow\n      booking={booking}\n      actions={props.actions as NonNullable<BookingWizardProps['actions']>}\n      overrides={props}\n      onSignedIn={onSignedIn}\n    />\n  ) : null;\n\n  return shell(\n    <div className=\"space-y-8\">\n      <WizardHeader\n        kit={kit}\n        state={state}\n        submitting={booking.submitting}\n        onGo={(step) => booking.dispatch({ type: 'goToStep', step })}\n      />\n\n      {/* The machine's error, on the steps that have nowhere else to put it. */}\n      {state.error !== null &&\n        state.step !== 'details' &&\n        state.step !== 'when' &&\n        !multiSelect && (\n          <p\n            role=\"alert\"\n            className={\n              resolved.classNames.wizard?.alert ??\n              'rounded-lg border border-destructive/40 bg-destructive/10 px-5 py-3 text-sm'\n            }\n          >\n            {wizardErrorText(labels, state.error, kit.config.party.maxServicesPerPerson)}\n          </p>\n        )}\n\n      {state.step === 'details' && loginRow}\n\n      {loginOffered && booking.login.vippsConfirm !== null && signedIn === null && (\n        <LoginSheet\n          {...overridesOf(props)}\n          actions={props.actions as NonNullable<BookingWizardProps['actions']>}\n          presentation=\"sheet\"\n          trigger={false}\n          vippsConfirm={booking.login.vippsConfirm}\n          resumePath={booking.login.resumePath}\n          onSignedIn={onSignedIn}\n        />\n      )}\n\n      {/* One box per step, keyed by it, so a step arriving is a mount. */}\n      <div\n        key={state.step}\n        data-booking-step={state.step}\n        data-animate={stepsMoved ? '' : undefined}\n        className=\"space-y-8\"\n      >\n        {state.step === 'who' && (\n          <WhoStep booking={booking} resolved={resolved} loginRow={loginRow} />\n        )}\n        {state.step === 'service' && (\n          <ServiceStep booking={booking} resolved={resolved} multiSelect={multiSelect} />\n        )}\n        {state.step === 'when' && <WhenStep booking={booking} resolved={resolved} />}\n        {state.step === 'details' && <DetailsStep booking={booking} resolved={resolved} />}\n      </div>\n\n      {!multiSelect && (\n        <SummaryBar\n          line={booking.derived.summary}\n          canAdvance={booking.derived.canAdvance}\n          step={state.step}\n          onNext={booking.next}\n          labels={screenLabels(labels)}\n          classNames={resolved.classNames.summary}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The overrides a nested booking component inherits from the wizard's props. */\nfunction overridesOf(props: BookingOverrides): BookingOverrides {\n  return {\n    config: props.config,\n    labels: props.labels,\n    classNames: props.classNames,\n    components: props.components,\n  };\n}\n\ninterface StepProps {\n  booking: BookingController;\n  resolved: ResolvedBooking;\n}\n\nfunction WhoStep({ booking, resolved, loginRow }: StepProps & { loginRow: ReactNode }) {\n  const { kit, state, people } = booking;\n  const guests = useMemo(() => guestChoices(kit), [kit]);\n  return (\n    <WhoScreen\n      labels={screenLabels(kit.labels)}\n      format={kit.format}\n      people={state.people}\n      family={people.family === null ? null : familyEntries(kit, people.family, people.ageDayKey)}\n      guestChoices={guests}\n      addedChildren={addedChildEntries(kit, state.people, people.ageDayKey)}\n      maxPeople={kit.wizard.maxPeople}\n      selfKey={SELF_KEY}\n      isGuestSeat={kit.wizard.isGuestSeat}\n      onChoose={people.choosePeople}\n      onAddChild={people.addChild}\n      loginRow={loginRow}\n      currentYear={Number(kit.clock.dayKey(booking.slots.fromTs).slice(0, 4))}\n      classNames={resolved.classNames.who}\n      components={\n        resolved.components.PersonCard ? { PersonCard: resolved.components.PersonCard } : undefined\n      }\n    />\n  );\n}\n\nfunction ServiceStep({ booking, resolved, multiSelect }: StepProps & { multiSelect: boolean }) {\n  const { kit, state, people, catalogue } = booking;\n  const ageOf = (person: WizardPerson) => people.personAge(person, people.ageDayKey);\n  const single = state.people.length === 1 ? state.people[0] : null;\n  // «Samme som sist» stays a one-tap shortcut while the person's visit is\n  // nothing, or just that service (a returning child is seated with it already\n  // ticked). Once they have ticked something else, a one-tap pick would REPLACE\n  // their visit — and, alone, jump to the time step — so the suggestion joins\n  // the visit instead, and never unticks a service already in it.\n  const pickFor = (index: number, service: BookingServiceDto, oneTap: () => void) => {\n    const visit = state.choices[index] ? [state.choices[index], ...state.extras[index]] : [];\n    if (!multiSelect || visit.length === 0 || (visit.length === 1 && visit[0].id === service.id)) {\n      oneTap();\n    } else if (!visit.some((ticked) => ticked.id === service.id)) {\n      booking.toggleServiceFor(index, service);\n    }\n  };\n  return (\n    <ServiceScreen\n      labels={screenLabels(kit.labels)}\n      format={kit.format}\n      services={catalogue.services}\n      {...serviceScreenBase(kit)}\n      serviceFits={serviceFitsFor(kit, state.people.map(ageOf))}\n      initialCategory={catalogue.deepLinkCategory}\n      onPick={(service) => pickFor(0, service, () => booking.pickService(service))}\n      suggestion={single ? people.suggestionFor(single) : null}\n      chosenId={state.choices[0]?.id ?? null}\n      childName={single ? (single.name ?? null) : null}\n      party={\n        state.people.length > 1\n          ? {\n              people: partyPeople(kit, state.people, ageOf, people.suggestionFor),\n              choices: state.choices,\n              onPickFor: (index, service) =>\n                pickFor(index, service, () => booking.pickServiceFor(index, service)),\n              onRemove: (index) =>\n                booking.dispatch({\n                  type: 'choosePeople',\n                  people: state.people.filter((_, position) => position !== index),\n                }),\n            }\n          : undefined\n      }\n      selection={\n        multiSelect\n          ? {\n              // Index = seated person; meda reads a missing list (nobody seated) as empty.\n              lists: state.choices.map((first, index) =>\n                first ? [first, ...state.extras[index]] : []\n              ),\n              onToggle: booking.toggleServiceFor,\n              onContinue: booking.continueFromService,\n              total:\n                state.items.length === 0\n                  ? null\n                  : {\n                      minutes: kit.wizard.visitMinutes(state.items, state.partyMode),\n                      priceOre: booking.derived.total,\n                    },\n              canContinue: booking.derived.canAdvance,\n              notice:\n                state.error === null\n                  ? null\n                  : labelText(\n                      wizardErrorText(\n                        kit.labels,\n                        state.error,\n                        kit.config.party.maxServicesPerPerson\n                      )\n                    ),\n              labels: kit.labels,\n            }\n          : undefined\n      }\n      classNames={resolved.classNames.service}\n      components={\n        resolved.components.ServiceCard\n          ? { ServiceCard: resolved.components.ServiceCard }\n          : undefined\n      }\n    />\n  );\n}\n\nfunction WhenStep({ booking, resolved }: StepProps) {\n  const { kit, state, catalogue, slots, schedule } = booking;\n  const { labels, format, wizard, config } = kit;\n  const party = booking.derived.party;\n  const items = state.items;\n  const phone = config.contact.phone;\n  return (\n    <>\n      <StylistScreen\n        labels={screenLabels(labels)}\n        format={format}\n        // Not deduplicated: a named stylist has to cover every service of every\n        // line — a person's extras included, as their visit is one stylist's.\n        serviceIds={items.flatMap((item) => visitServicesOf(item).map((service) => service.id))}\n        resources={catalogue.resources}\n        loading={!catalogue.resourcesKnown}\n        nextAvailableLoading={slots.nextAvailableLoading}\n        selectedResourceId={state.resourceId}\n        nextAvailableTs={slots.nextAvailableTs}\n        pendingName={catalogue.chosenStylistName}\n        notice={catalogue.stylistNotice}\n        onPick={booking.pickResource}\n        party={\n          party\n            ? {\n                mode: state.partyMode,\n                size: items.length,\n                sizeWord: partySizeWord(labels, items.length),\n                minutes: {\n                  sequential: wizard.visitMinutes(items, 'sequential'),\n                  parallel: wizard.visitMinutes(items, 'parallel'),\n                },\n                onMode: (mode) => booking.dispatch({ type: 'setPartyMode', mode }),\n              }\n            : undefined\n        }\n        classNames={resolved.classNames.stylist}\n        components={\n          resolved.components.StylistCard\n            ? { StylistCard: resolved.components.StylistCard }\n            : undefined\n        }\n      />\n\n      {slots.ready ? (\n        <TimeScreen\n          labels={screenLabels(labels)}\n          format={format}\n          dayparts={kit.dayparts}\n          monthView\n          slots={slots.single}\n          days={slots.days}\n          openDays={schedule.openDays}\n          stylistName={catalogue.chosenStylistName}\n          takenSlotTs={slots.takenSlotTs}\n          phone={phone}\n          weekendNote={(dayTs) => weekendNoteFor(kit, party ? items : items.slice(0, 1), dayTs)}\n          onPick={booking.pickSlot}\n          party={\n            party\n              ? {\n                  items,\n                  mode: state.partyMode,\n                  slots: slots.party,\n                  chipEndTs: (slot) => wizard.visitEndTs(items, slot.startTs, 'sequential'),\n                  // Only a back-to-back family is offered the simultaneous rescue.\n                  alternativeFor:\n                    state.partyMode === 'sequential'\n                      ? (dayTs) =>\n                          kit.partySlots.partyAlternative({\n                            sequential: slots.party,\n                            parallel: slots.alternatives,\n                            dayTs,\n                          })\n                      : undefined,\n                  resolveStylistName: catalogue.resolveStylistName,\n                  onPick: booking.pickPartySlot,\n                }\n              : undefined\n          }\n          classNames={resolved.classNames.time}\n          components={timeComponents(resolved)}\n        />\n      ) : slots.failed ? (\n        <SlotsUnavailable kit={kit} onRetry={booking.refresh} />\n      ) : (\n        // The step's own shape, so nothing below it moves when it fills in.\n        <TimeScreenSkeleton\n          labels={screenLabels(labels)}\n          days={slots.days.length}\n          monthView\n          surchargeRow={items.some((item) =>\n            visitServicesOf(item).some((service) => service.weekendSurchargePct > 0)\n          )}\n        />\n      )}\n\n      {/* Once, outside the skeleton-or-step switch, so a re-read cannot remount it. */}\n      <TakenToast labels={screenLabels(labels)} takenSlotTs={slots.takenSlotTs} />\n    </>\n  );\n}\n\nfunction timeComponents({ components }: ResolvedBooking) {\n  if (!components.DayChip && !components.TimeChip) return undefined;\n  return { DayChip: components.DayChip, TimeChip: components.TimeChip };\n}\n\nfunction DetailsStep({ booking, resolved }: StepProps) {\n  const { kit, state } = booking;\n  const guardian = booking.login.guardian;\n  const lines = useMemo(() => detailsLines(kit, state), [kit, state]);\n  return (\n    <DetailsScreen\n      state={forMedaScreen(state)}\n      onChange={booking.dispatch}\n      onSubmit={booking.submit}\n      lines={lines}\n      totalOre={booking.derived.total}\n      {...detailsScreenBase(kit)}\n      submitting={booking.submitting}\n      submissionNonce={booking.submissionNonce}\n      family={guardian?.family}\n      guardianPhone={guardian?.phone ?? null}\n      format={kit.format}\n      labels={screenLabels(kit.labels)}\n      classNames={resolved.classNames.details}\n      components={\n        resolved.components.FamilyChip ? { FamilyChip: resolved.components.FamilyChip } : undefined\n      }\n    />\n  );\n}\n\nfunction ConfirmationStep({ booking, resolved, siteUrl }: StepProps & { siteUrl?: string }) {\n  const { kit } = booking;\n  // Read once, so «today» cannot become «tomorrow» halfway down the card.\n  const [now] = useState(() => Date.now());\n  const confirmation = booking.confirmed as BookingConfirmation;\n  return (\n    <Confirmation\n      {...confirmationProps(kit, confirmation, siteUrl)}\n      onStartOver={booking.startOver}\n      now={now}\n      format={kit.format}\n      labels={screenLabels(kit.labels)}\n      classNames={resolved.classNames.confirmation}\n      components={\n        resolved.components.PartyLine ? { PartyLine: resolved.components.PartyLine } : undefined\n      }\n    />\n  );\n}\n\n/**\n * «Have an account? Log in» — or, once the parent is known, nothing at all\n * for one who arrived logged in, and one line saying so for one who logged in\n * from the sheet.\n */\nfunction LoginRow({\n  booking,\n  actions,\n  overrides,\n  onSignedIn,\n}: {\n  booking: BookingController;\n  actions: NonNullable<BookingWizardProps['actions']>;\n  overrides: BookingOverrides;\n  onSignedIn: (guardian: Parameters<BookingController['login']['signIn']>[0]) => void;\n}) {\n  const { arrivedAs, signedIn, resumePath } = booking.login;\n  const { labels } = booking.kit;\n  if (signedIn === null && arrivedAs !== null) return null;\n  const who = signedIn === null ? null : (signedIn.guardian ?? arrivedAs);\n  const name =\n    who === null\n      ? null\n      : [who.firstName, who.lastName].filter(Boolean).join(' ').trim() || who.email;\n  const confirmation =\n    signedIn === null\n      ? null\n      : name === null\n        ? labelText(labels['wizard.signedIn'])\n        : fill(labels['wizard.signedInAs'], { name });\n  return (\n    <div>\n      {signedIn === null && (\n        <LoginSheet\n          {...overridesOf(overrides)}\n          actions={actions}\n          presentation=\"sheet\"\n          resumePath={resumePath}\n          onSignedIn={onSignedIn}\n        />\n      )}\n      <LiveStatus text={confirmation} className=\"text-sm text-muted-foreground empty:hidden\" />\n    </div>\n  );\n}\n\n/** The neutral shell the restore gate shows, the header's and a step's shape. */\nfunction RestoreSkeleton({ text }: { text: string }) {\n  return (\n    <div data-testid=\"restore-skeleton\">\n      {/* Outside the busy subtree: assistive tech may hold back what is inside it. */}\n      <LiveStatus text={text} />\n      <div aria-busy=\"true\" className=\"space-y-8\">\n        <div aria-hidden=\"true\" className=\"space-y-3\">\n          <div className=\"flex items-center gap-3\">\n            <span className=\"size-9 shrink-0 animate-pulse rounded-full bg-muted\" />\n            <span className=\"flex flex-col gap-1.5\">\n              <span className=\"h-4 w-24 animate-pulse rounded bg-muted\" />\n              <span className=\"h-3 w-36 animate-pulse rounded bg-muted\" />\n            </span>\n          </div>\n          <span className=\"block h-1.5 w-full animate-pulse rounded-full bg-muted\" />\n        </div>\n        <div aria-hidden=\"true\" className=\"space-y-6\">\n          <span className=\"block h-8 w-56 animate-pulse rounded bg-muted md:h-9\" />\n          <div className=\"space-y-2\">\n            {Array.from({ length: 4 }, (_, index) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: four identical placeholders.\n              <span key={index} className=\"block h-24 animate-pulse rounded-lg bg-muted\" />\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Where the visitor is, the way back, and how much is left: a back arrow, the\n * title and «step N of 4», and one segment per step that IS the button to it —\n * tappable only where the machine's `canGoToStep` says so, and frozen while a\n * submission is in flight.\n */\nfunction WizardHeader({\n  kit,\n  state,\n  submitting,\n  onGo,\n}: {\n  kit: BookingKit;\n  state: WizardState;\n  submitting: boolean;\n  onGo: (step: WizardStep) => void;\n}) {\n  const { labels, wizard } = kit;\n  const stepLabel = (step: WizardStep) => labelText(labels[`wizard.step.${step}`]);\n  const index = STEPS.indexOf(state.step);\n  const previous = index > 0 ? STEPS[index - 1] : null;\n  const canGoBack = previous !== null && !submitting && wizard.canGoToStep(state, previous);\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-3\">\n        {canGoBack ? (\n          <button\n            type=\"button\"\n            aria-label={fill(labels['wizard.back'], { label: stepLabel(previous) })}\n            onClick={() => onGo(previous)}\n            className=\"flex size-9 shrink-0 items-center justify-center rounded-full border border-border text-foreground transition-colors hover:bg-muted\"\n          >\n            <ArrowLeft aria-hidden=\"true\" className=\"size-4\" />\n          </button>\n        ) : (\n          // Held rather than dropped, so the title does not shuffle sideways.\n          <span aria-hidden=\"true\" className=\"size-9 shrink-0\" />\n        )}\n        <p className=\"min-w-0\">\n          <span className=\"block font-sans text-sm font-bold\">{labels['wizard.title']}</span>\n          <span className=\"block truncate text-xs text-muted-foreground\">\n            {fillParts(labels['wizard.progress'], {\n              step: index + 1,\n              total: STEPS.length,\n              label: stepLabel(state.step),\n            })}\n          </span>\n        </p>\n      </div>\n\n      <ol\n        aria-label={labelText(labels['wizard.progressLabel'])}\n        className=\"flex items-center gap-1.5\"\n      >\n        {STEPS.map((step, position) => {\n          const isCurrent = step === state.step;\n          const reachable = !submitting && !isCurrent && wizard.canGoToStep(state, step);\n          return (\n            <li key={step} className=\"flex-1\">\n              <button\n                type=\"button\"\n                disabled={!reachable}\n                aria-current={isCurrent ? 'step' : undefined}\n                onClick={() => onGo(step)}\n                className={`block h-1.5 w-full rounded-full transition-colors ${\n                  position <= index ? 'bg-primary' : 'bg-border'\n                } ${reachable ? 'cursor-pointer' : 'cursor-default'}`}\n              >\n                <span className=\"sr-only\">{stepLabel(step)}</span>\n              </button>\n            </li>\n          );\n        })}\n      </ol>\n    </div>\n  );\n}\n\n/**\n * The openings could not be read — this site's failure, not a full day —\n * with the telephone as the rescue and a retry as the cheaper first try.\n */\nfunction SlotsUnavailable({ kit, onRetry }: { kit: BookingKit; onRetry: () => void }) {\n  const { labels, config, format } = kit;\n  const phone = config.contact.phone;\n  return (\n    <div className=\"space-y-3\">\n      <p role=\"alert\" className=\"rounded-lg border border-border bg-card px-5 py-4 text-sm\">\n        {labels['wizard.slotsUnavailable.lead']}\n        {phone ? (\n          <a\n            href={format.telHref(phone)}\n            aria-label={fill(labels['wizard.slotsUnavailable.callAria'], { phone })}\n            className=\"font-semibold text-primary underline underline-offset-4\"\n          >\n            {fillParts(labels['wizard.slotsUnavailable.call'], { phone })}\n          </a>\n        ) : (\n          labels['wizard.slotsUnavailable.callPlain']\n        )}\n        {labels['wizard.slotsUnavailable.suffix']}\n      </p>\n      <BookingButtonOutline onClick={onRetry}>{labels['wizard.retry']}</BookingButtonOutline>\n    </div>\n  );\n}\n\nfunction BookingButtonOutline({ onClick, children }: { onClick: () => void; children: ReactNode }) {\n  return (\n    <BookingButton variant=\"outline\" onClick={onClick}>\n      {children}\n    </BookingButton>\n  );\n}\n"],"mappings":"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"}

package/dist/react/LoginPageQuery.d.mts

@@ -0,0 +1,37 @@
+import { BookingConfig } from "../core/config.mjs";
+import { LoginLabels } from "./labels/login.mjs";
+import "./labels/index.mjs";
+import { BookingOverrides } from "./Provider.mjs";
+import { LoginSheetProps } from "./LoginSheet.mjs";
+//#region src/react/LoginPageQuery.d.ts
+/**
+ * The sentence for `?vipps=<value>`, or `null` for anything that is not an
+ * outcome. The query is writable by anyone with a URL bar, so the value itself
+ * is never rendered: it is a key into the table or it is nothing. A repeated
+ * parameter is nothing too.
+ */
+export declare function vippsNotice(values: readonly string[], labels: LoginLabels): string | null;
+/**
+ * `?vipps=` — why a Vipps login did not end in a cookie. `useSearchParams` on
+ * a prerendered page must sit under a `<Suspense>` (the page provides it, with
+ * a `null` fallback: a box reserved for the rare notice would be a layout
+ * shift for everybody else).
+ */
+export declare function VippsNotice(props: BookingOverrides): import("react").JSX.Element | null;
+/** `?return=`, validated. A repeated parameter is refused, as on the server. */
+export declare function returnPathFromSearch(search: string, config: Pick<BookingConfig, 'portal'>): string | null;
+export type LoginFromQueryProps = BookingOverrides & Pick<LoginSheetProps, 'actions'>;
+/**
+ * The inline login, told where to go once it succeeds.
+ *
+ * NOT `useSearchParams`: that would need a Suspense boundary, and the login
+ * form is the page — as a fallback it would be swapped for a fresh copy on
+ * hydration, dropping anything typed before the JavaScript arrived.
+ * `useSyncExternalStore` hydrates with the server snapshot (`null`) and
+ * re-renders the SAME tree with the real value. The return path is never
+ * rendered, only handed to the login's `router.replace` and the Vipps start.
+ */
+export declare function LoginFromQuery({ actions, ...overrides }: LoginFromQueryProps): import("react").JSX.Element;
+//#endregion
+export { LoginFromQuery as LoginPageQuery };
+//# sourceMappingURL=LoginPageQuery.d.mts.map

package/dist/react/LoginPageQuery.mjs

@@ -0,0 +1,106 @@
+'use client';
+import { labelText } from "../core/labels.mjs";
+import { createReturnPath } from "../core/portal/return-path.mjs";
+import { stripVippsReturn, vippsConfirmFrom } from "../core/portal/vipps-return.mjs";
+import { useBookingKit } from "./Provider.mjs";
+import { LoginSheet } from "./LoginSheet.mjs";
+import { useSearchParams } from "next/navigation";
+import { createElement, useCallback, useEffect, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/LoginPageQuery.tsx
+/**
+* The two things the login page reads off its query string, read in the
+* browser so the page itself can be prerendered: one static document, and
+* these two components pick up the query after it lands.
+*/
+/** The label for each outcome the Vipps return route can report. */
+const VIPPS_NOTICE = {
+	needs_email_login: "loginPage.vipps.needsEmailLogin",
+	failed: "loginPage.vipps.failed"
+};
+/**
+* The sentence for `?vipps=<value>`, or `null` for anything that is not an
+* outcome. The query is writable by anyone with a URL bar, so the value itself
+* is never rendered: it is a key into the table or it is nothing. A repeated
+* parameter is nothing too.
+*/
+function vippsNotice(values, labels) {
+	if (values.length !== 1) return null;
+	const [value] = values;
+	return Object.hasOwn(VIPPS_NOTICE, value) ? labelText(labels[VIPPS_NOTICE[value]]) : null;
+}
+/**
+* `?vipps=` — why a Vipps login did not end in a cookie. `useSearchParams` on
+* a prerendered page must sit under a `<Suspense>` (the page provides it, with
+* a `null` fallback: a box reserved for the rare notice would be a layout
+* shift for everybody else).
+*/
+function VippsNotice(props) {
+	const { kit } = useBookingKit(props);
+	const notice = vippsNotice(useSearchParams()?.getAll("vipps") ?? [], kit.labels);
+	if (!notice) return null;
+	return /* @__PURE__ */ jsx("p", {
+		role: "status",
+		className: "rounded-[3px] bg-muted px-4 py-3 text-sm",
+		children: notice
+	});
+}
+function subscribe(onChange) {
+	window.addEventListener("popstate", onChange);
+	return () => window.removeEventListener("popstate", onChange);
+}
+/** `?return=`, validated. A repeated parameter is refused, as on the server. */
+function returnPathFromSearch(search, config) {
+	const values = new URLSearchParams(search).getAll("return");
+	return createReturnPath(config)(values.length === 1 ? values[0] : void 0);
+}
+/**
+* `?vipps=confirm_email[&to=…]` as a primitive, so the snapshot is stable:
+* `null` for an ordinary visit, `''` for a confirm without a usable address,
+* else the masked address.
+*/
+function readVippsConfirm() {
+	const confirm = vippsConfirmFrom(new URLSearchParams(window.location.search));
+	return confirm === void 0 ? null : confirm.to ?? "";
+}
+function nothing() {
+	return null;
+}
+/**
+* The inline login, told where to go once it succeeds.
+*
+* NOT `useSearchParams`: that would need a Suspense boundary, and the login
+* form is the page — as a fallback it would be swapped for a fresh copy on
+* hydration, dropping anything typed before the JavaScript arrived.
+* `useSyncExternalStore` hydrates with the server snapshot (`null`) and
+* re-renders the SAME tree with the real value. The return path is never
+* rendered, only handed to the login's `router.replace` and the Vipps start.
+*/
+function LoginFromQuery({ actions, ...overrides }) {
+	const { config } = useBookingKit(overrides).kit;
+	const readReturnPath = useCallback(() => returnPathFromSearch(window.location.search, config), [config]);
+	const returnPath = useSyncExternalStore(subscribe, readReturnPath, nothing);
+	const live = useSyncExternalStore(subscribe, readVippsConfirm, nothing);
+	/**
+	* LATCHED on the first read that has one: the address bar is cleaned
+	* straight after, and a later render reading it again must not take the
+	* visitor off the code screen they are typing into.
+	*/
+	const [confirm, setConfirm] = useState(null);
+	if (live !== null && confirm === null) setConfirm({ to: live === "" ? null : live });
+	useEffect(() => {
+		if (confirm !== null) stripVippsReturn();
+	}, [confirm]);
+	return /* @__PURE__ */ createElement(LoginSheet, {
+		...overrides,
+		actions,
+		key: confirm === null ? "email" : "vipps",
+		presentation: "inline",
+		returnPath,
+		vippsConfirm: confirm
+	});
+}
+//#endregion
+export { LoginFromQuery, LoginFromQuery as LoginPageQuery, VippsNotice, returnPathFromSearch, vippsNotice };
+
+//# sourceMappingURL=LoginPageQuery.mjs.map

package/dist/react/LoginPageQuery.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginPageQuery.mjs","names":[],"sources":["../../src/react/LoginPageQuery.tsx"],"sourcesContent":["import { useSearchParams } from 'next/navigation';\nimport { useCallback, useEffect, useState, useSyncExternalStore } from 'react';\nimport type { BookingConfig } from '../core/config';\nimport { labelText } from '../core/labels';\nimport { createReturnPath } from '../core/portal/return-path';\nimport { stripVippsReturn, vippsConfirmFrom } from '../core/portal/vipps-return';\nimport { LoginSheet, type LoginSheetProps, type VippsConfirm } from './LoginSheet';\nimport type { LoginLabels } from './labels';\nimport { type BookingOverrides, useBookingKit } from './Provider';\n\n/**\n * The two things the login page reads off its query string, read in the\n * browser so the page itself can be prerendered: one static document, and\n * these two components pick up the query after it lands.\n */\n\n/** The label for each outcome the Vipps return route can report. */\nconst VIPPS_NOTICE: Record<string, keyof LoginLabels> = {\n  needs_email_login: 'loginPage.vipps.needsEmailLogin',\n  failed: 'loginPage.vipps.failed',\n};\n\n/**\n * The sentence for `?vipps=<value>`, or `null` for anything that is not an\n * outcome. The query is writable by anyone with a URL bar, so the value itself\n * is never rendered: it is a key into the table or it is nothing. A repeated\n * parameter is nothing too.\n */\nexport function vippsNotice(values: readonly string[], labels: LoginLabels): string | null {\n  if (values.length !== 1) return null;\n  const [value] = values;\n  return Object.hasOwn(VIPPS_NOTICE, value) ? labelText(labels[VIPPS_NOTICE[value]]) : null;\n}\n\n/**\n * `?vipps=` — why a Vipps login did not end in a cookie. `useSearchParams` on\n * a prerendered page must sit under a `<Suspense>` (the page provides it, with\n * a `null` fallback: a box reserved for the rare notice would be a layout\n * shift for everybody else).\n */\nexport function VippsNotice(props: BookingOverrides) {\n  const { kit } = useBookingKit(props);\n  const notice = vippsNotice(useSearchParams()?.getAll('vipps') ?? [], kit.labels);\n  if (!notice) return null;\n  return (\n    <p role=\"status\" className=\"rounded-[3px] bg-muted px-4 py-3 text-sm\">\n      {notice}\n    </p>\n  );\n}\n\nfunction subscribe(onChange: () => void): () => void {\n  window.addEventListener('popstate', onChange);\n  return () => window.removeEventListener('popstate', onChange);\n}\n\n/** `?return=`, validated. A repeated parameter is refused, as on the server. */\nexport function returnPathFromSearch(\n  search: string,\n  config: Pick<BookingConfig, 'portal'>\n): string | null {\n  const values = new URLSearchParams(search).getAll('return');\n  return createReturnPath(config)(values.length === 1 ? values[0] : undefined);\n}\n\n/**\n * `?vipps=confirm_email[&to=…]` as a primitive, so the snapshot is stable:\n * `null` for an ordinary visit, `''` for a confirm without a usable address,\n * else the masked address.\n */\nfunction readVippsConfirm(): string | null {\n  const confirm = vippsConfirmFrom(new URLSearchParams(window.location.search));\n  return confirm === undefined ? null : (confirm.to ?? '');\n}\n\nfunction nothing(): null {\n  return null;\n}\n\nexport type LoginFromQueryProps = BookingOverrides & Pick<LoginSheetProps, 'actions'>;\n\n/**\n * The inline login, told where to go once it succeeds.\n *\n * NOT `useSearchParams`: that would need a Suspense boundary, and the login\n * form is the page — as a fallback it would be swapped for a fresh copy on\n * hydration, dropping anything typed before the JavaScript arrived.\n * `useSyncExternalStore` hydrates with the server snapshot (`null`) and\n * re-renders the SAME tree with the real value. The return path is never\n * rendered, only handed to the login's `router.replace` and the Vipps start.\n */\nexport function LoginFromQuery({ actions, ...overrides }: LoginFromQueryProps) {\n  const { config } = useBookingKit(overrides).kit;\n  const readReturnPath = useCallback(\n    () => returnPathFromSearch(window.location.search, config),\n    [config]\n  );\n  const returnPath = useSyncExternalStore(subscribe, readReturnPath, nothing);\n  const live = useSyncExternalStore(subscribe, readVippsConfirm, nothing);\n  /**\n   * LATCHED on the first read that has one: the address bar is cleaned\n   * straight after, and a later render reading it again must not take the\n   * visitor off the code screen they are typing into.\n   */\n  const [confirm, setConfirm] = useState<VippsConfirm | null>(null);\n  if (live !== null && confirm === null) setConfirm({ to: live === '' ? null : live });\n  useEffect(() => {\n    if (confirm !== null) stripVippsReturn();\n  }, [confirm]);\n  return (\n    <LoginSheet\n      {...overrides}\n      actions={actions}\n      // A fresh login for the code step: its memory starts on the code.\n      key={confirm === null ? 'email' : 'vipps'}\n      presentation=\"inline\"\n      returnPath={returnPath}\n      vippsConfirm={confirm}\n    />\n  );\n}\n\n/** The login page's component under the module's own name. */\nexport { LoginFromQuery as LoginPageQuery };\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,eAAkD;CACtD,mBAAmB;CACnB,QAAQ;AACV;;;;;;;AAQA,SAAgB,YAAY,QAA2B,QAAoC;CACzF,IAAI,OAAO,WAAW,GAAG,OAAO;CAChC,MAAM,CAAC,SAAS;CAChB,OAAO,OAAO,OAAO,cAAc,KAAK,IAAI,UAAU,OAAO,aAAa,OAAO,IAAI;AACvF;;;;;;;AAQA,SAAgB,YAAY,OAAyB;CACnD,MAAM,EAAE,QAAQ,cAAc,KAAK;CACnC,MAAM,SAAS,YAAY,gBAAgB,CAAC,EAAE,OAAO,OAAO,KAAK,CAAC,GAAG,IAAI,MAAM;CAC/E,IAAI,CAAC,QAAQ,OAAO;CACpB,OACE,oBAAC,KAAD;EAAG,MAAK;EAAS,WAAU;EACxB,UAAA;CACA,CAAA;AAEP;AAEA,SAAS,UAAU,UAAkC;CACnD,OAAO,iBAAiB,YAAY,QAAQ;CAC5C,aAAa,OAAO,oBAAoB,YAAY,QAAQ;AAC9D;;AAGA,SAAgB,qBACd,QACA,QACe;CACf,MAAM,SAAS,IAAI,gBAAgB,MAAM,CAAC,CAAC,OAAO,QAAQ;CAC1D,OAAO,iBAAiB,MAAM,CAAC,CAAC,OAAO,WAAW,IAAI,OAAO,KAAK,KAAA,CAAS;AAC7E;;;;;;AAOA,SAAS,mBAAkC;CACzC,MAAM,UAAU,iBAAiB,IAAI,gBAAgB,OAAO,SAAS,MAAM,CAAC;CAC5E,OAAO,YAAY,KAAA,IAAY,OAAQ,QAAQ,MAAM;AACvD;AAEA,SAAS,UAAgB;CACvB,OAAO;AACT;;;;;;;;;;;AAcA,SAAgB,eAAe,EAAE,SAAS,GAAG,aAAkC;CAC7E,MAAM,EAAE,WAAW,cAAc,SAAS,CAAC,CAAC;CAC5C,MAAM,iBAAiB,kBACf,qBAAqB,OAAO,SAAS,QAAQ,MAAM,GACzD,CAAC,MAAM,CACT;CACA,MAAM,aAAa,qBAAqB,WAAW,gBAAgB,OAAO;CAC1E,MAAM,OAAO,qBAAqB,WAAW,kBAAkB,OAAO;;;;;;CAMtE,MAAM,CAAC,SAAS,cAAc,SAA8B,IAAI;CAChE,IAAI,SAAS,QAAQ,YAAY,MAAM,WAAW,EAAE,IAAI,SAAS,KAAK,OAAO,KAAK,CAAC;CACnF,gBAAgB;EACd,IAAI,YAAY,MAAM,iBAAiB;CACzC,GAAG,CAAC,OAAO,CAAC;CACZ,OACE,8BAAC,YAAD;EACE,GAAI;EACK;EAET,KAAK,YAAY,OAAO,UAAU;EAClC,cAAa;EACD;EACZ,cAAc;CACf,CAAA;AAEL"}

package/dist/react/LoginSheet.d.mts

@@ -0,0 +1,49 @@
+import { BookingGuardian } from "../core/types.mjs";
+import { PortalActions } from "./actions.mjs";
+import { BookingOverrides } from "./Provider.mjs";
+import { VippsConfirm } from "@medalsocial/meda/booking";
+//#region src/react/LoginSheet.d.ts
+/**
+ * The site's one login — Vipps, or a six-digit code by e-mail — in the two
+ * places a visitor takes it, over meda's `LoginSheet` / `LoginPanel`.
+ *
+ * - `presentation="sheet"` is the booking wizard's: an offer the wizard never
+ *   waits on, that never navigates. A good code hands the visitor back
+ *   through `onSignedIn` with the `guardian` the verify route answers with.
+ * - `presentation="inline"` is the login page's. A good code ends in ONE
+ *   `router.replace` to `returnPath` or the portal — the destination is a
+ *   server page that reads the fresh cookie on the way in, and Back should not
+ *   land on a login whose job is done.
+ *
+ * THE CODE IS CHECKED BY `fetch`, NOT BY A SERVER ACTION
+ * (`POST <portalApi>/login/verify`): in Next 16 an action that sets a cookie
+ * makes the client re-fetch the route it was called from — the whole booking
+ * page behind the sheet, or a second render racing the `replace`. Asking for
+ * the code stays the app's action (`actions.startLogin`): it sets no cookie.
+ *
+ * Vipps is offered when the site has it (`config.portal.methods`) and the app
+ * passed its start action.
+ */
+export type LoginSheetProps = BookingOverrides & {
+  /** The app's server actions (Decision 8). */
+  actions: Pick<PortalActions, 'startLogin' | 'startVipps'>;
+} & ({
+  presentation: 'sheet';
+  /** Where a Vipps login should land: the wizard's resume URL. */
+  resumePath: string;
+  /** A good code; `guardian` is `null` when the read after it failed. */
+  onSignedIn: (guardian: BookingGuardian | null) => void;
+  /** A Vipps return asking for the e-mailed code: the sheet opens on it. */
+  vippsConfirm?: VippsConfirm | null;
+  /** Draw the «have an account? Log in» row. Default `true`. */
+  trigger?: boolean;
+} | {
+  presentation: 'inline';
+  /** Already through `createReturnPath(config)`; `null` is the portal. */
+  returnPath?: string | null;
+  vippsConfirm?: VippsConfirm | null;
+});
+declare function LoginSheet$1(props: LoginSheetProps): import("react").JSX.Element;
+//#endregion
+export { LoginSheet$1 as LoginSheet, type VippsConfirm };
+//# sourceMappingURL=LoginSheet.d.mts.map

package/dist/react/LoginSheet.mjs

@@ -0,0 +1,98 @@
+'use client';
+import { readStartLogin } from "./actions.mjs";
+import { useBookingKit } from "./Provider.mjs";
+import { screenLabels } from "./screen-labels.mjs";
+import { LoginPanel, LoginSheet } from "@medalsocial/meda/booking";
+import { useRouter } from "next/navigation";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/LoginSheet.tsx
+/**
+* Ask a verify route, and say what its answer means for the form. The
+* route's own reasons are the form's; anything else (a 403, a body that is
+* not the route's, the network failing) is `unreachable`.
+*/
+async function askVerify(path, payload) {
+	let body;
+	try {
+		body = await (await fetch(path, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify(payload),
+			cache: "no-store",
+			credentials: "same-origin"
+		})).json();
+	} catch {
+		return {
+			ok: false,
+			reason: "unreachable"
+		};
+	}
+	const answer = body;
+	if (answer?.ok === true) return {
+		ok: true,
+		guardian: answer.guardian ?? null
+	};
+	const reason = answer?.reason;
+	return reason === "invalid" || reason === "throttled" || reason === "conflict" ? {
+		ok: false,
+		reason
+	} : {
+		ok: false,
+		reason: "unreachable"
+	};
+}
+function LoginSheet$1(props) {
+	const { kit, classNames } = useBookingKit(props);
+	const { config, labels } = kit;
+	const { actions } = props;
+	const api = config.paths.portalApi;
+	const screen = {
+		labels: screenLabels(labels),
+		onStartLogin: async (email) => {
+			try {
+				return readStartLogin(await actions.startLogin({ email }));
+			} catch {
+				return {
+					ok: false,
+					reason: "unreachable"
+				};
+			}
+		},
+		onVerify: (code, context) => context.mode === "vipps" ? askVerify(`${api}/vipps/link/verify`, { code }) : askVerify(`${api}/login/verify`, {
+			email: context.email,
+			code
+		}),
+		onVipps: config.portal.methods.includes("vipps") ? actions.startVipps : void 0,
+		vippsConfirm: props.vippsConfirm ?? null,
+		otpClassNames: classNames.otp,
+		vippsClassNames: classNames.vipps
+	};
+	if (props.presentation === "inline") return /* @__PURE__ */ jsx(InlineLogin, {
+		screen,
+		classNames: classNames.loginPanel,
+		target: props.returnPath ?? null,
+		fallback: config.paths.portal ?? "/"
+	});
+	return /* @__PURE__ */ jsx(LoginSheet, {
+		...screen,
+		resumePath: props.resumePath,
+		onSignedIn: props.onSignedIn,
+		trigger: props.trigger,
+		classNames: classNames.loginSheet,
+		panelClassNames: classNames.loginPanel
+	});
+}
+/** Its own component so only the page login reads the router. */
+function InlineLogin({ screen, classNames, target, fallback }) {
+	const router = useRouter();
+	return /* @__PURE__ */ jsx(LoginPanel, {
+		...screen,
+		classNames,
+		vippsNext: target,
+		onSignedIn: () => router.replace(target ?? fallback)
+	});
+}
+//#endregion
+export { LoginSheet$1 as LoginSheet };
+
+//# sourceMappingURL=LoginSheet.mjs.map

package/dist/react/LoginSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginSheet.mjs","names":["LoginSheet","SheetScreen"],"sources":["../../src/react/LoginSheet.tsx"],"sourcesContent":["import {\n  LoginPanel,\n  type LoginPanelProps,\n  type LoginStartResult,\n  type LoginVerifyResult,\n  LoginSheet as SheetScreen,\n  type VippsConfirm,\n} from '@medalsocial/meda/booking';\nimport { useRouter } from 'next/navigation';\nimport type { BookingGuardian } from '../core/types';\nimport { type PortalActions, readStartLogin } from './actions';\nimport { type BookingOverrides, useBookingKit } from './Provider';\nimport { screenLabels } from './screen-labels';\n\nexport type { VippsConfirm };\n\n/**\n * The site's one login — Vipps, or a six-digit code by e-mail — in the two\n * places a visitor takes it, over meda's `LoginSheet` / `LoginPanel`.\n *\n * - `presentation=\"sheet\"` is the booking wizard's: an offer the wizard never\n *   waits on, that never navigates. A good code hands the visitor back\n *   through `onSignedIn` with the `guardian` the verify route answers with.\n * - `presentation=\"inline\"` is the login page's. A good code ends in ONE\n *   `router.replace` to `returnPath` or the portal — the destination is a\n *   server page that reads the fresh cookie on the way in, and Back should not\n *   land on a login whose job is done.\n *\n * THE CODE IS CHECKED BY `fetch`, NOT BY A SERVER ACTION\n * (`POST <portalApi>/login/verify`): in Next 16 an action that sets a cookie\n * makes the client re-fetch the route it was called from — the whole booking\n * page behind the sheet, or a second render racing the `replace`. Asking for\n * the code stays the app's action (`actions.startLogin`): it sets no cookie.\n *\n * Vipps is offered when the site has it (`config.portal.methods`) and the app\n * passed its start action.\n */\nexport type LoginSheetProps = BookingOverrides & {\n  /** The app's server actions (Decision 8). */\n  actions: Pick<PortalActions, 'startLogin' | 'startVipps'>;\n} & (\n    | {\n        presentation: 'sheet';\n        /** Where a Vipps login should land: the wizard's resume URL. */\n        resumePath: string;\n        /** A good code; `guardian` is `null` when the read after it failed. */\n        onSignedIn: (guardian: BookingGuardian | null) => void;\n        /** A Vipps return asking for the e-mailed code: the sheet opens on it. */\n        vippsConfirm?: VippsConfirm | null;\n        /** Draw the «have an account? Log in» row. Default `true`. */\n        trigger?: boolean;\n      }\n    | {\n        presentation: 'inline';\n        /** Already through `createReturnPath(config)`; `null` is the portal. */\n        returnPath?: string | null;\n        vippsConfirm?: VippsConfirm | null;\n      }\n  );\n\n/**\n * Ask a verify route, and say what its answer means for the form. The\n * route's own reasons are the form's; anything else (a 403, a body that is\n * not the route's, the network failing) is `unreachable`.\n */\nasync function askVerify(\n  path: string,\n  payload: Record<string, string>\n): Promise<LoginVerifyResult> {\n  let body: unknown;\n  try {\n    const response = await fetch(path, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify(payload),\n      cache: 'no-store',\n      credentials: 'same-origin',\n    });\n    body = await response.json();\n  } catch {\n    return { ok: false, reason: 'unreachable' };\n  }\n  const answer = body as {\n    ok?: unknown;\n    guardian?: BookingGuardian | null;\n    reason?: unknown;\n  } | null;\n  if (answer?.ok === true) return { ok: true, guardian: answer.guardian ?? null };\n  const reason = answer?.reason;\n  return reason === 'invalid' || reason === 'throttled' || reason === 'conflict'\n    ? { ok: false, reason }\n    : { ok: false, reason: 'unreachable' };\n}\n\nexport function LoginSheet(props: LoginSheetProps) {\n  const { kit, classNames } = useBookingKit(props);\n  const { config, labels } = kit;\n  const { actions } = props;\n  const api = config.paths.portalApi;\n  const screen = {\n    labels: screenLabels(labels),\n    // «Sent» for every address; only a failed action is not (so the form is\n    // never an oracle for who books here, and never claims a code it did not send).\n    onStartLogin: async (email: string): Promise<LoginStartResult> => {\n      try {\n        return readStartLogin(await actions.startLogin({ email }));\n      } catch {\n        return { ok: false, reason: 'unreachable' };\n      }\n    },\n    // The Vipps confirm code is checked by the code alone: the pending link is\n    // in an httpOnly cookie the route reads.\n    onVerify: (code: string, context: { mode: 'email' | 'vipps'; email: string }) =>\n      context.mode === 'vipps'\n        ? askVerify(`${api}/vipps/link/verify`, { code })\n        : askVerify(`${api}/login/verify`, { email: context.email, code }),\n    onVipps: config.portal.methods.includes('vipps') ? actions.startVipps : undefined,\n    vippsConfirm: props.vippsConfirm ?? null,\n    otpClassNames: classNames.otp,\n    vippsClassNames: classNames.vipps,\n  };\n  if (props.presentation === 'inline') {\n    return (\n      <InlineLogin\n        screen={screen}\n        classNames={classNames.loginPanel}\n        target={props.returnPath ?? null}\n        fallback={config.paths.portal ?? '/'}\n      />\n    );\n  }\n  return (\n    <SheetScreen\n      {...screen}\n      resumePath={props.resumePath}\n      onSignedIn={props.onSignedIn}\n      trigger={props.trigger}\n      classNames={classNames.loginSheet}\n      panelClassNames={classNames.loginPanel}\n    />\n  );\n}\n\n/** Its own component so only the page login reads the router. */\nfunction InlineLogin({\n  screen,\n  classNames,\n  target,\n  fallback,\n}: {\n  screen: Omit<LoginPanelProps, 'onSignedIn'>;\n  classNames: LoginPanelProps['classNames'];\n  target: string | null;\n  fallback: string;\n}) {\n  const router = useRouter();\n  return (\n    <LoginPanel\n      {...screen}\n      classNames={classNames}\n      vippsNext={target}\n      onSignedIn={() => router.replace(target ?? fallback)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiEA,eAAe,UACb,MACA,SAC4B;CAC5B,IAAI;CACJ,IAAI;EAQF,OAAO,OAAM,MAPU,MAAM,MAAM;GACjC,QAAQ;GACR,SAAS,EAAE,gBAAgB,mBAAmB;GAC9C,MAAM,KAAK,UAAU,OAAO;GAC5B,OAAO;GACP,aAAa;EACf,CAAC,EAAA,CACqB,KAAK;CAC7B,QAAQ;EACN,OAAO;GAAE,IAAI;GAAO,QAAQ;EAAc;CAC5C;CACA,MAAM,SAAS;CAKf,IAAI,QAAQ,OAAO,MAAM,OAAO;EAAE,IAAI;EAAM,UAAU,OAAO,YAAY;CAAK;CAC9E,MAAM,SAAS,QAAQ;CACvB,OAAO,WAAW,aAAa,WAAW,eAAe,WAAW,aAChE;EAAE,IAAI;EAAO;CAAO,IACpB;EAAE,IAAI;EAAO,QAAQ;CAAc;AACzC;AAEA,SAAgBA,aAAW,OAAwB;CACjD,MAAM,EAAE,KAAK,eAAe,cAAc,KAAK;CAC/C,MAAM,EAAE,QAAQ,WAAW;CAC3B,MAAM,EAAE,YAAY;CACpB,MAAM,MAAM,OAAO,MAAM;CACzB,MAAM,SAAS;EACb,QAAQ,aAAa,MAAM;EAG3B,cAAc,OAAO,UAA6C;GAChE,IAAI;IACF,OAAO,eAAe,MAAM,QAAQ,WAAW,EAAE,MAAM,CAAC,CAAC;GAC3D,QAAQ;IACN,OAAO;KAAE,IAAI;KAAO,QAAQ;IAAc;GAC5C;EACF;EAGA,WAAW,MAAc,YACvB,QAAQ,SAAS,UACb,UAAU,GAAG,IAAI,qBAAqB,EAAE,KAAK,CAAC,IAC9C,UAAU,GAAG,IAAI,gBAAgB;GAAE,OAAO,QAAQ;GAAO;EAAK,CAAC;EACrE,SAAS,OAAO,OAAO,QAAQ,SAAS,OAAO,IAAI,QAAQ,aAAa,KAAA;EACxE,cAAc,MAAM,gBAAgB;EACpC,eAAe,WAAW;EAC1B,iBAAiB,WAAW;CAC9B;CACA,IAAI,MAAM,iBAAiB,UACzB,OACE,oBAAC,aAAD;EACU;EACR,YAAY,WAAW;EACvB,QAAQ,MAAM,cAAc;EAC5B,UAAU,OAAO,MAAM,UAAU;CAClC,CAAA;CAGL,OACE,oBAACC,YAAD;EACE,GAAI;EACJ,YAAY,MAAM;EAClB,YAAY,MAAM;EAClB,SAAS,MAAM;EACf,YAAY,WAAW;EACvB,iBAAiB,WAAW;CAC7B,CAAA;AAEL;;AAGA,SAAS,YAAY,EACnB,QACA,YACA,QACA,YAMC;CACD,MAAM,SAAS,UAAU;CACzB,OACE,oBAAC,YAAD;EACE,GAAI;EACQ;EACZ,WAAW;EACX,kBAAkB,OAAO,QAAQ,UAAU,QAAQ;CACpD,CAAA;AAEL"}

package/dist/react/ManageBooking.d.mts

@@ -0,0 +1,50 @@
+import { BookingManageDto, BookingServiceDto } from "../core/types.mjs";
+import { BookingOverrides } from "./Provider.mjs";
+//#region src/react/ManageBooking.d.ts
+export interface ManageBookingProps extends BookingOverrides {
+  booking: BookingManageDto;
+  /**
+   * The business's number. Absent = `config.contact.phone`; `null` renders
+   * every phone sentence unlinked (a `tel:` that dials nothing is worse than
+   * plain text, and worst here, where the phone is the last way to change it).
+   */
+  phone?: string | null;
+  /** The address under the booking and in the calendar entry. Absent = `config.contact.address`. */
+  address?: string | null;
+  /** The catalogue entry for the booked service, for the weekend note. `null` = no note. */
+  service?: BookingServiceDto | null;
+  /**
+   * Where the two mutations POST: `${config.paths.api}/manage/<token>`, built by
+   * the server that holds the token. A path, not the token, so no prop, state
+   * or error payload ever names the credential. The default matches no route
+   * and so fails loudly rather than posting a tokenless action.
+   */
+  actionPath?: string;
+  /**
+   * This page's own manage path (`paths.managePath(token)`), for the calendar
+   * entry's «change or cancel» line. `null` = no such line.
+   */
+  selfManagePath?: string | null;
+  /** Where «book a new time» goes. Absent = `config.paths.booking`. */
+  bookHref?: string;
+  /**
+   * The site's origin, to make the calendar entry's manage link absolute. Absent
+   * = the link stays root-relative, so server and client render the same.
+   */
+  siteUrl?: string;
+}
+/**
+ * `<ManageBooking>` — the page at the end of the «manage your booking» link.
+ *
+ * Renders meda's `ManageScreen` and does what it leaves to the caller: loads
+ * the openings around the appointment from `${paths.api}/availability`, posts
+ * cancel and reschedule to `actionPath`, maps the route's error codes, puts the
+ * freshly minted manage link in the address bar after a move, and builds the
+ * calendar entry (UID = the booking the entry was created under).
+ *
+ * The change windows are the engine's: `canCancel` / `canReschedule` are
+ * relayed, never recomputed.
+ */
+export declare function ManageBooking({ booking, phone, address, service, actionPath, selfManagePath, bookHref, siteUrl, ...overrides }: ManageBookingProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ManageBooking.d.mts.map