@medalsocial/booking 0.0.0-placeholder.0 → 0.2.0

package/dist/react/portal/wired.mjs

@@ -0,0 +1,202 @@
+'use client';
+import { labelText } from "../../core/labels.mjs";
+import { readAction } from "../actions.mjs";
+import { screenLabels } from "../screen-labels.mjs";
+import { agePromptCookie } from "./age-prompt.mjs";
+import { bookAgainHref } from "./book-again.mjs";
+import { leavePortal } from "./leave.mjs";
+import { vippsFlashPath } from "./vipps-flash.mjs";
+import { ChildCards, DataControls, FamilyEditor, LogoutButton, ProfileForm, RebookCards, VippsLinkRow } from "@medalsocial/meda/booking";
+import { useRouter } from "next/navigation";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/portal/wired.tsx
+/**
+* The portal's meda screens, each wired to the app's server actions with the
+* behaviour the screens leave to their caller: reading an action's answer
+* (plain or next-safe-action's envelope), sending a dead session to the
+* login, leaving with one document load, the age cookie, «book again» links
+* and the Vipps flash. Imported only by the client dashboard.
+*/
+/** An action's answer as a meda callback's: `ok(value)`, or the failure. */
+function settleAction(answer, booking, unreachable, ok) {
+	const read = readAction(answer, {
+		unreachable,
+		invalidInput: labelText(booking.kit.labels["portal.invalidInput"])
+	});
+	if (read.ok) return ok(read.value);
+	return read.failure.kind === "session" ? {
+		ok: false,
+		kind: "session"
+	} : {
+		ok: false,
+		kind: "error",
+		message: read.failure.message
+	};
+}
+/** A dead session: back to the login, as a router navigation (the source's `router.push`). */
+function useToLogin(booking) {
+	const router = useRouter();
+	return () => router.push(booking.kit.config.paths.portalLogin);
+}
+/** Whether next-safe-action pinned the rejection on `phone` — the one field a visitor can get wrong. */
+function rejectedPhone(answer) {
+	const errors = answer.validationErrors;
+	return typeof errors === "object" && errors !== null && "phone" in errors;
+}
+function PortalProfileForm({ booking, profile, actions }) {
+	const { labels } = booking.kit;
+	const unreachable = labelText(labels["profileForm.unreachable"]);
+	return /* @__PURE__ */ jsx(ProfileForm, {
+		labels: screenLabels(labels),
+		profile,
+		classNames: booking.classNames.profileForm,
+		onSessionExpired: useToLogin(booking),
+		onSave: async ({ firstName, lastName, phone }) => {
+			const answer = await actions.updateProfile({
+				...firstName ? { first_name: firstName } : {},
+				...lastName ? { last_name: lastName } : {},
+				phone
+			});
+			const result = settleAction(answer, booking, unreachable, (value) => value);
+			return result.ok || result.kind === "session" || !rejectedPhone(answer) ? result : {
+				...result,
+				field: "phone"
+			};
+		},
+		onConsentChange: async (granted) => {
+			const result = settleAction(await actions.setMarketingConsent({ granted }), booking, unreachable, (value) => value);
+			return result.ok || result.kind === "session" ? result : {
+				ok: false,
+				kind: "error"
+			};
+		}
+	});
+}
+/** Which child, in the action's wire shape. */
+function wireTarget(target) {
+	return {
+		person_id: target.personId,
+		...target.index === void 0 ? {} : { index: target.index }
+	};
+}
+function PortalFamilyEditor({ booking, family, nouns, personDetails, stylists, dismissed, cookieName, currentYear, now, actions }) {
+	const { kit } = booking;
+	const settled = (answer) => settleAction(answer, booking, labelText(kit.labels["familyEditor.unreachable"]), (value) => ({
+		ok: true,
+		family: value.profile.family,
+		personId: value.personId,
+		fallback: value.fallback
+	}));
+	return /* @__PURE__ */ jsx(FamilyEditor, {
+		labels: screenLabels(kit.labels),
+		format: kit.format,
+		family,
+		nouns,
+		personDetails,
+		stylists,
+		currentYear,
+		now,
+		agePrompt: dismissed && { dismissed },
+		classNames: booking.classNames.familyEditor,
+		components: booking.components,
+		onSessionExpired: useToLogin(booking),
+		onAgeAnswered: (ids) => {
+			document.cookie = agePromptCookie(cookieName, kit.config.paths.portal ?? "/", ids);
+		},
+		onSavePerson: async ({ create, target, person }) => settled(await actions.savePerson({
+			create,
+			...wireTarget(target),
+			person: {
+				name: person.name,
+				birth_year: person.birthYear,
+				...person.birthMonth === void 0 ? {} : { birth_month: person.birthMonth },
+				...person.notes === void 0 ? {} : { notes: person.notes },
+				...person.preferredResourceId === void 0 ? {} : { preferred_resource_id: person.preferredResourceId }
+			}
+		})),
+		onRemovePerson: async (target) => settled(await actions.removePerson(wireTarget(target)))
+	});
+}
+function PortalDataControls({ booking, actions, deletedHref }) {
+	const unreachable = labelText(booking.kit.labels["dataControls.unreachable"]);
+	return /* @__PURE__ */ jsx(DataControls, {
+		labels: screenLabels(booking.kit.labels),
+		classNames: booking.classNames.dataControls,
+		onSessionExpired: useToLogin(booking),
+		onExport: async () => settleAction(await actions.exportData(), booking, unreachable, (v) => v),
+		onDelete: async (confirm) => settleAction(await actions.deleteMe({ confirm }), booking, unreachable, (value) => {
+			leavePortal(deletedHref, { replace: true });
+			return value;
+		})
+	});
+}
+function PortalLogoutButton({ booking, actions, logoutHref }) {
+	const { labels } = booking.kit;
+	return /* @__PURE__ */ jsx(LogoutButton, {
+		labels: screenLabels(labels),
+		classNames: booking.classNames.logout,
+		onLogout: async () => {
+			if (!readAction(await actions.logout(), {
+				unreachable: "",
+				invalidInput: ""
+			}).ok) return {
+				ok: false,
+				message: labelText(labels["logout.unreachable"])
+			};
+			leavePortal(logoutHref);
+			return { ok: true };
+		}
+	});
+}
+function PortalVippsLinkRow({ booking, linked, flash, startVippsLink, onToast }) {
+	const { kit } = booking;
+	return /* @__PURE__ */ jsx(VippsLinkRow, {
+		labels: screenLabels(kit.labels),
+		linked,
+		flash,
+		announceSuccess: !onToast,
+		classNames: booking.classNames.vippsLink,
+		onStart: () => startVippsLink(null),
+		onSessionExpired: useToLogin(booking),
+		onFlash: (spent) => {
+			if (spent === "linked") onToast?.(labelText(kit.labels["vippsLink.success"]));
+			fetch(vippsFlashPath(kit.config), {
+				method: "DELETE",
+				keepalive: true
+			}).catch(() => void 0);
+		}
+	});
+}
+function PortalChildCards({ booking, kids, bookingHref, variant, empty, stylistNames }) {
+	const { kit } = booking;
+	return /* @__PURE__ */ jsx(ChildCards, {
+		kids,
+		variant,
+		empty,
+		stylistNames,
+		labels: screenLabels(kit.labels),
+		format: kit.format,
+		classNames: booking.classNames.childCards,
+		components: booking.components,
+		hrefFor: (child) => bookAgainHref(kit.config, bookingHref ?? kit.config.paths.booking, {
+			serviceId: child.serviceId,
+			resourceId: child.preferredResourceId ?? child.resourceId
+		}),
+		onBook: (child) => kit.rebook.stashRebookWho(child.name)
+	});
+}
+function PortalRebookCards({ booking, suggestions, bookingHref }) {
+	const { kit } = booking;
+	return /* @__PURE__ */ jsx(RebookCards, {
+		suggestions,
+		labels: screenLabels(kit.labels),
+		classNames: booking.classNames.rebook,
+		components: booking.components,
+		hrefFor: (suggestion) => bookAgainHref(kit.config, bookingHref ?? kit.config.paths.booking, suggestion),
+		onRebook: (suggestion) => kit.rebook.stashRebookWho(suggestion.bookedForName)
+	});
+}
+//#endregion
+export { PortalChildCards, PortalDataControls, PortalFamilyEditor, PortalLogoutButton, PortalProfileForm, PortalRebookCards, PortalVippsLinkRow };
+
+//# sourceMappingURL=wired.mjs.map

package/dist/react/portal/wired.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wired.mjs","names":[],"sources":["../../../src/react/portal/wired.tsx"],"sourcesContent":["/**\n * The portal's meda screens, each wired to the app's server actions with the\n * behaviour the screens leave to their caller: reading an action's answer\n * (plain or next-safe-action's envelope), sending a dead session to the\n * login, leaving with one document load, the age cookie, «book again» links\n * and the Vipps flash. Imported only by the client dashboard.\n */\n\nimport {\n  ChildCards,\n  type ChildCardsVariant,\n  type ChildSummary,\n  DataControls,\n  FamilyEditor,\n  LogoutButton,\n  type PersonSaveResult,\n  type PersonTarget,\n  type PortalActionFailure,\n  type PortalFamilyMemberDto,\n  type PortalPersonNouns,\n  type PortalProfileDto,\n  ProfileForm,\n  RebookCards,\n  type RebookSuggestion,\n  type VippsLinkFlash,\n  VippsLinkRow,\n} from '@medalsocial/meda/booking';\nimport { useRouter } from 'next/navigation';\nimport type { ReactNode } from 'react';\nimport { labelText } from '../../core/labels';\nimport {\n  type ActionAnswer,\n  type PersonActionResult,\n  type PortalActions,\n  readAction,\n} from '../actions';\nimport type { ResolvedBooking } from '../Provider';\nimport { screenLabels } from '../screen-labels';\nimport { agePromptCookie } from './age-prompt';\nimport { bookAgainHref } from './book-again';\nimport { leavePortal } from './leave';\nimport { vippsFlashPath } from './vipps-flash';\n\ninterface Wired {\n  booking: ResolvedBooking;\n}\n\ntype Ok<T> = Extract<T, { ok: true }>;\n\n/** An action's answer as a meda callback's: `ok(value)`, or the failure. */\nfunction settleAction<T extends object, R>(\n  answer: ActionAnswer<T> | undefined,\n  booking: ResolvedBooking,\n  unreachable: string,\n  ok: (value: Ok<T>) => R\n): R | PortalActionFailure {\n  const read = readAction(answer, {\n    unreachable,\n    invalidInput: labelText(booking.kit.labels['portal.invalidInput']),\n  });\n  if (read.ok) return ok(read.value as Ok<T>);\n  return read.failure.kind === 'session'\n    ? { ok: false, kind: 'session' }\n    : { ok: false, kind: 'error', message: read.failure.message };\n}\n\n/** A dead session: back to the login, as a router navigation (the source's `router.push`). */\nfunction useToLogin(booking: ResolvedBooking): () => void {\n  const router = useRouter();\n  return () => router.push(booking.kit.config.paths.portalLogin);\n}\n\n/** Whether next-safe-action pinned the rejection on `phone` — the one field a visitor can get wrong. */\nfunction rejectedPhone(answer: unknown): boolean {\n  const errors = (answer as { validationErrors?: unknown }).validationErrors;\n  return typeof errors === 'object' && errors !== null && 'phone' in errors;\n}\n\nexport function PortalProfileForm({\n  booking,\n  profile,\n  actions,\n}: Wired & {\n  profile: PortalProfileDto;\n  actions: Pick<PortalActions, 'updateProfile' | 'setMarketingConsent'>;\n}) {\n  const { labels } = booking.kit;\n  const unreachable = labelText(labels['profileForm.unreachable']);\n  return (\n    <ProfileForm\n      labels={screenLabels(labels)}\n      profile={profile}\n      classNames={booking.classNames.profileForm}\n      onSessionExpired={useToLogin(booking)}\n      onSave={async ({ firstName, lastName, phone }) => {\n        const answer = await actions.updateProfile({\n          ...(firstName ? { first_name: firstName } : {}),\n          ...(lastName ? { last_name: lastName } : {}),\n          phone,\n        });\n        const result = settleAction(answer, booking, unreachable, (value) => value);\n        return result.ok || result.kind === 'session' || !rejectedPhone(answer)\n          ? result\n          : { ...result, field: 'phone' as const };\n      }}\n      onConsentChange={async (granted) => {\n        const result = settleAction(\n          await actions.setMarketingConsent({ granted }),\n          booking,\n          unreachable,\n          (value) => value\n        );\n        // Whatever else went wrong, the box says «could not reach» (as the source did).\n        return result.ok || result.kind === 'session' ? result : { ok: false, kind: 'error' };\n      }}\n    />\n  );\n}\n\n/** Which child, in the action's wire shape. */\nfunction wireTarget(target: PersonTarget) {\n  return {\n    person_id: target.personId,\n    ...(target.index === undefined ? {} : { index: target.index }),\n  };\n}\n\nexport function PortalFamilyEditor({\n  booking,\n  family,\n  nouns,\n  personDetails,\n  stylists,\n  dismissed,\n  cookieName,\n  currentYear,\n  now,\n  actions,\n}: Wired & {\n  family: PortalFamilyMemberDto[];\n  nouns?: PortalPersonNouns;\n  personDetails: boolean;\n  stylists: ReadonlyArray<{ id: string; name: string }>;\n  /** The person ids the age card has already been answered for (the cookie). Absent: no card. */\n  dismissed?: readonly string[];\n  cookieName: string;\n  currentYear?: number;\n  now?: number;\n  actions: Pick<PortalActions, 'savePerson' | 'removePerson'>;\n}) {\n  const { kit } = booking;\n  const settled = (answer: ActionAnswer<PersonActionResult>): PersonSaveResult =>\n    settleAction(answer, booking, labelText(kit.labels['familyEditor.unreachable']), (value) => ({\n      ok: true,\n      family: value.profile.family,\n      personId: value.personId,\n      fallback: value.fallback,\n    }));\n  return (\n    <FamilyEditor\n      labels={screenLabels(kit.labels)}\n      format={kit.format}\n      family={family}\n      nouns={nouns}\n      personDetails={personDetails}\n      stylists={stylists}\n      currentYear={currentYear}\n      now={now}\n      agePrompt={dismissed && { dismissed }}\n      classNames={booking.classNames.familyEditor}\n      components={booking.components}\n      onSessionExpired={useToLogin(booking)}\n      onAgeAnswered={(ids) => {\n        // biome-ignore lint/suspicious/noDocumentCookie: a one-line, script-readable preference cookie; see `age-prompt.ts`.\n        document.cookie = agePromptCookie(cookieName, kit.config.paths.portal ?? '/', ids);\n      }}\n      onSavePerson={async ({ create, target, person }) =>\n        settled(\n          await actions.savePerson({\n            create,\n            ...wireTarget(target),\n            person: {\n              name: person.name,\n              birth_year: person.birthYear,\n              ...(person.birthMonth === undefined ? {} : { birth_month: person.birthMonth }),\n              ...(person.notes === undefined ? {} : { notes: person.notes }),\n              ...(person.preferredResourceId === undefined\n                ? {}\n                : { preferred_resource_id: person.preferredResourceId }),\n            },\n          })\n        )\n      }\n      onRemovePerson={async (target) => settled(await actions.removePerson(wireTarget(target)))}\n    />\n  );\n}\n\nexport function PortalDataControls({\n  booking,\n  actions,\n  deletedHref,\n}: Wired & {\n  actions: Pick<PortalActions, 'exportData' | 'deleteMe'>;\n  /** Where a deleted visitor lands (one document load, replacing this entry). */\n  deletedHref: string;\n}) {\n  const unreachable = labelText(booking.kit.labels['dataControls.unreachable']);\n  return (\n    <DataControls\n      labels={screenLabels(booking.kit.labels)}\n      classNames={booking.classNames.dataControls}\n      onSessionExpired={useToLogin(booking)}\n      onExport={async () =>\n        settleAction(await actions.exportData(), booking, unreachable, (v) => v)\n      }\n      onDelete={async (confirm) =>\n        settleAction(await actions.deleteMe({ confirm }), booking, unreachable, (value) => {\n          leavePortal(deletedHref, { replace: true });\n          return value;\n        })\n      }\n    />\n  );\n}\n\nexport function PortalLogoutButton({\n  booking,\n  actions,\n  logoutHref,\n}: Wired & {\n  actions: Pick<PortalActions, 'logout'>;\n  /** Where a logged-out visitor lands (one document load). */\n  logoutHref: string;\n}) {\n  const { labels } = booking.kit;\n  return (\n    <LogoutButton\n      labels={screenLabels(labels)}\n      classNames={booking.classNames.logout}\n      onLogout={async () => {\n        // Only an `ok` leaves: navigating away on a failure would SAY logged\n        // out while the session may still be live.\n        if (!readAction(await actions.logout(), { unreachable: '', invalidInput: '' }).ok) {\n          return { ok: false, message: labelText(labels['logout.unreachable']) };\n        }\n        leavePortal(logoutHref);\n        return { ok: true };\n      }}\n    />\n  );\n}\n\nexport function PortalVippsLinkRow({\n  booking,\n  linked,\n  flash,\n  startVippsLink,\n  onToast,\n}: Wired & {\n  linked: boolean;\n  flash: VippsLinkFlash | null;\n  startVippsLink: NonNullable<PortalActions['startVippsLink']>;\n  /** Shows the «linked» toast; without it the row says so inline. */\n  onToast?: (message: string) => void;\n}) {\n  const { kit } = booking;\n  return (\n    <VippsLinkRow\n      labels={screenLabels(kit.labels)}\n      linked={linked}\n      flash={flash}\n      announceSuccess={!onToast}\n      classNames={booking.classNames.vippsLink}\n      onStart={() => startVippsLink(null)}\n      onSessionExpired={useToLogin(booking)}\n      onFlash={(spent) => {\n        if (spent === 'linked') onToast?.(labelText(kit.labels['vippsLink.success']));\n        // Spend the flash. Best effort: it lapses on its own regardless.\n        void fetch(vippsFlashPath(kit.config), { method: 'DELETE', keepalive: true }).catch(\n          () => undefined\n        );\n      }}\n    />\n  );\n}\n\nexport function PortalChildCards({\n  booking,\n  kids,\n  bookingHref,\n  variant,\n  empty,\n  stylistNames,\n}: Wired & {\n  kids: ChildSummary[];\n  bookingHref?: string;\n  variant?: ChildCardsVariant;\n  empty?: ReactNode;\n  stylistNames?: Readonly<Record<string, string>>;\n}) {\n  const { kit } = booking;\n  return (\n    <ChildCards\n      kids={kids}\n      variant={variant}\n      empty={empty}\n      stylistNames={stylistNames}\n      labels={screenLabels(kit.labels)}\n      format={kit.format}\n      classNames={booking.classNames.childCards}\n      components={booking.components}\n      // The last visit, with the child's usual stylist where they have one.\n      hrefFor={(child) =>\n        bookAgainHref(kit.config, bookingHref ?? kit.config.paths.booking, {\n          serviceId: child.serviceId,\n          resourceId: child.preferredResourceId ?? child.resourceId,\n        })\n      }\n      // The name goes through the tab's session store, never the URL.\n      onBook={(child) => kit.rebook.stashRebookWho(child.name)}\n    />\n  );\n}\n\nexport function PortalRebookCards({\n  booking,\n  suggestions,\n  bookingHref,\n}: Wired & { suggestions: RebookSuggestion[]; bookingHref?: string }) {\n  const { kit } = booking;\n  return (\n    <RebookCards\n      suggestions={suggestions}\n      labels={screenLabels(kit.labels)}\n      classNames={booking.classNames.rebook}\n      components={booking.components}\n      hrefFor={(suggestion) =>\n        bookAgainHref(kit.config, bookingHref ?? kit.config.paths.booking, suggestion)\n      }\n      // Every tap REPLACES the stash — `null` clears it.\n      onRebook={(suggestion) => kit.rebook.stashRebookWho(suggestion.bookedForName)}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/react/screen-labels.mjs

@@ -0,0 +1,14 @@
+'use client';
+//#region src/react/screen-labels.ts
+/**
+* A pack as meda's screens type their `labels` prop: the same object. meda
+* 3.4 takes a string or an array for every key; this only narrows the type
+* for a meda whose types still read `string`.
+*/
+function screenLabels(labels) {
+	return labels;
+}
+//#endregion
+export { screenLabels };
+
+//# sourceMappingURL=screen-labels.mjs.map

package/dist/react/screen-labels.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-labels.mjs","names":[],"sources":["../../src/react/screen-labels.ts"],"sourcesContent":["import type { BookingLabels as MedaBookingLabels } from '@medalsocial/meda/booking';\nimport type { BookingLabels } from './labels';\n\n/**\n * A pack as meda's screens type their `labels` prop: the same object. meda\n * 3.4 takes a string or an array for every key; this only narrows the type\n * for a meda whose types still read `string`.\n */\nexport function screenLabels(labels: Readonly<BookingLabels>): MedaBookingLabels {\n  return labels as unknown as MedaBookingLabels;\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,aAAa,QAAoD;CAC/E,OAAO;AACT"}

package/dist/react/shared.d.mts

@@ -0,0 +1,13 @@
+import { BookingLabel } from "../core/labels.mjs";
+import { LoginLabels } from "./labels/login.mjs";
+import { ManageLabels } from "./labels/manage.mjs";
+import { PortalLabels } from "./labels/portal.mjs";
+import { ScreenLabels } from "./labels/screens.mjs";
+import { WizardLabels } from "./labels/wizard.mjs";
+import { BOOKING_LABELS, BookingLabels, BookingLabelsInput, mergeLabels } from "./labels/index.mjs";
+import { agePromptCookieName, parseAgePromptDismissed } from "./portal/age-prompt.mjs";
+import { bookAgainHref } from "./portal/book-again.mjs";
+import { createChildSummaries } from "./portal/child-summary.mjs";
+import { DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, PORTAL_TABS, PortalTab, parsePortalTab } from "./portal/tabs.mjs";
+import { VIPPS_LINK_FLASHES, VippsLinkFlash, vippsFlashPath, vippsLinkFlash } from "./portal/vipps-flash.mjs";
+export { BOOKING_LABELS, type BookingLabel, BookingLabels, BookingLabelsInput, DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, type LoginLabels, type ManageLabels, PORTAL_TABS, type PortalLabels, type PortalTab, type ScreenLabels, VIPPS_LINK_FLASHES, type VippsLinkFlash, type WizardLabels, agePromptCookieName, bookAgainHref, createChildSummaries, mergeLabels, parseAgePromptDismissed, parsePortalTab, vippsFlashPath, vippsLinkFlash };

package/dist/react/shared.mjs

@@ -0,0 +1,7 @@
+import { agePromptCookieName, parseAgePromptDismissed } from "./portal/age-prompt.mjs";
+import { bookAgainHref } from "./portal/book-again.mjs";
+import { createChildSummaries } from "./portal/child-summary.mjs";
+import { DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, PORTAL_TABS, parsePortalTab } from "./portal/tabs.mjs";
+import { VIPPS_LINK_FLASHES, vippsFlashPath, vippsLinkFlash } from "./portal/vipps-flash.mjs";
+import { BOOKING_LABELS, mergeLabels } from "./labels/index.mjs";
+export { BOOKING_LABELS, DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, PORTAL_TABS, VIPPS_LINK_FLASHES, agePromptCookieName, bookAgainHref, createChildSummaries, mergeLabels, parseAgePromptDismissed, parsePortalTab, vippsFlashPath, vippsLinkFlash };

package/dist/react/use-next-free.d.mts

@@ -0,0 +1,19 @@
+import { BookingConfig } from "../core/config.mjs";
+import { NextFree, NextFreeClient } from "../core/next-free.mjs";
+//#region src/react/use-next-free.d.ts
+/** The shared `createNextFree` client for this config's `paths`. */
+export declare function nextFreeClient(config: Pick<BookingConfig, 'paths'>): NextFreeClient;
+/**
+ * The business's next free time, fetched after the page is idle — never in
+ * the way of the LCP or the first tap — or `null` until then (and while
+ * nothing is free). Re-asked when the answer's minute is up or the quoted time
+ * starts, so a visitor who lingers never reads an hour that has passed.
+ * `enabled: false` asks nothing: a site whose bookings go to another provider
+ * must not quote Medal's diary.
+ *
+ * `config` is the site's, or the nearest `BookingProvider`'s.
+ */
+export declare function useNextFree(enabled: boolean, config?: Readonly<BookingConfig>): NextFree | null;
+//#endregion
+export type { NextFree };
+//# sourceMappingURL=use-next-free.d.mts.map

package/dist/react/use-next-free.mjs

@@ -0,0 +1,56 @@
+'use client';
+import { NEXT_FREE_TTL_MS, createNextFree } from "../core/next-free.mjs";
+import { useBookingKit } from "./Provider.mjs";
+import { useEffect, useState } from "react";
+//#region src/react/use-next-free.ts
+/** One client per site (keyed on its `paths`), so every caller shares one answer. */
+const CLIENTS = /* @__PURE__ */ new WeakMap();
+/** The shared `createNextFree` client for this config's `paths`. */
+function nextFreeClient(config) {
+	let client = CLIENTS.get(config.paths);
+	if (client === void 0) {
+		client = createNextFree(config);
+		CLIENTS.set(config.paths, client);
+	}
+	return client;
+}
+/**
+* The business's next free time, fetched after the page is idle — never in
+* the way of the LCP or the first tap — or `null` until then (and while
+* nothing is free). Re-asked when the answer's minute is up or the quoted time
+* starts, so a visitor who lingers never reads an hour that has passed.
+* `enabled: false` asks nothing: a site whose bookings go to another provider
+* must not quote Medal's diary.
+*
+* `config` is the site's, or the nearest `BookingProvider`'s.
+*/
+function useNextFree(enabled, config) {
+	const client = nextFreeClient(useBookingKit({ config }).kit.config);
+	const [nextFree, setNextFree] = useState(null);
+	useEffect(() => {
+		if (!enabled) return;
+		let alive = true;
+		let refresh = 0;
+		const run = () => {
+			client.fetchNextFree().then((answer) => {
+				if (!alive) return;
+				setNextFree(answer !== null && answer.startTs > Date.now() ? answer : null);
+				const until = answer === null ? NEXT_FREE_TTL_MS : Math.min(NEXT_FREE_TTL_MS, answer.startTs - Date.now());
+				refresh = window.setTimeout(run, Math.max(until, 1e3));
+			});
+		};
+		const { requestIdleCallback: idle, cancelIdleCallback: cancelIdle } = window;
+		const handle = idle ? idle(run) : window.setTimeout(run, 1500);
+		return () => {
+			alive = false;
+			window.clearTimeout(refresh);
+			if (idle && cancelIdle) cancelIdle(handle);
+			else window.clearTimeout(handle);
+		};
+	}, [enabled, client]);
+	return nextFree;
+}
+//#endregion
+export { nextFreeClient, useNextFree };
+
+//# sourceMappingURL=use-next-free.mjs.map

package/dist/react/use-next-free.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-next-free.mjs","names":[],"sources":["../../src/react/use-next-free.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { BookingConfig } from '../core/config';\nimport {\n  createNextFree,\n  NEXT_FREE_TTL_MS,\n  type NextFree,\n  type NextFreeClient,\n} from '../core/next-free';\nimport { useBookingKit } from './Provider';\n\nexport type { NextFree };\n\n/** One client per site (keyed on its `paths`), so every caller shares one answer. */\nconst CLIENTS = new WeakMap<object, NextFreeClient>();\n\n/** The shared `createNextFree` client for this config's `paths`. */\nexport function nextFreeClient(config: Pick<BookingConfig, 'paths'>): NextFreeClient {\n  let client = CLIENTS.get(config.paths);\n  if (client === undefined) {\n    client = createNextFree(config);\n    CLIENTS.set(config.paths, client);\n  }\n  return client;\n}\n\ntype IdleWindow = {\n  requestIdleCallback?: (callback: () => void) => number;\n  cancelIdleCallback?: (handle: number) => void;\n};\n\n/**\n * The business's next free time, fetched after the page is idle — never in\n * the way of the LCP or the first tap — or `null` until then (and while\n * nothing is free). Re-asked when the answer's minute is up or the quoted time\n * starts, so a visitor who lingers never reads an hour that has passed.\n * `enabled: false` asks nothing: a site whose bookings go to another provider\n * must not quote Medal's diary.\n *\n * `config` is the site's, or the nearest `BookingProvider`'s.\n */\nexport function useNextFree(enabled: boolean, config?: Readonly<BookingConfig>): NextFree | null {\n  const client = nextFreeClient(useBookingKit({ config }).kit.config);\n  const [nextFree, setNextFree] = useState<NextFree | null>(null);\n\n  useEffect(() => {\n    if (!enabled) return;\n    let alive = true;\n    let refresh = 0;\n\n    const run = () => {\n      void client.fetchNextFree().then((answer) => {\n        if (!alive) return;\n        // A quoted time that has started is not «next free» any more.\n        setNextFree(answer !== null && answer.startTs > Date.now() ? answer : null);\n        const until =\n          answer === null\n            ? NEXT_FREE_TTL_MS\n            : Math.min(NEXT_FREE_TTL_MS, answer.startTs - Date.now());\n        refresh = window.setTimeout(run, Math.max(until, 1_000));\n      });\n    };\n\n    const { requestIdleCallback: idle, cancelIdleCallback: cancelIdle } = window as IdleWindow;\n    const handle = idle ? idle(run) : window.setTimeout(run, 1_500);\n    return () => {\n      alive = false;\n      window.clearTimeout(refresh);\n      if (idle && cancelIdle) cancelIdle(handle);\n      else window.clearTimeout(handle);\n    };\n  }, [enabled, client]);\n\n  return nextFree;\n}\n"],"mappings":";;;;;;AAaA,MAAM,0BAAU,IAAI,QAAgC;;AAGpD,SAAgB,eAAe,QAAsD;CACnF,IAAI,SAAS,QAAQ,IAAI,OAAO,KAAK;CACrC,IAAI,WAAW,KAAA,GAAW;EACxB,SAAS,eAAe,MAAM;EAC9B,QAAQ,IAAI,OAAO,OAAO,MAAM;CAClC;CACA,OAAO;AACT;;;;;;;;;;;AAiBA,SAAgB,YAAY,SAAkB,QAAmD;CAC/F,MAAM,SAAS,eAAe,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,MAAM;CAClE,MAAM,CAAC,UAAU,eAAe,SAA0B,IAAI;CAE9D,gBAAgB;EACd,IAAI,CAAC,SAAS;EACd,IAAI,QAAQ;EACZ,IAAI,UAAU;EAEd,MAAM,YAAY;GAChB,OAAY,cAAc,CAAC,CAAC,MAAM,WAAW;IAC3C,IAAI,CAAC,OAAO;IAEZ,YAAY,WAAW,QAAQ,OAAO,UAAU,KAAK,IAAI,IAAI,SAAS,IAAI;IAC1E,MAAM,QACJ,WAAW,OACP,mBACA,KAAK,IAAI,kBAAkB,OAAO,UAAU,KAAK,IAAI,CAAC;IAC5D,UAAU,OAAO,WAAW,KAAK,KAAK,IAAI,OAAO,GAAK,CAAC;GACzD,CAAC;EACH;EAEA,MAAM,EAAE,qBAAqB,MAAM,oBAAoB,eAAe;EACtE,MAAM,SAAS,OAAO,KAAK,GAAG,IAAI,OAAO,WAAW,KAAK,IAAK;EAC9D,aAAa;GACX,QAAQ;GACR,OAAO,aAAa,OAAO;GAC3B,IAAI,QAAQ,YAAY,WAAW,MAAM;QACpC,OAAO,aAAa,MAAM;EACjC;CACF,GAAG,CAAC,SAAS,MAAM,CAAC;CAEpB,OAAO;AACT"}

package/dist/react/useBooking.d.mts

@@ -0,0 +1,179 @@
+import { AgeRange } from "../core/age.mjs";
+import { WizardAction, WizardPerson, WizardService, WizardState } from "../core/machine.mjs";
+import { BookingDayDto, BookingFamilyMember, BookingGuardian, BookingResourceDto, BookingServiceDto, BookingSlotDto, BookingSubmission } from "../core/types.mjs";
+import { SubmittedVisit } from "../core/attempt-store.mjs";
+import { PartySlot } from "../core/party-slots.mjs";
+import { BookingKit } from "./kit.mjs";
+import { BookingOverrides } from "./Provider.mjs";
+//#region src/react/useBooking.d.ts
+/**
+ * What the booking page prefetched on the server. Structurally the `/next`
+ * loader's seed; every part but `services` may be missing, and whatever is
+ * missing is fetched on demand into the same place.
+ */
+export interface BookingSeed {
+  /** The full catalogue. */
+  services: BookingServiceDto[];
+  /** The stylists, or `null`/absent when they could not be read. */
+  resources?: BookingResourceDto[] | null;
+  /** Openings by service id, unfiltered by stylist. */
+  slots?: Record<string, BookingSlotDto[]>;
+  /** The business's hours over the window, by service id. */
+  schedules?: Record<string, BookingDayDto[]>;
+  /** «Next available» per stylist, by service id. */
+  nextAvailable?: Record<string, Record<string, number>>;
+  /** The instant the seed's window starts at; pinned once when absent. */
+  fromTs?: number;
+}
+export interface UseBookingOptions extends BookingOverrides {
+  seed: BookingSeed;
+  /**
+   * The business's phone and address for this request, over `config.contact`
+   * — what `/next`'s `loadBookingPage` answers as `contact`.
+   */
+  contact?: {
+    phone?: string | null;
+    address?: string | null;
+  };
+  /** The parent the page found a portal session for; `null` for a guest. */
+  guardian?: BookingGuardian | null;
+  /** How many days the window covers. Default `config.window.rangeDays`. */
+  rangeDays?: number;
+}
+/** A person's «same as last time», and the note when it was swapped for their age. */
+export interface BookingSuggestion {
+  service: BookingServiceDto;
+  note?: string;
+}
+/** One booked line on the confirmation. */
+export interface ConfirmedLine {
+  item: SubmittedVisit['items'][number];
+  bookingId: string;
+  stylistName: string | null;
+  manageHref: string | null;
+}
+/** The confirmation, once a booking came back. */
+export interface BookingConfirmation {
+  bookings: Array<{
+    id: string;
+    manageHref: string | null;
+  }>;
+  submitted: SubmittedVisit;
+}
+/**
+ * Whether a create answer is a whole one: exactly one booking, with its own
+ * distinct id, per submitted line. Anything else — none, fewer, more, an id
+ * missing or repeated — is not a
+ * confirmation; the wizard shows it as the generic create failure
+ * (`upstreamError`, «we still do not know»), whose attempt survives for the
+ * replay under the same idempotency key.
+ */
+export declare function isCompleteConfirmation(bookings: ReadonlyArray<{
+  id?: unknown;
+}> | null | undefined, itemCount: number): boolean;
+/**
+ * The basket and the create response, zipped by INDEX — each line its OWN
+ * booking. Only a whole answer (`isCompleteConfirmation`) gets this far; a line
+ * the answer has no booking for is left out rather than handed a sibling's id,
+ * which would give two calendar entries one UID.
+ */
+export declare function confirmationLines(confirmation: BookingConfirmation): ConfirmedLine[];
+/**
+ * A saved child as the person the machine seats: by `personId` when Medal has
+ * one, else by their PLACE in the profile with name and year beside it, so two
+ * «Emma 2018» are two seats and a reordered list matches nobody.
+ */
+export declare function personForChild(child: BookingFamilyMember, index: number): WizardPerson;
+export declare function useBooking(options: UseBookingOptions): {
+  kit: BookingKit;
+  state: WizardState;
+  dispatch: (value: WizardAction) => void;
+  /** The parent: who arrived, who logged in from the sheet, and the merged answer. */
+  login: {
+    arrivedAs: BookingGuardian | null;
+    signedIn: {
+      guardian: BookingGuardian | null;
+    } | null;
+    guardian: BookingGuardian | null;
+    signIn: (who: BookingGuardian | null) => void;
+    vippsConfirm: {
+      to: string | null;
+    } | null;
+    resumePath: string;
+  };
+  people: {
+    family: BookingFamilyMember[] | null;
+    ageDayKey: string;
+    personAge: (person: WizardPerson, dayKey: string) => AgeRange | null;
+    suggestionFor: (person: WizardPerson) => BookingSuggestion | null;
+    choosePeople: (people: WizardPerson[], advance: boolean) => void;
+    addChild: (child: {
+      name: string;
+      birthYear: number;
+      birthMonth?: number;
+      notes?: string;
+    }) => Promise<{
+      ok: true;
+    } | {
+      ok: false;
+      message: string;
+    }>;
+  };
+  catalogue: {
+    services: BookingServiceDto[];
+    resources: BookingResourceDto[];
+    resourcesKnown: boolean;
+    resolveStylistName: (resourceId: string) => string | null;
+    chosenStylistName: string | null;
+    stylistNotice: string | null;
+    deepLinkCategory: string | null;
+  };
+  slots: {
+    fromTs: number;
+    toTs: number;
+    days: number[];
+    single: BookingSlotDto[];
+    party: PartySlot[];
+    alternatives: PartySlot[];
+    failed: boolean;
+    ready: boolean;
+    takenSlotTs: number | null;
+    nextAvailableTs: Record<string, number>;
+    nextAvailableLoading: boolean;
+  };
+  schedule: {
+    openDays: BookingDayDto[] | null;
+    settled: boolean;
+  };
+  derived: {
+    canAdvance: boolean;
+    party: boolean;
+    total: number;
+    summary: string;
+    visitEnd: number | null;
+  };
+  pickService: (service: BookingServiceDto) => void;
+  pickServiceFor: (index: number, service: WizardService) => void;
+  toggleServiceFor: (index: number, service: WizardService) => void;
+  continueFromService: () => void;
+  pickResource: (resourceId: string | null) => void;
+  pickSlot: (slot: BookingSlotDto) => void;
+  pickPartySlot: (slot: PartySlot) => void;
+  next: () => void;
+  submit: (submission: BookingSubmission) => Promise<void>;
+  submitting: boolean;
+  submissionNonce: string | undefined;
+  confirmed: BookingConfirmation | null;
+  startOver: () => void;
+  /** Ask for the openings again after a failure. */
+  refresh: () => void;
+  restore: {
+    hydrated: boolean;
+    restoring: boolean;
+    linked: boolean;
+    resuming: boolean;
+  };
+};
+export type BookingController = ReturnType<typeof useBooking>;
+//#endregion
+//# sourceMappingURL=useBooking.d.mts.map