@lookiero/checkout 0.2.7 → 0.2.9

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

@@ -1,6 +1,6 @@
 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 { CHECKOUT_MESSAGING_REACT_ID } from "../../../delivery/bootstrap";
 const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
     query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
     contextId: CHECKOUT_MESSAGING_REACT_ID,

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,6 +1,6 @@
 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 { CHECKOUT_MESSAGING_REACT_ID } from "../../../delivery/bootstrap";
 const useViewFiveItemsDiscountByCustomerId = ({ customerId }) => useQuery({
     query: viewFiveItemsDiscountByCustomerId({ customerId }),
     contextId: CHECKOUT_MESSAGING_REACT_ID,

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,6 +1,6 @@
 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 { CHECKOUT_MESSAGING_REACT_ID } from "../../../delivery/bootstrap";
 const useViewIsCheckoutAccessibleByCustomerId = ({ customerId }) => useQuery({
     query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
     contextId: CHECKOUT_MESSAGING_REACT_ID,

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,7 +1,7 @@
 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 { CHECKOUT_MESSAGING_REACT_ID } from "../../../delivery/bootstrap";
 const isUiSettingUpdated = (event) => event.name === UI_SETTING_UPDATED;
 const useViewUiSettingByKey = ({ key }) => useQuery({
     query: viewUiSettingByKey({ key }),

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

@@ -8,6 +8,13 @@ declare enum I18nMessages {
     INTRO_BUTTON = "intro.button",
     ITEM_SIZE = "item.size",
     ITEM_COLOR = "item.color",
-    ITEM_UNIQUE = "item.unique"
+    ITEM_UNIQUE = "item.unique",
+    ITEM_SIZES_LABEL = "item.sizes_label",
+    ITEM_KEEP_BUTTON = "item.keep_button",
+    ITEM_RETURN_BUTTON = "item.return_button",
+    ITEM_BANNER_CUSTOMER_KEPT_DECISSION = "item.banner_customer_kept_decission",
+    ITEM_BANNER_CUSTOMER_REPLACED_DECISSION = "item.banner_customer_replaced_decission",
+    ITEM_BANNER_CUSTOMER_RETURNED_DECISSION = "item.banner_customer_returned_decission",
+    ITEM_BANNER_BUTTON = "item.banner_button"
 }
 export { I18nMessages };

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

@@ -10,5 +10,12 @@ var I18nMessages;
     I18nMessages["ITEM_SIZE"] = "item.size";
     I18nMessages["ITEM_COLOR"] = "item.color";
     I18nMessages["ITEM_UNIQUE"] = "item.unique";
+    I18nMessages["ITEM_SIZES_LABEL"] = "item.sizes_label";
+    I18nMessages["ITEM_KEEP_BUTTON"] = "item.keep_button";
+    I18nMessages["ITEM_RETURN_BUTTON"] = "item.return_button";
+    I18nMessages["ITEM_BANNER_CUSTOMER_KEPT_DECISSION"] = "item.banner_customer_kept_decission";
+    I18nMessages["ITEM_BANNER_CUSTOMER_REPLACED_DECISSION"] = "item.banner_customer_replaced_decission";
+    I18nMessages["ITEM_BANNER_CUSTOMER_RETURNED_DECISSION"] = "item.banner_customer_returned_decission";
+    I18nMessages["ITEM_BANNER_BUTTON"] = "item.banner_button";
 })(I18nMessages || (I18nMessages = {}));
 export { I18nMessages };

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/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/components/banner/CustomerDecissionBanner.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { CheckoutItemStatus } from "../../../../../../projection/checkout/checkout";
+declare type Status = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
+interface CustomerDecissionBannerProps {
+    readonly checkoutItemStatus: Status;
+    readonly onPress: () => void;
+}
+declare const CustomerDecissionBanner: FC<CustomerDecissionBannerProps>;
+export { CustomerDecissionBanner };

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

@@ -0,0 +1,21 @@
+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 { style } from "./CustomerDecissionBanner.style";
+const i18nMessageForCheckoutItemStatus = {
+    [CheckoutItemStatus.KEPT]: I18nMessages.ITEM_BANNER_CUSTOMER_KEPT_DECISSION,
+    [CheckoutItemStatus.REPLACED]: I18nMessages.ITEM_BANNER_CUSTOMER_REPLACED_DECISSION,
+    [CheckoutItemStatus.RETURNED]: I18nMessages.ITEM_BANNER_CUSTOMER_RETURNED_DECISSION,
+};
+const CustomerDecissionBanner = ({ checkoutItemStatus, onPress }) => {
+    const decissionText = useI18nMessage({ id: i18nMessageForCheckoutItemStatus[checkoutItemStatus] });
+    const bannerButtonText = useI18nMessage({ id: I18nMessages.ITEM_BANNER_BUTTON });
+    return (React.createElement(View, { style: style.container },
+        React.createElement(Text, { detail: true, level: 2, style: style.decissionText }, decissionText),
+        React.createElement(Pressable, { onPress: onPress },
+            React.createElement(Text, { detail: true, level: 2, style: style.buttonText }, bannerButtonText))));
+};
+export { CustomerDecissionBanner };

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

@@ -0,0 +1,17 @@
+declare const style: {
+    container: {
+        alignItems: "center";
+        backgroundColor: string;
+        paddingTop: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    decissionText: {
+        textAlign: "center";
+        marginBottom: number;
+    };
+    buttonText: {
+        textDecorationLine: "underline";
+    };
+};
+export { style };

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

@@ -0,0 +1,20 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { colorInfo, spaceM, spaceL } = theme();
+const style = StyleSheet.create({
+    container: {
+        alignItems: "center",
+        backgroundColor: colorInfo,
+        paddingTop: spaceM,
+        paddingHorizontal: spaceL,
+        paddingBottom: spaceL,
+    },
+    decissionText: {
+        textAlign: "center",
+        marginBottom: spaceM,
+    },
+    buttonText: {
+        textDecorationLine: "underline",
+    },
+});
+export { style };

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { SizeProjection } from "../../../../../../projection/checkout/checkout";
+interface ProductVariantActionsProps {
+    readonly sizes: SizeProjection[];
+    readonly size: SizeProjection;
+    readonly onKeep: (value: string) => void;
+    readonly onReturn: () => void;
+    readonly onReplace: () => void;
+}
+declare const ProductVariantActions: FC<ProductVariantActionsProps>;
+export { ProductVariantActions };

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

@@ -0,0 +1,23 @@
+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 { useI18nMessage } from "@lookiero/i18n-react";
+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 });
+    const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
+    const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
+    const sizeSelectorOptions = useMemo(() => sizes.map((size) => ({ name: size.lookiero, value: size.id })), [sizes]);
+    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === size.id, [sizeSelectorOptions, size.id]);
+    return (React.createElement(View, { style: style.container },
+        React.createElement(Button, { onPress: onKeep }, keepButtonText),
+        React.createElement(View, { style: style.row },
+            !size.unique && (React.createElement(View, { style: style.dropdownContainer },
+                React.createElement(InputField, { label: sizeSelectorLabelText, value: size.id, name: "size-selector", icon: "arrow-down", onChange: onReplace, options: sizeSelectorOptions, disabled: disabledSizeSelector, testID: "size-selector" }))),
+            React.createElement(View, { style: style.returnButtonContainer },
+                React.createElement(Button, { variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText)))));
+};
+export { ProductVariantActions };

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

@@ -0,0 +1,19 @@
+declare const style: {
+    container: {
+        width: string;
+    };
+    row: {
+        alignItems: "center";
+        flexDirection: "row";
+        marginTop: number;
+    };
+    dropdownContainer: {
+        flex: number;
+        zIndex: number;
+        marginRight: number;
+    };
+    returnButtonContainer: {
+        flex: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,22 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { spaceL } = theme();
+const style = StyleSheet.create({
+    container: {
+        width: "100%",
+    },
+    row: {
+        alignItems: "center",
+        flexDirection: "row",
+        marginTop: spaceL,
+    },
+    dropdownContainer: {
+        flex: 1,
+        zIndex: 4,
+        marginRight: spaceL,
+    },
+    returnButtonContainer: {
+        flex: 1,
+    },
+});
+export { style };

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 };

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

@@ -0,0 +1,25 @@
+import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutProjection } from "./checkout";
+declare const VIEW_CHECKOUT_BY_ID = "view_checkout_by_id";
+interface ViewCheckoutByIdPayload {
+    readonly checkoutId: string;
+}
+interface ViewCheckoutById extends Query<typeof VIEW_CHECKOUT_BY_ID>, ViewCheckoutByIdPayload {
+}
+interface ViewCheckoutByIdFunction {
+    (payload: ViewCheckoutByIdPayload): ViewCheckoutById;
+}
+declare const viewCheckoutById: ViewCheckoutByIdFunction;
+declare type ViewCheckoutByIdResult = CheckoutProjection | undefined;
+interface CheckoutByIdViewArgs {
+    readonly checkoutId: string;
+}
+interface CheckoutByIdView {
+    (args: CheckoutByIdViewArgs): Promise<ViewCheckoutByIdResult>;
+}
+interface ViewCheckoutByIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutByIdView;
+}
+declare const viewCheckoutByIdHandler: QueryHandlerFunction<ViewCheckoutById, ViewCheckoutByIdResult, ViewCheckoutByIdHandlerFunctionArgs>;
+export type { ViewCheckoutById, CheckoutByIdView, ViewCheckoutByIdResult };
+export { VIEW_CHECKOUT_BY_ID, viewCheckoutById, viewCheckoutByIdHandler };

package/dist/projection/checkout/viewCheckoutById.js

@@ -0,0 +1,8 @@
+import { query } from "@lookiero/messaging";
+const VIEW_CHECKOUT_BY_ID = "view_checkout_by_id";
+const viewCheckoutById = (payload) => ({
+    ...query({ name: VIEW_CHECKOUT_BY_ID }),
+    ...payload,
+});
+const viewCheckoutByIdHandler = ({ view }) => async ({ checkoutId }) => view({ checkoutId });
+export { VIEW_CHECKOUT_BY_ID, viewCheckoutById, viewCheckoutByIdHandler };

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

@@ -1,85 +1,5 @@
 import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-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;
-}
-declare enum CheckoutStatus {
-    AVAILABLE = "AVAILABLE",
-    NOTIFIED = "NOTIFIED",
-    STARTED = "STARTED",
-    COMPLETED = "COMPLETED"
-}
-interface CheckoutProjection {
-    readonly id: string;
-    readonly customerId: string;
-    readonly boxId: string;
-    readonly bookingId: string;
-    readonly status: CheckoutStatus;
-    readonly expiresOn: Date;
-    readonly items: CheckoutItemProjection[];
-}
+import { CheckoutProjection } from "./checkout";
 declare const VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID = "view_first_available_checkout_by_customer_id";
 interface ViewFirstAvailableCheckoutByCustomerIdPayload {
     readonly customerId: string;
@@ -101,5 +21,5 @@ interface ViewFirstAvailableCheckoutByCustomerIdHandlerFunctionArgs extends Quer
     readonly view: FirstAvailableCheckoutByCustomerIdView;
 }
 declare const viewFirstAvailableCheckoutByCustomerIdHandler: QueryHandlerFunction<ViewFirstAvailableCheckoutByCustomerId, ViewFirstAvailableCheckoutByCustomerIdResult, ViewFirstAvailableCheckoutByCustomerIdHandlerFunctionArgs>;
-export type { CheckoutItemProjection, CheckoutProjection, ColorProjection, FirstAvailableCheckoutByCustomerIdView, MediaProjection, PriceProjection, SizeProjection, };
-export { CheckoutStatus, CheckoutItemStatus, MediaPerspective, Currency, VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerId, viewFirstAvailableCheckoutByCustomerIdHandler, };
+export type { FirstAvailableCheckoutByCustomerIdView };
+export { VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerId, viewFirstAvailableCheckoutByCustomerIdHandler, };