kaafil-react-uikit 0.1.0-beta.1

package/dist/traveller/index.js

@@ -0,0 +1,1789 @@
+import { useShareSnapshot, BrandShell, useShareForms } from '../chunk-WUAFL77X.js';
+import '../chunk-PZKXLQSU.js';
+import '../chunk-XI7MK4Y7.js';
+export { BootErrorScreen, OfflineFallbackScreen } from '../chunk-IIPQ4JNC.js';
+import { createRegistry, useKaafilChrome, useSession, tokenStyle, OfflineEngineContext } from '../chunk-6FPAGGFL.js';
+import { useState, useRef, useEffect, useMemo, useContext } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/traveller/KaafilShareView/internal/formatShareDate.ts
+var WEEKDAY_FORMAT_CACHE = /* @__PURE__ */ new Map();
+var DAY_MONTH_FORMAT_CACHE = /* @__PURE__ */ new Map();
+var TIME_FORMAT_CACHE = /* @__PURE__ */ new Map();
+function cachedFormatter(cache, timezone, options) {
+  const existing = cache.get(timezone);
+  if (existing !== void 0) {
+    return existing;
+  }
+  const created = new Intl.DateTimeFormat("en-GB", { ...options, timeZone: timezone });
+  cache.set(timezone, created);
+  return created;
+}
+function formatWeekdayShort(isoDate, timezone) {
+  const formatter = cachedFormatter(WEEKDAY_FORMAT_CACHE, timezone, { weekday: "short" });
+  return formatter.format(new Date(isoDate)).toUpperCase();
+}
+function formatDayMonth(isoDate, timezone) {
+  const formatter = cachedFormatter(DAY_MONTH_FORMAT_CACHE, timezone, {
+    day: "numeric",
+    month: "short"
+  });
+  return formatter.format(new Date(isoDate)).toUpperCase();
+}
+function formatWeekdayDay(isoDate, timezone) {
+  return `${formatWeekdayShort(isoDate, timezone)} ${new Intl.DateTimeFormat("en-GB", { day: "numeric", timeZone: timezone }).format(new Date(isoDate))}`;
+}
+function formatTimeOfDay(isoDateTime, timezone) {
+  const formatter = cachedFormatter(TIME_FORMAT_CACHE, timezone, {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  });
+  return formatter.format(new Date(isoDateTime));
+}
+function wholeDaysBetween(fromIso, toIso, timezone) {
+  const dayKeyFormatter = new Intl.DateTimeFormat("en-CA", { timeZone: timezone });
+  const fromKey = dayKeyFormatter.format(new Date(fromIso));
+  const toKey = dayKeyFormatter.format(new Date(toIso));
+  const fromUtc = Date.parse(`${fromKey}T00:00:00Z`);
+  const toUtc = Date.parse(`${toKey}T00:00:00Z`);
+  const diffDays = Math.round((toUtc - fromUtc) / (24 * 60 * 60 * 1e3));
+  return diffDays > 0 ? diffDays : 0;
+}
+
+// src/traveller/KaafilShareView/internal/deriveTripStatus.ts
+var PHASE_LABEL_KEY = {
+  PRE_DEPARTURE: "chrome.shareView.trip.phase.preDeparture",
+  ON_TRIP: "chrome.shareView.trip.phase.onTrip",
+  POST_TRIP: "chrome.shareView.trip.phase.postTrip"
+};
+function deriveTripStatus(trip, itinerary, serverTime, t) {
+  const totalDays = itinerary?.days.length ?? wholeDaysBetween(trip.startDate, trip.endDate, trip.timezone) + 1;
+  const todayDay = itinerary?.days.find((day) => day.isToday);
+  const currentDayNumber = todayDay !== void 0 ? todayDay.dayIndex + 1 : null;
+  const dayLabel2 = currentDayNumber !== null ? t("chrome.shareView.trip.dayOf").replace("{current}", String(currentDayNumber)).replace("{total}", String(totalDays)) : t(PHASE_LABEL_KEY[trip.phase]);
+  const dateRangeLabel = `${formatDayMonth(trip.startDate, trip.timezone)} \u2192 ${formatDayMonth(trip.endDate, trip.timezone)}`;
+  let daysLeftLabel = null;
+  if (trip.phase === "ON_TRIP" && serverTime !== void 0) {
+    const daysLeft = wholeDaysBetween(serverTime, trip.endDate, trip.timezone);
+    daysLeftLabel = daysLeft === 1 ? t("chrome.shareView.trip.daysLeftOne") : t("chrome.shareView.trip.daysLeftMany").replace("{count}", String(daysLeft));
+  } else if (trip.phase === "PRE_DEPARTURE" && serverTime !== void 0) {
+    const daysToStart = wholeDaysBetween(serverTime, trip.startDate, trip.timezone);
+    daysLeftLabel = daysToStart === 1 ? t("chrome.shareView.trip.startsInOne") : t("chrome.shareView.trip.startsInMany").replace("{count}", String(daysToStart));
+  }
+  let progressPercent = 0;
+  if (trip.phase === "POST_TRIP") {
+    progressPercent = 100;
+  } else if (trip.phase === "ON_TRIP" && currentDayNumber !== null && totalDays > 0) {
+    progressPercent = Math.min(100, Math.round(currentDayNumber / totalDays * 100));
+  }
+  return {
+    phase: trip.phase,
+    phaseLabel: t(PHASE_LABEL_KEY[trip.phase]),
+    totalDays,
+    currentDayNumber,
+    dayLabel: dayLabel2,
+    dateRangeLabel,
+    daysLeftLabel,
+    progressPercent
+  };
+}
+function HouseholdSheet({
+  open,
+  onClose,
+  label,
+  travellers
+}) {
+  const { t } = useKaafilChrome();
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    function handleKeyDown(event) {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, onClose]);
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "kf-share-view__sheet-backdrop", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "kf-share-view__sheet",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": label ?? t("chrome.shareView.household.ariaLabelFallback"),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "kf-share-view__sheet-header", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "kf-eyebrow", children: t("chrome.shareView.household.eyebrow") }),
+            label !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__sheet-title", children: label }) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "kf-share-view__sheet-close kf-press",
+              onClick: onClose,
+              "aria-label": t("chrome.shareView.close"),
+              children: "\u2715"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "kf-share-view__list", children: travellers.map((traveller, index) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "kf-share-view__row kf-share-view__sheet-row",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "kf-share-view__household-avatar", "aria-hidden": "true", children: traveller.initials }),
+              /* @__PURE__ */ jsx("div", { className: "kf-share-view__sheet-row-body", children: /* @__PURE__ */ jsxs("p", { className: "kf-share-view__contact-name", children: [
+                traveller.firstName,
+                traveller.isSubject ? /* @__PURE__ */ jsxs("span", { className: "kf-share-view__sheet-you", children: [
+                  " ",
+                  "\xB7 ",
+                  t("chrome.shareView.household.you")
+                ] }) : null
+              ] }) })
+            ]
+          },
+          `${traveller.firstName}-${String(index)}`
+        )) }),
+        /* @__PURE__ */ jsxs("p", { className: "kf-share-view__sheet-footer kf-eyebrow", children: [
+          travellers.length,
+          " ",
+          travellers.length === 1 ? t("chrome.shareView.household.travellerSingular") : t("chrome.shareView.household.travellerPlural"),
+          " ",
+          "\xB7 ",
+          t("chrome.shareView.household.readOnlyView")
+        ] })
+      ]
+    }
+  ) });
+}
+var COPY_KEY = {
+  ended: "chrome.shareView.ended.ended",
+  "not-found": "chrome.shareView.ended.notFound"
+};
+function ShareEndedScreen({ reason }) {
+  const { t } = useKaafilChrome();
+  return /* @__PURE__ */ jsx("div", { className: "kf-share-view__ended", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsx("p", { className: "kf-share-view__ended-message", children: t(COPY_KEY[reason]) }) });
+}
+function ShareSkeleton() {
+  const { t } = useKaafilChrome();
+  return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__skeleton", role: "status", "aria-live": "polite", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx("span", { className: "kf-visually-hidden", children: t("chrome.shareView.loading") }),
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__skeleton-line kf-share-view__skeleton-line--eyebrow kf-shimmer" }),
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__skeleton-line kf-share-view__skeleton-line--headline kf-shimmer" }),
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__skeleton-block kf-shimmer" }),
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__skeleton-block kf-share-view__skeleton-block--short kf-shimmer" }),
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__skeleton-block kf-shimmer" })
+  ] });
+}
+function svg(children, size = 16) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.75,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children
+    }
+  );
+}
+function PhoneIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsx("path", { d: "M4 4h3.2l1.4 4.4-2 1.6a12.5 12.5 0 0 0 5.4 5.4l1.6-2 4.4 1.4V18a2 2 0 0 1-2 2C10 20 4 14 4 6a2 2 0 0 1 0-2Z" }),
+    size
+  );
+}
+function WhatsappIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M6.3 17.7 5 20l2.4-1.3A8 8 0 1 0 4 12a8 8 0 0 0 2.3 5.7Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M9 9.5c0 3.5 2.9 6 6 6 .6 0 1-.9.6-1.4l-1.2-1.4a.7.7 0 0 0-.8-.2l-1 .4a5 5 0 0 1-2.5-2.5l.4-1a.7.7 0 0 0-.2-.8L9.4 7.4C8.9 7 8 7.4 8 8c0 .5.2 1 1 1.5Z" })
+    ] }),
+    size
+  );
+}
+function PlaneIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsx("path", { d: "M10.5 20.5 12 15l6.5-6.5a2.1 2.1 0 0 0-3-3L9 12l-5.5 1.5 3 2 1 3 2-1Z" }),
+    size
+  );
+}
+function HouseIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M4 11 12 4l8 7" }),
+      /* @__PURE__ */ jsx("path", { d: "M6 10v9a1 1 0 0 0 1 1h3v-5h4v5h3a1 1 0 0 0 1-1v-9" })
+    ] }),
+    size
+  );
+}
+function CarIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M4 16V12l2-5h12l2 5v4" }),
+      /* @__PURE__ */ jsx("path", { d: "M4 16h16v2a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H7v1a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1Z" }),
+      /* @__PURE__ */ jsx("circle", { cx: "7.5", cy: "16", r: "1.2" }),
+      /* @__PURE__ */ jsx("circle", { cx: "16.5", cy: "16", r: "1.2" })
+    ] }),
+    size
+  );
+}
+function CompassIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8" }),
+      /* @__PURE__ */ jsx("path", { d: "m14.5 9.5-1.8 4.2-4.2 1.8 1.8-4.2Z" })
+    ] }),
+    size
+  );
+}
+function BedIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M3 18v-7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3" }),
+      /* @__PURE__ */ jsx("path", { d: "M3 18v2M21 18v2M3 15h18v3H3z" }),
+      /* @__PURE__ */ jsx("path", { d: "M13 11h6a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ jsx("circle", { cx: "7", cy: "11", r: "1.4" })
+    ] }),
+    size
+  );
+}
+function DownloadIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 4v11" }),
+      /* @__PURE__ */ jsx("path", { d: "m7.5 11.5 4.5 4.5 4.5-4.5" }),
+      /* @__PURE__ */ jsx("path", { d: "M4 19.5h16" })
+    ] }),
+    size
+  );
+}
+function PinIcon({ size }) {
+  return svg(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("path", { d: "M12 21s-6.5-5.6-6.5-10.5a6.5 6.5 0 0 1 13 0C18.5 15.4 12 21 12 21Z" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10.5", r: "2.2" })
+    ] }),
+    size
+  );
+}
+function initialsOf(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  const first = parts[0]?.[0] ?? "";
+  const last = parts.length > 1 ? parts[parts.length - 1]?.[0] ?? "" : "";
+  return `${first}${last}`.toUpperCase();
+}
+function ContactActions({ row }) {
+  const { t } = useKaafilChrome();
+  if (row.phoneHref === null && row.whatsappHref === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__contact-actions", children: [
+    row.phoneHref !== null ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        className: "kf-share-view__contact-action kf-share-view__contact-action--call kf-press",
+        href: row.phoneHref,
+        children: [
+          /* @__PURE__ */ jsx(PhoneIcon, {}),
+          /* @__PURE__ */ jsx("span", { className: "kf-visually-hidden", children: t("chrome.shareView.contact.call").replace("{name}", row.name) })
+        ]
+      }
+    ) : null,
+    row.whatsappHref !== null ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        className: "kf-share-view__contact-action kf-share-view__contact-action--whatsapp kf-press",
+        href: row.whatsappHref,
+        children: [
+          /* @__PURE__ */ jsx(WhatsappIcon, {}),
+          /* @__PURE__ */ jsx("span", { className: "kf-visually-hidden", children: t("chrome.shareView.contact.whatsapp").replace("{name}", row.name) })
+        ]
+      }
+    ) : null
+  ] });
+}
+function ContactCard({
+  row,
+  roleLabel,
+  footer
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__card kf-share-view__contact", children: [
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__contact-main", children: [
+      /* @__PURE__ */ jsx("span", { className: "kf-share-view__contact-avatar", "aria-hidden": "true", children: initialsOf(row.name) }),
+      /* @__PURE__ */ jsxs("div", { className: "kf-share-view__contact-identity", children: [
+        /* @__PURE__ */ jsx("p", { className: "kf-share-view__contact-name", children: row.name }),
+        /* @__PURE__ */ jsxs("p", { className: "kf-share-view__contact-role kf-num", children: [
+          roleLabel,
+          row.phoneDisplay !== null ? ` \xB7 ${row.phoneDisplay}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ContactActions, { row })
+    ] }),
+    footer
+  ] });
+}
+function AgencyContactSection({ data }) {
+  const { t } = useKaafilChrome();
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.agency.eyebrow"), children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.agency.eyebrow") }) }),
+    /* @__PURE__ */ jsx(ContactCard, { row: data, roleLabel: t("chrome.shareView.agency.roleLabel") })
+  ] });
+}
+var PARTY_KIND_KEY = {
+  FAMILY: "chrome.shareView.brand.partyKind.family",
+  COUPLE: "chrome.shareView.brand.partyKind.couple",
+  FRIENDS: "chrome.shareView.brand.partyKind.friends",
+  CORPORATE: "chrome.shareView.brand.partyKind.corporate",
+  OTHER: "chrome.shareView.brand.partyKind.other"
+};
+function BrandHeaderSection({
+  agencyContact,
+  partyKind
+}) {
+  const { t } = useKaafilChrome();
+  const initial = agencyContact.name.trim().slice(0, 1).toUpperCase();
+  const kindLabel = partyKind !== null ? t(PARTY_KIND_KEY[partyKind]) : null;
+  return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__brand-header", children: [
+    /* @__PURE__ */ jsx("span", { className: "kf-share-view__brand-mark", "aria-hidden": "true", children: initial }),
+    /* @__PURE__ */ jsxs("p", { className: "kf-share-view__brand-name", children: [
+      agencyContact.name,
+      kindLabel !== null ? /* @__PURE__ */ jsxs("span", { className: "kf-share-view__brand-kind", children: [
+        " \xB7 ",
+        kindLabel
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "kf-share-view__brand-readonly kf-eyebrow", children: t("chrome.shareView.brand.readOnly") })
+  ] });
+}
+function groupBySectionTitle(items) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const existing = groups.get(item.sectionTitle);
+    if (existing !== void 0) {
+      existing.push(item);
+    } else {
+      groups.set(item.sectionTitle, [item]);
+    }
+  }
+  return groups;
+}
+function ChecklistSection({ data }) {
+  if (data.items.length === 0) {
+    return null;
+  }
+  const groups = groupBySectionTitle(data.items);
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from(groups.entries()).map(([sectionTitle, items]) => /* @__PURE__ */ jsxs("section", { "aria-label": sectionTitle, children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: sectionTitle }) }),
+    /* @__PURE__ */ jsx("ul", { className: "kf-share-view__card kf-share-view__list", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "kf-share-view__row kf-share-view__checklist-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "kf-share-view__checklist-marker", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs("div", { className: "kf-share-view__checklist-body", children: [
+        /* @__PURE__ */ jsx("p", { className: "kf-share-view__checklist-title", children: item.title }),
+        item.subLine !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__checklist-sub", children: item.subLine }) : null
+      ] })
+    ] }, item.title)) })
+  ] }, sectionTitle)) });
+}
+function formatSize(sizeBytes) {
+  if (sizeBytes < 1024) {
+    return `${String(sizeBytes)} B`;
+  }
+  const kb = sizeBytes / 1024;
+  if (kb < 1024) {
+    return `${kb.toFixed(0)} KB`;
+  }
+  return `${(kb / 1024).toFixed(1)} MB`;
+}
+function DocumentsSection({ data, timezone }) {
+  const { t } = useKaafilChrome();
+  const files = data.files ?? [];
+  if (data.vouchers.length === 0 && files.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.documents.eyebrow"), children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.documents.eyebrow") }) }),
+    /* @__PURE__ */ jsxs("ul", { className: "kf-share-view__card kf-share-view__list", children: [
+      files.map((file) => /* @__PURE__ */ jsxs("li", { className: "kf-share-view__row kf-share-view__document-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "kf-share-view__document-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            className: "kf-share-view__document-link",
+            href: file.url,
+            target: "_blank",
+            rel: "noreferrer",
+            children: file.title
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "kf-share-view__document-meta kf-num", children: [
+          file.scope === "yours" ? `${t("chrome.shareView.documents.yours")} \xB7 ` : "",
+          formatSize(file.sizeBytes)
+        ] })
+      ] }, file.id)),
+      data.vouchers.map((voucher) => /* @__PURE__ */ jsxs("li", { className: "kf-share-view__row kf-share-view__document-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "kf-share-view__document-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(DownloadIcon, {}) }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            className: "kf-share-view__document-link",
+            href: voucher.url,
+            target: "_blank",
+            rel: "noreferrer",
+            children: voucher.bookingLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "kf-share-view__document-meta kf-num", children: [
+          formatDayMonth(voucher.isoDate, timezone),
+          " \xB7 ",
+          formatSize(voucher.sizeBytes)
+        ] })
+      ] }, voucher.id))
+    ] })
+  ] });
+}
+function SelectFieldEditor({
+  id,
+  value,
+  options,
+  required,
+  onChange
+}) {
+  const { t } = useKaafilChrome();
+  const [open, setOpen] = useState(false);
+  const rootRef = useRef(null);
+  const selected = options.find((option) => option.value === value);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    function handlePointerDown(event) {
+      if (rootRef.current !== null && !rootRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    function handleKeyDown(event) {
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__select", ref: rootRef, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        className: "kf-share-view__select-trigger",
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        onClick: () => setOpen((current) => !current),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: selected === void 0 ? "kf-share-view__select-placeholder" : void 0, children: [
+            selected?.label ?? t("chrome.shareView.form.choosePlaceholder"),
+            required && selected === void 0 ? " *" : ""
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__select-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx("div", { className: "kf-share-view__select-listbox", role: "listbox", children: options.map((option) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "option",
+        "aria-selected": option.value === value,
+        className: "kf-share-view__select-option",
+        onClick: () => {
+          onChange(option.value);
+          setOpen(false);
+        },
+        children: option.label
+      },
+      option.value
+    )) }) : null
+  ] });
+}
+function configOf(field) {
+  return field.config;
+}
+function textValue(value) {
+  return typeof value === "string" ? value : "";
+}
+function numberValue(value) {
+  return typeof value === "number" ? String(value) : "";
+}
+function PlainPreview({ value }) {
+  return /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: typeof value === "string" ? value : "" });
+}
+var fallback = {
+  editor: ({ field, t }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-unsupported", children: t("chrome.shareView.form.unsupported").replace("{label}", field.label) }),
+  preview: PlainPreview
+};
+var fieldRegistry = createRegistry({ fallback });
+fieldRegistry.register("HEADING", {
+  editor: ({ field }) => /* @__PURE__ */ jsx("h3", { className: "kf-share-view__form-heading", children: field.label }),
+  preview: ({ field }) => /* @__PURE__ */ jsx("h3", { className: "kf-share-view__form-heading", children: field.label })
+});
+fieldRegistry.register("INFO_BLOCK", {
+  editor: ({ field }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-info", children: field.contentText }),
+  preview: ({ field }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-info", children: field.contentText })
+});
+fieldRegistry.register("SHORT_TEXT", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        className: "kf-share-view__form-input",
+        value: textValue(value),
+        maxLength: config.maxLength,
+        pattern: config.pattern,
+        required: field.required,
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("LONG_TEXT", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: "kf-share-view__form-textarea",
+        value: textValue(value),
+        maxLength: config.maxLength,
+        required: field.required,
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("EMAIL", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "email",
+        className: "kf-share-view__form-input",
+        value: textValue(value),
+        required: field.required,
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("PHONE", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "tel",
+        className: "kf-share-view__form-input",
+        value: textValue(value),
+        required: field.required,
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("URL", {
+  editor: ({ field, value, onChange }) => /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "url",
+      className: "kf-share-view__form-input",
+      value: textValue(value),
+      required: field.required,
+      onChange: (event) => onChange(event.target.value)
+    }
+  ),
+  preview: PlainPreview
+});
+fieldRegistry.register("NUMBER", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        className: "kf-share-view__form-input",
+        value: numberValue(value),
+        min: config.min,
+        max: config.max,
+        step: config.step ?? 1,
+        required: field.required,
+        onChange: (event) => onChange(event.target.value === "" ? void 0 : Number(event.target.value))
+      }
+    );
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview kf-num", children: numberValue(value) })
+});
+fieldRegistry.register("CURRENCY", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        className: "kf-share-view__form-input",
+        value: numberValue(value),
+        min: config.minMinor !== void 0 ? config.minMinor / 100 : void 0,
+        max: config.maxMinor !== void 0 ? config.maxMinor / 100 : void 0,
+        step: 0.01,
+        required: field.required,
+        onChange: (event) => onChange(
+          event.target.value === "" ? void 0 : Math.round(Number(event.target.value) * 100)
+        )
+      }
+    );
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview kf-num", children: typeof value === "number" ? (value / 100).toFixed(2) : "" })
+});
+fieldRegistry.register("RATING", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    const max = config.ratingMax ?? 5;
+    return /* @__PURE__ */ jsxs("fieldset", { className: "kf-share-view__form-rating", children: [
+      /* @__PURE__ */ jsx("legend", { className: "kf-visually-hidden", children: field.label }),
+      Array.from({ length: max }, (_unused, index) => index + 1).map((score) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": value === score,
+          className: `kf-share-view__form-rating-dot kf-press ${value === score ? "kf-share-view__form-rating-dot--selected" : ""}`,
+          onClick: () => onChange(score),
+          children: score
+        },
+        score
+      ))
+    ] });
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview kf-num", children: numberValue(value) })
+});
+fieldRegistry.register("NPS", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    return /* @__PURE__ */ jsxs("fieldset", { className: "kf-share-view__form-rating", children: [
+      /* @__PURE__ */ jsx("legend", { className: "kf-visually-hidden", children: field.label }),
+      Array.from({ length: 11 }, (_unused, index) => index).map((score) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": value === score,
+          className: `kf-share-view__form-rating-dot kf-press ${value === score ? "kf-share-view__form-rating-dot--selected" : ""}`,
+          onClick: () => onChange(score),
+          children: score
+        },
+        score
+      ))
+    ] });
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview kf-num", children: numberValue(value) })
+});
+fieldRegistry.register("DATE", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "date",
+        className: "kf-share-view__form-input",
+        value: textValue(value),
+        min: config.minDate,
+        max: config.maxDate,
+        required: field.required,
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("DATETIME", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "datetime-local",
+        className: "kf-share-view__form-input",
+        value: textValue(value),
+        step: config.minuteStep !== void 0 ? config.minuteStep * 60 : void 0,
+        required: field.required,
+        onChange: (event) => onChange(event.target.value)
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("TIME", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    const minutes = typeof value === "number" ? value : void 0;
+    const hh = minutes !== void 0 ? String(Math.floor(minutes / 60)).padStart(2, "0") : "";
+    const mm = minutes !== void 0 ? String(minutes % 60).padStart(2, "0") : "";
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "time",
+        className: "kf-share-view__form-input",
+        value: minutes !== void 0 ? `${hh}:${mm}` : "",
+        required: field.required,
+        onChange: (event) => {
+          const [h, m] = event.target.value.split(":");
+          if (h === void 0 || m === void 0) {
+            onChange(void 0);
+            return;
+          }
+          onChange(Number(h) * 60 + Number(m));
+        }
+      }
+    );
+  },
+  preview: ({ value }) => {
+    const minutes = typeof value === "number" ? value : void 0;
+    return /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview kf-num", children: minutes !== void 0 ? `${String(Math.floor(minutes / 60)).padStart(2, "0")}:${String(minutes % 60).padStart(2, "0")}` : "" });
+  }
+});
+fieldRegistry.register("SELECT", {
+  editor: ({ field, value, onChange, t }) => {
+    const config = configOf(field);
+    const options = [...config.options].sort((a, b) => a.sortOrder - b.sortOrder);
+    const withOther = config.otherAllowed === true ? [...options, { value: "__other__", label: t("chrome.shareView.form.other") }] : options;
+    return /* @__PURE__ */ jsx(
+      SelectFieldEditor,
+      {
+        id: field.id,
+        value: textValue(value),
+        options: withOther,
+        required: field.required,
+        onChange
+      }
+    );
+  },
+  preview: PlainPreview
+});
+fieldRegistry.register("MULTISELECT", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    const options = [...config.options].sort((a, b) => a.sortOrder - b.sortOrder);
+    const selected = Array.isArray(value) ? value : [];
+    return /* @__PURE__ */ jsxs("fieldset", { className: "kf-share-view__form-multiselect", children: [
+      /* @__PURE__ */ jsx("legend", { className: "kf-visually-hidden", children: field.label }),
+      options.map((option) => {
+        const checked = selected.includes(option.value);
+        return /* @__PURE__ */ jsxs("label", { className: "kf-share-view__form-checkbox-row", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              onChange: (event) => {
+                const max = config.maxSelections ?? 50;
+                if (event.target.checked) {
+                  if (selected.length >= max) {
+                    return;
+                  }
+                  onChange([...selected, option.value]);
+                } else {
+                  onChange(selected.filter((entry) => entry !== option.value));
+                }
+              }
+            }
+          ),
+          option.label
+        ] }, option.value);
+      })
+    ] });
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: Array.isArray(value) ? value.join(", ") : "" })
+});
+fieldRegistry.register("CHECKBOX", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    return /* @__PURE__ */ jsxs("label", { className: "kf-share-view__form-checkbox-row", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: value === true,
+          onChange: (event) => onChange(event.target.checked)
+        }
+      ),
+      field.label
+    ] });
+  },
+  preview: ({ value, t }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: value === true ? t("chrome.shareView.form.yes") : t("chrome.shareView.form.no") })
+});
+fieldRegistry.register("CONSENT", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    return /* @__PURE__ */ jsxs("label", { className: "kf-share-view__form-checkbox-row", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: value === true,
+          required: field.required,
+          onChange: (event) => onChange(event.target.checked)
+        }
+      ),
+      field.contentText ?? field.label
+    ] });
+  },
+  preview: ({ value, t }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: value === true ? t("chrome.shareView.form.agreed") : "" })
+});
+fieldRegistry.register("SIGNATURE", {
+  editor: ({ field, value, onChange }) => {
+    void configOf(field);
+    return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__form-file", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "file",
+          accept: "image/*",
+          onChange: (event) => onChange(event.target.files?.[0]?.name)
+        }
+      ),
+      typeof value === "string" ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-file-name", children: value }) : null
+    ] });
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: typeof value === "string" ? value : "" })
+});
+fieldRegistry.register("FILE_UPLOAD", {
+  editor: ({ field, value, onChange }) => {
+    const config = configOf(field);
+    return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__form-file", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "file",
+          accept: config.accept?.join(","),
+          multiple: (config.maxFiles ?? 1) > 1,
+          onChange: (event) => onChange(Array.from(event.target.files ?? []).map((file) => file.name))
+        }
+      ),
+      Array.isArray(value) ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-file-name", children: value.join(", ") }) : null
+    ] });
+  },
+  preview: ({ value }) => /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: Array.isArray(value) ? value.join(", ") : "" })
+});
+fieldRegistry.register("ADDRESS", {
+  editor: ({ field, value, onChange, t }) => {
+    void configOf(field);
+    const address = value ?? {};
+    const update = (patch) => onChange({ ...address, ...patch });
+    return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__form-address", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "kf-share-view__form-input",
+          placeholder: t("chrome.shareView.form.address.line1"),
+          value: address.line1 ?? "",
+          onChange: (event) => update({ line1: event.target.value })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "kf-share-view__form-input",
+          placeholder: t("chrome.shareView.form.address.city"),
+          value: address.city ?? "",
+          onChange: (event) => update({ city: event.target.value })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "kf-share-view__form-input",
+          placeholder: t("chrome.shareView.form.address.postalCode"),
+          value: address.postalCode ?? "",
+          onChange: (event) => update({ postalCode: event.target.value })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "kf-share-view__form-input",
+          placeholder: t("chrome.shareView.form.address.country"),
+          value: address.country ?? "",
+          onChange: (event) => update({ country: event.target.value })
+        }
+      )
+    ] });
+  },
+  preview: ({ value }) => {
+    const address = value;
+    return /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-preview", children: address !== void 0 ? [address.line1, address.city, address.postalCode, address.country].filter(Boolean).join(", ") : "" });
+  }
+});
+function initialAnswers(fields) {
+  const map = /* @__PURE__ */ new Map();
+  for (const field of fields) {
+    if (field.kind === "HEADING" || field.kind === "INFO_BLOCK") {
+      continue;
+    }
+    map.set(field.key, field.prefill);
+  }
+  return map;
+}
+function FormFillScreen({
+  form,
+  save,
+  submit,
+  writeStatus,
+  travellerRef
+}) {
+  const { t } = useKaafilChrome();
+  const [clientToken] = useState(() => crypto.randomUUID());
+  const [answers, setAnswers] = useState(() => initialAnswers(form.fields));
+  const readOnly = form.responseStatus === "SUBMITTED";
+  const answerList = useMemo(() => {
+    const list = [];
+    for (const field of form.fields) {
+      if (field.kind === "HEADING" || field.kind === "INFO_BLOCK") {
+        continue;
+      }
+      list.push({ fieldKey: field.key, value: answers.get(field.key) });
+    }
+    return list;
+  }, [answers, form.fields]);
+  const setAnswer = (key, value) => {
+    setAnswers((current) => {
+      const next = new Map(current);
+      next.set(key, value);
+      return next;
+    });
+  };
+  const writeInput = () => ({
+    formId: form.formId,
+    answers: answerList,
+    clientToken,
+    ...travellerRef !== void 0 ? { travellerRef } : {}
+  });
+  return /* @__PURE__ */ jsxs("section", { className: "kf-share-view__form-fill", "aria-label": form.title, children: [
+    form.introText !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-intro", children: form.introText }) : null,
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__form-fields", children: form.fields.map((field) => {
+      const handler = fieldRegistry.resolve(field.kind);
+      const value = answers.get(field.key);
+      const showPreview = readOnly || field.locked;
+      return /* @__PURE__ */ jsxs("div", { className: "kf-share-view__form-field", children: [
+        field.kind !== "HEADING" && field.kind !== "INFO_BLOCK" ? /* @__PURE__ */ jsxs("label", { className: "kf-share-view__form-label", htmlFor: field.id, children: [
+          field.label,
+          field.required ? " *" : ""
+        ] }) : null,
+        showPreview ? handler.preview({ field, value, t }) : handler.editor({
+          field,
+          value,
+          onChange: (next) => setAnswer(field.key, next),
+          t
+        }),
+        field.helpText !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-help", children: field.helpText }) : null
+      ] }, field.id);
+    }) }),
+    form.outroText !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-outro", children: form.outroText }) : null,
+    !readOnly ? /* @__PURE__ */ jsxs("div", { className: "kf-share-view__form-actions", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "kf-share-view__form-action kf-share-view__form-action--save kf-press",
+          disabled: writeStatus === "saving" || writeStatus === "submitting",
+          onClick: () => void save(writeInput()),
+          children: t("chrome.shareView.form.saveDraft")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "kf-share-view__form-action kf-share-view__form-action--submit kf-press",
+          disabled: writeStatus === "saving" || writeStatus === "submitting",
+          onClick: () => void submit(writeInput()),
+          children: t("chrome.shareView.form.submit")
+        }
+      )
+    ] }) : null,
+    writeStatus === "submitted" ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-status", role: "status", children: t("chrome.shareView.form.submittedMessage") }) : null,
+    writeStatus === "queued-offline" ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-status", role: "status", children: t("chrome.shareView.form.queuedOffline") }) : null,
+    writeStatus === "conflicted" ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__form-status", role: "alert", children: t("chrome.shareView.form.conflicted") }) : null
+  ] });
+}
+var FILL_STATE_KEY = {
+  ok: "chrome.shareView.forms.status.open",
+  window_closed: "chrome.shareView.forms.status.windowClosed",
+  form_closed: "chrome.shareView.forms.status.closed",
+  not_open_yet: "chrome.shareView.forms.status.notOpenYet",
+  awaiting_dispatch: "chrome.shareView.forms.status.notSentYet",
+  already_submitted: "chrome.shareView.forms.status.submitted",
+  response_limit_reached: "chrome.shareView.forms.status.limitReached",
+  trip_cancelled: "chrome.shareView.forms.status.tripCancelled"
+};
+function statusLabel(form, t) {
+  if (form.responseStatus === "IN_PROGRESS") {
+    return t("chrome.shareView.forms.status.inProgress");
+  }
+  if (form.responseStatus === "SUBMITTED") {
+    return t("chrome.shareView.forms.status.submitted");
+  }
+  const key = FILL_STATE_KEY[form.fillState];
+  return key !== void 0 ? t(key) : form.fillState;
+}
+function isPendingRequired(form) {
+  return form.required && form.fillState === "ok" && form.responseStatus === null;
+}
+function FormsSection({ token, travellerRef }) {
+  const engine = useContext(OfflineEngineContext);
+  if (engine === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ReadyFormsSection, { token, travellerRef });
+}
+function ReadyFormsSection({ token, travellerRef }) {
+  const { t } = useKaafilChrome();
+  const { status, forms, renderForm, save, submit, writeStatus, refresh } = useShareForms(token);
+  const [openFormId, setOpenFormId] = useState(null);
+  const [openForm, setOpenForm] = useState(null);
+  const autoOpenedRef = useRef(false);
+  useEffect(() => {
+    if (autoOpenedRef.current || status !== "list-populated") {
+      return;
+    }
+    autoOpenedRef.current = true;
+    const pending = forms.find(isPendingRequired);
+    if (pending !== void 0) {
+      setOpenFormId(pending.formId);
+    }
+  }, [status, forms]);
+  useEffect(() => {
+    if (openFormId === null) {
+      setOpenForm(null);
+      return;
+    }
+    let cancelled = false;
+    void renderForm(openFormId, { travellerRef }).then((response) => {
+      if (!cancelled) {
+        setOpenForm(response);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [openFormId, renderForm, travellerRef]);
+  useEffect(() => {
+    if (writeStatus === "submitted") {
+      void refresh();
+    }
+  }, [writeStatus, refresh]);
+  if (status === "loading") {
+    return null;
+  }
+  if (status === "not-found" || status === "list-empty") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.forms.eyebrow"), children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.forms.eyebrow") }) }),
+    /* @__PURE__ */ jsx("ul", { className: "kf-share-view__card kf-share-view__list", children: forms.map((form) => /* @__PURE__ */ jsx("li", { className: "kf-share-view__row kf-share-view__form-row", children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "kf-share-view__form-row-button kf-press",
+        onClick: () => setOpenFormId(form.formId),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__form-row-title", children: form.title }),
+          /* @__PURE__ */ jsxs("span", { className: "kf-share-view__form-row-end", children: [
+            /* @__PURE__ */ jsxs("span", { className: "kf-share-view__form-row-meta kf-eyebrow", children: [
+              statusLabel(form, t),
+              form.required ? ` \xB7 ${t("chrome.shareView.forms.required")}` : ""
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "kf-share-view__form-row-chevron", "aria-hidden": "true" })
+          ] })
+        ]
+      }
+    ) }, form.formId)) }),
+    openForm !== null ? (
+      // A popup, not an inline replacement of this section's own content
+      // (user feedback: opening a form used to swap the whole "Forms"
+      // section's body in place) — same backdrop/sheet dialog pattern as
+      // `HouseholdSheet`.
+      /* @__PURE__ */ jsx("div", { className: "kf-share-view__sheet-backdrop", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "kf-share-view__sheet",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": openForm.title,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "kf-share-view__sheet-header", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "kf-eyebrow", children: t("chrome.shareView.forms.dialogEyebrow") }),
+                /* @__PURE__ */ jsx("p", { className: "kf-share-view__sheet-title", children: openForm.title })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "kf-share-view__sheet-close kf-press",
+                  onClick: () => setOpenFormId(null),
+                  "aria-label": t("chrome.shareView.close"),
+                  children: "\u2715"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "kf-share-view__sheet-body", children: /* @__PURE__ */ jsx(
+              FormFillScreen,
+              {
+                form: openForm,
+                save,
+                submit,
+                writeStatus,
+                travellerRef
+              }
+            ) })
+          ]
+        }
+      ) })
+    ) : null
+  ] });
+}
+var PHASE_MODIFIER = {
+  PRE_DEPARTURE: "pre-departure",
+  ON_TRIP: "on-trip",
+  POST_TRIP: "post-trip"
+};
+function HeroSection({
+  tripName,
+  status,
+  travellers,
+  onOpenHousehold
+}) {
+  const { t } = useKaafilChrome();
+  return /* @__PURE__ */ jsxs("section", { className: "kf-share-view__hero", "aria-label": t("chrome.shareView.trip.ariaLabel"), children: [
+    /* @__PURE__ */ jsx("p", { className: "kf-share-view__hero-code kf-eyebrow", children: tripName }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `kf-share-view__hero-pill kf-share-view__hero-pill--${PHASE_MODIFIER[status.phase]}`,
+        children: status.phaseLabel
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "kf-share-view__hero-headline", children: status.dayLabel }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "kf-share-view__hero-progress",
+        role: "progressbar",
+        "aria-valuenow": status.progressPercent,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": t("chrome.shareView.trip.progressAriaLabel"),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "kf-share-view__hero-progress-fill",
+            style: { inlineSize: `${String(status.progressPercent)}%` }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__hero-meta", children: [
+      /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: status.dateRangeLabel }),
+      status.daysLeftLabel !== null ? /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: status.daysLeftLabel }) : null
+    ] }),
+    travellers.length > 0 ? /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "kf-share-view__hero-travellers kf-press",
+        onClick: onOpenHousehold,
+        disabled: onOpenHousehold === void 0,
+        children: [
+          /* @__PURE__ */ jsx("ul", { className: "kf-share-view__household-avatars", "aria-hidden": "true", children: travellers.map((traveller, index) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: "kf-share-view__household-avatar kf-share-view__household-avatar--on-dark",
+              children: traveller.initials
+            },
+            `${traveller.firstName}-${String(index)}`
+          )) }),
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__hero-travellers-names", children: travellers.map((traveller) => traveller.firstName).join(" & ") })
+        ]
+      }
+    ) : null
+  ] });
+}
+function HouseholdBanner({ label, names }) {
+  const { t } = useKaafilChrome();
+  if (names.length === 0 && label === null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "kf-share-view__household",
+      "aria-label": t("chrome.shareView.household.ariaLabelFallback"),
+      children: [
+        names.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "kf-share-view__household-greeting", children: [
+          t("chrome.shareView.household.greeting"),
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__household-name", children: names }),
+          ","
+        ] }) : null,
+        label !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__household-label", children: label }) : null
+      ]
+    }
+  );
+}
+function ItineraryDayStrip({
+  itinerary,
+  timezone,
+  selectedIndex,
+  onSelectIndex
+}) {
+  const { t } = useKaafilChrome();
+  const todayIndex = itinerary.days.findIndex((day) => day.isToday);
+  const selectedDay = itinerary.days[selectedIndex] ?? itinerary.days[0];
+  if (itinerary.days.length === 0 || selectedDay === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.itinerary.ariaLabel"), children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.itinerary.eyebrow") }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "kf-share-view__day-strip",
+        role: "tablist",
+        "aria-label": t("chrome.shareView.itinerary.tripDaysAriaLabel"),
+        children: itinerary.days.map((day, index) => {
+          const isSelected = index === selectedIndex;
+          const isPast = index < todayIndex;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": isSelected,
+              className: `kf-share-view__day-chip kf-press ${isSelected ? "kf-share-view__day-chip--selected" : isPast ? "kf-share-view__day-chip--past" : ""}`,
+              onClick: () => onSelectIndex(index),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "kf-share-view__day-chip-number", children: day.dayIndex + 1 }),
+                /* @__PURE__ */ jsx("span", { className: "kf-share-view__day-chip-label kf-eyebrow", children: formatWeekdayDay(day.isoDate, timezone) }),
+                isSelected ? /* @__PURE__ */ jsx("span", { className: "kf-share-view__day-chip-dot", "aria-hidden": "true" }) : null
+              ]
+            },
+            day.dayIndex
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__card kf-share-view__day-detail", children: [
+      /* @__PURE__ */ jsxs("div", { className: "kf-share-view__day-detail-header", children: [
+        /* @__PURE__ */ jsxs("p", { className: "kf-share-view__day-detail-eyebrow kf-eyebrow", children: [
+          t("chrome.shareView.dayLabel").replace("{n}", String(selectedDay.dayIndex + 1)),
+          " \xB7",
+          " ",
+          formatWeekdayDay(selectedDay.isoDate, timezone)
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "kf-share-view__day-detail-title", children: selectedDay.cardTitle }),
+        selectedDay.summaryLine !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__day-detail-summary", children: selectedDay.summaryLine }) : null
+      ] }),
+      selectedDay.items.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "kf-share-view__list kf-share-view__day-detail-items", children: selectedDay.items.map((item) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: `kf-share-view__row kf-share-view__plan-row kf-share-view__plan-row--${item.timeState}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "kf-share-view__plan-time kf-num", children: item.timeState === "now" ? t("chrome.shareView.plan.now") : item.startTime !== null ? formatTimeOfDay(item.startTime, timezone) : "" }),
+            /* @__PURE__ */ jsx("span", { className: "kf-share-view__plan-title", children: item.title })
+          ]
+        },
+        item.id
+      )) }) : null
+    ] })
+  ] });
+}
+function ManagerContactSection({ data }) {
+  const { t } = useKaafilChrome();
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.manager.eyebrow"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__eyebrow-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.manager.eyebrow") }),
+      /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.manager.available") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ContactCard,
+      {
+        row: data,
+        roleLabel: t("chrome.shareView.manager.roleLabel"),
+        footer: data.coManagers?.map((coManager) => /* @__PURE__ */ jsxs("div", { className: "kf-share-view__contact-footer", children: [
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__contact-footer-label kf-eyebrow", children: t("chrome.shareView.manager.coManagerLabel").replace("{name}", coManager.name) }),
+          coManager.phoneDisplay !== null ? coManager.phoneHref !== null ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: coManager.phoneHref,
+              className: "kf-share-view__contact-footer-phone kf-num",
+              children: coManager.phoneDisplay
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "kf-share-view__contact-footer-phone kf-num", children: coManager.phoneDisplay }) : null
+        ] }, coManager.name))
+      }
+    )
+  ] });
+}
+function formatMinor(minor, currency) {
+  return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(minor / 100);
+}
+function MoneySection({ data }) {
+  const { t } = useKaafilChrome();
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.money.eyebrow"), children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.money.eyebrow") }) }),
+    /* @__PURE__ */ jsxs("dl", { className: "kf-share-view__card kf-share-view__money", children: [
+      /* @__PURE__ */ jsxs("div", { className: "kf-share-view__money-row", children: [
+        /* @__PURE__ */ jsx("dt", { children: t("chrome.shareView.money.total") }),
+        /* @__PURE__ */ jsx("dd", { className: "kf-num", children: formatMinor(data.totalMinor, data.currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "kf-share-view__money-row", children: [
+        /* @__PURE__ */ jsx("dt", { children: t("chrome.shareView.money.collected") }),
+        /* @__PURE__ */ jsx("dd", { className: "kf-num", children: formatMinor(data.collectedMinor, data.currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "kf-share-view__money-row kf-share-view__money-row--due", children: [
+        /* @__PURE__ */ jsx("dt", { children: t("chrome.shareView.money.due") }),
+        /* @__PURE__ */ jsx("dd", { className: "kf-num", children: formatMinor(data.dueMinor, data.currency) })
+      ] })
+    ] })
+  ] });
+}
+var ITEM_TYPE_ICON = createRegistry({
+  fallback: () => /* @__PURE__ */ jsx(CompassIcon, {})
+});
+ITEM_TYPE_ICON.register("FLIGHT", () => /* @__PURE__ */ jsx(PlaneIcon, {}));
+ITEM_TYPE_ICON.register("TRANSPORT", () => /* @__PURE__ */ jsx(CarIcon, {}));
+ITEM_TYPE_ICON.register("ACCOMMODATION", () => /* @__PURE__ */ jsx(HouseIcon, {}));
+ITEM_TYPE_ICON.register("STAY", () => /* @__PURE__ */ jsx(HouseIcon, {}));
+function pickNextItem(itinerary) {
+  const todayIndex = itinerary.days.findIndex((day) => day.isToday);
+  if (todayIndex !== -1) {
+    const today = itinerary.days[todayIndex];
+    if (today !== void 0) {
+      const nowItem = today.items.find((item) => item.timeState === "now");
+      if (nowItem !== void 0) {
+        return nowItem;
+      }
+      const upcomingItem = today.items.find((item) => item.timeState === "upcoming");
+      if (upcomingItem !== void 0) {
+        return upcomingItem;
+      }
+    }
+    for (let index = todayIndex + 1; index < itinerary.days.length; index += 1) {
+      const day = itinerary.days[index];
+      const firstItem = day?.items[0];
+      if (firstItem !== void 0) {
+        return firstItem;
+      }
+    }
+    return void 0;
+  }
+  for (const day of itinerary.days) {
+    const firstItem = day.items[0];
+    if (firstItem !== void 0) {
+      return firstItem;
+    }
+  }
+  return void 0;
+}
+function NextUpBanner({ itinerary, timezone }) {
+  const { t } = useKaafilChrome();
+  const item = pickNextItem(itinerary);
+  if (item === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { className: "kf-share-view__next-up", "aria-label": t("chrome.shareView.nextUp.ariaLabel"), children: [
+    /* @__PURE__ */ jsx("div", { className: "kf-share-view__next-up-icon", "aria-hidden": "true", children: ITEM_TYPE_ICON.resolve(item.type)() }),
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__next-up-body", children: [
+      /* @__PURE__ */ jsx("p", { className: "kf-share-view__next-up-title", children: item.title }),
+      item.startTime !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__next-up-time kf-num", children: formatTimeOfDay(item.startTime, timezone) }) : null
+    ] })
+  ] });
+}
+function deriveBookingState(startAt, endAt, serverTime) {
+  if (serverTime === void 0) {
+    return null;
+  }
+  const now = new Date(serverTime).getTime();
+  const start = new Date(startAt).getTime();
+  const end = endAt !== null ? new Date(endAt).getTime() : start;
+  if (now < start) {
+    return "upcoming";
+  }
+  if (now > end) {
+    return "done";
+  }
+  return "now";
+}
+var STATE_LABEL_KEY = {
+  done: "chrome.shareView.stay.state.done",
+  now: "chrome.shareView.plan.now",
+  upcoming: "chrome.shareView.stay.state.upcoming"
+};
+function dayLabel(t, n) {
+  return t("chrome.shareView.dayLabel").replace("{n}", String(n));
+}
+var ROW_ICON = createRegistry({ fallback: () => /* @__PURE__ */ jsx(CompassIcon, {}) });
+ROW_ICON.register("transport", () => /* @__PURE__ */ jsx(CarIcon, {}));
+ROW_ICON.register("stay", () => /* @__PURE__ */ jsx(HouseIcon, {}));
+ROW_ICON.register("activity", () => /* @__PURE__ */ jsx(CompassIcon, {}));
+ROW_ICON.register("rooming", () => /* @__PURE__ */ jsx(BedIcon, {}));
+ROW_ICON.register("pickup", () => /* @__PURE__ */ jsx(PinIcon, {}));
+ROW_ICON.register("vehicle", () => /* @__PURE__ */ jsx(CarIcon, {}));
+function mergeDayBookings(section, kind, typeLabel, timezone, serverTime, t) {
+  if (section === void 0) {
+    return [];
+  }
+  const rows = [];
+  for (const day of section.days) {
+    for (const item of day.items) {
+      const whenLabel = item.endAt !== null ? `${formatDayMonth(item.startAt, timezone)} \u2192 ${formatDayMonth(item.endAt, timezone)}` : formatDayMonth(item.startAt, timezone);
+      const state = deriveBookingState(item.startAt, item.endAt, serverTime);
+      const eyebrow = `${typeLabel} \xB7 ${dayLabel(t, item.dayIndex + 1)}${state !== null ? ` \xB7 ${t(STATE_LABEL_KEY[state])}` : ""}`;
+      rows.push({
+        key: item.bookingId,
+        sortKey: item.dayIndex,
+        dayEnd: item.dayIndex,
+        kind,
+        eyebrow,
+        title: item.title,
+        whenLabel: t("chrome.shareView.stay.when").replace("{when}", whenLabel),
+        locationText: item.locationText
+      });
+    }
+  }
+  return rows;
+}
+function dayRangeLabel(assignment, t) {
+  return assignment.startDayIndex === assignment.endDayIndex ? dayLabel(t, assignment.startDayIndex + 1) : t("chrome.shareView.dayRangeLabel").replace("{start}", String(assignment.startDayIndex + 1)).replace("{end}", String(assignment.endDayIndex + 1));
+}
+function mergeRooming(section, t) {
+  if (section === void 0) {
+    return [];
+  }
+  return section.assignments.map((assignment) => {
+    const roomLabel = t("chrome.shareView.stay.room").replace("{room}", assignment.room);
+    const roomBed = assignment.bed !== null ? t("chrome.shareView.stay.roomBed").replace("{room}", assignment.room).replace("{bed}", assignment.bed) : roomLabel;
+    return {
+      key: assignment.stayWindowId,
+      sortKey: assignment.startDayIndex,
+      dayEnd: assignment.endDayIndex,
+      kind: "rooming",
+      eyebrow: `${t("chrome.shareView.stay.rooming")} \xB7 ${dayRangeLabel(assignment, t)}`,
+      title: assignment.label !== "" ? assignment.label : roomLabel,
+      whenLabel: roomBed,
+      locationText: assignment.roommates.length > 0 ? t("chrome.shareView.stay.with").replace("{names}", assignment.roommates.join(", ")) : null
+    };
+  });
+}
+var PICKUP_KIND_LABEL_KEY = {
+  PICKUP: "chrome.shareView.stay.pickup.kind.pickup",
+  DROP: "chrome.shareView.stay.pickup.kind.drop"
+};
+var PICKUP_STATUS_LABEL_KEY = {
+  PENDING: "chrome.shareView.stay.pickup.status.pending",
+  BOARDED: "chrome.shareView.stay.pickup.status.boarded",
+  NO_SHOW: "chrome.shareView.stay.pickup.status.noShow"
+};
+function pickupRow(stop, index, timezone, t) {
+  const kindLabel = PICKUP_KIND_LABEL_KEY[stop.kind];
+  const statusLabel2 = PICKUP_STATUS_LABEL_KEY[stop.status];
+  return {
+    key: `pickup-${String(index)}`,
+    sortKey: Number.POSITIVE_INFINITY,
+    dayEnd: Number.POSITIVE_INFINITY,
+    kind: "pickup",
+    eyebrow: `${kindLabel !== void 0 ? t(kindLabel) : stop.kind} \xB7 ${statusLabel2 !== void 0 ? t(statusLabel2) : stop.status}`,
+    title: stop.point,
+    whenLabel: formatTimeOfDay(stop.time, timezone),
+    locationText: stop.locationLabel
+  };
+}
+function StayAndTransportSection({
+  accommodation,
+  transport,
+  activities,
+  rooming,
+  seating,
+  pickup,
+  timezone,
+  selectedDayIndex,
+  serverTime
+}) {
+  const { t } = useKaafilChrome();
+  const allDayRows = [
+    ...mergeDayBookings(
+      transport,
+      "transport",
+      t("chrome.shareView.stay.typeLabel.transport"),
+      timezone,
+      serverTime,
+      t
+    ),
+    ...mergeDayBookings(
+      accommodation,
+      "stay",
+      t("chrome.shareView.stay.typeLabel.stay"),
+      timezone,
+      serverTime,
+      t
+    ),
+    ...mergeDayBookings(
+      activities,
+      "activity",
+      t("chrome.shareView.stay.typeLabel.activity"),
+      timezone,
+      serverTime,
+      t
+    ),
+    ...mergeRooming(rooming, t)
+  ].sort((a, b) => a.sortKey - b.sortKey || a.key.localeCompare(b.key));
+  const dayRows = selectedDayIndex === void 0 ? allDayRows : allDayRows.filter(
+    (row) => row.sortKey <= selectedDayIndex && selectedDayIndex <= row.dayEnd
+  );
+  const rows = [
+    ...dayRows,
+    ...pickup?.stops.map((stop, index) => pickupRow(stop, index, timezone, t)) ?? []
+  ];
+  const hasVehicle = seating !== void 0;
+  if (rows.length === 0 && !hasVehicle) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.stay.eyebrow"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__eyebrow-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.stay.eyebrow") }),
+      selectedDayIndex !== void 0 ? /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: dayLabel(t, selectedDayIndex + 1) }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("ul", { className: "kf-share-view__card kf-share-view__list", children: [
+      hasVehicle && seating !== void 0 ? /* @__PURE__ */ jsxs("li", { className: "kf-share-view__row kf-share-view__booking-row", children: [
+        /* @__PURE__ */ jsx("div", { className: "kf-share-view__booking-icon", "aria-hidden": "true", children: ROW_ICON.resolve("vehicle")() }),
+        /* @__PURE__ */ jsxs("div", { className: "kf-share-view__booking-body", children: [
+          /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-eyebrow kf-eyebrow", children: t("chrome.shareView.stay.vehicle") }),
+          /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-title", children: seating.vehicle.regNo }),
+          /* @__PURE__ */ jsxs("p", { className: "kf-share-view__booking-when", children: [
+            seating.vehicle.label,
+            " \xB7 ",
+            seating.vehicle.regNo
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-when", children: t("chrome.shareView.stay.capacity").replace(
+            "{n}",
+            String(seating.vehicle.capacity)
+          ) }),
+          seating.vehicle.driver !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-when", children: t("chrome.shareView.stay.driver").replace("{name}", seating.vehicle.driver.name) }) : null,
+          seating.seat !== null && seating.seat !== void 0 || seating.vehicle.driver !== null && seating.vehicle.driver.phoneHref !== null ? /* @__PURE__ */ jsxs("div", { className: "kf-share-view__booking-assignment", children: [
+            seating.seat !== null && seating.seat !== void 0 ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-when", children: t("chrome.shareView.stay.yourSeat").replace("{seat}", seating.seat) }) : null,
+            seating.vehicle.driver !== null && seating.vehicle.driver.phoneHref !== null ? /* @__PURE__ */ jsxs(
+              "a",
+              {
+                className: "kf-share-view__booking-driver-link",
+                href: seating.vehicle.driver.phoneHref,
+                children: [
+                  t("chrome.shareView.stay.callDriver"),
+                  seating.vehicle.driver.phoneDisplay !== null ? ` \xB7 ${seating.vehicle.driver.phoneDisplay}` : ""
+                ]
+              }
+            ) : null
+          ] }) : null
+        ] })
+      ] }) : null,
+      rows.map((row) => /* @__PURE__ */ jsxs("li", { className: "kf-share-view__row kf-share-view__booking-row", children: [
+        /* @__PURE__ */ jsx("div", { className: "kf-share-view__booking-icon", "aria-hidden": "true", children: ROW_ICON.resolve(row.kind)() }),
+        /* @__PURE__ */ jsxs("div", { className: "kf-share-view__booking-body", children: [
+          /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-eyebrow kf-eyebrow", children: row.eyebrow }),
+          /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-title", children: row.title }),
+          /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-when", children: row.whenLabel }),
+          row.locationText !== null ? /* @__PURE__ */ jsx("p", { className: "kf-share-view__booking-when", children: row.locationText }) : null
+        ] })
+      ] }, row.key))
+    ] })
+  ] });
+}
+function TodayPlanSection({ itinerary, timezone }) {
+  const { t } = useKaafilChrome();
+  const today = itinerary.days.find((day) => day.isToday);
+  if (today === void 0 || today.items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("section", { "aria-label": t("chrome.shareView.today.eyebrow"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "kf-share-view__eyebrow-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.today.eyebrow") }),
+      /* @__PURE__ */ jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.dayLabel").replace("{n}", String(today.dayIndex + 1)) })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "kf-share-view__card kf-share-view__list", children: today.items.map((item) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: `kf-share-view__row kf-share-view__plan-row kf-share-view__plan-row--${item.timeState}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__plan-time kf-num", children: item.timeState === "now" ? t("chrome.shareView.plan.now") : item.startTime !== null ? formatTimeOfDay(item.startTime, timezone) : "" }),
+          /* @__PURE__ */ jsx("span", { className: "kf-share-view__plan-title", children: item.title })
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+function isVisible(key, overrides) {
+  return overrides?.[key] !== false;
+}
+function KaafilShareView(props) {
+  const session = useSession();
+  if (session.status !== "authenticated") {
+    return /* @__PURE__ */ jsx("div", { className: "kf-share-view", "data-kf-family": "traveller", children: /* @__PURE__ */ jsx(ShareSkeleton, {}) });
+  }
+  return /* @__PURE__ */ jsx(ReadyKaafilShareView, { ...props });
+}
+function ReadyKaafilShareView({
+  token,
+  travellerRef,
+  headStrategy = "own-page",
+  sections: sectionOverrides,
+  household: householdProp,
+  renderSection,
+  style
+}) {
+  const { t } = useKaafilChrome();
+  const snapshot = useShareSnapshot(token, { travellerRef });
+  const [householdSheetOpen, setHouseholdSheetOpen] = useState(false);
+  const [chosenDayIndex, setChosenDayIndex] = useState(-1);
+  const itinerary = snapshot.sections.get("itinerary");
+  const rooming = isVisible("rooming", sectionOverrides) ? snapshot.sections.get("rooming") : void 0;
+  const seating = isVisible("seating", sectionOverrides) ? snapshot.sections.get("seating") : void 0;
+  const pickup = isVisible("pickup", sectionOverrides) ? snapshot.sections.get("pickup") : void 0;
+  const accommodation = isVisible("accommodation", sectionOverrides) ? snapshot.sections.get("accommodation") : void 0;
+  const transport = isVisible("transport", sectionOverrides) ? snapshot.sections.get("transport") : void 0;
+  const activities = isVisible("activities", sectionOverrides) ? snapshot.sections.get("activities") : void 0;
+  const checklists = snapshot.sections.get("checklists");
+  const documents = snapshot.sections.get("documents");
+  const money = snapshot.sections.get("money");
+  const managerContact = snapshot.sections.get("managerContact");
+  const agencyContact = snapshot.sections.get("agencyContact");
+  const household = snapshot.sections.get("household");
+  const tripStatus = useMemo(
+    () => snapshot.trip !== void 0 ? deriveTripStatus(snapshot.trip, itinerary, snapshot.serverTime, t) : void 0,
+    [snapshot.trip, itinerary, snapshot.serverTime, t]
+  );
+  const rootStyle = tokenStyle(style);
+  if (snapshot.status === "loading") {
+    return /* @__PURE__ */ jsx("div", { className: "kf-share-view", "data-kf-family": "traveller", style: rootStyle, children: /* @__PURE__ */ jsx(ShareSkeleton, {}) });
+  }
+  if (snapshot.status === "expired" || snapshot.status === "revoked") {
+    return /* @__PURE__ */ jsx("div", { className: "kf-share-view", "data-kf-family": "traveller", style: rootStyle, children: /* @__PURE__ */ jsx(ShareEndedScreen, { reason: "ended" }) });
+  }
+  if (snapshot.status === "not-found" || snapshot.trip === void 0 || tripStatus === void 0) {
+    return /* @__PURE__ */ jsx("div", { className: "kf-share-view", "data-kf-family": "traveller", style: rootStyle, children: /* @__PURE__ */ jsx(ShareEndedScreen, { reason: "not-found" }) });
+  }
+  const timezone = snapshot.trip.timezone;
+  const tripName = snapshot.trip.name;
+  const householdLabel = household?.partyLabel ?? householdProp?.label ?? null;
+  const householdTravellers = household?.travellers ?? householdProp?.travellers?.map((entry) => ({ ...entry, isSubject: false })) ?? [];
+  const householdNames = householdTravellers.map((traveller) => traveller.firstName).join(" & ");
+  const showHousehold = isVisible("household", sectionOverrides) && (householdTravellers.length > 0 || householdLabel !== null);
+  const showItinerary = isVisible("itinerary", sectionOverrides) && itinerary !== void 0;
+  const todayDayIndex = itinerary?.days.findIndex((day) => day.isToday) ?? -1;
+  const selectedDayIndex = chosenDayIndex !== -1 ? chosenDayIndex : todayDayIndex !== -1 ? todayDayIndex : 0;
+  const showStayAndTransport = accommodation !== void 0 || transport !== void 0 || activities !== void 0 || rooming !== void 0 || seating !== void 0 || pickup !== void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "kf-share-view", "data-kf-family": "traveller", style: rootStyle, children: [
+    /* @__PURE__ */ jsxs(BrandShell, { headStrategy, appName: tripName, children: [
+      agencyContact !== void 0 ? /* @__PURE__ */ jsx(
+        BrandHeaderSection,
+        {
+          agencyContact,
+          partyKind: household?.partyKind ?? null
+        }
+      ) : null,
+      showHousehold ? (renderSection?.household ?? (() => /* @__PURE__ */ jsx(HouseholdBanner, { label: householdLabel, names: householdNames })))(household) : null,
+      /* @__PURE__ */ jsx(
+        HeroSection,
+        {
+          tripName,
+          status: tripStatus,
+          travellers: householdTravellers,
+          onOpenHousehold: householdTravellers.length > 0 ? () => setHouseholdSheetOpen(true) : void 0
+        }
+      ),
+      showItinerary && itinerary !== void 0 ? /* @__PURE__ */ jsx(NextUpBanner, { itinerary, timezone }) : null,
+      showItinerary && itinerary !== void 0 ? /* @__PURE__ */ jsx(TodayPlanSection, { itinerary, timezone }) : null,
+      isVisible("managerContact", sectionOverrides) && managerContact !== void 0 ? (renderSection?.managerContact ?? (() => /* @__PURE__ */ jsx(ManagerContactSection, { data: managerContact })))(managerContact) : null,
+      showItinerary && itinerary !== void 0 ? (renderSection?.itinerary ?? (() => /* @__PURE__ */ jsx(
+        ItineraryDayStrip,
+        {
+          itinerary,
+          timezone,
+          selectedIndex: selectedDayIndex,
+          onSelectIndex: setChosenDayIndex
+        }
+      )))(itinerary) : null,
+      showStayAndTransport ? /* @__PURE__ */ jsx(
+        StayAndTransportSection,
+        {
+          accommodation,
+          transport,
+          activities,
+          rooming,
+          seating,
+          pickup,
+          timezone,
+          selectedDayIndex: showItinerary ? selectedDayIndex : void 0,
+          serverTime: snapshot.serverTime
+        }
+      ) : null,
+      isVisible("checklists", sectionOverrides) && checklists !== void 0 ? (renderSection?.checklists ?? (() => /* @__PURE__ */ jsx(ChecklistSection, { data: checklists })))(
+        checklists
+      ) : null,
+      isVisible("documents", sectionOverrides) && documents !== void 0 ? (renderSection?.documents ?? (() => /* @__PURE__ */ jsx(DocumentsSection, { data: documents, timezone })))(documents) : null,
+      isVisible("money", sectionOverrides) && money !== void 0 ? (renderSection?.money ?? (() => /* @__PURE__ */ jsx(MoneySection, { data: money })))(money) : null,
+      isVisible("agencyContact", sectionOverrides) && agencyContact !== void 0 ? (renderSection?.agencyContact ?? (() => /* @__PURE__ */ jsx(AgencyContactSection, { data: agencyContact })))(
+        agencyContact
+      ) : null,
+      isVisible("forms", sectionOverrides) ? (renderSection?.forms ?? (() => /* @__PURE__ */ jsx(FormsSection, { token, travellerRef })))(void 0) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      HouseholdSheet,
+      {
+        open: householdSheetOpen,
+        onClose: () => setHouseholdSheetOpen(false),
+        label: householdLabel,
+        travellers: householdTravellers
+      }
+    )
+  ] });
+}
+
+export { KaafilShareView };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map