@lookiero/checkout 0.8.17 → 0.8.19-beta.0

package/dist/infrastructure/ui/views/header/components/Logo.style.d.ts

@@ -0,0 +1,7 @@
+declare const style: {
+    logo: {
+        height: number;
+        width: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/views/header/components/Logo.style.js

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

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+type IntroProps = {
+    readonly customerId: string;
+};
+declare const Intro: FC<IntroProps>;
+export { Intro };

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

@@ -0,0 +1,52 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { Icon } from "@lookiero/aurora-next/build/components/primitives/Icon/Icon";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
+import React from "react";
+import { Platform, View } from "react-native";
+import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
+import { useIncrementIntroShownCount } from "../../../domain/uiSetting/react/useIncrementIntroShownCount";
+import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
+import { Body } from "../../components/layouts/body/Body";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
+import { I18nMessages } from "../../i18n/i18n";
+import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
+import { style } from "./Intro.style";
+const Bullet = ({ text }) => (React.createElement(View, { style: style.bullet },
+    React.createElement(Icon, { name: "rounded-tick", style: style.tickIcon }),
+    React.createElement(Text, { level: 2, detail: true }, text)));
+const Intro = ({ customerId }) => {
+    const titleText = useI18nMessage({ id: I18nMessages.INTRO_TITLE });
+    const subTitleText = useI18nMessage({ id: I18nMessages.INTRO_SUBTITLE });
+    const discountText = useI18nMessage({ id: I18nMessages.INTRO_DISCOUNT });
+    const bulletOneText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_ONE });
+    const bulletTwoText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_TWO });
+    const bulletThreeText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_THREE });
+    const buttonText = useI18nMessage({ id: I18nMessages.INTRO_BUTTON });
+    const [fiveItemsDiscount, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({
+        customerId,
+    });
+    const [incrementIntroShownCount, incrementIntroShownCountStatus] = useIncrementIntroShownCount();
+    if (fiveItemsDiscountStatus === QueryStatus.LOADING)
+        return React.createElement(Spinner, null);
+    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container } },
+        React.createElement(Body, { style: { column: style.bodyColumn } },
+            React.createElement(View, { style: style.intro },
+                React.createElement(View, { style: style.content },
+                    React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
+                    React.createElement(Text, { level: 3, style: style.subtitle, body: true }, subTitleText),
+                    fiveItemsDiscount !== 0 && (React.createElement(View, { style: style.discountContainer },
+                        React.createElement(View, { style: style.discount },
+                            React.createElement(Text, { level: 2, heading: true },
+                                "- ",
+                                fiveItemsDiscount),
+                            React.createElement(Text, { level: 3, style: style.percentage, heading: true }, "%")),
+                        React.createElement(Text, { level: 3, body: true }, discountText))),
+                    React.createElement(View, { style: style.description },
+                        React.createElement(Bullet, { text: bulletOneText }),
+                        React.createElement(Bullet, { text: bulletTwoText }),
+                        React.createElement(Bullet, { text: bulletThreeText }))),
+                React.createElement(Button, { disabled: incrementIntroShownCountStatus === CommandStatus.LOADING, onPress: incrementIntroShownCount }, buttonText)))));
+};
+export { Intro };

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

@@ -0,0 +1,55 @@
+declare const style: {
+    bodyColumn: {
+        paddingHorizontal: number;
+    };
+    bullet: {
+        alignItems: "center";
+        flexDirection: "row";
+        marginVertical: number;
+    };
+    container: {
+        flex: number;
+    };
+    content: {
+        alignItems: "center";
+    };
+    description: {
+        borderWidth: number;
+        marginBottom: number;
+        padding: number;
+        width: string;
+    };
+    discount: {
+        alignItems: "flex-end";
+        flexDirection: "row";
+        justifyContent: "center";
+        marginBottom: number;
+    };
+    discountContainer: {
+        alignItems: "center";
+        backgroundColor: string;
+        marginBottom: number;
+        padding: number;
+        textAlign: "center";
+        width: string;
+    };
+    intro: {
+        flex: number;
+        justifyContent: "space-between";
+    };
+    percentage: {
+        marginLeft: number;
+    };
+    subtitle: {
+        marginBottom: number;
+        textAlign: "center";
+    };
+    tickIcon: {
+        marginRight: number;
+    };
+    title: {
+        marginBottom: number;
+        textAlign: "center";
+    };
+};
+export { style };

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

@@ -0,0 +1,58 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../theme/theme";
+const { borderSize, colorAccent, spaceXS, spaceS, spaceM, spaceL, spaceXL } = theme();
+const style = StyleSheet.create({
+    bodyColumn: {
+        paddingHorizontal: spaceXL,
+    },
+    bullet: {
+        alignItems: "center",
+        flexDirection: "row",
+        marginVertical: spaceS,
+    },
+    container: {
+        flex: 1,
+    },
+    content: {
+        alignItems: "center",
+    },
+    description: {
+        borderWidth: borderSize,
+        marginBottom: spaceXL,
+        padding: spaceM,
+        width: "100%",
+    },
+    discount: {
+        alignItems: "flex-end",
+        flexDirection: "row",
+        justifyContent: "center",
+        marginBottom: spaceS,
+    },
+    discountContainer: {
+        alignItems: "center",
+        backgroundColor: colorAccent,
+        marginBottom: spaceL,
+        padding: spaceM,
+        textAlign: "center",
+        width: "100%",
+    },
+    intro: {
+        flex: 1,
+        justifyContent: "space-between",
+    },
+    percentage: {
+        marginLeft: spaceXS,
+    },
+    subtitle: {
+        marginBottom: spaceXL,
+        textAlign: "center",
+    },
+    tickIcon: {
+        marginRight: spaceS,
+    },
+    title: {
+        marginBottom: spaceM,
+        textAlign: "center",
+    },
+});
+export { style };

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

@@ -1,7 +1,7 @@
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Platform, View } from "react-native";
-import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
+import { useParams } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { useLogger } from "../../../../shared/logging/useLogger";
@@ -19,8 +19,6 @@ import { TrackingPage } from "../../../tracking/tracking";
 import { Body } from "../../components/layouts/body/Body";
 import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
 import { theme } from "../../theme/theme";
 import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
 import { style } from "./Item.style";
@@ -30,7 +28,6 @@ import { ProductVariantDescription } from "./components/productVariantDescriptio
 import { ProductVariantSlider } from "./components/productVariantSlider/ProductVariantSlider";
 import { ReturnQuestionsFeedback } from "./components/returnQuestionsFeedback/ReturnQuestionsFeedback";
 import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
-import { SizeChangeModal } from "./components/sizeChangeModal/SizeChangeModal";
 import { SizeWithoutStockModal } from "./components/sizeWithoutStockModal/SizeWithoutStockModal";
 const { spaceXL } = theme();
 const Item = ({ customerId, country }) => {
@@ -44,35 +41,11 @@ const Item = ({ customerId, country }) => {
         checkoutId: checkout?.id,
         checkoutItemId: checkoutItem.id,
     });
-    const basePath = useBasePath();
-    const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
-    const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
-    const navigate = useNavigate();
-    const navigateToNextView = useCallback(() => {
-        if (itemRouteMatch) {
-            const nextItemWithoutCustomerDecision = checkout?.items
-                .filter((item) => item.id !== id)
-                .find((item) => item.status === CheckoutItemStatus.INITIAL);
-            if (nextItemWithoutCustomerDecision) {
-                navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItemWithoutCustomerDecision.id }));
-            }
-        }
-        else if (itemDetailRouteMatch) {
-            navigate(`${basePath}/${Routes.SUMMARY}`);
-        }
-    }, [itemRouteMatch, itemDetailRouteMatch, checkout?.items, id, navigate, basePath]);
-    const [customerDecissionMade, setCustomerDecissionMade] = useState();
-    useEffect(() => {
-        setCustomerDecissionMade(checkoutItem.status !== CheckoutItemStatus.INITIAL);
-    }, [checkoutItem.status, id]);
-    const [resetCheckoutItem] = useResetCheckoutItem({
+    const customerDecissionMade = checkoutItem.status !== CheckoutItemStatus.INITIAL;
+    const [resetCheckoutItem, resetCheckoutItemStatus] = useResetCheckoutItem({
         checkoutItemId: checkoutItem.id,
         logger,
     });
-    const handleOnBannerPress = useCallback(() => {
-        resetCheckoutItem();
-        setCustomerDecissionMade(false);
-    }, [resetCheckoutItem]);
     const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
     const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
         checkoutItemId: checkoutItem.id,
@@ -85,14 +58,6 @@ const Item = ({ customerId, country }) => {
     const [sizeWithoutStockModalVisible, setSizeWithoutStockModalVisible] = useState(false);
     const handleOnShowSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(true), []);
     const handleOnHideSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(false), []);
-    const [sizeChangeModalVisible, setSizeChangeModalVisible] = useState(false);
-    const handleOnShowSizeChangeModal = useCallback(() => setSizeChangeModalVisible(true), []);
-    const handleOnHideSizeChangeModal = useCallback(() => {
-        setSizeChangeModalVisible(false);
-        if (replaceCheckoutItemStatus === CommandStatus.SUCCESS) {
-            navigateToNextView();
-        }
-    }, [navigateToNextView, replaceCheckoutItemStatus]);
     const [bookedProductsVariants, bookedProductsVariantsStatus] = useViewBookedProductsVariantsForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
@@ -113,19 +78,11 @@ const Item = ({ customerId, country }) => {
     const handleOnShowReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
     const handleOnHideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
     const handleOnEditFeedback = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const handleOnSubmit = useCallback(async (feedbacks) => {
+    const handleOnSubmit = useCallback((feedbacks) => {
         handleOnHideReturnQuestions();
-        await returnCheckoutItem({ feedbacks });
-        navigateToNextView();
-    }, [handleOnHideReturnQuestions, navigateToNextView, returnCheckoutItem]);
-    const handleOnKeep = useCallback(async () => {
-        await keepCheckoutItem();
-        navigateToNextView();
-    }, [keepCheckoutItem, navigateToNextView]);
-    const handleOnReplace = useCallback(async (replacedForId) => {
-        await replaceCheckoutItem({ replacedForId });
-        handleOnShowSizeChangeModal();
-    }, [handleOnShowSizeChangeModal, replaceCheckoutItem]);
+        returnCheckoutItem({ feedbacks });
+    }, [handleOnHideReturnQuestions, returnCheckoutItem]);
+    const handleOnReplace = useCallback((replacedForId) => replaceCheckoutItem({ replacedForId }), [replaceCheckoutItem]);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
     const productVariantSelected = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
         ? { id: checkoutItem.replacedFor.id, size: checkoutItem.replacedFor.size }
@@ -142,10 +99,9 @@ const Item = ({ customerId, country }) => {
     const { media, brand, name, color } = checkoutItem.productVariant;
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
-        React.createElement(SizeChangeModal, { visible: sizeChangeModalVisible, onDismiss: handleOnHideSizeChangeModal }),
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, footer: !customerDecissionMade && (React.createElement(ItemActions, { country: country, keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })) },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, footer: !customerDecissionMade && (React.createElement(ItemActions, { country: country, keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })) },
             React.createElement(Body, null,
-                customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
+                customerDecissionMade && (React.createElement(CustomerDecissionBanner, { changingDecission: resetCheckoutItemStatus === CommandStatus.LOADING, checkoutItemStatus: checkoutItem.status, onPress: resetCheckoutItem })),
                 React.createElement(View, { style: [style.content, { paddingBottom: Platform.OS === "web" ? spaceXL : stickyHeight }] },
                     React.createElement(View, { style: style.sliderContainer },
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),

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

@@ -4,6 +4,7 @@ type CustomerDecissionBannerStatus = Exclude<CheckoutItemStatus, CheckoutItemSta
 interface CustomerDecissionBannerProps {
     readonly checkoutItemStatus: CustomerDecissionBannerStatus;
     readonly onPress: () => void;
+    readonly changingDecission: boolean;
 }
 declare const CustomerDecissionBanner: FC<CustomerDecissionBannerProps>;
 export type { CustomerDecissionBannerStatus };

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

@@ -1,21 +1,27 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
-import { Pressable } from "react-native";
+import { Pressable, View } from "react-native";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
+import { Spinner } from "../../../../../../shared/ui/components/atoms/spinner/Spinner";
 import { Banner } from "../../../../components/layouts/banner/Banner";
 import { I18nMessages } from "../../../../i18n/i18n";
+import { theme } from "../../../../theme/theme";
 import { style } from "./CustomerDecissionBanner.style";
+const { colorContent } = theme();
 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 CustomerDecissionBanner = ({ checkoutItemStatus, onPress, changingDecission, }) => {
     const decissionText = useI18nMessage({ id: i18nMessageForCheckoutItemStatus[checkoutItemStatus] }) || "";
     const bannerButtonText = useI18nMessage({ id: I18nMessages.ITEM_BANNER_BUTTON });
     return (React.createElement(Banner, { text: decissionText },
-        React.createElement(Pressable, { style: style.button, onPress: onPress },
-            React.createElement(Text, { level: 2, style: style.buttonText, detail: true }, bannerButtonText))));
+        React.createElement(View, { style: style.actions },
+            React.createElement(View, { style: style.placeholder }),
+            React.createElement(Pressable, { onPress: changingDecission ? undefined : onPress },
+                React.createElement(Text, { level: 2, style: style.buttonText, detail: true }, bannerButtonText)),
+            React.createElement(View, { style: style.placeholder }, changingDecission && React.createElement(Spinner, { color: colorContent, size: 20 })))));
 };
 export { CustomerDecissionBanner };

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

@@ -1,9 +1,16 @@
 declare const style: {
-    button: {
+    actions: {
+        flexDirection: "row";
+        justifyContent: "space-between";
         marginTop: number;
+        minHeight: number;
+        width: string;
     };
     buttonText: {
         textDecorationLine: "underline";
     };
+    placeholder: {
+        width: number;
+    };
 };
 export { style };

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

@@ -2,11 +2,18 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { spaceM } = theme();
 const style = StyleSheet.create({
-    button: {
+    actions: {
+        flexDirection: "row",
+        justifyContent: "space-between",
         marginTop: spaceM,
+        minHeight: 20,
+        width: "100%",
     },
     buttonText: {
         textDecorationLine: "underline",
     },
+    placeholder: {
+        width: 20,
+    },
 });
 export { style };

package/dist/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.d.ts

@@ -0,0 +1,10 @@
+import { SizeProjection } from "../shared/size";
+interface ProductVariantProjection {
+    readonly id: string;
+    readonly size: SizeProjection;
+}
+interface BookedSizeChangeProductsVariantsProjection {
+    readonly bookingId: string;
+    readonly productVariants: ProductVariantProjection[];
+}
+export type { BookedSizeChangeProductsVariantsProjection, ProductVariantProjection };

package/dist/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.js

@@ -0,0 +1 @@
+export {};

package/dist/projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { BookedSizeChangeProductsVariantsProjection } from "./bookedSizeChangeProductsVariants";
+declare const VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM = "view_booked_size_change_product_variants_for_checkout_item";
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload {
+    readonly checkoutItemId: string;
+}
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItem extends Query<typeof VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM>, ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload {
+}
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
+    (payload: ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload): ViewBookedSizeChangeProductsVariantsForCheckoutItem;
+}
+declare const viewBookedSizeChangeProductsVariantsForCheckoutItem: ViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
+type ViewBookedSizeChangeProductsVariantsForCheckoutItemResult = BookedSizeChangeProductsVariantsProjection | null;
+interface BookedSizeChangeProductsVariantsForCheckoutItemViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutItemId: string;
+}
+interface BookedSizeChangeProductsVariantsForCheckoutItemView {
+    (args: BookedSizeChangeProductsVariantsForCheckoutItemViewArgs): Promise<ViewBookedSizeChangeProductsVariantsForCheckoutItemResult>;
+}
+interface ViewBookedSizeChangeProductsVariantsForCheckoutItemHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: BookedSizeChangeProductsVariantsForCheckoutItemView;
+}
+declare const viewBookedSizeChangeProductsVariantsForCheckoutItemHandler: QueryHandlerFunction<ViewBookedSizeChangeProductsVariantsForCheckoutItem, ViewBookedSizeChangeProductsVariantsForCheckoutItemResult, ViewBookedSizeChangeProductsVariantsForCheckoutItemHandlerFunctionArgs>;
+export type { ViewBookedSizeChangeProductsVariantsForCheckoutItem, BookedSizeChangeProductsVariantsForCheckoutItemView, ViewBookedSizeChangeProductsVariantsForCheckoutItemResult, };
+export { VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItem, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, };

package/dist/projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM = "view_booked_size_change_product_variants_for_checkout_item";
+const viewBookedSizeChangeProductsVariantsForCheckoutItem = (payload) => ({
+    ...query({ name: VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM }),
+    ...payload,
+});
+const viewBookedSizeChangeProductsVariantsForCheckoutItemHandler = ({ view, signal }) => async ({ checkoutItemId }) => view({ checkoutItemId, signal });
+export { VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItem, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, };

package/dist/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedbackProjection } from "./checkoutFeedback";
+declare const VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID = "view_checkout_feedback_by_checkout_id";
+interface ViewCheckoutFeedbackByCheckoutIdPayload {
+    readonly checkoutId: string;
+}
+interface ViewCheckoutFeedbackByCheckoutId extends Query<typeof VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID>, ViewCheckoutFeedbackByCheckoutIdPayload {
+}
+interface ViewCheckoutFeedbackByCheckoutIdFunction {
+    (payload: ViewCheckoutFeedbackByCheckoutIdPayload): ViewCheckoutFeedbackByCheckoutId;
+}
+declare const viewCheckoutFeedbackByCheckoutId: ViewCheckoutFeedbackByCheckoutIdFunction;
+type ViewCheckoutFeedbackByCheckoutIdResult = CheckoutFeedbackProjection | null;
+interface CheckoutFeedbackByCheckoutIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutId: string;
+}
+interface CheckoutFeedbackByCheckoutIdView {
+    (args: CheckoutFeedbackByCheckoutIdViewArgs): Promise<ViewCheckoutFeedbackByCheckoutIdResult>;
+}
+interface ViewCheckoutFeedbackByCheckoutIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutFeedbackByCheckoutIdView;
+}
+declare const viewCheckoutFeedbackByCheckoutIdHandler: QueryHandlerFunction<ViewCheckoutFeedbackByCheckoutId, ViewCheckoutFeedbackByCheckoutIdResult, ViewCheckoutFeedbackByCheckoutIdHandlerFunctionArgs>;
+export type { ViewCheckoutFeedbackByCheckoutId, CheckoutFeedbackByCheckoutIdView, ViewCheckoutFeedbackByCheckoutIdResult, };
+export { VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID, viewCheckoutFeedbackByCheckoutId, viewCheckoutFeedbackByCheckoutIdHandler, };

package/dist/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID = "view_checkout_feedback_by_checkout_id";
+const viewCheckoutFeedbackByCheckoutId = (payload) => ({
+    ...query({ name: VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID }),
+    ...payload,
+});
+const viewCheckoutFeedbackByCheckoutIdHandler = ({ view, signal }) => async ({ checkoutId }) => view({ checkoutId, signal });
+export { VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID, viewCheckoutFeedbackByCheckoutId, viewCheckoutFeedbackByCheckoutIdHandler, };

package/dist/projection/shared/country.d.ts

@@ -1,13 +1,13 @@
 declare enum Country {
-    "ES" = "ES",
-    "FR" = "FR",
-    "GB" = "GB",
-    "BE" = "BE",
-    "LU" = "LU",
-    "IT" = "IT",
-    "PT" = "PT",
-    "DE" = "DE",
-    "AT" = "AT",
-    "NL" = "NL"
+    ES = "ES",
+    FR = "FR",
+    GB = "GB",
+    BE = "BE",
+    LU = "LU",
+    IT = "IT",
+    PT = "PT",
+    DE = "DE",
+    AT = "AT",
+    NL = "NL"
 }
 export { Country };

package/dist/projection/shared/locale.d.ts

@@ -0,0 +1,11 @@
+declare enum Locale {
+    ES = "es",
+    FR = "fr",
+    EN = "en",
+    IT = "it",
+    PT = "pt",
+    DE = "de",
+    AT = "at",
+    NL = "nl"
+}
+export { Locale };

package/dist/projection/shared/locale.js

@@ -0,0 +1,12 @@
+var Locale;
+(function (Locale) {
+    Locale["ES"] = "es";
+    Locale["FR"] = "fr";
+    Locale["EN"] = "en";
+    Locale["IT"] = "it";
+    Locale["PT"] = "pt";
+    Locale["DE"] = "de";
+    Locale["AT"] = "at";
+    Locale["NL"] = "nl";
+})(Locale || (Locale = {}));
+export { Locale };

package/dist/shared/logging/location.d.ts

@@ -0,0 +1,3 @@
+import { Location } from "./types";
+declare const stripFirstSlugFromLocation: (locationArg: string | Location) => Location;
+export { stripFirstSlugFromLocation };

package/dist/shared/logging/location.js

@@ -0,0 +1,5 @@
+// Remove the location's first path ("/checkout"). Otherwise it won't match the proper route.
+const stripFirstSlugFromLocation = (locationArg) => ({
+    pathname: (typeof locationArg === "string" ? locationArg : locationArg?.pathname || "").replace(/^\/\w+/, ""),
+});
+export { stripFirstSlugFromLocation };

package/dist/shared/logging/matchRoutes.d.ts

@@ -0,0 +1,3 @@
+import { matchRoutes as reactRouterMatchRoutes } from "@remix-run/router";
+declare const matchRoutes: typeof reactRouterMatchRoutes;
+export { matchRoutes };

package/dist/shared/logging/matchRoutes.js

@@ -0,0 +1,7 @@
+import { matchRoutes as reactRouterMatchRoutes } from "@remix-run/router";
+const matchRoutes = (routes, locationArg) => {
+    // Remove the location's first path ("/checkout"). Otherwise it won't match the proper route.
+    const location = (typeof locationArg === "string" ? locationArg : locationArg?.pathname || "").replace(/^\/\w+/, "");
+    return reactRouterMatchRoutes(routes, location);
+};
+export { matchRoutes };

package/dist/shared/logging/reactRouterV6Instrumentation/reactRouterV6Instrumentation.native.d.ts

@@ -0,0 +1,29 @@
+import { RoutingInstrumentation } from "@sentry/react-native";
+import { OnConfirmRoute, TransactionCreator } from "@sentry/react-native/dist/js/tracing/routingInstrumentation";
+import { BeforeNavigate } from "@sentry/react-native/dist/js/tracing/types";
+import { MatchRoutes, UseEffect, UseLocation, WrapUseRoutes } from "../types";
+/**
+ * This instrumentation has been built taking as an example the actual
+ * ReactNavigationV4Instrumentation implementation as suggested in the documentation.
+ *
+ * (https://docs.sentry.io/platforms/react-native/performance/instrumentation/automatic-instrumentation/#custom-instrumentation)
+ * (https://github.com/getsentry/sentry-react-native/blob/211ec081b6bf8d7d29541afe9d800040f61e3c4e/src/js/tracing/reactnavigationv4.ts)
+ */
+declare class ReactRouterV6Instrumentation extends RoutingInstrumentation {
+    static instrumentationName: string;
+    private useEffect;
+    private useLocation;
+    private matchRoutes;
+    private prevRoute?;
+    private recentRouteKeys;
+    private latestTransaction?;
+    private readonly maxRecentRouteLen;
+    constructor(useEffect: UseEffect, useLocation: UseLocation, matchRoutes: MatchRoutes);
+    registerRoutingInstrumentation(listener: TransactionCreator, beforeNavigate: BeforeNavigate, onConfirmRoute: OnConfirmRoute): void;
+    private onRouteChange;
+    private currentRouteFromLocation;
+    private pushRecentRouteKey;
+    private onBeforeNavigateNotSampled;
+    wrapUseRoutes: WrapUseRoutes;
+}
+export { ReactRouterV6Instrumentation };