@lookiero/checkout 8.14.0-beta.3 → 8.14.0

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

@@ -1,14 +1,16 @@
+/* eslint-disable react/prop-types */
 import React from "react";
 import { Text, View } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
+import { useIntl } from "@lookiero/i18n-react";
+import { returnQuestionWithTranslationKey } from "../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 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;
+const HostDefaultReturnQuestionItem = ({ returnQuestion, children, }) => {
+    const { formatMessage } = useIntl();
+    const isAllOptions = returnQuestion.translationKey === I18nMessages.RETURN_QUESTION_MAIN_ALL_OPINION;
     return (React.createElement(React.Fragment, null,
-        titleText && titleText !== " " && !isAllOptions ? (React.createElement(View, { style: style.title },
-            React.createElement(Text, { level: 3, action: true }, titleText))) : null,
+        returnQuestionWithTranslationKey(returnQuestion) && returnQuestion.translationKey !== " " && !isAllOptions ? (React.createElement(View, { style: style.title },
+            React.createElement(Text, { level: 3, action: true }, formatMessage({ id: returnQuestion.translationKey })))) : null,
         children));
 };
 export { HostDefaultReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.d.ts

@@ -1,4 +1,5 @@
+import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
 import { style } from "./HostRadioGroupReturnQuestionItem.style";
-declare const HostRadioGroupReturnQuestionItem: ReturnQuestionItem;
+declare const HostRadioGroupReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_SELECT>;
 export { HostRadioGroupReturnQuestionItem, style };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -5,7 +6,7 @@ import { useIntl } from "@lookiero/i18n-react";
 import { style } from "./HostRadioGroupReturnQuestionItem.style";
 const HostRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
     const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
+    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
     return (React.createElement(React.Fragment, null,
         React.createElement(View, { style: style.wrapper, testID: testID },
             React.createElement(Text, { level: 3, style: style.title, action: true }, placeholderText),

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const HostSelectReturnQuestionItem: ReturnQuestionItem;
+declare const HostSelectReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_SELECT>;
 export { HostSelectReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.js

@@ -1,16 +1,16 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { TouchableHighlight, View } from "react-native";
 import { ButtonIcon } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
-import { Modal, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal } from "@lookiero/sty-psp-ui";
 import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
 import { useReturnQuestionFeedback, useReturnQuestionFeedbackForReturnQuestion, } from "../../behaviors/useReturnQuestionFeedback";
 import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQuestion, } from "../../util/returnQuestionFeedback";
 import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
 const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, testID, }) => {
-    const { modal } = useEnvironmentStyle();
     const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
+    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
     const [modalVisible, setModalVisible] = useState(false);
     const handleOnPress = useCallback(() => setModalVisible(true), []);
     const handleOnModalClose = useCallback(() => setModalVisible(false), []);
@@ -36,6 +36,6 @@ const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName
             React.createElement(View, { pointerEvents: "none" },
                 React.createElement(InputField, { editable: false, icon: "arrow_down", label: placeholderText, value: inputValue }))),
         React.createElement(Modal, { portalHostName: portalHostName, style: deepestReturnQuestionWithFeedback && { header: style.header }, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow_left", style: style.backButton, testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
-            React.createElement(View, { style: [style.modal, modal?.content] }, children))));
+            React.createElement(View, { style: style.modalContent }, children))));
 };
 export { HostSelectReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.style.d.ts

@@ -9,7 +9,7 @@ declare const style: {
     header: {
         justifyContent: "space-between";
     };
-    modal: {
+    modalContent: {
         paddingBottom: number;
         paddingHorizontal: number;
     };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.style.js

@@ -12,7 +12,7 @@ const style = StyleSheet.create({
     header: {
         justifyContent: "space-between",
     },
-    modal: {
+    modalContent: {
         paddingBottom: space6,
         paddingHorizontal: space6,
     },

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/form/HostStackReturnQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../../ReturnQuestionItem";
-declare const HostStackReturnQuestionItem: ReturnQuestionItem;
+declare const HostStackReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_STACK>;
 export { HostStackReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/form/HostStackReturnQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React from "react";
 import ReturnQuestion from "../../../ReturnQuestion";
 const HostStackReturnQuestionItem = ({ returnQuestion, portalHostName, }) => (React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion })))));

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../../ReturnQuestionItem";
-declare const HostStackReturnQuestionItem: ReturnQuestionItem;
+declare const HostStackReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_STACK>;
 export { HostStackReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.js

@@ -1,8 +1,10 @@
+/* eslint-disable react/prop-types */
 import { animated, useSpring } from "@react-spring/native";
 import React, { useCallback, useMemo, useState } from "react";
 import { View } from "react-native";
 import { COLOR, Text } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
+import { returnQuestionHasChildren } from "../../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 import ReturnQuestion from "../../../ReturnQuestion";
 import { useReturnQuestionFeedbackForReturnQuestion } from "../../../behaviors/useReturnQuestionFeedback";
 import { style } from "./HostStackReturnQuestionItem.style";
@@ -12,15 +14,15 @@ const HostStackReturnQuestionItem = ({ returnQuestion, children, portalHostName,
     const feedbackReturnQuestion = feedback
         ? returnQuestion.children?.find((returnQuestion) => returnQuestion.id === feedback)
         : undefined;
-    const titleText = useMemo(() => (returnQuestion.name ? formatMessage({ id: returnQuestion.name }) : undefined), [formatMessage, returnQuestion.name]);
-    const feedbackText = useMemo(() => (feedbackReturnQuestion ? formatMessage({ id: feedbackReturnQuestion.name }) : undefined), [feedbackReturnQuestion, formatMessage]);
+    const titleText = useMemo(() => (returnQuestion.translationKey ? formatMessage({ id: returnQuestion.translationKey }) : undefined), [formatMessage, returnQuestion.translationKey]);
+    const feedbackText = useMemo(() => (feedbackReturnQuestion ? formatMessage({ id: feedbackReturnQuestion.translationKey }) : undefined), [feedbackReturnQuestion, formatMessage]);
     const [stackHeight, setStackHeight] = useState();
     const handleOnLayout = useCallback(({ nativeEvent: { layout: { height }, }, }) => setStackHeight(height), []);
     const stackSyle = useSpring({ height: stackHeight });
     return (React.createElement(animated.View, { style: stackSyle },
         React.createElement(View, { onLayout: handleOnLayout },
             titleText && (React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText)),
-            feedbackReturnQuestion ? (React.createElement(React.Fragment, null,
+            feedbackReturnQuestion && returnQuestionHasChildren(feedbackReturnQuestion) ? (React.createElement(React.Fragment, null,
                 React.createElement(Text, { color: COLOR.TEXT_MEDIUM, level: 3 }, feedbackText),
                 feedbackReturnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: feedbackReturnQuestion }))))) : (children))));
 };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.js

@@ -2,16 +2,17 @@ import React from "react";
 import { View } from "react-native";
 import { COLOR, Text } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
-import { Modal, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal } from "@lookiero/sty-psp-ui";
+import { returnQuestionHasChildren } from "../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 import ReturnQuestion from "../../ReturnQuestion";
 import { style } from "./ModalOptionReturnQuestionItems.style";
 const ModalOptionReturnQuestionItems = ({ portalHostName, returnQuestion, visible, onClose, }) => {
-    const { modal } = useEnvironmentStyle();
     const { formatMessage } = useIntl();
-    const title = formatMessage({ id: returnQuestion.name });
+    const title = formatMessage({ id: returnQuestion.translationKey });
     return (React.createElement(Modal, { portalHostName: portalHostName, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
-        React.createElement(View, { style: [style.modalContent, modal?.content] },
+        React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { color: COLOR.TEXT_MEDIUM, level: 2, style: style.optionText }, title),
-            React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: "", returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion })))))));
+            React.createElement(React.Fragment, null, returnQuestionHasChildren(returnQuestion) &&
+                returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: "", returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion })))))));
 };
 export { ModalOptionReturnQuestionItems };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const OptionReturnQuestionItem: ReturnQuestionItem;
+declare const OptionReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.OPTION>;
 export { OptionReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback } from "react";
 import { TouchableHighlight } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -6,7 +7,7 @@ import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useR
 import { containerUnderlayColor, style } from "./OptionReturnQuestionItem.style";
 const OptionReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
     const { onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
-    const optionText = useI18nMessage({ id: returnQuestion.name });
+    const optionText = useI18nMessage({ id: returnQuestion.translationKey });
     const handleOnPress = useCallback(() => onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: returnQuestion.id }), [onChange, returnQuestion.id, returnQuestionParent.id]);
     return (React.createElement(TouchableHighlight, { accessibilityLabel: testID, style: style.container, testID: testID, underlayColor: containerUnderlayColor, onPress: handleOnPress },
         React.createElement(Text, { level: 3, style: style.text }, optionText)));

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const RadioReturnQuestionItem: ReturnQuestionItem;
+declare const RadioReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.OPTION>;
 export { RadioReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useEffect, useState } from "react";
 import { View, Option, OPTION_VARIANT, SIZE } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
@@ -12,7 +13,7 @@ const RadioReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID,
     const feedback = useReturnQuestionFeedback();
     const translate = useCallback((returnQuestionName) => intl.formatMessage({ id: returnQuestionName, defaultMessage: returnQuestionName }), [intl]);
     const inputValue = feedbackForReturnQuestion({ feedback, returnQuestion, translate }).join(" / ");
-    const optionText = intl.formatMessage({ id: returnQuestion.name });
+    const optionText = intl.formatMessage({ id: returnQuestion.translationKey });
     const hasChildren = Boolean(returnQuestion.children && returnQuestion.children.length > 0);
     const handleOnModalClose = useCallback(() => {
         // Uncomment if we want to clear current selection (and update callback's dependencies)

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.d.ts

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const ReturnQuestionFeedbackItem: ReturnQuestionItem;
+declare const ReturnQuestionFeedbackItem: ReturnQuestionItem<ReturnQuestionType.HOST_DEFAULT>;
 export { ReturnQuestionFeedbackItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -7,7 +8,7 @@ import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeed
 import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
 import { style } from "./ReturnQuestionFeedbackItem.style";
 const ReturnQuestionFeedbackItem = ({ returnQuestion }) => {
-    const titleText = useI18nMessage({ id: returnQuestion.name });
+    const titleText = useI18nMessage({ id: returnQuestion.translationKey });
     const unansweredText = useI18nMessage({ id: I18nMessages.FEEDBACK_UNANSWERED });
     const returnQuestionFeedback = useReturnQuestionFeedback();
     const intl = useIntl();

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

@@ -1,3 +1,4 @@
+import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const TextareaReturnQuestionItem: ReturnQuestionItem;
+declare const TextareaReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.TEXTAREA>;
 export { TextareaReturnQuestionItem };

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

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { View } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
@@ -6,7 +7,7 @@ import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useR
 import { style } from "./TextareaReturnQuestionItem.style";
 const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
     const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
+    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
     const { feedback, onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
     const handleOnChange = useCallback((value) => onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: value }), [onChange, returnQuestionParent.id]);
     return (React.createElement(View, { style: style.wrapper },

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/util/returnQuestionFeedback.js

@@ -1,3 +1,4 @@
+import { returnQuestionHasChildren, returnQuestionWithTranslationKey, } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 const REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
 const isUuid = (value) => {
     return typeof value === "string" && REGEX.test(value);
@@ -7,11 +8,14 @@ const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc =
     if (returnQuestionId) {
         const returnQuestionFeedback = feedback[returnQuestionId];
         if (isUuid(returnQuestionFeedback)) {
-            const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
+            const feebackReturnQuestionChild = returnQuestionHasChildren(returnQuestion) &&
+                returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
             if (feebackReturnQuestionChild) {
                 return [
                     ...acc,
-                    translate(feebackReturnQuestionChild?.name),
+                    ...(returnQuestionWithTranslationKey(feebackReturnQuestionChild)
+                        ? [translate(feebackReturnQuestionChild.translationKey)]
+                        : []),
                     ...feedbackForReturnQuestion({ feedback, returnQuestion: feebackReturnQuestionChild, translate, acc }),
                 ];
             }
@@ -19,17 +23,20 @@ const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc =
         }
         return [...acc, returnQuestionFeedback];
     }
-    return (returnQuestion.children?.reduce((acc, childReturnQuestion) => [
-        ...acc,
-        ...feedbackForReturnQuestion({ feedback, returnQuestion: childReturnQuestion, translate, acc }),
-    ], []) || []);
+    return ((returnQuestionHasChildren(returnQuestion) &&
+        returnQuestion.children?.reduce((acc, childReturnQuestion) => [
+            ...acc,
+            ...feedbackForReturnQuestion({ feedback, returnQuestion: childReturnQuestion, translate, acc }),
+        ], [])) ||
+        []);
 };
 const deepestReturnQuestionWithFeedbackForReturnQuestion = ({ feedback, returnQuestion, deepestReturnQuestion, }) => {
     const returnQuestionId = Object.keys(feedback).find((id) => id === returnQuestion.id);
     if (returnQuestionId) {
         const returnQuestionFeedback = feedback[returnQuestionId];
         if (isUuid(returnQuestionFeedback)) {
-            const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
+            const feebackReturnQuestionChild = returnQuestionHasChildren(returnQuestion) &&
+                returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
             if (feebackReturnQuestionChild) {
                 return deepestReturnQuestionWithFeedbackForReturnQuestion({
                     feedback,
@@ -41,7 +48,8 @@ const deepestReturnQuestionWithFeedbackForReturnQuestion = ({ feedback, returnQu
         }
         return [returnQuestion, false];
     }
-    const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => Object.keys(feedback).find((id) => id === childReturnQuestion.id));
+    const feebackReturnQuestionChild = returnQuestionHasChildren(returnQuestion) &&
+        returnQuestion.children?.find((childReturnQuestion) => Object.keys(feedback).find((id) => id === childReturnQuestion.id));
     if (feebackReturnQuestionChild) {
         return deepestReturnQuestionWithFeedbackForReturnQuestion({
             feedback,
@@ -49,6 +57,7 @@ const deepestReturnQuestionWithFeedbackForReturnQuestion = ({ feedback, returnQu
             deepestReturnQuestion: feebackReturnQuestionChild,
         });
     }
-    return [deepestReturnQuestion, !returnQuestion.children || returnQuestion.children.length === 0];
+    const hasChildren = Boolean(returnQuestionHasChildren(returnQuestion) && returnQuestion.children && returnQuestion.children.length > 0);
+    return [deepestReturnQuestion, !hasChildren];
 };
 export { feedbackForReturnQuestion, deepestReturnQuestionWithFeedbackForReturnQuestion };

package/dist/src/infrastructure/ui/test/render.js

@@ -4,7 +4,6 @@ import React, { Fragment } from "react";
 import { IntlProvider } from "react-intl";
 import { Aurora } from "@lookiero/aurora";
 import { LoggerProvider } from "@lookiero/sty-psp-logging";
-import { EnvironmentStyleProvider } from "@lookiero/sty-psp-ui";
 import { BasePathProvider } from "../routing/useBasePath";
 const renderWrapper = ({ locale, messages = {}, wrapper: Wrapper = Fragment, logger = mock() }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
@@ -12,7 +11,6 @@ const renderWrapper = ({ locale, messages = {}, wrapper: Wrapper = Fragment, log
     React.createElement(IntlProvider, { locale: locale, messages: messages, onError: () => void 0 },
         React.createElement(LoggerProvider, { logger: logger },
             React.createElement(BasePathProvider, { basePath: "" },
-                React.createElement(EnvironmentStyleProvider, null,
-                    React.createElement(Wrapper, null, children)))))));
+                React.createElement(Wrapper, null, children))))));
 const renderWithProviders = (ui, { locale, messages, wrapper } = { locale: "en" }) => render(ui, { wrapper: renderWrapper({ locale, messages, wrapper }) });
 export { renderWithProviders as render };

package/dist/src/infrastructure/ui/views/App.js

@@ -1,20 +1,15 @@
 import { PortalProvider } from "@gorhom/portal";
 import React from "react";
-import { StatusBar, View } from "react-native";
+import { StatusBar } from "react-native";
 import { SafeAreaProvider } from "react-native-safe-area-context";
 import { PortalProvider as AuroraPortalProvider } from "@lookiero/aurora";
 import { Notifications } from "@lookiero/sty-psp-notifications";
-import { theme, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { theme } from "@lookiero/sty-psp-ui";
 import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
-import { style } from "./App.style";
 const { colorBgBase } = theme();
-const App = ({ children }) => {
-    const { container } = useEnvironmentStyle();
-    return (React.createElement(View, { style: [style.container, container] },
-        React.createElement(SafeAreaProvider, null,
-            React.createElement(PortalProvider, null,
-                React.createElement(StatusBar, { backgroundColor: colorBgBase, barStyle: "dark-content", translucent: true }),
-                React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
-                React.createElement(AuroraPortalProvider, null, children)))));
-};
+const App = ({ children }) => (React.createElement(SafeAreaProvider, null,
+    React.createElement(PortalProvider, null,
+        React.createElement(StatusBar, { backgroundColor: colorBgBase, barStyle: "dark-content", translucent: true }),
+        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
+        React.createElement(AuroraPortalProvider, null, children))));
 export { App };

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

@@ -2,17 +2,16 @@ import React from "react";
 import { View } from "react-native";
 import { ALIGN, Button, BUTTON_VARIANT, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal } from "@lookiero/sty-psp-ui";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./GetOutOfCheckoutModal.style";
 const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
-    const { modal } = useEnvironmentStyle();
     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, modal?.content] },
+        React.createElement(View, { style: style.modalContent },
             React.createElement(Text, { align: ALIGN.CENTER, level: 1, style: style.title }, titleText),
             React.createElement(Text, { level: 3, style: style.description }, descriptionText),
             React.createElement(Button, { style: style.button, onPress: onDismiss },

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/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";

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

@@ -1,4 +1,10 @@
 import { FC } from "react";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
+interface SelectModalStyle {
+    readonly modalContent: StyleProp<ViewStyle>;
+    readonly option: StyleProp<ViewStyle>;
+    readonly optionText: StyleProp<TextStyle>;
+}
 interface Option {
     readonly label: string;
     readonly value: string;
@@ -7,10 +13,11 @@ interface SelectModalProps {
     readonly title?: string;
     readonly value: string | undefined;
     readonly options: Option[];
-    readonly modalVisible: boolean;
-    readonly testID?: string;
+    readonly style?: Partial<SelectModalStyle>;
     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

@@ -1,19 +1,18 @@
 import React, { useCallback } from "react";
 import { TouchableHighlight, View } from "react-native";
 import { COLOR, Text } from "@lookiero/aurora";
-import { Modal, theme, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal, theme } from "@lookiero/sty-psp-ui";
 import { style } from "./SelectModal.style";
 const { colorBgPrimaryLight } = theme();
-const SelectModal = ({ modalVisible, options, testID, title, value, onChange = () => void 0, onClose = () => void 0, }) => {
-    const { modal } = useEnvironmentStyle();
+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, modal?.content] },
+        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, 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 }, label)))))));
+            options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, accessibilityLabel: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], testID: optionValue, underlayColor: colorBgPrimaryLight, accessible: true, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },
+                React.createElement(Text, { color: value === optionValue ? COLOR.TEXT_MEDIUM : COLOR.TEXT, level: 3, style: [style.optionText, customStyle?.optionText] }, label)))))));
 };
 export { SelectModal };

package/dist/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.js

@@ -2,16 +2,15 @@ import React from "react";
 import { View } from "react-native";
 import { Button, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal, useEnvironmentStyle } from "@lookiero/sty-psp-ui";
+import { Modal } from "@lookiero/sty-psp-ui";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./SizeWithoutStockModal.style";
 const SizeWithoutStockModal = ({ visible, onDismiss }) => {
-    const { modal } = useEnvironmentStyle();
     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, modal?.content] },
+        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/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";
@@ -100,7 +101,7 @@ const ReturnQuestionsForm = ({ checkout, checkoutItem, country, layout: Layout,
                 header: style.header,
             } },
             React.createElement(ProductVariantPreview, { country: country, item: checkoutItem }),
-            React.createElement(ScrollView, { showsVerticalScrollIndicator: false, testID: "return-questions-form" },
+            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" } },

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 };