@lookiero/checkout 8.14.0-beta.2 → 8.14.0

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

@@ -12,7 +12,7 @@ declare const style: {
         marginVertical: number;
         width: "100%";
     };
-    modal: {
+    modalContent: {
         paddingHorizontal: number;
     };
     title: {

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

@@ -15,7 +15,7 @@ const style = StyleSheet.create({
         marginVertical: space8,
         width: "100%",
     },
-    modal: {
+    modalContent: {
         paddingHorizontal: space6,
     },
     title: {

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

@@ -1,15 +1,11 @@
 import { FC } from "react";
-import { LayoutRectangle, StyleProp, ViewStyle } from "react-native";
+import { LayoutRectangle } from "react-native";
 import { Country } from "@lookiero/sty-psp-locale";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
-interface ItemActionsStyle {
-    readonly modal: StyleProp<ViewStyle>;
-}
 interface ItemActionsProps {
     readonly productVariants?: ProductVariantProjection[];
     readonly currentProductVariant: ProductVariantProjection;
     readonly country: Country;
-    readonly style?: Partial<ItemActionsStyle>;
     readonly onShowSizeWithoutStockModal?: () => void;
     readonly onKeep: () => void;
     readonly onReturn: () => void;

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

@@ -8,7 +8,7 @@ import { Body } from "../../../../components/layouts/body/Body";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { SelectModal } from "../selectModal/SelectModal";
 import { style } from "./ItemActions.style";
-const ItemActions = ({ productVariants, currentProductVariant, country, style: customStyle, onShowSizeWithoutStockModal = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
+const ItemActions = ({ productVariants, currentProductVariant, country, onShowSizeWithoutStockModal = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
     const [modalVisible, setModalVisible] = useState(false);
     const changeSizeButtonText = useI18nMessage({ id: I18nMessages.ITEM_CHANGE_SIZE_BUTTON });
     const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
@@ -34,6 +34,6 @@ const ItemActions = ({ productVariants, currentProductVariant, country, style: c
                 !currentProductVariant.size.unique && productVariants ? (React.createElement(Button, { style: style.sizeSelector, testID: "size-selector", variant: BUTTON_VARIANT.SECONDARY, small: true, onPress: handleOnPressSelectField }, changeSizeButtonText)) : null,
                 React.createElement(Button, { style: style.returnButton, testID: "return-button", variant: BUTTON_VARIANT.SECONDARY, small: true, onPress: onReturn }, returnButtonText)),
             React.createElement(Button, { testID: "keep-button", small: true, onPress: onKeep }, keepButtonText)),
-        React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, style: { modal: customStyle?.modal }, testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
+        React.createElement(SelectModal, { modalVisible: modalVisible, options: sizeSelectorOptions, testID: "select-field-modal", title: changeSizeButtonText, value: currentProductVariant.id, onChange: onReplace, onClose: handleOnModalClose })));
 };
 export { ItemActions };

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.d.ts

@@ -1,12 +1,7 @@
 import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
-interface ReturnQuestionsFeedbackStyle {
-    readonly modal: StyleProp<ViewStyle>;
-}
 interface ReturnQuestionsFeedbackProps {
     readonly returnQuestions: ReturnQuestionProjection[];
-    readonly style?: Partial<ReturnQuestionsFeedbackStyle>;
     readonly onEditFeedback: () => void;
 }
 declare const ReturnQuestionsFeedback: FC<ReturnQuestionsFeedbackProps>;

package/dist/src/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.js

@@ -2,7 +2,7 @@ import React from "react";
 import { View } from "react-native";
 import { ButtonIcon, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
 import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
 import { HostDefaultReturnQuestionFeedbackItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionFeedbackItem/HostDefaultReturnQuestionFeedbackItem";
@@ -17,13 +17,13 @@ const returnQuestionItems = {
     [ReturnQuestionType.TEXTAREA]: ReturnQuestionFeedbackItem,
     [ReturnQuestionType.OPTION]: ReturnQuestionFeedbackItem,
 };
-const ReturnQuestionsFeedback = ({ returnQuestions, style: customStyle, onEditFeedback, }) => {
+const ReturnQuestionsFeedback = ({ returnQuestions, onEditFeedback }) => {
     const titleText = useI18nMessage({ id: I18nMessages.FEEDBACK_TITLE });
     return (React.createElement(View, null,
         React.createElement(View, { style: style.titleContainer },
             React.createElement(Text, { level: 2 }, titleText),
             React.createElement(ButtonIcon, { name: "pencil", testID: "edit-feedback", onPress: onEditFeedback })),
         React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
-            React.createElement(ReturnQuestions, { returnQuestions: returnQuestions, style: customStyle }))));
+            React.createElement(ReturnQuestions, { returnQuestions: returnQuestions }))));
 };
 export { ReturnQuestionsFeedback };

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

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { StyleProp, TextStyle, ViewStyle } from "react-native";
 interface SelectModalStyle {
-    readonly modal: StyleProp<ViewStyle>;
+    readonly modalContent: StyleProp<ViewStyle>;
     readonly option: StyleProp<ViewStyle>;
     readonly optionText: StyleProp<TextStyle>;
 }
@@ -14,10 +14,10 @@ interface SelectModalProps {
     readonly value: string | undefined;
     readonly options: Option[];
     readonly style?: Partial<SelectModalStyle>;
-    readonly modalVisible: boolean;
-    readonly testID?: string;
     readonly onChange?: (value: string) => void;
     readonly onClose?: () => void;
+    readonly modalVisible: boolean;
+    readonly testID?: string;
 }
 declare const SelectModal: FC<SelectModalProps>;
 export type { Option };

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

@@ -4,13 +4,13 @@ import { COLOR, Text } from "@lookiero/aurora";
 import { Modal, theme } from "@lookiero/sty-psp-ui";
 import { style } from "./SelectModal.style";
 const { colorBgPrimaryLight } = theme();
-const SelectModal = ({ modalVisible, options, style: customStyle, testID, title, value, onChange = () => void 0, onClose = () => void 0, }) => {
+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.modal, customStyle?.modal] },
+        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)))))));

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

@@ -1,5 +1,5 @@
 declare const style: {
-    modal: {
+    modalContent: {
         paddingBottom: number;
         paddingHorizontal: number;
     };

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

@@ -2,7 +2,7 @@ import { StyleSheet } from "react-native";
 import { theme } from "@lookiero/sty-psp-ui";
 const { borderWidth1, colorBorderInteractive, space1, space5, space6 } = theme();
 const style = StyleSheet.create({
-    modal: {
+    modalContent: {
         paddingBottom: space6,
         paddingHorizontal: space6,
     },

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

@@ -1,8 +1,6 @@
 import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
 interface SizeWithoutStockModalProps {
     readonly visible: boolean;
-    readonly style?: StyleProp<ViewStyle>;
     readonly onDismiss: () => void;
 }
 declare const SizeWithoutStockModal: FC<SizeWithoutStockModalProps>;

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

@@ -5,12 +5,12 @@ import { useI18nMessage } from "@lookiero/i18n-react";
 import { Modal } from "@lookiero/sty-psp-ui";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./SizeWithoutStockModal.style";
-const SizeWithoutStockModal = ({ visible, style: customStyle, onDismiss }) => {
+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(View, { style: [style.modalContent, customStyle] },
+        React.createElement(View, { style: style.modalContent },
             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))));

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

@@ -1,12 +1,8 @@
 import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
 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";
-interface ItemWithCustomerDecissionStyle {
-    readonly modal: StyleProp<ViewStyle>;
-}
 interface CheckoutItemWithCustomerDecission extends CheckoutItemProjection {
     readonly status: Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL>;
 }
@@ -15,7 +11,6 @@ interface ItemWithCustomerDecissionProps {
     readonly checkoutItem: CheckoutItemWithCustomerDecission;
     readonly returnQuestions: ReturnQuestionProjection[];
     readonly currentProductVariant: ProductVariantProjection;
-    readonly style?: Partial<ItemWithCustomerDecissionStyle>;
     readonly onEditFeedback: () => void;
 }
 declare const ItemWithCustomerDecission: FC<ItemWithCustomerDecissionProps>;

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

@@ -14,7 +14,7 @@ import { CustomerDecissionBanner, } from "../../components/banner/CustomerDeciss
 import { ReturnQuestionsFeedback } from "../../components/returnQuestionsFeedback/ReturnQuestionsFeedback";
 import { ProductVariant } from "../../views/productVariant/ProductVariant";
 import { style } from "./ItemWithCustomerDecission.style";
-const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions, currentProductVariant, style: customStyle, onEditFeedback, }) => {
+const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions, currentProductVariant, onEditFeedback, }) => {
     const screenSize = useScreenSize();
     const isMobile = screenSize === "S";
     const logger = useLogger();
@@ -42,6 +42,6 @@ const ItemWithCustomerDecission = ({ checkoutId, checkoutItem, returnQuestions,
     }
     return (React.createElement(Body, { style: { row: style.container } },
         React.createElement(ProductVariant, { checkoutId: checkoutId, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, segment: segment, 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, style: customStyle, onEditFeedback: onEditFeedback }))))));
+            React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions, onEditFeedback: onEditFeedback }))))));
 };
 export { ItemWithCustomerDecission };

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

@@ -1,12 +1,8 @@
 import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { BookedProductsVariantsProjection, ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
-interface ItemWithoutCustomerDecissionStyle {
-    readonly modal: StyleProp<ViewStyle>;
-}
 interface CheckoutItemWithoutCustomerDecission extends CheckoutItemProjection {
     readonly status: CheckoutItemStatus.INITIAL;
 }
@@ -15,7 +11,6 @@ interface ItemWithoutCustomerDecissionProps {
     readonly checkoutItem: CheckoutItemWithoutCustomerDecission;
     readonly bookedProductsVariants: BookedProductsVariantsProjection;
     readonly currentProductVariant: ProductVariantProjection;
-    readonly style?: Partial<ItemWithoutCustomerDecissionStyle>;
     readonly onReturn: () => void;
 }
 declare const ItemWithoutCustomerDecission: FC<ItemWithoutCustomerDecissionProps>;

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

@@ -17,7 +17,7 @@ import { SizeWithoutStockModal } from "../../components/sizeWithoutStockModal/Si
 import { ProductVariant } from "../productVariant/ProductVariant";
 import { style } from "./ItemWithoutCustomerDecission.style";
 const { space6 } = theme();
-const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProductsVariants, currentProductVariant, style: customStyle, onReturn, }) => {
+const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProductsVariants, currentProductVariant, onReturn, }) => {
     const logger = useLogger();
     const { customer: { country, segment }, } = useStaticInfo();
     /* KeepCheckoutItem */
@@ -62,7 +62,7 @@ const ItemWithoutCustomerDecission = ({ checkoutId, checkoutItem, bookedProducts
         return React.createElement(Spinner, { testID: "spinner" });
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(SizeWithoutStockModal, { style: customStyle?.modal, visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
+        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, segment: segment, style: { content: { paddingBottom: Platform.OS === "web" ? space6 : stickyHeight } } }))),

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

@@ -1,12 +1,7 @@
 import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
 import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
-interface ReturnStyle {
-    readonly modal: StyleProp<ViewStyle>;
-}
 interface ReturnProps {
     readonly layout: UiLayout;
-    readonly style?: Partial<ReturnStyle>;
 }
 declare const Return: FC<ReturnProps>;
 export { Return };

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

@@ -6,7 +6,7 @@ import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/c
 import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { useStaticInfo } from "../../hooks/useStaticInfo";
 import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
-const Return = ({ layout, style: customStyle }) => {
+const Return = ({ layout }) => {
     const { id } = useParams();
     const { customer: { customerId, country, segment }, } = useStaticInfo();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -16,6 +16,6 @@ const Return = ({ layout, style: customStyle }) => {
         return React.createElement(Spinner, null);
     }
     return (React.createElement(ReturnQuestionFeedbackProvider, { key: checkoutItem.id, feedback: checkoutItem.feedbacks || {} },
-        React.createElement(ReturnQuestionsForm, { checkout: checkout, checkoutItem: checkoutItem, country: country, layout: layout, segment: segment, style: customStyle })));
+        React.createElement(ReturnQuestionsForm, { checkout: checkout, checkoutItem: checkoutItem, country: country, layout: layout, segment: segment })));
 };
 export { Return };

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

@@ -1,20 +1,15 @@
 import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
 import { Country } from "@lookiero/sty-psp-locale";
 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";
-interface ReturnQuestionsFormStyle {
-    readonly modal: StyleProp<ViewStyle>;
-}
 interface ReturnQuestionsFormProps {
     readonly checkout: CheckoutProjection;
     readonly checkoutItem: CheckoutItemProjection;
     readonly country: Country;
     readonly layout: UiLayout;
     readonly segment: Segment;
-    readonly style?: Partial<ReturnQuestionsFormStyle>;
 }
 declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;
 export { ReturnQuestionsForm };

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

@@ -1,12 +1,13 @@
 import { PortalHost } from "@gorhom/portal";
 import React, { useCallback, useMemo } from "react";
-import { ScrollView } from "react-native";
+import { Platform } from "react-native";
+import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 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 { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
 import { TrackingPage } from "../../../../../tracking/tracking";
@@ -37,7 +38,7 @@ const returnQuestionItems = {
     [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
     [ReturnQuestionType.OPTION]: RadioReturnQuestionItem,
 };
-const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout, segment, style: customStyle, }) => {
+const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout, segment, }) => {
     const navigate = useNavigate();
     const basePath = useBasePath();
     const logger = useLogger();
@@ -94,20 +95,21 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
     }
     return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
         React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-        React.createElement(Layout, { header: header, scrollEnabled: false, style: {
+        React.createElement(Layout, { footer: null, header: header, scrollEnabled: false, style: {
                 safeAreaView: style.safeAreaView,
                 scrollView: style.scrollView,
                 header: style.header,
             } },
             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, style: customStyle }),
-                        React.createElement(View, { style: style.submit },
-                            React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText))))))));
+            React.createElement(KeyboardAwareScrollView, { extraScrollHeight: Platform.OS === "android" ? 10 : 120, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, testID: "return-questions-form" },
+                React.createElement(View, { style: style.background },
+                    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, !screen.S && style.submitDesktop] },
+                                React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText)))))))));
 };
 export { ReturnQuestionsForm };

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

@@ -1,4 +1,7 @@
 declare const style: {
+    background: {
+        backgroundColor: string;
+    };
     description: {
         color: string;
     };
@@ -27,7 +30,6 @@ declare const style: {
         justifyContent: "center";
     };
     safeAreaView: {
-        backgroundColor: string;
         flex: number;
     };
     scrollView: {
@@ -35,9 +37,11 @@ declare const style: {
     };
     submit: {
         backgroundColor: string;
+        padding: number;
+    };
+    submitDesktop: {
         borderBottomLeftRadius: number;
         borderBottomRightRadius: number;
-        padding: number;
     };
 };
 export { style };

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

@@ -3,6 +3,9 @@ import { theme } from "@lookiero/sty-psp-ui";
 import { HEADER_HEIGHT } from "../../../../components/templates/header/Header.style";
 const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = theme();
 const style = StyleSheet.create({
+    background: {
+        backgroundColor: colorBgPrimaryLight,
+    },
     description: {
         color: colorTextMedium,
     },
@@ -31,7 +34,6 @@ const style = StyleSheet.create({
         justifyContent: "center",
     },
     safeAreaView: {
-        backgroundColor: colorBgPrimaryLight,
         flex: 1,
     },
     scrollView: {
@@ -39,9 +41,11 @@ const style = StyleSheet.create({
     },
     submit: {
         backgroundColor: colorBgBase,
+        padding: space6,
+    },
+    submitDesktop: {
         borderBottomLeftRadius: borderRadius5,
         borderBottomRightRadius: borderRadius5,
-        padding: space6,
     },
 });
 export { style };

package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js

@@ -26,8 +26,8 @@ const CollapsiblePricing = ({ pricing, totalCheckoutItemsKept, collapsible = tru
                     totalCheckoutItemsKeptText),
                 React.createElement(Price, { price: pendingToPay, variant: "detail" })),
             React.createElement(View, { style: style.collapsedContent },
-                React.createElement(Button, { testID: "confirm-checkout-collpased-button", small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(animated.View, { style: { opacity: notCollapsedStyle.opacitiy } },
+                React.createElement(Button, { testID: "submit-checkout-collpased-button", small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(animated.View, { style: { opacity: notCollapsedStyle.opacitiy } },
             React.createElement(Pricing, { pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept }),
-            React.createElement(Button, { testID: "confirm-checkout-button", onPress: onSubmit }, submitButtonText)))));
+            React.createElement(Button, { testID: "submit-checkout-button", onPress: onSubmit }, submitButtonText)))));
 };
 export { CollapsiblePricing };

package/dist/src/projection/returnQuestion/returnQuestion.constants.d.ts

@@ -0,0 +1,9 @@
+declare enum ReturnQuestionType {
+    HOST_DEFAULT = "HOST_DEFAULT",
+    HOST_TEXTAREA = "HOST_TEXTAREA",
+    HOST_SELECT = "HOST_SELECT",
+    HOST_STACK = "HOST_STACK",
+    TEXTAREA = "TEXTAREA",
+    OPTION = "OPTION"
+}
+export { ReturnQuestionType };

package/dist/src/projection/returnQuestion/returnQuestion.constants.js

@@ -0,0 +1,10 @@
+var ReturnQuestionType;
+(function (ReturnQuestionType) {
+    ReturnQuestionType["HOST_DEFAULT"] = "HOST_DEFAULT";
+    ReturnQuestionType["HOST_TEXTAREA"] = "HOST_TEXTAREA";
+    ReturnQuestionType["HOST_SELECT"] = "HOST_SELECT";
+    ReturnQuestionType["HOST_STACK"] = "HOST_STACK";
+    ReturnQuestionType["TEXTAREA"] = "TEXTAREA";
+    ReturnQuestionType["OPTION"] = "OPTION";
+})(ReturnQuestionType || (ReturnQuestionType = {}));
+export { ReturnQuestionType };

package/dist/src/projection/returnQuestion/returnQuestion.d.ts

@@ -1,17 +1,24 @@
-declare enum ReturnQuestionType {
-    HOST_DEFAULT = "HOST_DEFAULT",
-    HOST_TEXTAREA = "HOST_TEXTAREA",
-    HOST_SELECT = "HOST_SELECT",
-    HOST_STACK = "HOST_STACK",
-    TEXTAREA = "TEXTAREA",
-    OPTION = "OPTION"
-}
-interface ReturnQuestionProjection {
+import { EmptyObject, ExcludePropertyIfOptional, NonEmptyArray } from "@lookiero/sty-psp-typescript";
+import { ReturnQuestionType } from "./returnQuestion.constants";
+import { Metadata } from "./returnQuestion.metadata";
+type ReturnQuestionTypesWithChildren = ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_SELECT | ReturnQuestionType.HOST_STACK | ReturnQuestionType.HOST_TEXTAREA;
+type ReturnQuestionTypesWithOptionalChildren = ReturnQuestionType.OPTION;
+type ReturnQuestionTypesWithOptionalTranslationKeys = ReturnQuestionType.HOST_STACK;
+type ReturnQuestionMetadata<RQT extends ReturnQuestionType> = ExcludePropertyIfOptional<"metadata", {
+    readonly metadata: Metadata<RQT>;
+}>;
+type ReturnQuestionChildren<RQT extends ReturnQuestionType> = RQT extends ReturnQuestionTypesWithChildren ? {
+    readonly children: NonEmptyArray<ReturnQuestion>;
+} : RQT extends ReturnQuestionTypesWithOptionalChildren ? {
+    readonly children?: NonEmptyArray<ReturnQuestion>;
+} : EmptyObject;
+type ReturnQuestionTranslationKey<RQT extends ReturnQuestionType> = RQT extends ReturnQuestionTypesWithOptionalTranslationKeys ? {
+    readonly translationKey?: string;
+} : {
+    readonly translationKey: string;
+};
+type ReturnQuestion<RQT extends ReturnQuestionType = ReturnQuestionType> = RQT extends infer K extends ReturnQuestionType ? {
     readonly id: string;
-    readonly name: string;
-    readonly placeholder: string;
-    readonly type: ReturnQuestionType;
-    readonly children?: ReturnQuestionProjection[];
-}
-export { ReturnQuestionType };
-export type { ReturnQuestionProjection };
+    readonly type: K;
+} & ReturnQuestionTranslationKey<K> & ReturnQuestionChildren<K> & ReturnQuestionMetadata<K> : never;
+export type { ReturnQuestion as ReturnQuestionProjection, ReturnQuestionTypesWithOptionalTranslationKeys, ReturnQuestionTypesWithChildren, };

package/dist/src/projection/returnQuestion/returnQuestion.js

@@ -1,11 +1 @@
-var ReturnQuestionType;
-(function (ReturnQuestionType) {
-    ReturnQuestionType["HOST_DEFAULT"] = "HOST_DEFAULT";
-    ReturnQuestionType["HOST_TEXTAREA"] = "HOST_TEXTAREA";
-    ReturnQuestionType["HOST_SELECT"] = "HOST_SELECT";
-    ReturnQuestionType["HOST_STACK"] = "HOST_STACK";
-    ReturnQuestionType["TEXTAREA"] = "TEXTAREA";
-    ReturnQuestionType["OPTION"] = "OPTION";
-    // ICON = "ICON",
-})(ReturnQuestionType || (ReturnQuestionType = {}));
-export { ReturnQuestionType };
+export {};

package/dist/src/projection/returnQuestion/returnQuestion.metadata.d.ts

@@ -0,0 +1,12 @@
+import { EmptyObject } from "@lookiero/sty-psp-typescript";
+import { ReturnQuestionType } from "./returnQuestion.constants";
+interface ComponentPlaceholder {
+    readonly placeholder: string;
+}
+type MetadataDictionary = Record<ReturnQuestionType, EmptyObject>;
+type ComponentMetadata = MetadataDictionary & {
+    [ReturnQuestionType.HOST_SELECT]: ComponentPlaceholder;
+    [ReturnQuestionType.TEXTAREA]: ComponentPlaceholder;
+};
+type Metadata<RQT extends ReturnQuestionType> = ComponentMetadata[RQT];
+export type { Metadata };

package/dist/src/projection/returnQuestion/returnQuestion.metadata.js

@@ -0,0 +1 @@
+import { ReturnQuestionType } from "./returnQuestion.constants";

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.d.ts

@@ -0,0 +1,5 @@
+import { ReturnQuestionProjection, ReturnQuestionTypesWithChildren } from "./returnQuestion";
+import { ReturnQuestionType } from "./returnQuestion.constants";
+declare const returnQuestionWithTranslationKey: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionType.HOST_DEFAULT | ReturnQuestionType.HOST_TEXTAREA | ReturnQuestionType.HOST_SELECT | ReturnQuestionType.TEXTAREA | ReturnQuestionType.OPTION>;
+declare const returnQuestionHasChildren: (question: ReturnQuestionProjection) => question is ReturnQuestionProjection<ReturnQuestionTypesWithChildren>;
+export { returnQuestionWithTranslationKey, returnQuestionHasChildren };

package/dist/src/projection/returnQuestion/returnQuestion.typeguard.js

@@ -0,0 +1,10 @@
+import { ReturnQuestionType } from "./returnQuestion.constants";
+const returnQuestionWithTranslationKey = (question) => Boolean(question.translationKey);
+const returnQuestionHasChildren = (question) => [
+    ReturnQuestionType.HOST_DEFAULT,
+    ReturnQuestionType.HOST_SELECT,
+    ReturnQuestionType.HOST_STACK,
+    ReturnQuestionType.HOST_TEXTAREA,
+    ReturnQuestionType.OPTION,
+].includes(question.type);
+export { returnQuestionWithTranslationKey, returnQuestionHasChildren };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "8.14.0-beta.2";
+export declare const VERSION = "8.14.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "8.14.0-beta.2";
+export const VERSION = "8.14.0";

package/jest.setup.js

@@ -11,26 +11,6 @@ jest.mock("@react-native-async-storage/async-storage", () => mockAsyncStorage);
  * Without these, jest will break or pollute the log warnings.
  */
 jest.mock("expo-linear-gradient", () => ({ LinearGradient: require("react-native").View }));
-jest.mock("expo-image-picker", () => ({
-  PermissionStatus: {
-    GRANTED: "granted",
-    UNDETERMINED: "undetermined",
-    DENIED: "denied",
-  },
-  MediaTypeOptions: {
-    Images: "Images",
-  },
-  requestMediaLibraryPermissionsAsync: jest.fn(),
-  requestCameraPermissionsAsync: jest.fn(),
-  launchImageLibraryAsync: jest.fn(),
-  launchCameraAsync: jest.fn(),
-}));
-jest.mock("expo-image-manipulator", () => ({
-  manipulateAsync: jest.fn(),
-  SaveFormat: {
-    JPEG: "jpeg",
-  },
-}));
 
 jest.mock("react-native-safe-area-context", () => ({
   SafeAreaProvider: ({ children }) => children,