kaafil-react-uikit 0.3.1 → 0.4.0

package/dist/traveller/index.js

@@ -1,8 +1,8 @@
-import { useShareSnapshot, useShareForms } from '../chunk-YU2242AR.js';
-import { BrandShell } from '../chunk-KW5LH6KV.js';
-import '../chunk-VLP323AD.js';
-export { BootErrorScreen, OfflineFallbackScreen } from '../chunk-GJ2J3PYN.js';
-import { createRegistry, useKaafilChrome, useSession, tokenStyle, OfflineEngineContext } from '../chunk-A4Z2YBEF.js';
+import { useShareSnapshot, useShareForms } from '../chunk-3BEQYIFU.js';
+import { BrandShell } from '../chunk-CLHAJBJS.js';
+import '../chunk-RBIEMGHT.js';
+export { BootErrorScreen, OfflineFallbackScreen } from '../chunk-E6ER25BG.js';
+import { createRegistry, useKaafilChrome, useSession, tokenStyle, OfflineEngineContext } from '../chunk-7G6IENKN.js';
 import { useState, useRef, useEffect, useMemo, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -61,10 +61,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) {
@@ -72,14 +75,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,
@@ -1195,7 +1201,7 @@ function HeroSection({
     /* @__PURE__ */ 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
       }
     ),