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

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/projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView.js

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

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.d.ts

@@ -0,0 +1,12 @@
+import { BookedSizeChangeProductsVariantsForCheckoutItemView } from "../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpBookedSizeChangeProductsVariantsForCheckoutItemView extends BookedSizeChangeProductsVariantsForCheckoutItemView {
+}
+interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction {
+    (args: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs): HttpBookedSizeChangeProductsVariantsForCheckoutItemView;
+}
+declare const httpBookedSizeChangeProductsVariantsForCheckoutItemView: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction;
+export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.js

@@ -0,0 +1,9 @@
+const httpBookedSizeChangeProductsVariantsForCheckoutItemView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/view-booked-size-change-product-variants-for-checkout-item",
+        body: { checkoutItemId },
+        signal,
+    });
+    return !response.ok || response.status === 404 ? null : (await response.json()).result;
+};
+export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { BookedSizeChangeProductsVariantsProjection } from "../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
+interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
+    (args: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs): UseQueryFunctionResult<BookedSizeChangeProductsVariantsProjection>;
+}
+declare const useViewBookedSizeChangeProductsVariantsForCheckoutItem: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
+export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.js

@@ -0,0 +1,12 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
+import { viewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKED;
+const useViewBookedSizeChangeProductsVariantsForCheckoutItem = ({ checkoutItemId }) => useQuery({
+    query: viewBookedSizeChangeProductsVariantsForCheckoutItem({ checkoutItemId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutBookingBooked,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/checkout/httpCheckoutByIdView.js

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

package/dist/infrastructure/projection/checkout/httpFirstAvailableCheckoutByCustomerIdView.js

@@ -1,10 +1,11 @@
 import { toCheckoutProjection } from "./checkout";
-const httpFirstAvailableCheckoutByCustomerIdView = ({ httpPost }) => async ({ customerId, signal }) => {
-    const response = await httpPost({
-        endpoint: "/view-first-available-checkout-by-customer-id",
-        body: { customerId },
-        signal,
-    });
-    return !response.ok || response.status === 404 ? null : toCheckoutProjection((await response.json()).result);
-};
+const httpFirstAvailableCheckoutByCustomerIdView = ({ httpPost }) => async ({ customerId, signal }) => await httpPost({
+    endpoint: "/view-first-available-checkout-by-customer-id",
+    body: { customerId },
+    signal,
+    result: {
+        error: null,
+        success: (response) => toCheckoutProjection(response.result),
+    },
+});
 export { httpFirstAvailableCheckoutByCustomerIdView };

package/dist/infrastructure/projection/checkout/httpFiveItemsDiscountByCustomerIdView.js

@@ -1,8 +1,9 @@
-const httpFiveItemsDiscountByCustomerIdView = ({ httpGet }) => async ({ customerId, signal }) => {
-    const response = await httpGet({
-        endpoint: `/view-five-items-discount-by-customer-id/${customerId}`,
-        signal,
-    });
-    return !response.ok ? 0 : await response.json();
-};
+const httpFiveItemsDiscountByCustomerIdView = ({ httpGet }) => async ({ customerId, signal }) => await httpGet({
+    endpoint: `/view-five-items-discount-by-customer-id/${customerId}`,
+    signal,
+    result: {
+        error: 0,
+        success: (response) => response,
+    },
+});
 export { httpFiveItemsDiscountByCustomerIdView };

package/dist/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.js

@@ -1,8 +1,9 @@
-const httpIsCheckoutEnabledByCustomerIdView = ({ httpGet }) => async ({ customerId, signal }) => {
-    const response = await httpGet({
-        endpoint: `/is-new-checkout-enabled/${customerId}`,
-        signal,
-    });
-    return !response.ok ? false : await response.json();
-};
+const httpIsCheckoutEnabledByCustomerIdView = ({ httpGet }) => async ({ customerId, signal }) => await httpGet({
+    endpoint: `/is-new-checkout-enabled/${customerId}`,
+    signal,
+    result: {
+        error: false,
+        success: (response) => response,
+    },
+});
 export { httpIsCheckoutEnabledByCustomerIdView };

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

@@ -0,0 +1,12 @@
+import { CheckoutFeedbackByCheckoutIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutFeebackByCheckoutIdView extends CheckoutFeedbackByCheckoutIdView {
+}
+interface HttpCheckoutFeebackByCheckoutIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutFeebackByCheckoutIdViewFunction {
+    (args: HttpCheckoutFeebackByCheckoutIdViewFunctionArgs): HttpCheckoutFeebackByCheckoutIdView;
+}
+declare const httpCheckoutFeebackByCheckoutIdView: HttpCheckoutFeebackByCheckoutIdViewFunction;
+export { httpCheckoutFeebackByCheckoutIdView };

package/dist/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.js

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

package/dist/infrastructure/projection/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,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/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/App.style.d.ts

@@ -0,0 +1,4 @@
+declare const style: {
+    header: {};
+};
+export { style };

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

@@ -0,0 +1,16 @@
+import { Platform, StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    header: {
+        ...Platform.select({
+            web: {
+                position: "fixed",
+                zIndex: 1,
+            },
+            native: {
+                position: "absolute",
+                zIndex: 1,
+            },
+        }),
+    },
+});
+export { style };

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+interface MenuProps {
+    readonly isVisible: boolean;
+    readonly onClose: () => void;
+}
+type Menu = FC<MenuProps>;
+interface HeaderProps {
+    readonly customerId: string;
+    readonly menu: Menu;
+    readonly style?: StyleProp<ViewStyle>;
+}
+declare const Header: FC<HeaderProps>;
+export type { Menu };
+export { Header };