@voyant-travel/bookings-react 0.157.0 → 0.159.0

package/dist/admin/index.d.ts

@@ -213,11 +213,8 @@ export interface CreateBookingsAdminExtensionOptions {
  * The bookings admin contribution (packaged-admin RFC Phase 3,
  * `@voyant-travel/<domain>-ui/admin` convention).
  *
- * NAVIGATION: deliberately none. The Bookings nav item is part of the BASE
- * operator navigation — see `createOperatorAdminNavigation` in
- * `@voyant-travel/admin` — so contributing nav entries here would duplicate it.
- * If the base nav ever drops the bookings item, this extension is where the
- * entry moves.
+ * NAVIGATION: the general-purpose factory remains neutral. The graph-selected
+ * factory below adds the standard operator Bookings item.
  *
  * ROUTES: full implementations (packaged-admin RFC §4.8) — the package-owned
  * search contracts ({@link bookingsIndexSearchSchema} for the list,

package/dist/admin/index.js

@@ -5,6 +5,7 @@ import { defineAdminExtension, withAdminRouteMessagesProvider, } from "@voyant-t
 // augmentation (`person.list`, `organization.list`, ...) into this program;
 // this package already peer-depends on `@voyant-travel/relationships-react/ui`.
 import { personDetailBookingsTabSlot } from "@voyant-travel/relationships-react/admin";
+import { CalendarCheck } from "lucide-react";
 import * as React from "react";
 import { z } from "zod";
 // Lean statics only: the client module (fetcher), query-key types, and the
@@ -173,11 +174,8 @@ function PersonBookingsWidgetLoader(props) {
  * The bookings admin contribution (packaged-admin RFC Phase 3,
  * `@voyant-travel/<domain>-ui/admin` convention).
  *
- * NAVIGATION: deliberately none. The Bookings nav item is part of the BASE
- * operator navigation — see `createOperatorAdminNavigation` in
- * `@voyant-travel/admin` — so contributing nav entries here would duplicate it.
- * If the base nav ever drops the bookings item, this extension is where the
- * entry moves.
+ * NAVIGATION: the general-purpose factory remains neutral. The graph-selected
+ * factory below adds the standard operator Bookings item.
  *
  * ROUTES: full implementations (packaged-admin RFC §4.8) — the package-owned
  * search contracts ({@link bookingsIndexSearchSchema} for the list,
@@ -314,7 +312,24 @@ export function createBookingsAdminExtension(options = {}) {
     });
 }
 export function createSelectedBookingsAdminExtension({ navMessages, }) {
-    return withAdminRouteMessagesProvider(createBookingsAdminExtension({ labels: { bookings: navMessages.bookings } }), () => import("../i18n/index.js").then((module) => ({
+    const bookingsLabel = navMessages.bookings ?? "Bookings";
+    const extension = withAdminRouteMessagesProvider(createBookingsAdminExtension({ labels: { bookings: bookingsLabel } }), () => import("../i18n/index.js").then((module) => ({
         default: module.BookingsUiMessagesProvider,
     })));
+    return {
+        ...extension,
+        navigation: [
+            {
+                order: -100,
+                items: [
+                    {
+                        id: "bookings",
+                        title: bookingsLabel,
+                        url: "/bookings",
+                        icon: CalendarCheck,
+                    },
+                ],
+            },
+        ],
+    };
 }

package/dist/hooks/use-public-booking-session-flow-mutation.d.ts

@@ -105,7 +105,7 @@ export declare function usePublicBookingSessionFlowMutation(sessionId: string):
                 availabilitySlotId: string | null;
                 quantity: number;
                 allocationType: "resource" | "unit" | "pickup";
-                status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "held" | "released";
+                status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "released" | "held";
                 holdExpiresAt: string | null;
                 confirmedAt: string | null;
                 releasedAt: string | null;

package/dist/hooks/use-public-booking-session.d.ts

@@ -69,7 +69,7 @@ export declare function usePublicBookingSession(sessionId: string | null | undef
             availabilitySlotId: string | null;
             quantity: number;
             allocationType: "resource" | "unit" | "pickup";
-            status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "held" | "released";
+            status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "released" | "held";
             holdExpiresAt: string | null;
             confirmedAt: string | null;
             releasedAt: string | null;

package/dist/journey/components/booking-journey.js

@@ -125,7 +125,7 @@ export function BookingJourney(props) {
     // want to silently let two shoppers race past Configure with one
     // capacity unit between them.
     const holdApi = useBookingHold({ surface });
-    const holdState = useRef({});
+    const holdState = useRef({ transition: Promise.resolve() });
     const holdSignature = makeHoldSignature(draft, props.entityModule, props.entityId);
     // biome-ignore lint/correctness/useExhaustiveDependencies: signature change is the only trigger; refs + closure read latest values -- owner: bookings-react; existing suppression is intentional pending typed cleanup.
     useEffect(() => {
@@ -143,30 +143,48 @@ export function BookingJourney(props) {
         // is touched.
         if (draft.payment.intent === "inquiry")
             return;
-        const previousToken = holdState.current.holdToken;
-        holdState.current = { signature: holdSignature };
-        void holdApi
-            .place({
-            entityModule: props.entityModule,
-            entityId: props.entityId,
-            draftId: props.draftId,
-            parameters: {
-                slotId: draft.configure.departureSlotId,
-                paxCount: totalPax(draft),
-                productId: props.entityId,
-            },
-        })
-            .then((result) => {
-            holdState.current = { holdToken: result.holdToken, signature: holdSignature };
-        })
-            .catch(() => {
-            // Non-blocking — see comment above.
+        holdState.current.signature = holdSignature;
+        holdState.current.transition = holdState.current.transition.then(async () => {
+            // A newer selection can arrive while this transition is queued. Skip
+            // stale work before it reaches inventory.
+            if (holdState.current.signature !== holdSignature)
+                return;
+            const previousToken = holdState.current.holdToken;
+            if (previousToken) {
+                holdState.current.holdToken = undefined;
+                await holdApi
+                    .release({ entityModule: props.entityModule, holdToken: previousToken })
+                    .catch(() => { });
+            }
+            // Re-check after the release: a newer transition may now be waiting.
+            if (holdState.current.signature !== holdSignature)
+                return;
+            try {
+                const result = await holdApi.place({
+                    entityModule: props.entityModule,
+                    entityId: props.entityId,
+                    draftId: props.draftId,
+                    parameters: {
+                        slotId: draft.configure.departureSlotId,
+                        paxCount: totalPax(draft),
+                        productId: props.entityId,
+                    },
+                });
+                if (holdState.current.signature === holdSignature) {
+                    holdState.current.holdToken = result.holdToken;
+                    return;
+                }
+                // The placement completed after the selection changed. Release it
+                // before the queued replacement starts so token-wide release cannot
+                // delete that replacement.
+                await holdApi
+                    .release({ entityModule: props.entityModule, holdToken: result.holdToken })
+                    .catch(() => { });
+            }
+            catch {
+                // Non-blocking — see comment above.
+            }
         });
-        if (previousToken) {
-            void holdApi
-                .release({ entityModule: props.entityModule, holdToken: previousToken })
-                .catch(() => { });
-        }
     }, [holdSignature, currentStep]);
     const available = quote.data?.available !== false;
     // A failed quote (e.g. the connector adapter 500s) leaves `quote.data` null,

package/dist/query-options.d.ts

@@ -1739,7 +1739,7 @@ export declare function getPublicBookingSessionQueryOptions(client: FetchWithVal
             availabilitySlotId: string | null;
             quantity: number;
             allocationType: "resource" | "unit" | "pickup";
-            status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "held" | "released";
+            status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "released" | "held";
             holdExpiresAt: string | null;
             confirmedAt: string | null;
             releasedAt: string | null;
@@ -1835,7 +1835,7 @@ export declare function getPublicBookingSessionQueryOptions(client: FetchWithVal
             availabilitySlotId: string | null;
             quantity: number;
             allocationType: "resource" | "unit" | "pickup";
-            status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "held" | "released";
+            status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "released" | "held";
             holdExpiresAt: string | null;
             confirmedAt: string | null;
             releasedAt: string | null;
@@ -1932,7 +1932,7 @@ export declare function getPublicBookingSessionQueryOptions(client: FetchWithVal
                 availabilitySlotId: string | null;
                 quantity: number;
                 allocationType: "resource" | "unit" | "pickup";
-                status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "held" | "released";
+                status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "released" | "held";
                 holdExpiresAt: string | null;
                 confirmedAt: string | null;
                 releasedAt: string | null;
@@ -2031,7 +2031,7 @@ export declare function getPublicBookingSessionQueryOptions(client: FetchWithVal
                     availabilitySlotId: string | null;
                     quantity: number;
                     allocationType: "resource" | "unit" | "pickup";
-                    status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "held" | "released";
+                    status: "cancelled" | "fulfilled" | "confirmed" | "expired" | "released" | "held";
                     holdExpiresAt: string | null;
                     confirmedAt: string | null;
                     releasedAt: string | null;

package/dist/storefront/storefront-booking-journey.d.ts

@@ -1,5 +1,6 @@
-import { type BookingEntitySummary, type BookingJourneyCheckoutContext, type ContractAcceptanceEvent, type Draft } from "../journey/index.js";
+import { type BookingEntitySummary, type BookingJourneyCheckoutContext, type ContractAcceptanceEvent } from "../journey/index.js";
 import { type ContractSourceContext } from "./resolve-contract-variables.js";
+export { buildStorefrontBookBody, buildStorefrontCheckoutStartBody, buildStorefrontCommitParty, } from "./storefront-checkout-bodies.js";
 export interface StorefrontBookingJourneyMessages {
     checkoutFailed: string;
     requestReference: string;
@@ -68,4 +69,3 @@ export interface StorefrontBookingJourneyProps {
     className?: string;
 }
 export declare function StorefrontBookingJourney({ entityModule, entityId, sourceKind, sourceConnectionId, sourceRef, draftId, initialConfigure, initialAccommodation, entitySummary, entitySource, contractTemplateSlug, contractMarketingLabel, onContractAccepted, messages, scope, onNavigateToShop, onNavigateToConfirmation, onRedirectToPayment, className, }: StorefrontBookingJourneyProps): React.ReactElement;
-export declare function buildStorefrontCommitParty(draft: Draft): Record<string, unknown>;

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

@@ -17,6 +17,8 @@ import { useVoyantReactContext } from "@voyant-travel/react";
 import { BookingJourney, } from "../journey/index.js";
 import { resolveContractVariables, } from "./resolve-contract-variables.js";
 import { buildStorefrontBookFailureMessage, } from "./storefront-booking-errors.js";
+import { buildStorefrontBookBody, buildStorefrontCheckoutStartBody, } from "./storefront-checkout-bodies.js";
+export { buildStorefrontBookBody, buildStorefrontCheckoutStartBody, buildStorefrontCommitParty, } from "./storefront-checkout-bodies.js";
 /**
  * Marker for checkout failures we've already turned into a localized,
  * customer-facing message. Native errors (a `fetch` network drop, a
@@ -72,10 +74,6 @@ export function StorefrontBookingJourney({ entityModule, entityId, sourceKind, s
     //
     const defaultCheckoutHandler = async (acceptance, context) => {
         try {
-            const intent = checkoutIntentFromDraft(context.draft.payment.intent);
-            const contact = context.draft.billing?.contact;
-            const payerName = [contact?.firstName, contact?.lastName].filter(Boolean).join(" ").trim();
-            const idempotencyKey = `bj-${draftId}-${acceptance?.acceptedAt ?? "noaccept"}`;
             // Step 1 — book the entity. Send the live scoped quote id explicitly
             // (the server prefers `quoteId` over resolving the draft's stored
             // `currentQuoteId`), so a market/currency change made mid-journey books
@@ -85,13 +83,12 @@ export function StorefrontBookingJourney({ entityModule, entityId, sourceKind, s
                 method: "POST",
                 credentials: "include",
                 headers: { "content-type": "application/json" },
-                body: JSON.stringify({
+                body: JSON.stringify(buildStorefrontBookBody({
                     draftId,
                     quoteId: context.quoteId,
-                    party: buildStorefrontCommitParty(context.draft),
-                    paymentIntent: { type: "hold" },
-                    idempotencyKey,
-                }),
+                    draft: context.draft,
+                    acceptedAt: acceptance?.acceptedAt,
+                })),
             });
             if (!bookRes.ok) {
                 const errBody = (await bookRes.json().catch(() => ({})));
@@ -124,25 +121,12 @@ export function StorefrontBookingJourney({ entityModule, entityId, sourceKind, s
                 method: "POST",
                 credentials: "include",
                 headers: { "content-type": "application/json" },
-                body: JSON.stringify({
+                body: JSON.stringify(buildStorefrontCheckoutStartBody({
                     bookingId,
-                    paymentIntent: intent,
-                    ...(acceptance
-                        ? {
-                            contractAcceptance: {
-                                templateId: acceptance.templateId,
-                                templateSlug: acceptance.templateSlug,
-                                acceptedTerms: true,
-                                acceptedMarketing: acceptance.acceptedMarketing,
-                                acceptedAt: acceptance.acceptedAt,
-                                renderedHtml: acceptance.renderedHtml,
-                            },
-                        }
-                        : {}),
-                    ...(contact?.email ? { payerEmail: contact.email } : {}),
-                    ...(payerName ? { payerName } : {}),
+                    draft: context.draft,
+                    acceptance,
                     returnOrigin: window.location.origin,
-                }),
+                })),
             });
             const json = (await startRes.json());
             if ("error" in json) {
@@ -241,43 +225,6 @@ export function StorefrontBookingJourney({ entityModule, entityId, sourceKind, s
             acceptsInquiry: true,
         }, className: className, ...slots }));
 }
-function checkoutIntentFromDraft(intent) {
-    if (intent === "card" || intent === "bank_transfer" || intent === "inquiry")
-        return intent;
-    return "hold";
-}
-export function buildStorefrontCommitParty(draft) {
-    const contact = draft.billing.contact;
-    const personId = draft.billing.buyerType === "B2C" ? contact.personId : undefined;
-    const organizationId = draft.billing.buyerType === "B2B" ? draft.billing.organizationId : undefined;
-    return {
-        personId,
-        organizationId,
-        billing: {
-            personId,
-            organizationId,
-            contact: {
-                firstName: contact.firstName,
-                lastName: contact.lastName,
-                email: contact.email,
-                phone: contact.phone,
-            },
-        },
-        travelerParty: {
-            travelers: draft.travelers.map((traveler) => ({
-                personId: traveler.personId,
-                firstName: traveler.firstName,
-                lastName: traveler.lastName,
-                email: traveler.email,
-                phone: traveler.phone,
-                dateOfBirth: traveler.dateOfBirth,
-                band: traveler.band,
-                documents: traveler.documents,
-                isPrimary: traveler.isPrimary,
-            })),
-        },
-    };
-}
 /**
  * Resolve which contract template to preview at the Review step.
  *

package/dist/storefront/storefront-checkout-bodies.d.ts

@@ -0,0 +1,36 @@
+import type { ContractAcceptanceEvent, Draft } from "../journey/index.js";
+export declare function buildStorefrontBookBody(input: {
+    draftId: string;
+    quoteId?: string;
+    draft: Draft;
+    acceptedAt?: string;
+}): {
+    draftId: string;
+    quoteId: string | undefined;
+    party: Record<string, unknown>;
+    paymentIntent: {
+        type: "hold";
+    };
+    idempotencyKey: string;
+};
+export declare function buildStorefrontCheckoutStartBody(input: {
+    bookingId: string;
+    draft: Draft;
+    acceptance: ContractAcceptanceEvent | null;
+    returnOrigin: string;
+}): {
+    returnOrigin: string;
+    payerName?: string | undefined;
+    payerEmail?: string | undefined;
+    contractAcceptance?: {
+        templateId: string;
+        templateSlug: string;
+        acceptedTerms: true;
+        acceptedMarketing: boolean;
+        acceptedAt: string;
+        renderedHtml: string;
+    } | undefined;
+    bookingId: string;
+    paymentIntent: "hold" | "card" | "bank_transfer" | "inquiry";
+};
+export declare function buildStorefrontCommitParty(draft: Draft): Record<string, unknown>;

package/dist/storefront/storefront-checkout-bodies.js

@@ -0,0 +1,69 @@
+export function buildStorefrontBookBody(input) {
+    return {
+        draftId: input.draftId,
+        quoteId: input.quoteId,
+        party: buildStorefrontCommitParty(input.draft),
+        paymentIntent: { type: "hold" },
+        idempotencyKey: `bj-${input.draftId}-${input.acceptedAt ?? "noaccept"}`,
+    };
+}
+export function buildStorefrontCheckoutStartBody(input) {
+    const contact = input.draft.billing?.contact;
+    const payerName = [contact?.firstName, contact?.lastName].filter(Boolean).join(" ").trim();
+    return {
+        bookingId: input.bookingId,
+        paymentIntent: checkoutIntentFromDraft(input.draft.payment.intent),
+        ...(input.acceptance
+            ? {
+                contractAcceptance: {
+                    templateId: input.acceptance.templateId,
+                    templateSlug: input.acceptance.templateSlug,
+                    acceptedTerms: true,
+                    acceptedMarketing: input.acceptance.acceptedMarketing,
+                    acceptedAt: input.acceptance.acceptedAt,
+                    renderedHtml: input.acceptance.renderedHtml,
+                },
+            }
+            : {}),
+        ...(contact?.email ? { payerEmail: contact.email } : {}),
+        ...(payerName ? { payerName } : {}),
+        returnOrigin: input.returnOrigin,
+    };
+}
+function checkoutIntentFromDraft(intent) {
+    if (intent === "card" || intent === "bank_transfer" || intent === "inquiry")
+        return intent;
+    return "hold";
+}
+export function buildStorefrontCommitParty(draft) {
+    const contact = draft.billing.contact;
+    const personId = draft.billing.buyerType === "B2C" ? contact.personId : undefined;
+    const organizationId = draft.billing.buyerType === "B2B" ? draft.billing.organizationId : undefined;
+    return {
+        personId,
+        organizationId,
+        billing: {
+            personId,
+            organizationId,
+            contact: {
+                firstName: contact.firstName,
+                lastName: contact.lastName,
+                email: contact.email,
+                phone: contact.phone,
+            },
+        },
+        travelerParty: {
+            travelers: draft.travelers.map((traveler) => ({
+                personId: traveler.personId,
+                firstName: traveler.firstName,
+                lastName: traveler.lastName,
+                email: traveler.email,
+                phone: traveler.phone,
+                dateOfBirth: traveler.dateOfBirth,
+                band: traveler.band,
+                documents: traveler.documents,
+                isPrimary: traveler.isPrimary,
+            })),
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyant-travel/bookings-react",
-  "version": "0.157.0",
+  "version": "0.159.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -145,29 +145,29 @@
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
     "@tanstack/react-table": "^8.0.0",
-    "lucide-react": "^1.23.0",
+    "lucide-react": "^0.475.0 || ^1.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.80.0",
     "zod": "^4.0.0",
-    "@voyant-travel/accommodations": "^0.117.0",
-    "@voyant-travel/admin": "^0.123.3",
-    "@voyant-travel/bookings": "^0.157.0",
-    "@voyant-travel/catalog": "^0.155.0",
-    "@voyant-travel/catalog-react": "^0.155.0",
-    "@voyant-travel/distribution-react": "^0.147.0",
-    "@voyant-travel/relationships-react": "^0.157.0",
-    "@voyant-travel/finance": "^0.157.0",
-    "@voyant-travel/finance-react": "^0.157.0",
-    "@voyant-travel/identity-react": "^0.157.0",
-    "@voyant-travel/legal-react": "^0.157.0",
-    "@voyant-travel/commerce-react": "^0.39.0",
-    "@voyant-travel/cruises": "^0.156.0",
-    "@voyant-travel/inventory-react": "^0.39.0",
-    "@voyant-travel/inventory": "^0.10.2",
-    "@voyant-travel/storefront-react": "^0.159.0",
-    "@voyant-travel/ui": "^0.109.1",
-    "@voyant-travel/operations-react": "^0.38.0"
+    "@voyant-travel/accommodations": "^0.119.0",
+    "@voyant-travel/admin": "^0.125.0",
+    "@voyant-travel/bookings": "^0.159.0",
+    "@voyant-travel/catalog": "^0.157.0",
+    "@voyant-travel/catalog-react": "^0.157.0",
+    "@voyant-travel/distribution-react": "^0.149.0",
+    "@voyant-travel/relationships-react": "^0.159.0",
+    "@voyant-travel/finance": "^0.159.0",
+    "@voyant-travel/finance-react": "^0.159.0",
+    "@voyant-travel/identity-react": "^0.159.0",
+    "@voyant-travel/legal-react": "^0.159.0",
+    "@voyant-travel/commerce-react": "^0.41.0",
+    "@voyant-travel/cruises": "^0.158.0",
+    "@voyant-travel/inventory-react": "^0.41.0",
+    "@voyant-travel/inventory": "^0.10.4",
+    "@voyant-travel/storefront-react": "^0.161.0",
+    "@voyant-travel/ui": "^0.109.2",
+    "@voyant-travel/operations-react": "^0.40.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-table": {
@@ -233,10 +233,10 @@
   },
   "dependencies": {
     "sonner": "^2.0.7",
-    "@voyant-travel/catalog-contracts": "^0.111.0",
+    "@voyant-travel/catalog-contracts": "^0.111.1",
     "@voyant-travel/i18n": "^0.111.1",
     "@voyant-travel/react": "^0.104.2",
-    "@voyant-travel/types": "^0.109.1"
+    "@voyant-travel/types": "^0.109.2"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.101.2",
@@ -251,26 +251,26 @@
     "typescript": "^6.0.3",
     "vitest": "^4.1.9",
     "zod": "^4.4.3",
-    "@voyant-travel/accommodations": "^0.117.0",
-    "@voyant-travel/admin": "^0.123.3",
-    "@voyant-travel/bookings": "^0.157.0",
-    "@voyant-travel/catalog": "^0.155.0",
-    "@voyant-travel/catalog-react": "^0.155.0",
-    "@voyant-travel/distribution-react": "^0.147.0",
-    "@voyant-travel/relationships-react": "^0.157.0",
-    "@voyant-travel/finance": "^0.157.0",
-    "@voyant-travel/finance-react": "^0.157.0",
-    "@voyant-travel/identity-react": "^0.157.0",
-    "@voyant-travel/legal-react": "^0.157.0",
-    "@voyant-travel/commerce-react": "^0.39.0",
-    "@voyant-travel/cruises": "^0.156.0",
-    "@voyant-travel/inventory-react": "^0.39.0",
-    "@voyant-travel/inventory": "^0.10.2",
+    "@voyant-travel/accommodations": "^0.119.0",
+    "@voyant-travel/admin": "^0.125.0",
+    "@voyant-travel/bookings": "^0.159.0",
+    "@voyant-travel/catalog": "^0.157.0",
+    "@voyant-travel/catalog-react": "^0.157.0",
+    "@voyant-travel/distribution-react": "^0.149.0",
+    "@voyant-travel/relationships-react": "^0.159.0",
+    "@voyant-travel/finance": "^0.159.0",
+    "@voyant-travel/finance-react": "^0.159.0",
+    "@voyant-travel/identity-react": "^0.159.0",
+    "@voyant-travel/legal-react": "^0.159.0",
+    "@voyant-travel/commerce-react": "^0.41.0",
+    "@voyant-travel/cruises": "^0.158.0",
+    "@voyant-travel/inventory-react": "^0.41.0",
+    "@voyant-travel/inventory": "^0.10.4",
     "@voyant-travel/react": "^0.104.2",
-    "@voyant-travel/storefront-react": "^0.159.0",
-    "@voyant-travel/ui": "^0.109.1",
+    "@voyant-travel/storefront-react": "^0.161.0",
+    "@voyant-travel/ui": "^0.109.2",
     "@voyant-travel/voyant-typescript-config": "^0.1.0",
-    "@voyant-travel/operations-react": "^0.38.0"
+    "@voyant-travel/operations-react": "^0.40.0"
   },
   "files": [
     "dist",