@lookiero/checkout 11.5.0 → 12.1.0

package/dist/src/infrastructure/tracking/useTrackReturnItem.d.ts

@@ -1,5 +1,6 @@
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { TrackingPage } from "./tracking";
 interface ReturnItemFunction {
     (): void;
@@ -10,6 +11,7 @@ interface UseTrackReturnItemFunctionArgs {
     readonly segment: Segment;
     readonly checkoutId: string | undefined;
     readonly checkoutItemId: string;
+    readonly tradename: Tradename;
 }
 interface UseTrackReturnItemFunction {
     (agrs: UseTrackReturnItemFunctionArgs): ReturnItemFunction;

package/dist/src/infrastructure/tracking/useTrackReturnItem.js

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { useEmitUserEvent } from "@lookiero/sty-psp-tracking";
 import { PROJECT, TrackingEventName, TrackingEventCategory } from "./tracking";
-const useTrackReturnItem = ({ page, country, segment, checkoutId, checkoutItemId }) => {
+const useTrackReturnItem = ({ page, country, segment, checkoutId, tradename, checkoutItemId, }) => {
     const emitUserEvent = useEmitUserEvent();
     const returnItem = useCallback(() => {
         if (!checkoutId) {
@@ -14,10 +14,11 @@ const useTrackReturnItem = ({ page, country, segment, checkoutId, checkoutItemId
             store: country,
             segment,
             checkoutId,
+            tradename,
             checkoutItemId,
         };
         emitUserEvent(returnItemTrackingEvent);
-    }, [checkoutId, checkoutItemId, country, emitUserEvent, page, segment]);
+    }, [checkoutId, tradename, checkoutItemId, country, emitUserEvent, page, segment]);
     return returnItem;
 };
 export { useTrackReturnItem };

package/dist/src/infrastructure/tracking/useTrackTabView.d.ts

@@ -1,5 +1,6 @@
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { TrackingPage } from "./tracking";
 interface TabViewFunctionArgs<T> {
     readonly tab: T;
@@ -12,6 +13,7 @@ interface UseTrackTabViewFunctionArgs {
     readonly country: Country;
     readonly segment: Segment;
     readonly checkoutId: string | undefined;
+    readonly tradename: Tradename;
 }
-declare const useTrackTabView: <T>({ page, country, segment, checkoutId, }: UseTrackTabViewFunctionArgs) => TabViewFunction<T>;
+declare const useTrackTabView: <T>({ page, country, segment, checkoutId, tradename, }: UseTrackTabViewFunctionArgs) => TabViewFunction<T>;
 export { useTrackTabView };

package/dist/src/infrastructure/tracking/useTrackTabView.js

@@ -1,7 +1,7 @@
 import { useCallback } from "react";
 import { useEmitUserEvent } from "@lookiero/sty-psp-tracking";
 import { PROJECT, TrackingEventName, TrackingEventCategory } from "./tracking";
-const useTrackTabView = ({ page, country, segment, checkoutId, }) => {
+const useTrackTabView = ({ page, country, segment, checkoutId, tradename, }) => {
     const emitUserEvent = useEmitUserEvent();
     const tabView = useCallback(({ tab }) => {
         if (!checkoutId) {
@@ -14,10 +14,11 @@ const useTrackTabView = ({ page, country, segment, checkoutId, }) => {
             store: country,
             segment,
             checkoutId,
+            tradename,
             tab,
         };
         emitUserEvent(tabViewTrackingEvent);
-    }, [checkoutId, country, emitUserEvent, page, segment]);
+    }, [checkoutId, tradename, country, emitUserEvent, page, segment]);
     return tabView;
 };
 export { useTrackTabView };

package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.js

@@ -19,7 +19,7 @@ import { useStaticInfo } from "./useStaticInfo";
 const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection, subscription: subscriptionProjection, getAuthToken, onSuccess, }) => {
     const logger = useLogger();
     const queryBus = useQueryBus();
-    const { customer: { customerId, country, segment, name, email }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment, name, email }, basePath, tradename, } = useStaticInfo();
     const paymentFlowRef = useRef(null);
     const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
         checkoutId: checkoutProjection?.id,
@@ -53,6 +53,7 @@ const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection,
         userId: customerId,
         country,
         segment,
+        tradename,
     });
     const checkoutFlow = useCallback(async () => {
         try {

package/dist/src/infrastructure/ui/routing/CheckoutMiddleware.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, JSX } from "react";
 interface CheckoutMiddlewareProps {
     readonly customerId: string;
     readonly onNotAccessible: () => void;

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

@@ -34,7 +34,7 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
     const feedbackRouteMatchRef = useRef(feedbackRouteMatch);
     feedbackRouteMatchRef.current = feedbackRouteMatch;
     const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const checkoutItemsRef = useRef();
+    const checkoutItemsRef = useRef([]);
     /* This hook is mounted at this level, although not being used directly, for optimization (regarding cache) */
     useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkout?.id });
     const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id, logger });
@@ -55,7 +55,9 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
              */
             const itemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL &&
                 checkoutItemsRef.current?.find((previousItem) => previousItem.id === item.id && previousItem.status !== CheckoutItemStatus.INITIAL)) || checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
-            checkoutItemsRef.current = checkout?.items;
+            if (checkout?.items) {
+                checkoutItemsRef.current = checkout.items;
+            }
             /* Navigate to the summary if required */
             if (itemWithoutCustomerDecision === undefined &&
                 !(summaryRouteMatchRef.current ||
@@ -71,7 +73,7 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
                 });
             }
         }
-    }, [basePath, checkout?.status, checkout?.items]);
+    }, [basePath, checkout?.items, checkout?.status]);
     if (checkout === undefined) {
         return loader;
     }

package/dist/src/infrastructure/ui/test/render.js

@@ -9,7 +9,7 @@ const I18nProvider = createI18nProvider({ domain: DOMAIN });
 const renderWrapper = ({ locale, messages = {}, wrapper: Wrapper = Fragment, logger = mock() }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
 ({ children }) => (React.createElement(Aurora, null,
-    React.createElement(I18nProvider, { locale: locale, messages: messages, onError: () => void 0 },
+    React.createElement(I18nProvider, { locale: locale, messages: messages, onError: () => { }, onWarn: () => { } },
         React.createElement(LoggerProvider, { logger: logger },
             React.createElement(Wrapper, null, children)))));
 const renderWithProviders = (ui, { locale, messages, wrapper } = { locale: "en" }) => render(ui, { wrapper: renderWrapper({ locale, messages, wrapper }) });

package/dist/src/infrastructure/ui/views/App.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, JSX } from "react";
 interface AppProps {
     readonly children: JSX.Element;
 }

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

@@ -25,7 +25,7 @@ import { style as checkoutStyle } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
 import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrument";
 const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedirect, onCheckoutFlowSuccess, }) => {
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
     const style = useMemo(() => checkoutStyle(), []);
@@ -46,6 +46,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         page: TrackingPage.CHECKOUT,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const navigate = useNavigate();
@@ -53,6 +54,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         page: TrackingPage.CHECKOUT,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnSubmit = useCallback(async () => {
@@ -65,6 +67,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         page: TrackingPage.CHECKOUT,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnBack = useCallback(() => {

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

@@ -20,7 +20,7 @@ const Feedback = ({ layout: Layout }) => {
     const logger = useLogger();
     const screenSize = useScreenSize();
     const isDesktop = screenSize === "L";
-    const { customer: { customerId, country, segment }, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, tradename, } = useStaticInfo();
     const style = useMemo(() => feedbackStyle(), []);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [checkoutQuestions, checkoutQuestionsStatus] = useListCheckoutQuestionsByCheckoutId({
@@ -31,12 +31,14 @@ const Feedback = ({ layout: Layout }) => {
         country,
         segment,
         checkoutId: checkout?.id,
+        tradename,
     });
     const trackChangeFeedback = useTrackChangeFeedback({
         page: TrackingPage.FEEDBACK,
         country,
         segment,
         checkoutId: checkout?.id,
+        tradename,
     });
     const handleOnChangedFeedback = useCallback(({ checkoutQuestionId, checkoutQuestionFeedback, hasFeedback }) => {
         const question = checkoutQuestions?.find((question) => question.id === checkoutQuestionId);
@@ -59,6 +61,7 @@ const Feedback = ({ layout: Layout }) => {
         country,
         segment,
         checkoutId: checkout?.id,
+        tradename,
     });
     const handleOnSubmit = useCallback(async (feedbacks) => {
         try {

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

@@ -28,7 +28,7 @@ import { ItemWithoutCustomerDecission, } from "./views/itemWithoutCustomerDeciss
 const Item = ({ layout: Layout }) => {
     const logger = useLogger();
     const navigate = useNavigate();
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const style = useMemo(() => itemStyle(), []);
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize !== "S";
@@ -83,6 +83,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
         checkoutItemId: checkoutItem.id,
         status: checkoutItem.status,
@@ -94,6 +95,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnNext = useCallback(({ from, to }) => trackPressNext({ from, to }), [trackPressNext]);
@@ -101,6 +103,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnPrevious = useCallback(({ from, to }) => trackPressPrevious({ from, to }), [trackPressPrevious]);
@@ -108,6 +111,7 @@ const Item = ({ layout: Layout }) => {
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnBack = useCallback(() => {

package/dist/src/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.js

@@ -19,7 +19,7 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
     const screenSize = useScreenSize();
     const isMobile = screenSize === "S";
     const logger = useLogger();
-    const { customer: { country, segment }, } = useStaticInfo();
+    const { customer: { country, segment }, tradename, } = useStaticInfo();
     /* ResetCheckoutItem */
     const [resetCheckoutItem, resetCheckoutItemStatus] = useResetCheckoutItem({
         checkoutItemId: checkoutItem.id,
@@ -29,6 +29,7 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
     });
@@ -42,7 +43,7 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
         return React.createElement(Spinner, { testID: "spinner" });
     }
     return (React.createElement(Body, { style: { row: style.container } },
-        React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, customerDecissionBanner: React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: resetItem }) }, checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: [style.feedbackContainer, isMobile ? style.feedbackContainerMobile : undefined] },
+        React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, tradename: tradename, customerDecissionBanner: React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: resetItem }) }, checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: [style.feedbackContainer, isMobile ? style.feedbackContainerMobile : undefined] },
             React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions, onEditFeedback: onEditFeedback }))))));
 };
 export { ItemWithCustomerDecission };

package/dist/src/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js

@@ -17,7 +17,7 @@ import { ProductVariant } from "../productVariant/ProductVariant";
 import { style as itemWithoutCustomerDecissionStyle } from "./ItemWithoutCustomerDecission.style";
 const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProductsVariants, currentProductVariant, onReturn, }) => {
     const logger = useLogger();
-    const { customer: { country, segment }, } = useStaticInfo();
+    const { customer: { country, segment }, tradename, } = useStaticInfo();
     const style = useMemo(() => itemWithoutCustomerDecissionStyle(), []);
     /* KeepCheckoutItem */
     const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
@@ -25,6 +25,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
     });
@@ -42,6 +43,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
         productVariantId: checkoutItem.productVariant.id,
@@ -64,7 +66,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
         React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: checkoutItem.id },
             React.createElement(Body, { style: { row: style.container } },
-                React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, style: {
+                React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, tradename: tradename, style: {
                         content: { paddingBottom: Platform.OS === "web" ? style.productVariantPaddingBottom : stickyHeight },
                     } }))),
         React.createElement(ItemActions, { country: country, currentProductVariant: currentProductVariant, productVariants: bookedProductsVariants?.productVariants, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: onReturn, onShowSizeWithoutStockModal: handleOnShowSizeWithoutStockModal })));

package/dist/src/infrastructure/ui/views/item/views/productVariant/ProductVariant.d.ts

@@ -2,10 +2,12 @@ import { FC, ReactNode } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 type ProductVariantStyle = "content";
 interface ProductVariantProps {
+    readonly tradename: Tradename;
     readonly country: Country;
     readonly segment: Segment;
     readonly checkoutId: string;

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

@@ -7,7 +7,7 @@ import { useTrackImageView } from "../../../../../tracking/useTrackImageView";
 import { ProductVariantDescription } from "../../components/productVariantDescription/ProductVariantDescription";
 import { ProductVariantSlider } from "../../components/productVariantSlider/ProductVariantSlider";
 import { style as productVariantStyle } from "./ProductVariant.style";
-const ProductVariant = ({ country, segment, checkoutId, checkoutItem, currentProductVariant, style: customStyle, children, customerDecissionBanner, }) => {
+const ProductVariant = ({ tradename, country, segment, checkoutId, checkoutItem, currentProductVariant, style: customStyle, children, customerDecissionBanner, }) => {
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize !== "S";
     const style = useMemo(() => productVariantStyle(), []);
@@ -15,6 +15,7 @@ const ProductVariant = ({ country, segment, checkoutId, checkoutItem, currentPro
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId,
         checkoutItemId: checkoutItem.id,
         productVariantId: checkoutItem.productVariant.id,

package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -41,7 +41,7 @@ const returnQuestionItems = {
 };
 const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout, segment, }) => {
     const navigate = useNavigate();
-    const { basePath } = useStaticInfo();
+    const { basePath, tradename } = useStaticInfo();
     const logger = useLogger();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
@@ -62,14 +62,16 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
         page: TrackingPage.RETURN,
         country,
         segment,
+        tradename,
         checkoutId: checkout.id,
         checkoutItemId: checkoutItem.id,
     });
-    useTrackPageView({ checkoutId: checkout.id, country, segment, page: TrackingPage.RETURN });
+    useTrackPageView({ checkoutId: checkout.id, country, segment, tradename, page: TrackingPage.RETURN });
     const trackPressBack = useTrackPressBack({
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnBack = useCallback(() => {
@@ -80,6 +82,7 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
         page: TrackingPage.ITEM,
         country,
         segment,
+        tradename,
         checkoutId: checkout.id,
     });
     const handleOnSubmit = useCallback(async () => {

package/dist/src/infrastructure/ui/views/summary/Summary.js

@@ -21,7 +21,7 @@ import { Routes } from "../../routing/routes";
 import { style as summaryStyle } from "./Summary.style";
 import { CollapsiblePricing } from "./components/collapsiblePricing/CollapsiblePricing";
 const Summary = ({ layout: Layout, children }) => {
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize === "L";
     const style = useMemo(() => summaryStyle(), []);
@@ -40,6 +40,7 @@ const Summary = ({ layout: Layout, children }) => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnPricingLayout = useCallback(({ height }) => setPricingHeight(height), []);
@@ -61,12 +62,14 @@ const Summary = ({ layout: Layout, children }) => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const trackPressContinue = useTrackPressContinue({
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnSubmit = useCallback(() => {

package/dist/src/infrastructure/ui/views/summaryTabs/SummaryTabs.js

@@ -17,7 +17,7 @@ const TAB_INDEX = {
 };
 const SummaryTabs = () => {
     const { tab } = useParams();
-    const { customer: { customerId, country, segment }, basePath, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const tabIndex = useMemo(() => TAB_INDEX[tab] || 0, [tab]);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const navigate = useNavigate();
@@ -25,12 +25,14 @@ const SummaryTabs = () => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const trackPressItem = useTrackPressItem({
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnPressItem = useCallback((checkoutItemId) => {
@@ -41,6 +43,7 @@ const SummaryTabs = () => {
         page: TrackingPage.SUMMARY,
         country,
         segment,
+        tradename,
         checkoutId: checkout?.id,
     });
     const handleOnChangedTab = useCallback((active) => trackTabView({ tab: active === 0 ? "keep" : "return" }), [trackTabView]);

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.d.ts

@@ -1,5 +1,5 @@
-import { ReturnQuestionProjection, ReturnQuestionTypesWithChildren } from "./returnQuestion";
+import { ReturnQuestionProjection, ReturnQuestionTypesWithChildren, ReturnQuestionTypesWithOptionalTranslationKeys } from "./returnQuestion";
 import { ReturnQuestionType } from "./returnQuestion.constants";
-declare const returnQuestionWithTranslationKey: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_TEXTAREA | ReturnQuestionType.HOST_SELECT | ReturnQuestionType.TEXTAREA | ReturnQuestionType.OPTION>;
+declare const returnQuestionWithTranslationKey: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<Exclude<ReturnQuestionType, ReturnQuestionTypesWithOptionalTranslationKeys>>;
 declare const returnQuestionHasChildren: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionTypesWithChildren>;
 export { returnQuestionWithTranslationKey, returnQuestionHasChildren };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "11.5.0";
+export declare const VERSION = "12.1.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "11.5.0";
+export const VERSION = "12.1.0";

package/index.ts

@@ -58,9 +58,9 @@ const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken, translations, sent
   };
 };
 
-export type { Project };
 export { bootstrap, translationEndpoint, translationExternalEndpoint, Country, Segment, CheckoutStatus, Tradename };
 export type {
+  Project,
   SentryEnvironment,
   KameleoonEnvironment,
   Customer,

package/jest.config.js

@@ -4,7 +4,4 @@ module.exports = {
   ...jestReactNativeConfig,
   setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
   setupFiles: ["../../node_modules/react-native-gesture-handler/jestSetup.js"],
-  moduleNameMapper: {
-    ...(jestReactNativeConfig.moduleNameMapper || {}),
-  },
 };

package/jest.setup.js

@@ -1,9 +1,17 @@
 import mockAsyncStorage from "@react-native-async-storage/async-storage/jest/async-storage-mock";
-import "@testing-library/jest-native/extend-expect";
 import "@lookiero/sty-psp-jest-config/jest.setup.base";
 
 require("react-native-reanimated").setUpTests();
 
+jest.mock('react-native-reanimated', () => {
+  const Reanimated = jest.requireActual('react-native-reanimated/mock');
+
+  // Override call to prevent warnings in newer versions
+  Reanimated.default.call = () => {};
+
+  return Reanimated;
+});
+
 jest.mock("@react-native-async-storage/async-storage", () => mockAsyncStorage);
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "11.5.0",
+  "version": "12.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -22,23 +22,23 @@
     "@lookiero/messaging": "^8.1.1",
     "@lookiero/messaging-react": "^8.1.1",
     "@lookiero/sty-psp-ab-testing": "^0.3",
-    "@lookiero/sty-psp-expo-config": "^0.2",
+    "@lookiero/sty-psp-expo-config": "^1.0",
     "@lookiero/sty-psp-http": "^2.0",
     "@lookiero/sty-psp-i18n": "^1.0",
     "@lookiero/sty-psp-locale": "^0.4",
-    "@lookiero/sty-psp-logging": "^0.5",
-    "@lookiero/sty-psp-notifications": "^1.2",
-    "@lookiero/sty-psp-react-native": "^0.3",
+    "@lookiero/sty-psp-logging": "^1.0",
+    "@lookiero/sty-psp-notifications": "^2.0",
+    "@lookiero/sty-psp-react-native": "^1.0",
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^0.2",
-    "@lookiero/sty-psp-tracking": "^0.2",
-    "@lookiero/sty-sp-tradename": "^1.0",
-    "@lookiero/sty-psp-ui": "^1.1",
-    "@lookiero/sty-psp-ui-settings": "^0.2",
+    "@lookiero/sty-psp-tracking": "^2.0",
+    "@lookiero/sty-psp-ui-settings": "^1.0",
+    "@lookiero/sty-psp-ui": "^2.0",
     "@lookiero/sty-psp-units": "^0.1",
     "@lookiero/sty-psp-uuid": "^0.2",
+    "@lookiero/sty-sp-tradename": "^1.0",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
-    "react-native-svg": "15.2.0",
+    "react-native-svg": "15.8.0",
     "tiny-invariant": "^1.3.1"
   },
   "devDependencies": {
@@ -52,20 +52,22 @@
     "@lookiero/sty-psp-scripts": "*",
     "@lookiero/sty-psp-typescript": "*",
     "@react-native-async-storage/async-storage": "1.23.1",
+    "@react-native/assets-registry": "^0.79.2",
     "@remix-run/router": ">=1.10",
-    "@testing-library/react-native": ">=12",
+    "@testing-library/react-native": ">=13",
     "@types/jest-when": ">=3",
     "apollo-boost": "0.4.4",
     "buffer": "5.6.0",
     "cypress": "^13.14.2",
     "detox": "^20.11.0",
-    "expo-crypto": "~13.0.2",
+    "expo-crypto": "~14.0.2",
     "jest-mock-extended": ">=3",
     "jest-when": ">=3",
-    "react-native-gesture-handler": "~2.16.1",
+    "metro": "^0.81.0",
+    "react-native-gesture-handler": "~2.20.2",
     "react-native-get-random-values": "~1.11.0",
-    "react-native-reanimated": "~3.10.1",
-    "react-native-safe-area-context": "4.10.5",
+    "react-native-reanimated": "~3.16.1",
+    "react-native-safe-area-context": "4.12.0",
     "webpack-bundle-analyzer": "^4.10.2"
   },
   "peerDependencies": {
@@ -77,14 +79,14 @@
     "@lookiero/i18n-react": ">=2",
     "@lookiero/payments-front": ">=7",
     "apollo-boost": "0.4.4",
-    "expo": ">=51",
+    "expo": ">=52",
     "expo-font": ">=12",
     "react": ">=18",
-    "react-native": ">=0.74",
-    "react-native-gesture-handler": "~2.16.1",
+    "react-native": ">=0.76",
+    "react-native-gesture-handler": ">=2.20",
     "react-native-get-random-values": ">=1.11",
-    "react-native-reanimated": "~3.10.1",
-    "react-native-safe-area-context": ">=4.10",
+    "react-native-reanimated": ">=3.16",
+    "react-native-safe-area-context": ">=4.12",
     "react-router-dom": ">=6.14",
     "react-router-native": ">=6.14",
     "uuid": ">=9"

package/src/ExpoRoot.tsx

@@ -1,6 +1,5 @@
 import { PortalProvider } from "@gorhom/portal";
 import { useFonts } from "expo-font";
-import "expo/build/Expo.fx";
 import React, { FC, useCallback, useState } from "react";
 import { Platform, ScrollView } from "react-native";
 import { Navigate, Route, Routes } from "react-router-native";
@@ -38,7 +37,7 @@ const order: OrderProjection = {
 };
 
 const customer: Customer = {
-  customerId: "dd186ec9-109f-418d-a770-c6721aa2a97e",
+  customerId: "5c38e826-3d01-4a4b-a3d1-8a4166dc2a31",
   country: Country.NL,
   segment: Segment.WOMEN,
   email: "email@example.com",
@@ -59,7 +58,7 @@ const apiUrl =
       ? "/local-to-dev"
       : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU2OTUxOTEsImV4cCI6MTc0ODA3NzU5NSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMDQtMjQiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiZGQxODZlYzktMTA5Zi00MThkLWE3NzAtYzY3MjFhYTJhOTdlIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NDU0ODU1OTV9.MHdtbMWX4lUU98ARiGALsUNkoqu1wKN7Qd-fCv6oqi4";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjU3MDEwMTIsImV4cCI6MTc1MDMyMTgwOSwiZGlzcGxheU5hbWUiOiJUZXN0aW5nIiwiY291bnRyeV9jb2RlIjoiRVMiLCJhY2Nlc3NWaWEiOiJlbWFpbCIsInN1YnNjcmlwdGlvblN0YXJ0aW5nRGF0ZSI6IjIwMjUtMDUtMTkiLCJpbXBlcnNvbmF0ZWQiOmZhbHNlLCJ1dWlkIjoiNWMzOGU4MjYtM2QwMS00YTRiLWEzZDEtOGE0MTY2ZGMyYTMxIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJpYXQiOjE3NDc2NDM0MDl9.-amqZAXKy9KKeo9a7bOQigWw1flM99OBlddxbMBA_PU";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const externalTranslationsUrl =