@lookiero/checkout 7.0.0-beta.0 → 7.0.1-beta.0

package/dist/src/ExpoRoot.js

@@ -100,14 +100,7 @@ setPaymentsBridge({
 });
 const kameleoonConfig = {
     siteCode: "aplm4v3ckn",
-    experiments: {
-        newFeedback: {
-            id: "245000",
-            variations: {
-                v1: "964072",
-            },
-        },
-    },
+    experiments: {},
 };
 // const { Component: Messaging } = checkoutMockBootstrap();
 const { Component: Messaging } = checkoutBootstrap({ apiUrl: () => apiUrl, getAuthToken });

package/dist/src/infrastructure/ab-testing/kameleoonEnvironment.d.ts

@@ -1,11 +1,7 @@
-interface Experiment {
-    readonly id: string;
-    readonly variations: Record<string, string>;
+interface Experiments {
 }
 interface KameleoonEnvironment {
     readonly siteCode: string;
-    readonly experiments: {
-        readonly newFeedback: Experiment;
-    };
+    readonly experiments: Experiments;
 }
 export type { KameleoonEnvironment };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.js

@@ -1,22 +1,13 @@
 import React from "react";
 import { Text, View } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { NewFeedbackExperimentVariation, useNewFeedbackExperiment, } from "../../../../../hooks/useNewFeedbackExperiment";
 import { I18nMessages } from "../../../../../i18n/i18n";
 import { style } from "./HostDefaultReturnQuestionItem.style";
 const HostDefaultReturnQuestionItem = ({ returnQuestion, children }) => {
     const titleText = useI18nMessage({ id: returnQuestion.name });
     const isAllOptions = returnQuestion.name === I18nMessages.RETURN_QUESTION_MAIN_ALL_OPINION;
-    /* Kameleoon experiment */
-    const newFeedbackVariation = useNewFeedbackExperiment();
-    const isReturnPage = newFeedbackVariation === NewFeedbackExperimentVariation.RETURN_PAGE;
-    /* Kameleoon experiment */
     return (React.createElement(React.Fragment, null,
-        titleText && titleText !== " " ? (React.createElement(View, { style: [
-                style.title,
-                isAllOptions ? style.allOptionsTitle : undefined,
-                isReturnPage ? style.formTitle : undefined,
-            ] },
+        titleText && titleText !== " " && !isAllOptions ? (React.createElement(View, { style: style.title },
             React.createElement(Text, { level: 3, action: true }, titleText))) : null,
         children));
 };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.style.d.ts

@@ -1,14 +1,8 @@
 declare const style: {
-    allOptionsTitle: {
-        display: "none";
-    };
-    formTitle: {
-        paddingLeft: number;
-    };
     title: {
         backgroundColor: string;
         paddingBottom: number;
-        paddingRight: number;
+        paddingHorizontal: number;
         paddingTop: number;
     };
 };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.style.js

@@ -2,16 +2,10 @@ import { StyleSheet } from "react-native";
 import { theme } from "@lookiero/sty-psp-ui";
 const { colorBgBase, space4, space6 } = theme();
 const style = StyleSheet.create({
-    allOptionsTitle: {
-        display: "none",
-    },
-    formTitle: {
-        paddingLeft: space6,
-    },
     title: {
         backgroundColor: colorBgBase,
         paddingBottom: space4,
-        paddingRight: space6,
+        paddingHorizontal: space6,
         paddingTop: space6,
     },
 });

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.js

@@ -2,19 +2,14 @@ import React, { useCallback, useMemo } from "react";
 import { View } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
 import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
-import { NewFeedbackExperimentVariation, useNewFeedbackExperiment, } from "../../../../../hooks/useNewFeedbackExperiment";
 import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";
 import { style } from "./TextareaReturnQuestionItem.style";
 const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
     const { formatMessage } = useIntl();
-    /* Kameleoon experiment */
-    const newFeedbackVariation = useNewFeedbackExperiment();
-    const isReturnPage = newFeedbackVariation === NewFeedbackExperimentVariation.RETURN_PAGE;
-    /* Kameleoon experiment */
     const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
     const { feedback, onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
     const handleOnChange = useCallback((value) => onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: value }), [onChange, returnQuestionParent.id]);
-    const fieldComponent = (React.createElement(InputField, { label: placeholderText, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange }));
-    return isReturnPage ? React.createElement(View, { style: style.wrapper }, fieldComponent) : fieldComponent;
+    return (React.createElement(View, { style: style.wrapper },
+        React.createElement(InputField, { label: placeholderText, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange })));
 };
 export { TextareaReturnQuestionItem };

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

@@ -78,9 +78,13 @@ const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.create
             }
         }
     }, [basePath, checkout?.status, checkout?.items]);
-    if (!checkout) {
+    if (checkout === undefined) {
         return loader;
     }
+    if (checkout === null) {
+        onNotAccessible();
+        return null;
+    }
     /* Prevent direct payment access */
     if (checkoutPaymentRouteMatch && !checkoutShown.current) {
         onNotAccessible();

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

@@ -2,7 +2,6 @@ import React, { memo, Suspense } from "react";
 import { Navigate, Outlet, useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Spinner } from "@lookiero/aurora";
 import { Kameleoon } from "@lookiero/sty-psp-ab-testing";
-import { NewFeedbackExperimentProvider } from "../hooks/useNewFeedbackExperiment";
 import { StaticInfoProvider } from "../hooks/useStaticInfo";
 import { App } from "../views/App";
 import { Checkout } from "../views/checkout/Checkout";
@@ -24,9 +23,8 @@ const Routing = ({ basePath = "", customer, order, subscription, locale, I18n, k
                     React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
                         React.createElement(Kameleoon, { loader: React.createElement(Spinner, null), siteCode: kameleoon.siteCode },
                             React.createElement(CheckoutMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
-                                React.createElement(NewFeedbackExperimentProvider, null,
-                                    React.createElement(App, null,
-                                        React.createElement(Outlet, null))))))))),
+                                React.createElement(App, null,
+                                    React.createElement(Outlet, null)))))))),
             children: [
                 {
                     path: Routes.ITEM,

package/dist/src/infrastructure/ui/views/checkout/Checkout.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from "react";
 import { Platform, ScrollView, View } from "react-native";
 import { useNavigate } from "react-router-native";
-import { Box, Button, Layout, Spinner, Text, useDevice } from "@lookiero/aurora";
+import { Box, Button, Layout as AuroraLayout, Spinner, Text, useDevice } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import { Sticky } from "@lookiero/sty-psp-ui";
@@ -23,7 +23,7 @@ import { Pricing } from "../summary/components/pricing/Pricing";
 import { style } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
 import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrument";
-const Checkout = ({ children, layout: UiLayout, useRedirect }) => {
+const Checkout = ({ children, layout: Layout, useRedirect }) => {
     const { customer: { customerId, country, segment }, } = useStaticInfo();
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
     const submitButtonText = useI18nMessage({ id: I18nMessages.CHECKOUT_PAY_BUTTON });
@@ -68,13 +68,13 @@ const Checkout = ({ children, layout: UiLayout, useRedirect }) => {
     if (!dependenciesLoaded) {
         return React.createElement(Spinner, null);
     }
-    return (React.createElement(UiLayout, { header: React.createElement(CheckoutHeader, { onBack: handleOnBack }), scrollEnabled: false, style: {
+    return (React.createElement(Layout, { header: React.createElement(CheckoutHeader, { onBack: handleOnBack }), scrollEnabled: false, style: {
             header: style.header,
             scrollView: style.scrollView,
         } },
         React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
             hasReplacedCheckoutItem && React.createElement(DeliveryBanner, null),
-            React.createElement(Layout, { fullWidth: !screen.L, style: [screen.L && style.desktopLayoutSpacing, !screen.L && { paddingBottom: pricingHeight }] },
+            React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [screen.L && style.desktopLayoutSpacing, !screen.L && { paddingBottom: pricingHeight }] },
                 React.createElement(Box, { size: { L: "2/3" }, style: screen.L && style.desktopListSpacing },
                     React.createElement(View, { style: [style.contentWrapper, screen.L && style.desktopContentWrapper] },
                         React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),

package/dist/src/infrastructure/ui/views/feedback/Feedback.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { Layout } from "@lookiero/sty-psp-ui";
+import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
 interface FeedbackProps {
-    readonly layout: Layout;
+    readonly layout: UiLayout;
 }
 declare const Feedback: FC<FeedbackProps>;
 export { Feedback };

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

@@ -1,12 +1,11 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { Box, Spinner } from "@lookiero/aurora";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
+import { QueryStatus } from "@lookiero/messaging-react";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
-import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useViewBookedProductsVariantsForCheckoutItem } from "../../../projection/bookedProductsVariants/react/useViewBookedProductsVariantsForCheckoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
@@ -17,17 +16,14 @@ import { useTrackItemPageView } from "../../../tracking/useTrackItemPageView";
 import { useTrackPressBack } from "../../../tracking/useTrackPressBack";
 import { useTrackPressNext } from "../../../tracking/useTrackPressNext";
 import { useTrackPressPrevious } from "../../../tracking/useTrackPressPrevious";
-import { useTrackReturnItem } from "../../../tracking/useTrackReturnItem";
 import { FiveItemsDiscountBanner } from "../../components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner";
 import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { ItemDetailHeader } from "../../components/templates/header/itemDetailHeader/ItemDetailHeader";
 import { ItemHeader } from "../../components/templates/header/itemHeader/ItemHeader";
-import { NewFeedbackExperimentVariation, useNewFeedbackExperiment } from "../../hooks/useNewFeedbackExperiment";
 import { useStaticInfo } from "../../hooks/useStaticInfo";
 import { Routes } from "../../routing/routes";
 import { useBasePath } from "../../routing/useBasePath";
 import { style } from "./Item.style";
-import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
 import { ItemWithCustomerDecission, } from "./views/itemWithCustomerDecission/ItemWithCustomerDecission";
 import { ItemWithoutCustomerDecission, } from "./views/itemWithoutCustomerDecission/ItemWithoutCustomerDecission";
 const Item = ({ layout: Layout }) => {
@@ -41,10 +37,6 @@ const Item = ({ layout: Layout }) => {
     const [fiveItemsDiscount = 0, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({ customerId });
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
-    /* Kameleoon experiment */
-    const newFeedbackVariation = useNewFeedbackExperiment();
-    const redirectToReturnPage = newFeedbackVariation === NewFeedbackExperimentVariation.RETURN_PAGE;
-    /* Kameleoon experiment */
     /* SizeChange and Booking */
     const [isSizeChangeEnabled, sizeChangeEnabledStatus] = useViewIsSizeChangeEnabledByCheckoutId({
         checkoutId: checkout?.id,
@@ -72,28 +64,9 @@ const Item = ({ layout: Layout }) => {
     const [returnQuestions] = useListReturnQuestionsByCheckoutItemId({
         checkoutItemId: checkoutItem.id,
     });
-    const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
-    const showReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
-    const hideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
     const goToReturnPage = useCallback(() => {
         navigate(`${basePath}/${generatePath(Routes.RETURN, { id: checkoutItem.id })}`);
     }, [basePath, checkoutItem.id, navigate]);
-    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
-        checkoutItemId: checkoutItem.id,
-        logger,
-    });
-    const trackReturnItem = useTrackReturnItem({
-        page: TrackingPage.ITEM,
-        country,
-        segment,
-        checkoutId: checkout?.id,
-        checkoutItemId: checkoutItem.id,
-    });
-    const returnItem = useCallback(async (feedbacks) => {
-        hideReturnQuestions();
-        returnCheckoutItem({ feedbacks });
-        trackReturnItem();
-    }, [hideReturnQuestions, returnCheckoutItem, trackReturnItem]);
     /* ReturnCheckoutItem */
     const currentProductVariant = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
         ? { id: checkoutItem.replacedFor.id, size: checkoutItem.replacedFor.size }
@@ -163,8 +136,7 @@ const Item = ({ layout: Layout }) => {
         bookedProductsVariantsStatus !== QueryStatus.LOADING &&
         fiveItemsDiscountStatus !== QueryStatus.LOADING &&
         sizeChangeEnabledStatus !== QueryStatus.LOADING &&
-        (isBookingRequired ? checkout.checkoutBookingId && bookedProductsVariants : true) &&
-        returnCheckoutItemStatus !== CommandStatus.LOADING;
+        (isBookingRequired ? checkout.checkoutBookingId && bookedProductsVariants : true);
     if (!dependenciesLoaded) {
         return React.createElement(Spinner, { testID: "spinner" });
     }
@@ -173,7 +145,6 @@ const Item = ({ layout: Layout }) => {
                 header: fiveItemsDiscount !== 0 ? style.headerWithDoubleHeight : style.header,
                 scrollView: { height: itemWithoutCustomerDecission ? "100%" : "auto" },
                 safeAreaView: isDesktopScreen ? style.safeAreaView : null,
-            } }, itemWithoutCustomerDecission ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, currentProductVariant: currentProductVariant, onReturn: redirectToReturnPage ? goToReturnPage : showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: redirectToReturnPage ? goToReturnPage : showReturnQuestions }))),
-        !redirectToReturnPage ? (React.createElement(ReturnQuestionsForm, { returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })) : null));
+            } }, itemWithoutCustomerDecission ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, currentProductVariant: currentProductVariant, onReturn: goToReturnPage })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: goToReturnPage })))));
 };
 export { Item };

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

@@ -1,131 +1,12 @@
-import { PortalHost } from "@gorhom/portal";
-import React, { useCallback, useMemo } from "react";
-import { ScrollView } from "react-native";
-import { generatePath, useNavigate, useParams } from "react-router-native";
-import { Box, Button, Layout, Spinner, Text, View, useDevice } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import { useLogger } from "@lookiero/sty-psp-logging";
-import { ReturnQuestionType } from "../../../../projection/returnQuestion/returnQuestion";
-import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
+import React from "react";
+import { useParams } from "react-router-native";
+import { Spinner } from "@lookiero/aurora";
+import { QueryStatus } from "@lookiero/messaging-react";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
-import { TrackingPage } from "../../../tracking/tracking";
-import { useTrackPageView } from "../../../tracking/useTrackPageView";
-import { useTrackPressNext } from "../../../tracking/useTrackPressNext";
-import { useTrackPressPrevious } from "../../../tracking/useTrackPressPrevious";
-import { useTrackReturnItem } from "../../../tracking/useTrackReturnItem";
-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 { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { useStaticInfo } from "../../hooks/useStaticInfo";
-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, segment, layout: UiLayout }) => {
-    const { screen } = useDevice();
-    const navigate = useNavigate();
-    const logger = useLogger();
-    const basePath = useBasePath();
-    const checkoutId = checkout.id;
-    const trackPressNext = useTrackPressNext({
-        page: TrackingPage.ITEM,
-        country,
-        segment,
-        checkoutId,
-    });
-    const trackPressPrevious = useTrackPressPrevious({
-        page: TrackingPage.ITEM,
-        country,
-        segment,
-        checkoutId,
-    });
-    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, segment, 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,
-        segment,
-        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({ from: item.id, to: nextItem.id });
-        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
-    }, [basePath, checkout?.items, checkoutItem, 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({ from: item.id, to: previousItem.id });
-        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: previousItem.id }));
-    }, [basePath, checkout?.items, checkoutItem, 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(UiLayout, { header: header, scrollEnabled: false, style: {
-                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 = ({ layout: UiLayout }) => {
+import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
+const Return = ({ layout }) => {
     const { id } = useParams();
     const { customer: { customerId, country, segment }, } = useStaticInfo();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -135,6 +16,6 @@ const Return = ({ layout: UiLayout }) => {
         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: UiLayout, segment: segment })));
+        React.createElement(ReturnQuestionsForm, { checkout: checkout, checkoutItem: checkoutItem, country: country, layout: layout, segment: segment })));
 };
 export { Return };

package/dist/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.js

@@ -11,21 +11,19 @@ import { IMAGE_SIZE, style } from "./ProductVariantPreview.style";
 const ProductVariantPreview = ({ item, country }) => {
     const cdnImageUrl = useMediaImage();
     const { screen } = useDevice();
-    const isSmallScreen = screen.S;
-    const { productVariant, price } = item;
-    const { media, brand, name, size: sizeProjection } = productVariant;
-    const mainImage = media.find((mediaElement) => mediaElement.perspective === "MAIN");
     const sizeText = useI18nMessage({ id: I18nMessages.ITEM_SIZE });
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
-    return (React.createElement(View, { style: [style.wrapper, isSmallScreen ? style.mobileWrapper : undefined] },
+    const { productVariant: { media, brand, name, size: sizeProjection }, price, } = item;
+    const mainImage = media.find((mediaElement) => mediaElement.perspective === "MAIN");
+    return (React.createElement(View, { style: [style.wrapper, !screen.S && style.mobileWrapper], testID: "product-variant-preview" },
         React.createElement(Row, { style: style.row },
             React.createElement(Column, { size: { M: "2/3", L: "2/3" }, style: style.content },
-                mainImage ? (React.createElement(Image, { resizeMode: "stretch", style: style.image, testID: "product-variant-image", source: {
+                mainImage && (React.createElement(Image, { resizeMode: "stretch", style: style.image, testID: "product-variant-image", source: {
                         uri: cdnImageUrl({
                             url: mainImage.url,
                             width: IMAGE_SIZE,
                         }),
-                    } })) : null,
+                    } })),
                 React.createElement(View, { style: style.info },
                     React.createElement(Text, { color: COLOR.TEXT_MEDIUM, level: 2, detail: true }, brand),
                     React.createElement(Text, { level: 2, detail: true }, name),

package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { Segment } from "@lookiero/sty-psp-segment";
+import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
+import { CheckoutProjection } from "../../../../../../projection/checkout/checkout";
+import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
+import { Country } from "../../../../../../projection/shared/country";
+interface ReturnQuestionsFormProps {
+    readonly checkout: CheckoutProjection;
+    readonly checkoutItem: CheckoutItemProjection;
+    readonly country: Country;
+    readonly layout: UiLayout;
+    readonly segment: Segment;
+}
+declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;
+export { ReturnQuestionsForm };

package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -0,0 +1,112 @@
+import { PortalHost } from "@gorhom/portal";
+import React, { useCallback, useMemo } from "react";
+import { ScrollView } from "react-native";
+import { generatePath, useNavigate } from "react-router-native";
+import { Box, Button, Layout as AuroraLayout, Spinner, Text, View, useDevice } from "@lookiero/aurora";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { CommandStatus } from "@lookiero/messaging-react";
+import { useLogger } from "@lookiero/sty-psp-logging";
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
+import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
+import { TrackingPage } from "../../../../../tracking/tracking";
+import { useTrackPageView } from "../../../../../tracking/useTrackPageView";
+import { useTrackPressBack } from "../../../../../tracking/useTrackPressBack";
+import { useTrackPressNext } from "../../../../../tracking/useTrackPressNext";
+import { useTrackReturnItem } from "../../../../../tracking/useTrackReturnItem";
+import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
+import { 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 { ItemDetailHeader } from "../../../../components/templates/header/itemDetailHeader/ItemDetailHeader";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { Routes } from "../../../../routing/routes";
+import { useBasePath } from "../../../../routing/useBasePath";
+import { ProductVariantPreview } from "../productVariantPreview/ProductVariantPreview";
+import { style } from "./ReturnQuestionsForm.style";
+const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
+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 ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout, segment, }) => {
+    const navigate = useNavigate();
+    const basePath = useBasePath();
+    const logger = useLogger();
+    const { screen } = useDevice();
+    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 feedback = useReturnQuestionFeedback();
+    const [returnQuestions] = useListReturnQuestionsByCheckoutItemId({
+        checkoutItemId: checkoutItem.id,
+    });
+    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+        logger,
+    });
+    const trackReturnItem = useTrackReturnItem({
+        page: TrackingPage.RETURN,
+        country,
+        segment,
+        checkoutId: checkout.id,
+        checkoutItemId: checkoutItem.id,
+    });
+    useTrackPageView({ checkoutId: checkout.id, country, segment, page: TrackingPage.RETURN });
+    const trackPressBack = useTrackPressBack({
+        page: TrackingPage.ITEM,
+        country,
+        segment,
+        checkoutId: checkout?.id,
+    });
+    const handleOnBack = useCallback(() => {
+        trackPressBack();
+        navigate(-1);
+    }, [navigate, trackPressBack]);
+    const trackPressNext = useTrackPressNext({
+        page: TrackingPage.ITEM,
+        country,
+        segment,
+        checkoutId: checkout.id,
+    });
+    const handleOnSubmit = useCallback(async () => {
+        returnCheckoutItem({ feedbacks: feedback });
+        trackReturnItem();
+        const itemIndex = checkout.items.indexOf(checkoutItem);
+        const nextItemIndex = itemIndex === checkout.items.length - 1 ? 0 : itemIndex + 1;
+        const nextItem = checkout.items[nextItemIndex];
+        trackPressNext({ from: checkoutItem.id, to: nextItem.id });
+        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
+    }, [basePath, checkout.items, checkoutItem, feedback, navigate, returnCheckoutItem, trackPressNext, trackReturnItem]);
+    const header = useMemo(() => (React.createElement(Box, { style: style.headerWrapper },
+        React.createElement(ItemDetailHeader, { onBack: handleOnBack }))), [handleOnBack]);
+    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_HOST_NAME }),
+        React.createElement(Layout, { header: header, scrollEnabled: false, style: {
+                safeAreaView: style.safeAreaView,
+                scrollView: style.scrollView,
+            } },
+            React.createElement(ProductVariantPreview, { country: country, item: checkoutItem }),
+            React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: "return-questions-form" },
+                React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [style.layout, screen.L ? style.desktopLayoutSpacing : undefined] },
+                    React.createElement(Box, { size: { L: "2/3" } },
+                        React.createElement(View, { style: [style.info, !screen.S && 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_HOST_NAME, returnQuestions: returnQuestions }),
+                        React.createElement(View, { style: style.submit },
+                            React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText))))))));
+};
+export { ReturnQuestionsForm };