@lookiero/checkout 0.8.4-beta.0 → 0.8.4-beta.10

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

@@ -1,9 +1,11 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface StartCheckoutFunction {
     (): Promise<void> | undefined;
 }
 interface UseStartCheckoutArgs {
     readonly checkoutId?: string;
+    readonly logger: Logger;
 }
 type UseStartCheckoutResult = [start: StartCheckoutFunction, status: CommandStatus];
 interface UseStartCheckout {

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

@@ -3,7 +3,7 @@ import { useCallback } from "react";
 import invariant from "tiny-invariant";
 import { startCheckout } from "../../../../domain/checkout/command/startCheckout";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useStartCheckout = ({ checkoutId }) => {
+const useStartCheckout = ({ checkoutId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
     const start = useCallback(async () => {
         invariant(checkoutId, "CheckoutId must be defined in order to start checkout");
@@ -12,10 +12,10 @@ const useStartCheckout = ({ checkoutId }) => {
         }
         catch (error) {
             if (!error?.message?.includes("Checkout is already started")) {
-                // logger?.captureException(error as Error);
+                logger.captureException(error);
             }
         }
-    }, [checkoutId, commandBus]);
+    }, [checkoutId, commandBus, logger]);
     return [start, status];
 };
 export { useStartCheckout };

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

@@ -1,10 +1,12 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface SubmitFunction {
-    (): Promise<void>;
+    (): Promise<void> | undefined;
 }
 type UseSubmitCheckout = [submit: SubmitFunction, status: CommandStatus];
 interface UseSubmitCheckoutFunctionArgs {
     readonly checkoutId?: string;
+    readonly logger: Logger;
 }
 interface UseSubmitCheckoutFunction {
     (args: UseSubmitCheckoutFunctionArgs): UseSubmitCheckout;

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

@@ -2,15 +2,28 @@ 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 { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useSubmitCheckout = ({ checkoutId }) => {
+import { I18nMessages } from "../../../ui/i18n/i18n";
+const useSubmitCheckout = ({ checkoutId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const submit = useCallback(() => {
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const submit = useCallback(async () => {
         invariant(checkoutId, "CheckoutId must be defined in order to submit checkout");
-        return commandBus(submitCheckout({
-            aggregateId: checkoutId,
-        }));
-    }, [checkoutId, commandBus]);
+        try {
+            return await commandBus(submitCheckout({
+                aggregateId: checkoutId,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+            createNotification({
+                level: NotificationLevel.ERROR,
+                bodyI18nKey: I18nMessages.TOAST_GENERIC_ERROR,
+            });
+        }
+    }, [checkoutId, commandBus, createNotification, logger]);
     return [submit, status];
 };
 export { useSubmitCheckout };

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

@@ -1,10 +1,12 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface BlockCheckoutBookingFunction {
     (): Promise<void>;
 }
 type UseBlockCheckoutBooking = [blockCheckoutBooking: BlockCheckoutBookingFunction, status: CommandStatus];
 interface UseBlockCheckoutBookingFunctionArgs {
     readonly checkoutBookingId: string;
+    readonly logger: Logger;
 }
 interface UseBlockCheckoutBookingFunction {
     (args: UseBlockCheckoutBookingFunctionArgs): UseBlockCheckoutBooking;

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

@@ -1,12 +1,27 @@
 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 { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useBlockCheckoutBooking = ({ checkoutBookingId }) => {
+import { I18nMessages } from "../../../ui/i18n/i18n";
+const useBlockCheckoutBooking = ({ checkoutBookingId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const blockCheckoutBooking = useCallback(() => commandBus(blockCheckoutBookingCommand({
-        aggregateId: checkoutBookingId,
-    })), [checkoutBookingId, commandBus]);
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const blockCheckoutBooking = useCallback(async () => {
+        try {
+            await commandBus(blockCheckoutBookingCommand({
+                aggregateId: checkoutBookingId,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+            createNotification({
+                level: NotificationLevel.ERROR,
+                bodyI18nKey: I18nMessages.TOAST_GENERIC_ERROR,
+            });
+        }
+    }, [checkoutBookingId, commandBus, createNotification, logger]);
     return [blockCheckoutBooking, status];
 };
 export { useBlockCheckoutBooking };

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

@@ -1,4 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface BookFunction {
     (): Promise<void>;
 }
@@ -6,6 +7,7 @@ type UseBookCheckoutBookingForCheckoutItem = [book: BookFunction, status: Comman
 interface UseBookCheckoutBookingForCheckoutItemFunctionArgs {
     readonly checkoutItemId: string;
     readonly checkoutBookingId: string | undefined;
+    readonly logger: Logger;
 }
 interface UseBookCheckoutBookingForCheckoutItemFunction {
     (args: UseBookCheckoutBookingForCheckoutItemFunctionArgs): UseBookCheckoutBookingForCheckoutItem;

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

@@ -2,13 +2,28 @@ 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 { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useBookCheckoutBookingForCheckoutItem = ({ checkoutItemId, checkoutBookingId, }) => {
+import { I18nMessages } from "../../../ui/i18n/i18n";
+const useBookCheckoutBookingForCheckoutItem = ({ checkoutItemId, checkoutBookingId, logger, }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
-        aggregateId: checkoutBookingId || uuid(),
-        checkoutItemId,
-    })), [checkoutBookingId, checkoutItemId, commandBus]);
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const book = useCallback(async () => {
+        try {
+            await commandBus(bookCheckoutBookingForCheckoutItem({
+                aggregateId: checkoutBookingId || uuid(),
+                checkoutItemId,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+            createNotification({
+                level: NotificationLevel.ERROR,
+                bodyI18nKey: I18nMessages.TOAST_GENERIC_ERROR,
+            });
+        }
+    }, [checkoutBookingId, checkoutItemId, commandBus, createNotification, logger]);
     return [book, status];
 };
 export { useBookCheckoutBookingForCheckoutItem };

package/dist/infrastructure/domain/checkoutFeedback/react/useGiveCheckoutFeedback.d.ts

@@ -1,5 +1,6 @@
 import { CommandStatus } from "@lookiero/messaging-react";
 import { Feedbacks } from "../../../../domain/checkoutFeedback/model/feedbacks";
+import { Logger } from "../../../../shared/logging/Logger";
 interface GiveCheckoutFeedbackFunctionArgs {
     readonly feedbacks: Feedbacks;
 }
@@ -9,6 +10,7 @@ interface GiveCheckoutFeedbackFunction {
 type UseGiveCheckoutFeedback = [giveCheckoutFeedback: GiveCheckoutFeedbackFunction, status: CommandStatus];
 interface UseGiveCheckoutFeedbackFunctionArgs {
     readonly checkoutId: string;
+    readonly logger: Logger;
 }
 interface UseGiveCheckoutFeedbackFunction {
     (args: UseGiveCheckoutFeedbackFunctionArgs): UseGiveCheckoutFeedback;

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

@@ -1,13 +1,28 @@
 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 { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useGiveCheckoutFeedback = ({ checkoutId }) => {
+import { I18nMessages } from "../../../ui/i18n/i18n";
+const useGiveCheckoutFeedback = ({ checkoutId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const giveCheckoutFeedback = useCallback(({ feedbacks }) => commandBus(giveCheckoutFeedbackCommand({
-        checkoutId,
-        feedbacks,
-    })), [checkoutId, commandBus]);
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const giveCheckoutFeedback = useCallback(async ({ feedbacks }) => {
+        try {
+            await commandBus(giveCheckoutFeedbackCommand({
+                checkoutId,
+                feedbacks,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+            createNotification({
+                level: NotificationLevel.ERROR,
+                bodyI18nKey: I18nMessages.TOAST_GENERIC_ERROR,
+            });
+        }
+    }, [checkoutId, commandBus, createNotification, logger]);
     return [giveCheckoutFeedback, status];
 };
 export { useGiveCheckoutFeedback };

package/dist/infrastructure/domain/checkoutItem/react/useKeepCheckoutItem.d.ts

@@ -1,9 +1,11 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface KeepCheckoutItemFunction {
     (): Promise<void>;
 }
 interface UseKeepCheckoutItemFunctionArgs {
     readonly checkoutItemId: string;
+    readonly logger: Logger;
 }
 type UseKeepCheckoutItemResult = [keep: KeepCheckoutItemFunction, status: CommandStatus];
 interface UseKeepCheckoutItemFunction {

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

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

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

@@ -1,4 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface ReplaceCheckoutItemFunctionArgs {
     readonly replacedForId: string;
 }
@@ -7,6 +8,7 @@ interface ReplaceCheckoutItemFunction {
 }
 interface UseReplaceCheckoutItemFunctionArgs {
     readonly checkoutItemId: string;
+    readonly logger: Logger;
 }
 type UseReplaceCheckoutItemResult = [replace: ReplaceCheckoutItemFunction, status: CommandStatus];
 interface UseReplaceCheckoutItemFunction {

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

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

package/dist/infrastructure/domain/checkoutItem/react/useReturnCheckoutItem.d.ts

@@ -1,5 +1,6 @@
 import { CommandStatus } from "@lookiero/messaging-react";
 import { Feedbacks } from "../../../../domain/checkoutItem/model/feedbacks";
+import { Logger } from "../../../../shared/logging/Logger";
 interface ReturnCheckoutItemFunctionArgs {
     readonly feedbacks: Feedbacks;
 }
@@ -8,6 +9,7 @@ interface ReturnCheckoutItemFunction {
 }
 interface UseReturnCheckoutItemFunctionArgs {
     readonly checkoutItemId: string;
+    readonly logger: Logger;
 }
 type UseReturnCheckoutItemResult = [returnCheckoutItem: ReturnCheckoutItemFunction, status: CommandStatus];
 interface UseReturnCheckoutItemFunction {

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

@@ -1,13 +1,28 @@
 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 { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useReturnCheckoutItem = ({ checkoutItemId }) => {
+import { I18nMessages } from "../../../ui/i18n/i18n";
+const useReturnCheckoutItem = ({ checkoutItemId, logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const returnCheckoutItem = useCallback(({ feedbacks }) => commandBus(returnCheckoutItemCommand({
-        aggregateId: checkoutItemId,
-        feedbacks,
-    })), [checkoutItemId, commandBus]);
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const returnCheckoutItem = useCallback(async ({ feedbacks }) => {
+        try {
+            await commandBus(returnCheckoutItemCommand({
+                aggregateId: checkoutItemId,
+                feedbacks,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+            createNotification({
+                level: NotificationLevel.ERROR,
+                bodyI18nKey: I18nMessages.TOAST_GENERIC_ERROR,
+            });
+        }
+    }, [checkoutItemId, commandBus, createNotification, logger]);
     return [returnCheckoutItem, status];
 };
 export { useReturnCheckoutItem };

package/dist/infrastructure/domain/uiSetting/react/useUpdateUiSetting.d.ts

@@ -1,4 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../shared/logging/Logger";
 interface UpdateFunctionArgs {
     readonly key: string;
     readonly value: unknown;
@@ -7,8 +8,11 @@ interface UpdateFunction {
     (args: UpdateFunctionArgs): Promise<void>;
 }
 type UseUpdateUiSetting = [update: UpdateFunction, status: CommandStatus];
+interface UseUpdateUiSettingArgs {
+    readonly logger: Logger;
+}
 interface UseUpdateUiSettingFunction {
-    (): UseUpdateUiSetting;
+    (args: UseUpdateUiSettingArgs): UseUpdateUiSetting;
 }
 declare const useUpdateUiSetting: UseUpdateUiSettingFunction;
 export { useUpdateUiSetting };

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

@@ -3,13 +3,20 @@ import { useCallback } from "react";
 import { v4 as uuid } from "uuid";
 import { updateUiSetting } from "../../../../domain/uiSetting/command/updateUiSetting";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useUpdateUiSetting = () => {
+const useUpdateUiSetting = ({ logger }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const update = useCallback(({ key, value }) => commandBus(updateUiSetting({
-        aggregateId: uuid(),
-        key,
-        value,
-    })), [commandBus]);
+    const update = useCallback(async ({ key, value }) => {
+        try {
+            await commandBus(updateUiSetting({
+                aggregateId: uuid(),
+                key,
+                value,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+        }
+    }, [commandBus, logger]);
     return [update, status];
 };
 export { useUpdateUiSetting };

package/dist/infrastructure/ui/hooks/usePaymentInstrumentEvents.d.ts

@@ -0,0 +1,9 @@
+import { Logger } from "../../../shared/logging/Logger";
+interface UsePaymentInstrumentEventsFunctionArgs {
+    readonly logger: Logger;
+}
+interface UsePaymentInstrumentEventsFunction {
+    (args: UsePaymentInstrumentEventsFunctionArgs): void;
+}
+declare const usePaymentInstrumentEvents: UsePaymentInstrumentEventsFunction;
+export { usePaymentInstrumentEvents };

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

@@ -0,0 +1,28 @@
+import { useEvent } from "@lookiero/event";
+import { useCallback, useEffect } from "react";
+import { useCreateNotification } from "../../../shared/notifications";
+import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
+import { I18nMessages } from "../i18n/i18n";
+import { useToast } from "./useToast";
+const PAYMENT_ERROR = "ERROR";
+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 onSuccess = useCallback(({ message }) => showSuccess({ message: message.id }), [showSuccess]);
+    const onError = useCallback(({ error }) => {
+        if (error.toaster) {
+            showError({ message: error.toaster.id || I18nMessages.CHECKOUT_TOAST_PAYMENT_ERROR });
+        }
+    }, [showError]);
+    useEffect(() => {
+        subscribe({ event: PAYMENT_ERROR }, onError);
+        subscribe({ event: PAYMENT_SUCCESS }, onSuccess);
+        return () => {
+            unsubscribe({ event: PAYMENT_ERROR }, onError);
+            unsubscribe({ event: PAYMENT_SUCCESS }, onSuccess);
+        };
+    }, [subscribe, unsubscribe, createNotification, onError, onSuccess]);
+};
+export { usePaymentInstrumentEvents };

package/dist/infrastructure/ui/hooks/useSubmitCheckout.d.ts

@@ -1,6 +1,7 @@
 import { PaymentFlowRef } from "@lookiero/payments-front";
 import { RefObject } from "react";
 import { PaymentFlowPayloadProjection } from "../../../projection/payment/paymentFlowPayload";
+import { Logger } from "../../../shared/logging/Logger";
 type Status = "idle" | "loading" | "success" | "error";
 interface SubmitCheckoutFunctionArgs {
     readonly paymentFlowPayload: PaymentFlowPayloadProjection;
@@ -14,6 +15,7 @@ interface UseSubmitCheckoutFunctionArgs {
     readonly checkoutBookingId: string;
     readonly paymentFlowRef: RefObject<PaymentFlowRef>;
     readonly onError: () => void;
+    readonly logger: Logger;
 }
 interface UseSubmitCheckoutFunction {
     (args: UseSubmitCheckoutFunctionArgs): UseSubmitCheckoutResult;

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

@@ -7,16 +7,13 @@ import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { useSubmitCheckout as useSubmitCheckoutCommand } from "../../domain/checkout/react/useSubmitCheckout";
 import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
 import { I18nMessages } from "../i18n/i18n";
-const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onError }) => {
-    const [submitCheckoutCommand, submitCheckoutCommandStatus] = useSubmitCheckoutCommand({ checkoutId });
-    const [blockCheckoutBooking, blockCheckoutBookingStatus] = useBlockCheckoutBooking({ checkoutBookingId });
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
+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 [startLegacyBoxCheckoutStatus, setStartLegacyBoxCheckoutStatus] = useState("idle");
     const submitCheckout = useCallback(async ({ paymentFlowPayload }) => {
-        try {
-            await blockCheckoutBooking();
-        }
-        catch (error) { }
+        await blockCheckoutBooking();
         paymentFlowRef.current?.startLegacyBoxCheckout(
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
@@ -25,10 +22,7 @@ const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onEr
             if (final) {
                 if (status === ChargeStatus.EXECUTED) {
                     setStartLegacyBoxCheckoutStatus("success");
-                    try {
-                        await submitCheckoutCommand();
-                    }
-                    catch (error) { }
+                    await submitCheckoutCommand();
                 }
                 else {
                     createNotification({
@@ -39,7 +33,7 @@ const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onEr
                 }
             }
         });
-    }, [blockCheckoutBooking, createNotification, submitCheckoutCommand, paymentFlowRef]);
+    }, [paymentFlowRef, blockCheckoutBooking, createNotification, submitCheckoutCommand]);
     const status = useMemo(() => {
         if (blockCheckoutBookingStatus === CommandStatus.LOADING ||
             startLegacyBoxCheckoutStatus === "loading" ||

package/dist/infrastructure/ui/hooks/useToast.d.ts

@@ -0,0 +1,11 @@
+interface ShowErrorFunctionArgs {
+    readonly message: string;
+}
+interface ShowErrorFunction {
+    (args: ShowErrorFunctionArgs): void;
+}
+declare const useToast: () => {
+    showError: ShowErrorFunction;
+    showSuccess: ShowErrorFunction;
+};
+export { useToast };

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

@@ -0,0 +1,44 @@
+import { Notification } from "@lookiero/aurora-next/build/components/molecules/Notification/Notification";
+import { useStack } from "@lookiero/aurora-next/build/contexts/Stack/Stack";
+import { useIntl } from "@lookiero/i18n-react";
+import { useCallback } from "react";
+import { StyleSheet } from "react-native";
+import { v4 as uuid } from "uuid";
+import { theme } from "../theme/theme";
+const { layoutXXS, elevationColor, elevationOffset, elevationOpacityM, elevationRadius } = theme();
+const style = StyleSheet.create({
+    container: {
+        marginHorizontal: layoutXXS,
+        marginTop: layoutXXS,
+        shadowColor: elevationColor,
+        shadowOffset: elevationOffset,
+        shadowOpacity: elevationOpacityM,
+        shadowRadius: elevationRadius,
+    },
+    inAppContainer: {
+        top: 75,
+    },
+});
+const NOTIFICATION_DEFAULTS = {
+    motion: "top",
+    timeoutClose: 10000,
+    style: style.container,
+};
+const IN_APP_NOTIFICATION_DEFAULTS = {
+    ...NOTIFICATION_DEFAULTS,
+    style: [style.container, style.inAppContainer],
+};
+const iOSInAppBrowser = window.screen?.height > 667 && /FBIOS/.test(navigator.userAgent);
+const getNotificationDefaults = () => (iOSInAppBrowser ? IN_APP_NOTIFICATION_DEFAULTS : NOTIFICATION_DEFAULTS);
+const useToast = () => {
+    const Stack = useStack();
+    const intl = useIntl();
+    const translate = useCallback((message) => intl.formatMessage({ id: message, defaultMessage: message }), [intl]);
+    const showError = useCallback(({ message }) => Stack.alert(uuid(), Notification, { ...getNotificationDefaults(), text: translate(message) }), [Stack, translate]);
+    const showSuccess = useCallback(({ message }) => Stack.success(uuid(), Notification, { ...getNotificationDefaults(), text: translate(message) }), [Stack, translate]);
+    return {
+        showError,
+        showSuccess,
+    };
+};
+export { useToast };

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

@@ -1,5 +1,6 @@
 declare const COLOR_I18N_PREFIX = "color.";
 declare enum I18nMessages {
+    TOAST_GENERIC_ERROR = "toast_generic_error",
     ITEM_SIZE = "item.size",
     ITEM_COLOR = "item.color",
     ITEM_UNIQUE = "item.unique",

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

@@ -1,6 +1,7 @@
 const COLOR_I18N_PREFIX = "color.";
 var I18nMessages;
 (function (I18nMessages) {
+    I18nMessages["TOAST_GENERIC_ERROR"] = "toast_generic_error";
     I18nMessages["ITEM_SIZE"] = "item.size";
     I18nMessages["ITEM_COLOR"] = "item.color";
     I18nMessages["ITEM_UNIQUE"] = "item.unique";

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

@@ -3,17 +3,19 @@ import React, { useEffect, useRef } from "react";
 import { generatePath, Navigate, useMatch } from "react-router-native";
 import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
+import { useLogger } from "../../../shared/logging/useLogger";
 import { Spinner } from "../../../shared/ui/components/atoms/spinner/Spinner";
 import { useStartCheckout } from "../../domain/checkout/react/useStartCheckout";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { Routes } from "./routes";
 import { useBasePath } from "./useBasePath";
 const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null), children }) => {
+    const logger = useLogger();
     const basePath = useBasePath();
     const navigatedToFirstItemWithoutCustomerDecision = useRef(false);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const firstItemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
-    const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id });
+    const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id, logger });
     useEffect(() => {
         if (checkout?.id) {
             startCheckout();

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

@@ -1,8 +1,7 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
-import { PaymentInstrumentSelect, PaymentMethod, Section } from "@lookiero/payments-front";
-import React, { useCallback, useMemo, useRef } from "react";
+import React, { useCallback, useMemo } from "react";
 import { Platform, View } from "react-native";
 import { useNavigate } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
@@ -21,9 +20,9 @@ import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { Pricing } from "../summary/components/pricing/Pricing";
 import { style } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
+import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrument";
 const Checkout = ({ children, customerId, country, useRedirect }) => {
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
-    const paymentInstrumentSelectRef = useRef(null);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
     usePageView({
@@ -33,7 +32,6 @@ const Checkout = ({ children, customerId, country, useRedirect }) => {
     });
     const navigate = useNavigate();
     const basePath = useBasePath();
-    const { returnUrl } = useRedirect();
     const handleOnSubmit = useCallback(() => {
         navigate(`${basePath}/${Routes.CHECKOUT}/${Routes.CHECKOUT_PAYMENT}`);
     }, [basePath, navigate]);
@@ -49,7 +47,7 @@ const Checkout = ({ children, customerId, country, useRedirect }) => {
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 hasReplacedCheckoutItem && (React.createElement(View, { style: style.deliveryBannerContainer },
                     React.createElement(DeliveryBanner, null))),
-                React.createElement(PaymentInstrumentSelect, { ref: paymentInstrumentSelectRef, beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, hidePaymentMethods: [PaymentMethod.GOOGLE_PAY], section: Section.BOX_CHECKOUT }),
+                React.createElement(PaymentInstrument, { useRedirect: useRedirect }),
                 React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
                 checkoutItemsKept?.map((checkoutItem) => (React.createElement(View, { key: checkoutItem.id, style: style.checkoutItemKept, testID: "checkout-items-kept" },
                     React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, country: country, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, status: checkoutItem.status, size: checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor

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

@@ -2,6 +2,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import { PaymentFlow } from "@lookiero/payments-front";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { useNavigate } from "react-router-native";
+import { useLogger } from "../../../../../../shared/logging/useLogger";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewPaymentFlowPayloadByCheckoutId } from "../../../../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
 import { useSubmitCheckout } from "../../../../hooks/useSubmitCheckout";
@@ -10,6 +11,7 @@ import { useBasePath } from "../../../../routing/useBasePath";
 import { CheckoutSuccessModal } from "../checkoutSuccessModal/CheckoutSuccessModal";
 const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
     const paymentFlowRef = useRef(null);
+    const logger = useLogger();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
         checkoutId: checkout?.id,
@@ -28,6 +30,7 @@ const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
         checkoutBookingId: checkout?.checkoutBookingId,
         paymentFlowRef,
         onError: handleOnErrorSubmitCheckout,
+        logger,
     });
     useEffect(() => {
         if (paymentFlowPayload) {

package/dist/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface PaymentInstrumentProps {
+    readonly useRedirect: () => Record<string, string>;
+}
+declare const PaymentInstrument: FC<PaymentInstrumentProps>;
+export { PaymentInstrument };

package/dist/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.js

@@ -0,0 +1,12 @@
+import { PaymentInstrumentSelect, PaymentMethod, Section } from "@lookiero/payments-front";
+import React, { useRef } from "react";
+import { useLogger } from "../../../../../../shared/logging/useLogger";
+import { usePaymentInstrumentEvents } from "../../../../hooks/usePaymentInstrumentEvents";
+const PaymentInstrument = ({ useRedirect }) => {
+    const paymentInstrumentSelectRef = useRef(null);
+    const { returnUrl } = useRedirect();
+    const logger = useLogger();
+    usePaymentInstrumentEvents({ logger });
+    return (React.createElement(PaymentInstrumentSelect, { ref: paymentInstrumentSelectRef, beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, hidePaymentMethods: [PaymentMethod.GOOGLE_PAY], section: Section.BOX_CHECKOUT }));
+};
+export { PaymentInstrument };

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

@@ -1,6 +1,7 @@
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback } from "react";
 import { Platform } from "react-native";
+import { useLogger } from "../../../../shared/logging/useLogger";
 import { usePageView } from "../../../../shared/tracking/infrastructure/usePageView";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useGiveCheckoutFeedback } from "../../../domain/checkoutFeedback/react/useGiveCheckoutFeedback";
@@ -14,12 +15,14 @@ import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { style } from "./Feedback.style";
 import { CheckoutQuestionsForm } from "./components/checkoutQuestionsForm/CheckoutQuestionsForm";
 const Feedback = ({ customerId, country }) => {
+    const logger = useLogger();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [checkoutQuestions, checkoutQuestionsStatus] = useListCheckoutQuestionsByCheckoutId({
         checkoutId: checkout?.id,
     });
     const [giveCheckoutFeedback, giveCheckoutFeedbackStatus] = useGiveCheckoutFeedback({
         checkoutId: checkout?.id,
+        logger,
     });
     const handleOnSubmit = useCallback(async (feedbacks) => {
         try {

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

@@ -4,6 +4,7 @@ import { Platform, View } from "react-native";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { useLogger } from "../../../../shared/logging/useLogger";
 import { usePageView } from "../../../../shared/tracking/infrastructure/usePageView";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
@@ -32,6 +33,7 @@ import { SizeChangeModal } from "./components/sizeChangeModal/SizeChangeModal";
 import { SizeWithoutStockModal } from "./components/sizeWithoutStockModal/SizeWithoutStockModal";
 const { spaceXL } = theme();
 const Item = ({ customerId, country }) => {
+    const logger = useLogger();
     const { id } = useParams();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
@@ -63,12 +65,14 @@ const Item = ({ customerId, country }) => {
         setCustomerDecissionMade(checkoutItem.status !== CheckoutItemStatus.INITIAL);
     }, [checkoutItem.status, id]);
     const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(false), []);
-    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
+    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
     const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
         checkoutItemId: checkoutItem.id,
+        logger,
     });
     const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
         checkoutItemId: checkoutItem.id,
+        logger,
     });
     const [sizeWithoutStockModalVisible, setSizeWithoutStockModalVisible] = useState(false);
     const handleOnShowSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(true), []);
@@ -87,6 +91,7 @@ const Item = ({ customerId, country }) => {
     const [bookCheckoutBooking] = useBookCheckoutBookingForCheckoutItem({
         checkoutItemId: checkoutItem.id,
         checkoutBookingId: checkout?.checkoutBookingId,
+        logger,
     });
     useEffect(() => {
         checkout && bookedProductsVariants === null && bookCheckoutBooking();

package/dist/shared/logging/SentryLoggerHOC.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { wrapUseRoutes, wrapComponent, ErrorBoundary } from "./SentryDependencies";
+import { LoggerProvider } from "./useLogger";
 const sentryLoggerHOC = ({ logger }) => {
     logger.init();
     const useRoutes = wrapUseRoutes(reactRouterUseRoutes);
@@ -14,7 +15,8 @@ const sentryLoggerHOC = ({ logger }) => {
                 // eslint-disable-next-line react-hooks/exhaustive-deps
             }, []);
             return (React.createElement(ErrorBoundary, null,
-                React.createElement(WrappedComponent, { ...props, useRoutes: useRoutes })));
+                React.createElement(LoggerProvider, { logger: logger },
+                    React.createElement(WrappedComponent, { ...props, useRoutes: useRoutes }))));
         };
         return SentryLogger;
     };

package/dist/shared/logging/useLogger.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+import { Logger } from "./Logger";
+interface LoggerContextProviderProps {
+    readonly logger: Logger;
+    readonly children: ReactNode;
+}
+declare const LoggerProvider: FC<LoggerContextProviderProps>;
+interface UseLoggerFunction {
+    (): Logger;
+}
+declare const useLogger: UseLoggerFunction;
+export { useLogger, LoggerProvider };

package/dist/shared/logging/useLogger.js

@@ -0,0 +1,10 @@
+import React, { createContext, useContext } from "react";
+import invariant from "tiny-invariant";
+const LoggerContext = createContext(null);
+const LoggerProvider = ({ logger, children }) => (React.createElement(LoggerContext.Provider, { value: logger }, children));
+const useLogger = () => {
+    const logger = useContext(LoggerContext);
+    invariant(logger, "Your are trying to use the useLogger hook without wrapping your app with the <LoggerProvider>.");
+    return logger;
+};
+export { useLogger, LoggerProvider };

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

@@ -1,4 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../../logging/Logger";
 import { NotificationLevel } from "../../../../domain/notification/model/notification";
 interface CreateNotificationFunctionArgs {
     readonly aggregateId?: string;
@@ -11,6 +12,7 @@ interface CreateNotificationFunction {
 }
 interface UseCreateNotificationFunctionArgs {
     readonly contextId: string;
+    readonly logger: Logger;
 }
 interface UseCreateNotificationFunction {
     (args: UseCreateNotificationFunctionArgs): [create: CreateNotificationFunction, status: CommandStatus];

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

@@ -2,14 +2,21 @@ import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { v4 as uuid } from "uuid";
 import { createNotification } from "../../../../domain/notification/command/createNotification";
-const useCreateNotification = ({ contextId }) => {
+const useCreateNotification = ({ contextId, logger }) => {
     const [commandBus, status] = useCommand({ contextId });
-    const create = useCallback(({ aggregateId, level, titleI18nKey, bodyI18nKey }) => commandBus(createNotification({
-        aggregateId: aggregateId || uuid(),
-        level,
-        titleI18nKey,
-        bodyI18nKey,
-    })), [commandBus]);
+    const create = useCallback(async ({ aggregateId, level, titleI18nKey, bodyI18nKey }) => {
+        try {
+            await commandBus(createNotification({
+                aggregateId: aggregateId || uuid(),
+                level,
+                titleI18nKey,
+                bodyI18nKey,
+            }));
+        }
+        catch (error) {
+            logger.captureException(error);
+        }
+    }, [commandBus, logger]);
     return [create, status];
 };
 export { useCreateNotification };

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

@@ -1,4 +1,5 @@
 import { CommandStatus } from "@lookiero/messaging-react";
+import { Logger } from "../../../../../logging/Logger";
 interface RemoveNotificationFunctionArgs {
     readonly aggregateId: string;
 }
@@ -7,6 +8,7 @@ interface RemoveNotificationFunction {
 }
 interface UseRemoveNotificationFunctionArgs {
     readonly contextId: string;
+    readonly logger: Logger;
 }
 interface UseRemoveNotificationFunction {
     (args: UseRemoveNotificationFunctionArgs): [remove: RemoveNotificationFunction, status: CommandStatus];

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

@@ -1,9 +1,16 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { removeNotification } from "../../../../domain/notification/command/removeNotification";
-const useRemoveNotification = ({ contextId }) => {
+const useRemoveNotification = ({ contextId, logger }) => {
     const [commandBus, status] = useCommand({ contextId });
-    const remove = useCallback(({ aggregateId }) => commandBus(removeNotification({ aggregateId })), [commandBus]);
+    const remove = useCallback(async ({ aggregateId }) => {
+        try {
+            await commandBus(removeNotification({ aggregateId }));
+        }
+        catch (error) {
+            logger.captureException(error);
+        }
+    }, [commandBus, logger]);
     return [remove, status];
 };
 export { useRemoveNotification };

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

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

package/package.json

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