@medalsocial/booking 0.2.1 → 0.3.0

package/dist/react/Provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.mjs","names":[],"sources":["../../src/react/Provider.tsx"],"sourcesContent":["/**\n * `<BookingProvider>` — one config, one label pack and one set of overrides\n * for every booking piece under it (the wizard, a sticky bar, a hero chip, the\n * manage page), so they agree about the business without each being told.\n *\n * Every component also takes the same four props itself; a prop wins over the\n * provider, and a component outside any provider needs at least `config`.\n */\n\nimport type {\n  AccountCardSlot,\n  AddChildSheetSlot,\n  BookingCardProps,\n  BookingSkeletonSlot,\n  ChildCardProps,\n  ChildCardsSlot,\n  ConfirmationSlot,\n  DataControlsSlot,\n  DayChipProps,\n  DetailsScreenSlot,\n  FamilyChipProps,\n  FamilyEditorSlot,\n  FamilyMemberCardProps,\n  LoginPanelSlot,\n  LoginSheetSlot,\n  LogoutButtonSlot,\n  ManageScreenSlot,\n  OtpSlotsSlot,\n  PartyLineProps,\n  PersonCardProps,\n  PortalShellSlot,\n  PortalUnreachableSlot,\n  ProfileFormSlot,\n  RebookCardProps,\n  RebookCardsSlot,\n  ServiceCardProps,\n  ServiceScreenSlot,\n  SlotClassNames,\n  StylistCardProps,\n  StylistScreenSlot,\n  SummaryBarSlot,\n  TimeChipProps,\n  TimeScreenSlot,\n  UpcomingBookingsSlot,\n  VippsButtonSlot,\n  VippsLinkRowSlot,\n  VisitHistorySlot,\n  VisitRowProps,\n  WhoScreenSlot,\n} from '@medalsocial/meda/booking';\nimport { type ComponentType, createContext, type ReactNode, useContext, useMemo } from 'react';\nimport type { BookingConfig } from '../core/config';\nimport { type BookingKit, createBookingKit } from './kit';\nimport type { BookingLabels, BookingLabelsInput } from './labels';\n\n/** Per-screen slot classes (see each meda screen's `…Slot` type for the slots). */\nexport interface BookingClassNames {\n  wizard?: SlotClassNames<'root' | 'header' | 'back' | 'progress' | 'alert'>;\n  who?: SlotClassNames<WhoScreenSlot>;\n  addChild?: SlotClassNames<AddChildSheetSlot>;\n  service?: SlotClassNames<ServiceScreenSlot>;\n  stylist?: SlotClassNames<StylistScreenSlot>;\n  time?: SlotClassNames<TimeScreenSlot>;\n  details?: SlotClassNames<DetailsScreenSlot>;\n  summary?: SlotClassNames<SummaryBarSlot>;\n  confirmation?: SlotClassNames<ConfirmationSlot>;\n  skeleton?: SlotClassNames<BookingSkeletonSlot>;\n  manage?: SlotClassNames<ManageScreenSlot>;\n  loginSheet?: SlotClassNames<LoginSheetSlot>;\n  loginPanel?: SlotClassNames<LoginPanelSlot>;\n  otp?: SlotClassNames<OtpSlotsSlot>;\n  vipps?: SlotClassNames<VippsButtonSlot>;\n  portalShell?: SlotClassNames<PortalShellSlot>;\n  portalUnreachable?: SlotClassNames<PortalUnreachableSlot>;\n  upcoming?: SlotClassNames<UpcomingBookingsSlot>;\n  history?: SlotClassNames<VisitHistorySlot>;\n  rebook?: SlotClassNames<RebookCardsSlot>;\n  childCards?: SlotClassNames<ChildCardsSlot>;\n  accountCard?: SlotClassNames<AccountCardSlot>;\n  familyEditor?: SlotClassNames<FamilyEditorSlot>;\n  profileForm?: SlotClassNames<ProfileFormSlot>;\n  dataControls?: SlotClassNames<DataControlsSlot>;\n  logout?: SlotClassNames<LogoutButtonSlot>;\n  vippsLink?: SlotClassNames<VippsLinkRowSlot>;\n}\n\n/** Card-level renderers, by name; each one is handed to the screen that draws it. */\nexport interface BookingComponents {\n  PersonCard?: ComponentType<PersonCardProps>;\n  ServiceCard?: ComponentType<ServiceCardProps>;\n  StylistCard?: ComponentType<StylistCardProps>;\n  DayChip?: ComponentType<DayChipProps>;\n  TimeChip?: ComponentType<TimeChipProps>;\n  FamilyChip?: ComponentType<FamilyChipProps>;\n  PartyLine?: ComponentType<PartyLineProps>;\n  BookingCard?: ComponentType<BookingCardProps>;\n  VisitRow?: ComponentType<VisitRowProps>;\n  RebookCard?: ComponentType<RebookCardProps>;\n  ChildCard?: ComponentType<ChildCardProps>;\n  FamilyMemberCard?: ComponentType<FamilyMemberCardProps>;\n}\n\n/** The four props every booking component and the provider take. */\nexport interface BookingOverrides {\n  /** The site's resolved config (`resolveBookingConfig` from `/core`, run on the server). */\n  config?: Readonly<BookingConfig>;\n  /**\n   * Words over `config.labels`. The pack itself is resolved on the server —\n   * `mergeLabels(locale, siteWords)` from `@medalsocial/booking/react/shared`\n   * — so the built-in packs never ship in the browser bundle.\n   */\n  labels?: BookingLabelsInput;\n  classNames?: BookingClassNames;\n  components?: BookingComponents;\n}\n\ninterface BookingContextValue {\n  config: Readonly<BookingConfig> | undefined;\n  labels: BookingLabelsInput | undefined;\n  classNames: BookingClassNames;\n  components: BookingComponents;\n}\n\nconst BookingContext = createContext<BookingContextValue | null>(null);\n\nexport interface BookingProviderProps extends BookingOverrides {\n  children?: ReactNode;\n}\n\nexport function BookingProvider({\n  config,\n  labels,\n  classNames,\n  components,\n  children,\n}: BookingProviderProps) {\n  const parent = useContext(BookingContext);\n  const value = useMemo<BookingContextValue>(\n    () => ({\n      config: config ?? parent?.config,\n      labels:\n        parent?.labels && labels ? { ...parent.labels, ...labels } : (labels ?? parent?.labels),\n      classNames: mergeClassNames(parent?.classNames, classNames),\n      components: { ...parent?.components, ...components },\n    }),\n    [config, labels, classNames, components, parent]\n  );\n  return <BookingContext.Provider value={value}>{children}</BookingContext.Provider>;\n}\n\n/** What a component renders with: the kit, and the overrides that apply to it. */\nexport interface ResolvedBooking {\n  kit: BookingKit;\n  classNames: BookingClassNames;\n  components: BookingComponents;\n}\n\n/**\n * The kit for a component's own props over the nearest provider. Memoised on\n * the inputs, so a re-render with the same props reuses the same clock,\n * machine and label pack.\n */\nexport function useBookingKit(\n  props: BookingOverrides,\n  contact?: Partial<Pick<BookingConfig['contact'], 'phone' | 'address'>>\n): ResolvedBooking {\n  const context = useContext(BookingContext);\n  const base = props.config ?? context?.config;\n  if (base === undefined) {\n    throw new Error(\n      'A booking component needs a `config`: pass it, or render it inside <BookingProvider config={…}>.'\n    );\n  }\n  const config = withContact(base, contact);\n  const contextLabels = context?.labels;\n  const labels = useMemo(\n    () => mergedLabels(config, contextLabels, props.labels),\n    [config, contextLabels, props.labels]\n  );\n  const kit = useMemo(() => createBookingKit(config, labels), [config, labels]);\n  const contextClassNames = context?.classNames;\n  const contextComponents = context?.components;\n  const classNames = useMemo(\n    () => mergeClassNames(contextClassNames, props.classNames),\n    [contextClassNames, props.classNames]\n  );\n  const components = useMemo(\n    () => ({ ...contextComponents, ...props.components }),\n    [contextComponents, props.components]\n  );\n  return { kit, classNames, components };\n}\n\nconst WITH_CONTACT = new WeakMap<object, Map<string, Readonly<BookingConfig>>>();\n\n/**\n * The config with a per-request contact over its own (a page that reads the\n * phone and address from a CMS), one object per pair so the kit is reused.\n */\nfunction withContact(\n  config: Readonly<BookingConfig>,\n  contact: Partial<Pick<BookingConfig['contact'], 'phone' | 'address'>> | undefined\n): Readonly<BookingConfig> {\n  if (contact === undefined) return config;\n  const merged = { ...config.contact, ...contact };\n  const key = JSON.stringify([merged.phone, merged.address]);\n  let byKey = WITH_CONTACT.get(config);\n  if (!byKey) {\n    byKey = new Map();\n    WITH_CONTACT.set(config, byKey);\n  }\n  let derived = byKey.get(key);\n  if (!derived) {\n    derived = Object.freeze({ ...config, contact: Object.freeze(merged) });\n    byKey.set(key, derived);\n  }\n  return derived;\n}\n\n/** Stands in for «no labels» as a cache key. */\nconst NO_LABELS: BookingLabelsInput = {};\nconst MERGED = new WeakMap<\n  object,\n  WeakMap<BookingLabelsInput, WeakMap<BookingLabelsInput, Readonly<BookingLabels>>>\n>();\n\n/**\n * The pack a component renders with, cached on its three inputs, so every\n * component that shares a config and the same label objects shares one pack\n * — and so one kit (`createBookingKit` caches on the pack's identity).\n */\nfunction mergedLabels(\n  config: Readonly<BookingConfig>,\n  outer: BookingLabelsInput | undefined,\n  inner: BookingLabelsInput | undefined\n): Readonly<BookingLabels> {\n  let byOuter = MERGED.get(config);\n  if (!byOuter) {\n    byOuter = new WeakMap();\n    MERGED.set(config, byOuter);\n  }\n  let byInner = byOuter.get(outer ?? NO_LABELS);\n  if (!byInner) {\n    byInner = new WeakMap();\n    byOuter.set(outer ?? NO_LABELS, byInner);\n  }\n  const known = byInner.get(inner ?? NO_LABELS);\n  if (known) return known;\n  const merged = {\n    ...config.labels,\n    ...outer,\n    ...inner,\n    // The consent sentence is the one recorded with its version, so the box shows it.\n    ...(config.consent.marketing\n      ? { 'details.marketing.text': config.consent.marketing.text }\n      : {}),\n  } as BookingLabels;\n  if (merged['who.heading'] === undefined) {\n    console.warn(\n      '[@medalsocial/booking] No label pack: pass `labels: mergeLabels(locale, …)` from ' +\n        \"'@medalsocial/booking/react/shared' into the config or the provider.\"\n    );\n  }\n  byInner.set(inner ?? NO_LABELS, merged);\n  return merged;\n}\n\n/** Screen by screen: a component's own slot classes over the provider's. */\nfunction mergeClassNames(\n  outer: BookingClassNames | undefined,\n  inner: BookingClassNames | undefined\n): BookingClassNames {\n  if (!outer) return inner ?? {};\n  if (!inner) return outer;\n  const merged: Record<string, Record<string, string> | undefined> = { ...outer };\n  for (const [screen, slots] of Object.entries(inner)) {\n    merged[screen] = { ...(outer as Record<string, Record<string, string>>)[screen], ...slots };\n  }\n  return merged as BookingClassNames;\n}\n"],"mappings":"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"}
+{"version":3,"file":"Provider.mjs","names":[],"sources":["../../src/react/Provider.tsx"],"sourcesContent":["/**\n * `<BookingProvider>` — one config, one label pack and one set of overrides\n * for every booking piece under it (the wizard, a sticky bar, a hero chip, the\n * manage page), so they agree about the business without each being told.\n *\n * Every component also takes the same four props itself; a prop wins over the\n * provider, and a component outside any provider needs at least `config`.\n */\n\nimport type {\n  AccountCardSlot,\n  AddChildSheetSlot,\n  BookingCardProps,\n  BookingRecapSlot,\n  BookingSkeletonSlot,\n  ChildCardProps,\n  ChildCardsSlot,\n  ConfirmationSlot,\n  DataControlsSlot,\n  DayChipProps,\n  DetailsScreenSlot,\n  FamilyChipProps,\n  FamilyEditorSlot,\n  FamilyMemberCardProps,\n  LoginPanelSlot,\n  LoginSheetSlot,\n  LogoutButtonSlot,\n  ManageScreenSlot,\n  OtpSlotsSlot,\n  PartyLineProps,\n  PersonCardProps,\n  PortalShellSlot,\n  PortalUnreachableSlot,\n  ProfileFormSlot,\n  RebookCardProps,\n  RebookCardsSlot,\n  ServiceCardProps,\n  ServiceScreenSlot,\n  SlotClassNames,\n  StylistCardProps,\n  StylistScreenSlot,\n  SummaryBarSlot,\n  TimeChipProps,\n  TimeScreenSlot,\n  UpcomingBookingsSlot,\n  VippsButtonSlot,\n  VippsLinkRowSlot,\n  VisitHistorySlot,\n  VisitRowProps,\n  WhoScreenSlot,\n} from '@medalsocial/meda/booking';\nimport { type ComponentType, createContext, type ReactNode, useContext, useMemo } from 'react';\nimport type { BookingConfig } from '../core/config';\nimport { type BookingKit, createBookingKit } from './kit';\nimport type { BookingLabels, BookingLabelsInput } from './labels';\n\n/** Per-screen slot classes (see each meda screen's `…Slot` type for the slots). */\nexport interface BookingClassNames {\n  wizard?: SlotClassNames<'root' | 'header' | 'back' | 'progress' | 'alert'>;\n  who?: SlotClassNames<WhoScreenSlot>;\n  addChild?: SlotClassNames<AddChildSheetSlot>;\n  service?: SlotClassNames<ServiceScreenSlot>;\n  stylist?: SlotClassNames<StylistScreenSlot>;\n  time?: SlotClassNames<TimeScreenSlot>;\n  details?: SlotClassNames<DetailsScreenSlot>;\n  recap?: SlotClassNames<BookingRecapSlot>;\n  summary?: SlotClassNames<SummaryBarSlot>;\n  confirmation?: SlotClassNames<ConfirmationSlot>;\n  skeleton?: SlotClassNames<BookingSkeletonSlot>;\n  manage?: SlotClassNames<ManageScreenSlot>;\n  loginSheet?: SlotClassNames<LoginSheetSlot>;\n  loginPanel?: SlotClassNames<LoginPanelSlot>;\n  otp?: SlotClassNames<OtpSlotsSlot>;\n  vipps?: SlotClassNames<VippsButtonSlot>;\n  portalShell?: SlotClassNames<PortalShellSlot>;\n  portalUnreachable?: SlotClassNames<PortalUnreachableSlot>;\n  upcoming?: SlotClassNames<UpcomingBookingsSlot>;\n  history?: SlotClassNames<VisitHistorySlot>;\n  rebook?: SlotClassNames<RebookCardsSlot>;\n  childCards?: SlotClassNames<ChildCardsSlot>;\n  accountCard?: SlotClassNames<AccountCardSlot>;\n  familyEditor?: SlotClassNames<FamilyEditorSlot>;\n  profileForm?: SlotClassNames<ProfileFormSlot>;\n  dataControls?: SlotClassNames<DataControlsSlot>;\n  logout?: SlotClassNames<LogoutButtonSlot>;\n  vippsLink?: SlotClassNames<VippsLinkRowSlot>;\n}\n\n/** Card-level renderers, by name; each one is handed to the screen that draws it. */\nexport interface BookingComponents {\n  PersonCard?: ComponentType<PersonCardProps>;\n  ServiceCard?: ComponentType<ServiceCardProps>;\n  StylistCard?: ComponentType<StylistCardProps>;\n  DayChip?: ComponentType<DayChipProps>;\n  TimeChip?: ComponentType<TimeChipProps>;\n  FamilyChip?: ComponentType<FamilyChipProps>;\n  PartyLine?: ComponentType<PartyLineProps>;\n  BookingCard?: ComponentType<BookingCardProps>;\n  VisitRow?: ComponentType<VisitRowProps>;\n  RebookCard?: ComponentType<RebookCardProps>;\n  ChildCard?: ComponentType<ChildCardProps>;\n  FamilyMemberCard?: ComponentType<FamilyMemberCardProps>;\n}\n\n/** The four props every booking component and the provider take. */\nexport interface BookingOverrides {\n  /** The site's resolved config (`resolveBookingConfig` from `/core`, run on the server). */\n  config?: Readonly<BookingConfig>;\n  /**\n   * Words over `config.labels`. The pack itself is resolved on the server —\n   * `mergeLabels(locale, siteWords)` from `@medalsocial/booking/react/shared`\n   * — so the built-in packs never ship in the browser bundle.\n   */\n  labels?: BookingLabelsInput;\n  classNames?: BookingClassNames;\n  components?: BookingComponents;\n}\n\ninterface BookingContextValue {\n  config: Readonly<BookingConfig> | undefined;\n  labels: BookingLabelsInput | undefined;\n  classNames: BookingClassNames;\n  components: BookingComponents;\n}\n\nconst BookingContext = createContext<BookingContextValue | null>(null);\n\nexport interface BookingProviderProps extends BookingOverrides {\n  children?: ReactNode;\n}\n\nexport function BookingProvider({\n  config,\n  labels,\n  classNames,\n  components,\n  children,\n}: BookingProviderProps) {\n  const parent = useContext(BookingContext);\n  const value = useMemo<BookingContextValue>(\n    () => ({\n      config: config ?? parent?.config,\n      labels:\n        parent?.labels && labels ? { ...parent.labels, ...labels } : (labels ?? parent?.labels),\n      classNames: mergeClassNames(parent?.classNames, classNames),\n      components: { ...parent?.components, ...components },\n    }),\n    [config, labels, classNames, components, parent]\n  );\n  return <BookingContext.Provider value={value}>{children}</BookingContext.Provider>;\n}\n\n/** What a component renders with: the kit, and the overrides that apply to it. */\nexport interface ResolvedBooking {\n  kit: BookingKit;\n  classNames: BookingClassNames;\n  components: BookingComponents;\n}\n\n/**\n * The kit for a component's own props over the nearest provider. Memoised on\n * the inputs, so a re-render with the same props reuses the same clock,\n * machine and label pack.\n */\nexport function useBookingKit(\n  props: BookingOverrides,\n  contact?: Partial<Pick<BookingConfig['contact'], 'phone' | 'address'>>\n): ResolvedBooking {\n  const context = useContext(BookingContext);\n  const base = props.config ?? context?.config;\n  if (base === undefined) {\n    throw new Error(\n      'A booking component needs a `config`: pass it, or render it inside <BookingProvider config={…}>.'\n    );\n  }\n  const config = withContact(base, contact);\n  const contextLabels = context?.labels;\n  const labels = useMemo(\n    () => mergedLabels(config, contextLabels, props.labels),\n    [config, contextLabels, props.labels]\n  );\n  const kit = useMemo(() => createBookingKit(config, labels), [config, labels]);\n  const contextClassNames = context?.classNames;\n  const contextComponents = context?.components;\n  const classNames = useMemo(\n    () => mergeClassNames(contextClassNames, props.classNames),\n    [contextClassNames, props.classNames]\n  );\n  const components = useMemo(\n    () => ({ ...contextComponents, ...props.components }),\n    [contextComponents, props.components]\n  );\n  return { kit, classNames, components };\n}\n\nconst WITH_CONTACT = new WeakMap<object, Map<string, Readonly<BookingConfig>>>();\n\n/**\n * The config with a per-request contact over its own (a page that reads the\n * phone and address from a CMS), one object per pair so the kit is reused.\n */\nfunction withContact(\n  config: Readonly<BookingConfig>,\n  contact: Partial<Pick<BookingConfig['contact'], 'phone' | 'address'>> | undefined\n): Readonly<BookingConfig> {\n  if (contact === undefined) return config;\n  const merged = { ...config.contact, ...contact };\n  const key = JSON.stringify([merged.phone, merged.address]);\n  let byKey = WITH_CONTACT.get(config);\n  if (!byKey) {\n    byKey = new Map();\n    WITH_CONTACT.set(config, byKey);\n  }\n  let derived = byKey.get(key);\n  if (!derived) {\n    derived = Object.freeze({ ...config, contact: Object.freeze(merged) });\n    byKey.set(key, derived);\n  }\n  return derived;\n}\n\n/** Stands in for «no labels» as a cache key. */\nconst NO_LABELS: BookingLabelsInput = {};\nconst MERGED = new WeakMap<\n  object,\n  WeakMap<BookingLabelsInput, WeakMap<BookingLabelsInput, Readonly<BookingLabels>>>\n>();\n\n/**\n * The pack a component renders with, cached on its three inputs, so every\n * component that shares a config and the same label objects shares one pack\n * — and so one kit (`createBookingKit` caches on the pack's identity).\n */\nfunction mergedLabels(\n  config: Readonly<BookingConfig>,\n  outer: BookingLabelsInput | undefined,\n  inner: BookingLabelsInput | undefined\n): Readonly<BookingLabels> {\n  let byOuter = MERGED.get(config);\n  if (!byOuter) {\n    byOuter = new WeakMap();\n    MERGED.set(config, byOuter);\n  }\n  let byInner = byOuter.get(outer ?? NO_LABELS);\n  if (!byInner) {\n    byInner = new WeakMap();\n    byOuter.set(outer ?? NO_LABELS, byInner);\n  }\n  const known = byInner.get(inner ?? NO_LABELS);\n  if (known) return known;\n  const merged = {\n    ...config.labels,\n    ...outer,\n    ...inner,\n    // The consent sentence is the one recorded with its version, so the box shows it.\n    ...(config.consent.marketing\n      ? { 'details.marketing.text': config.consent.marketing.text }\n      : {}),\n  } as BookingLabels;\n  if (merged['who.heading'] === undefined) {\n    console.warn(\n      '[@medalsocial/booking] No label pack: pass `labels: mergeLabels(locale, …)` from ' +\n        \"'@medalsocial/booking/react/shared' into the config or the provider.\"\n    );\n  }\n  byInner.set(inner ?? NO_LABELS, merged);\n  return merged;\n}\n\n/** Screen by screen: a component's own slot classes over the provider's. */\nfunction mergeClassNames(\n  outer: BookingClassNames | undefined,\n  inner: BookingClassNames | undefined\n): BookingClassNames {\n  if (!outer) return inner ?? {};\n  if (!inner) return outer;\n  const merged: Record<string, Record<string, string> | undefined> = { ...outer };\n  for (const [screen, slots] of Object.entries(inner)) {\n    merged[screen] = { ...(outer as Record<string, Record<string, string>>)[screen], ...slots };\n  }\n  return merged as BookingClassNames;\n}\n"],"mappings":"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"}

package/dist/react/actions.d.mts

@@ -12,6 +12,16 @@ export type InvalidFailure = {
   reason: 'invalid';
   message: string;
 };
+/**
+ * The app itself is limiting how often a code may be asked for (the site's
+ * per-IP limiter). Never the package's own answer for MEDAL's per-address
+ * throttle: `next/portal` still answers «sent» for that one, because telling
+ * the two apart would let anyone confirm which parents are customers.
+ */
+export type ThrottledFailure = {
+  ok: false;
+  reason: 'throttled';
+};
 /** next-safe-action's envelope. */
 export interface SafeActionEnvelope<T> {
   data?: T;
@@ -46,13 +56,14 @@ export interface PersonActionTarget {
 export interface PortalActions {
   /**
    * Ask for a login code. Answers «sent» whether or not the address is known;
-   * `invalid` only for an address that cannot be one.
+   * `invalid` only for an address that cannot be one, `throttled` only when
+   * the app's own limiter refused.
    */
   startLogin(input: {
     email: string;
   }): Promise<ActionAnswer<{
     status: 'sent';
-  } | InvalidFailure>>;
+  } | InvalidFailure | ThrottledFailure>>;
   /** Start a Vipps login: a form action that redirects to Vipps, or answers why not. */
   startVipps?: VippsStartAction;
   /**
@@ -102,16 +113,16 @@ export type ActionFailure = {
  * `startLogin`'s answer, read for the login form: `sent` only for a result
  * that says so — plain or inside the envelope. The action's own refusal of
  * the address (or zod's) is a bad address; a server error, an empty envelope,
- * an answer that is neither, or no answer at all is `unreachable`, so the
+ * an app-level `throttled` stays `throttled`; an answer that is neither, or no answer at all is `unreachable`, so the
  * form never moves on to a code that was not sent.
  */
 export declare function readStartLogin(answer: ActionAnswer<{
   status: 'sent';
-} | InvalidFailure> | undefined): {
+} | InvalidFailure | ThrottledFailure> | undefined): {
   ok: true;
 } | {
   ok: false;
-  reason: 'unreachable' | 'invalidEmail';
+  reason: 'unreachable' | 'invalidEmail' | 'throttled';
 };
 /**
  * An action's answer, read: `{ ok: true, value }`, or the failure a form acts

package/dist/react/actions.mjs

@@ -20,7 +20,7 @@ function isEnvelope(answer) {
 * `startLogin`'s answer, read for the login form: `sent` only for a result
 * that says so — plain or inside the envelope. The action's own refusal of
 * the address (or zod's) is a bad address; a server error, an empty envelope,
-* an answer that is neither, or no answer at all is `unreachable`, so the
+* an app-level `throttled` stays `throttled`; an answer that is neither, or no answer at all is `unreachable`, so the
 * form never moves on to a code that was not sent.
 */
 function readStartLogin(answer) {
@@ -32,6 +32,10 @@ function readStartLogin(answer) {
 			ok: false,
 			reason: "invalidEmail"
 		};
+		if (data.ok === false && data.reason === "throttled") return {
+			ok: false,
+			reason: "throttled"
+		};
 	}
 	if (envelope?.validationErrors && !envelope.serverError) return {
 		ok: false,

package/dist/react/actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"actions.mjs","names":[],"sources":["../../src/react/actions.ts"],"sourcesContent":["/**\n * The portal's server actions, as the components take them (Decision 8).\n * `@medalsocial/booking/next`'s `booking.portal.actions` satisfy this shape\n * (`tests/react/actions-contract.test.ts`), so the app's wrappers pass them\n * straight through.\n *\n * A library cannot ship a `'use server'` module reliably, so the app owns\n * one three-line wrapper per action and passes the wrappers in as props. The\n * shapes below are what the components call them with and what they read\n * back. An action may answer with the plain result, or with\n * next-safe-action's `{ data, serverError, validationErrors }` envelope\n * around it; `readAction` turns either into the one shape a form acts on.\n */\n\nimport type { VippsLinkStartResult, VippsStartAction } from '@medalsocial/meda/booking';\nimport type { PortalProfileDto } from '../core/portal/dto';\n\n/** The session is gone (or never was): the visitor goes back to the login. */\nexport type SessionFailure = { ok: false; reason: 'session' };\n\n/** The backend refused the input, with a sentence to show. */\nexport type InvalidFailure = { ok: false; reason: 'invalid'; message: string };\n\n/** next-safe-action's envelope. */\nexport interface SafeActionEnvelope<T> {\n  data?: T;\n  serverError?: string;\n  validationErrors?: unknown;\n}\n\n/** What an action may answer with: its result, or the envelope around it. */\nexport type ActionAnswer<T> = T | SafeActionEnvelope<T>;\n\nexport type ProfileActionResult =\n  | { ok: true; profile: PortalProfileDto }\n  | SessionFailure\n  | InvalidFailure;\n\nexport type PersonActionResult =\n  | { ok: true; profile: PortalProfileDto; personId: string | null; fallback: boolean }\n  | SessionFailure\n  | InvalidFailure;\n\n/** A person as an action writes it (the wire's snake_case, as the source's schema). */\nexport interface PersonActionInput {\n  name: string;\n  birth_year: number;\n  birth_month?: number | null;\n  notes?: string | null;\n  preferred_resource_id?: string | null;\n}\n\n/** Which person: the id, or the family index where there is none. */\nexport interface PersonActionTarget {\n  person_id?: string | null;\n  index?: number;\n}\n\nexport interface PortalActions {\n  /**\n   * Ask for a login code. Answers «sent» whether or not the address is known;\n   * `invalid` only for an address that cannot be one.\n   */\n  startLogin(input: { email: string }): Promise<ActionAnswer<{ status: 'sent' } | InvalidFailure>>;\n  /** Start a Vipps login: a form action that redirects to Vipps, or answers why not. */\n  startVipps?: VippsStartAction;\n  /**\n   * Start linking Vipps to the logged-in profile — `useActionState`'s shape,\n   * like `startVipps`; it is called with `null` and no form data.\n   */\n  startVippsLink?: (\n    previous: VippsLinkStartResult,\n    formData?: FormData\n  ) => Promise<VippsLinkStartResult>;\n  updateProfile(input: {\n    first_name?: string;\n    last_name?: string;\n    phone?: string | null;\n  }): Promise<ActionAnswer<ProfileActionResult>>;\n  setMarketingConsent(input: {\n    granted: boolean;\n  }): Promise<\n    ActionAnswer<{ ok: true; marketingConsent: boolean } | SessionFailure | InvalidFailure>\n  >;\n  savePerson(\n    input: PersonActionTarget & { person: PersonActionInput; create: boolean }\n  ): Promise<ActionAnswer<PersonActionResult>>;\n  removePerson(input: PersonActionTarget): Promise<ActionAnswer<PersonActionResult>>;\n  logout(): Promise<ActionAnswer<{ ok: true }>>;\n  exportData(): Promise<\n    ActionAnswer<{ ok: true; filename: string; json: string } | SessionFailure>\n  >;\n  /** `confirm` is the typed confirmation word; the backend re-checks it. */\n  deleteMe(input: {\n    confirm: string;\n  }): Promise<ActionAnswer<{ ok: true } | SessionFailure | InvalidFailure>>;\n}\n\n/** Why an action did not come back `ok`: a dead session, or the sentence to show. */\nexport type ActionFailure = { kind: 'session' } | { kind: 'error'; message: string };\n\n/** The first message zod attached, wherever next-safe-action nested it. */\nfunction firstValidationMessage(node: unknown): string | null {\n  if (!node || typeof node !== 'object') return null;\n  const record = node as Record<string, unknown>;\n  const own = record._errors;\n  if (Array.isArray(own) && typeof own[0] === 'string') return own[0];\n  for (const [key, value] of Object.entries(record)) {\n    if (key === '_errors') continue;\n    const nested = firstValidationMessage(value);\n    if (nested) return nested;\n  }\n  return null;\n}\n\nfunction isEnvelope<T>(answer: ActionAnswer<T> | undefined): answer is SafeActionEnvelope<T> {\n  return (\n    typeof answer === 'object' &&\n    answer !== null &&\n    !('ok' in answer) &&\n    ('data' in answer || 'serverError' in answer || 'validationErrors' in answer)\n  );\n}\n\n/**\n * `startLogin`'s answer, read for the login form: `sent` only for a result\n * that says so — plain or inside the envelope. The action's own refusal of\n * the address (or zod's) is a bad address; a server error, an empty envelope,\n * an answer that is neither, or no answer at all is `unreachable`, so the\n * form never moves on to a code that was not sent.\n */\nexport function readStartLogin(\n  answer: ActionAnswer<{ status: 'sent' } | InvalidFailure> | undefined\n): { ok: true } | { ok: false; reason: 'unreachable' | 'invalidEmail' } {\n  const envelope = isEnvelope(answer) ? answer : undefined;\n  const data = (envelope ? envelope.data : answer) as\n    | { status?: unknown; ok?: unknown; reason?: unknown }\n    | null\n    | undefined;\n  if (data && typeof data === 'object') {\n    if (data.status === 'sent') return { ok: true };\n    if (data.ok === false && data.reason === 'invalid')\n      return { ok: false, reason: 'invalidEmail' };\n  }\n  if (envelope?.validationErrors && !envelope.serverError) {\n    return { ok: false, reason: 'invalidEmail' };\n  }\n  return { ok: false, reason: 'unreachable' };\n}\n\n/**\n * An action's answer, read: `{ ok: true, value }`, or the failure a form acts\n * on. The action's own `message` wins over zod's, which wins over\n * `invalidInput`; anything unreadable (a thrown call, a server error, an\n * answer with nothing in it) is `unreachable`.\n */\nexport function readAction<T extends object>(\n  answer: ActionAnswer<T> | undefined,\n  words: { unreachable: string; invalidInput: string }\n): { ok: true; value: T } | { ok: false; failure: ActionFailure } {\n  const envelope = isEnvelope(answer) ? answer : undefined;\n  const data = envelope ? envelope.data : (answer as T | undefined);\n  if (data && typeof data === 'object') {\n    const result = data as { ok?: unknown; reason?: unknown; message?: unknown };\n    if (result.ok !== false) return { ok: true, value: data };\n    if (result.reason === 'session') return { ok: false, failure: { kind: 'session' } };\n    if (typeof result.message === 'string') {\n      return { ok: false, failure: { kind: 'error', message: result.message } };\n    }\n  }\n  if (envelope?.validationErrors) {\n    const message = firstValidationMessage(envelope.validationErrors) ?? words.invalidInput;\n    return { ok: false, failure: { kind: 'error', message } };\n  }\n  return { ok: false, failure: { kind: 'error', message: words.unreachable } };\n}\n"],"mappings":";;;AAsGA,SAAS,uBAAuB,MAA8B;CAC5D,IAAI,CAAC,QAAQ,OAAO,SAAS,UAAU,OAAO;CAC9C,MAAM,SAAS;CACf,MAAM,MAAM,OAAO;CACnB,IAAI,MAAM,QAAQ,GAAG,KAAK,OAAO,IAAI,OAAO,UAAU,OAAO,IAAI;CACjE,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAAG;EACjD,IAAI,QAAQ,WAAW;EACvB,MAAM,SAAS,uBAAuB,KAAK;EAC3C,IAAI,QAAQ,OAAO;CACrB;CACA,OAAO;AACT;AAEA,SAAS,WAAc,QAAsE;CAC3F,OACE,OAAO,WAAW,YAClB,WAAW,QACX,EAAE,QAAQ,YACT,UAAU,UAAU,iBAAiB,UAAU,sBAAsB;AAE1E;;;;;;;;AASA,SAAgB,eACd,QACsE;CACtE,MAAM,WAAW,WAAW,MAAM,IAAI,SAAS,KAAA;CAC/C,MAAM,OAAQ,WAAW,SAAS,OAAO;CAIzC,IAAI,QAAQ,OAAO,SAAS,UAAU;EACpC,IAAI,KAAK,WAAW,QAAQ,OAAO,EAAE,IAAI,KAAK;EAC9C,IAAI,KAAK,OAAO,SAAS,KAAK,WAAW,WACvC,OAAO;GAAE,IAAI;GAAO,QAAQ;EAAe;CAC/C;CACA,IAAI,UAAU,oBAAoB,CAAC,SAAS,aAC1C,OAAO;EAAE,IAAI;EAAO,QAAQ;CAAe;CAE7C,OAAO;EAAE,IAAI;EAAO,QAAQ;CAAc;AAC5C;;;;;;;AAQA,SAAgB,WACd,QACA,OACgE;CAChE,MAAM,WAAW,WAAW,MAAM,IAAI,SAAS,KAAA;CAC/C,MAAM,OAAO,WAAW,SAAS,OAAQ;CACzC,IAAI,QAAQ,OAAO,SAAS,UAAU;EACpC,MAAM,SAAS;EACf,IAAI,OAAO,OAAO,OAAO,OAAO;GAAE,IAAI;GAAM,OAAO;EAAK;EACxD,IAAI,OAAO,WAAW,WAAW,OAAO;GAAE,IAAI;GAAO,SAAS,EAAE,MAAM,UAAU;EAAE;EAClF,IAAI,OAAO,OAAO,YAAY,UAC5B,OAAO;GAAE,IAAI;GAAO,SAAS;IAAE,MAAM;IAAS,SAAS,OAAO;GAAQ;EAAE;CAE5E;CACA,IAAI,UAAU,kBAEZ,OAAO;EAAE,IAAI;EAAO,SAAS;GAAE,MAAM;GAAS,SAD9B,uBAAuB,SAAS,gBAAgB,KAAK,MAAM;EACrB;CAAE;CAE1D,OAAO;EAAE,IAAI;EAAO,SAAS;GAAE,MAAM;GAAS,SAAS,MAAM;EAAY;CAAE;AAC7E"}
+{"version":3,"file":"actions.mjs","names":[],"sources":["../../src/react/actions.ts"],"sourcesContent":["/**\n * The portal's server actions, as the components take them (Decision 8).\n * `@medalsocial/booking/next`'s `booking.portal.actions` satisfy this shape\n * (`tests/react/actions-contract.test.ts`), so the app's wrappers pass them\n * straight through.\n *\n * A library cannot ship a `'use server'` module reliably, so the app owns\n * one three-line wrapper per action and passes the wrappers in as props. The\n * shapes below are what the components call them with and what they read\n * back. An action may answer with the plain result, or with\n * next-safe-action's `{ data, serverError, validationErrors }` envelope\n * around it; `readAction` turns either into the one shape a form acts on.\n */\n\nimport type { VippsLinkStartResult, VippsStartAction } from '@medalsocial/meda/booking';\nimport type { PortalProfileDto } from '../core/portal/dto';\n\n/** The session is gone (or never was): the visitor goes back to the login. */\nexport type SessionFailure = { ok: false; reason: 'session' };\n\n/** The backend refused the input, with a sentence to show. */\nexport type InvalidFailure = { ok: false; reason: 'invalid'; message: string };\n\n/**\n * The app itself is limiting how often a code may be asked for (the site's\n * per-IP limiter). Never the package's own answer for MEDAL's per-address\n * throttle: `next/portal` still answers «sent» for that one, because telling\n * the two apart would let anyone confirm which parents are customers.\n */\nexport type ThrottledFailure = { ok: false; reason: 'throttled' };\n\n/** next-safe-action's envelope. */\nexport interface SafeActionEnvelope<T> {\n  data?: T;\n  serverError?: string;\n  validationErrors?: unknown;\n}\n\n/** What an action may answer with: its result, or the envelope around it. */\nexport type ActionAnswer<T> = T | SafeActionEnvelope<T>;\n\nexport type ProfileActionResult =\n  | { ok: true; profile: PortalProfileDto }\n  | SessionFailure\n  | InvalidFailure;\n\nexport type PersonActionResult =\n  | { ok: true; profile: PortalProfileDto; personId: string | null; fallback: boolean }\n  | SessionFailure\n  | InvalidFailure;\n\n/** A person as an action writes it (the wire's snake_case, as the source's schema). */\nexport interface PersonActionInput {\n  name: string;\n  birth_year: number;\n  birth_month?: number | null;\n  notes?: string | null;\n  preferred_resource_id?: string | null;\n}\n\n/** Which person: the id, or the family index where there is none. */\nexport interface PersonActionTarget {\n  person_id?: string | null;\n  index?: number;\n}\n\nexport interface PortalActions {\n  /**\n   * Ask for a login code. Answers «sent» whether or not the address is known;\n   * `invalid` only for an address that cannot be one, `throttled` only when\n   * the app's own limiter refused.\n   */\n  startLogin(input: {\n    email: string;\n  }): Promise<ActionAnswer<{ status: 'sent' } | InvalidFailure | ThrottledFailure>>;\n  /** Start a Vipps login: a form action that redirects to Vipps, or answers why not. */\n  startVipps?: VippsStartAction;\n  /**\n   * Start linking Vipps to the logged-in profile — `useActionState`'s shape,\n   * like `startVipps`; it is called with `null` and no form data.\n   */\n  startVippsLink?: (\n    previous: VippsLinkStartResult,\n    formData?: FormData\n  ) => Promise<VippsLinkStartResult>;\n  updateProfile(input: {\n    first_name?: string;\n    last_name?: string;\n    phone?: string | null;\n  }): Promise<ActionAnswer<ProfileActionResult>>;\n  setMarketingConsent(input: {\n    granted: boolean;\n  }): Promise<\n    ActionAnswer<{ ok: true; marketingConsent: boolean } | SessionFailure | InvalidFailure>\n  >;\n  savePerson(\n    input: PersonActionTarget & { person: PersonActionInput; create: boolean }\n  ): Promise<ActionAnswer<PersonActionResult>>;\n  removePerson(input: PersonActionTarget): Promise<ActionAnswer<PersonActionResult>>;\n  logout(): Promise<ActionAnswer<{ ok: true }>>;\n  exportData(): Promise<\n    ActionAnswer<{ ok: true; filename: string; json: string } | SessionFailure>\n  >;\n  /** `confirm` is the typed confirmation word; the backend re-checks it. */\n  deleteMe(input: {\n    confirm: string;\n  }): Promise<ActionAnswer<{ ok: true } | SessionFailure | InvalidFailure>>;\n}\n\n/** Why an action did not come back `ok`: a dead session, or the sentence to show. */\nexport type ActionFailure = { kind: 'session' } | { kind: 'error'; message: string };\n\n/** The first message zod attached, wherever next-safe-action nested it. */\nfunction firstValidationMessage(node: unknown): string | null {\n  if (!node || typeof node !== 'object') return null;\n  const record = node as Record<string, unknown>;\n  const own = record._errors;\n  if (Array.isArray(own) && typeof own[0] === 'string') return own[0];\n  for (const [key, value] of Object.entries(record)) {\n    if (key === '_errors') continue;\n    const nested = firstValidationMessage(value);\n    if (nested) return nested;\n  }\n  return null;\n}\n\nfunction isEnvelope<T>(answer: ActionAnswer<T> | undefined): answer is SafeActionEnvelope<T> {\n  return (\n    typeof answer === 'object' &&\n    answer !== null &&\n    !('ok' in answer) &&\n    ('data' in answer || 'serverError' in answer || 'validationErrors' in answer)\n  );\n}\n\n/**\n * `startLogin`'s answer, read for the login form: `sent` only for a result\n * that says so — plain or inside the envelope. The action's own refusal of\n * the address (or zod's) is a bad address; a server error, an empty envelope,\n * an app-level `throttled` stays `throttled`; an answer that is neither, or no answer at all is `unreachable`, so the\n * form never moves on to a code that was not sent.\n */\nexport function readStartLogin(\n  answer: ActionAnswer<{ status: 'sent' } | InvalidFailure | ThrottledFailure> | undefined\n): { ok: true } | { ok: false; reason: 'unreachable' | 'invalidEmail' | 'throttled' } {\n  const envelope = isEnvelope(answer) ? answer : undefined;\n  const data = (envelope ? envelope.data : answer) as\n    | { status?: unknown; ok?: unknown; reason?: unknown }\n    | null\n    | undefined;\n  if (data && typeof data === 'object') {\n    if (data.status === 'sent') return { ok: true };\n    if (data.ok === false && data.reason === 'invalid')\n      return { ok: false, reason: 'invalidEmail' };\n    if (data.ok === false && data.reason === 'throttled') return { ok: false, reason: 'throttled' };\n  }\n  if (envelope?.validationErrors && !envelope.serverError) {\n    return { ok: false, reason: 'invalidEmail' };\n  }\n  return { ok: false, reason: 'unreachable' };\n}\n\n/**\n * An action's answer, read: `{ ok: true, value }`, or the failure a form acts\n * on. The action's own `message` wins over zod's, which wins over\n * `invalidInput`; anything unreadable (a thrown call, a server error, an\n * answer with nothing in it) is `unreachable`.\n */\nexport function readAction<T extends object>(\n  answer: ActionAnswer<T> | undefined,\n  words: { unreachable: string; invalidInput: string }\n): { ok: true; value: T } | { ok: false; failure: ActionFailure } {\n  const envelope = isEnvelope(answer) ? answer : undefined;\n  const data = envelope ? envelope.data : (answer as T | undefined);\n  if (data && typeof data === 'object') {\n    const result = data as { ok?: unknown; reason?: unknown; message?: unknown };\n    if (result.ok !== false) return { ok: true, value: data };\n    if (result.reason === 'session') return { ok: false, failure: { kind: 'session' } };\n    if (typeof result.message === 'string') {\n      return { ok: false, failure: { kind: 'error', message: result.message } };\n    }\n  }\n  if (envelope?.validationErrors) {\n    const message = firstValidationMessage(envelope.validationErrors) ?? words.invalidInput;\n    return { ok: false, failure: { kind: 'error', message } };\n  }\n  return { ok: false, failure: { kind: 'error', message: words.unreachable } };\n}\n"],"mappings":";;;AAiHA,SAAS,uBAAuB,MAA8B;CAC5D,IAAI,CAAC,QAAQ,OAAO,SAAS,UAAU,OAAO;CAC9C,MAAM,SAAS;CACf,MAAM,MAAM,OAAO;CACnB,IAAI,MAAM,QAAQ,GAAG,KAAK,OAAO,IAAI,OAAO,UAAU,OAAO,IAAI;CACjE,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,GAAG;EACjD,IAAI,QAAQ,WAAW;EACvB,MAAM,SAAS,uBAAuB,KAAK;EAC3C,IAAI,QAAQ,OAAO;CACrB;CACA,OAAO;AACT;AAEA,SAAS,WAAc,QAAsE;CAC3F,OACE,OAAO,WAAW,YAClB,WAAW,QACX,EAAE,QAAQ,YACT,UAAU,UAAU,iBAAiB,UAAU,sBAAsB;AAE1E;;;;;;;;AASA,SAAgB,eACd,QACoF;CACpF,MAAM,WAAW,WAAW,MAAM,IAAI,SAAS,KAAA;CAC/C,MAAM,OAAQ,WAAW,SAAS,OAAO;CAIzC,IAAI,QAAQ,OAAO,SAAS,UAAU;EACpC,IAAI,KAAK,WAAW,QAAQ,OAAO,EAAE,IAAI,KAAK;EAC9C,IAAI,KAAK,OAAO,SAAS,KAAK,WAAW,WACvC,OAAO;GAAE,IAAI;GAAO,QAAQ;EAAe;EAC7C,IAAI,KAAK,OAAO,SAAS,KAAK,WAAW,aAAa,OAAO;GAAE,IAAI;GAAO,QAAQ;EAAY;CAChG;CACA,IAAI,UAAU,oBAAoB,CAAC,SAAS,aAC1C,OAAO;EAAE,IAAI;EAAO,QAAQ;CAAe;CAE7C,OAAO;EAAE,IAAI;EAAO,QAAQ;CAAc;AAC5C;;;;;;;AAQA,SAAgB,WACd,QACA,OACgE;CAChE,MAAM,WAAW,WAAW,MAAM,IAAI,SAAS,KAAA;CAC/C,MAAM,OAAO,WAAW,SAAS,OAAQ;CACzC,IAAI,QAAQ,OAAO,SAAS,UAAU;EACpC,MAAM,SAAS;EACf,IAAI,OAAO,OAAO,OAAO,OAAO;GAAE,IAAI;GAAM,OAAO;EAAK;EACxD,IAAI,OAAO,WAAW,WAAW,OAAO;GAAE,IAAI;GAAO,SAAS,EAAE,MAAM,UAAU;EAAE;EAClF,IAAI,OAAO,OAAO,YAAY,UAC5B,OAAO;GAAE,IAAI;GAAO,SAAS;IAAE,MAAM;IAAS,SAAS,OAAO;GAAQ;EAAE;CAE5E;CACA,IAAI,UAAU,kBAEZ,OAAO;EAAE,IAAI;EAAO,SAAS;GAAE,MAAM;GAAS,SAD9B,uBAAuB,SAAS,gBAAgB,KAAK,MAAM;EACrB;CAAE;CAE1D,OAAO;EAAE,IAAI;EAAO,SAAS;GAAE,MAAM;GAAS,SAAS,MAAM;EAAY;CAAE;AAC7E"}

package/dist/react/index.d.mts

@@ -1,5 +1,5 @@
 import { NextFree } from "../core/next-free.mjs";
-import { ActionAnswer, ActionFailure, InvalidFailure, PersonActionInput, PersonActionResult, PersonActionTarget, PortalActions, ProfileActionResult, SafeActionEnvelope, SessionFailure, readAction, readStartLogin } from "./actions.mjs";
+import { ActionAnswer, ActionFailure, InvalidFailure, PersonActionInput, PersonActionResult, PersonActionTarget, PortalActions, ProfileActionResult, SafeActionEnvelope, SessionFailure, ThrottledFailure, readAction, readStartLogin } from "./actions.mjs";
 import { LoginLabels } from "./labels/login.mjs";
 import { ManageLabels } from "./labels/manage.mjs";
 import { PortalLabels } from "./labels/portal.mjs";
@@ -25,4 +25,4 @@ import { SESSION_TOUCH_THROTTLE_MS, SessionTouch, sessionTouchKey } from "./port
 import { VIPPS_LINK_FLASHES, VippsLinkFlash, vippsFlashPath, vippsLinkFlash } from "./portal/vipps-flash.mjs";
 import "./PortalDashboard.mjs";
 import { nextFreeClient, useNextFree } from "./use-next-free.mjs";
-export { ActionAnswer, ActionFailure, BOOKING_NAVIGATION_EVENT, BookingClassNames, BookingComponents, BookingConfirmation, BookingController, BookingKit, type BookingLabels, type BookingLabelsInput, BookingLink, BookingLinkProps, BookingOverrides, BookingPendingHost, BookingProvider, BookingProviderProps, BookingSeed, BookingSuggestion, BookingWizard, BookingWizardEvent, BookingWizardProps, ConfirmedLine, DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, InvalidFailure, LoginFromQuery, LoginFromQuery as LoginPageQuery, LoginFromQueryProps, type LoginLabels, LoginSheet, LoginSheetProps, ManageBooking, ManageBookingProps, type ManageLabels, type NextFree, PENDING_DELAY_MS, PENDING_TIMEOUT_MS, PORTAL_TABS, PersonActionInput, PersonActionResult, PersonActionTarget, PortalActions, PortalDashboard, type PortalDashboardProps, PortalDashboardUnreachable, type PortalDashboardUnreachableProps, type PortalLabels, type PortalTab, type PortalTabIcons, ProfileActionResult, ResolvedBooking, SESSION_TOUCH_THROTTLE_MS, SafeActionEnvelope, type ScreenLabels, SessionFailure, SessionTouch, UseBookingOptions, VIPPS_LINK_FLASHES, type VippsConfirm, type VippsLinkFlash, VippsNotice, type WizardLabels, agePromptCookie, agePromptCookieName, bookAgainHref, bookingPrefetch, bookingTarget, confirmationLines, createBookingKit, createChildSummaries, isCompleteConfirmation, leavePortal, nextFreeClient, parseAgePromptDismissed, parsePortalTab, personForChild, readAction, readStartLogin, returnPathFromSearch, sessionTouchKey, useBooking, useBookingKit, useNextFree, vippsFlashPath, vippsLinkFlash, vippsNotice };
+export { ActionAnswer, ActionFailure, BOOKING_NAVIGATION_EVENT, BookingClassNames, BookingComponents, BookingConfirmation, BookingController, BookingKit, type BookingLabels, type BookingLabelsInput, BookingLink, BookingLinkProps, BookingOverrides, BookingPendingHost, BookingProvider, BookingProviderProps, BookingSeed, BookingSuggestion, BookingWizard, BookingWizardEvent, BookingWizardProps, ConfirmedLine, DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, InvalidFailure, LoginFromQuery, LoginFromQuery as LoginPageQuery, LoginFromQueryProps, type LoginLabels, LoginSheet, LoginSheetProps, ManageBooking, ManageBookingProps, type ManageLabels, type NextFree, PENDING_DELAY_MS, PENDING_TIMEOUT_MS, PORTAL_TABS, PersonActionInput, PersonActionResult, PersonActionTarget, PortalActions, PortalDashboard, type PortalDashboardProps, PortalDashboardUnreachable, type PortalDashboardUnreachableProps, type PortalLabels, type PortalTab, type PortalTabIcons, ProfileActionResult, ResolvedBooking, SESSION_TOUCH_THROTTLE_MS, SafeActionEnvelope, type ScreenLabels, SessionFailure, SessionTouch, ThrottledFailure, UseBookingOptions, VIPPS_LINK_FLASHES, type VippsConfirm, type VippsLinkFlash, VippsNotice, type WizardLabels, agePromptCookie, agePromptCookieName, bookAgainHref, bookingPrefetch, bookingTarget, confirmationLines, createBookingKit, createChildSummaries, isCompleteConfirmation, leavePortal, nextFreeClient, parseAgePromptDismissed, parsePortalTab, personForChild, readAction, readStartLogin, returnPathFromSearch, sessionTouchKey, useBooking, useBookingKit, useNextFree, vippsFlashPath, vippsLinkFlash, vippsNotice };

package/dist/react/kit.d.mts

@@ -35,10 +35,15 @@ export interface BookingKit {
   readonly paths: Paths;
   /** The day parts in order, as the time step takes them. */
   readonly dayparts: readonly BookingDaypart[];
-  /** The service groups in order, as the service step takes them. */
+  /**
+   * The service groups in order, as the service step takes them — with each
+   * group's audience, so a child in a family is offered the groups meant for
+   * anyone (meda 3.6 `ServiceScreenCategory.audience`).
+   */
   readonly categories: ReadonlyArray<{
     key: string;
     label: string;
+    audience: 'child' | 'adult' | 'any';
   }>;
   /** The kids' group, or `null` when the site has none. */
   readonly childCategory: string | null;

package/dist/react/kit.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { categoryOrder, childCategory } from "../core/categories.mjs";
+import { childCategory } from "../core/categories.mjs";
 import { labelText } from "../core/labels.mjs";
 import { createAge } from "../core/age.mjs";
 import { createAttemptStore } from "../core/attempt-store.mjs";
@@ -110,11 +110,12 @@ function buildKit(base, labels) {
 			key: part.key,
 			label: core.daypartLabel(part.key)
 		})),
-		categories: categoryOrder(config).map((key) => {
+		categories: config.categories.map(({ key, audience }) => {
 			const label = labels[`category.${key}`];
 			return {
 				key,
-				label: label === void 0 ? capitalised(key, config.locale) : labelText(label)
+				label: label === void 0 ? capitalised(key, config.locale) : labelText(label),
+				audience
 			};
 		}),
 		childCategory: childCategory(config),

package/dist/react/kit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kit.mjs","names":[],"sources":["../../src/react/kit.ts"],"sourcesContent":["/**\n * Everything a booking screen needs that depends on the site, built once per\n * config and label pack: the core factories (machine, clock, money, phone, …)\n * and the `format` object every meda screen takes.\n *\n * One kit per `(config, labels)` pair, memoised, so the components that share\n * a `BookingProvider` share one clock (whose formatters are the expensive\n * part) and one wizard.\n */\n\nimport type { BookingClock, BookingDaypart, BookingFormat } from '@medalsocial/meda/booking';\nimport { type Age, createAge } from '../core/age';\nimport { type AttemptStore, createAttemptStore } from '../core/attempt-store';\nimport { categoryOrder, childCategory } from '../core/categories';\nimport { type Clock, createClock } from '../core/clock';\nimport type { BookingConfig } from '../core/config';\nimport { createDeepLinks, type DeepLinks } from '../core/deep-link';\nimport { initialsOf, stylistDisplayName } from '../core/display-name';\nimport { createDraftStore, type DraftStore } from '../core/draft-store';\nimport { createIcs, type Ics } from '../core/ics';\nimport { labelText } from '../core/labels';\nimport { createWizard, type Wizard } from '../core/machine';\nimport { createMoney, type Money } from '../core/money';\nimport { createPartySlots, type PartySlots } from '../core/party-slots';\nimport { createPaths, type Paths } from '../core/paths';\nimport { createPhone, type Phone } from '../core/phone';\nimport { createRebookStore, type RebookStore } from '../core/rebook-store';\nimport { createRestoreGate, type RestoreGate } from '../core/restore-gate';\nimport type { BookingLabels } from './labels';\n\nexport interface BookingKit {\n  /** The config with the merged label pack folded in, so the core reads the same words. */\n  readonly config: Readonly<BookingConfig>;\n  readonly labels: Readonly<BookingLabels>;\n  readonly format: BookingFormat;\n  readonly clock: Clock & BookingClock;\n  readonly wizard: Wizard;\n  readonly money: Money;\n  readonly phone: Phone;\n  readonly age: Age;\n  readonly deepLinks: DeepLinks;\n  readonly drafts: DraftStore;\n  readonly attempts: AttemptStore;\n  readonly rebook: RebookStore;\n  readonly restoreGate: RestoreGate;\n  readonly partySlots: PartySlots;\n  readonly ics: Ics;\n  readonly paths: Paths;\n  /** The day parts in order, as the time step takes them. */\n  readonly dayparts: readonly BookingDaypart[];\n  /** The service groups in order, as the service step takes them. */\n  readonly categories: ReadonlyArray<{ key: string; label: string }>;\n  /** The kids' group, or `null` when the site has none. */\n  readonly childCategory: string | null;\n  /** «Theos» / «Jonas'» — the language's possessive of a name. */\n  possessive(name: string): string;\n}\n\n/** «barn» → «Barn», for a group the label pack has no word for. */\nfunction capitalised(key: string, locale: string): string {\n  return `${key.charAt(0).toLocaleUpperCase(locale)}${key.slice(1)}`;\n}\n\nfunction isNorwegian(locale: string): boolean {\n  const language = locale.toLowerCase().split('-')[0];\n  return language === 'nb' || language === 'no' || language === 'nn';\n}\n\n/**\n * The possessive the age divider puts a child's name in. Norwegian adds `s`,\n * or an apostrophe after a name that already ends in s, x or z («Theos»,\n * «Jonas'»); English adds `'s`, or the apostrophe alone after an s.\n */\nfunction possessiveFor(locale: string): (name: string) => string {\n  if (isNorwegian(locale)) return (name) => (/[sxz]$/i.test(name) ? `${name}'` : `${name}s`);\n  return (name) => (/s$/i.test(name) ? `${name}'` : `${name}'s`);\n}\n\n/** The two things meda's clock asks for that the core clock does not draw. */\nfunction calendarWords(config: Pick<BookingConfig, 'locale' | 'timeZone'>) {\n  const month = new Intl.DateTimeFormat(config.locale, { month: 'long', timeZone: 'UTC' });\n  const weekday = new Intl.DateTimeFormat(config.locale, { weekday: 'short', timeZone: 'UTC' });\n  const months = Array.from({ length: 12 }, (_, index) => month.format(Date.UTC(2026, index, 15)));\n  // 5 January 2026 is a Monday: seven days from it are the heads, Monday first.\n  const heads = Array.from({ length: 7 }, (_, index) => {\n    const short = weekday.format(Date.UTC(2026, 0, 5 + index)).replace(/\\.$/, '');\n    return capitalised(short.slice(0, 2), config.locale);\n  });\n  return {\n    monthName: (value: number) => months[(value - 1 + 12) % 12],\n    weekdayHeads: () => heads,\n  };\n}\n\nconst KITS = new WeakMap<object, WeakMap<object, BookingKit>>();\n\n/**\n * The kit for one config and one merged label pack. Pass the SAME objects to\n * get the same kit back; `BookingProvider` and the components memoise them.\n */\nexport function createBookingKit(\n  config: Readonly<BookingConfig>,\n  labels: Readonly<BookingLabels>\n): BookingKit {\n  let byLabels = KITS.get(config);\n  if (byLabels === undefined) {\n    byLabels = new WeakMap();\n    KITS.set(config, byLabels);\n  }\n  const known = byLabels.get(labels);\n  if (known !== undefined) return known;\n  const kit = buildKit(config, labels);\n  byLabels.set(labels, kit);\n  return kit;\n}\n\nfunction buildKit(base: Readonly<BookingConfig>, labels: Readonly<BookingLabels>): BookingKit {\n  const config: Readonly<BookingConfig> = Object.freeze({ ...base, labels });\n  const core = createClock(config);\n  const clock: Clock & BookingClock = { ...core, ...calendarWords(config) };\n  const money = createMoney(config);\n  const phone = createPhone(config);\n  const age = createAge(config);\n  const format: BookingFormat = {\n    clock,\n    price: (minor) => money.formatMinor(minor),\n    telHref: (value) => phone.telHref(value),\n    stylistName: stylistDisplayName,\n    initials: initialsOf,\n    ageLabel: (range) => age.ageLabel(range),\n  };\n  return {\n    config,\n    labels,\n    format,\n    clock,\n    wizard: createWizard(config),\n    money,\n    phone,\n    age,\n    deepLinks: createDeepLinks(config),\n    drafts: createDraftStore(config.storageNamespace),\n    attempts: createAttemptStore(config.storageNamespace),\n    rebook: createRebookStore(config.storageNamespace),\n    restoreGate: createRestoreGate(config.storageNamespace),\n    partySlots: createPartySlots(config),\n    ics: createIcs(config),\n    paths: createPaths(config),\n    dayparts: config.dayparts.map((part) => ({\n      key: part.key,\n      label: core.daypartLabel(part.key),\n    })),\n    categories: categoryOrder(config).map((key) => {\n      const label = labels[`category.${key}`];\n      return {\n        key,\n        label: label === undefined ? capitalised(key, config.locale) : labelText(label),\n      };\n    }),\n    childCategory: childCategory(config),\n    possessive: possessiveFor(config.locale),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"kit.mjs","names":[],"sources":["../../src/react/kit.ts"],"sourcesContent":["/**\n * Everything a booking screen needs that depends on the site, built once per\n * config and label pack: the core factories (machine, clock, money, phone, …)\n * and the `format` object every meda screen takes.\n *\n * One kit per `(config, labels)` pair, memoised, so the components that share\n * a `BookingProvider` share one clock (whose formatters are the expensive\n * part) and one wizard.\n */\n\nimport type { BookingClock, BookingDaypart, BookingFormat } from '@medalsocial/meda/booking';\nimport { type Age, createAge } from '../core/age';\nimport { type AttemptStore, createAttemptStore } from '../core/attempt-store';\nimport { childCategory } from '../core/categories';\nimport { type Clock, createClock } from '../core/clock';\nimport type { BookingConfig } from '../core/config';\nimport { createDeepLinks, type DeepLinks } from '../core/deep-link';\nimport { initialsOf, stylistDisplayName } from '../core/display-name';\nimport { createDraftStore, type DraftStore } from '../core/draft-store';\nimport { createIcs, type Ics } from '../core/ics';\nimport { labelText } from '../core/labels';\nimport { createWizard, type Wizard } from '../core/machine';\nimport { createMoney, type Money } from '../core/money';\nimport { createPartySlots, type PartySlots } from '../core/party-slots';\nimport { createPaths, type Paths } from '../core/paths';\nimport { createPhone, type Phone } from '../core/phone';\nimport { createRebookStore, type RebookStore } from '../core/rebook-store';\nimport { createRestoreGate, type RestoreGate } from '../core/restore-gate';\nimport type { BookingLabels } from './labels';\n\nexport interface BookingKit {\n  /** The config with the merged label pack folded in, so the core reads the same words. */\n  readonly config: Readonly<BookingConfig>;\n  readonly labels: Readonly<BookingLabels>;\n  readonly format: BookingFormat;\n  readonly clock: Clock & BookingClock;\n  readonly wizard: Wizard;\n  readonly money: Money;\n  readonly phone: Phone;\n  readonly age: Age;\n  readonly deepLinks: DeepLinks;\n  readonly drafts: DraftStore;\n  readonly attempts: AttemptStore;\n  readonly rebook: RebookStore;\n  readonly restoreGate: RestoreGate;\n  readonly partySlots: PartySlots;\n  readonly ics: Ics;\n  readonly paths: Paths;\n  /** The day parts in order, as the time step takes them. */\n  readonly dayparts: readonly BookingDaypart[];\n  /**\n   * The service groups in order, as the service step takes them — with each\n   * group's audience, so a child in a family is offered the groups meant for\n   * anyone (meda 3.6 `ServiceScreenCategory.audience`).\n   */\n  readonly categories: ReadonlyArray<{\n    key: string;\n    label: string;\n    audience: 'child' | 'adult' | 'any';\n  }>;\n  /** The kids' group, or `null` when the site has none. */\n  readonly childCategory: string | null;\n  /** «Theos» / «Jonas'» — the language's possessive of a name. */\n  possessive(name: string): string;\n}\n\n/** «barn» → «Barn», for a group the label pack has no word for. */\nfunction capitalised(key: string, locale: string): string {\n  return `${key.charAt(0).toLocaleUpperCase(locale)}${key.slice(1)}`;\n}\n\nfunction isNorwegian(locale: string): boolean {\n  const language = locale.toLowerCase().split('-')[0];\n  return language === 'nb' || language === 'no' || language === 'nn';\n}\n\n/**\n * The possessive the age divider puts a child's name in. Norwegian adds `s`,\n * or an apostrophe after a name that already ends in s, x or z («Theos»,\n * «Jonas'»); English adds `'s`, or the apostrophe alone after an s.\n */\nfunction possessiveFor(locale: string): (name: string) => string {\n  if (isNorwegian(locale)) return (name) => (/[sxz]$/i.test(name) ? `${name}'` : `${name}s`);\n  return (name) => (/s$/i.test(name) ? `${name}'` : `${name}'s`);\n}\n\n/** The two things meda's clock asks for that the core clock does not draw. */\nfunction calendarWords(config: Pick<BookingConfig, 'locale' | 'timeZone'>) {\n  const month = new Intl.DateTimeFormat(config.locale, { month: 'long', timeZone: 'UTC' });\n  const weekday = new Intl.DateTimeFormat(config.locale, { weekday: 'short', timeZone: 'UTC' });\n  const months = Array.from({ length: 12 }, (_, index) => month.format(Date.UTC(2026, index, 15)));\n  // 5 January 2026 is a Monday: seven days from it are the heads, Monday first.\n  const heads = Array.from({ length: 7 }, (_, index) => {\n    const short = weekday.format(Date.UTC(2026, 0, 5 + index)).replace(/\\.$/, '');\n    return capitalised(short.slice(0, 2), config.locale);\n  });\n  return {\n    monthName: (value: number) => months[(value - 1 + 12) % 12],\n    weekdayHeads: () => heads,\n  };\n}\n\nconst KITS = new WeakMap<object, WeakMap<object, BookingKit>>();\n\n/**\n * The kit for one config and one merged label pack. Pass the SAME objects to\n * get the same kit back; `BookingProvider` and the components memoise them.\n */\nexport function createBookingKit(\n  config: Readonly<BookingConfig>,\n  labels: Readonly<BookingLabels>\n): BookingKit {\n  let byLabels = KITS.get(config);\n  if (byLabels === undefined) {\n    byLabels = new WeakMap();\n    KITS.set(config, byLabels);\n  }\n  const known = byLabels.get(labels);\n  if (known !== undefined) return known;\n  const kit = buildKit(config, labels);\n  byLabels.set(labels, kit);\n  return kit;\n}\n\nfunction buildKit(base: Readonly<BookingConfig>, labels: Readonly<BookingLabels>): BookingKit {\n  const config: Readonly<BookingConfig> = Object.freeze({ ...base, labels });\n  const core = createClock(config);\n  const clock: Clock & BookingClock = { ...core, ...calendarWords(config) };\n  const money = createMoney(config);\n  const phone = createPhone(config);\n  const age = createAge(config);\n  const format: BookingFormat = {\n    clock,\n    price: (minor) => money.formatMinor(minor),\n    telHref: (value) => phone.telHref(value),\n    stylistName: stylistDisplayName,\n    initials: initialsOf,\n    ageLabel: (range) => age.ageLabel(range),\n  };\n  return {\n    config,\n    labels,\n    format,\n    clock,\n    wizard: createWizard(config),\n    money,\n    phone,\n    age,\n    deepLinks: createDeepLinks(config),\n    drafts: createDraftStore(config.storageNamespace),\n    attempts: createAttemptStore(config.storageNamespace),\n    rebook: createRebookStore(config.storageNamespace),\n    restoreGate: createRestoreGate(config.storageNamespace),\n    partySlots: createPartySlots(config),\n    ics: createIcs(config),\n    paths: createPaths(config),\n    dayparts: config.dayparts.map((part) => ({\n      key: part.key,\n      label: core.daypartLabel(part.key),\n    })),\n    categories: config.categories.map(({ key, audience }) => {\n      const label = labels[`category.${key}`];\n      return {\n        key,\n        label: label === undefined ? capitalised(key, config.locale) : labelText(label),\n        audience,\n      };\n    }),\n    childCategory: childCategory(config),\n    possessive: possessiveFor(config.locale),\n  };\n}\n"],"mappings":"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"}

package/dist/react/labels/login.d.mts

@@ -5,6 +5,8 @@ export type LoginLabels = {
   'loginPage.vipps.needsEmailLogin': BookingLabel;
   /** `?vipps=failed`: the Vipps login was cancelled or failed. */
   'loginPage.vipps.failed': BookingLabel;
+  /** The Vipps button where e-mail is the second button: «Fortsett med Vipps». */
+  'login.continueVipps': BookingLabel;
 };
 //#endregion
 //# sourceMappingURL=login.d.mts.map

package/dist/react/labels/login.mjs

@@ -1,11 +1,13 @@
 //#region src/react/labels/login.ts
 const LOGIN_LABELS_NB = {
 	"loginPage.vipps.needsEmailLogin": "Vi fant mer enn én profil på deg. Logg inn med e-post denne gangen, så kan du koble til Vipps etterpå.",
-	"loginPage.vipps.failed": "Innloggingen med Vipps ble avbrutt. Prøv igjen, eller bruk e-post."
+	"loginPage.vipps.failed": "Innloggingen med Vipps ble avbrutt. Prøv igjen, eller bruk e-post.",
+	"login.continueVipps": "Fortsett med Vipps"
 };
 const LOGIN_LABELS_EN = {
 	"loginPage.vipps.needsEmailLogin": "We found more than one profile for you. Log in with e-mail this time, and link Vipps afterwards.",
-	"loginPage.vipps.failed": "The Vipps login was cancelled. Try again, or use e-mail."
+	"loginPage.vipps.failed": "The Vipps login was cancelled. Try again, or use e-mail.",
+	"login.continueVipps": "Continue with Vipps"
 };
 //#endregion
 export { LOGIN_LABELS_EN, LOGIN_LABELS_NB };

package/dist/react/labels/login.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"login.mjs","names":[],"sources":["../../../src/react/labels/login.ts"],"sourcesContent":["/**\n * The words `<LoginSheet>` and `<LoginPageQuery>` draw or assemble\n * themselves, on top of the screens' own copy (`screens.ts`): the sentence the\n * login page shows for each outcome a Vipps return can report (`?vipps=`).\n */\n\nimport type { BookingLabel } from '../../core/labels';\n\nexport type LoginLabels = {\n  /** `?vipps=needs_email_login`: the Vipps login matched more than one profile. */\n  'loginPage.vipps.needsEmailLogin': BookingLabel;\n  /** `?vipps=failed`: the Vipps login was cancelled or failed. */\n  'loginPage.vipps.failed': BookingLabel;\n};\n\nexport const LOGIN_LABELS_NB: LoginLabels = {\n  'loginPage.vipps.needsEmailLogin':\n    'Vi fant mer enn én profil på deg. Logg inn med e-post denne gangen, så kan du koble til Vipps etterpå.',\n  'loginPage.vipps.failed': 'Innloggingen med Vipps ble avbrutt. Prøv igjen, eller bruk e-post.',\n};\n\nexport const LOGIN_LABELS_EN: LoginLabels = {\n  'loginPage.vipps.needsEmailLogin':\n    'We found more than one profile for you. Log in with e-mail this time, and link Vipps afterwards.',\n  'loginPage.vipps.failed': 'The Vipps login was cancelled. Try again, or use e-mail.',\n};\n"],"mappings":";AAeA,MAAa,kBAA+B;CAC1C,mCACE;CACF,0BAA0B;AAC5B;AAEA,MAAa,kBAA+B;CAC1C,mCACE;CACF,0BAA0B;AAC5B"}
+{"version":3,"file":"login.mjs","names":[],"sources":["../../../src/react/labels/login.ts"],"sourcesContent":["/**\n * The words `<LoginSheet>` and `<LoginPageQuery>` draw or assemble\n * themselves, on top of the screens' own copy (`screens.ts`): the sentence the\n * login page shows for each outcome a Vipps return can report (`?vipps=`).\n */\n\nimport type { BookingLabel } from '../../core/labels';\n\nexport type LoginLabels = {\n  /** `?vipps=needs_email_login`: the Vipps login matched more than one profile. */\n  'loginPage.vipps.needsEmailLogin': BookingLabel;\n  /** `?vipps=failed`: the Vipps login was cancelled or failed. */\n  'loginPage.vipps.failed': BookingLabel;\n  /** The Vipps button where e-mail is the second button: «Fortsett med Vipps». */\n  'login.continueVipps': BookingLabel;\n};\n\nexport const LOGIN_LABELS_NB: LoginLabels = {\n  'loginPage.vipps.needsEmailLogin':\n    'Vi fant mer enn én profil på deg. Logg inn med e-post denne gangen, så kan du koble til Vipps etterpå.',\n  'loginPage.vipps.failed': 'Innloggingen med Vipps ble avbrutt. Prøv igjen, eller bruk e-post.',\n  'login.continueVipps': 'Fortsett med Vipps',\n};\n\nexport const LOGIN_LABELS_EN: LoginLabels = {\n  'loginPage.vipps.needsEmailLogin':\n    'We found more than one profile for you. Log in with e-mail this time, and link Vipps afterwards.',\n  'loginPage.vipps.failed': 'The Vipps login was cancelled. Try again, or use e-mail.',\n  'login.continueVipps': 'Continue with Vipps',\n};\n"],"mappings":";AAiBA,MAAa,kBAA+B;CAC1C,mCACE;CACF,0BAA0B;CAC1B,uBAAuB;AACzB;AAEA,MAAa,kBAA+B;CAC1C,mCACE;CACF,0BAA0B;CAC1B,uBAAuB;AACzB"}

package/dist/react/labels/screens.mjs

@@ -62,6 +62,7 @@ const SCREEN_LABELS_NB = {
 	"details.email.error": "E-postadressen ser ikke riktig ut.",
 	"details.email.help": "Vi sender bekreftelsen og en kalenderfil hit.",
 	"details.email.label": "E-postadresse",
+	"details.email.lockedHelp": "E-posten du logget inn med",
 	"details.error.conflict": "Timen kunne ikke settes opp. Prøv igjen.",
 	"details.error.inProgress": "Bestillingen er allerede mottatt. Se etter bekreftelsen på e-post, eller ring oss.",
 	"details.error.invalidInput": "Noen felt er ikke riktig fylt ut. Se over og prøv igjen.",
@@ -122,6 +123,7 @@ const SCREEN_LABELS_NB = {
 	"login.codeHelp": "Seks sifre, sendt til {email}. Koden varer i ti minutter.",
 	"login.codeHelpVipps": "Seks sifre. Riktig kode kobler Vipps til kontoen din.",
 	"login.codeLabel": "Kode",
+	"login.continueEmail": "Fortsett med e-post",
 	"login.cooldownReady": "Nå kan du be om en ny kode.",
 	"login.cooldownWait": "Du kan be om en ny kode om {seconds} sekunder.",
 	"login.emailIntro": "Bruk e-postadressen du bestilte med, så sender vi deg en kode.",
@@ -355,7 +357,33 @@ const SCREEN_LABELS_NB = {
 	"who.guest.children.one": "{count} barn",
 	"who.guest.children.other": "{count} barn",
 	"who.guest.groupLabel": "Hvor mange gjelder timen?",
-	"who.heading": "Hvem gjelder timen?"
+	"who.heading": "Hvem gjelder timen?",
+	"recap.label": "Timen du bestiller",
+	"recap.time": "Kl. {start}–{end}",
+	"recap.line": "{services} hos {stylist}",
+	"recap.lineFor": "{who}: {services} hos {stylist}",
+	"recap.anyStylist": "første ledige",
+	"recap.total": "{price} totalt",
+	"recap.edit": "Endre",
+	"recap.editLabel": "Endre dag og tid",
+	"recap.alsoFree": "Også ledig kl. {time}:",
+	"recap.swapTo": "Bestill hos {name} i stedet",
+	"time.soonest.heading": "Ledig snart",
+	"time.soonest.pick": "{day} kl. {time}",
+	"time.soonest.with": "hos {stylist}",
+	"time.dayChip.free": "{count} ledige",
+	"time.dayChip.freeOne": "{count} ledig",
+	"time.dayChip.full": "fullt",
+	"summary.hint.who": "Velg hvem som kommer",
+	"summary.hint.service": "Trykk på en tjeneste",
+	"summary.hint.when": "Trykk på en tid",
+	"who.party.children": "Barn",
+	"who.party.childrenNote": "",
+	"who.party.adult": "Jeg skal også ha time",
+	"who.party.adultNote": "Samtidig, ved siden av",
+	"who.party.fewer": "Ett barn færre",
+	"who.party.more": "Ett barn til",
+	"who.party.count": "{count} barn"
 };
 const SCREEN_LABELS_EN = {
 	"addChild.birthMonth": "Month of birth (optional)",
@@ -420,6 +448,7 @@ const SCREEN_LABELS_EN = {
 	"details.email.error": "That email address does not look right.",
 	"details.email.help": "We send the confirmation and a calendar file here.",
 	"details.email.label": "Email address",
+	"details.email.lockedHelp": "The e-mail you signed in with",
 	"details.error.conflict": "We could not set up the appointment. Please try again.",
 	"details.error.inProgress": "We already have this booking. Look for the confirmation email, or give us a call.",
 	"details.error.invalidInput": "Some fields are not filled in correctly. Please check them.",
@@ -480,6 +509,7 @@ const SCREEN_LABELS_EN = {
 	"login.codeHelp": "Six digits, sent to {email}. The code lasts ten minutes.",
 	"login.codeHelpVipps": "Six digits. The right code links Vipps to your account.",
 	"login.codeLabel": "Code",
+	"login.continueEmail": "Continue with e-mail",
 	"login.cooldownReady": "You can ask for a new code now.",
 	"login.cooldownWait": "You can ask for a new code in {seconds} seconds.",
 	"login.emailIntro": "Use the e-mail address you booked with and we will send you a code.",
@@ -713,7 +743,33 @@ const SCREEN_LABELS_EN = {
 	"who.guest.children.one": "{count} child",
 	"who.guest.children.other": "{count} children",
 	"who.guest.groupLabel": "How many people?",
-	"who.heading": "Who is the appointment for?"
+	"who.heading": "Who is the appointment for?",
+	"recap.label": "The appointment you are booking",
+	"recap.time": "{start}–{end}",
+	"recap.line": "{services} with {stylist}",
+	"recap.lineFor": "{who}: {services} with {stylist}",
+	"recap.anyStylist": "the first available",
+	"recap.total": "{price} in total",
+	"recap.edit": "Change",
+	"recap.editLabel": "Change day and time",
+	"recap.alsoFree": "Also free at {time}:",
+	"recap.swapTo": "Book with {name} instead",
+	"time.soonest.heading": "Free soon",
+	"time.soonest.pick": "{day} at {time}",
+	"time.soonest.with": "with {stylist}",
+	"time.dayChip.free": "{count} free",
+	"time.dayChip.freeOne": "{count} free",
+	"time.dayChip.full": "full",
+	"summary.hint.who": "Choose who is coming",
+	"summary.hint.service": "Tap a service",
+	"summary.hint.when": "Tap a time",
+	"who.party.children": "Children",
+	"who.party.childrenNote": "",
+	"who.party.adult": "I need an appointment too",
+	"who.party.adultNote": "At the same time, side by side",
+	"who.party.fewer": "One child fewer",
+	"who.party.more": "One more child",
+	"who.party.count": "{count} children"
 };
 //#endregion
 export { SCREEN_LABELS_EN, SCREEN_LABELS_NB };