@lookiero/checkout 0.5.0-beta.4 → 0.5.1

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

@@ -1,6 +1,7 @@
 import { I18n } from "@lookiero/i18n-react";
 import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
 import { FC } from "react";
+import { Customer } from "../../projection/shared/customer";
 import { Menu, TabBar } from "./views/navigation/Navigation";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
@@ -14,7 +15,7 @@ interface RootFunction {
 interface RootProps {
     readonly basePath: string;
     readonly locale?: string;
-    readonly customerId: string | undefined;
+    readonly customer: Customer | undefined;
     readonly menu: Menu;
     readonly tabBar: TabBar;
     readonly onNotAccessible: () => void;

package/dist/infrastructure/ui/Root.js

@@ -3,9 +3,9 @@ import { Platform } from "react-native";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, getAuthToken, development }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
-({ basePath, locale = "en", customerId, menu, tabBar, onNotAccessible, useRedirect }) => {
+({ basePath, locale = "en", customer, menu, tabBar, onNotAccessible, useRedirect }) => {
     const handleOnI18nError = useCallback(() => void 0, []);
     return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-        React.createElement(Routing, { I18n: I18n, basePath: basePath, customerId: customerId, getAuthToken: getAuthToken, locale: locale, menu: menu, tabBar: tabBar, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
+        React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, locale: locale, menu: menu, tabBar: tabBar, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
 };
 export { root };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.js

@@ -2,10 +2,11 @@ import React from "react";
 import { Platform, ScrollView } from "react-native";
 import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
 import { theme } from "../../theme/theme";
+import { style } from "./SafeAreaScrollView.style.ts";
 const { spaceXXXL } = theme();
 const SafeAreaScrollView = ({ children, footer, edges = ["top", "left", "right"], style: customStyle, scrollerPaddingTop = 0, }) => {
     const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = useSafeAreaInsets();
-    return (React.createElement(SafeAreaView, { edges: edges, style: customStyle?.safeAreaView },
+    return (React.createElement(SafeAreaView, { edges: edges, style: [style.safeAreaView, customStyle?.safeAreaView] },
         React.createElement(ScrollView, { contentContainerStyle: [
                 {
                     paddingTop: safeAreaInsetTop + scrollerPaddingTop,

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.style.ts.d.ts

@@ -0,0 +1,6 @@
+declare const style: {
+    safeAreaView: {
+        flex: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/{views/header/components/Logo.style.js → components/templates/SafeAreaScrollView.style.ts.js}

@@ -1,8 +1,7 @@
 import { StyleSheet } from "react-native";
 const style = StyleSheet.create({
-    logo: {
-        height: 54,
-        width: 217,
+    safeAreaView: {
+        flex: 1,
     },
 });
 export { style };

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

@@ -58,6 +58,8 @@ declare enum I18nMessages {
     HEADER_CHECKOUT_TITLE = "header.checkout_title",
     HEADER_COMPLETE_CHECKOUT_TITLE = "header.complete_checkout_title",
     FEEDBACK_BUTTON = "feedback.button",
-    CHECKOUT_TOAST_BOOKING_EXPIRED = "checkout.toast_booking_expired"
+    CHECKOUT_TOAST_BOOKING_EXPIRED = "checkout.toast_booking_expired",
+    NOT_FOUND_DESCRIPTION = "not_found.description",
+    NOT_FOUND_BUTTON = "not_found.button"
 }
 export { I18nMessages, COLOR_I18N_PREFIX };

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

@@ -60,5 +60,7 @@ var I18nMessages;
     I18nMessages["HEADER_COMPLETE_CHECKOUT_TITLE"] = "header.complete_checkout_title";
     I18nMessages["FEEDBACK_BUTTON"] = "feedback.button";
     I18nMessages["CHECKOUT_TOAST_BOOKING_EXPIRED"] = "checkout.toast_booking_expired";
+    I18nMessages["NOT_FOUND_DESCRIPTION"] = "not_found.description";
+    I18nMessages["NOT_FOUND_BUTTON"] = "not_found.button";
 })(I18nMessages || (I18nMessages = {}));
 export { I18nMessages, COLOR_I18N_PREFIX };

package/dist/infrastructure/ui/routing/Routing.d.ts

@@ -1,9 +1,10 @@
 import { I18n } from "@lookiero/i18n-react";
 import { FC } from "react";
+import { Customer } from "../../../projection/shared/customer";
 import { Menu, TabBar } from "../views/navigation/Navigation";
 interface RoutingProps {
     readonly basePath?: string;
-    readonly customerId: string | undefined;
+    readonly customer: Customer | undefined;
     readonly locale: string;
     readonly I18n: I18n;
     readonly menu: Menu;

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

@@ -12,57 +12,63 @@ const Item = lazy(() => import("../views/item/Item").then((module) => ({ default
 const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
 const Checkout = lazy(() => import("../views/checkout/Checkout").then((module) => ({ default: module.Checkout })));
 const Feedback = lazy(() => import("../views/feedback/Feedback").then((module) => ({ default: module.Feedback })));
-const Routing = ({ basePath = "", customerId, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, }) => {
+const NotFound = lazy(() => import("../views/notFound/NotFound").then((module) => ({ default: module.NotFound })));
+const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, }) => {
     const routes = useRoutes([
         {
             path: "",
             element: (React.createElement(BasePathProvider, { basePath: basePath },
-                React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible },
+                React.createElement(CheckoutAccessibilityMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
                     React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
-                        React.createElement(CheckoutMiddleware, { customerId: customerId },
-                            React.createElement(App, { customerId: customerId, menu: menu, tabBar: tabBar },
+                        React.createElement(CheckoutMiddleware, { customerId: customer?.customerId },
+                            React.createElement(App, { customerId: customer?.customerId, menu: menu, tabBar: tabBar },
                                 React.createElement(Outlet, null))))))),
             children: [
                 {
                     path: Routes.INTRO,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Intro, { customerId: customerId }))),
+                        React.createElement(Intro, { customerId: customer?.customerId }))),
                 },
                 {
                     path: Routes.ITEM,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Item, { customerId: customerId }))),
+                        React.createElement(Item, { country: customer?.country, customerId: customer?.customerId }))),
                 },
                 {
                     path: Routes.ITEM_DETAIL,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Item, { customerId: customerId }))),
+                        React.createElement(Item, { country: customer?.country, customerId: customer?.customerId }))),
                 },
                 {
                     path: Routes.SUMMARY,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Summary, { customerId: customerId }))),
+                        React.createElement(Summary, { country: customer?.country, customerId: customer?.customerId }))),
                 },
                 {
                     path: Routes.CHECKOUT,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Checkout, { customerId: customerId, useRedirect: useRedirect },
+                        React.createElement(Checkout, { country: customer?.country, customerId: customer?.customerId, useRedirect: useRedirect },
                             React.createElement(Outlet, null)))),
                     children: [
                         {
                             path: Routes.CHECKOUT_PAYMENT,
-                            element: React.createElement(CheckoutPaymentModal, { customerId: customerId, getAuthToken: getAuthToken }),
+                            element: React.createElement(CheckoutPaymentModal, { customerId: customer?.customerId, getAuthToken: getAuthToken }),
                         },
                     ],
                 },
                 {
                     path: Routes.FEEDBACK,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Feedback, { customerId: customerId }))),
+                        React.createElement(Feedback, { customerId: customer?.customerId }))),
+                },
+                {
+                    path: Routes.NOT_FOUND,
+                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                        React.createElement(NotFound, null))),
                 },
                 {
                     path: "*",
-                    element: React.createElement(Navigate, { to: `${Routes.HOME}`, replace: true }),
+                    element: React.createElement(Navigate, { to: `${Routes.NOT_FOUND}`, replace: true }),
                 },
             ],
         },

package/dist/infrastructure/ui/views/checkout/Checkout.d.ts

@@ -1,7 +1,9 @@
 import { FC, ReactNode } from "react";
+import { Country } from "../../../../projection/shared/country";
 interface CheckoutProps {
     readonly children?: ReactNode;
     readonly customerId: string;
+    readonly country: Country;
     readonly useRedirect: () => Record<string, string>;
 }
 declare const Checkout: FC<CheckoutProps>;

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

@@ -19,7 +19,7 @@ import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { Pricing } from "../summary/components/pricing/Pricing";
 import { style } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
-const Checkout = ({ children, customerId, useRedirect }) => {
+const Checkout = ({ children, customerId, country, useRedirect }) => {
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
     const paymentInstrumentSelectRef = useRef(null);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -38,14 +38,14 @@ const Checkout = ({ children, customerId, useRedirect }) => {
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container } },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 hasReplacedCheckoutItem && (React.createElement(View, { style: style.deliveryBannerContainer },
                     React.createElement(DeliveryBanner, null))),
                 React.createElement(PaymentInstrumentSelect, { ref: paymentInstrumentSelectRef, beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, hidePaymentMethods: [PaymentMethod.GOOGLE_PAY], section: Section.BOX_CHECKOUT }),
                 React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
                 checkoutItemsKept?.map((checkoutItem) => (React.createElement(View, { key: checkoutItem.id, style: style.checkoutItemKept, testID: "checkout-items-kept" },
-                    React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, size: checkoutItem.productVariant.size, status: checkoutItem.status })))),
+                    React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, country: country, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, size: checkoutItem.productVariant.size, status: checkoutItem.status })))),
                 pricing && (React.createElement(View, { style: style.pricingContainer },
                     React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, 
                         // busy={submitCheckoutStatus === "loading"}

package/dist/infrastructure/ui/views/checkout/Checkout.style.d.ts

@@ -5,9 +5,6 @@ declare const style: {
     checkoutItemKept: {
         paddingVertical: number;
     };
-    container: {
-        flex: number;
-    };
     deliveryBannerContainer: {
         marginBottom: number;
     };

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

@@ -8,9 +8,6 @@ const style = StyleSheet.create({
     checkoutItemKept: {
         paddingVertical: spaceM,
     },
-    container: {
-        flex: 1,
-    },
     deliveryBannerContainer: {
         marginBottom: spaceXXL,
     },

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

@@ -30,7 +30,7 @@ const Feedback = ({ customerId }) => {
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(CheckoutQuestionFeedbackProvider, { feedback: {} },
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container } },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));
 };

package/dist/infrastructure/ui/views/feedback/Feedback.style.d.ts

@@ -2,8 +2,5 @@ declare const style: {
     bodyColumn: {
         paddingHorizontal: number;
     };
-    container: {
-        flex: number;
-    };
 };
 export { style };

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

@@ -5,8 +5,5 @@ const style = StyleSheet.create({
     bodyColumn: {
         paddingHorizontal: spaceXL,
     },
-    container: {
-        flex: 1,
-    },
 });
 export { style };

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

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

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

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

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

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

package/dist/infrastructure/ui/views/item/Item.d.ts

@@ -1,7 +1,9 @@
 import { FC } from "react";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { Country } from "../../../../projection/shared/country";
 interface ItemProps {
     readonly customerId: string;
+    readonly country: Country;
 }
 declare const Item: FC<ItemProps>;
 export { Item };

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

@@ -29,7 +29,7 @@ import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQues
 import { SizeChangeModal } from "./components/sizeChangeModal/SizeChangeModal";
 import { SizeWithoutStockModal } from "./components/sizeWithoutStockModal/SizeWithoutStockModal";
 const { spaceXL } = theme();
-const Item = ({ customerId }) => {
+const Item = ({ customerId, country }) => {
     const { id } = useParams();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
@@ -136,15 +136,15 @@ const Item = ({ customerId }) => {
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
         React.createElement(SizeChangeModal, { visible: sizeChangeModalVisible, onDismiss: handleOnHideSizeChangeModal }),
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container }, footer: !customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })) },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, footer: !customerDecissionMade && (React.createElement(ItemActions, { country: country, keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })) },
             React.createElement(Body, null,
                 customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
                 React.createElement(View, { style: [style.content, { paddingBottom: Platform.OS === "web" ? spaceXL : stickyHeight }] },
                     React.createElement(View, { style: style.sliderContainer },
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),
-                    React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: productVariantSelected.size }),
+                    React.createElement(ProductVariantDescription, { brand: brand, color: color, country: country, name: name, price: price, size: productVariantSelected.size }),
                     checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: style.feedbackContainer },
                         React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions || [], onEditFeedback: handleOnEditFeedback })))))),
-        React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
+        React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, country: country, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
 };
 export { Item };

package/dist/infrastructure/ui/views/item/Item.style.d.ts

@@ -1,7 +1,4 @@
 declare const style: {
-    container: {
-        flex: number;
-    };
     content: {
         paddingHorizontal: number;
     };

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

@@ -2,9 +2,6 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../theme/theme";
 const { borderSize, colorGrayscaleM, spaceXL } = theme();
 const style = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
     content: {
         paddingHorizontal: spaceXL,
     },

package/dist/infrastructure/ui/views/item/components/itemActions/ItemActions.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
+import { Country } from "../../../../../../projection/shared/country";
 import { Layout } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
 interface ItemActionsProps {
     readonly productVariants: ProductVariantProjection[];
@@ -7,6 +8,7 @@ interface ItemActionsProps {
     readonly keepButtonLoading?: boolean;
     readonly returnButtonLoading?: boolean;
     readonly sizeSelectorDisabled?: boolean;
+    readonly country: Country;
     readonly onSizeSelectorPress?: () => void;
     readonly onKeep: () => void;
     readonly onReturn: () => void;

package/dist/infrastructure/ui/views/item/components/itemActions/ItemActions.js

@@ -3,16 +3,20 @@ import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/But
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback, useMemo } from "react";
 import { View } from "react-native";
+import { size } from "../../../../../../projection/shared/size";
 import { Sticky } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
 import { SelectField } from "../../../../../../shared/ui/components/molecules/selectField/SelectField";
 import { Body } from "../../../../components/layouts/body/Body";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ItemActions.style";
-const ItemActions = ({ productVariants, productVariantSelected, keepButtonLoading = false, returnButtonLoading = false, sizeSelectorDisabled = false, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
+const ItemActions = ({ productVariants, productVariantSelected, keepButtonLoading = false, returnButtonLoading = false, sizeSelectorDisabled = false, country, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
     const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });
     const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
     const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
-    const sizeSelectorOptions = useMemo(() => productVariants.map((productVariant) => ({ label: productVariant.size.lookiero, value: productVariant.id })), [productVariants]);
+    const sizeSelectorOptions = useMemo(() => productVariants.map((productVariant) => ({
+        label: size({ size: productVariant.size, country }),
+        value: productVariant.id,
+    })), [country, productVariants]);
     const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === productVariantSelected.id, [sizeSelectorOptions, productVariantSelected.id]);
     const handleOnPressSizeSelector = useCallback(() => onSizeSelectorPress(), [onSizeSelectorPress]);
     return (React.createElement(Sticky, { onLayout: onLayout },

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

@@ -2,6 +2,7 @@ import { FC } from "react";
 import { ImageStyle, StyleProp } from "react-native";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { ColorProjection, MediaProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
+import { Country } from "../../../../../../projection/shared/country";
 import { PriceProjection } from "../../../../../../projection/shared/price";
 import { SizeProjection } from "../../../../../../projection/shared/size";
 interface ProductVariantStyle {
@@ -16,6 +17,7 @@ interface ProductVariantProps {
     readonly color: ColorProjection;
     readonly status?: CheckoutItemStatus;
     readonly discarded?: boolean;
+    readonly country: Country;
     readonly style?: Partial<ProductVariantStyle>;
     readonly onPress?: () => void;
 }

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

@@ -4,6 +4,7 @@ import React from "react";
 import { Image, Pressable, View } from "react-native";
 import Svg, { Line } from "react-native-svg";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
+import { size } from "../../../../../../projection/shared/size";
 import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 import { Price } from "../../../../components/atoms/price/Price";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
@@ -11,7 +12,7 @@ import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
 import { theme } from "../../../../theme/theme";
 import { IMAGE_WIDTH, style } from "./ProductVariant.style";
 const { colorContent } = theme();
-const ProductVariant = ({ media, brand, name, price, size, color, status, discarded, style: customStyle, onPress, }) => {
+const ProductVariant = ({ media, brand, name, price, size: sizeProjection, color, status, discarded, country, style: customStyle, onPress, }) => {
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
     const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
     const sizeChangeText = useI18nMessage({ id: I18nMessages.PRODUCT_VARIANT_SIZE_CHANGE });
@@ -32,7 +33,7 @@ const ProductVariant = ({ media, brand, name, price, size, color, status, discar
                     React.createElement(Text, { level: 2, style: style.brand, detail: true }, brand),
                     React.createElement(Text, { level: 2, detail: true }, name),
                     React.createElement(Text, { level: 2, style: style.priceAndColor, detail: true },
-                        size.unique ? uniqueText : size.lookiero,
+                        sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country }),
                         " / ",
                         colorLabel),
                     status === CheckoutItemStatus.REPLACED && (React.createElement(View, { style: style.sizeChange },

package/dist/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.d.ts

@@ -1,5 +1,6 @@
 import { FC } from "react";
 import { ColorProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
+import { Country } from "../../../../../../projection/shared/country";
 import { PriceProjection } from "../../../../../../projection/shared/price";
 import { SizeProjection } from "../../../../../../projection/shared/size";
 interface ProductVariantDescriptionProps {
@@ -8,6 +9,7 @@ interface ProductVariantDescriptionProps {
     readonly price: PriceProjection;
     readonly size: SizeProjection;
     readonly color: ColorProjection;
+    readonly country: Country;
 }
 declare const ProductVariantDescription: FC<ProductVariantDescriptionProps>;
 export { ProductVariantDescription };

package/dist/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js

@@ -2,10 +2,11 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
 import { View } from "react-native";
+import { size } from "../../../../../../projection/shared/size";
 import { Price } from "../../../../components/atoms/price/Price";
 import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ProductVariantDescription.style";
-const ProductVariantDescription = ({ brand, name, price, size, color }) => {
+const ProductVariantDescription = ({ brand, name, price, size: sizeProjection, color, country, }) => {
     const sizeText = useI18nMessage({ id: I18nMessages.ITEM_SIZE });
     const colorText = useI18nMessage({ id: I18nMessages.ITEM_COLOR });
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
@@ -16,8 +17,9 @@ const ProductVariantDescription = ({ brand, name, price, size, color }) => {
         React.createElement(Price, { price: price }),
         React.createElement(Text, { level: 2, style: style.size, detail: true },
             sizeText,
-            ": ",
-            React.createElement(Text, { style: style.text }, size.unique ? uniqueText : size.lookiero)),
+            ":",
+            " ",
+            React.createElement(Text, { style: style.text }, sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country }))),
         React.createElement(Text, { level: 2, detail: true },
             colorText,
             ": ",

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts

@@ -2,12 +2,14 @@ import { FC } from "react";
 import { CheckoutItemProductVariantProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { Country } from "../../../../../../projection/shared/country";
 import { PriceProjection } from "../../../../../../projection/shared/price";
 interface ReturnQuestionsFormProps {
     readonly visible: boolean;
     readonly returnQuestions: ReturnQuestionProjection[];
     readonly checkoutItemPrice: PriceProjection;
     readonly productVariant: CheckoutItemProductVariantProjection;
+    readonly country: Country;
     readonly onSubmit: (feedback: FeedbackProjection) => void;
     readonly onClose: () => void;
 }

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -26,7 +26,7 @@ const returnQuestionItems = {
     [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
     [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
 };
-const ReturnQuestionsForm = ({ returnQuestions, checkoutItemPrice, productVariant, visible, onSubmit, onClose, }) => {
+const ReturnQuestionsForm = ({ returnQuestions, checkoutItemPrice, productVariant, visible, country, onSubmit, onClose, }) => {
     const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
     const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
     const { media, brand, name, size, color } = productVariant;
@@ -37,7 +37,7 @@ const ReturnQuestionsForm = ({ returnQuestions, checkoutItemPrice, productVarian
         React.createElement(Modal, { footer: React.createElement(Button, { onPress: handleOnSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
             React.createElement(View, { style: style.returnQuestionsContainer },
                 React.createElement(Text, { level: 2, style: style.title }, titleText),
-                React.createElement(ProductVariant, { brand: brand, color: color, media: media, name: name, price: checkoutItemPrice, size: size }),
+                React.createElement(ProductVariant, { brand: brand, color: color, country: country, media: media, name: name, price: checkoutItemPrice, size: size }),
                 React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions })))));
 };
 export { ReturnQuestionsForm };

package/dist/infrastructure/ui/views/notFound/NotFound.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const NotFound: FC;
+export { NotFound };

package/dist/infrastructure/ui/views/notFound/NotFound.js

@@ -0,0 +1,26 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { Image, Platform } from "react-native";
+import { useNavigate } from "react-router-native";
+import { Body } from "../../components/layouts/body/Body";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
+import { I18nMessages } from "../../i18n/i18n";
+import { Routes } from "../../routing/routes";
+import { useBasePath } from "../../routing/useBasePath";
+import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
+import { style } from "./NotFound.style";
+const NotFound = () => {
+    const descriptionText = useI18nMessage({ id: I18nMessages.NOT_FOUND_DESCRIPTION });
+    const buttonText = useI18nMessage({ id: I18nMessages.NOT_FOUND_BUTTON });
+    const navigate = useNavigate();
+    const basePath = useBasePath();
+    const handleOnPress = useCallback(() => navigate(`${basePath}/${Routes.HOME}`), [basePath, navigate]);
+    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { scrollView: style.container } },
+        React.createElement(Body, { style: { column: style.bodyColumn } },
+            React.createElement(Image, { resizeMode: "contain", source: require("./images/not-found.png"), style: style.image, testID: "not-found-image" }),
+            React.createElement(Text, { level: 1, style: style.description, body: true }, descriptionText),
+            React.createElement(Button, { onPress: handleOnPress }, buttonText))));
+};
+export { NotFound };

package/dist/infrastructure/ui/views/notFound/NotFound.style.d.ts

@@ -0,0 +1,16 @@
+declare const style: {
+    bodyColumn: {
+        paddingHorizontal: number;
+    };
+    container: {
+        flex: number;
+    };
+    description: {
+        marginBottom: number;
+        textAlign: "center";
+    };
+    image: {
+        flex: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/views/notFound/NotFound.style.js

@@ -0,0 +1,19 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../theme/theme";
+const { spaceXL } = theme();
+const style = StyleSheet.create({
+    bodyColumn: {
+        paddingHorizontal: spaceXL,
+    },
+    container: {
+        flex: 1,
+    },
+    description: {
+        marginBottom: spaceXL,
+        textAlign: "center",
+    },
+    image: {
+        flex: 0.5,
+    },
+});
+export { style };

package/dist/infrastructure/ui/views/summary/Summary.d.ts

@@ -1,6 +1,8 @@
 import { FC } from "react";
+import { Country } from "../../../../projection/shared/country";
 interface SummaryProps {
     readonly customerId: string;
+    readonly country: Country;
 }
 declare const Summary: FC<SummaryProps>;
 export { Summary };