@lookiero/checkout 0.3.26 → 0.4.0-beta.0

package/dist/src/infrastructure/domain/checkoutBooking/react/{useBookCheckoutBookingForCheckoutItem.js → useBookCheckouBookingForCheckoutItem.js}

@@ -3,7 +3,7 @@ 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 useBookCheckoutBookingForCheckoutItem = ({ checkoutItemId }) => {
+const useBookCheckouBookingForCheckoutItem = ({ checkoutItemId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
     const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
         aggregateId: uuid(),
@@ -11,4 +11,4 @@ const useBookCheckoutBookingForCheckoutItem = ({ checkoutItemId }) => {
     })), [checkoutItemId, commandBus]);
     return [book, status];
 };
-export { useBookCheckoutBookingForCheckoutItem };
+export { useBookCheckouBookingForCheckoutItem };

package/dist/src/infrastructure/domain/checkoutItem/model/httpCheckoutItems.js

@@ -10,7 +10,7 @@ const toDomain = (checkoutItem) => {
         status: checkoutItem.status,
         price: checkoutItem.price,
         feedbacks: checkoutItem.feedbacks,
-        replacedForId: checkoutItem.replacedFor?.id,
+        replacedFor: checkoutItem.replacedFor,
         aggregateId: checkoutItem.id,
         domainEvents: [],
     };

package/dist/src/infrastructure/domain/checkoutItem/model/httpCheckoutItemsReplace.js

@@ -1,13 +1,13 @@
 import { CHECKOUT_ITEM_REPLACED, } from "../../../../domain/checkoutItem/model/checkoutItemReplaced";
 const isCheckoutItemReplaced = (event) => event.name === CHECKOUT_ITEM_REPLACED;
-const httpCheckoutItemsReplace = ({ httpPost }) => async ({ aggregateId, replacedForId, domainEvents }) => {
+const httpCheckoutItemsReplace = ({ httpPost }) => async ({ aggregateId, replacedFor, domainEvents }) => {
     const checkoutItemReplaced = domainEvents.find(isCheckoutItemReplaced);
     if (!checkoutItemReplaced) {
         return;
     }
     await httpPost({
         endpoint: "/replace-checkout-item",
-        body: { checkoutItemId: aggregateId, replacedFor: replacedForId },
+        body: { checkoutItemId: aggregateId, replacedFor },
     });
 };
 export { httpCheckoutItemsReplace };

package/dist/src/infrastructure/domain/checkoutItem/react/useReplaceCheckoutItem.d.ts

@@ -1,6 +1,6 @@
 import { CommandStatus } from "@lookiero/messaging-react";
 interface ReplaceCheckoutItemFunctionArgs {
-    readonly replacedForId: string;
+    readonly replacedFor: string;
 }
 interface ReplaceCheckoutItemFunction {
     (args: ReplaceCheckoutItemFunctionArgs): Promise<void>;

package/dist/src/infrastructure/domain/checkoutItem/react/useReplaceCheckoutItem.js

@@ -4,9 +4,9 @@ import { replaceCheckoutItem } from "../../../../domain/checkoutItem/command/rep
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useReplaceCheckoutItem = ({ checkoutItemId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const replace = useCallback(({ replacedForId }) => commandBus(replaceCheckoutItem({
+    const replace = useCallback(({ replacedFor }) => commandBus(replaceCheckoutItem({
         aggregateId: checkoutItemId,
-        replacedForId,
+        replacedFor,
     })), [checkoutItemId, commandBus]);
     return [replace, status];
 };

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

@@ -1,6 +1,6 @@
 const httpBookedSizeChangeProductsVariantsForCheckoutItemView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
     const response = await httpPost({
-        endpoint: "/view-booked-product-variants-for-checkout-item",
+        endpoint: "/view-booked-size-change-product-variants-for-checkout-item",
         body: { checkoutItemId },
         signal,
     });

package/dist/src/infrastructure/projection/checkout/checkout.d.ts

@@ -5,7 +5,7 @@ interface CheckoutDto {
     readonly id: string;
     readonly customerId: string;
     readonly boxId: string;
-    readonly checkoutBookingId: string;
+    readonly bookingId: string;
     readonly status: CheckoutStatus;
     readonly expiresOn: string;
     readonly items: CheckoutItemProjection[];

package/dist/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.js

@@ -1,17 +1,9 @@
 import { useQuery } from "@lookiero/messaging-react";
-import { CHECKOUT_ITEM_KEPT } from "../../../../domain/checkoutItem/model/checkoutItemKept";
-import { CHECKOUT_ITEM_REPLACED, } from "../../../../domain/checkoutItem/model/checkoutItemReplaced";
-import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
 import { viewPricingByCheckoutId } from "../../../../projection/pricing/viewPricingByCheckoutId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const isCheckoutItemKept = (event) => event.name === CHECKOUT_ITEM_KEPT;
-const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
-const isCheckoutItemReplaced = (event) => event.name === CHECKOUT_ITEM_REPLACED;
-const shouldInvalidate = (event) => isCheckoutItemKept(event) || isCheckoutItemReplaced(event) || isCheckoutItemReturned(event);
 const useViewPricingByCheckoutId = ({ checkoutId }) => useQuery({
     query: viewPricingByCheckoutId({ checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,
-    invalidation: shouldInvalidate,
-    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false, refetchOnMount: "always" },
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewPricingByCheckoutId };

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

@@ -2,6 +2,7 @@ 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;
@@ -16,6 +17,7 @@ interface RootProps {
     readonly basePath: string;
     readonly locale?: string;
     readonly customerId: string | undefined;
+    readonly menu: Menu;
     readonly onNotAccessible: () => void;
     readonly useRedirect: () => Record<string, string>;
 }

package/dist/src/infrastructure/ui/Root.js

@@ -3,10 +3,10 @@ import { Platform } from "react-native";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, Notifications, authToken, development }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
-({ basePath, locale = "en", customerId, onNotAccessible, useRedirect }) => {
+({ 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, authToken: authToken, basePath: basePath, customerId: customerId, locale: locale, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+            React.createElement(Routing, { I18n: I18n, authToken: authToken, basePath: basePath, customerId: customerId, locale: locale, menu: menu, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
 };
 export { root };

package/dist/src/infrastructure/ui/routing/CheckoutMiddleware.js

@@ -23,7 +23,7 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     const notFoundRouteMatch = useMatch(`${basePath}/${Routes.NOT_FOUND}`);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(shouldIntroBeShownStatus) &&
-        (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout);
+        dependenciesLoadedStatuses.includes(checkoutStatus);
     if (!dependenciesLoaded) {
         return loader;
     }
@@ -35,6 +35,13 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     if (checkout?.status === CheckoutStatus.PAID && !feedbackRouteMatch) {
         return React.createElement(Navigate, { to: `${basePath}/${Routes.FEEDBACK}`, replace: true });
     }
+    /* Navigate to the summary if required */
+    if (checkout?.status !== CheckoutStatus.PAID &&
+        checkout?.status !== CheckoutStatus.COMPLETED &&
+        firstItemWithoutCustomerDecision === undefined &&
+        !(summaryRouteMatch || itemDetailRouteMatch || checkoutRouteMatch)) {
+        return React.createElement(Navigate, { to: `${basePath}/${Routes.SUMMARY}`, replace: true });
+    }
     /* Navigate to the Intro if required */
     if (shouldIntroBeShown && !introShown.current && firstItemWithoutCustomerDecision !== undefined) {
         if (introRouteMatch) {
@@ -54,14 +61,9 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
         }
         /* Navigate to the first item without customer's decission */
         if (firstItemWithoutCustomerDecision && !itemRouteMatch) {
+            console.log("navigate to first item...", firstItemWithoutCustomerDecision.id);
             return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
         }
-        /* Navigate to the summary if required */
-        if (firstItemWithoutCustomerDecision === undefined &&
-            !(summaryRouteMatch || itemDetailRouteMatch || checkoutRouteMatch) &&
-            checkout?.status !== CheckoutStatus.PAID) {
-            return React.createElement(Navigate, { to: `${basePath}/${Routes.SUMMARY}`, replace: true });
-        }
     }
     return children;
 };

package/dist/src/infrastructure/ui/routing/Routing.d.ts

@@ -1,11 +1,13 @@
 import { I18n } from "@lookiero/i18n-react";
 import { FC } from "react";
+import { Menu } from "../views/header/Header";
 interface RoutingProps {
     readonly basePath?: string;
     readonly customerId: string | undefined;
     readonly locale: string;
     readonly I18n: I18n;
     readonly authToken: string;
+    readonly menu: Menu;
     readonly onNotAccessible: () => void;
     readonly onI18nError?: (err: Error) => void;
     readonly useRedirect: () => Record<string, string>;

package/dist/src/infrastructure/ui/routing/Routing.js

@@ -11,7 +11,7 @@ const Item = lazy(() => import("../views/item/Item").then((module) => ({ default
 const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
 const Checkout = lazy(() => import("../views/checkout/Checkout").then((module) => ({ default: module.Checkout })));
 const Feedback = lazy(() => import("../views/feedback/Feedback").then((module) => ({ default: module.Feedback })));
-const Routing = ({ basePath = "", customerId, locale, I18n, authToken, onI18nError, onNotAccessible, useRedirect, }) => {
+const Routing = ({ basePath = "", customerId, locale, I18n, authToken, menu, onI18nError, onNotAccessible, useRedirect, }) => {
     const routes = useRoutes([
         {
             path: "",
@@ -19,7 +19,7 @@ const Routing = ({ basePath = "", customerId, locale, I18n, authToken, onI18nErr
                 React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible },
                     React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
                         React.createElement(CheckoutMiddleware, { customerId: customerId },
-                            React.createElement(App, { customerId: customerId },
+                            React.createElement(App, { customerId: customerId, menu: menu },
                                 React.createElement(Outlet, null))))))),
             children: [
                 {

package/dist/src/infrastructure/ui/views/App.d.ts

@@ -1,6 +1,8 @@
 import { FC } from "react";
+import { Menu } from "./header/Header";
 interface AppProps {
     readonly customerId: string;
+    readonly menu: Menu;
     readonly children: JSX.Element;
 }
 declare const App: FC<AppProps>;

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

@@ -5,8 +5,8 @@ import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Notifications } from "../../../shared/notifications/infrastructure/ui/views/Notifications";
 import { style } from "./App.style";
 import { Header } from "./header/Header";
-const App = ({ customerId, children }) => (React.createElement(SafeAreaProvider, null,
-    React.createElement(Header, { customerId: customerId, style: style.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(PortalProvider, null,
         React.createElement(View, { style: style.body }, children))));

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

@@ -1,8 +1,15 @@
 import { FC } from "react";
 import { StyleProp, ViewStyle } from "react-native";
+interface MenuProps {
+    readonly visible: boolean;
+    readonly onClose: () => void;
+}
+type Menu = FC<MenuProps>;
 interface HeaderProps {
     readonly customerId: string;
+    readonly menu: Menu;
     readonly style?: StyleProp<ViewStyle>;
 }
 declare const Header: FC<HeaderProps>;
+export type { Menu };
 export { Header };

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

@@ -1,6 +1,6 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
+import React, { useCallback, useState } from "react";
 import { View } from "react-native";
 import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
@@ -57,7 +57,7 @@ const CheckoutHeader = ({ style: customStyle }) => {
         React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
         React.createElement(ButtonIconPlaceholder, null)));
 };
-const Header = ({ customerId, style: customStyle }) => {
+const Header = ({ customerId, menu: Menu, style: customStyle }) => {
     const { top: safeAreaInsetTop } = useSafeAreaInsets();
     const { id: itemId } = useParams();
     const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -66,9 +66,9 @@ const Header = ({ customerId, style: customStyle }) => {
     const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
     const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
     const checkoutRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}`);
-    const handleOnOpenMenu = useCallback(() => {
-        console.log("open menu");
-    }, []);
+    const [menuVisible, setMenuVisible] = useState(false);
+    const handleOnOpenMenu = useCallback(() => setMenuVisible(true), []);
+    const handleOnCloseMenu = useCallback(() => setMenuVisible(false), []);
     let header;
     if (checkout?.items && currentItem) {
         if (itemRouteMatch) {
@@ -84,6 +84,8 @@ const Header = ({ customerId, style: customStyle }) => {
     else {
         header = React.createElement(DefaultHeader, { style: style.header, onOpenMenu: handleOnOpenMenu });
     }
-    return (React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, { paddingTop: safeAreaInsetTop }, customStyle] }, header));
+    return (React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, { paddingTop: safeAreaInsetTop }, customStyle] },
+        header,
+        React.createElement(Menu, { visible: menuVisible, onClose: handleOnCloseMenu })));
 };
 export { Header };

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

@@ -1,11 +1,11 @@
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { View } from "react-native";
-import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
+import { useParams } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
+import { useBookCheckouBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem";
 import { useKeepCheckoutItem } from "../../../domain/checkoutItem/react/useKeepCheckoutItem";
 import { useReplaceCheckoutItem } from "../../../domain/checkoutItem/react/useReplaceCheckoutItem";
 import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
@@ -15,8 +15,6 @@ import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/retu
 import { Body } from "../../components/layouts/body/Body";
 import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
 import { style } from "./Item.style";
 import { CustomerDecissionBanner } from "./components/banner/CustomerDecissionBanner";
 import { ItemActions } from "./components/itemActions/ItemActions";
@@ -30,60 +28,33 @@ const Item = ({ customerId }) => {
     const { id } = useParams();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
-    const basePath = useBasePath();
-    const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
-    const firstItemWithoutCustomerDecision = checkout?.items.find((item) => [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status));
-    const navigate = useNavigate();
-    const navigateToNextItem = useCallback(() => {
-        if (itemRouteMatch && firstItemWithoutCustomerDecision) {
-            navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }));
-        }
-    }, [basePath, firstItemWithoutCustomerDecision, itemRouteMatch, navigate]);
-    const [customerDecissionMade, setCustomerDecissionMade] = useState(false);
+    const [customerDecissionMade, setCustomerDecissionMade] = useState(() => checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED);
     const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(!customerDecissionMade), [customerDecissionMade]);
-    useEffect(() => {
-        setCustomerDecissionMade(checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED);
-    }, [checkoutItem]);
-    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
-    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-    });
-    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-    });
-    useEffect(() => {
-        if (keepCheckoutItemStatus === CommandStatus.SUCCESS) {
-            navigateToNextItem();
-        }
-    }, [keepCheckoutItemStatus, navigateToNextItem]);
-    useEffect(() => {
-        if (returnCheckoutItemStatus === CommandStatus.SUCCESS) {
-            navigateToNextItem();
-        }
-    }, [returnCheckoutItemStatus, navigateToNextItem]);
     const [sizeWithoutStockModalVisible, setSizeWithoutStockModalVisible] = useState(false);
     const handleOnShowSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(true), []);
     const handleOnHideSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(false), []);
     const [sizeChangeModalVisible, setSizeChangeModalVisible] = useState(false);
     const handleOnShowSizeChangeModal = useCallback(() => setSizeChangeModalVisible(true), []);
-    const handleOnHideSizeChangeModal = useCallback(() => {
-        setSizeChangeModalVisible(false);
-        if (replaceCheckoutItemStatus === CommandStatus.SUCCESS) {
-            navigateToNextItem();
-        }
-    }, [navigateToNextItem, replaceCheckoutItemStatus]);
+    const handleOnHideSizeChangeModal = useCallback(() => setSizeChangeModalVisible(false), []);
     const [bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariantsStatus] = useViewBookedSizeChangeProductsVariantsForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
-    const [bookCheckouBooking] = useBookCheckoutBookingForCheckoutItem({
+    const [bookCheckouBooking] = useBookCheckouBookingForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
     useEffect(() => {
-        checkout && !checkout?.checkoutBookingId && bookCheckouBooking();
-    }, [bookCheckouBooking, checkout]);
+        bookedSizeChangeProductsVariants === null && bookCheckouBooking();
+    }, [bookCheckouBooking, bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariants?.bookingId]);
     const [returnQuestions, returnQuestionsStatus] = useListReturnQuestionsByCheckoutItemId({
         checkoutItemId: checkoutItem.id,
     });
+    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
+    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
+    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
     const [stickyHeight, setStickyHeight] = useState(0);
     const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
     const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
@@ -94,17 +65,22 @@ const Item = ({ customerId }) => {
         handleOnHideReturnQuestions();
         returnCheckoutItem({ feedbacks });
     }, [handleOnHideReturnQuestions, returnCheckoutItem]);
-    const handleOnReplace = useCallback((replacedForId) => {
+    const handleOnReplace = useCallback((replacedFor) => {
         handleOnShowSizeChangeModal();
-        replaceCheckoutItem({ replacedForId });
+        replaceCheckoutItem({ replacedFor });
     }, [handleOnShowSizeChangeModal, replaceCheckoutItem]);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const productVariantSelected = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
-        ? { id: checkoutItem.replacedFor.id, size: checkoutItem.replacedFor.size }
-        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [checkoutItem.productVariant.id, checkoutItem.productVariant.size, checkoutItem.replacedFor, checkoutItem.status]);
+    const productVariantSelected = useMemo(() => checkoutItem.replacedFor
+        ? bookedSizeChangeProductsVariants?.productVariants.find((productVariant) => productVariant.id === checkoutItem.replacedFor)
+        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [
+        bookedSizeChangeProductsVariants?.productVariants,
+        checkoutItem.productVariant.id,
+        checkoutItem.productVariant.size,
+        checkoutItem.replacedFor,
+    ]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
-        (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
+        dependenciesLoadedStatuses.includes(checkoutStatus) &&
         dependenciesLoadedStatuses.includes(bookedSizeChangeProductsVariantsStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);

package/dist/src/infrastructure/ui/views/summary/components/checkoutItemsTabs/CheckoutItemsTabs.js

@@ -2,13 +2,12 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback } from "react";
 import { View } from "react-native";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { Tabs } from "../../../../components/layouts/tabs/Tabs";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { ProductVariant } from "../../../item/components/productVariant/ProductVariant";
 import { style } from "./CheckoutItemsTabs.style";
-const CheckoutItem = ({ checkoutItemStatus, checkoutItemProductVariant, checkoutItemPrice, discarded = false, testID, style: customStyle, onPress, }) => (React.createElement(View, { style: style.checkoutItem, testID: testID },
-    React.createElement(ProductVariant, { brand: checkoutItemProductVariant.brand, color: checkoutItemProductVariant.color, discarded: discarded, media: checkoutItemProductVariant.media, name: checkoutItemProductVariant.name, price: checkoutItemPrice, size: checkoutItemProductVariant.size, status: checkoutItemStatus, style: customStyle, onPress: onPress })));
+const CheckoutItem = ({ checkoutItem, discarded = false, testID, style: customStyle, onPress, }) => (React.createElement(View, { style: style.checkoutItem, testID: testID },
+    React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, discarded: discarded, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, size: checkoutItem.productVariant.size, status: checkoutItem.status, style: customStyle, onPress: onPress })));
 const CheckoutItemsTabs = ({ checkoutItemsKept, checkoutItemsReturned, onPressItem }) => {
     const keepTabText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_TAB });
     const returnTabText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_TAB });
@@ -16,9 +15,7 @@ const CheckoutItemsTabs = ({ checkoutItemsKept, checkoutItemsReturned, onPressIt
     const returnEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_EMPTY });
     const handleOnPressItem = useCallback((checkoutItemId) => onPressItem(checkoutItemId), [onPressItem]);
     return (React.createElement(Tabs, { style: { sliderContainer: style.sliderContainer }, tabLabels: [`${keepTabText} (${checkoutItemsKept.length})`, `${returnTabText} (${checkoutItemsReturned.length})`] },
-        React.createElement(React.Fragment, null, checkoutItemsKept.length === 0 ? (React.createElement(Text, null, keepEmptyText)) : (checkoutItemsKept.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemStatus: checkoutItem.status, testID: "keep-checkout-item", checkoutItemProductVariant: checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
-                ? checkoutItem.replacedFor
-                : checkoutItem.productVariant, onPress: () => handleOnPressItem(checkoutItem.id) }))))),
-        React.createElement(React.Fragment, null, checkoutItemsReturned.length === 0 ? (React.createElement(Text, null, returnEmptyText)) : (checkoutItemsReturned.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemProductVariant: checkoutItem.productVariant, checkoutItemStatus: checkoutItem.status, style: { image: style.returnCheckoutItem }, testID: "return-checkout-item", discarded: true, onPress: () => handleOnPressItem(checkoutItem.id) })))))));
+        React.createElement(React.Fragment, null, checkoutItemsKept.length === 0 ? (React.createElement(Text, null, keepEmptyText)) : (checkoutItemsKept.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItem: checkoutItem, testID: "keep-checkout-item", onPress: () => handleOnPressItem(checkoutItem.id) }))))),
+        React.createElement(React.Fragment, null, checkoutItemsReturned.length === 0 ? (React.createElement(Text, null, returnEmptyText)) : (checkoutItemsReturned.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItem: checkoutItem, style: { image: style.returnCheckoutItem }, testID: "return-checkout-item", discarded: true, onPress: () => handleOnPressItem(checkoutItem.id) })))))));
 };
 export { CheckoutItemsTabs };

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

@@ -44,9 +44,9 @@ const Pricing = ({ orderTotal, subtotal, balanceDiscount, discount, discountPerc
                 React.createElement(Button, { busy: busy, small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(animated.View, { style: { opacity: notCollapsedStyle.opacitiy } },
             React.createElement(Row, { text: `${subtotalText} ${totalCheckoutItemsKeptText}` },
                 React.createElement(Price, { price: subtotal, variant: "subtotal" })),
-            discount && discount.amount !== 0 && (React.createElement(Row, { text: discountText },
+            discount && (React.createElement(Row, { text: discountText },
                 React.createElement(Price, { price: discount, variant: "subtotal" }))),
-            balanceDiscount && balanceDiscount.amount !== 0 && (React.createElement(Row, { text: creditText },
+            balanceDiscount && (React.createElement(Row, { text: creditText },
                 React.createElement(Price, { price: balanceDiscount, variant: "subtotal" }))),
             React.createElement(Row, { text: feeText }, isPSServiceFree ? (React.createElement(Text, { level: 3, style: style.uppercase, action: true }, freeText)) : (React.createElement(Price, { price: service.finalPrice, variant: "subtotal" }))),
             React.createElement(View, { style: style.divider }),

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

@@ -4,6 +4,7 @@ interface ProductVariantProjection {
     readonly size: SizeProjection;
 }
 interface BookedSizeChangeProductsVariantsProjection {
+    readonly bookingId: string;
     readonly productVariants: ProductVariantProjection[];
 }
 export type { BookedSizeChangeProductsVariantsProjection, ProductVariantProjection };

package/dist/src/projection/checkout/checkout.d.ts

@@ -4,7 +4,7 @@ interface CheckoutProjection {
     readonly id: string;
     readonly customerId: string;
     readonly boxId: string;
-    readonly checkoutBookingId: string;
+    readonly bookingId: string;
     readonly status: CheckoutStatus;
     readonly expiresOn: Date;
     readonly items: CheckoutItemProjection[];

package/dist/src/projection/checkoutBooking/checkoutBooking.d.ts

@@ -1,7 +1,5 @@
-import { CheckoutStatus } from "../../domain/checkout/model/checkout";
 interface CheckoutBookingProjection {
     readonly id: string;
     readonly checkoutItemIds: string[];
-    readonly checkoutStatus: CheckoutStatus;
 }
 export type { CheckoutBookingProjection };

package/dist/src/projection/checkoutItem/checkoutItem.d.ts

@@ -37,7 +37,7 @@ interface CheckoutItemProjection {
     readonly id: string;
     readonly status: CheckoutItemStatus;
     readonly price: PriceProjection;
-    readonly replacedFor: CheckoutItemProductVariantProjection | null;
+    readonly replacedFor?: string;
     readonly productVariant: CheckoutItemProductVariantProjection;
     readonly feedbacks: FeedbackProjection;
 }

package/dist/src/projection/pricing/pricing.d.ts

@@ -9,9 +9,9 @@ interface ServiceProjection {
 interface PricingProjection {
     readonly orderTotal: PriceProjection;
     readonly subtotal: PriceProjection;
-    readonly balanceDiscount: PriceProjection;
-    readonly discount: PriceProjection;
-    readonly discountPercentage: number;
+    readonly balanceDiscount?: PriceProjection;
+    readonly discount?: PriceProjection;
+    readonly discountPercentage?: number;
     readonly service: ServiceProjection;
 }
 export type { PricingProjection, ServiceProjection };

package/package.json

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

package/dist/src/domain/checkoutBooking/command/blockCheckoutBooking.d.ts

@@ -1,13 +0,0 @@
-import { Command } from "@lookiero/messaging";
-declare const BLOCK_CHECKOUT_BOOKING = "block_checkout_booking";
-interface BlockCheckoutBookingPayload {
-    readonly aggregateId: string;
-}
-interface BlockCheckoutBooking extends Command<typeof BLOCK_CHECKOUT_BOOKING>, BlockCheckoutBookingPayload {
-}
-interface BlockCheckoutBookingFunction {
-    (payload: BlockCheckoutBookingPayload): BlockCheckoutBooking;
-}
-declare const blockCheckoutBooking: BlockCheckoutBookingFunction;
-export type { BlockCheckoutBooking };
-export { BLOCK_CHECKOUT_BOOKING, blockCheckoutBooking };

package/dist/src/domain/checkoutBooking/command/blockCheckoutBooking.js

@@ -1,4 +0,0 @@
-import { command } from "@lookiero/messaging";
-const BLOCK_CHECKOUT_BOOKING = "block_checkout_booking";
-const blockCheckoutBooking = ({ aggregateId }) => command({ aggregateId, name: BLOCK_CHECKOUT_BOOKING });
-export { BLOCK_CHECKOUT_BOOKING, blockCheckoutBooking };

package/dist/src/domain/checkoutBooking/model/checkoutBookingBlocked.d.ts

@@ -1,13 +0,0 @@
-import { DomainEvent } from "@lookiero/messaging";
-declare const CHECKOUT_BOOKING_BLOCKED = "checkout_booking_blocked";
-interface CheckoutBookingBlokedPaylcoad {
-    readonly aggregateId: string;
-}
-interface CheckoutBookingBlocked extends DomainEvent<typeof CHECKOUT_BOOKING_BLOCKED>, CheckoutBookingBlokedPaylcoad {
-}
-interface CheckoutBookingBlokedFunctcion {
-    (payload: CheckoutBookingBlokedPaylcoad): CheckoutBookingBlocked;
-}
-declare const checkoutBookingBlocked: CheckoutBookingBlokedFunctcion;
-export type { CheckoutBookingBlocked };
-export { CHECKOUT_BOOKING_BLOCKED, checkoutBookingBlocked };

package/dist/src/domain/checkoutBooking/model/checkoutBookingBlocked.js

@@ -1,4 +0,0 @@
-import { domainEvent } from "@lookiero/messaging";
-const CHECKOUT_BOOKING_BLOCKED = "checkout_booking_blocked";
-const checkoutBookingBlocked = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_BOOKING_BLOCKED });
-export { CHECKOUT_BOOKING_BLOCKED, checkoutBookingBlocked };

package/dist/src/domain/checkoutBooking/model/checkoutBookingExpired.d.ts

@@ -1,13 +0,0 @@
-import { DomainEvent } from "@lookiero/messaging";
-declare const CHECKOUT_BOOKING_EXPIRED = "checkout_booking_expired";
-interface CheckoutBookingExpiredPayload {
-    readonly aggregateId: string;
-}
-interface CheckoutBookingExpired extends DomainEvent<typeof CHECKOUT_BOOKING_EXPIRED>, CheckoutBookingExpiredPayload {
-}
-interface CheckoutBookingExpiredFunction {
-    (payload: CheckoutBookingExpiredPayload): CheckoutBookingExpired;
-}
-declare const checkoutBookingExpired: CheckoutBookingExpiredFunction;
-export type { CheckoutBookingExpired };
-export { CHECKOUT_BOOKING_EXPIRED, checkoutBookingExpired };

package/dist/src/domain/checkoutBooking/model/checkoutBookingExpired.js

@@ -1,4 +0,0 @@
-import { domainEvent } from "@lookiero/messaging";
-const CHECKOUT_BOOKING_EXPIRED = "checkout_booking_expired";
-const checkoutBookingExpired = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_BOOKING_EXPIRED });
-export { CHECKOUT_BOOKING_EXPIRED, checkoutBookingExpired };

package/dist/src/infrastructure/domain/checkoutBooking/model/httpCheckoutBookingsBlock.d.ts

@@ -1,5 +0,0 @@
-import { HttpCheckoutBookingsSaveFunction } from "./httpCheckoutBookings";
-interface HttpCheckoutBookingsBlockFunction extends HttpCheckoutBookingsSaveFunction {
-}
-declare const httpCheckoutBookingsBlock: HttpCheckoutBookingsBlockFunction;
-export { httpCheckoutBookingsBlock };

package/dist/src/infrastructure/domain/checkoutBooking/model/httpCheckoutBookingsBlock.js

@@ -1,15 +0,0 @@
-import { CHECKOUT_BOOKING_BLOCKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBlocked";
-const isCheckoutBookingBlocked = (event) => event.name === CHECKOUT_BOOKING_BLOCKED;
-const httpCheckoutBookingsBlock = ({ httpPost }) => async ({ aggregateId, domainEvents }) => {
-    const checkoutBookingBlocked = domainEvents.find(isCheckoutBookingBlocked);
-    if (!checkoutBookingBlocked) {
-        return;
-    }
-    await httpPost({
-        endpoint: "/block-checkout-booking",
-        body: {
-            checkoutBookingId: aggregateId,
-        },
-    });
-};
-export { httpCheckoutBookingsBlock };