@lookiero/checkout 0.4.4 → 0.4.5-beta.1

package/dist/domain/checkoutBooking/event/createNotificationWhenCheckoutBookingExpired.d.ts

@@ -0,0 +1,6 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutBookingExpired } from "../model/checkoutBookingExpired";
+interface CreateNotificationWhenCheckoutBookingExpiredFunction extends ProcessManagerFunction<CheckoutBookingExpired> {
+}
+declare const createNotificationWhenCheckoutBookingExpired: CreateNotificationWhenCheckoutBookingExpiredFunction;
+export { createNotificationWhenCheckoutBookingExpired };

package/dist/domain/checkoutBooking/event/createNotificationWhenCheckoutBookingExpired.js

@@ -0,0 +1,13 @@
+import { v4 as uuid } from "uuid";
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createNotification } from "../../../shared/notifications/domain/notification/command/createNotification";
+import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
+const createNotificationWhenCheckoutBookingExpired = ({ commandBus }) => async () => {
+    await commandBus(createNotification({
+        aggregateId: uuid(),
+        level: NotificationLevel.ERROR,
+        titleI18nKey: undefined,
+        bodyI18nKey: I18nMessages.CHECKOUT_TOAST_BOOKING_EXPIRED,
+    }));
+};
+export { createNotificationWhenCheckoutBookingExpired };

package/dist/index.js

@@ -3,15 +3,13 @@ import { i18n } from "@lookiero/i18n-react";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { root } from "./infrastructure/ui/Root";
 import { viewIsCheckoutAccessibleByCustomerId, } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-import { notificationsRoot } from "./shared/notifications";
 const bootstrap = ({ apiUrl, getAuthToken, translations }) => {
     const { Component: Messaging, queryBus } = checkoutBootstrap({ apiUrl, getAuthToken });
     const I18n = i18n({
         fetchTranslation: fetchFetchTranslation({ endpoint: translations }),
         contextId: "CheckoutI18n",
     });
-    const Notifications = notificationsRoot();
-    const Root = root({ Messaging, I18n, Notifications, getAuthToken });
+    const Root = root({ Messaging, I18n, getAuthToken });
     const isCheckoutAccessible = ({ customerId }) => queryBus(viewIsCheckoutAccessibleByCustomerId({ customerId }));
     return {
         Root,

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -4,7 +4,9 @@ import { START_CHECKOUT } from "../../domain/checkout/command/startCheckout";
 import { markCheckoutAsPaidHandler, startCheckoutHandler } from "../../domain/checkout/model/checkout";
 import { BLOCK_CHECKOUT_BOOKING } from "../../domain/checkoutBooking/command/blockCheckoutBooking";
 import { BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM } from "../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
+import { createNotificationWhenCheckoutBookingExpired } from "../../domain/checkoutBooking/event/createNotificationWhenCheckoutBookingExpired";
 import { blockCheckoutBookingHandler, bookCheckoutBookingForCheckoutItemHandler, } from "../../domain/checkoutBooking/model/checkoutBooking";
+import { CHECKOUT_BOOKING_EXPIRED } from "../../domain/checkoutBooking/model/checkoutBookingExpired";
 import { GIVE_CHECKOUT_FEEDBACK } from "../../domain/checkoutFeedback/command/giveCheckoutFeedback";
 import { giveCheckoutFeedbackHandler } from "../../domain/checkoutFeedback/model/checkoutFeedback";
 import { KEEP_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/keepCheckoutItem";
@@ -26,53 +28,59 @@ import { viewPaymentFlowPayloadByCheckoutIdHandler, VIEW_PAYMENT_FLOW_PAYLOAD_BY
 import { viewPricingByCheckoutIdHandler, VIEW_PRICING_BY_CHECKOUT_ID, } from "../../projection/pricing/viewPricingByCheckoutId";
 import { listReturnQuestionsByCheckoutItemIdHandler, LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
 import { viewUiSettingByKeyHandler, VIEW_UI_SETTING_BY_KEY, } from "../../projection/uiSetting/viewUiSettingByKey";
+import { bootstrapWithBuilder as bootstrapNotifications } from "../../shared/notifications/infrastructure/delivery/bootstrap";
+import { inMemoryStorageNotifications } from "../../shared/notifications/infrastructure/persistence/inMemoryStorageNotifications";
 const MESSAGING_CONTEXT_ID = "Checkout";
-const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, fiveItemsDiscountByCustomerIdView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, uiSettingByKeyView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
-    .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
-    view: fiveItemsDiscountByCustomerIdView,
-})
-    .query(VIEW_CHECKOUT_BY_ID, viewCheckoutByIdHandler, {
-    view: checkoutByIdView,
-})
-    .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
-    view: firstAvailableCheckoutByCustomerIdView,
-})
-    .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
-    view: isCheckoutEnabledByCustomerIdView,
-})
-    .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
-    .command(START_CHECKOUT, startCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
-    .command(MARK_CHECKOUT_AS_PAID, markCheckoutAsPaidHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
-    .query(VIEW_CHECKOUT_ITEM_BY_ID, viewCheckoutItemByIdHandler, {
-    view: checkoutItemByIdView,
-})
-    .query(LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemIdHandler, {
-    view: returnQuestionsByCheckoutItemIdView,
-})
-    .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-    .command(RETURN_CHECKOUT_ITEM, returnCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-    .command(REPLACE_CHECKOUT_ITEM, replaceCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-    .query(VIEW_PRICING_BY_CHECKOUT_ID, viewPricingByCheckoutIdHandler, {
-    view: pricingByCheckoutIdView,
-})
-    .query(VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, viewPaymentFlowPayloadByCheckoutIdHandler, {
-    view: paymentFlowPayloadByCheckoutIdView,
-})
-    .query(LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutIdHandler, {
-    view: checkoutQuestionsByCheckoutIdView,
-})
-    .query(VIEW_CHECKOUT_BOOKING_BY_ID, viewCheckoutBookingByIdHandler, {
-    view: checkoutBookingByIdView,
-})
-    .query(VIEW_BOOKED_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedProductsVariantsForCheckoutItemHandler, {
-    view: bookedProductsVariantsForCheckoutItemView,
-})
-    .command(BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM, bookCheckoutBookingForCheckoutItemHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
-    .command(BLOCK_CHECKOUT_BOOKING, blockCheckoutBookingHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
-    .command(GIVE_CHECKOUT_FEEDBACK, giveCheckoutFeedbackHandler)(getCheckoutFeedback, saveCheckoutFeedback, ...checkoutFeedbacksDependencies)
-    .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
-    view: uiSettingByKeyView,
-})
-    .command(UPDATE_UI_SETTING, updateUiSettingHandler)(getUiSetting, saveUiSetting, ...uiSettingsDependencies)
-    .build();
+const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, fiveItemsDiscountByCustomerIdView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, uiSettingByKeyView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => {
+    let messaging = messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
+        .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
+        view: fiveItemsDiscountByCustomerIdView,
+    })
+        .query(VIEW_CHECKOUT_BY_ID, viewCheckoutByIdHandler, {
+        view: checkoutByIdView,
+    })
+        .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
+        view: firstAvailableCheckoutByCustomerIdView,
+    })
+        .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
+        view: isCheckoutEnabledByCustomerIdView,
+    })
+        .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
+        .command(START_CHECKOUT, startCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
+        .command(MARK_CHECKOUT_AS_PAID, markCheckoutAsPaidHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
+        .query(VIEW_CHECKOUT_ITEM_BY_ID, viewCheckoutItemByIdHandler, {
+        view: checkoutItemByIdView,
+    })
+        .query(LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemIdHandler, {
+        view: returnQuestionsByCheckoutItemIdView,
+    })
+        .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
+        .command(RETURN_CHECKOUT_ITEM, returnCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
+        .command(REPLACE_CHECKOUT_ITEM, replaceCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
+        .query(VIEW_PRICING_BY_CHECKOUT_ID, viewPricingByCheckoutIdHandler, {
+        view: pricingByCheckoutIdView,
+    })
+        .query(VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, viewPaymentFlowPayloadByCheckoutIdHandler, {
+        view: paymentFlowPayloadByCheckoutIdView,
+    })
+        .query(LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutIdHandler, {
+        view: checkoutQuestionsByCheckoutIdView,
+    })
+        .query(VIEW_CHECKOUT_BOOKING_BY_ID, viewCheckoutBookingByIdHandler, {
+        view: checkoutBookingByIdView,
+    })
+        .query(VIEW_BOOKED_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedProductsVariantsForCheckoutItemHandler, {
+        view: bookedProductsVariantsForCheckoutItemView,
+    })
+        .command(BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM, bookCheckoutBookingForCheckoutItemHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
+        .command(BLOCK_CHECKOUT_BOOKING, blockCheckoutBookingHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
+        .command(GIVE_CHECKOUT_FEEDBACK, giveCheckoutFeedbackHandler)(getCheckoutFeedback, saveCheckoutFeedback, ...checkoutFeedbacksDependencies)
+        .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
+        view: uiSettingByKeyView,
+    })
+        .command(UPDATE_UI_SETTING, updateUiSettingHandler)(getUiSetting, saveUiSetting, ...uiSettingsDependencies)
+        .processManager(CHECKOUT_BOOKING_EXPIRED, createNotificationWhenCheckoutBookingExpired);
+    messaging = bootstrapNotifications({ messaging, storage: inMemoryStorageNotifications() });
+    return messaging.build();
+};
 export { baseBootstrap, MESSAGING_CONTEXT_ID };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.d.ts

@@ -0,0 +1,13 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface BookFunction {
+    (): Promise<void>;
+}
+type UseBookCheckouBookingForCheckoutItem = [book: BookFunction, status: CommandStatus];
+interface UseBookCheckouBookingForCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+interface UseBookCheckouBookingForCheckoutItemFunction {
+    (args: UseBookCheckouBookingForCheckoutItemFunctionArgs): UseBookCheckouBookingForCheckoutItem;
+}
+declare const useBookCheckouBookingForCheckoutItem: UseBookCheckouBookingForCheckoutItemFunction;
+export { useBookCheckouBookingForCheckoutItem };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.js

@@ -0,0 +1,14 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { v4 as uuid } from "uuid";
+import { bookCheckoutBookingForCheckoutItem } from "../../../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useBookCheckouBookingForCheckoutItem = ({ checkoutItemId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
+        aggregateId: uuid(),
+        checkoutItemId,
+    })), [checkoutItemId, commandBus]);
+    return [book, status];
+};
+export { useBookCheckouBookingForCheckoutItem };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.d.ts

@@ -0,0 +1,12 @@
+import { BookedSizeChangeProductsVariantsForCheckoutItemView } from "../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpBookedSizeChangeProductsVariantsForCheckoutItemView extends BookedSizeChangeProductsVariantsForCheckoutItemView {
+}
+interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction {
+    (args: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs): HttpBookedSizeChangeProductsVariantsForCheckoutItemView;
+}
+declare const httpBookedSizeChangeProductsVariantsForCheckoutItemView: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction;
+export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.js

@@ -0,0 +1,9 @@
+const httpBookedSizeChangeProductsVariantsForCheckoutItemView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/view-booked-size-change-product-variants-for-checkout-item",
+        body: { checkoutItemId },
+        signal,
+    });
+    return !response.ok || response.status === 404 ? null : (await response.json()).result;
+};
+export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { BookedSizeChangeProductsVariantsProjection } from "../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
+interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
+    (args: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs): UseQueryFunctionResult<BookedSizeChangeProductsVariantsProjection>;
+}
+declare const useViewBookedSizeChangeProductsVariantsForCheckoutItem: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
+export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.js

@@ -0,0 +1,12 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
+import { viewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKED;
+const useViewBookedSizeChangeProductsVariantsForCheckoutItem = ({ checkoutItemId }) => useQuery({
+    query: viewBookedSizeChangeProductsVariantsForCheckoutItem({ checkoutItemId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutBookingBooked,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.d.ts

@@ -0,0 +1,12 @@
+import { CheckoutFeedbackByCheckoutIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutFeebackByCheckoutIdView extends CheckoutFeedbackByCheckoutIdView {
+}
+interface HttpCheckoutFeebackByCheckoutIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutFeebackByCheckoutIdViewFunction {
+    (args: HttpCheckoutFeebackByCheckoutIdViewFunctionArgs): HttpCheckoutFeebackByCheckoutIdView;
+}
+declare const httpCheckoutFeebackByCheckoutIdView: HttpCheckoutFeebackByCheckoutIdViewFunction;
+export { httpCheckoutFeebackByCheckoutIdView };

package/dist/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.js

@@ -0,0 +1,9 @@
+const httpCheckoutFeebackByCheckoutIdView = ({ httpPost }) => async ({ checkoutId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/view-checkout-feedback-by-checkout-id",
+        body: { checkoutId },
+        signal,
+    });
+    return !response.ok || response.status === 404 ? null : (await response.json()).result;
+};
+export { httpCheckoutFeebackByCheckoutIdView };

package/dist/infrastructure/ui/Root.d.ts

@@ -1,11 +1,9 @@
 import { I18n } from "@lookiero/i18n-react";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { FC } from "react";
-import { NotificationsRoot } from "../../shared/notifications";
 import { Menu } from "./views/header/Header";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
-    readonly Notifications: NotificationsRoot;
     readonly I18n: I18n;
     readonly development?: boolean;
     readonly getAuthToken: () => Promise<string>;

package/dist/infrastructure/ui/Root.js

@@ -1,12 +1,11 @@
 import React, { useCallback } from "react";
 import { Platform } from "react-native";
 import { Routing } from "./routing/Routing";
-const root = ({ Messaging, I18n, Notifications, getAuthToken, development }) => 
+const root = ({ Messaging, I18n, getAuthToken, development }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
 ({ basePath, locale = "en", customerId, menu, onNotAccessible, useRedirect }) => {
     const handleOnI18nError = useCallback(() => void 0, []);
     return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-        React.createElement(Notifications, { includeReactQueryDevTools: Platform.OS === "web" },
-            React.createElement(Routing, { I18n: I18n, basePath: basePath, customerId: customerId, getAuthToken: getAuthToken, locale: locale, menu: menu, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+        React.createElement(Routing, { I18n: I18n, basePath: basePath, customerId: customerId, getAuthToken: getAuthToken, locale: locale, menu: menu, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
 };
 export { root };

package/dist/infrastructure/ui/hooks/useSubmitCheckout.js

@@ -3,13 +3,14 @@ import { ChargeStatus } from "@lookiero/payments-front/build/infrastructure/Chec
 import { useCallback, useMemo, useState } from "react";
 import { useCreateNotification } from "../../../shared/notifications";
 import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
+import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { useMarkCheckoutAsPaid } from "../../domain/checkout/react/useMarkCheckoutAsPaid";
 import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
 import { I18nMessages } from "../i18n/i18n";
 const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onError }) => {
     const [markAsPaid, markAsPaidStatus] = useMarkCheckoutAsPaid({ checkoutId });
     const [blockCheckoutBooking, blockCheckoutBookingStatus] = useBlockCheckoutBooking({ checkoutBookingId });
-    const [createNotification] = useCreateNotification();
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
     const [startLegacyBoxCheckoutStatus, setStartLegacyBoxCheckoutStatus] = useState("idle");
     const submitCheckout = useCallback(async ({ paymentFlowPayload }) => {
         try {

package/dist/infrastructure/ui/i18n/i18n.d.ts

@@ -57,6 +57,7 @@ declare enum I18nMessages {
     CHECKOUT_DELIVERY_BANNER = "checkout.delivery_banner",
     HEADER_CHECKOUT_TITLE = "header.checkout_title",
     HEADER_COMPLETE_CHECKOUT_TITLE = "header.complete_checkout_title",
-    FEEDBACK_BUTTON = "feedback.button"
+    FEEDBACK_BUTTON = "feedback.button",
+    CHECKOUT_TOAST_BOOKING_EXPIRED = "checkout.toast_booking_expired"
 }
 export { I18nMessages, COLOR_I18N_PREFIX };

package/dist/infrastructure/ui/i18n/i18n.js

@@ -59,5 +59,6 @@ var I18nMessages;
     I18nMessages["HEADER_CHECKOUT_TITLE"] = "header.checkout_title";
     I18nMessages["HEADER_COMPLETE_CHECKOUT_TITLE"] = "header.complete_checkout_title";
     I18nMessages["FEEDBACK_BUTTON"] = "feedback.button";
+    I18nMessages["CHECKOUT_TOAST_BOOKING_EXPIRED"] = "checkout.toast_booking_expired";
 })(I18nMessages || (I18nMessages = {}));
 export { I18nMessages, COLOR_I18N_PREFIX };

package/dist/infrastructure/ui/views/App.js

@@ -2,10 +2,11 @@ import { PortalProvider } from "@gorhom/portal";
 import React from "react";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Notifications } from "../../../shared/notifications/infrastructure/ui/views/Notifications";
+import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { style } from "./App.style";
 import { Header } from "./header/Header";
 const App = ({ customerId, menu, children }) => (React.createElement(SafeAreaProvider, null,
     React.createElement(Header, { customerId: customerId, menu: menu, style: style.header }),
-    React.createElement(Notifications, null),
+    React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
     React.createElement(PortalProvider, null, children)));
 export { App };

package/dist/infrastructure/ui/views/checkout/Checkout.js

@@ -3,7 +3,7 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import { PaymentInstrumentSelect, PaymentMethod, Section } from "@lookiero/payments-front";
 import React, { useCallback, useMemo, useRef } from "react";
-import { View } from "react-native";
+import { Platform, View } from "react-native";
 import { useNavigate } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
@@ -38,7 +38,7 @@ const Checkout = ({ children, customerId, useRedirect }) => {
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: HEADER_HEIGHT },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 hasReplacedCheckoutItem && (React.createElement(View, { style: style.deliveryBannerContainer },
                     React.createElement(DeliveryBanner, null))),

package/dist/infrastructure/ui/views/feedback/Feedback.js

@@ -1,5 +1,6 @@
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback } from "react";
+import { Platform } from "react-native";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useGiveCheckoutFeedback } from "../../../domain/checkoutFeedback/react/useGiveCheckoutFeedback";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
@@ -29,7 +30,7 @@ const Feedback = ({ customerId }) => {
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(CheckoutQuestionFeedbackProvider, { feedback: {} },
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: HEADER_HEIGHT },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));
 };

package/dist/infrastructure/ui/views/header/Header.js

@@ -2,7 +2,7 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback, useState } from "react";
 import { View } from "react-native";
-import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
+import { SafeAreaView } from "react-native-safe-area-context";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { ButtonIcon } from "../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
@@ -12,11 +12,11 @@ import { useBasePath } from "../../routing/useBasePath";
 import { style } from "./Header.style";
 import { Logo } from "./components/Logo";
 const ButtonIconPlaceholder = () => React.createElement(View, { style: style.buttonIconPlaceholder });
-const DefaultHeader = ({ onOpenMenu, style: customStyle }) => (React.createElement(View, { style: customStyle, testID: "default-header" },
+const DefaultHeader = ({ onOpenMenu }) => (React.createElement(View, { style: style.header, testID: "default-header" },
     React.createElement(Logo, { style: style.logo }),
     React.createElement(ButtonIconPlaceholder, null),
     React.createElement(ButtonIcon, { name: "menu", onPress: onOpenMenu })));
-const ItemHeader = ({ items, item, style: customStyle }) => {
+const ItemHeader = ({ items, item }) => {
     const title = useI18nMessage({ id: I18nMessages.HEADER_CHECKOUT_TITLE });
     const itemIndex = items.indexOf(item);
     const isFirstItem = itemIndex === 0;
@@ -33,32 +33,31 @@ const ItemHeader = ({ items, item, style: customStyle }) => {
         const nextItem = items[nextItemIndex];
         navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
     }, [basePath, itemIndex, items, navigate]);
-    return (React.createElement(View, { style: customStyle, testID: "item-header" },
+    return (React.createElement(View, { style: style.header, testID: "item-header" },
         !isFirstItem ? React.createElement(ButtonIcon, { name: "arrow-left", onPress: navigateToPreviousItem }) : React.createElement(ButtonIconPlaceholder, null),
         React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
         !isLastItem ? React.createElement(ButtonIcon, { name: "arrow-right", onPress: navigateToNextItem }) : React.createElement(ButtonIconPlaceholder, null)));
 };
-const ItemDetailHeader = ({ style: customStyle }) => {
+const ItemDetailHeader = () => {
     const title = useI18nMessage({ id: I18nMessages.HEADER_CHECKOUT_TITLE });
     const navigate = useNavigate();
     const handleOnBack = useCallback(() => navigate(-1), [navigate]);
-    return (React.createElement(View, { style: customStyle, testID: "item-detail-header" },
+    return (React.createElement(View, { style: style.header, testID: "item-detail-header" },
         React.createElement(ButtonIconPlaceholder, null),
         React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
         React.createElement(ButtonIcon, { name: "close", onPress: handleOnBack })));
 };
-const CheckoutHeader = ({ style: customStyle }) => {
+const CheckoutHeader = () => {
     const title = useI18nMessage({ id: I18nMessages.HEADER_COMPLETE_CHECKOUT_TITLE });
     const basePath = useBasePath();
     const navigate = useNavigate();
     const handleOnBack = useCallback(() => navigate(`${basePath}/${Routes.SUMMARY}`), [basePath, navigate]);
-    return (React.createElement(View, { style: customStyle, testID: "checkout-header" },
+    return (React.createElement(View, { style: style.header, testID: "checkout-header" },
         React.createElement(ButtonIcon, { name: "arrow-left", onPress: handleOnBack }),
         React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
         React.createElement(ButtonIconPlaceholder, null)));
 };
 const Header = ({ customerId, menu: Menu, style: customStyle }) => {
-    const { top: safeAreaInsetTop } = useSafeAreaInsets();
     const { id: itemId } = useParams();
     const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const currentItem = checkout?.items.find((item) => item.id === itemId);
@@ -72,19 +71,19 @@ const Header = ({ customerId, menu: Menu, style: customStyle }) => {
     let header;
     if (checkout?.items && currentItem) {
         if (itemRouteMatch) {
-            header = React.createElement(ItemHeader, { item: currentItem, items: checkout.items, style: style.header });
+            header = React.createElement(ItemHeader, { item: currentItem, items: checkout.items });
         }
         else if (itemDetailRouteMatch) {
-            header = React.createElement(ItemDetailHeader, { style: style.header });
+            header = React.createElement(ItemDetailHeader, null);
         }
     }
     else if (checkoutRouteMatch) {
-        header = React.createElement(CheckoutHeader, { style: style.header });
+        header = React.createElement(CheckoutHeader, null);
     }
     else {
-        header = React.createElement(DefaultHeader, { style: style.header, onOpenMenu: handleOnOpenMenu });
+        header = React.createElement(DefaultHeader, { onOpenMenu: handleOnOpenMenu });
     }
-    return (React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, { paddingTop: safeAreaInsetTop }, customStyle] },
+    return (React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, customStyle] },
         header,
         React.createElement(Menu, { visible: menuVisible, onClose: handleOnCloseMenu })));
 };

package/dist/infrastructure/ui/views/header/Header.style.d.ts

@@ -1,21 +1,27 @@
 declare const HEADER_HEIGHT: number;
 declare const style: {
     buttonIconPlaceholder: {
+        flexGrow: number;
         height: number;
         width: number;
     };
     container: {
-        backgroundColor: string;
-        flex: number;
+        flexDirection: "row";
+        flexGrow: number;
         height: number;
-        paddingHorizontal: number;
         width: string;
     };
     header: {
         alignItems: "center";
-        flex: number;
+        backgroundColor: string;
         flexDirection: "row";
+        flexGrow: number;
+        flexWrap: "nowrap";
+        height: number;
         justifyContent: "space-between";
+        overflow: "visible";
+        paddingHorizontal: number;
+        width: string;
     };
     logo: {
         left: number;

package/dist/infrastructure/ui/views/header/Header.style.js

@@ -4,21 +4,27 @@ const { colorBase, spaceXXL, spaceXXXL, spaceS } = theme();
 const HEADER_HEIGHT = spaceXXXL;
 const style = StyleSheet.create({
     buttonIconPlaceholder: {
+        flexGrow: 0,
         height: spaceXXL,
         width: spaceXXL,
     },
     container: {
-        backgroundColor: colorBase,
-        flex: 1,
+        flexDirection: "row",
+        flexGrow: 0,
         height: HEADER_HEIGHT,
-        paddingHorizontal: spaceS,
         width: "100%",
     },
     header: {
         alignItems: "center",
-        flex: 1,
+        backgroundColor: colorBase,
         flexDirection: "row",
+        flexGrow: 0,
+        flexWrap: "nowrap",
+        height: HEADER_HEIGHT,
         justifyContent: "space-between",
+        overflow: "visible",
+        paddingHorizontal: spaceS,
+        width: "100%",
     },
     logo: {
         left: 0,

package/dist/infrastructure/ui/views/intro/Intro.js

@@ -4,7 +4,7 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React from "react";
-import { View } from "react-native";
+import { Platform, View } from "react-native";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useIncrementIntroShownCount } from "../../../domain/uiSetting/react/useIncrementIntroShownCount";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
@@ -30,7 +30,7 @@ const Intro = ({ customerId }) => {
     const [incrementIntroShownCount, incrementIntroShownCountStatus] = useIncrementIntroShownCount();
     if (fiveItemsDiscountStatus === QueryStatus.LOADING)
         return React.createElement(Spinner, null);
-    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: HEADER_HEIGHT },
+    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
         React.createElement(Body, { style: { column: style.bodyColumn } },
             React.createElement(View, { style: style.container },
                 React.createElement(View, { style: style.content },

package/dist/infrastructure/ui/views/item/Item.js

@@ -136,7 +136,7 @@ const Item = ({ customerId }) => {
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
         React.createElement(SizeChangeModal, { visible: sizeChangeModalVisible, onDismiss: handleOnHideSizeChangeModal }),
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: HEADER_HEIGHT },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, null,
                 customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
                 React.createElement(View, { style: [style.container, { paddingBottom: Platform.OS === "web" ? spaceXL : stickyHeight }] },

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.js

@@ -8,7 +8,9 @@ import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/but
 import { Price } from "../../../../components/atoms/price/Price";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
 import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
+import { theme } from "../../../../theme/theme";
 import { IMAGE_WIDTH, style } from "./ProductVariant.style";
+const { colorContent } = theme();
 const ProductVariant = ({ media, brand, name, price, size, color, status, discarded, style: customStyle, onPress, }) => {
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
     const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
@@ -23,7 +25,7 @@ const ProductVariant = ({ media, brand, name, price, size, color, status, discar
                             width: IMAGE_WIDTH,
                         }),
                     } }),
-                discarded && (React.createElement(Svg, { preserveAspectRatio: "none", style: style.discarded, testID: "discarded", viewBox: "0 0 100 100" },
+                discarded && (React.createElement(Svg, { preserveAspectRatio: "none", stroke: colorContent, style: style.discarded, testID: "discarded", viewBox: "0 0 100 100" },
                     React.createElement(Line, { vectorEffect: "non-scaling-stroke", x1: "100", x2: "0", y1: "0", y2: "100" })))),
             React.createElement(View, { style: style.descriptionContainer },
                 React.createElement(View, null,

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.style.d.ts

@@ -15,7 +15,6 @@ declare const style: {
         height: string;
         left: number;
         position: "absolute";
-        stroke: string;
         top: number;
         width: string;
         zIndex: number;

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { borderSize, colorContent, colorGrayscaleL, colorInfo, spaceXS, spaceS, spaceM } = theme();
+const { borderSize, colorGrayscaleL, colorInfo, spaceXS, spaceS, spaceM } = theme();
 const IMAGE_WIDTH = 96;
 const IMAGE_HEIGHT = 120;
 const style = StyleSheet.create({
@@ -19,7 +19,6 @@ const style = StyleSheet.create({
         height: "100%",
         left: 0,
         position: "absolute",
-        stroke: colorContent,
         top: 0,
         width: "100%",
         zIndex: 10,

package/dist/infrastructure/ui/views/summary/Summary.js

@@ -2,7 +2,7 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback, useMemo, useState } from "react";
-import { View } from "react-native";
+import { Platform, View } from "react-native";
 import { generatePath, useNavigate } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
@@ -24,6 +24,8 @@ const { spaceXL } = theme();
 const Summary = ({ customerId }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
+    const [pricingHeight, setPricingHeight] = useState(0);
+    const handleOnPricingLayout = useCallback(({ height }) => setPricingHeight(height), []);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
     const [fiveItemsDiscount = 0, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({ customerId });
@@ -42,13 +44,13 @@ const Summary = ({ customerId }) => {
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: HEADER_HEIGHT, style: { safeAreaView: style.container } },
-            React.createElement(Body, { style: { row: { paddingBottom: spaceXL } } },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container } },
+            React.createElement(Body, { style: { row: { paddingBottom: pricingHeight || spaceXL } } },
                 fiveItemsDiscount !== 0 && React.createElement(FiveItemsDiscountBanner, { fiveItemsDiscount: fiveItemsDiscount }),
                 React.createElement(View, { style: style.content },
                     React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
                     React.createElement(Text, { level: 3, style: style.description, body: true }, descriptionText)),
                 React.createElement(CheckoutItemsTabs, { checkoutItemsKept: checkoutItemsKept || [], checkoutItemsReturned: checkoutItemsReturned || [], onPressItem: handleOnPressItem }))),
-        pricing && (React.createElement(StickyPricing, { collapsed: pricingCollapsed, pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onPress: handleOnPressPricing, onSubmit: handleOnSubmit }))));
+        pricing && (React.createElement(StickyPricing, { collapsed: pricingCollapsed, pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined, onPress: handleOnPressPricing, onSubmit: handleOnSubmit }))));
 };
 export { Summary };

package/dist/infrastructure/ui/views/summary/components/pricing/Pricing.js

@@ -6,9 +6,11 @@ import React from "react";
 import { Pressable, View } from "react-native";
 import { Price } from "../../../../components/atoms/price/Price";
 import { I18nMessages } from "../../../../i18n/i18n";
+import { theme } from "../../../../theme/theme";
 import { style } from "./Pricing.style";
 import { ArrowDown } from "./icons/ArrowDown";
 import { ArrowUp } from "./icons/ArrowUp";
+const { colorGrayscaleS } = theme();
 const PS_SERVICE_FREE_INDICATOR = 100;
 const Row = ({ text, level = 3, children }) => (React.createElement(View, { style: style.row },
     React.createElement(Text, { level: level, style: style.uppercase, action: true }, text),
@@ -32,7 +34,7 @@ const Pricing = ({ orderTotal, subtotal, balanceDiscount, discount, discountPerc
     const collapsedStyle = useSpring({ opacitiy: collapsed ? 1 : 0 });
     const notCollapsedStyle = useSpring({ opacitiy: collapsed ? 0 : 1 });
     return (React.createElement(Pressable, { testID: "pricing", onPress: collapsible ? onPress : null },
-        collapsible && (React.createElement(View, { style: style.iconContainer }, collapsed ? (React.createElement(ArrowUp, { style: style.icon, testID: "arrow-up" })) : (React.createElement(ArrowDown, { style: style.icon, testID: "arrow-down" })))),
+        collapsible && (React.createElement(View, { style: style.iconContainer }, collapsed ? (React.createElement(ArrowUp, { stroke: colorGrayscaleS, style: style.icon, testID: "arrow-up" })) : (React.createElement(ArrowDown, { stroke: colorGrayscaleS, style: style.icon, testID: "arrow-down" })))),
         collapsed && collapsible ? (React.createElement(animated.View, { style: [style.collapsed, { opacity: collapsedStyle.opacitiy }] },
             React.createElement(View, null,
                 React.createElement(Text, { level: 1, style: style.totalCollapsed, detail: true },

package/dist/infrastructure/ui/views/summary/components/pricing/Pricing.style.d.ts

@@ -10,7 +10,6 @@ declare const style: {
     };
     icon: {
         height: number;
-        stroke: string;
         width: number;
     };
     iconContainer: {

package/dist/infrastructure/ui/views/summary/components/pricing/Pricing.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { colorContent, colorGrayscaleS, spaceXS, spaceL } = theme();
+const { colorContent, spaceXS, spaceL } = theme();
 const style = StyleSheet.create({
     collapsed: {
         flexDirection: "row",
@@ -13,7 +13,6 @@ const style = StyleSheet.create({
     },
     icon: {
         height: 10,
-        stroke: colorGrayscaleS,
         width: 58,
     },
     iconContainer: {

package/dist/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts

@@ -1,11 +1,13 @@
 import { FC } from "react";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
+import { Layout } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
 interface StickyPricingProps {
     readonly pricing: PricingProjection;
     readonly totalCheckoutItemsKept: number;
     readonly collapsed: boolean;
     readonly onPress: () => void;
     readonly onSubmit: () => void;
+    readonly onLayout?: ({ width, height }: Layout) => void;
 }
 declare const StickyPricing: FC<StickyPricingProps>;
 export { StickyPricing };

package/dist/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js

@@ -3,7 +3,7 @@ import { Sticky } from "../../../../../../shared/ui/components/layouts/sticky/St
 import { Body } from "../../../../components/layouts/body/Body";
 import { Pricing } from "../pricing/Pricing";
 import { style } from "./StickyPricing.style";
-const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit }) => (React.createElement(Sticky, null,
+const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit, onLayout, }) => (React.createElement(Sticky, { onLayout: onLayout },
     React.createElement(Body, { style: { column: style.container } },
         React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: collapsed, discount: pricing.discount, discountPercentage: pricing.discountPercentage, orderTotal: pricing.orderTotal, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: onPress, onSubmit: onSubmit }))));
 export { StickyPricing };

package/dist/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.d.ts

@@ -0,0 +1,10 @@
+import { SizeProjection } from "../shared/size";
+interface ProductVariantProjection {
+    readonly id: string;
+    readonly size: SizeProjection;
+}
+interface BookedSizeChangeProductsVariantsProjection {
+    readonly bookingId: string;
+    readonly productVariants: ProductVariantProjection[];
+}
+export type { BookedSizeChangeProductsVariantsProjection, ProductVariantProjection };

package/dist/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.js

@@ -0,0 +1 @@
+export {};

package/dist/projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { BookedSizeChangeProductsVariantsProjection } from "./bookedSizeChangeProductsVariants";
+declare const VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM = "view_booked_size_change_product_variants_for_checkout_item";
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload {
+    readonly checkoutItemId: string;
+}
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItem extends Query<typeof VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM>, ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload {
+}
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
+    (payload: ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload): ViewBookedSizeChangeProductsVariantsForCheckoutItem;
+}
+declare const viewBookedSizeChangeProductsVariantsForCheckoutItem: ViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
+type ViewBookedSizeChangeProductsVariantsForCheckoutItemResult = BookedSizeChangeProductsVariantsProjection | null;
+interface BookedSizeChangeProductsVariantsForCheckoutItemViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutItemId: string;
+}
+interface BookedSizeChangeProductsVariantsForCheckoutItemView {
+    (args: BookedSizeChangeProductsVariantsForCheckoutItemViewArgs): Promise<ViewBookedSizeChangeProductsVariantsForCheckoutItemResult>;
+}
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItemHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: BookedSizeChangeProductsVariantsForCheckoutItemView;
+}
+declare const viewBookedSizeChangeProductsVariantsForCheckoutItemHandler: QueryHandlerFunction<ViewBookedSizeChangeProductsVariantsForCheckoutItem, ViewBookedSizeChangeProductsVariantsForCheckoutItemResult, ViewBookedSizeChangeProductsVariantsForCheckoutItemHandlerFunctionArgs>;
+export type { ViewBookedSizeChangeProductsVariantsForCheckoutItem, BookedSizeChangeProductsVariantsForCheckoutItemView, ViewBookedSizeChangeProductsVariantsForCheckoutItemResult, };
+export { VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItem, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, };

package/dist/projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM = "view_booked_size_change_product_variants_for_checkout_item";
+const viewBookedSizeChangeProductsVariantsForCheckoutItem = (payload) => ({
+    ...query({ name: VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM }),
+    ...payload,
+});
+const viewBookedSizeChangeProductsVariantsForCheckoutItemHandler = ({ view, signal }) => async ({ checkoutItemId }) => view({ checkoutItemId, signal });
+export { VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItem, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, };

package/dist/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedbackProjection } from "./checkoutFeedback";
+declare const VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID = "view_checkout_feedback_by_checkout_id";
+interface ViewCheckoutFeedbackByCheckoutIdPayload {
+    readonly checkoutId: string;
+}
+interface ViewCheckoutFeedbackByCheckoutId extends Query<typeof VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID>, ViewCheckoutFeedbackByCheckoutIdPayload {
+}
+interface ViewCheckoutFeedbackByCheckoutIdFunction {
+    (payload: ViewCheckoutFeedbackByCheckoutIdPayload): ViewCheckoutFeedbackByCheckoutId;
+}
+declare const viewCheckoutFeedbackByCheckoutId: ViewCheckoutFeedbackByCheckoutIdFunction;
+type ViewCheckoutFeedbackByCheckoutIdResult = CheckoutFeedbackProjection | null;
+interface CheckoutFeedbackByCheckoutIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutId: string;
+}
+interface CheckoutFeedbackByCheckoutIdView {
+    (args: CheckoutFeedbackByCheckoutIdViewArgs): Promise<ViewCheckoutFeedbackByCheckoutIdResult>;
+}
+interface ViewCheckoutFeedbackByCheckoutIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutFeedbackByCheckoutIdView;
+}
+declare const viewCheckoutFeedbackByCheckoutIdHandler: QueryHandlerFunction<ViewCheckoutFeedbackByCheckoutId, ViewCheckoutFeedbackByCheckoutIdResult, ViewCheckoutFeedbackByCheckoutIdHandlerFunctionArgs>;
+export type { ViewCheckoutFeedbackByCheckoutId, CheckoutFeedbackByCheckoutIdView, ViewCheckoutFeedbackByCheckoutIdResult, };
+export { VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID, viewCheckoutFeedbackByCheckoutId, viewCheckoutFeedbackByCheckoutIdHandler, };

package/dist/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID = "view_checkout_feedback_by_checkout_id";
+const viewCheckoutFeedbackByCheckoutId = (payload) => ({
+    ...query({ name: VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID }),
+    ...payload,
+});
+const viewCheckoutFeedbackByCheckoutIdHandler = ({ view, signal }) => async ({ checkoutId }) => view({ checkoutId, signal });
+export { VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID, viewCheckoutFeedbackByCheckoutId, viewCheckoutFeedbackByCheckoutIdHandler, };

package/dist/shared/notifications/infrastructure/delivery/bootstrap.d.ts

@@ -1,3 +1,4 @@
+import { BootstrapDefinition } from "@lookiero/messaging";
 import { BuildBootstrapFunctionReturn } from "@lookiero/messaging-react";
 import { NotificationDto } from "../persistence/notificationDto";
 import { Storage } from "../persistence/storage";
@@ -9,5 +10,12 @@ interface BootstrapFunction {
     (args: BootstrapFunctionArgs): BuildBootstrapFunctionReturn;
 }
 declare const bootstrap: BootstrapFunction;
+interface BootstrapWithBuilderFunctionArgs extends BootstrapFunctionArgs {
+    readonly messaging: BootstrapDefinition<BuildBootstrapFunctionReturn>;
+}
+interface BootstrapWithBuilderFunction {
+    (args: BootstrapWithBuilderFunctionArgs): BootstrapDefinition<BuildBootstrapFunctionReturn>;
+}
+declare const bootstrapWithBuilder: BootstrapWithBuilderFunction;
 export type { BootstrapFunctionArgs };
-export { NOTIFICATIONS_MESSAGING_CONTEXT_ID, bootstrap };
+export { NOTIFICATIONS_MESSAGING_CONTEXT_ID, bootstrap, bootstrapWithBuilder };

package/dist/shared/notifications/infrastructure/delivery/bootstrap.js

@@ -11,4 +11,8 @@ const bootstrap = ({ storage }) => messagingReactBootstrap({ id: NOTIFICATIONS_M
     .command(CREATE_NOTIFICATION, createNotificationHandler)(getNotification, saveNotification, { storage })
     .command(REMOVE_NOTIFICATION, removeNotificationHandler)(getNotification, saveNotification, { storage })
     .build();
-export { NOTIFICATIONS_MESSAGING_CONTEXT_ID, bootstrap };
+const bootstrapWithBuilder = ({ storage, messaging }) => messaging
+    .query(LIST_NOTIFICATIONS, listNotificationsHandler, { view: storageListNotificationsView({ storage }) })
+    .command(CREATE_NOTIFICATION, createNotificationHandler)(getNotification, saveNotification, { storage })
+    .command(REMOVE_NOTIFICATION, removeNotificationHandler)(getNotification, saveNotification, { storage });
+export { NOTIFICATIONS_MESSAGING_CONTEXT_ID, bootstrap, bootstrapWithBuilder };

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateNotification.d.ts

@@ -9,8 +9,11 @@ interface CreateNotificationFunctionArgs {
 interface CreateNotificationFunction {
     (args: CreateNotificationFunctionArgs): Promise<void>;
 }
+interface UseCreateNotificationFunctionArgs {
+    readonly contextId: string;
+}
 interface UseCreateNotificationFunction {
-    (): [create: CreateNotificationFunction, status: CommandStatus];
+    (args: UseCreateNotificationFunctionArgs): [create: CreateNotificationFunction, status: CommandStatus];
 }
 declare const useCreateNotification: UseCreateNotificationFunction;
 export { useCreateNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateNotification.js

@@ -2,9 +2,8 @@ import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { v4 as uuid } from "uuid";
 import { createNotification } from "../../../../domain/notification/command/createNotification";
-import { NOTIFICATIONS_MESSAGING_CONTEXT_ID } from "../../../delivery/bootstrap";
-const useCreateNotification = () => {
-    const [commandBus, status] = useCommand({ contextId: NOTIFICATIONS_MESSAGING_CONTEXT_ID });
+const useCreateNotification = ({ contextId }) => {
+    const [commandBus, status] = useCommand({ contextId });
     const create = useCallback(({ aggregateId, level, titleI18nKey, bodyI18nKey }) => commandBus(createNotification({
         aggregateId: aggregateId || uuid(),
         level,

package/dist/shared/notifications/infrastructure/domain/notification/react/useRemoveNotification.d.ts

@@ -5,8 +5,11 @@ interface RemoveNotificationFunctionArgs {
 interface RemoveNotificationFunction {
     (args: RemoveNotificationFunctionArgs): Promise<void>;
 }
+interface UseRemoveNotificationFunctionArgs {
+    readonly contextId: string;
+}
 interface UseRemoveNotificationFunction {
-    (): [remove: RemoveNotificationFunction, status: CommandStatus];
+    (args: UseRemoveNotificationFunctionArgs): [remove: RemoveNotificationFunction, status: CommandStatus];
 }
 declare const useRemoveNotification: UseRemoveNotificationFunction;
 export { useRemoveNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useRemoveNotification.js

@@ -1,9 +1,8 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { removeNotification } from "../../../../domain/notification/command/removeNotification";
-import { NOTIFICATIONS_MESSAGING_CONTEXT_ID } from "../../../delivery/bootstrap";
-const useRemoveNotification = () => {
-    const [commandBus, status] = useCommand({ contextId: NOTIFICATIONS_MESSAGING_CONTEXT_ID });
+const useRemoveNotification = ({ contextId }) => {
+    const [commandBus, status] = useCommand({ contextId });
     const remove = useCallback(({ aggregateId }) => commandBus(removeNotification({ aggregateId })), [commandBus]);
     return [remove, status];
 };

package/dist/shared/notifications/infrastructure/ui/views/Notifications.d.ts

@@ -1,3 +1,6 @@
 import { FC } from "react";
-declare const Notifications: FC;
+interface NotificationsProps {
+    readonly contextId: string;
+}
+declare const Notifications: FC<NotificationsProps>;
 export { Notifications };

package/dist/shared/notifications/infrastructure/ui/views/Notifications.js

@@ -2,9 +2,9 @@ import React, { useCallback } from "react";
 import { useListNotifications } from "../../../projection/notification/react/useListNotifications";
 import { useRemoveNotification } from "../../domain/notification/react/useRemoveNotification";
 import { Notifications as NotificationsTemplate } from "../components/Notifications";
-const Notifications = () => {
-    const [notifications] = useListNotifications();
-    const [remove] = useRemoveNotification();
+const Notifications = ({ contextId }) => {
+    const [notifications] = useListNotifications({ contextId });
+    const [remove] = useRemoveNotification({ contextId });
     const onRemove = useCallback((id) => remove({ aggregateId: id }), [remove]);
     return React.createElement(NotificationsTemplate, { notifications: notifications, onRemove: onRemove });
 };

package/dist/shared/notifications/projection/notification/react/useListNotifications.d.ts

@@ -1,7 +1,10 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
 import { ListNotificationsResult } from "../listNotifications";
+interface UseListNotificationsFunctionArgs {
+    readonly contextId: string;
+}
 interface UseListNotificationsFunction {
-    (): UseQueryFunctionResult<ListNotificationsResult>;
+    (args: UseListNotificationsFunctionArgs): UseQueryFunctionResult<ListNotificationsResult>;
 }
 declare const useListNotifications: UseListNotificationsFunction;
 export { useListNotifications };

package/dist/shared/notifications/projection/notification/react/useListNotifications.js

@@ -1,14 +1,13 @@
 import { useQuery } from "@lookiero/messaging-react";
 import { NOTIFICATION_CREATED } from "../../../domain/notification/model/notificationCreated";
 import { NOTIFICATION_REMOVED } from "../../../domain/notification/model/notificationRemoved";
-import { NOTIFICATIONS_MESSAGING_CONTEXT_ID } from "../../../infrastructure/delivery/bootstrap";
 import { listNotifications } from "../listNotifications";
 const isNotificationCreated = (event) => event.name === NOTIFICATION_CREATED;
 const isNotificationRemoved = (event) => event.name === NOTIFICATION_REMOVED;
 const shouldInvalidate = (event) => isNotificationCreated(event) || isNotificationRemoved(event);
-const useListNotifications = () => useQuery({
+const useListNotifications = ({ contextId }) => useQuery({
     query: listNotifications(),
-    contextId: NOTIFICATIONS_MESSAGING_CONTEXT_ID,
+    contextId,
     invalidation: shouldInvalidate,
     options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.4.4",
+  "version": "0.4.5-beta.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [