@lookiero/checkout 0.2.8 → 0.2.10

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

@@ -0,0 +1,53 @@
+import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
+import { CheckoutItemStatus, CheckoutProjection, Currency, MediaPerspective } from "../../../projection/checkout/checkout";
+interface CheckoutItemDto {
+    readonly id: string;
+    readonly status: CheckoutItemStatus;
+    readonly product_variant: {
+        readonly id: string;
+        readonly media: {
+            readonly id: string;
+            readonly url: string;
+            readonly perspective: MediaPerspective;
+        }[];
+        readonly brand: string;
+        readonly name: string;
+        readonly price: {
+            readonly amount: number;
+            readonly currency: Currency;
+            readonly discounted_price?: {
+                readonly amount: number;
+                readonly percentage: number;
+            };
+        };
+        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;
+        };
+    };
+    readonly replaced_for?: string;
+}
+interface CheckoutDto {
+    readonly id: string;
+    readonly customer_id: string;
+    readonly box_id: string;
+    readonly booking_id: string;
+    readonly status: CheckoutStatus;
+    readonly expires_on: string;
+    readonly items: CheckoutItemDto[];
+}
+interface ToCheckoutProjectionFunction {
+    (checkoutDto: CheckoutDto): CheckoutProjection;
+}
+declare const toCheckoutProjection: ToCheckoutProjectionFunction;
+export type { CheckoutDto, CheckoutItemDto };
+export { toCheckoutProjection };

package/dist/infrastructure/projection/{httpFirstAvailableCheckoutByCustomerIdView.js → checkout/checkout.js}

@@ -44,11 +44,4 @@ const toCheckoutProjection = (checkoutDto) => ({
         },
     })),
 });
-const httpFirstAvailableCheckoutByCustomerIdView = ({ httpPost }) => async ({ customerId }) => {
-    const response = await httpPost({
-        endpoint: "/view-first-available-checkout-by-customer-id",
-        body: { customer_id: customerId },
-    });
-    return !response.ok || response.status === 404 ? undefined : toCheckoutProjection((await response.json()).result);
-};
-export { toCheckoutProjection, httpFirstAvailableCheckoutByCustomerIdView };
+export { toCheckoutProjection };

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

@@ -0,0 +1,17 @@
+import { CheckoutItemStatus, CheckoutProjection } from "../../../projection/checkout/checkout";
+import { CheckoutDto } from "./checkout";
+interface StartedCheckoutWithStatusDtoFunctionArgs {
+    readonly status: CheckoutItemStatus[];
+}
+interface StartedCheckoutWithStatusDtoFunction {
+    (args: StartedCheckoutWithStatusDtoFunctionArgs): CheckoutDto;
+}
+declare const startedCheckoutWithStatusDto: StartedCheckoutWithStatusDtoFunction;
+interface StartedCheckoutWithStatusProjectionFunctionArgs {
+    readonly status: CheckoutItemStatus[];
+}
+interface StartedCheckoutWithStatusProjectionFunction {
+    (args: StartedCheckoutWithStatusProjectionFunctionArgs): CheckoutProjection;
+}
+declare const startedCheckoutWithStatusProjection: StartedCheckoutWithStatusProjectionFunction;
+export { startedCheckoutWithStatusDto, startedCheckoutWithStatusProjection };

package/dist/infrastructure/{delivery/_mock → projection/checkout}/checkout.mock.js

@@ -1,9 +1,11 @@
 import { v4 as uuid } from "uuid";
-import { CheckoutStatus, Currency, MediaPerspective, } from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-const checkoutItem = ({ status }) => ({
+import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
+import { Currency, MediaPerspective, } from "../../../projection/checkout/checkout";
+import { toCheckoutProjection } from "./checkout";
+const checkoutItemDto = ({ status }) => ({
     id: uuid(),
     status,
-    productVariant: {
+    product_variant: {
         id: uuid(),
         media: [
             {
@@ -32,14 +34,15 @@ const checkoutItem = ({ status }) => ({
         },
     },
 });
-const checkoutWithItems = ({ items }) => ({
+const checkoutWithItemsDto = ({ items }) => ({
     id: uuid(),
     status: CheckoutStatus.STARTED,
-    customerId: uuid(),
-    boxId: uuid(),
-    bookingId: uuid(),
-    expiresOn: new Date("2022-09-20"),
+    customer_id: uuid(),
+    box_id: uuid(),
+    booking_id: uuid(),
+    expires_on: "2022-09-20",
     items,
 });
-const startedCheckoutWithItems = ({ status }) => checkoutWithItems({ items: status.map((status) => checkoutItem({ status })) });
-export { startedCheckoutWithItems };
+const startedCheckoutWithStatusDto = ({ status }) => checkoutWithItemsDto({ items: status.map((status) => checkoutItemDto({ status })) });
+const startedCheckoutWithStatusProjection = ({ status }) => toCheckoutProjection(startedCheckoutWithStatusDto({ status }));
+export { startedCheckoutWithStatusDto, startedCheckoutWithStatusProjection };

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

@@ -0,0 +1,12 @@
+import { CheckoutByIdView } from "../../../projection/checkout/viewCheckoutById";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutByIdView extends CheckoutByIdView {
+}
+interface HttpCheckoutByIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutByIdViewFunction {
+    (args: HttpCheckoutByIdViewFunctionArgs): HttpCheckoutByIdView;
+}
+declare const httpCheckoutByIdView: HttpCheckoutByIdViewFunction;
+export { httpCheckoutByIdView };

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

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

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

@@ -0,0 +1,12 @@
+import { FirstAvailableCheckoutByCustomerIdView } from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpFirstAvailableCheckoutByCustomerIdView extends FirstAvailableCheckoutByCustomerIdView {
+}
+interface HttpFirstAvailableCheckoutByCustomerIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpFirstAvailableCheckoutByCustomerIdViewFunction {
+    (args: HttpFirstAvailableCheckoutByCustomerIdViewFunctionArgs): HttpFirstAvailableCheckoutByCustomerIdView;
+}
+declare const httpFirstAvailableCheckoutByCustomerIdView: HttpFirstAvailableCheckoutByCustomerIdViewFunction;
+export { httpFirstAvailableCheckoutByCustomerIdView };

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

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

package/dist/infrastructure/projection/{httpFiveItemsDiscountByCustomerIdView.d.ts → checkout/httpFiveItemsDiscountByCustomerIdView.d.ts}

@@ -1,5 +1,5 @@
-import { FiveItemsDiscountByCustomerIdView } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
-import { HttpGetFunction } from "../delivery/http/httpClient";
+import { FiveItemsDiscountByCustomerIdView } from "../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+import { HttpGetFunction } from "../../delivery/http/httpClient";
 interface HttpFiveItemsDiscountByCustomerIdView extends FiveItemsDiscountByCustomerIdView {
 }
 interface HttpFiveItemsDiscountByCustomerIdViewFunctionArgs {

package/dist/infrastructure/projection/{httpIsCheckoutEnabledByCustomerIdView.d.ts → checkout/httpIsCheckoutEnabledByCustomerIdView.d.ts}

@@ -1,5 +1,5 @@
-import { IsCheckoutEnabledByCustomerIdView } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
-import { HttpGetFunction } from "../delivery/http/httpClient";
+import { IsCheckoutEnabledByCustomerIdView } from "../../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
+import { HttpGetFunction } from "../../delivery/http/httpClient";
 interface HttpIsCheckoutEnabledByCustomerIdView extends IsCheckoutEnabledByCustomerIdView {
 }
 interface HttpIsCheckoutEnabledByCustomerIdViewFunctionArgs {

package/dist/infrastructure/projection/{react → checkout/react}/useViewFirstAvailableCheckoutByCustomerId.d.ts

@@ -1,5 +1,5 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { CheckoutProjection } from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { CheckoutProjection } from "../../../../projection/checkout/checkout";
 interface UseViewFirstAvailableCheckoutByCustomerIdFunctionArgs {
     readonly customerId: string;
 }

package/dist/infrastructure/projection/{react → checkout/react}/useViewFirstAvailableCheckoutByCustomerId.js

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

package/dist/infrastructure/projection/{react → checkout/react}/useViewFiveItemsDiscountByCustomerId.d.ts

@@ -1,5 +1,5 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { FiveItemsDiscountByCustomerIdProjection } from "../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+import { FiveItemsDiscountByCustomerIdProjection } from "../../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
 interface UseViewFiveItemsDiscountByCustomerIdFunctionArgs {
     readonly customerId: string;
 }

package/dist/infrastructure/projection/{react → checkout/react}/useViewFiveItemsDiscountByCustomerId.js

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

package/dist/infrastructure/projection/{react → checkout/react}/useViewIsCheckoutAccessibleByCustomerId.d.ts

@@ -1,5 +1,5 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { IsCheckoutAccessibleByCustomerIdProjection } from "../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
+import { IsCheckoutAccessibleByCustomerIdProjection } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 interface UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs {
     readonly customerId: string | undefined;
 }

package/dist/infrastructure/projection/{react → checkout/react}/useViewIsCheckoutAccessibleByCustomerId.js

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

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

@@ -0,0 +1,2 @@
+declare const useViewCheckoutIntroShown: () => import("@lookiero/messaging-react").UseQueryFunctionResult<import("../../../../projection/uiSetting/viewUiSettingByKey").UiSettingProjection>;
+export { useViewCheckoutIntroShown };

package/dist/infrastructure/projection/{react → uiSetting/react}/useViewCheckoutIntroShown.js

@@ -1,4 +1,4 @@
-import { UISettings } from "../../ui/settings/UISettings";
+import { UISettings } from "../../../ui/settings/UISettings";
 import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
 const useViewCheckoutIntroShown = () => useViewUiSettingByKey({
     key: UISettings.CHECKOUT_INTRO_SHOWN,

package/dist/infrastructure/projection/{react → uiSetting/react}/useViewUiSettingByKey.d.ts

@@ -1,5 +1,5 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { UiSettingProjection } from "../../../projection/uiSetting/viewUiSettingByKey";
+import { UiSettingProjection } from "../../../../projection/uiSetting/viewUiSettingByKey";
 interface UseViewUiSettingByKeyFunctionArgs {
     readonly key: string;
 }

package/dist/infrastructure/projection/{react → uiSetting/react}/useViewUiSettingByKey.js

@@ -1,11 +1,11 @@
 import { useQuery } from "@lookiero/messaging-react";
-import { UI_SETTING_UPDATED } from "../../../domain/uiSetting/model/uiSettingUpdated";
-import { viewUiSettingByKey } from "../../../projection/uiSetting/viewUiSettingByKey";
-import { CHECKOUT_MESSAGING_REACT_ID } from "../../delivery/bootstrap";
+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: CHECKOUT_MESSAGING_REACT_ID,
+    contextId: MESSAGING_CONTEXT_ID,
     invalidation: isUiSettingUpdated,
     options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });

package/dist/infrastructure/projection/{storageUiSettingByKeyView.d.ts → uiSetting/storageUiSettingByKeyView.d.ts}

@@ -1,6 +1,6 @@
-import { UiSettingByKeyView } from "../../projection/uiSetting/viewUiSettingByKey";
-import { ReadFunction } from "../persistence/storage";
-import { UiSettingDto } from "../persistence/uiSettingData";
+import { UiSettingByKeyView } from "../../../projection/uiSetting/viewUiSettingByKey";
+import { ReadFunction } from "../../persistence/storage";
+import { UiSettingDto } from "../../persistence/uiSettingData";
 interface StorageUiSettingByKeyView extends UiSettingByKeyView {
 }
 interface StorageUiSettingByKeyViewFunctionArgs {

package/dist/infrastructure/ui/Root.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from "react";
 import { Platform } from "react-native";
-import { Router } from "./routing/router/Router";
 import { Routing } from "./routing/Routing";
+import { Router } from "./routing/router/Router";
 const root = ({ Messaging, I18n, development }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
 ({ locale = "en", customerId, onNotAccessible }) => {

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

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { PriceProjection } from "../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { PriceProjection } from "../../../../../projection/checkout/checkout";
 interface PriceProps {
     readonly price: PriceProjection;
 }

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

@@ -1,7 +1,7 @@
+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 { useI18nNumber } from "@lookiero/i18n-react";
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { style } from "./Price.style";
 const Price = ({ price }) => {
     const isDiscounted = price.discountedPrice && price.discountedPrice.percentage !== 0;

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

@@ -1,4 +1,3 @@
-import "react-native-get-random-values";
 import { FC } from "react";
 interface CheckoutAccessibilityMiddlewareProps {
     readonly customerId: string | undefined;

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

@@ -1,9 +1,8 @@
-import "react-native-get-random-values";
+import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useEffect, useRef } from "react";
 import { Outlet } from "react-router-native";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/react/useViewIsCheckoutAccessibleByCustomerId";
+import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
 import { Spinner } from "../components/atoms/spinner/Spinner";
-import { QueryStatus } from "@lookiero/messaging-react";
 const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), }) => {
     const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
     const onNotAccessibleRef = useRef(onNotAccessible);

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

@@ -1,9 +1,9 @@
 import { QueryStatus } from "@lookiero/messaging-react";
 import React from "react";
 import { generatePath, Navigate, Outlet, useMatch } from "react-router";
-import { CheckoutItemStatus, } from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { useViewCheckoutIntroShown } from "../../projection/react/useViewCheckoutIntroShown";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/react/useViewFirstAvailableCheckoutByCustomerId";
+import { CheckoutItemStatus } from "../../../projection/checkout/checkout";
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { useViewCheckoutIntroShown } from "../../projection/uiSetting/react/useViewCheckoutIntroShown";
 import { Spinner } from "../components/atoms/spinner/Spinner";
 import { Routes } from "./routes";
 const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null) }) => {

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

@@ -30,7 +30,7 @@ const Routing = ({ onNotAccessible, customerId, locale, I18n, onI18nError }) =>
                                 {
                                     path: Routes.ITEM,
                                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                        React.createElement(Item, null))),
+                                        React.createElement(Item, { customerId: customerId }))),
                                 },
                                 {
                                     path: Routes.SUMMARY,

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

@@ -1,15 +1,15 @@
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import { I18nMessages } from "../../i18n/i18n";
 import { Icon } from "@lookiero/aurora-next/build/components/primitives/Icon/Icon";
-import { Spinner } from "../../components/atoms/spinner/Spinner";
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { useSetCheckoutIntroShown } from "../../../domain/react/useSetCheckoutIntroShown";
-import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/react/useViewFiveItemsDiscountByCustomerId";
-import { View } from "react-native";
+import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback } from "react";
+import { View } from "react-native";
+import { useSetCheckoutIntroShown } from "../../../domain/uiSetting/react/useSetCheckoutIntroShown";
+import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
+import { Spinner } from "../../components/atoms/spinner/Spinner";
 import { Body } from "../../components/layouts/body/Body";
+import { I18nMessages } from "../../i18n/i18n";
 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,3 +1,6 @@
 import { FC } from "react";
-declare const Item: FC;
+interface ItemProps {
+    readonly customerId: string;
+}
+declare const Item: FC<ItemProps>;
 export { Item };

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

@@ -3,8 +3,11 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
 import { StyleSheet, View } from "react-native";
 import { useParams } from "react-router-native";
-const Item = () => {
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+const Item = ({ customerId }) => {
     const { id } = useParams();
+    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    console.log(checkout);
     const itemText = useI18nMessage({ id: "item" });
     return (React.createElement(View, { style: styles.container },
         React.createElement(Text, { heading: true, level: 3 }, itemText),

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { CheckoutItemStatus } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { CheckoutItemStatus } from "../../../../../../projection/checkout/checkout";
 declare type Status = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
 interface CustomerDecissionBannerProps {
     readonly checkoutItemStatus: Status;

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.js

@@ -1,9 +1,9 @@
-import React from "react";
-import { Pressable, View } from "react-native";
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { Pressable, View } from "react-native";
+import { CheckoutItemStatus } from "../../../../../../projection/checkout/checkout";
 import { I18nMessages } from "../../../../i18n/i18n";
-import { CheckoutItemStatus } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { style } from "./CustomerDecissionBanner.style";
 const i18nMessageForCheckoutItemStatus = {
     [CheckoutItemStatus.KEPT]: I18nMessages.ITEM_BANNER_CUSTOMER_KEPT_DECISSION,

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.d.ts

@@ -1,5 +1,5 @@
-import { SizeProjection } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { FC } from "react";
+import { SizeProjection } from "../../../../../../projection/checkout/checkout";
 interface ProductVariantActionsProps {
     readonly sizes: SizeProjection[];
     readonly size: SizeProjection;

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.js

@@ -1,10 +1,10 @@
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
 import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
 import { InputField } from "@lookiero/aurora-next/build/components/atoms/InputField/InputField";
-import { I18nMessages } from "../../../../i18n/i18n";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { View } from "react-native";
 import React, { useMemo } from "react";
+import { View } from "react-native";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ProductVariantActions.style";
 const ProductVariantActions = ({ sizes, size, onKeep, onReplace, onReturn }) => {
     const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });

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

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { ColorProjection, PriceProjection, SizeProjection } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { ColorProjection, PriceProjection, SizeProjection } from "../../../../../../projection/checkout/checkout";
 interface ProductVariantDescriptionProps {
     readonly brand: string;
     readonly name: string;

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

@@ -1,9 +1,9 @@
-import React from "react";
-import { View } from "react-native";
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { I18nMessages } from "../../../../i18n/i18n";
+import React from "react";
+import { View } from "react-native";
 import { Price } from "../../../../components/atoms/price/Price";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ProductVariantDescription.style";
 const ProductVariantDescription = ({ brand, name, price, size, color }) => {
     const sizeText = useI18nMessage({ id: I18nMessages.ITEM_SIZE });

package/dist/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { MediaProjection } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { MediaProjection } from "../../../../../../projection/checkout/checkout";
 interface ProductVariantSlider {
     readonly producVariantMedia: MediaProjection[];
 }

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

@@ -0,0 +1,78 @@
+import { CheckoutStatus } from "../../domain/checkout/model/checkout";
+declare enum MediaPerspective {
+    BACK = "BACK",
+    BOTTOM_UP = "BOTTOM_UP",
+    COLLAGE = "COLLAGE",
+    DETAIL = "DETAIL",
+    FLAT_BACK = "FLAT_BACK",
+    FRONT = "FRONT",
+    FRONT_FAR = "FRONT_FAR",
+    LABEL = "LABEL",
+    MAIN = "MAIN",
+    MAIN_TRANSPARENT = "MAIN_TRANSPARENT",
+    OTHER = "OTHER",
+    SIDE = "SIDE"
+}
+interface MediaProjection {
+    readonly id: string;
+    readonly url: string;
+    readonly perspective: MediaPerspective;
+}
+declare enum Currency {
+    EUR = "EUR",
+    GBP = "GBP"
+}
+interface PriceProjection {
+    readonly amount: number;
+    readonly currency: Currency;
+    readonly discountedPrice?: {
+        readonly amount: number;
+        readonly percentage: number;
+    };
+}
+interface SizeProjection {
+    readonly id: string;
+    readonly lookiero: string;
+    readonly uk: string;
+    readonly it: string;
+    readonly europe: string;
+    readonly unique: boolean;
+    readonly visualOrder?: number;
+}
+interface ColorProjection {
+    readonly id: string;
+    readonly label: string;
+}
+interface CheckoutItemProductVariantProjection {
+    readonly id: string;
+    readonly media: MediaProjection[];
+    readonly brand: string;
+    readonly name: string;
+    readonly price: PriceProjection;
+    readonly size: SizeProjection;
+    readonly color: ColorProjection;
+}
+declare enum CheckoutItemStatus {
+    INITIAL = "INITIAL",
+    KEPT = "KEPT",
+    RETURNED = "RETURNED",
+    REPLACED = "REPLACED",
+    EXPIRED = "EXPIRED"
+}
+interface CheckoutItemProjection {
+    readonly id: string;
+    readonly status: CheckoutItemStatus;
+    readonly replacedFor?: string;
+    readonly productVariant: CheckoutItemProductVariantProjection;
+}
+interface CheckoutProjection {
+    readonly id: string;
+    readonly customerId: string;
+    readonly boxId: string;
+    readonly bookingId: string;
+    readonly status: CheckoutStatus;
+    readonly expiresOn: Date;
+    readonly items: CheckoutItemProjection[];
+}
+export type { CheckoutItemProjection, ColorProjection, MediaProjection, PriceProjection, SizeProjection, CheckoutProjection, };
+export { CheckoutItemStatus, MediaPerspective, Currency };

package/dist/projection/checkout/checkout.js

@@ -0,0 +1,29 @@
+var MediaPerspective;
+(function (MediaPerspective) {
+    MediaPerspective["BACK"] = "BACK";
+    MediaPerspective["BOTTOM_UP"] = "BOTTOM_UP";
+    MediaPerspective["COLLAGE"] = "COLLAGE";
+    MediaPerspective["DETAIL"] = "DETAIL";
+    MediaPerspective["FLAT_BACK"] = "FLAT_BACK";
+    MediaPerspective["FRONT"] = "FRONT";
+    MediaPerspective["FRONT_FAR"] = "FRONT_FAR";
+    MediaPerspective["LABEL"] = "LABEL";
+    MediaPerspective["MAIN"] = "MAIN";
+    MediaPerspective["MAIN_TRANSPARENT"] = "MAIN_TRANSPARENT";
+    MediaPerspective["OTHER"] = "OTHER";
+    MediaPerspective["SIDE"] = "SIDE";
+})(MediaPerspective || (MediaPerspective = {}));
+var Currency;
+(function (Currency) {
+    Currency["EUR"] = "EUR";
+    Currency["GBP"] = "GBP";
+})(Currency || (Currency = {}));
+var CheckoutItemStatus;
+(function (CheckoutItemStatus) {
+    CheckoutItemStatus["INITIAL"] = "INITIAL";
+    CheckoutItemStatus["KEPT"] = "KEPT";
+    CheckoutItemStatus["RETURNED"] = "RETURNED";
+    CheckoutItemStatus["REPLACED"] = "REPLACED";
+    CheckoutItemStatus["EXPIRED"] = "EXPIRED";
+})(CheckoutItemStatus || (CheckoutItemStatus = {}));
+export { CheckoutItemStatus, MediaPerspective, Currency };