@lookiero/checkout 0.3.26 → 0.4.0-beta.0

package/dist/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.d.ts

@@ -0,0 +1,12 @@
+import { IsCheckoutEnabledByCustomerIdView } from "../../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
+import { HttpGetFunction } from "../../delivery/http/httpClient";
+interface HttpIsCheckoutEnabledByCustomerIdView extends IsCheckoutEnabledByCustomerIdView {
+}
+interface HttpIsCheckoutEnabledByCustomerIdViewFunctionArgs {
+    readonly httpGet: HttpGetFunction;
+}
+interface HttpIsCheckoutEnabledByCustomerIdViewFunction {
+    (args: HttpIsCheckoutEnabledByCustomerIdViewFunctionArgs): HttpIsCheckoutEnabledByCustomerIdView;
+}
+declare const httpIsCheckoutEnabledByCustomerIdView: HttpIsCheckoutEnabledByCustomerIdViewFunction;
+export { httpIsCheckoutEnabledByCustomerIdView };

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

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

package/dist/infrastructure/projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { CheckoutProjection } from "../../../../projection/checkout/checkout";
+interface UseViewFirstAvailableCheckoutByCustomerIdFunctionArgs {
+    readonly customerId: string;
+}
+interface UseViewFirstAvailableCheckoutByCustomerIdFunction {
+    (args: UseViewFirstAvailableCheckoutByCustomerIdFunctionArgs): UseQueryFunctionResult<CheckoutProjection>;
+}
+declare const useViewFirstAvailableCheckoutByCustomerId: UseViewFirstAvailableCheckoutByCustomerIdFunction;
+export { useViewFirstAvailableCheckoutByCustomerId };

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

@@ -0,0 +1,14 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_ITEM_KEPT } from "../../../../domain/checkoutItem/model/checkoutItemKept";
+import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
+import { viewFirstAvailableCheckoutByCustomerId } from "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutItemKept = (event) => event.name === CHECKOUT_ITEM_KEPT;
+const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
+const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
+    query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutItemKept || isCheckoutItemReturned,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewFirstAvailableCheckoutByCustomerId };

package/dist/infrastructure/projection/checkout/react/useViewFiveItemsDiscountByCustomerId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { FiveItemsDiscountByCustomerIdProjection } from "../../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+interface UseViewFiveItemsDiscountByCustomerIdFunctionArgs {
+    readonly customerId: string;
+}
+interface UseViewFiveItemsDiscountByCustomerIdFunction {
+    (args: UseViewFiveItemsDiscountByCustomerIdFunctionArgs): UseQueryFunctionResult<FiveItemsDiscountByCustomerIdProjection>;
+}
+declare const useViewFiveItemsDiscountByCustomerId: UseViewFiveItemsDiscountByCustomerIdFunction;
+export { useViewFiveItemsDiscountByCustomerId };

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

@@ -0,0 +1,9 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { viewFiveItemsDiscountByCustomerId, } from "../../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useViewFiveItemsDiscountByCustomerId = ({ customerId }) => useQuery({
+    query: viewFiveItemsDiscountByCustomerId({ customerId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    options: { staleTime: Infinity },
+});
+export { useViewFiveItemsDiscountByCustomerId };

package/dist/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { IsCheckoutAccessibleByCustomerIdProjection } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
+interface UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs {
+    readonly customerId: string | undefined;
+}
+interface UseViewIsCheckoutAccessibleByCustomerIdFunction {
+    (args: UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs): UseQueryFunctionResult<IsCheckoutAccessibleByCustomerIdProjection>;
+}
+declare const useViewIsCheckoutAccessibleByCustomerId: UseViewIsCheckoutAccessibleByCustomerIdFunction;
+export { useViewIsCheckoutAccessibleByCustomerId };

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

@@ -0,0 +1,9 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { viewIsCheckoutAccessibleByCustomerId, } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useViewIsCheckoutAccessibleByCustomerId = ({ customerId }) => useQuery({
+    query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewIsCheckoutAccessibleByCustomerId };

package/dist/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.d.ts

@@ -0,0 +1,12 @@
+import { CheckoutBookingByIdView } from "../../../projection/checkoutBooking/viewCheckoutBookingById";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutBookingByIdView extends CheckoutBookingByIdView {
+}
+interface HttpCheckoutBookingByIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutBookingByIdViewFunction {
+    (args: HttpCheckoutBookingByIdViewFunctionArgs): HttpCheckoutBookingByIdView;
+}
+declare const httpCheckoutBookingByIdView: HttpCheckoutBookingByIdViewFunction;
+export { httpCheckoutBookingByIdView };

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

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

package/dist/infrastructure/projection/checkoutItem/checkoutItem.d.ts

@@ -0,0 +1,45 @@
+import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
+import { CheckoutItemProjection, Currency, MediaPerspective } from "../../../projection/checkoutItem/checkoutItem";
+interface CheckoutItemDto {
+    readonly id: string;
+    readonly status: CheckoutItemStatus;
+    readonly price: {
+        readonly amount: number;
+        readonly currency: Currency;
+        readonly discounted_price?: {
+            readonly amount: number;
+            readonly percentage: number;
+        };
+    };
+    readonly replaced_for?: string;
+    readonly feedback: Record<string, string>;
+    readonly product_variant: {
+        readonly id: string;
+        readonly media: {
+            readonly id: string;
+            readonly url: string;
+            readonly perspective: MediaPerspective;
+        }[];
+        readonly brand: string;
+        readonly name: string;
+        readonly size: {
+            readonly id: string;
+            readonly lookiero: string;
+            readonly uk: string;
+            readonly it: string;
+            readonly europe: string;
+            readonly unique: boolean;
+            readonly visual_order?: number;
+        };
+        readonly color: {
+            readonly id: string;
+            readonly label: string;
+        };
+    };
+}
+interface ToCheckoutItemProjectionFunction {
+    (checkoutItemDto: CheckoutItemDto): CheckoutItemProjection;
+}
+declare const toCheckoutItemProjection: ToCheckoutItemProjectionFunction;
+export type { CheckoutItemDto };
+export { toCheckoutItemProjection };

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

@@ -0,0 +1,40 @@
+const toCheckoutItemProjection = (checkoutItemDto) => ({
+    id: checkoutItemDto.id,
+    status: checkoutItemDto.status,
+    price: {
+        amount: checkoutItemDto.price.amount,
+        currency: checkoutItemDto.price.currency,
+        discountedPrice: checkoutItemDto.price.discounted_price
+            ? {
+                amount: checkoutItemDto.price.discounted_price.amount,
+                percentage: checkoutItemDto.price.discounted_price.percentage,
+            }
+            : undefined,
+    },
+    replacedFor: checkoutItemDto.replaced_for,
+    feedback: checkoutItemDto.feedback,
+    productVariant: {
+        id: checkoutItemDto.product_variant.id,
+        media: checkoutItemDto.product_variant.media.map((media) => ({
+            id: media.id,
+            url: media.url,
+            perspective: media.perspective,
+        })),
+        brand: checkoutItemDto.product_variant.brand,
+        name: checkoutItemDto.product_variant.name,
+        size: {
+            id: checkoutItemDto.product_variant.size.id,
+            lookiero: checkoutItemDto.product_variant.size.lookiero,
+            uk: checkoutItemDto.product_variant.size.uk,
+            it: checkoutItemDto.product_variant.size.it,
+            europe: checkoutItemDto.product_variant.size.europe,
+            unique: checkoutItemDto.product_variant.size.unique,
+            visualOrder: checkoutItemDto.product_variant.size.visual_order,
+        },
+        color: {
+            id: checkoutItemDto.product_variant.color.id,
+            label: checkoutItemDto.product_variant.color.label,
+        },
+    },
+});
+export { toCheckoutItemProjection };

package/dist/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.d.ts

@@ -0,0 +1,12 @@
+import { CheckoutItemByIdView } from "../../../projection/checkoutItem/viewCheckoutItemById";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutItemByIdView extends CheckoutItemByIdView {
+}
+interface HttpCheckoutItemByIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutItemByIdViewFunction {
+    (args: HttpCheckoutItemByIdViewFunctionArgs): HttpCheckoutItemByIdView;
+}
+declare const httpCheckoutItemByIdView: HttpCheckoutItemByIdViewFunction;
+export { httpCheckoutItemByIdView };

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

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

package/dist/infrastructure/projection/feedback/feedback.mock.d.ts

@@ -0,0 +1,3 @@
+import { FeedbackProjection } from "../../../projection/feedback/feedback";
+declare const feedback: FeedbackProjection;
+export { feedback };

package/dist/infrastructure/projection/feedback/feedback.mock.js

@@ -0,0 +1,6 @@
+const feedback = {
+    ["0ad1dba8-b02c-4121-a1e3-981f1c30800d"]: "9251dc2c-d76a-484d-9299-346929af932f",
+    ["542c4d24-e1da-484f-8c3a-7d89ee135adc"]: "68c0bb98-b00a-4b86-af43-528fe903cb69",
+    ["1123a37d-bc00-43a4-9d28-cee1dfaf356c"]: "Free text comment",
+};
+export { feedback };

package/dist/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.d.ts

@@ -0,0 +1,12 @@
+import { ReturnQuestionsByCheckoutItemIdView } from "../../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpReturnQuestionsByCheckoutItemIdView extends ReturnQuestionsByCheckoutItemIdView {
+}
+interface HttpReturnQuestionsByCheckoutItemIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpReturnQuestionsByCheckoutItemIdViewFunction {
+    (args: HttpReturnQuestionsByCheckoutItemIdViewFunctionArgs): HttpReturnQuestionsByCheckoutItemIdView;
+}
+declare const httpReturnQuestionsByCheckoutItemIdView: HttpReturnQuestionsByCheckoutItemIdViewFunction;
+export { httpReturnQuestionsByCheckoutItemIdView };

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

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

package/dist/infrastructure/projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { ReturnQuestionProjection } from "../../../../projection/returnQuestion/returnQuestion";
+interface UseListReturnQuestionsByCheckoutItemIdFunctionArgs {
+    readonly checkoutItemId: string;
+}
+interface UseListReturnQuestionsByCheckoutItemIdFunction {
+    (args: UseListReturnQuestionsByCheckoutItemIdFunctionArgs): UseQueryFunctionResult<ReturnQuestionProjection[]>;
+}
+declare const useListReturnQuestionsByCheckoutItemId: UseListReturnQuestionsByCheckoutItemIdFunction;
+export { useListReturnQuestionsByCheckoutItemId };

package/dist/infrastructure/projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId.js

@@ -0,0 +1,9 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { listReturnQuestionsByCheckoutItemId } from "../../../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useListReturnQuestionsByCheckoutItemId = ({ checkoutItemId }) => useQuery({
+    query: listReturnQuestionsByCheckoutItemId({ checkoutItemId }),
+    contextId: MESSAGING_CONTEXT_ID,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useListReturnQuestionsByCheckoutItemId };

package/dist/infrastructure/projection/returnQuestion/returnQuestion.d.ts

@@ -0,0 +1,14 @@
+import { ReturnQuestionProjection, ReturnQuestionType } from "../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionDto {
+    readonly id: string;
+    readonly name: string;
+    readonly placeholder?: string;
+    readonly type: ReturnQuestionType;
+    readonly children?: ReturnQuestionDto[];
+}
+interface ToReturnQuestionsProjectionFunction {
+    (returnQuestionsDto: ReturnQuestionDto[]): ReturnQuestionProjection[];
+}
+declare const toReturnQuestionsProjection: ToReturnQuestionsProjectionFunction;
+export type { ReturnQuestionDto };
+export { toReturnQuestionsProjection };

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

@@ -0,0 +1,9 @@
+const toReturnQuestionProjection = (returnQuestionDto) => ({
+    id: returnQuestionDto.id,
+    name: returnQuestionDto.name,
+    placeholder: returnQuestionDto.placeholder,
+    type: returnQuestionDto.type,
+    children: returnQuestionDto.children ? toReturnQuestionsProjection(returnQuestionDto.children) : undefined,
+});
+const toReturnQuestionsProjection = (returnQuestionsDto) => returnQuestionsDto.map(toReturnQuestionProjection);
+export { toReturnQuestionsProjection };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.d.ts

@@ -0,0 +1,6 @@
+import { QueryStatus } from "@lookiero/messaging-react";
+interface UseShouldIntroBeShownFunction {
+    (): [boolean, QueryStatus];
+}
+declare const useShouldIntroBeShown: UseShouldIntroBeShownFunction;
+export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.js

@@ -0,0 +1,7 @@
+import { useViewIntroShownCount } from "./useViewIntroShownCount";
+const MAX_INTRO_SHOWN_COUNT = 2;
+const useShouldIntroBeShown = () => {
+    const [introShownCount, introShownCountStatus] = useViewIntroShownCount();
+    return [introShownCount < MAX_INTRO_SHOWN_COUNT, introShownCountStatus];
+};
+export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.d.ts

@@ -0,0 +1,6 @@
+import { QueryStatus } from "@lookiero/messaging-react";
+interface UseViewIntroShownCountFunction {
+    (): [number, QueryStatus];
+}
+declare const useViewIntroShownCount: UseViewIntroShownCountFunction;
+export { useViewIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.js

@@ -0,0 +1,9 @@
+import { UISettings } from "../../../ui/settings/UISettings";
+import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
+const useViewIntroShownCount = () => {
+    const [introShownCount, introShownCountStatus] = useViewUiSettingByKey({
+        key: UISettings.INTRO_SHOWN_COUNT,
+    });
+    return [introShownCount?.value || 0, introShownCountStatus];
+};
+export { useViewIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useViewUiSettingByKey.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { UiSettingProjection } from "../../../../projection/uiSetting/viewUiSettingByKey";
+interface UseViewUiSettingByKeyFunctionArgs {
+    readonly key: string;
+}
+interface UseViewUiSettingByKeyFunction {
+    (args: UseViewUiSettingByKeyFunctionArgs): UseQueryFunctionResult<UiSettingProjection>;
+}
+declare const useViewUiSettingByKey: UseViewUiSettingByKeyFunction;
+export { useViewUiSettingByKey };

package/dist/infrastructure/projection/uiSetting/react/useViewUiSettingByKey.js

@@ -0,0 +1,12 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { UI_SETTING_UPDATED } from "../../../../domain/uiSetting/model/uiSettingUpdated";
+import { viewUiSettingByKey } from "../../../../projection/uiSetting/viewUiSettingByKey";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isUiSettingUpdated = (event) => event.name === UI_SETTING_UPDATED;
+const useViewUiSettingByKey = ({ key }) => useQuery({
+    query: viewUiSettingByKey({ key }),
+    contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isUiSettingUpdated,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewUiSettingByKey };

package/dist/infrastructure/projection/uiSetting/storageUiSettingByKeyView.d.ts

@@ -0,0 +1,13 @@
+import { UiSettingByKeyView } from "../../../projection/uiSetting/viewUiSettingByKey";
+import { ReadFunction } from "../../persistence/storage";
+import { UiSettingDto } from "../../persistence/uiSettingData";
+interface StorageUiSettingByKeyView extends UiSettingByKeyView {
+}
+interface StorageUiSettingByKeyViewFunctionArgs {
+    readonly read: ReadFunction<UiSettingDto>;
+}
+interface StorageUiSettingByKeyViewFunction {
+    (args: StorageUiSettingByKeyViewFunctionArgs): StorageUiSettingByKeyView;
+}
+declare const storageUiSettingByKeyView: StorageUiSettingByKeyViewFunction;
+export { storageUiSettingByKeyView };

package/dist/infrastructure/projection/uiSetting/storageUiSettingByKeyView.js

@@ -0,0 +1,15 @@
+const toUiSettingProjection = (uiSettingDto) => ({
+    id: uiSettingDto.id,
+    key: uiSettingDto.key,
+    value: uiSettingDto.value,
+});
+const storageUiSettingByKeyView = ({ read }) => async ({ key }) => {
+    try {
+        const uiSettingDto = await read(key);
+        return uiSettingDto ? toUiSettingProjection(uiSettingDto) : null;
+    }
+    catch (ignored) {
+        throw new Error("Could not fetch the uiSetting");
+    }
+};
+export { storageUiSettingByKeyView };

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

@@ -0,0 +1,20 @@
+import { I18n } from "@lookiero/i18n-react";
+import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
+import { FC } from "react";
+interface RootFunctionArgs {
+    readonly Messaging: MessagingRoot;
+    readonly I18n: I18n;
+    readonly development?: boolean;
+}
+interface RootFunction {
+    (args: RootFunctionArgs): FC<RootProps>;
+}
+interface RootProps {
+    readonly basePath: string;
+    readonly locale?: string;
+    readonly customerId: string | undefined;
+    readonly onNotAccessible: () => void;
+}
+declare const root: RootFunction;
+export type { RootProps };
+export { root };

package/dist/infrastructure/ui/Root.js

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

package/dist/infrastructure/ui/components/atoms/price/Price.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { TextProps } from "react-native";
+import { PriceProjection } from "../../../../../projection/checkoutItem/checkoutItem";
+declare type PriceStyle = "priceText" | "discountedText";
+declare type PriceVariant = "default" | "detail" | "subtotal" | "total";
+interface PriceProps {
+    readonly price: PriceProjection;
+    readonly variant?: PriceVariant;
+    readonly style?: Partial<Record<PriceStyle, TextProps>>;
+}
+declare const Price: FC<PriceProps>;
+export { Price };

package/dist/infrastructure/ui/components/atoms/price/Price.js

@@ -0,0 +1,28 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nNumber } from "@lookiero/i18n-react";
+import React from "react";
+import { View } from "react-native";
+import { style } from "./Price.style";
+const PRICE_VARIANT = {
+    default: { body: true, level: 3 },
+    detail: { detail: true, level: 2 },
+    subtotal: { action: true, level: 3 },
+    total: { action: true, level: 2 },
+};
+const Price = ({ price, variant = "default", style: customStyle }) => {
+    const isDiscounted = price.discountedPrice && price.discountedPrice.percentage !== 0;
+    const productPrice = useI18nNumber({
+        value: price.amount / 100,
+        style: "currency",
+        currency: price.currency,
+    });
+    const productDiscountedPrice = useI18nNumber({
+        value: (price.discountedPrice?.amount || 0) / 100,
+        style: "currency",
+        currency: price.currency,
+    });
+    return (React.createElement(View, { style: style.price, testID: "price" },
+        React.createElement(Text, { ...PRICE_VARIANT[variant], style: [isDiscounted && style.priceTextDiscounted, customStyle?.priceText], testID: "price-text" }, productPrice),
+        isDiscounted && (React.createElement(Text, { ...PRICE_VARIANT[variant], style: [style.discountedPriceText, customStyle?.discountedText], testID: "discounted-price-text" }, productDiscountedPrice))));
+};
+export { Price };

package/dist/infrastructure/ui/components/atoms/price/Price.style.d.ts

@@ -0,0 +1,13 @@
+declare const style: {
+    discountedPriceText: {
+        color: string;
+        marginLeft: number;
+    };
+    price: {
+        flexDirection: "row";
+    };
+    priceTextDiscounted: {
+        textDecorationLine: "line-through";
+    };
+};
+export { style };

package/dist/infrastructure/ui/components/atoms/price/Price.style.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../theme/theme";
+const { colorPrimary, spaceS } = theme();
+const style = StyleSheet.create({
+    discountedPriceText: {
+        color: colorPrimary,
+        marginLeft: spaceS,
+    },
+    price: {
+        flexDirection: "row",
+    },
+    priceTextDiscounted: {
+        textDecorationLine: "line-through",
+    },
+});
+export { style };

package/dist/infrastructure/ui/components/layouts/body/Body.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare type BodyStyle = "row" | "column";
+interface BodyProps {
+    readonly children: ReactNode;
+    readonly style?: Partial<Record<BodyStyle, StyleProp<ViewStyle>>>;
+}
+declare const Body: FC<BodyProps>;
+export { Body };

package/dist/infrastructure/ui/components/layouts/body/Body.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { Column } from "../../../shared/components/layouts/column/Column";
+import { Row } from "../../../shared/components/layouts/row/Row";
+import { style } from "./Body.style";
+const Body = ({ children, style: customStyle }) => (React.createElement(Row, { style: [style.row, customStyle?.row] },
+    React.createElement(Column, { style: customStyle?.column }, children)));
+export { Body };

package/dist/infrastructure/ui/components/layouts/body/Body.style.d.ts

@@ -0,0 +1,7 @@
+declare const style: {
+    row: {
+        flex: number;
+        justifyContent: "center";
+    };
+};
+export { style };

package/dist/infrastructure/ui/components/layouts/body/Body.style.js

@@ -0,0 +1,8 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    row: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export { style };

package/dist/infrastructure/ui/components/layouts/tabs/Tabs.d.ts

@@ -0,0 +1,26 @@
+import { FC, ReactNode } from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+interface TabStyle {
+    readonly tab: StyleProp<ViewStyle>;
+    readonly tabText: StyleProp<TextStyle>;
+}
+interface TabListStyle {
+    readonly tabList: StyleProp<ViewStyle>;
+    readonly indicator: StyleProp<ViewStyle>;
+    readonly tab: Partial<TabStyle>;
+}
+interface TabsStyle {
+    readonly tabContainer: StyleProp<ViewStyle>;
+    readonly sliderContainer: StyleProp<ViewStyle>;
+    readonly tabList: Partial<TabListStyle>;
+}
+interface TabsProps {
+    readonly children: JSX.Element[];
+    readonly defaultIndex?: number;
+    readonly tabLabels: string[];
+    readonly style?: Partial<TabsStyle>;
+    readonly onChanged?: (index: number) => void;
+    readonly tabLabelsWrapper?: (children: ReactNode) => ReactNode;
+}
+declare const Tabs: FC<TabsProps>;
+export { Tabs };

package/dist/infrastructure/ui/components/layouts/tabs/Tabs.js

@@ -0,0 +1,47 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { animated, useSpring } from "@react-spring/native";
+import React, { Children, useCallback, useState } from "react";
+import { Pressable, View } from "react-native";
+import invariant from "tiny-invariant";
+import { Slider } from "../../../shared/components/layouts/slider/Slider";
+import { style } from "./Tabs.style";
+const Tab = ({ children, active, disabled = false, style: customStyle, onPress, onLayout }) => (React.createElement(Pressable, { disabled: disabled, style: [style.tab, customStyle?.tab], testID: "tab", onLayout: onLayout, onPress: onPress },
+    React.createElement(Text, { level: 2, style: [style.tabText, active && style.tabActiveText, customStyle?.tabText], detail: true }, children)));
+const TabList = ({ labels = [], tabIndex = 0, style: customStyle, onSelect }) => {
+    const [tabItemPositions, setTabItemPositions] = useState([]);
+    const handleOnLayout = useCallback(({ nativeEvent: { layout: { width, x }, }, }, index) => setTabItemPositions((prevState) => [
+        ...prevState.slice(0, index),
+        {
+            position: x,
+            width,
+        },
+        ...prevState.slice(index),
+    ]), []);
+    const springs = useSpring({
+        width: tabItemPositions[tabIndex]?.width,
+        left: tabItemPositions[tabIndex]?.position,
+    });
+    return (React.createElement(View, { style: [style.tabs, customStyle?.tabList], testID: "tab-list" },
+        labels.map((item, index) => (React.createElement(Tab, { key: index, active: tabIndex === index, style: customStyle?.tab, onLayout: (event) => handleOnLayout(event, index), onPress: () => onSelect?.(index) }, item))),
+        React.createElement(animated.View, { style: [
+                style.indicator,
+                {
+                    width: springs.width,
+                    left: springs.left,
+                },
+                customStyle?.indicator,
+            ] })));
+};
+const Tabs = ({ children, defaultIndex = 0, tabLabels, style: customStyle, onChanged, tabLabelsWrapper = (children) => children, }) => {
+    invariant(Children.count(children) === tabLabels.length, "Children and tab labels must be the same length");
+    const [active, setActive] = useState(defaultIndex);
+    const handleOnActiveChanged = useCallback((activeIndex) => {
+        setActive(activeIndex);
+        onChanged?.(activeIndex);
+    }, [onChanged]);
+    return (React.createElement(View, { style: [style.container, customStyle?.tabContainer], testID: "tabs" },
+        tabLabelsWrapper(React.createElement(TabList, { labels: tabLabels, style: customStyle?.tabList, tabIndex: active, onSelect: handleOnActiveChanged })),
+        React.createElement(View, { style: customStyle?.sliderContainer },
+            React.createElement(Slider, { active: active, gesturesEnabled: false, paginationEnabled: false, onChanged: handleOnActiveChanged }, children))));
+};
+export { Tabs };