@voyant-travel/bookings-react 0.151.4 → 0.152.0

package/dist/storefront/storefront-booking-page.js

@@ -0,0 +1,213 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useStorefrontUi } from "@voyant-travel/storefront-react/storefront";
+import { useMemo } from "react";
+import { z } from "zod";
+import { StorefrontBookingJourney, } from "./storefront-booking-journey.js";
+export const storefrontBookingSearchSchema = z.object({
+    departureSlotId: z.string().optional(),
+    cabinCategoryId: z.string().optional(),
+    cabinNumberId: z.string().optional(),
+    airArrangement: z.enum(["cruise_line", "independent", "none"]).optional(),
+    checkIn: z.string().optional(),
+    checkOut: z.string().optional(),
+    roomTypeId: z.string().optional(),
+    ratePlanId: z.string().optional(),
+    board: z.string().optional(),
+    adult: z.coerce.number().int().min(0).optional(),
+    child: z.coerce.number().int().min(0).optional(),
+    infant: z.coerce.number().int().min(0).optional(),
+    draftId: z.string().optional(),
+});
+/** Customer booking page shared by Node applications and dedicated storefronts. */
+export function StorefrontBookingPage({ entityModule, entityId, search, messages, extensions, }) {
+    const { apiUrl, navigate, scope } = useStorefrontUi();
+    const draftId = useMemo(() => search.draftId ?? generateDraftId(), [search.draftId]);
+    const initialConfigure = buildInitialConfigure(search);
+    const initialAccommodation = buildInitialAccommodation(search);
+    const { summary, source } = useEntityContent(apiUrl, entityModule, entityId, search);
+    return (_jsx(StorefrontBookingJourney, { entityModule: entityModule, entityId: entityId, draftId: draftId, initialConfigure: initialConfigure, initialAccommodation: initialAccommodation, entitySummary: summary, entitySource: source, messages: messages, scope: scope, onNavigateToShop: () => navigate({ to: "/shop" }), onNavigateToConfirmation: (bookingId, kind) => navigate({
+            to: "/shop/confirmation/$bookingId",
+            params: { bookingId },
+            ...(kind ? { search: { kind } } : {}),
+        }), ...(messages.marketingLabel !== undefined
+            ? { contractMarketingLabel: messages.marketingLabel }
+            : {}), ...extensions }));
+}
+function buildInitialConfigure(search) {
+    const configure = {
+        pax: {
+            adult: search.adult ?? 1,
+            child: search.child ?? 0,
+            infant: search.infant ?? 0,
+        },
+    };
+    if (search.departureSlotId)
+        configure.departureSlotId = search.departureSlotId;
+    if (search.cabinCategoryId)
+        configure.cabinCategoryId = search.cabinCategoryId;
+    if (search.cabinNumberId)
+        configure.cabinNumberId = search.cabinNumberId;
+    if (search.airArrangement)
+        configure.airArrangement = search.airArrangement;
+    if (search.checkIn && search.checkOut) {
+        configure.dateRange = { checkIn: search.checkIn, checkOut: search.checkOut };
+    }
+    if (search.roomTypeId)
+        configure.roomTypeId = search.roomTypeId;
+    if (search.ratePlanId)
+        configure.ratePlanId = search.ratePlanId;
+    if (search.board)
+        configure.board = search.board;
+    return configure;
+}
+function buildInitialAccommodation(search) {
+    if (!search.roomTypeId)
+        return undefined;
+    return {
+        rooms: [
+            {
+                optionUnitId: search.roomTypeId,
+                quantity: 1,
+                ...(search.ratePlanId ? { ratePlanId: search.ratePlanId } : {}),
+            },
+        ],
+        travelerAssignments: {},
+    };
+}
+function useEntityContent(apiUrl, entityModule, entityId, search) {
+    const url = entityContentUrl(apiUrl, entityModule, entityId);
+    const { data } = useQuery({
+        queryKey: ["public-entity-summary", entityModule, entityId],
+        queryFn: async () => {
+            if (!url)
+                return null;
+            const response = await fetch(url, { credentials: "include" });
+            if (!response.ok)
+                return null;
+            const json = (await response.json());
+            return json.data ?? null;
+        },
+        enabled: Boolean(url),
+        staleTime: 60_000,
+    });
+    const content = data?.content ?? null;
+    const source = useMemo(() => resolveEntitySource(entityModule, data?.provenance, content), [entityModule, data?.provenance, content]);
+    const summary = useMemo(() => resolveEntitySummary(entityModule, content, search), [content, entityModule, search]);
+    return { summary, source };
+}
+function entityContentUrl(apiUrl, entityModule, entityId) {
+    const encodedId = encodeURIComponent(entityId);
+    if (entityModule === "cruises")
+        return `${apiUrl}/v1/public/cruises/${encodedId}/content`;
+    if (entityModule === "accommodations") {
+        return `${apiUrl}/v1/public/accommodations/${encodedId}/content`;
+    }
+    if (entityModule === "products")
+        return `${apiUrl}/v1/public/products/${encodedId}/content`;
+    return null;
+}
+function resolveEntitySummary(entityModule, content, search) {
+    if (!content)
+        return undefined;
+    if (entityModule === "products")
+        return resolveProductSummary(content, search);
+    if (entityModule === "cruises")
+        return resolveCruiseSummary(content, search);
+    if (entityModule === "accommodations") {
+        return resolveAccommodationSummary(content, search);
+    }
+    return undefined;
+}
+function resolveProductSummary(content, search) {
+    const subtitle = [
+        content.product.duration_days
+            ? `${content.product.duration_days} day${content.product.duration_days === 1 ? "" : "s"}`
+            : null,
+        content.product.country ?? null,
+    ].filter(Boolean);
+    const departure = content.departures?.find((item) => item.id === search.departureSlotId);
+    return {
+        name: content.product.name,
+        subtitle: subtitle.join(" · ") || undefined,
+        heroImageUrl: content.product.hero_image_url ?? content.media?.[0]?.url ?? undefined,
+        vertical: "products",
+        whenLabel: departure ? formatDate(departure.starts_at) : undefined,
+        locationLabel: content.product.departure_city ?? content.product.country ?? undefined,
+        startDate: departure?.starts_at ?? undefined,
+        endDate: departure?.ends_at ?? undefined,
+        destination: content.product.country ?? content.product.departure_city ?? undefined,
+    };
+}
+function resolveCruiseSummary(content, search) {
+    const sailing = content.sailings.find((item) => item.id === search.departureSlotId);
+    const subtitle = [
+        content.cruise.duration_nights
+            ? `${content.cruise.duration_nights} night${content.cruise.duration_nights === 1 ? "" : "s"}`
+            : null,
+        content.ship?.name ?? null,
+    ].filter(Boolean);
+    const route = sailing
+        ? sailing.embarkation_port && sailing.disembarkation_port
+            ? `${sailing.embarkation_port} → ${sailing.disembarkation_port}`
+            : (sailing.embarkation_port ?? null)
+        : null;
+    return {
+        name: content.cruise.name,
+        subtitle: subtitle.join(" · ") || undefined,
+        heroImageUrl: content.cruise.hero_image_url ?? undefined,
+        vertical: "cruises",
+        whenLabel: sailing ? formatDate(sailing.start_date) : undefined,
+        locationLabel: route ?? undefined,
+        startDate: sailing?.start_date ?? undefined,
+        endDate: sailing?.end_date ?? undefined,
+        destination: route ?? undefined,
+    };
+}
+function resolveAccommodationSummary(content, search) {
+    const stars = content.hotel.star_rating ? "★".repeat(Math.floor(content.hotel.star_rating)) : null;
+    return {
+        name: content.hotel.name,
+        subtitle: stars ?? undefined,
+        heroImageUrl: content.hotel.hero_image_url ?? undefined,
+        vertical: "accommodations",
+        whenLabel: search.checkIn && search.checkOut
+            ? `${formatDate(search.checkIn)} → ${formatDate(search.checkOut)}`
+            : undefined,
+        startDate: search.checkIn ?? undefined,
+        endDate: search.checkOut ?? undefined,
+        destination: content.hotel.city ?? content.hotel.country ?? undefined,
+    };
+}
+function resolveEntitySource(entityModule, provenance, content) {
+    if (!provenance)
+        return undefined;
+    const supplierName = entityModule === "products" && content
+        ? (content.product.supplier ?? "")
+        : "";
+    return {
+        kind: provenance.source_kind,
+        connectionId: provenance.source_connection_id ?? "",
+        ref: provenance.source_ref ?? "",
+        supplier: { id: "", name: supplierName },
+    };
+}
+function formatDate(iso) {
+    try {
+        return new Date(iso).toLocaleDateString(undefined, {
+            weekday: "short",
+            day: "numeric",
+            month: "short",
+            year: "numeric",
+        });
+    }
+    catch {
+        return iso;
+    }
+}
+function generateDraftId() {
+    if (typeof globalThis.crypto !== "undefined" && globalThis.crypto.randomUUID) {
+        return `bdrf_${globalThis.crypto.randomUUID().replace(/-/g, "")}`;
+    }
+    return `bdrf_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 10)}`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyant-travel/bookings-react",
-  "version": "0.151.4",
+  "version": "0.152.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -116,6 +116,11 @@
       "import": "./dist/journey/index.js",
       "default": "./dist/journey/index.js"
     },
+    "./storefront": {
+      "types": "./dist/storefront/index.d.ts",
+      "import": "./dist/storefront/index.js",
+      "default": "./dist/storefront/index.js"
+    },
     "./extras": {
       "types": "./dist/extras.d.ts",
       "import": "./dist/extras.js",
@@ -145,26 +150,38 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.80.0",
     "zod": "^4.0.0",
-    "@voyant-travel/admin": "^0.120.0",
-    "@voyant-travel/bookings": "^0.151.4",
-    "@voyant-travel/catalog-react": "^0.149.3",
-    "@voyant-travel/distribution-react": "^0.141.4",
-    "@voyant-travel/relationships-react": "^0.151.0",
-    "@voyant-travel/finance-react": "^0.151.3",
-    "@voyant-travel/identity-react": "^0.151.3",
-    "@voyant-travel/legal-react": "^0.151.3",
-    "@voyant-travel/commerce-react": "^0.33.0",
-    "@voyant-travel/inventory-react": "^0.33.0",
+    "@voyant-travel/accommodations": "^0.112.5",
+    "@voyant-travel/admin": "^0.121.0",
+    "@voyant-travel/bookings": "^0.152.0",
+    "@voyant-travel/catalog": "^0.150.0",
+    "@voyant-travel/catalog-react": "^0.150.0",
+    "@voyant-travel/distribution-react": "^0.142.0",
+    "@voyant-travel/relationships-react": "^0.152.0",
+    "@voyant-travel/finance": "^0.152.0",
+    "@voyant-travel/finance-react": "^0.152.0",
+    "@voyant-travel/identity-react": "^0.152.0",
+    "@voyant-travel/legal-react": "^0.152.0",
+    "@voyant-travel/commerce-react": "^0.34.0",
+    "@voyant-travel/cruises": "^0.151.0",
+    "@voyant-travel/inventory-react": "^0.34.0",
+    "@voyant-travel/inventory": "^0.8.6",
+    "@voyant-travel/storefront-react": "^0.154.0",
     "@voyant-travel/ui": "^0.108.11",
-    "@voyant-travel/operations-react": "^0.32.0"
+    "@voyant-travel/operations-react": "^0.33.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-table": {
       "optional": true
     },
+    "@voyant-travel/accommodations": {
+      "optional": true
+    },
     "@voyant-travel/admin": {
       "optional": true
     },
+    "@voyant-travel/catalog": {
+      "optional": true
+    },
     "@voyant-travel/catalog-react": {
       "optional": true
     },
@@ -177,6 +194,9 @@
     "@voyant-travel/finance-react": {
       "optional": true
     },
+    "@voyant-travel/finance": {
+      "optional": true
+    },
     "@voyant-travel/identity-react": {
       "optional": true
     },
@@ -186,9 +206,18 @@
     "@voyant-travel/commerce-react": {
       "optional": true
     },
+    "@voyant-travel/cruises": {
+      "optional": true
+    },
     "@voyant-travel/inventory-react": {
       "optional": true
     },
+    "@voyant-travel/inventory": {
+      "optional": true
+    },
+    "@voyant-travel/storefront-react": {
+      "optional": true
+    },
     "@voyant-travel/ui": {
       "optional": true
     },
@@ -207,7 +236,7 @@
     "@voyant-travel/catalog-contracts": "^0.109.0",
     "@voyant-travel/i18n": "^0.110.0",
     "@voyant-travel/react": "^0.104.1",
-    "@voyant-travel/types": "^0.107.3"
+    "@voyant-travel/types": "^0.108.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.101.2",
@@ -222,20 +251,26 @@
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
     "zod": "^4.4.3",
-    "@voyant-travel/admin": "^0.120.0",
-    "@voyant-travel/bookings": "^0.151.4",
-    "@voyant-travel/catalog-react": "^0.149.3",
-    "@voyant-travel/distribution-react": "^0.141.4",
-    "@voyant-travel/relationships-react": "^0.151.0",
-    "@voyant-travel/finance-react": "^0.151.3",
-    "@voyant-travel/identity-react": "^0.151.3",
-    "@voyant-travel/legal-react": "^0.151.3",
-    "@voyant-travel/commerce-react": "^0.33.0",
-    "@voyant-travel/inventory-react": "^0.33.0",
+    "@voyant-travel/accommodations": "^0.112.5",
+    "@voyant-travel/admin": "^0.121.0",
+    "@voyant-travel/bookings": "^0.152.0",
+    "@voyant-travel/catalog": "^0.150.0",
+    "@voyant-travel/catalog-react": "^0.150.0",
+    "@voyant-travel/distribution-react": "^0.142.0",
+    "@voyant-travel/relationships-react": "^0.152.0",
+    "@voyant-travel/finance": "^0.152.0",
+    "@voyant-travel/finance-react": "^0.152.0",
+    "@voyant-travel/identity-react": "^0.152.0",
+    "@voyant-travel/legal-react": "^0.152.0",
+    "@voyant-travel/commerce-react": "^0.34.0",
+    "@voyant-travel/cruises": "^0.151.0",
+    "@voyant-travel/inventory-react": "^0.34.0",
+    "@voyant-travel/inventory": "^0.8.6",
     "@voyant-travel/react": "^0.104.1",
+    "@voyant-travel/storefront-react": "^0.154.0",
     "@voyant-travel/ui": "^0.108.11",
     "@voyant-travel/voyant-typescript-config": "^0.1.0",
-    "@voyant-travel/operations-react": "^0.32.0"
+    "@voyant-travel/operations-react": "^0.33.0"
   },
   "files": [
     "dist",