@lookiero/checkout 0.4.0-beta.0 → 0.4.0-beta.2

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

@@ -1,104 +0,0 @@
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { View } from "react-native";
-import { useParams } from "react-router-native";
-import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
-import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useBookCheckouBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem";
-import { useKeepCheckoutItem } from "../../../domain/checkoutItem/react/useKeepCheckoutItem";
-import { useReplaceCheckoutItem } from "../../../domain/checkoutItem/react/useReplaceCheckoutItem";
-import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
-import { useViewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
-import { Body } from "../../components/layouts/body/Body";
-import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
-import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { style } from "./Item.style";
-import { CustomerDecissionBanner } from "./components/banner/CustomerDecissionBanner";
-import { ItemActions } from "./components/itemActions/ItemActions";
-import { ProductVariantDescription } from "./components/productVariantDescription/ProductVariantDescription";
-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 Item = ({ customerId }) => {
-    const { id } = useParams();
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
-    const [customerDecissionMade, setCustomerDecissionMade] = useState(() => checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED);
-    const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(!customerDecissionMade), [customerDecissionMade]);
-    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), []);
-    const [bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariantsStatus] = useViewBookedSizeChangeProductsVariantsForCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-    });
-    const [bookCheckouBooking] = useBookCheckouBookingForCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-    });
-    useEffect(() => {
-        bookedSizeChangeProductsVariants === null && bookCheckouBooking();
-    }, [bookCheckouBooking, bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariants?.bookingId]);
-    const [returnQuestions, returnQuestionsStatus] = useListReturnQuestionsByCheckoutItemId({
-        checkoutItemId: checkoutItem.id,
-    });
-    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
-    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-    });
-    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-    });
-    const [stickyHeight, setStickyHeight] = useState(0);
-    const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
-    const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
-    const handleOnShowReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
-    const handleOnHideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
-    const handleOnEditFeedback = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const handleOnSubmit = useCallback((feedbacks) => {
-        handleOnHideReturnQuestions();
-        returnCheckoutItem({ feedbacks });
-    }, [handleOnHideReturnQuestions, returnCheckoutItem]);
-    const handleOnReplace = useCallback((replacedFor) => {
-        handleOnShowSizeChangeModal();
-        replaceCheckoutItem({ replacedFor });
-    }, [handleOnShowSizeChangeModal, replaceCheckoutItem]);
-    const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const productVariantSelected = useMemo(() => checkoutItem.replacedFor
-        ? bookedSizeChangeProductsVariants?.productVariants.find((productVariant) => productVariant.id === checkoutItem.replacedFor)
-        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [
-        bookedSizeChangeProductsVariants?.productVariants,
-        checkoutItem.productVariant.id,
-        checkoutItem.productVariant.size,
-        checkoutItem.replacedFor,
-    ]);
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
-        dependenciesLoadedStatuses.includes(checkoutStatus) &&
-        dependenciesLoadedStatuses.includes(bookedSizeChangeProductsVariantsStatus);
-    if (!dependenciesLoaded)
-        return React.createElement(Spinner, null);
-    const { price } = checkoutItem;
-    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, null,
-            React.createElement(Body, null,
-                !customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
-                React.createElement(View, { style: [style.container, { paddingBottom: stickyHeight }] },
-                    React.createElement(View, { style: style.sliderContainer },
-                        React.createElement(ProductVariantSlider, { producVariantMedia: media })),
-                    React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: productVariantSelected.size }),
-                    checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: style.feedbackContainer },
-                        React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions || [], onEditFeedback: handleOnEditFeedback })))))),
-        customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedSizeChangeProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })),
-        React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
-};
-export { Item };

package/dist/src/infrastructure/ui/views/item/Item.style.d.ts

@@ -1,15 +0,0 @@
-declare const style: {
-    container: {
-        paddingHorizontal: number;
-    };
-    feedbackContainer: {
-        borderTopColor: string;
-        borderTopWidth: number;
-        marginVertical: number;
-    };
-    sliderContainer: {
-        marginBottom: number;
-        minHeight: number;
-    };
-};
-export { style };

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

@@ -1,18 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../theme/theme";
-const { borderSize, colorGrayscaleM, spaceXL } = theme();
-const style = StyleSheet.create({
-    container: {
-        paddingHorizontal: spaceXL,
-    },
-    feedbackContainer: {
-        borderTopColor: colorGrayscaleM,
-        borderTopWidth: borderSize,
-        marginVertical: spaceXL,
-    },
-    sliderContainer: {
-        marginBottom: spaceXL,
-        minHeight: 500,
-    },
-});
-export { style };

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

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

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

@@ -1,21 +0,0 @@
-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 { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { Banner } from "../../../../components/layouts/banner/Banner";
-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(Banner, { text: decissionText },
-        React.createElement(Pressable, { style: style.button, onPress: onPress },
-            React.createElement(Text, { level: 2, style: style.buttonText, detail: true }, bannerButtonText))));
-};
-export { CustomerDecissionBanner };

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

@@ -1,9 +0,0 @@
-declare const style: {
-    button: {
-        marginTop: number;
-    };
-    buttonText: {
-        textDecorationLine: "underline";
-    };
-};
-export { style };

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

@@ -1,12 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { spaceM } = theme();
-const style = StyleSheet.create({
-    button: {
-        marginTop: spaceM,
-    },
-    buttonText: {
-        textDecorationLine: "underline",
-    },
-});
-export { style };

package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-interface GetOutOfCheckoutModalProps {
-    readonly visible: boolean;
-    readonly onDismiss: () => void;
-    readonly onConfirm: () => void;
-}
-declare const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps>;
-export { GetOutOfCheckoutModal };

package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js

@@ -1,34 +0,0 @@
-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 { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { View } from "react-native";
-import { Modal } from "../../../../../../shared/ui/components/layouts/modal/Modal";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./GetOutOfCheckoutModal.style";
-const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_TITLE });
-    const descriptionText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION });
-    const dismissButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON });
-    const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON });
-    return (React.createElement(Modal, { visible: visible, onClose: onDismiss },
-        React.createElement(View, { style: style.modal },
-            React.createElement(Text, { level: 1, style: style.modalTitle, body: true }, titleText),
-            React.createElement(Text, { level: 3, style: style.modalDescription, body: true }, descriptionText),
-            React.createElement(Button
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            , { 
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                style: style.button, onPress: onDismiss }, dismissButtonText),
-            React.createElement(Button
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            , { 
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                style: [style.button, style.confirmButton], variant: BUTTON_VARIANT.SECONDARY, onPress: onConfirm }, confirmButtonText))));
-};
-export { GetOutOfCheckoutModal };

package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.d.ts

@@ -1,19 +0,0 @@
-declare const style: {
-    button: {
-        flex: number;
-    };
-    confirmButton: {
-        marginTop: number;
-    };
-    modal: {
-        padding: number;
-    };
-    modalDescription: {
-        marginVertical: number;
-        textAlign: "center";
-    };
-    modalTitle: {
-        textAlign: "center";
-    };
-};
-export { style };

package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.js

@@ -1,22 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { spaceXL } = theme();
-const style = StyleSheet.create({
-    button: {
-        flex: 0,
-    },
-    confirmButton: {
-        marginTop: spaceXL,
-    },
-    modal: {
-        padding: spaceXL,
-    },
-    modalDescription: {
-        marginVertical: spaceXL,
-        textAlign: "center",
-    },
-    modalTitle: {
-        textAlign: "center",
-    },
-});
-export { style };

package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.d.ts

@@ -1,17 +0,0 @@
-import { FC } from "react";
-import { ProductVariantProjection } from "../../../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
-import { Layout } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
-interface ItemActionsProps {
-    readonly productVariants: ProductVariantProjection[];
-    readonly productVariantSelected: ProductVariantProjection;
-    readonly keepButtonLoading?: boolean;
-    readonly returnButtonLoading?: boolean;
-    readonly sizeSelectorDisabled?: boolean;
-    readonly onSizeSelectorPress?: () => void;
-    readonly onKeep: () => void;
-    readonly onReturn: () => void;
-    readonly onReplace: (value: string) => void;
-    readonly onLayout?: ({ width, height }: Layout) => void;
-}
-declare const ItemActions: FC<ItemActionsProps>;
-export { ItemActions };

package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js

@@ -1,31 +0,0 @@
-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 { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback, useMemo } from "react";
-import { View } from "react-native";
-import { Sticky } from "../../../../../../shared/ui/components/layouts/sticky/Sticky";
-import { SelectField } from "../../../../../../shared/ui/components/molecules/selectField/SelectField";
-import { Body } from "../../../../components/layouts/body/Body";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./ItemActions.style";
-const ItemActions = ({ productVariants, productVariantSelected, keepButtonLoading = false, returnButtonLoading = false, sizeSelectorDisabled = false, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
-    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(() => productVariants.map((productVariant) => ({ label: productVariant.size.lookiero, value: productVariant.id })), [productVariants]);
-    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === productVariantSelected.id, [sizeSelectorOptions, productVariantSelected.id]);
-    const handleOnPressSizeSelector = useCallback(() => onSizeSelectorPress(), [onSizeSelectorPress]);
-    return (React.createElement(Sticky, { onLayout: onLayout },
-        React.createElement(Body, { style: { column: style.container } },
-            React.createElement(Button, { busy: keepButtonLoading, onPress: onKeep }, keepButtonText),
-            React.createElement(View, { style: style.row },
-                !productVariantSelected.size.unique && (React.createElement(SelectField, { ...(disabledSizeSelector && {
-                        onPress: handleOnPressSizeSelector,
-                    }), disabled: sizeSelectorDisabled, options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", testID: "size-selector", value: productVariantSelected.id, style: {
-                        selectField: style.sizeSelector,
-                        inputField: { input: (disabledSizeSelector || sizeSelectorDisabled) && style.inputDisabled },
-                    }, onChange: onReplace })),
-                React.createElement(View, { style: style.returnButtonContainer },
-                    React.createElement(Button, { busy: returnButtonLoading, variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText))))));
-};
-export { ItemActions };

package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.style.d.ts

@@ -1,21 +0,0 @@
-declare const style: {
-    container: {
-        paddingHorizontal: number;
-    };
-    inputDisabled: {
-        color: string;
-    };
-    returnButtonContainer: {
-        flex: number;
-    };
-    row: {
-        alignItems: "center";
-        flexDirection: "row";
-        marginTop: number;
-    };
-    sizeSelector: {
-        flex: number;
-        marginRight: number;
-    };
-};
-export { style };

package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.style.js

@@ -1,24 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { colorGrayscaleL, spaceL, spaceXL } = theme();
-const style = StyleSheet.create({
-    container: {
-        paddingHorizontal: spaceXL,
-    },
-    inputDisabled: {
-        color: colorGrayscaleL,
-    },
-    returnButtonContainer: {
-        flex: 1,
-    },
-    row: {
-        alignItems: "center",
-        flexDirection: "row",
-        marginTop: spaceL,
-    },
-    sizeSelector: {
-        flex: 1,
-        marginRight: spaceL,
-    },
-});
-export { style };

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

@@ -1,24 +0,0 @@
-import { FC } from "react";
-import { ImageStyle, StyleProp } from "react-native";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { ColorProjection, MediaProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { PriceProjection } from "../../../../../../projection/shared/price";
-import { SizeProjection } from "../../../../../../projection/shared/size";
-interface ProductVariantStyle {
-    readonly image: StyleProp<ImageStyle>;
-}
-interface ProductVariantProps {
-    readonly media: MediaProjection[];
-    readonly brand: string;
-    readonly name: string;
-    readonly price: PriceProjection;
-    readonly size: SizeProjection;
-    readonly color: ColorProjection;
-    readonly status?: CheckoutItemStatus;
-    readonly discarded?: boolean;
-    readonly style?: Partial<ProductVariantStyle>;
-    readonly onPress?: () => void;
-}
-declare const ProductVariant: FC<ProductVariantProps>;
-export type { ProductVariantStyle };
-export { ProductVariant };

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

@@ -1,41 +0,0 @@
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { Image, Pressable, View } from "react-native";
-import Svg, { Line } from "react-native-svg";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
-import { Price } from "../../../../components/atoms/price/Price";
-import { useMediaImage } from "../../../../hooks/useMediaImage";
-import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
-import { IMAGE_WIDTH, style } from "./ProductVariant.style";
-const ProductVariant = ({ media, brand, name, price, size, color, status, discarded, style: customStyle, onPress, }) => {
-    const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
-    const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
-    const sizeChangeText = useI18nMessage({ id: I18nMessages.PRODUCT_VARIANT_SIZE_CHANGE });
-    const cdnImageUrl = useMediaImage();
-    return (React.createElement(Pressable, { pointerEvents: onPress ? "auto" : "none", style: style.container, testID: "product-variant", onPress: onPress },
-        React.createElement(View, { style: style.row },
-            React.createElement(View, null,
-                React.createElement(Image, { resizeMode: "contain", style: [style.media, customStyle?.image], testID: "product-variant-media", source: {
-                        uri: cdnImageUrl({
-                            url: media[0]?.url,
-                            width: IMAGE_WIDTH,
-                        }),
-                    } }),
-                discarded && (React.createElement(Svg, { preserveAspectRatio: "none", style: style.discarded, testID: "discarded", viewBox: "0 0 100 100" },
-                    React.createElement(Line, { vectorEffect: "non-scaling-stroke", x1: "100", x2: "0", y1: "0", y2: "100" })))),
-            React.createElement(View, { style: style.descriptionContainer },
-                React.createElement(View, null,
-                    React.createElement(Text, { level: 2, style: style.brand, detail: true }, brand),
-                    React.createElement(Text, { level: 2, detail: true }, name),
-                    React.createElement(Text, { level: 2, style: style.priceAndColor, detail: true },
-                        size.unique ? uniqueText : size.lookiero,
-                        " / ",
-                        colorLabel),
-                    status === CheckoutItemStatus.REPLACED && (React.createElement(View, { style: style.sizeChange },
-                        React.createElement(Text, { level: 3, style: style.sizeChangeText, detail: true }, sizeChangeText)))),
-                React.createElement(Price, { price: price, variant: "detail" }))),
-        onPress && React.createElement(ButtonIcon, { name: "arrow-right" })));
-};
-export { ProductVariant };

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

@@ -1,45 +0,0 @@
-declare const IMAGE_WIDTH = 96;
-declare const style: {
-    brand: {
-        color: string;
-    };
-    container: {
-        flexDirection: "row";
-        justifyContent: "space-between";
-    };
-    descriptionContainer: {
-        justifyContent: "space-between";
-        marginLeft: number;
-    };
-    discarded: {
-        height: string;
-        left: number;
-        position: "absolute";
-        stroke: string;
-        top: number;
-        width: string;
-        zIndex: number;
-    };
-    media: {
-        borderColor: string;
-        borderWidth: number;
-        height: number;
-        width: number;
-    };
-    priceAndColor: {
-        color: string;
-    };
-    row: {
-        flexDirection: "row";
-    };
-    sizeChange: {
-        backgroundColor: string;
-        marginTop: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-    };
-    sizeChangeText: {
-        textTransform: "uppercase";
-    };
-};
-export { style, IMAGE_WIDTH };

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

@@ -1,49 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { borderSize, colorContent, colorGrayscaleL, colorInfo, spaceXS, spaceS, spaceM } = theme();
-const IMAGE_WIDTH = 96;
-const IMAGE_HEIGHT = 120;
-const style = StyleSheet.create({
-    brand: {
-        color: colorGrayscaleL,
-    },
-    container: {
-        flexDirection: "row",
-        justifyContent: "space-between",
-    },
-    descriptionContainer: {
-        justifyContent: "space-between",
-        marginLeft: spaceS,
-    },
-    discarded: {
-        height: "100%",
-        left: 0,
-        position: "absolute",
-        stroke: colorContent,
-        top: 0,
-        width: "100%",
-        zIndex: 10,
-    },
-    media: {
-        borderColor: colorGrayscaleL,
-        borderWidth: borderSize,
-        height: IMAGE_HEIGHT,
-        width: IMAGE_WIDTH,
-    },
-    priceAndColor: {
-        color: colorGrayscaleL,
-    },
-    row: {
-        flexDirection: "row",
-    },
-    sizeChange: {
-        backgroundColor: colorInfo,
-        marginTop: spaceM,
-        paddingHorizontal: spaceS,
-        paddingVertical: spaceXS,
-    },
-    sizeChangeText: {
-        textTransform: "uppercase",
-    },
-});
-export { style, IMAGE_WIDTH };

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

@@ -1,13 +0,0 @@
-import { FC } from "react";
-import { ColorProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-import { PriceProjection } from "../../../../../../projection/shared/price";
-import { SizeProjection } from "../../../../../../projection/shared/size";
-interface ProductVariantDescriptionProps {
-    readonly brand: string;
-    readonly name: string;
-    readonly price: PriceProjection;
-    readonly size: SizeProjection;
-    readonly color: ColorProjection;
-}
-declare const ProductVariantDescription: FC<ProductVariantDescriptionProps>;
-export { ProductVariantDescription };

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

@@ -1,26 +0,0 @@
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { View } from "react-native";
-import { Price } from "../../../../components/atoms/price/Price";
-import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./ProductVariantDescription.style";
-const ProductVariantDescription = ({ brand, name, price, size, color }) => {
-    const sizeText = useI18nMessage({ id: I18nMessages.ITEM_SIZE });
-    const colorText = useI18nMessage({ id: I18nMessages.ITEM_COLOR });
-    const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
-    const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
-    return (React.createElement(View, { style: style.container },
-        React.createElement(Text, { level: 3, style: style.brand, detail: true }, brand),
-        React.createElement(Text, { level: 2, style: style.name, body: true }, name),
-        React.createElement(Price, { price: price }),
-        React.createElement(Text, { level: 2, style: style.size, detail: true },
-            sizeText,
-            ": ",
-            React.createElement(Text, { style: style.text }, size.unique ? uniqueText : size.lookiero)),
-        React.createElement(Text, { level: 2, detail: true },
-            colorText,
-            ": ",
-            React.createElement(Text, { style: style.text }, colorLabel))));
-};
-export { ProductVariantDescription };

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

@@ -1,19 +0,0 @@
-declare const style: {
-    brand: {
-        color: string;
-        textTransform: "uppercase";
-    };
-    container: {
-        width: string;
-    };
-    name: {
-        marginVertical: number;
-    };
-    size: {
-        marginVertical: number;
-    };
-    text: {
-        color: string;
-    };
-};
-export { style };

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

@@ -1,22 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../../../theme/theme";
-const { colorGrayscaleL, spaceS, spaceL } = theme();
-const style = StyleSheet.create({
-    brand: {
-        color: colorGrayscaleL,
-        textTransform: "uppercase",
-    },
-    container: {
-        width: "100%",
-    },
-    name: {
-        marginVertical: spaceS,
-    },
-    size: {
-        marginVertical: spaceL,
-    },
-    text: {
-        color: colorGrayscaleL,
-    },
-});
-export { style };

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

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { MediaProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-interface ProductVariantSlider {
-    readonly producVariantMedia: MediaProjection[];
-}
-declare const ProductVariantSlider: FC<ProductVariantSlider>;
-export { ProductVariantSlider };