@lookiero/checkout 0.4.10 → 0.5.0-beta.0

package/dist/domain/checkout/command/markCheckoutAsPaid.d.ts

@@ -0,0 +1,13 @@
+import { Command } from "@lookiero/messaging";
+declare const MARK_CHECKOUT_AS_PAID = "mark_checkout_as_paid";
+interface MarkCheckoutAsPaidPayload {
+    readonly aggregateId: string;
+}
+interface MarkCheckoutAsPaid extends Command<typeof MARK_CHECKOUT_AS_PAID>, MarkCheckoutAsPaidPayload {
+}
+interface MarkCheckoutAsPaidFunction {
+    (payload: MarkCheckoutAsPaidPayload): MarkCheckoutAsPaid;
+}
+declare const markCheckoutAsPaid: MarkCheckoutAsPaidFunction;
+export type { MarkCheckoutAsPaid };
+export { MARK_CHECKOUT_AS_PAID, markCheckoutAsPaid };

package/dist/domain/checkout/command/markCheckoutAsPaid.js

@@ -0,0 +1,4 @@
+import { command } from "@lookiero/messaging";
+const MARK_CHECKOUT_AS_PAID = "mark_checkout_as_paid";
+const markCheckoutAsPaid = ({ aggregateId }) => command({ aggregateId, name: MARK_CHECKOUT_AS_PAID });
+export { MARK_CHECKOUT_AS_PAID, markCheckoutAsPaid };

package/dist/domain/checkout/model/checkoutPaid.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_PAID = "checkout_paid";
+interface CheckoutPaidPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutPaid extends DomainEvent<typeof CHECKOUT_PAID>, CheckoutPaidPayload {
+}
+interface CheckoutPaidFunction {
+    (payload: CheckoutPaidPayload): CheckoutPaid;
+}
+declare const checkoutPaid: CheckoutPaidFunction;
+export type { CheckoutPaid };
+export { CHECKOUT_PAID, checkoutPaid };

package/dist/domain/checkout/model/checkoutPaid.js

@@ -0,0 +1,4 @@
+import { domainEvent } from "@lookiero/messaging";
+const CHECKOUT_PAID = "checkout_paid";
+const checkoutPaid = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_PAID });
+export { CHECKOUT_PAID, checkoutPaid };

package/dist/infrastructure/domain/checkout/model/httpCheckoutsMarkAsPaid.d.ts

@@ -0,0 +1,5 @@
+import { HttpCheckoutsSaveFunction } from "./httpCheckouts";
+interface HttpCheckoutsMarkAsPaidFunction extends HttpCheckoutsSaveFunction {
+}
+declare const httpCheckoutsMarkAsPaid: HttpCheckoutsMarkAsPaidFunction;
+export { httpCheckoutsMarkAsPaid };

package/dist/infrastructure/domain/checkout/model/httpCheckoutsMarkAsPaid.js

@@ -0,0 +1,13 @@
+import { CHECKOUT_PAID } from "../../../../domain/checkout/model/checkoutPaid";
+const isCheckoutPaid = (event) => event.name === CHECKOUT_PAID;
+const httpCheckoutsMarkAsPaid = ({ httpPost }) => async ({ aggregateId, domainEvents }) => {
+    const checkoutPaid = domainEvents.find(isCheckoutPaid);
+    if (!checkoutPaid) {
+        return;
+    }
+    await httpPost({
+        endpoint: "/mark-checkout-as-paid",
+        body: { checkoutId: aggregateId },
+    });
+};
+export { httpCheckoutsMarkAsPaid };

package/dist/infrastructure/domain/checkout/react/useMarkCheckoutAsPaid.d.ts

@@ -0,0 +1,13 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface MarkAsPaidFunction {
+    (): Promise<void>;
+}
+type UseMarkCheckoutAsPaid = [markAsPaid: MarkAsPaidFunction, status: CommandStatus];
+interface UseMarkCheckoutAsPaidFunctionArgs {
+    readonly checkoutId?: string;
+}
+interface UseMarkCheckoutAsPaidFunction {
+    (args: UseMarkCheckoutAsPaidFunctionArgs): UseMarkCheckoutAsPaid;
+}
+declare const useMarkCheckoutAsPaid: UseMarkCheckoutAsPaidFunction;
+export { useMarkCheckoutAsPaid };

package/dist/infrastructure/domain/checkout/react/useMarkCheckoutAsPaid.js

@@ -0,0 +1,16 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import invariant from "tiny-invariant";
+import { markCheckoutAsPaid } from "../../../../domain/checkout/command/markCheckoutAsPaid";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useMarkCheckoutAsPaid = ({ checkoutId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const markAsPaid = useCallback(() => {
+        invariant(checkoutId, "CheckoutId must be defined in order to mark the checkout as paid");
+        return commandBus(markCheckoutAsPaid({
+            aggregateId: checkoutId,
+        }));
+    }, [checkoutId, commandBus]);
+    return [markAsPaid, status];
+};
+export { useMarkCheckoutAsPaid };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.d.ts

@@ -0,0 +1,13 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface BookFunction {
+    (): Promise<void>;
+}
+type UseBookCheckouBookingForCheckoutItem = [book: BookFunction, status: CommandStatus];
+interface UseBookCheckouBookingForCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+interface UseBookCheckouBookingForCheckoutItemFunction {
+    (args: UseBookCheckouBookingForCheckoutItemFunctionArgs): UseBookCheckouBookingForCheckoutItem;
+}
+declare const useBookCheckouBookingForCheckoutItem: UseBookCheckouBookingForCheckoutItemFunction;
+export { useBookCheckouBookingForCheckoutItem };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.js

@@ -0,0 +1,14 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { v4 as uuid } from "uuid";
+import { bookCheckoutBookingForCheckoutItem } from "../../../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useBookCheckouBookingForCheckoutItem = ({ checkoutItemId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
+        aggregateId: uuid(),
+        checkoutItemId,
+    })), [checkoutItemId, commandBus]);
+    return [book, status];
+};
+export { useBookCheckouBookingForCheckoutItem };

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/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/ui/Root.d.ts

@@ -1,8 +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 } from "./views/header/Header";
+import { Menu, TabBar } from "./views/navigation/Navigation";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
@@ -15,8 +14,9 @@ interface RootFunction {
 interface RootProps {
     readonly basePath: string;
     readonly locale?: string;
-    readonly customer: Customer | undefined;
+    readonly customerId: string | undefined;
     readonly menu: Menu;
+    readonly tabBar: TabBar;
     readonly onNotAccessible: () => void;
     readonly useRedirect: () => Record<string, string>;
 }

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", customer, menu, onNotAccessible, useRedirect }) => {
+({ basePath, locale = "en", customerId, menu, tabBar, onNotAccessible, useRedirect }) => {
     const handleOnI18nError = useCallback(() => void 0, []);
     return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-        React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, locale: locale, menu: menu, useRedirect: useRedirect, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
+        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 })));
 };
 export { root };

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

@@ -1,14 +1,14 @@
 import { I18n } from "@lookiero/i18n-react";
 import { FC } from "react";
-import { Customer } from "../../../projection/shared/customer";
-import { Menu } from "../views/header/Header";
+import { Menu, TabBar } from "../views/navigation/Navigation";
 interface RoutingProps {
     readonly basePath?: string;
-    readonly customer: Customer | undefined;
+    readonly customerId: string | undefined;
     readonly locale: string;
     readonly I18n: I18n;
-    readonly getAuthToken: () => Promise<string>;
     readonly menu: Menu;
+    readonly tabBar: TabBar;
+    readonly getAuthToken: () => Promise<string>;
     readonly onNotAccessible: () => void;
     readonly onI18nError?: (err: Error) => void;
     readonly useRedirect: () => Record<string, string>;

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

@@ -12,53 +12,53 @@ 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 = "", customer, locale, I18n, getAuthToken, menu, onI18nError, onNotAccessible, useRedirect, }) => {
+const Routing = ({ basePath = "", customerId, locale, I18n, menu, tabBar, getAuthToken, onI18nError, onNotAccessible, useRedirect, }) => {
     const routes = useRoutes([
         {
             path: "",
             element: (React.createElement(BasePathProvider, { basePath: basePath },
-                React.createElement(CheckoutAccessibilityMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
+                React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible },
                     React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
-                        React.createElement(CheckoutMiddleware, { customerId: customer?.customerId },
-                            React.createElement(App, { customerId: customer?.customerId, menu: menu },
+                        React.createElement(CheckoutMiddleware, { customerId: customerId },
+                            React.createElement(App, { customerId: 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: customer?.customerId }))),
+                        React.createElement(Intro, { customerId: customerId }))),
                 },
                 {
                     path: Routes.ITEM,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Item, { country: customer?.country, customerId: customer?.customerId }))),
+                        React.createElement(Item, { customerId: customerId }))),
                 },
                 {
                     path: Routes.ITEM_DETAIL,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Item, { country: customer?.country, customerId: customer?.customerId }))),
+                        React.createElement(Item, { customerId: customerId }))),
                 },
                 {
                     path: Routes.SUMMARY,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Summary, { country: customer?.country, customerId: customer?.customerId }))),
+                        React.createElement(Summary, { customerId: customerId }))),
                 },
                 {
                     path: Routes.CHECKOUT,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Checkout, { country: customer?.country, customerId: customer?.customerId, useRedirect: useRedirect },
+                        React.createElement(Checkout, { customerId: customerId, useRedirect: useRedirect },
                             React.createElement(Outlet, null)))),
                     children: [
                         {
                             path: Routes.CHECKOUT_PAYMENT,
-                            element: React.createElement(CheckoutPaymentModal, { customerId: customer?.customerId, getAuthToken: getAuthToken }),
+                            element: React.createElement(CheckoutPaymentModal, { customerId: customerId, getAuthToken: getAuthToken }),
                         },
                     ],
                 },
                 {
                     path: Routes.FEEDBACK,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Feedback, { customerId: customer?.customerId }))),
+                        React.createElement(Feedback, { customerId: customerId }))),
                 },
                 {
                     path: "*",

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

@@ -1,8 +1,9 @@
 import { FC } from "react";
-import { Menu } from "./header/Header";
+import { Menu, TabBar } from "./navigation/Navigation";
 interface AppProps {
     readonly customerId: string;
     readonly menu: Menu;
+    readonly tabBar: TabBar;
     readonly children: JSX.Element;
 }
 declare const App: FC<AppProps>;

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

@@ -3,10 +3,9 @@ import React from "react";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { Notifications } from "../../../shared/notifications/infrastructure/ui/views/Notifications";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
-import { style } from "./App.style";
-import { Header } from "./header/Header";
-const App = ({ customerId, menu, children }) => (React.createElement(SafeAreaProvider, null,
-    React.createElement(Header, { customerId: customerId, menu: menu, style: style.header }),
+import { Navigation } from "./navigation/Navigation";
+const App = ({ customerId, menu, tabBar, children }) => (React.createElement(SafeAreaProvider, null,
     React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
-    React.createElement(PortalProvider, null, children)));
+    React.createElement(Navigation, { customerId: customerId, menu: menu, tabBar: tabBar },
+        React.createElement(PortalProvider, null, children))));
 export { App };

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

@@ -1,9 +1,7 @@
 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

@@ -14,12 +14,12 @@ import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollVie
 import { I18nMessages } from "../../i18n/i18n";
 import { Routes } from "../../routing/routes";
 import { useBasePath } from "../../routing/useBasePath";
-import { HEADER_HEIGHT } from "../header/Header.style";
+import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { ProductVariant } from "../item/components/productVariant/ProductVariant";
 import { Pricing } from "../summary/components/pricing/Pricing";
 import { style } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
-const Checkout = ({ children, customerId, country, useRedirect }) => {
+const Checkout = ({ children, customerId, useRedirect }) => {
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
     const paymentInstrumentSelectRef = useRef(null);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -45,7 +45,7 @@ const Checkout = ({ children, customerId, country, useRedirect }) => {
                 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, country: country, 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, 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/feedback/Feedback.js

@@ -8,7 +8,7 @@ import { useListCheckoutQuestionsByCheckoutId } from "../../../projection/checko
 import { Body } from "../../components/layouts/body/Body";
 import { CheckoutQuestionFeedbackProvider } from "../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { HEADER_HEIGHT } from "../header/Header.style";
+import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { style } from "./Feedback.style";
 import { CheckoutQuestionsForm } from "./components/checkoutQuestionsForm/CheckoutQuestionsForm";
 const Feedback = ({ customerId }) => {

package/dist/infrastructure/ui/views/header/Header.js

@@ -1,7 +1,7 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback, useState } from "react";
-import { View } from "react-native";
+import { Platform, StatusBar, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { ButtonIcon } from "../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
@@ -65,7 +65,6 @@ const Header = ({ customerId, menu: Menu, style: customStyle }) => {
     const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
     const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
     const checkoutRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}`);
-    const checkoutPaymentRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}/${Routes.CHECKOUT_PAYMENT}`);
     const [menuVisible, setMenuVisible] = useState(false);
     const handleOnOpenMenu = useCallback(() => setMenuVisible(true), []);
     const handleOnCloseMenu = useCallback(() => setMenuVisible(false), []);
@@ -78,14 +77,14 @@ const Header = ({ customerId, menu: Menu, style: customStyle }) => {
             header = React.createElement(ItemDetailHeader, null);
         }
     }
-    else if (checkoutRouteMatch || checkoutPaymentRouteMatch) {
+    else if (checkoutRouteMatch) {
         header = React.createElement(CheckoutHeader, null);
     }
     else {
         header = React.createElement(DefaultHeader, { onOpenMenu: handleOnOpenMenu });
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, customStyle] }, header),
+        React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, Platform.OS === "android" && { paddingTop: StatusBar.currentHeight }, customStyle] }, header),
         React.createElement(Menu, { isVisible: menuVisible, onClose: handleOnCloseMenu })));
 };
 export { Header };

package/dist/infrastructure/ui/views/header/Header.style.d.ts

@@ -6,6 +6,7 @@ declare const style: {
         width: number;
     };
     container: {
+        backgroundColor: string;
         flexDirection: "row";
         flexGrow: number;
         height: number;
@@ -13,7 +14,6 @@ declare const style: {
     };
     header: {
         alignItems: "center";
-        backgroundColor: string;
         flexDirection: "row";
         flexGrow: number;
         flexWrap: "nowrap";

package/dist/infrastructure/ui/views/header/Header.style.js

@@ -9,6 +9,7 @@ const style = StyleSheet.create({
         width: spaceXXL,
     },
     container: {
+        backgroundColor: colorBase,
         flexDirection: "row",
         flexGrow: 0,
         height: HEADER_HEIGHT,
@@ -16,7 +17,6 @@ const style = StyleSheet.create({
     },
     header: {
         alignItems: "center",
-        backgroundColor: colorBase,
         flexDirection: "row",
         flexGrow: 0,
         flexWrap: "nowrap",

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

@@ -11,7 +11,7 @@ import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checko
 import { Body } from "../../components/layouts/body/Body";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { I18nMessages } from "../../i18n/i18n";
-import { HEADER_HEIGHT } from "../header/Header.style";
+import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { style } from "./Intro.style";
 const Bullet = ({ text }) => (React.createElement(View, { style: style.bullet },
     React.createElement(Icon, { name: "rounded-tick", style: style.tickIcon }),

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

@@ -1,9 +1,7 @@
 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

@@ -18,7 +18,7 @@ import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollVie
 import { Routes } from "../../routing/routes";
 import { useBasePath } from "../../routing/useBasePath";
 import { theme } from "../../theme/theme";
-import { HEADER_HEIGHT } from "../header/Header.style";
+import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { style } from "./Item.style";
 import { CustomerDecissionBanner } from "./components/banner/CustomerDecissionBanner";
 import { ItemActions } from "./components/itemActions/ItemActions";
@@ -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, country }) => {
+const Item = ({ customerId }) => {
     const { id } = useParams();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
@@ -136,15 +136,15 @@ const Item = ({ customerId, country }) => {
     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, 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(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, 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(Body, null,
                 customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
                 React.createElement(View, { style: [style.container, { paddingBottom: Platform.OS === "web" ? spaceXL : stickyHeight }] },
                     React.createElement(View, { style: style.sliderContainer },
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),
-                    React.createElement(ProductVariantDescription, { brand: brand, color: color, country: country, name: name, price: price, size: productVariantSelected.size }),
+                    React.createElement(ProductVariantDescription, { brand: brand, color: color, 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, country: country, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
+        React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
 };
 export { Item };

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

@@ -1,6 +1,5 @@
 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[];
@@ -8,7 +7,6 @@ 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,20 +3,16 @@ 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, country, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
+const ItemActions = ({ productVariants, productVariantSelected, keepButtonLoading = false, returnButtonLoading = false, sizeSelectorDisabled = false, 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: size({ size: productVariant.size, country }),
-        value: productVariant.id,
-    })), [country, productVariants]);
+    const sizeSelectorOptions = useMemo(() => productVariants.map((productVariant) => ({ label: productVariant.size.lookiero, value: productVariant.id })), [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,7 +2,6 @@ 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 {
@@ -17,7 +16,6 @@ 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,7 +4,6 @@ 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";
@@ -12,7 +11,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: sizeProjection, color, status, discarded, country, style: customStyle, onPress, }) => {
+const ProductVariant = ({ media, brand, name, price, size, color, status, discarded, 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 });
@@ -33,7 +32,7 @@ const ProductVariant = ({ media, brand, name, price, size: sizeProjection, color
                     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 },
-                        sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country }),
+                        size.unique ? uniqueText : size.lookiero,
                         " / ",
                         colorLabel),
                     status === CheckoutItemStatus.REPLACED && (React.createElement(View, { style: style.sizeChange },