kaafil-react-uikit 0.3.0 → 0.4.0

package/dist/traveller/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkBBC5EX5O_cjs = require('../chunk-BBC5EX5O.cjs');
-var chunk57SUK3GD_cjs = require('../chunk-57SUK3GD.cjs');
-require('../chunk-ECCQW5LN.cjs');
-var chunkYNHOPYBK_cjs = require('../chunk-YNHOPYBK.cjs');
-var chunkUALMCHNW_cjs = require('../chunk-UALMCHNW.cjs');
+var chunk2XW5EIMS_cjs = require('../chunk-2XW5EIMS.cjs');
+var chunk4QYI7TOF_cjs = require('../chunk-4QYI7TOF.cjs');
+require('../chunk-6BY2NPBZ.cjs');
+var chunk7356B6YS_cjs = require('../chunk-7356B6YS.cjs');
+var chunk3N2EQ2KC_cjs = require('../chunk-3N2EQ2KC.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -63,10 +63,13 @@ 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 cancelled = trip.cancelled;
+  const dayLabel2 = cancelled ? t("chrome.shareView.trip.cancelledHeadline") : 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) {
+  if (cancelled) {
+    daysLeftLabel = null;
+  } else 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) {
@@ -74,14 +77,17 @@ function deriveTripStatus(trip, itinerary, serverTime, t) {
     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") {
+  if (cancelled) {
+    progressPercent = 0;
+  } else 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]),
+    cancelled,
+    phaseLabel: cancelled ? t("chrome.shareView.trip.phase.cancelled") : t(PHASE_LABEL_KEY[trip.phase]),
     totalDays,
     currentDayNumber,
     dayLabel: dayLabel2,
@@ -96,7 +102,7 @@ function HouseholdSheet({
   label,
   travellers
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   react.useEffect(() => {
     if (!open) {
       return;
@@ -173,11 +179,11 @@ var COPY_KEY = {
   "not-found": "chrome.shareView.ended.notFound"
 };
 function ShareEndedScreen({ reason }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-share-view__ended", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-share-view__ended-message", children: t(COPY_KEY[reason]) }) });
 }
 function ShareSkeleton() {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-share-view__skeleton", role: "status", "aria-live": "polite", "aria-busy": "true", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-visually-hidden", children: t("chrome.shareView.loading") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-share-view__skeleton-line kf-share-view__skeleton-line--eyebrow kf-shimmer" }),
@@ -291,7 +297,7 @@ function initialsOf(name) {
   return `${first}${last}`.toUpperCase();
 }
 function ContactActions({ row }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   if (row.phoneHref === null && row.whatsappHref === null) {
     return null;
   }
@@ -341,7 +347,7 @@ function ContactCard({
   ] });
 }
 function AgencyContactSection({ data }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.shareView.agency.eyebrow"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.agency.eyebrow") }) }),
     /* @__PURE__ */ jsxRuntime.jsx(ContactCard, { row: data, roleLabel: t("chrome.shareView.agency.roleLabel") })
@@ -358,7 +364,7 @@ function BrandHeaderSection({
   agencyContact,
   partyKind
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const initial = agencyContact.name.trim().slice(0, 1).toUpperCase();
   const kindLabel = partyKind !== null ? t(PARTY_KIND_KEY[partyKind]) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-share-view__brand-header", children: [
@@ -412,7 +418,7 @@ function formatSize(sizeBytes) {
   return `${(kb / 1024).toFixed(1)} MB`;
 }
 function DocumentsSection({ data, timezone }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const files = data.files ?? [];
   if (data.vouchers.length === 0 && files.length === 0) {
     return null;
@@ -465,7 +471,7 @@ function SelectFieldEditor({
   required,
   onChange
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const [open, setOpen] = react.useState(false);
   const rootRef = react.useRef(null);
   const selected = options.find((option) => option.value === value);
@@ -542,7 +548,7 @@ var fallback = {
   editor: ({ field, t }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-share-view__form-unsupported", children: t("chrome.shareView.form.unsupported").replace("{label}", field.label) }),
   preview: PlainPreview
 };
-var fieldRegistry = chunkUALMCHNW_cjs.createRegistry({ fallback });
+var fieldRegistry = chunk3N2EQ2KC_cjs.createRegistry({ fallback });
 fieldRegistry.register("HEADING", {
   editor: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "kf-share-view__form-heading", children: field.label }),
   preview: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "kf-share-view__form-heading", children: field.label })
@@ -968,7 +974,7 @@ function FormFillScreen({
   writeStatus,
   travellerRef
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const [clientToken] = react.useState(() => crypto.randomUUID());
   const [answers, setAnswers] = react.useState(() => initialAnswers(form.fields));
   const readOnly = form.responseStatus === "SUBMITTED";
@@ -1067,15 +1073,15 @@ function isPendingRequired(form) {
   return form.required && form.fillState === "ok" && form.responseStatus === null;
 }
 function FormsSection({ token, travellerRef }) {
-  const engine = react.useContext(chunkUALMCHNW_cjs.OfflineEngineContext);
+  const engine = react.useContext(chunk3N2EQ2KC_cjs.OfflineEngineContext);
   if (engine === null) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(ReadyFormsSection, { token, travellerRef });
 }
 function ReadyFormsSection({ token, travellerRef }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
-  const { status, forms, renderForm, save, submit, writeStatus, refresh } = chunkBBC5EX5O_cjs.useShareForms(token);
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
+  const { status, forms, renderForm, save, submit, writeStatus, refresh } = chunk2XW5EIMS_cjs.useShareForms(token);
   const [openFormId, setOpenFormId] = react.useState(null);
   const [openForm, setOpenForm] = react.useState(null);
   const autoOpenedRef = react.useRef(false);
@@ -1191,13 +1197,13 @@ function HeroSection({
   travellers,
   onOpenHousehold
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "kf-share-view__hero", "aria-label": t("chrome.shareView.trip.ariaLabel"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-share-view__hero-code kf-eyebrow", children: tripName }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: `kf-share-view__hero-pill kf-share-view__hero-pill--${PHASE_MODIFIER[status.phase]}`,
+        className: `kf-share-view__hero-pill kf-share-view__hero-pill--${status.cancelled ? "cancelled" : PHASE_MODIFIER[status.phase]}`,
         children: status.phaseLabel
       }
     ),
@@ -1247,7 +1253,7 @@ function HeroSection({
   ] });
 }
 function HouseholdBanner({ label, names }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   if (names.length === 0 && label === null) {
     return null;
   }
@@ -1274,7 +1280,7 @@ function ItineraryDayStrip({
   selectedIndex,
   onSelectIndex
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.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) {
@@ -1336,7 +1342,7 @@ function ItineraryDayStrip({
   ] });
 }
 function ManagerContactSection({ data }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.shareView.manager.eyebrow"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-share-view__eyebrow-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.manager.eyebrow") }),
@@ -1366,7 +1372,7 @@ function formatMinor(minor, currency) {
   return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(minor / 100);
 }
 function MoneySection({ data }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.shareView.money.eyebrow"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-share-view__eyebrow-row", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-eyebrow", children: t("chrome.shareView.money.eyebrow") }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "kf-share-view__card kf-share-view__money", children: [
@@ -1385,7 +1391,7 @@ function MoneySection({ data }) {
     ] })
   ] });
 }
-var ITEM_TYPE_ICON = chunkUALMCHNW_cjs.createRegistry({
+var ITEM_TYPE_ICON = chunk3N2EQ2KC_cjs.createRegistry({
   fallback: () => /* @__PURE__ */ jsxRuntime.jsx(CompassIcon, {})
 });
 ITEM_TYPE_ICON.register("FLIGHT", () => /* @__PURE__ */ jsxRuntime.jsx(PlaneIcon, {}));
@@ -1424,7 +1430,7 @@ function pickNextItem(itinerary) {
   return void 0;
 }
 function NextUpBanner({ itinerary, timezone }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const item = pickNextItem(itinerary);
   if (item === void 0) {
     return null;
@@ -1460,7 +1466,7 @@ var STATE_LABEL_KEY = {
 function dayLabel(t, n) {
   return t("chrome.shareView.dayLabel").replace("{n}", String(n));
 }
-var ROW_ICON = chunkUALMCHNW_cjs.createRegistry({ fallback: () => /* @__PURE__ */ jsxRuntime.jsx(CompassIcon, {}) });
+var ROW_ICON = chunk3N2EQ2KC_cjs.createRegistry({ fallback: () => /* @__PURE__ */ jsxRuntime.jsx(CompassIcon, {}) });
 ROW_ICON.register("transport", () => /* @__PURE__ */ jsxRuntime.jsx(CarIcon, {}));
 ROW_ICON.register("stay", () => /* @__PURE__ */ jsxRuntime.jsx(HouseIcon, {}));
 ROW_ICON.register("activity", () => /* @__PURE__ */ jsxRuntime.jsx(CompassIcon, {}));
@@ -1547,7 +1553,7 @@ function StayAndTransportSection({
   selectedDayIndex,
   serverTime
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const allDayRows = [
     ...mergeDayBookings(
       transport,
@@ -1636,7 +1642,7 @@ function StayAndTransportSection({
   ] });
 }
 function TodayPlanSection({ itinerary, timezone }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
   const today = itinerary.days.find((day) => day.isToday);
   if (today === void 0 || today.items.length === 0) {
     return null;
@@ -1663,7 +1669,7 @@ function isVisible(key, overrides) {
   return overrides?.[key] !== false;
 }
 function KaafilShareView(props) {
-  const session = chunkUALMCHNW_cjs.useSession();
+  const session = chunk3N2EQ2KC_cjs.useSession();
   if (session.status !== "authenticated") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-share-view", "data-kf-family": "traveller", children: /* @__PURE__ */ jsxRuntime.jsx(ShareSkeleton, {}) });
   }
@@ -1678,8 +1684,8 @@ function ReadyKaafilShareView({
   renderSection,
   style
 }) {
-  const { t } = chunkUALMCHNW_cjs.useKaafilChrome();
-  const snapshot = chunkBBC5EX5O_cjs.useShareSnapshot(token, { travellerRef });
+  const { t } = chunk3N2EQ2KC_cjs.useKaafilChrome();
+  const snapshot = chunk2XW5EIMS_cjs.useShareSnapshot(token, { travellerRef });
   const [householdSheetOpen, setHouseholdSheetOpen] = react.useState(false);
   const [chosenDayIndex, setChosenDayIndex] = react.useState(-1);
   const itinerary = snapshot.sections.get("itinerary");
@@ -1699,7 +1705,7 @@ function ReadyKaafilShareView({
     () => snapshot.trip !== void 0 ? deriveTripStatus(snapshot.trip, itinerary, snapshot.serverTime, t) : void 0,
     [snapshot.trip, itinerary, snapshot.serverTime, t]
   );
-  const rootStyle = chunkUALMCHNW_cjs.tokenStyle(style);
+  const rootStyle = chunk3N2EQ2KC_cjs.tokenStyle(style);
   if (snapshot.status === "loading") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-share-view", "data-kf-family": "traveller", style: rootStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ShareSkeleton, {}) });
   }
@@ -1720,7 +1726,7 @@ function ReadyKaafilShareView({
   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__ */ jsxRuntime.jsxs("div", { className: "kf-share-view", "data-kf-family": "traveller", style: rootStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunk57SUK3GD_cjs.BrandShell, { headStrategy, appName: tripName, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunk4QYI7TOF_cjs.BrandShell, { headStrategy, appName: tripName, children: [
       agencyContact !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
         BrandHeaderSection,
         {
@@ -1788,11 +1794,11 @@ function ReadyKaafilShareView({
 
 Object.defineProperty(exports, "BootErrorScreen", {
   enumerable: true,
-  get: function () { return chunkYNHOPYBK_cjs.BootErrorScreen; }
+  get: function () { return chunk7356B6YS_cjs.BootErrorScreen; }
 });
 Object.defineProperty(exports, "OfflineFallbackScreen", {
   enumerable: true,
-  get: function () { return chunkYNHOPYBK_cjs.OfflineFallbackScreen; }
+  get: function () { return chunk7356B6YS_cjs.OfflineFallbackScreen; }
 });
 exports.KaafilShareView = KaafilShareView;
 //# sourceMappingURL=index.cjs.map