@lookiero/checkout 0.8.17 → 0.8.19-beta.0

package/dist/domain/checkout/command/markCheckoutAsPaid.d.ts

@@ -0,0 +1,13 @@
+import { Command } from "@lookiero/messaging";
+declare const MARK_CHECKOUT_AS_PAID = "mark_checkout_as_paid";
+interface MarkCheckoutAsPaidPayload {
+    readonly aggregateId: string;
+}
+interface MarkCheckoutAsPaid extends Command<typeof MARK_CHECKOUT_AS_PAID>, MarkCheckoutAsPaidPayload {
+}
+interface MarkCheckoutAsPaidFunction {
+    (payload: MarkCheckoutAsPaidPayload): MarkCheckoutAsPaid;
+}
+declare const markCheckoutAsPaid: MarkCheckoutAsPaidFunction;
+export type { MarkCheckoutAsPaid };
+export { MARK_CHECKOUT_AS_PAID, markCheckoutAsPaid };

package/dist/domain/checkout/command/markCheckoutAsPaid.js

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

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/checkout/model/checkoutPaid.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_PAID = "checkout_paid";
+interface CheckoutPaidPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutPaid extends DomainEvent<typeof CHECKOUT_PAID>, CheckoutPaidPayload {
+}
+interface CheckoutPaidFunction {
+    (payload: CheckoutPaidPayload): CheckoutPaid;
+}
+declare const checkoutPaid: CheckoutPaidFunction;
+export type { CheckoutPaid };
+export { CHECKOUT_PAID, checkoutPaid };

package/dist/domain/checkout/model/checkoutPaid.js

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

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/index.d.ts

@@ -2,6 +2,7 @@ import { EndpointFunction } from "@lookiero/i18n";
 import { ComponentType } from "react";
 import { CheckoutStatus } from "./domain/checkout/model/checkout";
 import { RootProps } from "./infrastructure/ui/Root";
+import { translationEndpoint, translationExternalEndpoint } from "./infrastructure/ui/i18n/translationEndpoint";
 import { CheckoutProjection } from "./projection/checkout/checkout";
 import { IsCheckoutAccessibleByCustomerIdProjection } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { SentryLoggerFunctionArgs } from "./shared/logging/SentryLogger";
@@ -32,4 +33,4 @@ interface BootstrapFunction {
     (args: BootstrapFunctionArgs): BootstrapFunctionReturn;
 }
 declare const bootstrap: BootstrapFunction;
-export { bootstrap, CheckoutStatus };
+export { bootstrap, translationEndpoint, translationExternalEndpoint, CheckoutStatus };

package/dist/index.js

@@ -3,6 +3,7 @@ import { CheckoutStatus } from "./domain/checkout/model/checkout";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { root } from "./infrastructure/ui/Root";
 import { fetchTranslations } from "./infrastructure/ui/i18n/fetchTranslations";
+import { translationEndpoint, translationExternalEndpoint } from "./infrastructure/ui/i18n/translationEndpoint";
 import { viewFirstAvailableCheckoutByCustomerId } from "./projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { viewIsCheckoutAccessibleByCustomerId, } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 const bootstrap = ({ apiUrl, getAuthToken, translations, sentry }) => {
@@ -20,4 +21,4 @@ const bootstrap = ({ apiUrl, getAuthToken, translations, sentry }) => {
         firstAvailableCheckoutByCustomerId,
     };
 };
-export { bootstrap, CheckoutStatus };
+export { bootstrap, translationEndpoint, translationExternalEndpoint, CheckoutStatus };

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/model/httpCheckoutsMarkAsPaid.d.ts

@@ -0,0 +1,5 @@
+import { HttpCheckoutsSaveFunction } from "./httpCheckouts";
+interface HttpCheckoutsMarkAsPaidFunction extends HttpCheckoutsSaveFunction {
+}
+declare const httpCheckoutsMarkAsPaid: HttpCheckoutsMarkAsPaidFunction;
+export { httpCheckoutsMarkAsPaid };

package/dist/infrastructure/domain/checkout/model/httpCheckoutsMarkAsPaid.js

@@ -0,0 +1,13 @@
+import { CHECKOUT_PAID } from "../../../../domain/checkout/model/checkoutPaid";
+const isCheckoutPaid = (event) => event.name === CHECKOUT_PAID;
+const httpCheckoutsMarkAsPaid = ({ httpPost }) => async ({ aggregateId, domainEvents }) => {
+    const checkoutPaid = domainEvents.find(isCheckoutPaid);
+    if (!checkoutPaid) {
+        return;
+    }
+    await httpPost({
+        endpoint: "/mark-checkout-as-paid",
+        body: { checkoutId: aggregateId },
+    });
+};
+export { httpCheckoutsMarkAsPaid };

package/dist/infrastructure/domain/checkout/react/useMarkCheckoutAsPaid.d.ts

@@ -0,0 +1,13 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface MarkAsPaidFunction {
+    (): Promise<void>;
+}
+type UseMarkCheckoutAsPaid = [markAsPaid: MarkAsPaidFunction, status: CommandStatus];
+interface UseMarkCheckoutAsPaidFunctionArgs {
+    readonly checkoutId?: string;
+}
+interface UseMarkCheckoutAsPaidFunction {
+    (args: UseMarkCheckoutAsPaidFunctionArgs): UseMarkCheckoutAsPaid;
+}
+declare const useMarkCheckoutAsPaid: UseMarkCheckoutAsPaidFunction;
+export { useMarkCheckoutAsPaid };

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

@@ -0,0 +1,16 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import invariant from "tiny-invariant";
+import { markCheckoutAsPaid } from "../../../../domain/checkout/command/markCheckoutAsPaid";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useMarkCheckoutAsPaid = ({ checkoutId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const markAsPaid = useCallback(() => {
+        invariant(checkoutId, "CheckoutId must be defined in order to mark the checkout as paid");
+        return commandBus(markCheckoutAsPaid({
+            aggregateId: checkoutId,
+        }));
+    }, [checkoutId, commandBus]);
+    return [markAsPaid, status];
+};
+export { useMarkCheckoutAsPaid };

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/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/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/domain/uiSetting/react/useIncrementIntroShownCount.d.ts

@@ -0,0 +1,10 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface IncrementIntroShownCountFunction {
+    (): Promise<void>;
+}
+type UseIncrementIntroShownCount = [incrementIntroShownCount: IncrementIntroShownCountFunction, status: CommandStatus];
+interface UseIncrementIntroShownCountFunction {
+    (): UseIncrementIntroShownCount;
+}
+declare const useIncrementIntroShownCount: UseIncrementIntroShownCountFunction;
+export { useIncrementIntroShownCount };

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.js

@@ -0,0 +1,11 @@
+import { useCallback } from "react";
+import { useViewIntroShownCount } from "../../../projection/uiSetting/react/useViewIntroShownCount";
+import { UISettings } from "../../../ui/settings/UISettings";
+import { useUpdateUiSetting } from "./useUpdateUiSetting";
+const useIncrementIntroShownCount = () => {
+    const [update, status] = useUpdateUiSetting();
+    const [introShownCount] = useViewIntroShownCount();
+    const incrementIntroShownCount = useCallback(() => update({ key: UISettings.INTRO_SHOWN_COUNT, value: introShownCount + 1 }), [introShownCount, update]);
+    return [incrementIntroShownCount, status];
+};
+export { useIncrementIntroShownCount };

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/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/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/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/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,