@medalsocial/booking 0.0.0-placeholder.0 → 0.1.0

package/dist/react/portal/dashboard.d.mts

@@ -0,0 +1,74 @@
+import { PortalBookingDto, PortalProfileDto } from "../../core/portal/dto.mjs";
+import { PortalActions } from "../actions.mjs";
+import { BookingOverrides } from "../Provider.mjs";
+import { PortalTab } from "./tabs.mjs";
+import { PortalTabIcons } from "./sections.mjs";
+import { VippsLinkFlash } from "@medalsocial/meda/booking";
+import { ReactNode } from "react";
+//#region src/react/portal/dashboard.d.ts
+/** Where the visitor goes after logging out / deleting themselves. */
+interface Exits {
+  /** Default `/`. */
+  logoutHref?: string;
+  /** Default `paths.portalLogin`. */
+  deletedHref?: string;
+}
+export interface PortalDashboardProps extends BookingOverrides, Exits {
+  profile: PortalProfileDto;
+  bookings: {
+    upcoming: PortalBookingDto[];
+    past: PortalBookingDto[];
+  };
+  /** The «usual stylist» choices, display names, in the order to offer them. */
+  stylists?: ReadonlyArray<{
+    id: string;
+    name: string;
+  }>;
+  /** The business's number for «call us», or `null`. */
+  phone: string | null;
+  /** The app's `'use server'` wrappers (Decision 8). */
+  actions: PortalActions;
+  /** The section to open on (`parsePortalTab` on the query). A Vipps flash opens Profile. */
+  tab?: PortalTab;
+  /** The person ids the age prompt was already answered for (`parseAgePromptDismissed`). */
+  agePromptDismissed?: readonly string[];
+  /** The age prompt's cookie. Default `<portal.cookieName>_age_ok`, path `paths.portal`. */
+  agePromptCookie?: string;
+  /** How a «link Vipps» attempt that just returned ended (`vippsLinkFlash`), or `null`. */
+  vippsFlash?: VippsLinkFlash | null;
+  /** Shows the «Vipps linked» toast (e.g. sonner's `toast.success`); without it the row says so inline. */
+  onToast?: (message: string) => void;
+  /** Where «book» goes. Default `handoffUrl ?? paths.booking`; the ids ride along only to `paths.booking`. */
+  bookingHref?: string;
+  /** The render's clock (ages, «next appointment»). Default `Date.now()` at mount; pass the server's. */
+  now?: number;
+  /** Replaces the default header (eyebrow, greeting, «book» button). */
+  header?: ReactNode;
+  /** The query parameter the open section rides in (default `fane`) and each section's value. */
+  tabParam?: string;
+  tabSlugs?: Readonly<Record<PortalTab, string>>;
+  icons?: PortalTabIcons;
+}
+/**
+ * The customer portal: a rail on a desktop, a tab bar on a phone, and four
+ * sections — overview (next appointments, the family, «book again»), family
+ * (cards and the editor), history and profile (details, Vipps, data). Every
+ * section is mounted all the time, so a half-edited form survives a tab tap.
+ *
+ * The server page reads the profile, the bookings, the stylists, the phone,
+ * the age cookie and the Vipps flash, and hands them in; this renders and
+ * wires each form to its action. It renders no page wrapper.
+ */
+export declare function PortalDashboard(props: PortalDashboardProps): import("react").JSX.Element;
+export interface PortalDashboardUnreachableProps extends BookingOverrides, Pick<Exits, 'logoutHref'> {
+  phone: string | null;
+  actions: Pick<PortalActions, 'logout'>;
+}
+/**
+ * What the portal shows when the backend did not answer: «try again» (this
+ * page) and the phone — and a logout, because this is the one screen a
+ * visitor could otherwise be held on.
+ */
+export declare function PortalDashboardUnreachable(props: PortalDashboardUnreachableProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=dashboard.d.mts.map

package/dist/react/portal/dashboard.mjs

@@ -0,0 +1,204 @@
+'use client';
+import { fillParts, labelText } from "../../core/labels.mjs";
+import { rebookSuggestions } from "../../core/portal/dto.mjs";
+import { useBookingKit } from "../Provider.mjs";
+import { screenLabels } from "../screen-labels.mjs";
+import { agePromptCookieName } from "./age-prompt.mjs";
+import { createChildSummaries } from "./child-summary.mjs";
+import { SessionTouch } from "./SessionTouch.mjs";
+import { PortalSections } from "./sections.mjs";
+import { PortalChildCards, PortalDataControls, PortalFamilyEditor, PortalLogoutButton, PortalProfileForm, PortalRebookCards, PortalVippsLinkRow } from "./wired.mjs";
+import { AccountCard, PortalUnreachable, UpcomingBookings, VisitHistory, bookingButtonClass } from "@medalsocial/meda/booking";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/react/portal/dashboard.tsx
+/** A section heading as the dashboard draws it. */
+function Heading({ id, children }) {
+	return /* @__PURE__ */ jsx("h2", {
+		id,
+		className: "font-sans text-xl font-bold md:text-2xl",
+		children
+	});
+}
+/**
+* The customer portal: a rail on a desktop, a tab bar on a phone, and four
+* sections — overview (next appointments, the family, «book again»), family
+* (cards and the editor), history and profile (details, Vipps, data). Every
+* section is mounted all the time, so a half-edited form survives a tab tap.
+*
+* The server page reads the profile, the bookings, the stylists, the phone,
+* the age cookie and the Vipps flash, and hands them in; this renders and
+* wires each form to its action. It renders no page wrapper.
+*/
+function PortalDashboard(props) {
+	const booking = useBookingKit(props);
+	const { kit } = booking;
+	const { labels, config } = kit;
+	const { profile, bookings, actions, phone, stylists = [] } = props;
+	const [now] = useState(() => props.now ?? Date.now());
+	const bookingHref = props.bookingHref ?? config.handoffUrl ?? config.paths.booking;
+	const kids = createChildSummaries(kit.clock)(profile.family, bookings.past, now, bookings.upcoming);
+	const stylistNames = Object.fromEntries(stylists.map((stylist) => [stylist.id, stylist.name]));
+	const vippsFlash = props.vippsFlash ?? null;
+	const familyHeading = labels["portal.family.heading"];
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SessionTouch, { config }), /* @__PURE__ */ jsx(PortalSections, {
+		booking,
+		initialTab: vippsFlash !== null ? "profile" : props.tab,
+		tabParam: props.tabParam,
+		tabSlugs: props.tabSlugs,
+		icons: props.icons,
+		header: props.header ?? /* @__PURE__ */ jsxs("header", {
+			className: "flex flex-wrap items-end justify-between gap-4",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-xs font-bold tracking-widest text-muted-foreground",
+					children: labels["portal.eyebrow"]
+				}), /* @__PURE__ */ jsx("h1", {
+					className: "font-sans text-3xl font-bold md:text-5xl",
+					children: fillParts(labels["portal.greeting"], { name: profile.firstName ?? labelText(labels["portal.greetingFallback"]) })
+				})]
+			}), /* @__PURE__ */ jsxs("a", {
+				href: bookingHref,
+				className: bookingButtonClass({ size: "lg" }),
+				children: [labels["portal.book"], /* @__PURE__ */ jsx("svg", {
+					"aria-hidden": "true",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: 2,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					className: "size-4",
+					children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M12 5l7 7-7 7" })
+				})]
+			})]
+		}),
+		account: /* @__PURE__ */ jsx(AccountCard, {
+			profile,
+			compact: true,
+			classNames: booking.classNames.accountCard
+		}),
+		logout: /* @__PURE__ */ jsx(PortalLogoutButton, {
+			booking,
+			actions,
+			logoutHref: props.logoutHref ?? "/"
+		}),
+		overview: /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(UpcomingBookings, {
+				bookings: bookings.upcoming,
+				phone,
+				bookingHref,
+				now,
+				labels: screenLabels(labels),
+				format: kit.format,
+				classNames: booking.classNames.upcoming,
+				components: booking.components
+			}),
+			/* @__PURE__ */ jsxs("section", {
+				"aria-labelledby": "portal-children-summary",
+				className: "space-y-4",
+				children: [/* @__PURE__ */ jsx(Heading, {
+					id: "portal-children-summary",
+					children: familyHeading
+				}), /* @__PURE__ */ jsx(PortalChildCards, {
+					booking,
+					kids,
+					variant: "compact",
+					bookingHref
+				})]
+			}),
+			/* @__PURE__ */ jsx(PortalRebookCards, {
+				booking,
+				suggestions: rebookSuggestions(bookings.past),
+				bookingHref
+			})
+		] }),
+		family: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("section", {
+			"aria-labelledby": "portal-children-heading",
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ jsx(Heading, {
+					id: "portal-children-heading",
+					children: familyHeading
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: labels["portal.family.lead"]
+				}),
+				/* @__PURE__ */ jsx(PortalChildCards, {
+					booking,
+					kids,
+					bookingHref,
+					empty: null,
+					stylistNames
+				})
+			]
+		}), /* @__PURE__ */ jsx(PortalFamilyEditor, {
+			booking,
+			family: profile.family,
+			nouns: profile.labels,
+			personDetails: profile.personDetails,
+			stylists,
+			dismissed: props.agePromptDismissed ?? [],
+			cookieName: props.agePromptCookie ?? agePromptCookieName(config),
+			now,
+			actions
+		})] }),
+		history: /* @__PURE__ */ jsx(VisitHistory, {
+			past: bookings.past,
+			labels: screenLabels(labels),
+			format: kit.format,
+			classNames: booking.classNames.history,
+			components: booking.components
+		}),
+		profile: /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(AccountCard, {
+				profile,
+				classNames: booking.classNames.accountCard
+			}),
+			/* @__PURE__ */ jsx(PortalProfileForm, {
+				booking,
+				profile,
+				actions
+			}),
+			profile.vippsLinked !== void 0 && actions.startVippsLink && /* @__PURE__ */ jsx(PortalVippsLinkRow, {
+				booking,
+				linked: profile.vippsLinked,
+				flash: vippsFlash,
+				startVippsLink: actions.startVippsLink,
+				onToast: props.onToast
+			}),
+			/* @__PURE__ */ jsx(PortalDataControls, {
+				booking,
+				actions,
+				deletedHref: props.deletedHref ?? config.paths.portalLogin
+			})
+		] })
+	})] });
+}
+/**
+* What the portal shows when the backend did not answer: «try again» (this
+* page) and the phone — and a logout, because this is the one screen a
+* visitor could otherwise be held on.
+*/
+function PortalDashboardUnreachable(props) {
+	const booking = useBookingKit(props);
+	const { kit } = booking;
+	return /* @__PURE__ */ jsx(PortalUnreachable, {
+		labels: screenLabels(kit.labels),
+		format: kit.format,
+		phone: props.phone,
+		retryHref: kit.config.paths.portal ?? "/",
+		classNames: booking.classNames.portalUnreachable,
+		logout: /* @__PURE__ */ jsx(PortalLogoutButton, {
+			booking,
+			actions: props.actions,
+			logoutHref: props.logoutHref ?? "/"
+		})
+	});
+}
+//#endregion
+export { PortalDashboard, PortalDashboardUnreachable };
+
+//# sourceMappingURL=dashboard.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.mjs","names":[],"sources":["../../../src/react/portal/dashboard.tsx"],"sourcesContent":["import {\n  AccountCard,\n  bookingButtonClass,\n  PortalUnreachable,\n  UpcomingBookings,\n  type VippsLinkFlash,\n  VisitHistory,\n} from '@medalsocial/meda/booking';\nimport { type ReactNode, useState } from 'react';\nimport { fillParts, labelText } from '../../core/labels';\nimport type { PortalBookingDto, PortalProfileDto } from '../../core/portal/dto';\nimport { rebookSuggestions } from '../../core/portal/dto';\nimport type { PortalActions } from '../actions';\nimport { type BookingOverrides, useBookingKit } from '../Provider';\nimport { screenLabels } from '../screen-labels';\nimport { agePromptCookieName } from './age-prompt';\nimport { createChildSummaries } from './child-summary';\nimport { SessionTouch } from './SessionTouch';\nimport { PortalSections, type PortalTabIcons } from './sections';\nimport type { PortalTab } from './tabs';\nimport {\n  PortalChildCards,\n  PortalDataControls,\n  PortalFamilyEditor,\n  PortalLogoutButton,\n  PortalProfileForm,\n  PortalRebookCards,\n  PortalVippsLinkRow,\n} from './wired';\n\n/** Where the visitor goes after logging out / deleting themselves. */\ninterface Exits {\n  /** Default `/`. */\n  logoutHref?: string;\n  /** Default `paths.portalLogin`. */\n  deletedHref?: string;\n}\n\nexport interface PortalDashboardProps extends BookingOverrides, Exits {\n  profile: PortalProfileDto;\n  bookings: { upcoming: PortalBookingDto[]; past: PortalBookingDto[] };\n  /** The «usual stylist» choices, display names, in the order to offer them. */\n  stylists?: ReadonlyArray<{ id: string; name: string }>;\n  /** The business's number for «call us», or `null`. */\n  phone: string | null;\n  /** The app's `'use server'` wrappers (Decision 8). */\n  actions: PortalActions;\n  /** The section to open on (`parsePortalTab` on the query). A Vipps flash opens Profile. */\n  tab?: PortalTab;\n  /** The person ids the age prompt was already answered for (`parseAgePromptDismissed`). */\n  agePromptDismissed?: readonly string[];\n  /** The age prompt's cookie. Default `<portal.cookieName>_age_ok`, path `paths.portal`. */\n  agePromptCookie?: string;\n  /** How a «link Vipps» attempt that just returned ended (`vippsLinkFlash`), or `null`. */\n  vippsFlash?: VippsLinkFlash | null;\n  /** Shows the «Vipps linked» toast (e.g. sonner's `toast.success`); without it the row says so inline. */\n  onToast?: (message: string) => void;\n  /** Where «book» goes. Default `handoffUrl ?? paths.booking`; the ids ride along only to `paths.booking`. */\n  bookingHref?: string;\n  /** The render's clock (ages, «next appointment»). Default `Date.now()` at mount; pass the server's. */\n  now?: number;\n  /** Replaces the default header (eyebrow, greeting, «book» button). */\n  header?: ReactNode;\n  /** The query parameter the open section rides in (default `fane`) and each section's value. */\n  tabParam?: string;\n  tabSlugs?: Readonly<Record<PortalTab, string>>;\n  icons?: PortalTabIcons;\n}\n\n/** A section heading as the dashboard draws it. */\nfunction Heading({ id, children }: { id: string; children: ReactNode }) {\n  return (\n    <h2 id={id} className=\"font-sans text-xl font-bold md:text-2xl\">\n      {children}\n    </h2>\n  );\n}\n\n/**\n * The customer portal: a rail on a desktop, a tab bar on a phone, and four\n * sections — overview (next appointments, the family, «book again»), family\n * (cards and the editor), history and profile (details, Vipps, data). Every\n * section is mounted all the time, so a half-edited form survives a tab tap.\n *\n * The server page reads the profile, the bookings, the stylists, the phone,\n * the age cookie and the Vipps flash, and hands them in; this renders and\n * wires each form to its action. It renders no page wrapper.\n */\nexport function PortalDashboard(props: PortalDashboardProps) {\n  const booking = useBookingKit(props);\n  const { kit } = booking;\n  const { labels, config } = kit;\n  const { profile, bookings, actions, phone, stylists = [] } = props;\n  const [now] = useState(() => props.now ?? Date.now());\n  const bookingHref = props.bookingHref ?? config.handoffUrl ?? config.paths.booking;\n  const kids = createChildSummaries(kit.clock)(\n    profile.family,\n    bookings.past,\n    now,\n    bookings.upcoming\n  );\n  const stylistNames = Object.fromEntries(stylists.map((stylist) => [stylist.id, stylist.name]));\n  const vippsFlash = props.vippsFlash ?? null;\n  const familyHeading = labels['portal.family.heading'];\n\n  return (\n    <>\n      <SessionTouch config={config} />\n      <PortalSections\n        booking={booking}\n        // A link attempt that just returned opens on Profile, where its message is.\n        initialTab={vippsFlash !== null ? 'profile' : props.tab}\n        tabParam={props.tabParam}\n        tabSlugs={props.tabSlugs}\n        icons={props.icons}\n        header={\n          props.header ?? (\n            <header className=\"flex flex-wrap items-end justify-between gap-4\">\n              <div className=\"space-y-1\">\n                <p className=\"text-xs font-bold tracking-widest text-muted-foreground\">\n                  {labels['portal.eyebrow']}\n                </p>\n                <h1 className=\"font-sans text-3xl font-bold md:text-5xl\">\n                  {fillParts(labels['portal.greeting'], {\n                    name: profile.firstName ?? labelText(labels['portal.greetingFallback']),\n                  })}\n                </h1>\n              </div>\n              <a href={bookingHref} className={bookingButtonClass({ size: 'lg' })}>\n                {labels['portal.book']}\n                <svg\n                  aria-hidden=\"true\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth={2}\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  className=\"size-4\"\n                >\n                  <path d=\"M5 12h14M12 5l7 7-7 7\" />\n                </svg>\n              </a>\n            </header>\n          )\n        }\n        account={\n          <AccountCard profile={profile} compact classNames={booking.classNames.accountCard} />\n        }\n        logout={\n          <PortalLogoutButton\n            booking={booking}\n            actions={actions}\n            logoutHref={props.logoutHref ?? '/'}\n          />\n        }\n        overview={\n          <>\n            <UpcomingBookings\n              bookings={bookings.upcoming}\n              phone={phone}\n              bookingHref={bookingHref}\n              now={now}\n              labels={screenLabels(labels)}\n              format={kit.format}\n              classNames={booking.classNames.upcoming}\n              components={booking.components}\n            />\n            {/* Always drawn — with a sentence when there is nobody yet — so the\n                overview keeps its shape for a new visitor. */}\n            <section aria-labelledby=\"portal-children-summary\" className=\"space-y-4\">\n              <Heading id=\"portal-children-summary\">{familyHeading}</Heading>\n              <PortalChildCards\n                booking={booking}\n                kids={kids}\n                variant=\"compact\"\n                bookingHref={bookingHref}\n              />\n            </section>\n            <PortalRebookCards\n              booking={booking}\n              suggestions={rebookSuggestions(bookings.past)}\n              bookingHref={bookingHref}\n            />\n          </>\n        }\n        family={\n          <>\n            <section aria-labelledby=\"portal-children-heading\" className=\"space-y-4\">\n              <Heading id=\"portal-children-heading\">{familyHeading}</Heading>\n              <p className=\"text-muted-foreground\">{labels['portal.family.lead']}</p>\n              {/* No empty sentence: the editor right below says so, and is where one is added. */}\n              <PortalChildCards\n                booking={booking}\n                kids={kids}\n                bookingHref={bookingHref}\n                empty={null}\n                stylistNames={stylistNames}\n              />\n            </section>\n            <PortalFamilyEditor\n              booking={booking}\n              family={profile.family}\n              nouns={profile.labels}\n              personDetails={profile.personDetails}\n              stylists={stylists}\n              dismissed={props.agePromptDismissed ?? []}\n              cookieName={props.agePromptCookie ?? agePromptCookieName(config)}\n              now={now}\n              actions={actions}\n            />\n          </>\n        }\n        history={\n          <VisitHistory\n            past={bookings.past}\n            labels={screenLabels(labels)}\n            format={kit.format}\n            classNames={booking.classNames.history}\n            components={booking.components}\n          />\n        }\n        profile={\n          <>\n            <AccountCard profile={profile} classNames={booking.classNames.accountCard} />\n            <PortalProfileForm booking={booking} profile={profile} actions={actions} />\n            {/* Only where the backend says whether Vipps is linked, and the app can start a link. */}\n            {profile.vippsLinked !== undefined && actions.startVippsLink && (\n              <PortalVippsLinkRow\n                booking={booking}\n                linked={profile.vippsLinked}\n                flash={vippsFlash}\n                startVippsLink={actions.startVippsLink}\n                onToast={props.onToast}\n              />\n            )}\n            <PortalDataControls\n              booking={booking}\n              actions={actions}\n              deletedHref={props.deletedHref ?? config.paths.portalLogin}\n            />\n          </>\n        }\n      />\n    </>\n  );\n}\n\nexport interface PortalDashboardUnreachableProps\n  extends BookingOverrides,\n    Pick<Exits, 'logoutHref'> {\n  phone: string | null;\n  actions: Pick<PortalActions, 'logout'>;\n}\n\n/**\n * What the portal shows when the backend did not answer: «try again» (this\n * page) and the phone — and a logout, because this is the one screen a\n * visitor could otherwise be held on.\n */\nexport function PortalDashboardUnreachable(props: PortalDashboardUnreachableProps) {\n  const booking = useBookingKit(props);\n  const { kit } = booking;\n  return (\n    <PortalUnreachable\n      labels={screenLabels(kit.labels)}\n      format={kit.format}\n      phone={props.phone}\n      retryHref={kit.config.paths.portal ?? '/'}\n      classNames={booking.classNames.portalUnreachable}\n      logout={\n        <PortalLogoutButton\n          booking={booking}\n          actions={props.actions}\n          logoutHref={props.logoutHref ?? '/'}\n        />\n      }\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/react/portal/leave.d.mts

@@ -0,0 +1,17 @@
+//#region src/react/portal/leave.d.ts
+/**
+ * Leave the portal with ONE full document load — after a logout or a delete.
+ *
+ * A `router.push` + `router.refresh` pair is two round-trips, and a push to a
+ * page under another root layout ends in a hard load anyway. A document load
+ * is a fresh page and drops the router cache holding the old dashboard in one
+ * go. `replace` for the delete, so Back cannot return to a dashboard whose
+ * account is gone; `assign` for the logout, where Back simply meets the login.
+ *
+ * Its own module so a test can stand in for `window.location`.
+ */
+export declare function leavePortal(path: string, { replace }?: {
+  replace?: boolean;
+}): void;
+//#endregion
+//# sourceMappingURL=leave.d.mts.map

package/dist/react/portal/leave.mjs

@@ -0,0 +1,21 @@
+'use client';
+//#region src/react/portal/leave.ts
+/**
+* Leave the portal with ONE full document load — after a logout or a delete.
+*
+* A `router.push` + `router.refresh` pair is two round-trips, and a push to a
+* page under another root layout ends in a hard load anyway. A document load
+* is a fresh page and drops the router cache holding the old dashboard in one
+* go. `replace` for the delete, so Back cannot return to a dashboard whose
+* account is gone; `assign` for the logout, where Back simply meets the login.
+*
+* Its own module so a test can stand in for `window.location`.
+*/
+function leavePortal(path, { replace = false } = {}) {
+	if (replace) window.location.replace(path);
+	else window.location.assign(path);
+}
+//#endregion
+export { leavePortal };
+
+//# sourceMappingURL=leave.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"leave.mjs","names":[],"sources":["../../../src/react/portal/leave.ts"],"sourcesContent":["/**\n * Leave the portal with ONE full document load — after a logout or a delete.\n *\n * A `router.push` + `router.refresh` pair is two round-trips, and a push to a\n * page under another root layout ends in a hard load anyway. A document load\n * is a fresh page and drops the router cache holding the old dashboard in one\n * go. `replace` for the delete, so Back cannot return to a dashboard whose\n * account is gone; `assign` for the logout, where Back simply meets the login.\n *\n * Its own module so a test can stand in for `window.location`.\n */\nexport function leavePortal(path: string, { replace = false }: { replace?: boolean } = {}): void {\n  if (replace) window.location.replace(path);\n  else window.location.assign(path);\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,SAAgB,YAAY,MAAc,EAAE,UAAU,UAAiC,CAAC,GAAS;CAC/F,IAAI,SAAS,OAAO,SAAS,QAAQ,IAAI;MACpC,OAAO,SAAS,OAAO,IAAI;AAClC"}

package/dist/react/portal/sections.d.mts

@@ -0,0 +1,12 @@
+import "../Provider.mjs";
+import { PortalTab } from "./tabs.mjs";
+import { PortalShellIcon } from "@medalsocial/meda/booking";
+import { ReactNode } from "react";
+//#region src/react/portal/sections.d.ts
+/** The icons a tab may carry, rail and bottom bar. */
+export type PortalTabIcons = Partial<Record<PortalTab, {
+  icon?: PortalShellIcon;
+  shortIcon?: PortalShellIcon;
+}>>;
+//#endregion
+//# sourceMappingURL=sections.d.mts.map

package/dist/react/portal/sections.mjs

@@ -0,0 +1,48 @@
+'use client';
+import { labelText } from "../../core/labels.mjs";
+import { screenLabels } from "../screen-labels.mjs";
+import { DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS } from "./tabs.mjs";
+import { PortalShell } from "@medalsocial/meda/booking";
+import { jsx } from "react/jsx-runtime";
+//#region src/react/portal/sections.tsx
+/**
+* The portal's four sections in meda's shell, with the open one in the URL so
+* a reload or a link lands on it. Written with `history.replaceState`, not a
+* router navigation: the page is per-request, and a router replace would
+* render it on the server again to move a `hidden` attribute. Replace, not
+* push: a tab is not a page, and Back should leave the portal.
+*/
+function PortalSections({ booking, header, account, logout, initialTab = DEFAULT_PORTAL_TAB, tabParam = DEFAULT_PORTAL_TAB_PARAM, tabSlugs = DEFAULT_PORTAL_TAB_SLUGS, icons, ...sections }) {
+	const { labels } = booking.kit;
+	const tab = (id, short) => ({
+		id,
+		label: labelText(labels[`portal.tab.${id}`]),
+		short,
+		...icons?.[id],
+		content: sections[id]
+	});
+	return /* @__PURE__ */ jsx(PortalShell, {
+		labels: screenLabels(labels),
+		classNames: booking.classNames.portalShell,
+		header,
+		account,
+		logout,
+		defaultTab: initialTab,
+		onTabChange: (next) => {
+			const url = new URL(window.location.href);
+			if (next === "overview") url.searchParams.delete(tabParam);
+			else url.searchParams.set(tabParam, tabSlugs[next]);
+			window.history.replaceState(null, "", url);
+		},
+		tabs: [
+			tab("overview", labelText(labels["portal.tab.overviewShort"])),
+			tab("family"),
+			tab("history"),
+			tab("profile")
+		]
+	});
+}
+//#endregion
+export { PortalSections };
+
+//# sourceMappingURL=sections.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sections.mjs","names":[],"sources":["../../../src/react/portal/sections.tsx"],"sourcesContent":["import { PortalShell, type PortalShellIcon } from '@medalsocial/meda/booking';\nimport type { ReactNode } from 'react';\nimport { labelText } from '../../core/labels';\nimport type { ResolvedBooking } from '../Provider';\nimport { screenLabels } from '../screen-labels';\nimport {\n  DEFAULT_PORTAL_TAB,\n  DEFAULT_PORTAL_TAB_PARAM,\n  DEFAULT_PORTAL_TAB_SLUGS,\n  type PortalTab,\n} from './tabs';\n\n/** The icons a tab may carry, rail and bottom bar. */\nexport type PortalTabIcons = Partial<\n  Record<PortalTab, { icon?: PortalShellIcon; shortIcon?: PortalShellIcon }>\n>;\n\nexport interface PortalSectionsProps extends Record<PortalTab, ReactNode> {\n  booking: ResolvedBooking;\n  header?: ReactNode;\n  account?: ReactNode;\n  logout?: ReactNode;\n  initialTab?: PortalTab;\n  /** The query parameter the open section rides in. Default `fane`. */\n  tabParam?: string;\n  tabSlugs?: Readonly<Record<PortalTab, string>>;\n  icons?: PortalTabIcons;\n}\n\n/**\n * The portal's four sections in meda's shell, with the open one in the URL so\n * a reload or a link lands on it. Written with `history.replaceState`, not a\n * router navigation: the page is per-request, and a router replace would\n * render it on the server again to move a `hidden` attribute. Replace, not\n * push: a tab is not a page, and Back should leave the portal.\n */\nexport function PortalSections({\n  booking,\n  header,\n  account,\n  logout,\n  initialTab = DEFAULT_PORTAL_TAB,\n  tabParam = DEFAULT_PORTAL_TAB_PARAM,\n  tabSlugs = DEFAULT_PORTAL_TAB_SLUGS,\n  icons,\n  ...sections\n}: PortalSectionsProps) {\n  const { labels } = booking.kit;\n  const tab = (id: PortalTab, short?: string) => ({\n    id,\n    label: labelText(labels[`portal.tab.${id}`]),\n    short,\n    ...icons?.[id],\n    content: sections[id],\n  });\n  return (\n    <PortalShell<PortalTab>\n      labels={screenLabels(labels)}\n      classNames={booking.classNames.portalShell}\n      header={header}\n      account={account}\n      logout={logout}\n      defaultTab={initialTab}\n      onTabChange={(next) => {\n        const url = new URL(window.location.href);\n        if (next === DEFAULT_PORTAL_TAB) url.searchParams.delete(tabParam);\n        else url.searchParams.set(tabParam, tabSlugs[next]);\n        window.history.replaceState(null, '', url);\n      }}\n      tabs={[\n        tab('overview', labelText(labels['portal.tab.overviewShort'])),\n        tab('family'),\n        tab('history'),\n        tab('profile'),\n      ]}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAoCA,SAAgB,eAAe,EAC7B,SACA,QACA,SACA,QACA,aAAa,oBACb,WAAW,0BACX,WAAW,0BACX,OACA,GAAG,YACmB;CACtB,MAAM,EAAE,WAAW,QAAQ;CAC3B,MAAM,OAAO,IAAe,WAAoB;EAC9C;EACA,OAAO,UAAU,OAAO,cAAc,KAAK;EAC3C;EACA,GAAG,QAAQ;EACX,SAAS,SAAS;CACpB;CACA,OACE,oBAAC,aAAD;EACE,QAAQ,aAAa,MAAM;EAC3B,YAAY,QAAQ,WAAW;EACvB;EACC;EACD;EACR,YAAY;EACZ,cAAc,SAAS;GACrB,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;GACxC,IAAI,SAAA,YAA6B,IAAI,aAAa,OAAO,QAAQ;QAC5D,IAAI,aAAa,IAAI,UAAU,SAAS,KAAK;GAClD,OAAO,QAAQ,aAAa,MAAM,IAAI,GAAG;EAC3C;EACA,MAAM;GACJ,IAAI,YAAY,UAAU,OAAO,2BAA2B,CAAC;GAC7D,IAAI,QAAQ;GACZ,IAAI,SAAS;GACb,IAAI,SAAS;EACf;CACD,CAAA;AAEL"}

package/dist/react/portal/tabs.d.mts

@@ -0,0 +1,23 @@
+//#region src/react/portal/tabs.d.ts
+/**
+ * The portal's four sections, and how they are spelled in the URL.
+ *
+ * Free of `'use client'`, so the server page can call `parsePortalTab` on the
+ * query and the FIRST paint is already the right section; the dashboard
+ * writes it back as the visitor moves between them.
+ */
+export declare const PORTAL_TABS: readonly ['overview', 'family', 'history', 'profile'];
+export type PortalTab = (typeof PORTAL_TABS)[number];
+/** The section with no parameter — and the answer to any value that is not one. */
+export declare const DEFAULT_PORTAL_TAB: PortalTab;
+/** The query parameter the open section rides in (`?fane=…`). */
+export declare const DEFAULT_PORTAL_TAB_PARAM = "fane";
+/** Each section's value in that parameter. */
+export declare const DEFAULT_PORTAL_TAB_SLUGS: Readonly<Record<PortalTab, string>>;
+/**
+ * The parameter's value as a section. Exact spellings only; anything else — a
+ * typo, a repeated parameter, a value from an old link — opens the overview.
+ */
+export declare function parsePortalTab(value: unknown, slugs?: Readonly<Record<PortalTab, string>>): PortalTab;
+//#endregion
+//# sourceMappingURL=tabs.d.mts.map

package/dist/react/portal/tabs.mjs

@@ -0,0 +1,36 @@
+//#region src/react/portal/tabs.ts
+/**
+* The portal's four sections, and how they are spelled in the URL.
+*
+* Free of `'use client'`, so the server page can call `parsePortalTab` on the
+* query and the FIRST paint is already the right section; the dashboard
+* writes it back as the visitor moves between them.
+*/
+const PORTAL_TABS = [
+	"overview",
+	"family",
+	"history",
+	"profile"
+];
+/** The section with no parameter — and the answer to any value that is not one. */
+const DEFAULT_PORTAL_TAB = "overview";
+/** The query parameter the open section rides in (`?fane=…`). */
+const DEFAULT_PORTAL_TAB_PARAM = "fane";
+/** Each section's value in that parameter. */
+const DEFAULT_PORTAL_TAB_SLUGS = {
+	overview: "oversikt",
+	family: "barn",
+	history: "historikk",
+	profile: "profil"
+};
+/**
+* The parameter's value as a section. Exact spellings only; anything else — a
+* typo, a repeated parameter, a value from an old link — opens the overview.
+*/
+function parsePortalTab(value, slugs = DEFAULT_PORTAL_TAB_SLUGS) {
+	return PORTAL_TABS.find((tab) => typeof value === "string" && slugs[tab] === value) ?? "overview";
+}
+//#endregion
+export { DEFAULT_PORTAL_TAB, DEFAULT_PORTAL_TAB_PARAM, DEFAULT_PORTAL_TAB_SLUGS, PORTAL_TABS, parsePortalTab };
+
+//# sourceMappingURL=tabs.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../src/react/portal/tabs.ts"],"sourcesContent":["/**\n * The portal's four sections, and how they are spelled in the URL.\n *\n * Free of `'use client'`, so the server page can call `parsePortalTab` on the\n * query and the FIRST paint is already the right section; the dashboard\n * writes it back as the visitor moves between them.\n */\n\nexport const PORTAL_TABS = ['overview', 'family', 'history', 'profile'] as const;\n\nexport type PortalTab = (typeof PORTAL_TABS)[number];\n\n/** The section with no parameter — and the answer to any value that is not one. */\nexport const DEFAULT_PORTAL_TAB: PortalTab = 'overview';\n\n/** The query parameter the open section rides in (`?fane=…`). */\nexport const DEFAULT_PORTAL_TAB_PARAM = 'fane';\n\n/** Each section's value in that parameter. */\nexport const DEFAULT_PORTAL_TAB_SLUGS: Readonly<Record<PortalTab, string>> = {\n  overview: 'oversikt',\n  family: 'barn',\n  history: 'historikk',\n  profile: 'profil',\n};\n\n/**\n * The parameter's value as a section. Exact spellings only; anything else — a\n * typo, a repeated parameter, a value from an old link — opens the overview.\n */\nexport function parsePortalTab(\n  value: unknown,\n  slugs: Readonly<Record<PortalTab, string>> = DEFAULT_PORTAL_TAB_SLUGS\n): PortalTab {\n  return (\n    PORTAL_TABS.find((tab) => typeof value === 'string' && slugs[tab] === value) ??\n    DEFAULT_PORTAL_TAB\n  );\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,cAAc;CAAC;CAAY;CAAU;CAAW;AAAS;;AAKtE,MAAa,qBAAgC;;AAG7C,MAAa,2BAA2B;;AAGxC,MAAa,2BAAgE;CAC3E,UAAU;CACV,QAAQ;CACR,SAAS;CACT,SAAS;AACX;;;;;AAMA,SAAgB,eACd,OACA,QAA6C,0BAClC;CACX,OACE,YAAY,MAAM,QAAQ,OAAO,UAAU,YAAY,MAAM,SAAS,KAAK,KAAA;AAG/E"}

package/dist/react/portal/vipps-flash.d.mts

@@ -0,0 +1,11 @@
+import { BookingConfig } from "../../core/config.mjs";
+import { VippsLinkFlash as VippsLinkFlash$1 } from "@medalsocial/meda/booking";
+//#region src/react/portal/vipps-flash.d.ts
+export declare const VIPPS_LINK_FLASHES: readonly VippsLinkFlash$1[];
+/** A cookie value as a flash, or `null` for anything else. */
+export declare function vippsLinkFlash(value: unknown): VippsLinkFlash$1 | null;
+/** Where the flash is spent (`DELETE`), so a reload says nothing again. */
+export declare function vippsFlashPath(config: Pick<BookingConfig, 'paths'>): string;
+//#endregion
+export type { VippsLinkFlash$1 as VippsLinkFlash };
+//# sourceMappingURL=vipps-flash.d.mts.map

package/dist/react/portal/vipps-flash.mjs

@@ -0,0 +1,18 @@
+//#region src/react/portal/vipps-flash.ts
+const VIPPS_LINK_FLASHES = [
+	"linked",
+	"link_conflict",
+	"link_failed"
+];
+/** A cookie value as a flash, or `null` for anything else. */
+function vippsLinkFlash(value) {
+	return VIPPS_LINK_FLASHES.find((flash) => flash === value) ?? null;
+}
+/** Where the flash is spent (`DELETE`), so a reload says nothing again. */
+function vippsFlashPath(config) {
+	return `${config.paths.portalApi}/vipps/flash`;
+}
+//#endregion
+export { VIPPS_LINK_FLASHES, vippsFlashPath, vippsLinkFlash };
+
+//# sourceMappingURL=vipps-flash.mjs.map

package/dist/react/portal/vipps-flash.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vipps-flash.mjs","names":[],"sources":["../../../src/react/portal/vipps-flash.ts"],"sourcesContent":["import type { VippsLinkFlash } from '@medalsocial/meda/booking';\nimport type { BookingConfig } from '../../core/config';\n\n/**\n * How a «link Vipps» attempt ended, as the profile reads it. The outcome\n * never travels in a URL: the return route sets an httpOnly flash cookie and\n * lands on a bare portal page, the server page reads it and hands it to the\n * dashboard, and the dashboard spends it. Free of `'use client'`.\n */\n\nexport type { VippsLinkFlash };\n\nexport const VIPPS_LINK_FLASHES: readonly VippsLinkFlash[] = [\n  'linked',\n  'link_conflict',\n  'link_failed',\n];\n\n/** A cookie value as a flash, or `null` for anything else. */\nexport function vippsLinkFlash(value: unknown): VippsLinkFlash | null {\n  return VIPPS_LINK_FLASHES.find((flash) => flash === value) ?? null;\n}\n\n/** Where the flash is spent (`DELETE`), so a reload says nothing again. */\nexport function vippsFlashPath(config: Pick<BookingConfig, 'paths'>): string {\n  return `${config.paths.portalApi}/vipps/flash`;\n}\n"],"mappings":";AAYA,MAAa,qBAAgD;CAC3D;CACA;CACA;AACF;;AAGA,SAAgB,eAAe,OAAuC;CACpE,OAAO,mBAAmB,MAAM,UAAU,UAAU,KAAK,KAAK;AAChE;;AAGA,SAAgB,eAAe,QAA8C;CAC3E,OAAO,GAAG,OAAO,MAAM,UAAU;AACnC"}