@lookiero/checkout 0.8.4-beta.2 → 0.8.4

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

@@ -1,7 +1,6 @@
 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";
@@ -16,15 +15,13 @@ 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) ||
-    isCheckoutBookingBooked(event);
+    isCheckoutBookingExpired(event);
 const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
     query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
     contextId: MESSAGING_CONTEXT_ID,

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

@@ -1,9 +1,10 @@
-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;
-};
+const httpCheckoutBookingByIdView = ({ httpPost }) => async ({ checkoutBookingId, signal }) => await httpPost({
+    endpoint: "/view-checkout-booking-by-id",
+    body: { checkoutBookingId },
+    signal,
+    result: {
+        error: null,
+        success: (response) => response.result,
+    },
+});
 export { httpCheckoutBookingByIdView };

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

@@ -1,9 +1,10 @@
-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;
-};
+const httpCheckoutItemByIdView = ({ httpPost }) => async ({ checkoutItemId, signal }) => await httpPost({
+    endpoint: "/view-checkout-item-by-id",
+    body: { checkoutItemId },
+    signal,
+    result: {
+        error: null,
+        success: (response) => response.result,
+    },
+});
 export { httpCheckoutItemByIdView };

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

@@ -1,9 +1,10 @@
-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;
-};
+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,
+    },
+});
 export { httpCheckoutQuestionsByCheckoutIdView };

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

@@ -1,9 +1,10 @@
-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;
-};
+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,
+    },
+});
 export { httpPaymentFlowPayloadByCheckoutIdView };

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

@@ -1,9 +1,10 @@
-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;
-};
+const httpPricingByCheckoutIdView = ({ httpPost }) => async ({ checkoutId, signal }) => await httpPost({
+    endpoint: "/view-pricing-by-checkout-id",
+    body: { checkoutId },
+    signal,
+    result: {
+        error: null,
+        success: (response) => response.result,
+    },
+});
 export { httpPricingByCheckoutIdView };

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

@@ -1,9 +1,10 @@
-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;
-};
+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,
+    },
+});
 export { httpReturnQuestionsByCheckoutItemIdView };

package/dist/infrastructure/ui/Root.js

@@ -2,6 +2,7 @@ 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
@@ -10,6 +11,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 sentryLogger(sentry)(Root);
+    return sentryLoggerHOC({ logger: sentryLogger(sentry) })(Root);
 };
 export { root };

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

@@ -1,2 +1,9 @@
-declare const usePaymentInstrumentEvents: () => void;
+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

@@ -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 = () => {
+const usePaymentInstrumentEvents = ({ logger }) => {
     const { subscribe, unsubscribe } = useEvent();
     const { showError, showSuccess } = useToast();
-    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
+    const [createNotification] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
     const onSuccess = useCallback(({ message }) => showSuccess({ message: message.id }), [showSuccess]);
     const onError = useCallback(({ error }) => {
         if (error.toaster) {

package/dist/infrastructure/ui/hooks/useSubmitCheckout.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,18 @@ 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) { }
+        catch (error) {
+            return;
+        }
         paymentFlowRef.current?.startLegacyBoxCheckout(
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
@@ -25,10 +27,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 +38,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/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/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.js

@@ -1,10 +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();
-    usePaymentInstrumentEvents();
+    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/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 { Icon } from "../../../../../../shared/ui/components/atoms/icon/Icon";
+import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 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(Icon, { name: "arrow-right" })));
+        onPress && React.createElement(ButtonIcon, { name: "arrow-right" })));
 };
 export { ProductVariant };

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

@@ -0,0 +1,7 @@
+interface Logger {
+    readonly init: () => void;
+    readonly onMount: (customerId: string | undefined) => void;
+    readonly onUnmount: () => void;
+    readonly captureException: (error: Error) => void;
+}
+export type { Logger };

package/dist/shared/logging/Logger.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,19 +1,14 @@
-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): <P extends SentryLoggerHOCProps>(Component: ComponentType<P>) => ComponentType<P & JSX.IntrinsicAttributes>;
+    (args: SentryLoggerFunctionArgs): Logger;
 }
 declare const sentryLogger: SentryLoggerFunction;
-export type { SentryLoggerFunctionArgs, SentryLoggerHOCProps };
+export type { SentryLoggerFunctionArgs };
 export { sentryLogger };

package/dist/shared/logging/SentryLogger.js

@@ -1,9 +1,7 @@
 import { defaultStackParser } from "@sentry/browser";
 import { makeMain } from "@sentry/core";
-import React, { useEffect } from "react";
 import { Platform } from "react-native";
-import { useRoutes as reactRouterUseRoutes } from "react-router-native";
-import { Client, Hub, transport, integrations, wrapUseRoutes, wrapComponent, ErrorBoundary, } from "./SentryDependencies";
+import { Client, Hub, integrations, transport } from "./SentryDependencies";
 // This configuration is obtained from
 // https://docs.sentry.io/clients/javascript/tips/#decluttering-sentry
 const IGNORED_ERRORS = [
@@ -51,10 +49,10 @@ const DENIED_URLS = [
     /webappstoolbarba\.texthelp\.com\//i,
     /metrics\.itunes\.apple\.com\.edgesuite\.net\//i,
 ];
-const sentryLogger = ({ publicKey, environment, release, project }) => {
+const sentryLogger = ({ environment, release, publicKey, project }) => {
     let globalHub;
     let currentHub;
-    const initHub = () => {
+    const createHub = () => {
         const client = new Client({
             environment,
             release,
@@ -72,28 +70,30 @@ const sentryLogger = ({ publicKey, environment, release, project }) => {
         });
         return new Hub(client);
     };
-    /**
-     * 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 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();
+        }
+    };
     const onMount = (customerId) => {
         // currentHub won't be initialized in native until this time
-        currentHub = currentHub ?? initHub();
+        currentHub = currentHub ?? createHub();
         currentHub.setUser({ id: customerId });
         currentHub.startSession();
         if (!globalHub) {
             globalHub = makeMain(currentHub);
         }
     };
-    const onUnMount = () => {
+    const onUnmount = () => {
         if (currentHub) {
             currentHub.endSession();
             currentHub.setUser(null);
@@ -104,20 +104,14 @@ const sentryLogger = ({ publicKey, environment, release, project }) => {
             globalHub = null;
         }
     };
-    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;
+    const captureException = (error) => {
+        currentHub?.captureException(error);
+    };
+    return {
+        init,
+        onMount,
+        onUnmount,
+        captureException,
     };
 };
 export { sentryLogger };

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

@@ -0,0 +1,15 @@
+import { ComponentType } from "react";
+import { Logger } from "./Logger";
+interface SentryLoggerHOCFunctionArgs {
+    readonly logger: Logger;
+}
+interface SentryLoggerHOCProps {
+    readonly customer: {
+        readonly customerId: string;
+    } | undefined;
+}
+interface SentryLoggerHOCFunction {
+    (args: SentryLoggerHOCFunctionArgs): <P extends SentryLoggerHOCProps>(Component: ComponentType<P>) => ComponentType<P & JSX.IntrinsicAttributes>;
+}
+declare const sentryLoggerHOC: SentryLoggerHOCFunction;
+export { sentryLoggerHOC };

package/dist/shared/logging/SentryLoggerHOC.js

@@ -0,0 +1,24 @@
+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);
+    return (Component) => {
+        const WrappedComponent = wrapComponent(Component);
+        const SentryLogger = (props) => {
+            const { customer } = props;
+            useEffect(() => {
+                logger.onMount(customer?.customerId);
+                return logger.onUnmount;
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+            }, []);
+            return (React.createElement(ErrorBoundary, null,
+                React.createElement(LoggerProvider, { logger: logger },
+                    React.createElement(WrappedComponent, { ...props, useRoutes: useRoutes }))));
+        };
+        return SentryLogger;
+    };
+};
+export { sentryLoggerHOC };

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];