@lookiero/checkout 0.8.17 → 0.8.18

package/dist/domain/checkout/event/createModalNotificationWhenCheckoutSubmitted.d.ts

@@ -0,0 +1,7 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutSubmitted } from "../model/checkoutSubmitted";
+declare const CHECKOUT_SUCCESS_NOTIFICATION_ID = "fa25dcdd-9f5d-4760-9e6f-27174205b1fa";
+interface CreateModalNotificationWhenCheckoutSubmittedFunction extends ProcessManagerFunction<CheckoutSubmitted> {
+}
+declare const createModalNotificationWhenCheckoutSubmitted: CreateModalNotificationWhenCheckoutSubmittedFunction;
+export { createModalNotificationWhenCheckoutSubmitted, CHECKOUT_SUCCESS_NOTIFICATION_ID };

package/dist/domain/checkout/event/createModalNotificationWhenCheckoutSubmitted.js

@@ -0,0 +1,12 @@
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createModalNotification } from "../../../shared/notifications/domain/notification/command/createModalNotification";
+const CHECKOUT_SUCCESS_NOTIFICATION_ID = "fa25dcdd-9f5d-4760-9e6f-27174205b1fa";
+const createModalNotificationWhenCheckoutSubmitted = ({ commandBus }) => async () => {
+    await commandBus(createModalNotification({
+        aggregateId: CHECKOUT_SUCCESS_NOTIFICATION_ID,
+        titleI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_TITLE,
+        bodyI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_DESCRIPTION,
+        acceptI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_BUTTON,
+    }));
+};
+export { createModalNotificationWhenCheckoutSubmitted, CHECKOUT_SUCCESS_NOTIFICATION_ID };

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

@@ -0,0 +1,7 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutBookingExpired } from "../model/checkoutBookingExpired";
+declare const CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID = "d423934e-2499-46ab-8cfb-39e1e398237e";
+interface CreateToastNotificationWhenCheckoutBookingExpiredFunction extends ProcessManagerFunction<CheckoutBookingExpired> {
+}
+declare const createToastNotificationWhenCheckoutBookingExpired: CreateToastNotificationWhenCheckoutBookingExpiredFunction;
+export { createToastNotificationWhenCheckoutBookingExpired, CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID };

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

@@ -0,0 +1,13 @@
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createToastNotification } from "../../../shared/notifications/domain/notification/command/createToastNotification";
+import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
+const CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID = "d423934e-2499-46ab-8cfb-39e1e398237e";
+const createToastNotificationWhenCheckoutBookingExpired = ({ commandBus }) => async () => {
+    await commandBus(createToastNotification({
+        aggregateId: CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID,
+        level: NotificationLevel.ERROR,
+        titleI18nKey: undefined,
+        bodyI18nKey: I18nMessages.CHECKOUT_TOAST_BOOKING_EXPIRED,
+    }));
+};
+export { createToastNotificationWhenCheckoutBookingExpired, CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID };

package/dist/domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced.d.ts

@@ -0,0 +1,7 @@
+import { ProcessManagerFunction } from "@lookiero/messaging";
+import { CheckoutItemReplaced } from "../model/checkoutItemReplaced";
+declare const SIZE_CHANGE_NOTIFICATION_ID = "ce89b8b2-e025-4b54-8cdc-52520dc3dd23";
+interface CreateModalNotificationWhenCheckoutItemReplacedFunction extends ProcessManagerFunction<CheckoutItemReplaced> {
+}
+declare const createModalNotificationWhenCheckoutItemReplaced: CreateModalNotificationWhenCheckoutItemReplacedFunction;
+export { createModalNotificationWhenCheckoutItemReplaced, SIZE_CHANGE_NOTIFICATION_ID };

package/dist/domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced.js

@@ -0,0 +1,12 @@
+import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
+import { createModalNotification } from "../../../shared/notifications/domain/notification/command/createModalNotification";
+const SIZE_CHANGE_NOTIFICATION_ID = "ce89b8b2-e025-4b54-8cdc-52520dc3dd23";
+const createModalNotificationWhenCheckoutItemReplaced = ({ commandBus }) => async () => {
+    await commandBus(createModalNotification({
+        aggregateId: SIZE_CHANGE_NOTIFICATION_ID,
+        titleI18nKey: I18nMessages.SIZE_CHANGE_MODAL_TITLE,
+        bodyI18nKey: I18nMessages.SIZE_CHANGE_MODAL_DESCRIPTION,
+        acceptI18nKey: I18nMessages.SIZE_CHANGE_MODAL_BUTTON,
+    }));
+};
+export { createModalNotificationWhenCheckoutItemReplaced, SIZE_CHANGE_NOTIFICATION_ID };

package/dist/domain/checkoutItem/model/checkoutItem.js

@@ -39,6 +39,7 @@ const resetCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
     const { aggregateId } = command;
     return {
         ...aggregateRoot,
+        status: CheckoutItemStatus.INITIAL,
         domainEvents: [checkoutItemReset({ aggregateId })],
     };
 };

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -1,10 +1,12 @@
 import { bootstrap as messagingBootstrap } from "@lookiero/messaging-react";
 import { START_CHECKOUT } from "../../domain/checkout/command/startCheckout";
 import { SUBMIT_CHECKOUT } from "../../domain/checkout/command/submitCheckout";
+import { createModalNotificationWhenCheckoutSubmitted } from "../../domain/checkout/event/createModalNotificationWhenCheckoutSubmitted";
 import { submitCheckoutHandler, startCheckoutHandler } from "../../domain/checkout/model/checkout";
+import { CHECKOUT_SUBMITTED } from "../../domain/checkout/model/checkoutSubmitted";
 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 { createToastNotificationWhenCheckoutBookingExpired } from "../../domain/checkoutBooking/event/createToastNotificationWhenCheckoutBookingExpired";
 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";
@@ -13,7 +15,9 @@ import { KEEP_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/keepChecko
 import { REPLACE_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/replaceCheckoutItem";
 import { RESET_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/resetCheckoutItem";
 import { RETURN_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/returnCheckoutItem";
+import { createModalNotificationWhenCheckoutItemReplaced } from "../../domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced";
 import { keepCheckoutItemHandler, replaceCheckoutItemHandler, resetCheckoutItemHandler, returnCheckoutItemHandler, } from "../../domain/checkoutItem/model/checkoutItem";
+import { CHECKOUT_ITEM_REPLACED } from "../../domain/checkoutItem/model/checkoutItemReplaced";
 import { UPDATE_UI_SETTING } from "../../domain/uiSetting/command/updateUiSetting";
 import { updateUiSettingHandler } from "../../domain/uiSetting/model/uiSetting";
 import { viewBookedProductsVariantsForCheckoutItemHandler, VIEW_BOOKED_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, } from "../../projection/bookedProductsVariants/viewBookedProductVariantsForCheckoutItem";
@@ -81,7 +85,9 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
         view: uiSettingByKeyView,
     })
         .command(UPDATE_UI_SETTING, updateUiSettingHandler)(getUiSetting, saveUiSetting, ...uiSettingsDependencies)
-        .processManager(CHECKOUT_BOOKING_EXPIRED, createNotificationWhenCheckoutBookingExpired);
+        .processManager(CHECKOUT_BOOKING_EXPIRED, createToastNotificationWhenCheckoutBookingExpired)
+        .processManager(CHECKOUT_ITEM_REPLACED, createModalNotificationWhenCheckoutItemReplaced)
+        .processManager(CHECKOUT_SUBMITTED, createModalNotificationWhenCheckoutSubmitted);
     messaging = bootstrapNotifications({ messaging, storage: inMemoryStorageNotifications() });
     return messaging.build();
 };

package/dist/infrastructure/delivery/mock/checkoutDataSource.js

@@ -6,7 +6,10 @@ const checkoutDataSource = ({ data: initialData }) => {
     };
     const getCheckoutItem = (id) => data.items.find((item) => item.id === id) || null;
     const saveCheckoutItem = (checkoutItem) => {
-        data = { ...data, items: data.items.map((item) => (item.id === checkoutItem.id ? checkoutItem : item)) };
+        data = {
+            ...data,
+            items: data.items.map((item) => item.id === checkoutItem.id ? { ...checkoutItem, productVariant: item.productVariant } : item),
+        };
     };
     return {
         getCheckout,

package/dist/infrastructure/domain/checkout/react/useSubmitCheckout.js

@@ -2,13 +2,13 @@ import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import invariant from "tiny-invariant";
 import { submitCheckout } from "../../../../domain/checkout/command/submitCheckout";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useSubmitCheckout = ({ checkoutId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const submit = useCallback(async () => {
         invariant(checkoutId, "CheckoutId must be defined in order to submit checkout");
         try {

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

@@ -1,13 +1,13 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { blockCheckoutBooking as blockCheckoutBookingCommand } from "../../../../domain/checkoutBooking/command/blockCheckoutBooking";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useBlockCheckoutBooking = ({ checkoutBookingId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const blockCheckoutBooking = useCallback(async () => {
         try {
             await commandBus(blockCheckoutBookingCommand({

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

@@ -2,13 +2,13 @@ import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { v4 as uuid } from "uuid";
 import { bookCheckoutBookingForCheckoutItem } from "../../../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useBookCheckoutBookingForCheckoutItem = ({ checkoutItemId, checkoutBookingId, logger, }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const book = useCallback(async () => {
         try {
             await commandBus(bookCheckoutBookingForCheckoutItem({

package/dist/infrastructure/domain/checkoutFeedback/react/useGiveCheckoutFeedback.js

@@ -1,13 +1,13 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { giveCheckoutFeedback as giveCheckoutFeedbackCommand } from "../../../../domain/checkoutFeedback/command/giveCheckoutFeedback";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useGiveCheckoutFeedback = ({ checkoutId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const giveCheckoutFeedback = useCallback(async ({ feedbacks }) => {
         try {
             await commandBus(giveCheckoutFeedbackCommand({

package/dist/infrastructure/domain/checkoutItem/react/useKeepCheckoutItem.js

@@ -1,18 +1,16 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { keepCheckoutItem } from "../../../../domain/checkoutItem/command/keepCheckoutItem";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useKeepCheckoutItem = ({ checkoutItemId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const keep = useCallback(async () => {
         try {
-            await commandBus(keepCheckoutItem({
-                aggregateId: checkoutItemId,
-            }));
+            await commandBus(keepCheckoutItem({ aggregateId: checkoutItemId }));
         }
         catch (error) {
             logger.captureException(error);

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

@@ -1,19 +1,16 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { replaceCheckoutItem } from "../../../../domain/checkoutItem/command/replaceCheckoutItem";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useReplaceCheckoutItem = ({ checkoutItemId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const replace = useCallback(async ({ replacedForId }) => {
         try {
-            await commandBus(replaceCheckoutItem({
-                aggregateId: checkoutItemId,
-                replacedForId,
-            }));
+            await commandBus(replaceCheckoutItem({ aggregateId: checkoutItemId, replacedForId }));
         }
         catch (error) {
             logger.captureException(error);

package/dist/infrastructure/domain/checkoutItem/react/useResetCheckoutItem.js

@@ -1,18 +1,16 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { resetCheckoutItem } from "../../../../domain/checkoutItem/command/resetCheckoutItem";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useResetCheckoutItem = ({ checkoutItemId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const reset = useCallback(async () => {
         try {
-            await commandBus(resetCheckoutItem({
-                aggregateId: checkoutItemId,
-            }));
+            await commandBus(resetCheckoutItem({ aggregateId: checkoutItemId }));
         }
         catch (error) {
             logger.captureException(error);

package/dist/infrastructure/domain/checkoutItem/react/useReturnCheckoutItem.js

@@ -1,19 +1,16 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { returnCheckoutItem as returnCheckoutItemCommand } from "../../../../domain/checkoutItem/command/returnCheckoutItem";
-import { useCreateNotification } from "../../../../shared/notifications";
+import { useCreateToastNotification } from "../../../../shared/notifications";
 import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { I18nMessages } from "../../../ui/i18n/i18n";
 const useReturnCheckoutItem = ({ checkoutItemId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const returnCheckoutItem = useCallback(async ({ feedbacks }) => {
         try {
-            await commandBus(returnCheckoutItemCommand({
-                aggregateId: checkoutItemId,
-                feedbacks,
-            }));
+            await commandBus(returnCheckoutItemCommand({ aggregateId: checkoutItemId, feedbacks }));
         }
         catch (error) {
             logger.captureException(error);

package/dist/infrastructure/projection/bookedProductsVariants/react/useViewBookedProductsVariantsForCheckoutItem.js

@@ -1,12 +1,15 @@
 import { useQuery } from "@lookiero/messaging-react";
 import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
+import { CHECKOUT_BOOKING_EXPIRED } from "../../../../domain/checkoutBooking/model/checkoutBookingExpired";
 import { viewBookedProductsVariantsForCheckoutItem } from "../../../../projection/bookedProductsVariants/viewBookedProductVariantsForCheckoutItem";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKED;
+const isCheckoutBookingExpired = (event) => event.name === CHECKOUT_BOOKING_EXPIRED;
+const shouldInvalidate = (event) => isCheckoutBookingBooked(event) || isCheckoutBookingExpired(event);
 const useViewBookedProductsVariantsForCheckoutItem = ({ checkoutItemId, }) => useQuery({
     query: viewBookedProductsVariantsForCheckoutItem({ checkoutItemId }),
     contextId: MESSAGING_CONTEXT_ID,
-    invalidation: isCheckoutBookingBooked,
+    invalidation: shouldInvalidate,
     options: { refetchOnMount: "always", staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewBookedProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/checkout/react/useViewFiveItemsDiscountByCustomerId.js

@@ -4,6 +4,6 @@ import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useViewFiveItemsDiscountByCustomerId = ({ customerId }) => useQuery({
     query: viewFiveItemsDiscountByCustomerId({ customerId }),
     contextId: MESSAGING_CONTEXT_ID,
-    options: { refetchOnMount: "always", staleTime: Infinity, cacheTime: 0 },
+    options: { staleTime: Infinity },
 });
 export { useViewFiveItemsDiscountByCustomerId };

package/dist/infrastructure/projection/checkoutQuestion/react/useListCheckoutQuestionsByCheckoutId.js

@@ -4,6 +4,6 @@ import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useListCheckoutQuestionsByCheckoutId = ({ checkoutId }) => useQuery({
     query: listCheckoutQuestionsByCheckoutId({ checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,
-    options: { refetchOnMount: "always", staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useListCheckoutQuestionsByCheckoutId };

package/dist/infrastructure/projection/payment/react/useViewPaymentFlowPayloadByCheckoutId.js

@@ -1,13 +1,18 @@
 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_RESET } from "../../../../domain/checkoutItem/model/checkoutItemReset";
 import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
 import { viewPaymentFlowPayloadByCheckoutId } from "../../../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
 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 isCheckoutItemReset = (event) => event.name === CHECKOUT_ITEM_RESET;
+const shouldInvalidate = (event) => isCheckoutItemKept(event) ||
+    isCheckoutItemReplaced(event) ||
+    isCheckoutItemReturned(event) ||
+    isCheckoutItemReset(event);
 const useViewPaymentFlowPayloadByCheckoutId = ({ checkoutId }) => useQuery({
     query: viewPaymentFlowPayloadByCheckoutId({ checkoutId: checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,

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

@@ -1,13 +1,18 @@
 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_RESET } from "../../../../domain/checkoutItem/model/checkoutItemReset";
 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 isCheckoutItemReset = (event) => event.name === CHECKOUT_ITEM_RESET;
+const shouldInvalidate = (event) => isCheckoutItemKept(event) ||
+    isCheckoutItemReplaced(event) ||
+    isCheckoutItemReturned(event) ||
+    isCheckoutItemReset(event);
 const useViewPricingByCheckoutId = ({ checkoutId }) => useQuery({
     query: viewPricingByCheckoutId({ checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,

package/dist/infrastructure/projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId.js

@@ -4,6 +4,6 @@ import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useListReturnQuestionsByCheckoutItemId = ({ checkoutItemId }) => useQuery({
     query: listReturnQuestionsByCheckoutItemId({ checkoutItemId }),
     contextId: MESSAGING_CONTEXT_ID,
-    options: { refetchOnMount: "always", staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useListReturnQuestionsByCheckoutItemId };

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

@@ -1,6 +1,6 @@
 import { useEvent } from "@lookiero/event";
 import { useCallback, useEffect } from "react";
-import { useCreateNotification } from "../../../shared/notifications";
+import { useCreateToastNotification } from "../../../shared/notifications";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { I18nMessages } from "../i18n/i18n";
 import { useToast } from "./useToast";
@@ -9,7 +9,7 @@ const PAYMENT_SUCCESS = "PAYMENT_INSTRUMENT_UPDATED";
 const usePaymentInstrumentEvents = ({ logger }) => {
     const { subscribe, unsubscribe } = useEvent();
     const { showError, showSuccess } = useToast();
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const onSuccess = useCallback(({ message }) => showSuccess({ message: message.id }), [showSuccess]);
     const onError = useCallback(({ error }) => {
         if (error.toaster) {

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

@@ -1,7 +1,7 @@
 import { CommandStatus } from "@lookiero/messaging-react";
 import { ChargeStatus } from "@lookiero/payments-front/build/infrastructure/CheckoutAPI";
 import { useCallback, useMemo, useState } from "react";
-import { useCreateNotification } from "../../../shared/notifications";
+import { useCreateToastNotification } from "../../../shared/notifications";
 import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { useSubmitCheckout as useSubmitCheckoutCommand } from "../../domain/checkout/react/useSubmitCheckout";
@@ -10,7 +10,7 @@ import { I18nMessages } from "../i18n/i18n";
 const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onError, logger, }) => {
     const [submitCheckoutCommand, submitCheckoutCommandStatus] = useSubmitCheckoutCommand({ checkoutId, logger });
     const [blockCheckoutBooking, blockCheckoutBookingStatus] = useBlockCheckoutBooking({ checkoutBookingId, logger });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const [startLegacyBoxCheckoutStatus, setStartLegacyBoxCheckoutStatus] = useState("idle");
     const submitCheckout = useCallback(async ({ paymentFlowPayload }) => {
         try {

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

@@ -1,6 +1,5 @@
-import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useEffect, useRef } from "react";
-import { generatePath, Navigate, useMatch } from "react-router-native";
+import { generatePath, Navigate, useMatch, useNavigate } from "react-router-native";
 import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { useLogger } from "../../../shared/logging/useLogger";
@@ -12,54 +11,73 @@ import { useBasePath } from "./useBasePath";
 const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null), children }) => {
     const logger = useLogger();
     const basePath = useBasePath();
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const firstItemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
-    const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id, logger });
-    useEffect(() => {
-        if (checkout?.id) {
-            startCheckout();
-        }
-    }, [checkout?.id, startCheckout]);
+    const navigate = useNavigate();
+    const navigateRef = useRef(navigate);
+    navigateRef.current = navigate;
     const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
+    const itemRouteMatchRef = useRef(itemRouteMatch);
+    itemRouteMatchRef.current = itemRouteMatch;
     const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
+    const itemDetailRouteMatchRef = useRef(itemDetailRouteMatch);
+    itemDetailRouteMatchRef.current = itemDetailRouteMatch;
     const summaryRouteMatch = useMatch(`${basePath}/${Routes.SUMMARY}`);
+    const summaryRouteMatchRef = useRef(summaryRouteMatch);
+    summaryRouteMatchRef.current = summaryRouteMatch;
     const checkoutRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}`);
+    const checkoutRouteMatchRef = useRef(checkoutRouteMatch);
+    checkoutRouteMatchRef.current = checkoutRouteMatch;
     const feedbackRouteMatch = useMatch(`${basePath}/${Routes.FEEDBACK}`);
+    const feedbackRouteMatchRef = useRef(feedbackRouteMatch);
+    feedbackRouteMatchRef.current = feedbackRouteMatch;
     const checkoutPaymentRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}/${Routes.CHECKOUT_PAYMENT}`);
+    const checkoutPaymentRouteMatchRef = useRef(checkoutPaymentRouteMatch);
+    checkoutPaymentRouteMatchRef.current = checkoutPaymentRouteMatch;
     const checkoutShown = useRef(false);
     checkoutShown.current = checkoutShown.current || (Boolean(checkoutRouteMatch) && !Boolean(checkoutPaymentRouteMatch));
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) || checkout;
-    if (!dependenciesLoaded) {
+    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const checkoutItemsRef = useRef();
+    const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id, logger });
+    useEffect(() => {
+        if (checkout?.id) {
+            startCheckout();
+        }
+    }, [checkout?.id, startCheckout]);
+    useEffect(() => {
+        /* Navigate to the feedback if checkout is submitted */
+        if (checkout?.status === CheckoutStatus.SUBMITTED && !feedbackRouteMatchRef.current) {
+            navigateRef.current(`${basePath}/${Routes.FEEDBACK}`, { replace: true });
+        }
+        else if ([CheckoutStatus.AVAILABLE, CheckoutStatus.STARTED, CheckoutStatus.NOTIFIED].includes(checkout?.status)) {
+            /**
+             * If the customer has just reset an item's decission, navigate to that item.
+             * Otherwise, navigate to the first item without customer decission.
+             */
+            const itemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL &&
+                checkoutItemsRef.current?.find((previousItem) => previousItem.id === item.id && previousItem.status !== CheckoutItemStatus.INITIAL)) || checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
+            checkoutItemsRef.current = checkout?.items;
+            /* Navigate to the summary if required */
+            if (itemWithoutCustomerDecision === undefined &&
+                !(summaryRouteMatchRef.current ||
+                    itemDetailRouteMatchRef.current ||
+                    checkoutRouteMatchRef.current ||
+                    checkoutPaymentRouteMatchRef.current)) {
+                navigateRef.current(`${basePath}/${Routes.SUMMARY}`, { replace: true });
+            }
+            if (itemWithoutCustomerDecision &&
+                !(itemRouteMatchRef.current && itemRouteMatchRef.current.params.id === itemWithoutCustomerDecision.id)) {
+                navigateRef.current(generatePath(`${basePath}/${Routes.ITEM}`, { id: itemWithoutCustomerDecision.id }), {
+                    replace: true,
+                });
+            }
+        }
+    }, [basePath, checkout?.status, checkout?.items]);
+    if (!checkout) {
         return loader;
     }
     /* Prevent direct payment access */
     if (checkoutPaymentRouteMatch && !checkoutShown.current) {
         return React.createElement(Navigate, { to: `${basePath}/${Routes.HOME}`, replace: true });
     }
-    /* Navigate to the feedback if checkout is submitted */
-    if (checkout?.status === CheckoutStatus.SUBMITTED &&
-        !(feedbackRouteMatch || checkoutRouteMatch || checkoutPaymentRouteMatch)) {
-        return React.createElement(Navigate, { to: `${basePath}/${Routes.FEEDBACK}`, replace: true });
-    }
-    /* Navigate to the summary if required */
-    if ((checkout?.status === CheckoutStatus.AVAILABLE ||
-        checkout?.status === CheckoutStatus.STARTED ||
-        checkout?.status === CheckoutStatus.NOTIFIED) &&
-        firstItemWithoutCustomerDecision === undefined &&
-        !(summaryRouteMatch || itemDetailRouteMatch || checkoutRouteMatch || checkoutPaymentRouteMatch)) {
-        return React.createElement(Navigate, { to: `${basePath}/${Routes.SUMMARY}`, replace: true });
-    }
-    /* Item/ItemDetail 404 - Not found */
-    if (itemRouteMatch || itemDetailRouteMatch) {
-        const checkoutItem = checkout?.items.find((item) => item.id === itemRouteMatch?.params.id || itemDetailRouteMatch?.params.id);
-        if (!checkoutItem) {
-            return React.createElement(Navigate, { to: `${basePath}/${Routes.HOME}`, replace: true });
-        }
-    }
-    if (firstItemWithoutCustomerDecision && !itemRouteMatch) {
-        return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
-    }
     return children;
 };
 export { CheckoutMiddleware };

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

@@ -11,7 +11,6 @@ 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 NotFound = lazy(() => import("../views/notFound/NotFound").then((module) => ({ default: module.NotFound })));
 const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
     return useRoutes([
         {
@@ -55,14 +54,9 @@ const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthT
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
                         React.createElement(Feedback, { country: customer?.country, customerId: customer?.customerId }))),
                 },
-                {
-                    path: Routes.NOT_FOUND,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(NotFound, { country: customer?.country, customerId: customer?.customerId }))),
-                },
                 {
                     path: "*",
-                    element: React.createElement(Navigate, { to: `${Routes.NOT_FOUND}`, replace: true }),
+                    element: React.createElement(Navigate, { to: `${Routes.HOME}`, replace: true }),
                 },
             ],
         },

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

@@ -8,8 +8,8 @@ import { theme } from "../theme/theme";
 import { Navigation } from "./navigation/Navigation";
 const { colorBase } = theme();
 const App = ({ customerId, menu, tabBar, children }) => (React.createElement(SafeAreaProvider, null,
-    React.createElement(StatusBar, { backgroundColor: colorBase, barStyle: "dark-content", translucent: true }),
-    React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
-    React.createElement(Navigation, { customerId: customerId, menu: menu, tabBar: tabBar },
-        React.createElement(PortalProvider, null, children))));
+    React.createElement(PortalProvider, null,
+        React.createElement(StatusBar, { backgroundColor: colorBase, barStyle: "dark-content", translucent: true }),
+        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
+        React.createElement(Navigation, { customerId: customerId, menu: menu, tabBar: tabBar }, children))));
 export { App };

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js

@@ -8,7 +8,6 @@ import { useViewPaymentFlowPayloadByCheckoutId } from "../../../../../projection
 import { useSubmitCheckout } from "../../../../hooks/useSubmitCheckout";
 import { Routes } from "../../../../routing/routes";
 import { useBasePath } from "../../../../routing/useBasePath";
-import { CheckoutSuccessModal } from "../checkoutSuccessModal/CheckoutSuccessModal";
 const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
     const paymentFlowRef = useRef(null);
     const logger = useLogger();
@@ -23,9 +22,8 @@ const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
     }, [getAuthToken]);
     const basePath = useBasePath();
     const navigate = useNavigate();
-    const handleOnSuccessModalDismiss = useCallback(() => navigate(`${basePath}/${Routes.FEEDBACK}`, { replace: true }), [basePath, navigate]);
     const handleOnErrorSubmitCheckout = useCallback(() => navigate(`${basePath}/${Routes.CHECKOUT}`, { replace: true }), [basePath, navigate]);
-    const [submitCheckout, submitCheckoutStatus] = useSubmitCheckout({
+    const [submitCheckout] = useSubmitCheckout({
         checkoutId: checkout?.id,
         checkoutBookingId: checkout?.checkoutBookingId,
         paymentFlowRef,
@@ -38,11 +36,9 @@ const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
         }
     }, [paymentFlowPayload, submitCheckout]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) || checkout;
+    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) && authToken;
     if (!dependenciesLoaded)
         return null;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CheckoutSuccessModal, { visible: submitCheckoutStatus === "success", onDismiss: handleOnSuccessModalDismiss }),
-        authToken && React.createElement(PaymentFlow, { ref: paymentFlowRef, token: authToken })));
+    return React.createElement(PaymentFlow, { ref: paymentFlowRef, token: authToken });
 };
 export { CheckoutPaymentModal };