@lookiero/checkout 5.3.0 → 6.0.0-beta.0

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.js

@@ -1,12 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { space6, space8 } = Theme.get();
-const style = StyleSheet.create({
-    submit: {
-        marginTop: space8,
-    },
-    title: {
-        marginBottom: space6,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/item/components/selectModal/SelectModal.js

@@ -1,18 +0,0 @@
-import { COLOR, Text, Theme } from "@lookiero/aurora";
-import React, { useCallback } from "react";
-import { TouchableHighlight, View } from "react-native";
-import { Modal } from "../../../../../../shared/ui/components/layouts/modal/Modal";
-import { style } from "./SelectModal.style";
-const { colorBgPrimaryLight } = Theme.get();
-const SelectModal = ({ modalVisible, onChange = () => void 0, onClose = () => void 0, options, style: customStyle, testID, title, value, }) => {
-    const handleOnPressOption = useCallback((value) => {
-        onChange(value);
-        onClose();
-    }, [onClose, onChange]);
-    return (React.createElement(Modal, { testID: testID, visible: modalVisible, scroll: true, showCloseButton: true, onClose: onClose },
-        React.createElement(View, { style: [style.modalContent, customStyle?.modalContent] },
-            title && (React.createElement(Text, { level: 3, style: style.modalTitle, heading: true }, title)),
-            options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, accessibilityLabel: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], testID: optionValue, underlayColor: colorBgPrimaryLight, accessible: true, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },
-                React.createElement(Text, { color: value === optionValue ? COLOR.TEXT_MEDIUM : COLOR.TEXT, level: 3, style: [style.optionText, customStyle?.optionText] }, label)))))));
-};
-export { SelectModal };

package/dist/infrastructure/ui/views/item/components/selectModal/SelectModal.style.d.ts

@@ -1,17 +0,0 @@
-declare const style: {
-    modalContent: {
-        paddingBottom: number;
-    };
-    modalTitle: {
-        marginBottom: number;
-    };
-    option: {
-        borderBottomColor: string;
-        borderBottomWidth: number;
-        paddingVertical: number;
-    };
-    optionText: {
-        lineHeight: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/item/components/selectModal/SelectModal.style.js

@@ -1,20 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { borderWidth1, colorBorderInteractive, space1, space5, space6 } = Theme.get();
-const style = StyleSheet.create({
-    modalContent: {
-        paddingBottom: space6,
-    },
-    modalTitle: {
-        marginBottom: space1,
-    },
-    option: {
-        borderBottomColor: colorBorderInteractive,
-        borderBottomWidth: borderWidth1,
-        paddingVertical: space5,
-    },
-    optionText: {
-        lineHeight: space6,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js

@@ -1,16 +0,0 @@
-import { Button, Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { Modal } from "../../../../../../shared/ui/components/layouts/modal/Modal";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./SizeWithoutStockModal.style";
-const SizeWithoutStockModal = ({ visible, onDismiss }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });
-    const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
-    const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
-    return (React.createElement(Modal, { visible: visible, showCloseButton: true, onClose: onDismiss },
-        React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-        React.createElement(Text, { level: 3, style: style.description }, descriptionText),
-        React.createElement(Button, { onPress: onDismiss }, buttonText)));
-};
-export { SizeWithoutStockModal };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.style.d.ts

@@ -1,12 +0,0 @@
-declare const style: {
-    description: {
-        color: string;
-        marginBottom: number;
-        width: "100%";
-    };
-    title: {
-        marginBottom: number;
-        width: "100%";
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.style.js

@@ -1,15 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { space1, space6, colorTextMedium } = Theme.get();
-const style = StyleSheet.create({
-    description: {
-        color: colorTextMedium,
-        marginBottom: space6,
-        width: "100%",
-    },
-    title: {
-        marginBottom: space1,
-        width: "100%",
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
-import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
-import { Country } from "../../../../../../projection/shared/country";
-interface CheckoutItemWithCustomerDecission extends CheckoutItemProjection {
-    readonly status: Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL>;
-}
-interface ItemWithCustomerDecissionProps {
-    readonly country: Country;
-    readonly checkoutId: string;
-    readonly checkoutItem: CheckoutItemWithCustomerDecission;
-    readonly returnQuestions: ReturnQuestionProjection[];
-    readonly currentProductVariant: ProductVariantProjection;
-    readonly onEditFeedback: () => void;
-}
-declare const ItemWithCustomerDecission: FC<ItemWithCustomerDecissionProps>;
-export type { CheckoutItemWithCustomerDecission };
-export { ItemWithCustomerDecission };

package/dist/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.js

@@ -1,44 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-import React, { useCallback } from "react";
-import { View } from "react-native";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { useLogger } from "../../../../../../shared/logging/useLogger";
-import { useTrackResetItem } from "../../../../../../shared/tracking/infrastructure/useTrackResetItem";
-import { Spinner } from "../../../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useScreenSize } from "../../../../../../shared/ui/hooks/useScreenSize";
-import { useResetCheckoutItem } from "../../../../../domain/checkoutItem/react/useResetCheckoutItem";
-import { TrackingPage } from "../../../../../tracking/tracking";
-import { Body } from "../../../../components/layouts/body/Body";
-import { CustomerDecissionBanner, } from "../../components/banner/CustomerDecissionBanner";
-import { ReturnQuestionsFeedback } from "../../components/returnQuestionsFeedback/ReturnQuestionsFeedback";
-import { ProductVariant } from "../../views/productVariant/ProductVariant";
-import { style } from "./ItemWithCustomerDecission.style";
-const ItemWithCustomerDecission = ({ country, checkoutId, checkoutItem, returnQuestions, currentProductVariant, onEditFeedback, }) => {
-    const screenSize = useScreenSize();
-    const isMobile = screenSize === "S";
-    const logger = useLogger();
-    /* ResetCheckoutItem */
-    const [resetCheckoutItem, resetCheckoutItemStatus] = useResetCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-        logger,
-    });
-    const trackResetItem = useTrackResetItem({
-        page: TrackingPage.ITEM,
-        country,
-        checkoutId,
-        checkoutItemId: checkoutItem.id,
-    });
-    const resetItem = useCallback(async () => {
-        resetCheckoutItem();
-        trackResetItem();
-    }, [resetCheckoutItem, trackResetItem]);
-    /* ResetCheckoutItem */
-    const dependenciesLoaded = resetCheckoutItemStatus !== CommandStatus.LOADING;
-    if (!dependenciesLoaded) {
-        return React.createElement(Spinner, null);
-    }
-    return (React.createElement(Body, { style: { row: style.container } },
-        React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, customerDecissionBanner: React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: resetItem }) }, checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: [style.feedbackContainer, isMobile ? style.feedbackContainerMobile : undefined] },
-            React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions, onEditFeedback: onEditFeedback }))))));
-};
-export { ItemWithCustomerDecission };

package/dist/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.style.d.ts

@@ -1,15 +0,0 @@
-declare const style: {
-    container: {
-        paddingBottom: number;
-    };
-    feedbackContainer: {
-        borderTopColor: string;
-        borderTopWidth: number;
-        marginTop: number;
-        paddingTop: number;
-    };
-    feedbackContainerMobile: {
-        paddingHorizontal: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/item/views/itemWithCustomerDecission/ItemWithCustomerDecission.style.js

@@ -1,18 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { borderWidth1, colorBorderInput, space6 } = Theme.get();
-const style = StyleSheet.create({
-    container: {
-        paddingBottom: space6,
-    },
-    feedbackContainer: {
-        borderTopColor: colorBorderInput,
-        borderTopWidth: borderWidth1,
-        marginTop: space6,
-        paddingTop: space6,
-    },
-    feedbackContainerMobile: {
-        paddingHorizontal: space6,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.d.ts

@@ -1,20 +0,0 @@
-import { FC } from "react";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { BookedProductsVariantsProjection, ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
-import "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { Country } from "../../../../../../projection/shared/country";
-interface CheckoutItemWithoutCustomerDecission extends CheckoutItemProjection {
-    readonly status: CheckoutItemStatus.INITIAL;
-}
-interface ItemWithoutCustomerDecissionProps {
-    readonly country: Country;
-    readonly checkoutId: string;
-    readonly checkoutItem: CheckoutItemWithoutCustomerDecission;
-    readonly bookedProductsVariants: BookedProductsVariantsProjection;
-    readonly currentProductVariant: ProductVariantProjection;
-    readonly onReturn: () => void;
-}
-declare const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps>;
-export type { CheckoutItemWithoutCustomerDecission };
-export { ItemWithoutCustomerDecission };

package/dist/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.js

@@ -1,67 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { CommandStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useState } from "react";
-import { Platform, ScrollView } from "react-native";
-import "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { useLogger } from "../../../../../../shared/logging/useLogger";
-import { useTrackKeepItem } from "../../../../../../shared/tracking/infrastructure/useTrackKeepItem";
-import { useTrackReplaceItem } from "../../../../../../shared/tracking/infrastructure/useTrackReplaceItem";
-import { Spinner } from "../../../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useKeepCheckoutItem } from "../../../../../domain/checkoutItem/react/useKeepCheckoutItem";
-import { useReplaceCheckoutItem } from "../../../../../domain/checkoutItem/react/useReplaceCheckoutItem";
-import { TrackingPage } from "../../../../../tracking/tracking";
-import { Body } from "../../../../components/layouts/body/Body";
-import { ItemActions } from "../../components/itemActions/ItemActions";
-import { SizeWithoutStockModal } from "../../components/sizeWithoutStockModal/SizeWithoutStockModal";
-import { ProductVariant } from "../productVariant/ProductVariant";
-import { style } from "./ItemWithoutCustomerDecission.style";
-const { space6 } = Theme.get();
-const ItemWithoutCustomerDecission = ({ country, checkoutId, checkoutItem, bookedProductsVariants, currentProductVariant, onReturn, }) => {
-    const logger = useLogger();
-    /* KeepCheckoutItem */
-    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id, logger });
-    const trackKeepItem = useTrackKeepItem({
-        page: TrackingPage.ITEM,
-        country,
-        checkoutId,
-        checkoutItemId: checkoutItem.id,
-    });
-    const handleOnKeep = useCallback(() => {
-        keepCheckoutItem();
-        trackKeepItem();
-    }, [keepCheckoutItem, trackKeepItem]);
-    /* KeepCheckoutItem */
-    /* ReplaceCheckoutItem */
-    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-        logger,
-    });
-    const trackReplaceItem = useTrackReplaceItem({
-        page: TrackingPage.ITEM,
-        country,
-        checkoutId,
-        checkoutItemId: checkoutItem.id,
-        productVariantId: checkoutItem.productVariant.id,
-    });
-    const handleOnReplace = useCallback((replacedForId) => {
-        replaceCheckoutItem({ replacedForId });
-        trackReplaceItem({ replaceFor: replacedForId });
-    }, [replaceCheckoutItem, trackReplaceItem]);
-    /* ReplaceCheckoutItem */
-    const [sizeWithoutStockModalVisible, setSizeWithoutStockModalVisible] = useState(false);
-    const handleOnShowSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(true), []);
-    const handleOnHideSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(false), []);
-    const [stickyHeight, setStickyHeight] = useState(0);
-    const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
-    const dependenciesLoaded = keepCheckoutItemStatus !== CommandStatus.LOADING && replaceCheckoutItemStatus !== CommandStatus.LOADING;
-    if (!dependenciesLoaded) {
-        return React.createElement(Spinner, null);
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
-        React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
-            React.createElement(Body, { style: { row: style.container } },
-                React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, style: { content: { paddingBottom: Platform.OS === "web" ? space6 : stickyHeight } } }))),
-        React.createElement(ItemActions, { country: country, currentProductVariant: currentProductVariant, productVariants: bookedProductsVariants?.productVariants, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: onReturn, onShowSizeWithoutStockModal: handleOnShowSizeWithoutStockModal })));
-};
-export { ItemWithoutCustomerDecission };

package/dist/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.style.d.ts

@@ -1,6 +0,0 @@
-declare const style: {
-    container: {
-        paddingBottom: number;
-    };
-};
-export { style };

package/dist/infrastructure/ui/views/item/views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission.style.js

@@ -1,9 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { space10 } = Theme.get();
-const style = StyleSheet.create({
-    container: {
-        paddingBottom: space10,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/item/views/productVariant/ProductVariant.d.ts

@@ -1,17 +0,0 @@
-import { FC, ReactNode } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
-import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { Country } from "../../../../../../projection/shared/country";
-type ProductVariantStyle = "content";
-interface ProductVariantProps {
-    readonly country: Country;
-    readonly checkoutId: string;
-    readonly checkoutItem: CheckoutItemProjection;
-    readonly currentProductVariant: ProductVariantProjection;
-    readonly style?: Partial<Record<ProductVariantStyle, StyleProp<ViewStyle>>>;
-    readonly children?: ReactNode;
-    readonly customerDecissionBanner?: ReactNode;
-}
-declare const ProductVariant: FC<ProductVariantProps>;
-export { ProductVariant };

package/dist/infrastructure/ui/views/item/views/productVariant/ProductVariant.js

@@ -1,34 +0,0 @@
-import React, { useCallback, useEffect } from "react";
-import { View } from "react-native";
-import { MediaPerspective, } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { useTrackImageView } from "../../../../../../shared/tracking/infrastructure/useTrackImageView";
-import { useScreenSize } from "../../../../../../shared/ui/hooks/useScreenSize";
-import { TrackingPage } from "../../../../../tracking/tracking";
-import { ProductVariantDescription } from "../../components/productVariantDescription/ProductVariantDescription";
-import { ProductVariantSlider } from "../../components/productVariantSlider/ProductVariantSlider";
-import { style } from "./ProductVariant.style";
-const ProductVariant = ({ country, checkoutId, checkoutItem, currentProductVariant, style: customStyle, children, customerDecissionBanner, }) => {
-    const screenSize = useScreenSize();
-    const isDesktopScreen = screenSize !== "S";
-    const trackImageView = useTrackImageView({
-        page: TrackingPage.ITEM,
-        country,
-        checkoutId,
-        checkoutItemId: checkoutItem.id,
-        productVariantId: checkoutItem.productVariant.id,
-    });
-    useEffect(() => trackImageView({
-        perspective: checkoutItem.productVariant.media[0]?.perspective,
-    }), [checkoutItem.productVariant.media, trackImageView]);
-    const handleOnChangedProductVariantSlider = useCallback((active) => trackImageView({ perspective: checkoutItem.productVariant.media[active]?.perspective }), [checkoutItem.productVariant.media, trackImageView]);
-    const { price } = checkoutItem;
-    const { media, brand, name } = checkoutItem.productVariant;
-    const collage = media.find((m) => m.perspective === MediaPerspective.COLLAGE);
-    return (React.createElement(View, { style: [style.container, isDesktopScreen ? style.largeContainer : null], testID: "product-variant" },
-        React.createElement(ProductVariantSlider, { producVariantMedia: collage ? [...media, collage] : media, onChanged: handleOnChangedProductVariantSlider }),
-        React.createElement(View, { style: [style.content, customStyle?.content] },
-            customerDecissionBanner,
-            React.createElement(ProductVariantDescription, { brand: brand, country: country, name: name, price: price, size: currentProductVariant.size }),
-            children)));
-};
-export { ProductVariant };

package/dist/infrastructure/ui/views/item/views/productVariant/ProductVariant.style.js

@@ -1,18 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { space6, space12, colorBgBase, borderRadius4 } = Theme.get();
-const style = StyleSheet.create({
-    container: {
-        backgroundColor: colorBgBase,
-    },
-    content: {
-        paddingVertical: space6,
-    },
-    largeContainer: {
-        borderRadius: borderRadius4,
-        marginTop: space12,
-        padding: space12,
-        paddingBottom: 0,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/return/Return.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { Country } from "../../../../projection/shared/country";
-import { Layout as LocalLayout } from "../../components/layouts/layout/Layout";
-interface ReturnProps {
-    readonly customerId: string;
-    readonly country: Country;
-    readonly layout: LocalLayout;
-}
-declare const Return: FC<ReturnProps>;
-export { Return };

package/dist/infrastructure/ui/views/return/Return.js

@@ -1,141 +0,0 @@
-import { PortalHost } from "@gorhom/portal";
-import { Box, Button, Layout, Text, View, useDevice } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useMemo } from "react";
-import { ScrollView } from "react-native";
-import { generatePath, useNavigate, useParams } from "react-router-native";
-import { ReturnQuestionType } from "../../../../projection/returnQuestion/returnQuestion";
-import { useLogger } from "../../../../shared/logging/useLogger";
-import { useTrackPageView } from "../../../../shared/tracking/infrastructure/useTrackPageView";
-import { useTrackPressNext } from "../../../../shared/tracking/infrastructure/useTrackPressNext";
-import { useTrackPressPrevious } from "../../../../shared/tracking/infrastructure/useTrackPressPrevious";
-import { useTrackReturnItem } from "../../../../shared/tracking/infrastructure/useTrackReturnItem";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
-import { TrackingPage } from "../../../tracking/tracking";
-import { ReturnQuestions } from "../../components/organisms/returnQuestions/ReturnQuestions";
-import { ReturnQuestionFeedbackProvider, useReturnQuestionFeedback, } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
-import { ReturnQuestionItemProvider, } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
-import { HostDefaultReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
-import { HostRadioGroupReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem";
-import { HostStackReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/form/HostStackReturnQuestionItem";
-import { RadioReturnQuestionItem } from "../../components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem";
-import { TextareaReturnQuestionItem } from "../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
-import { ItemHeader } from "../../components/templates/header/itemHeader/ItemHeader";
-import { I18nMessages } from "../../i18n/i18n";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
-import { style } from "./Return.style";
-import { ProductVariantPreview } from "./components/productVariantPreview/ProductVariantPreview";
-const returnQuestionItems = {
-    [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
-    [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
-    [ReturnQuestionType.HOST_SELECT]: HostRadioGroupReturnQuestionItem,
-    [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
-    [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
-    [ReturnQuestionType.OPTION]: RadioReturnQuestionItem,
-};
-const ReturnForm = ({ checkout, checkoutItem, country, layout: LocalLayout }) => {
-    const { screen } = useDevice();
-    const navigate = useNavigate();
-    const logger = useLogger();
-    const basePath = useBasePath();
-    const trackPressNext = useTrackPressNext();
-    const trackPressPrevious = useTrackPressPrevious();
-    const checkoutId = checkout.id;
-    const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
-    const descriptionText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_DESCRIPTION });
-    const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
-    const isSmallScreen = screen.S;
-    useTrackPageView({ checkoutId, country, page: TrackingPage.RETURN });
-    /* ReturnCheckoutItem */
-    const [returnQuestions] = useListReturnQuestionsByCheckoutItemId({
-        checkoutItemId: checkoutItem.id,
-    });
-    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-        logger,
-    });
-    const trackReturnItem = useTrackReturnItem({
-        page: TrackingPage.RETURN,
-        country,
-        checkoutId: checkoutId,
-        checkoutItemId: checkoutItem.id,
-    });
-    const navigateToNextItem = useCallback(() => {
-        const item = checkoutItem;
-        const items = checkout?.items;
-        const itemIndex = items.indexOf(item);
-        const nextItemIndex = itemIndex === items.length - 1 ? 0 : itemIndex + 1;
-        const nextItem = items[nextItemIndex];
-        trackPressNext({
-            page: TrackingPage.ITEM,
-            country,
-            checkoutId,
-            from: item.id,
-            to: nextItem.id,
-        });
-        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
-    }, [basePath, checkout?.items, checkoutId, checkoutItem, country, navigate, trackPressNext]);
-    const navigateToPreviousItem = useCallback(() => {
-        const item = checkoutItem;
-        const items = checkout?.items;
-        const itemIndex = items.indexOf(item);
-        const previousItemIndex = itemIndex === 0 ? items.length - 1 : itemIndex - 1;
-        const previousItem = items[previousItemIndex];
-        trackPressPrevious({
-            page: TrackingPage.ITEM,
-            country,
-            checkoutId: checkout?.id,
-            from: item.id,
-            to: previousItem.id,
-        });
-        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: previousItem.id }));
-    }, [basePath, checkout?.id, checkout?.items, checkoutItem, country, navigate, trackPressPrevious]);
-    const returnItem = useCallback(async (feedbacks) => {
-        returnCheckoutItem({ feedbacks });
-        trackReturnItem();
-        navigateToNextItem();
-    }, [navigateToNextItem, returnCheckoutItem, trackReturnItem]);
-    const feedback = useReturnQuestionFeedback();
-    const handleOnSubmit = useCallback(() => returnItem(feedback), [feedback, returnItem]);
-    const header = useMemo(() => (React.createElement(Box, { style: style.headerWrapper },
-        React.createElement(ItemHeader, { item: checkoutItem, items: checkout?.items, onNext: navigateToNextItem, onPrevious: navigateToPreviousItem }))), [checkout?.items, checkoutItem, navigateToNextItem, navigateToPreviousItem]);
-    /* ReturnCheckoutItem */
-    const dependenciesLoaded = checkoutItem && returnQuestions && returnCheckoutItemStatus !== CommandStatus.LOADING;
-    if (!dependenciesLoaded) {
-        return React.createElement(Spinner, null);
-    }
-    return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
-        React.createElement(PortalHost, { name: "return-question-form-portal" }),
-        React.createElement(LocalLayout, { header: header, scrollEnabled: false, style: {
-                header: style.header,
-                safeAreaView: style.safeAreaView,
-                scrollView: style.scrollView,
-            } },
-            React.createElement(ProductVariantPreview, { country: country, item: checkoutItem }),
-            React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
-                React.createElement(Layout, { fullWidth: !screen.L, style: [style.layout, screen.L ? style.desktopLayoutSpacing : undefined] },
-                    React.createElement(Box, { size: { L: "2/3" } },
-                        React.createElement(View, { style: [style.info, isSmallScreen ? undefined : style.desktopInfo] },
-                            React.createElement(Text, { level: 3, heading: true }, titleText),
-                            React.createElement(Text, { level: 1, style: style.description, detail: true }, descriptionText)),
-                        React.createElement(ReturnQuestions, { portalHostName: "return-question-form-portal", returnQuestions: returnQuestions }),
-                        React.createElement(View, { style: style.submit },
-                            React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText))))))));
-};
-const Return = ({ customerId, country, layout: LocalLayout }) => {
-    const { id } = useParams();
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
-    const dependenciesLoaded = checkoutStatus !== QueryStatus.LOADING && checkout && checkoutItem;
-    if (!dependenciesLoaded) {
-        return React.createElement(Spinner, null);
-    }
-    return (React.createElement(ReturnQuestionFeedbackProvider, { key: checkoutItem.id, feedback: checkoutItem.feedbacks || {} },
-        React.createElement(ReturnForm, { checkout: checkout, checkoutItem: checkoutItem, country: country, layout: LocalLayout })));
-};
-export { Return };

package/dist/infrastructure/ui/views/return/Return.style.js

@@ -1,47 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-import { HEADER_HEIGHT } from "../../components/templates/header/Header.style";
-const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space2, space4, space6, space8 } = Theme.get();
-const style = StyleSheet.create({
-    description: {
-        color: colorTextMedium,
-    },
-    desktopInfo: {
-        borderTopLeftRadius: borderRadius5,
-        borderTopRightRadius: borderRadius5,
-    },
-    desktopLayoutSpacing: {
-        paddingVertical: space8,
-    },
-    header: {
-        height: HEADER_HEIGHT - space2,
-    },
-    headerWrapper: {
-        display: "flex",
-        flexDirection: "column",
-    },
-    info: {
-        backgroundColor: colorBgBase,
-        paddingBottom: space4,
-        paddingHorizontal: space6,
-        paddingTop: space8,
-    },
-    layout: {
-        flex: 1,
-        justifyContent: "center",
-    },
-    safeAreaView: {
-        backgroundColor: colorBgPrimaryLight,
-        flex: 1,
-    },
-    scrollView: {
-        flex: 1,
-    },
-    submit: {
-        backgroundColor: colorBgBase,
-        borderBottomLeftRadius: borderRadius5,
-        borderBottomRightRadius: borderRadius5,
-        padding: space6,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/return/components/price/Price.js

@@ -1,25 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nNumber } from "@lookiero/i18n-react";
-import React from "react";
-import { View } from "react-native";
-import { style } from "./Price.style";
-const Price = ({ price, withPercentage = false }) => {
-    const isDiscounted = price.discountedPrice && price.discountedPrice.percentage > 0;
-    const productPrice = useI18nNumber({
-        value: price.amount / 100,
-        style: "currency",
-        currency: price.currency,
-    });
-    const productDiscountedPrice = useI18nNumber({
-        value: (price.discountedPrice?.amount || 0) / 100,
-        style: "currency",
-        currency: price.currency,
-    });
-    const priceValue = isDiscounted ? productDiscountedPrice : productPrice;
-    return (React.createElement(View, { style: style.price, testID: "price" },
-        isDiscounted && (React.createElement(Text, { level: 1, style: style.discountedPriceText, testID: "discounted-price-text", detail: true, lineThrough: true }, productPrice)),
-        React.createElement(View, { style: style.discountedPriceInfo },
-            React.createElement(Text, { level: 1, testID: "price-text", detail: true }, priceValue),
-            isDiscounted && withPercentage ? (React.createElement(Text, { level: 1, style: style.discountedPercentage, testID: "discounted-percentage-text", detail: true }, `-${price.discountedPrice.percentage}%`)) : null)));
-};
-export { Price };