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

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

@@ -1,6 +1,7 @@
 import { useQuery } from "@lookiero/messaging-react";
 import { CHECKOUT_STARTED } from "../../../../domain/checkout/model/checkoutStarted";
 import { CHECKOUT_SUBMITTED } from "../../../../domain/checkout/model/checkoutSubmitted";
+import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
 import { CHECKOUT_BOOKING_EXPIRED, } from "../../../../domain/checkoutBooking/model/checkoutBookingExpired";
 import { CHECKOUT_FEEDBACK_GIVEN, } from "../../../../domain/checkoutFeedback/model/checkoutFeedbackGiven";
 import { CHECKOUT_ITEM_KEPT } from "../../../../domain/checkoutItem/model/checkoutItemKept";
@@ -15,13 +16,15 @@ const isCheckoutStarted = (event) => event.name === CHECKOUT_STARTED;
 const isCheckoutSubmitted = (event) => event.name === CHECKOUT_SUBMITTED;
 const isCheckoutFeedbackGiven = (event) => event.name === CHECKOUT_FEEDBACK_GIVEN;
 const isCheckoutBookingExpired = (event) => event.name === CHECKOUT_BOOKING_EXPIRED;
+const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKED;
 const shouldInvalidate = (event) => isCheckoutItemKept(event) ||
     isCheckoutItemReplaced(event) ||
     isCheckoutItemReturned(event) ||
     isCheckoutStarted(event) ||
     isCheckoutSubmitted(event) ||
     isCheckoutFeedbackGiven(event) ||
-    isCheckoutBookingExpired(event);
+    isCheckoutBookingExpired(event) ||
+    isCheckoutBookingBooked(event);
 const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
     query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
     contextId: MESSAGING_CONTEXT_ID,

package/dist/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.js

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

package/dist/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.js

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

package/dist/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.js

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

package/dist/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.js

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

package/dist/infrastructure/projection/pricing/httpPricingByCheckoutIdView.js

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

package/dist/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.js

@@ -1,10 +1,9 @@
-const httpReturnQuestionsByCheckoutItemIdView = ({ httpPost }) => async ({ checkoutItemId, signal }) => await httpPost({
-    endpoint: "/list-return-questions-by-checkout-item-id",
-    body: { checkoutItemId },
-    signal,
-    result: {
-        error: null,
-        success: (response) => response.result,
-    },
-});
+const httpReturnQuestionsByCheckoutItemIdView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/list-return-questions-by-checkout-item-id",
+        body: { checkoutItemId },
+        signal,
+    });
+    return !response.ok || response.status === 404 ? null : (await response.json()).result;
+};
 export { httpReturnQuestionsByCheckoutItemIdView };

package/dist/infrastructure/ui/Root.js

@@ -2,7 +2,6 @@ import React, { useCallback } from "react";
 import { Platform } from "react-native";
 import { useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { sentryLogger } from "../../shared/logging/SentryLogger";
-import { sentryLoggerHOC } from "../../shared/logging/SentryLoggerHOC";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, getAuthToken, development, sentry }) => {
     // eslint-disable-next-line react/display-name, react/prop-types
@@ -11,6 +10,6 @@ const root = ({ Messaging, I18n, getAuthToken, development, sentry }) => {
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
             React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, locale: locale, menu: menu, tabBar: tabBar, useRedirect: useRedirect, useRoutes: useRoutes, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
     };
-    return sentryLoggerHOC({ logger: sentryLogger(sentry) })(Root);
+    return sentryLogger(sentry)(Root);
 };
 export { root };

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

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

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

@@ -6,10 +6,10 @@ import { I18nMessages } from "../i18n/i18n";
 import { useToast } from "./useToast";
 const PAYMENT_ERROR = "ERROR";
 const PAYMENT_SUCCESS = "PAYMENT_INSTRUMENT_UPDATED";
-const usePaymentInstrumentEvents = ({ logger }) => {
+const usePaymentInstrumentEvents = () => {
     const { subscribe, unsubscribe } = useEvent();
     const { showError, showSuccess } = useToast();
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
     const onSuccess = useCallback(({ message }) => showSuccess({ message: message.id }), [showSuccess]);
     const onError = useCallback(({ error }) => {
         if (error.toaster) {

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

@@ -0,0 +1,2 @@
+declare const usePaymentInstrumentUpdateEvents: () => void;
+export { usePaymentInstrumentUpdateEvents };

package/dist/infrastructure/ui/hooks/usePaymentInstrumentUpdateEvents.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 usePaymentInstrumentUpdateEvents = () => {
+    const { subscribe, unsubscribe } = useEvent();
+    const { showError, showSuccess } = useToast();
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
+    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 { usePaymentInstrumentUpdateEvents };

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

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

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

@@ -1,6 +1,5 @@
 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,7 +1,6 @@
 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,19 +3,17 @@ 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, logger });
+    const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id });
     useEffect(() => {
         if (checkout?.id) {
             startCheckout();

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

@@ -2,7 +2,6 @@ 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";
@@ -11,7 +10,6 @@ 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,
@@ -30,7 +28,6 @@ const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
         checkoutBookingId: checkout?.checkoutBookingId,
         paymentFlowRef,
         onError: handleOnErrorSubmitCheckout,
-        logger,
     });
     useEffect(() => {
         if (paymentFlowPayload) {

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

@@ -1,12 +1,10 @@
 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 });
+    usePaymentInstrumentEvents();
     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,7 +1,6 @@
 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";
@@ -15,14 +14,12 @@ 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/intro/Intro.js

@@ -30,7 +30,7 @@ const Intro = ({ customerId }) => {
     const [incrementIntroShownCount, incrementIntroShownCountStatus] = useIncrementIntroShownCount();
     if (fiveItemsDiscountStatus === QueryStatus.LOADING)
         return React.createElement(Spinner, null);
-    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container } },
+    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
         React.createElement(Body, { style: { column: style.bodyColumn } },
             React.createElement(View, { style: style.intro },
                 React.createElement(View, { style: style.content },

package/dist/infrastructure/ui/views/intro/Intro.style.d.ts

@@ -7,9 +7,6 @@ declare const style: {
         flexDirection: "row";
         marginVertical: number;
     };
-    container: {
-        flex: number;
-    };
     content: {
         alignItems: "center";
     };

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

@@ -10,9 +10,6 @@ const style = StyleSheet.create({
         flexDirection: "row",
         marginVertical: spaceS,
     },
-    container: {
-        flex: 1,
-    },
     content: {
         alignItems: "center",
     },

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

@@ -4,7 +4,6 @@ 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";
@@ -33,7 +32,6 @@ 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);
@@ -65,14 +63,12 @@ const Item = ({ customerId, country }) => {
         setCustomerDecissionMade(checkoutItem.status !== CheckoutItemStatus.INITIAL);
     }, [checkoutItem.status, id]);
     const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(false), []);
-    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
+    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
     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), []);
@@ -91,7 +87,6 @@ const Item = ({ customerId, country }) => {
     const [bookCheckoutBooking] = useBookCheckoutBookingForCheckoutItem({
         checkoutItemId: checkoutItem.id,
         checkoutBookingId: checkout?.checkoutBookingId,
-        logger,
     });
     useEffect(() => {
         checkout && bookedProductsVariants === null && bookCheckoutBooking();

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

@@ -5,7 +5,7 @@ import { Image, Pressable, View } from "react-native";
 import Svg, { Line } from "react-native-svg";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { size } from "../../../../../../projection/shared/size";
-import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
+import { Icon } from "../../../../../../shared/ui/components/atoms/icon/Icon";
 import { Price } from "../../../../components/atoms/price/Price";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
 import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
@@ -39,6 +39,6 @@ const ProductVariant = ({ media, brand, name, price, size: sizeProjection, color
                     status === CheckoutItemStatus.REPLACED && (React.createElement(View, { style: style.sizeChange },
                         React.createElement(Text, { level: 3, style: style.sizeChangeText, detail: true }, sizeChangeText)))),
                 React.createElement(Price, { price: price, variant: "detail" }))),
-        onPress && React.createElement(ButtonIcon, { name: "arrow-right" })));
+        onPress && React.createElement(Icon, { name: "arrow-right" })));
 };
 export { ProductVariant };

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

@@ -1,14 +1,19 @@
+import { ComponentType } from "react";
 import { Platform } from "react-native";
-import { Logger } from "./Logger";
 interface SentryLoggerFunctionArgs {
     readonly publicKey: string;
     readonly environment: `${typeof Platform.OS}-${"DEV" | "PROD" | "EXPO"}`;
     readonly release: string;
     readonly project: string;
 }
+interface SentryLoggerHOCProps {
+    readonly customer: {
+        readonly customerId: string;
+    } | undefined;
+}
 interface SentryLoggerFunction {
-    (args: SentryLoggerFunctionArgs): Logger;
+    (args: SentryLoggerFunctionArgs): <P extends SentryLoggerHOCProps>(Component: ComponentType<P>) => ComponentType<P & JSX.IntrinsicAttributes>;
 }
 declare const sentryLogger: SentryLoggerFunction;
-export type { SentryLoggerFunctionArgs };
+export type { SentryLoggerFunctionArgs, SentryLoggerHOCProps };
 export { sentryLogger };

package/dist/shared/logging/SentryLogger.js

@@ -1,7 +1,9 @@
 import { defaultStackParser } from "@sentry/browser";
 import { makeMain } from "@sentry/core";
+import React, { useEffect } from "react";
 import { Platform } from "react-native";
-import { Client, Hub, integrations, transport } from "./SentryDependencies";
+import { useRoutes as reactRouterUseRoutes } from "react-router-native";
+import { Client, Hub, transport, integrations, wrapUseRoutes, wrapComponent, ErrorBoundary, } from "./SentryDependencies";
 // This configuration is obtained from
 // https://docs.sentry.io/clients/javascript/tips/#decluttering-sentry
 const IGNORED_ERRORS = [
@@ -49,10 +51,10 @@ const DENIED_URLS = [
     /webappstoolbarba\.texthelp\.com\//i,
     /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
 ];
-const sentryLogger = ({ environment, release, publicKey, project }) => {
+const sentryLogger = ({ publicKey, environment, release, project }) => {
     let globalHub;
     let currentHub;
-    const createHub = () => {
+    const initHub = () => {
         const client = new Client({
             environment,
             release,
@@ -70,30 +72,28 @@ const sentryLogger = ({ environment, release, publicKey, project }) => {
         });
         return new Hub(client);
     };
-    const init = () => {
-        /**
-         * BrowserClient must be initialized before wrapUseRoutes is used.
-         *
-         * ReactNativeClient cannot be initialized until actual component is rendered.
-         * Its initialization will trigger the native sdk setup with the provided settings,
-         * but by the time an event will be sent to Sentry, the host project (UAF)
-         * will have overridden its configuration (dsn, etc) after initializing it
-         * so we have to initialize it after the component mount.
-         */
-        if (Platform.OS === "web") {
-            currentHub = createHub();
-        }
-    };
+    /**
+     * BrowserClient must be initialized before wrapUseRoutes is used.
+     *
+     * ReactNativeClient cannot be initialized until actual component is rendered.
+     * Its initialization will trigger the native sdk setup with the provided settings,
+     * but by the time an event will be sent to Sentry, the host project (UAF)
+     * will have overridden its configuration (dsn, etc) after initializing it
+     * so we have to initialize it after the component mount.
+     */
+    if (Platform.OS === "web") {
+        currentHub = initHub();
+    }
     const onMount = (customerId) => {
         // currentHub won't be initialized in native until this time
-        currentHub = currentHub ?? createHub();
+        currentHub = currentHub ?? initHub();
         currentHub.setUser({ id: customerId });
         currentHub.startSession();
         if (!globalHub) {
             globalHub = makeMain(currentHub);
         }
     };
-    const onUnmount = () => {
+    const onUnMount = () => {
         if (currentHub) {
             currentHub.endSession();
             currentHub.setUser(null);
@@ -104,14 +104,20 @@ const sentryLogger = ({ environment, release, publicKey, project }) => {
             globalHub = null;
         }
     };
-    const captureException = (error) => {
-        currentHub?.captureException(error);
-    };
-    return {
-        init,
-        onMount,
-        onUnmount,
-        captureException,
+    const useRoutes = wrapUseRoutes(reactRouterUseRoutes);
+    return (Component) => {
+        const WrappedComponent = wrapComponent(Component);
+        const SentryLogger = (props) => {
+            const { customer } = props;
+            useEffect(() => {
+                onMount(customer?.customerId);
+                return onUnMount;
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, []);
+            return (React.createElement(ErrorBoundary, null,
+                React.createElement(WrappedComponent, { ...props, useRoutes: useRoutes })));
+        };
+        return SentryLogger;
     };
 };
 export { sentryLogger };

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

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