@lookiero/checkout 8.18.0 → 8.20.0

package/cypress/support/interceptListReturnQuestionsByCheckoutItemId.ts

@@ -2,7 +2,7 @@ import { ReturnQuestionProjection } from "../../src/projection/returnQuestion/re
 
 const interceptListReturnQuestionsByCheckoutItemId = (response: ReturnQuestionProjection[]) =>
   cy.intercept(
-    { method: "POST", url: "/local-to-dev/list-return-questions-by-checkout-item-id" },
+    { method: "POST", url: "/local-to-dev/list-return-reasons-by-checkout-item-id" },
     { body: { result: response } },
   );
 

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

@@ -1,5 +1,5 @@
 const httpReturnQuestionsByCheckoutItemIdView = ({ httpPost }) => async ({ checkoutItemId, signal }) => await httpPost({
-    endpoint: "/list-return-questions-by-checkout-item-id",
+    endpoint: "/list-return-reasons-by-checkout-item-id",
     body: { checkoutItemId },
     signal,
     result: {

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/ReturnQuestion.js

@@ -1,8 +1,10 @@
 import React, { memo } from "react";
+import { returnQuestionHasChildren } from "../../../../../projection/returnQuestion/returnQuestion.typeguard";
 import { useReturnQuestionItem } from "./behaviors/useReturnQuestionItem";
 const ReturnQuestion = ({ returnQuestionParent, returnQuestion, portalHostName }) => {
     const Item = useReturnQuestionItem({ type: returnQuestion.type });
     return (React.createElement(Item, { portalHostName: portalHostName, returnQuestion: returnQuestion, returnQuestionParent: returnQuestionParent, testID: returnQuestion.id },
-        React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion }))))));
+        React.createElement(React.Fragment, null, returnQuestionHasChildren(returnQuestion) &&
+            returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion }))))));
 };
 export default memo(ReturnQuestion);

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/behaviors/isChildReturnQuestion.js

@@ -1,8 +1,9 @@
+import { returnQuestionHasChildren } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 const isChildReturnQuestion = ({ returnQuestionId, returnQuestion }) => {
     if (returnQuestionId === returnQuestion.id) {
         return true;
     }
-    const children = returnQuestion.children || [];
+    const children = (returnQuestionHasChildren(returnQuestion) && returnQuestion.children) || [];
     for (let index = 0; index < children.length; index++) {
         const isChild = isChildReturnQuestion({
             returnQuestionId,

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/behaviors/useReturnQuestionItem.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from "react";
-import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../components/ReturnQuestionItem";
-type ReturnQuestionItems = Record<ReturnQuestionType, ReturnQuestionItem>;
+type ReturnQuestionItems = Record<ReturnQuestionType, ReturnQuestionItem<ReturnQuestionType>>;
 interface ReturnQuestionItemContextProviderProps {
     readonly returnQuestionItems: ReturnQuestionItems;
     readonly children: ReactNode;
@@ -11,7 +11,7 @@ interface UseReturnQuestionItemFunctionArgs {
     readonly type: ReturnQuestionType;
 }
 interface UseReturnQuestionItemFunction {
-    (args: UseReturnQuestionItemFunctionArgs): ReturnQuestionItem;
+    (args: UseReturnQuestionItemFunctionArgs): ReturnQuestionItem<ReturnQuestionType>;
 }
 declare const useReturnQuestionItem: UseReturnQuestionItemFunction;
 export type { ReturnQuestionItems };

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

@@ -1,11 +1,12 @@
 import { FC, ReactNode } from "react";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
-interface ReturnQuestionItemProps {
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
+interface ReturnQuestionItemProps<RQT extends ReturnQuestionType> {
     readonly returnQuestionParent: ReturnQuestionProjection;
-    readonly returnQuestion: ReturnQuestionProjection;
+    readonly returnQuestion: ReturnQuestionProjection<RQT>;
     readonly children?: ReactNode;
     readonly portalHostName?: string;
     readonly testID?: string;
 }
-type ReturnQuestionItem = FC<ReturnQuestionItemProps>;
+type ReturnQuestionItem<QT extends ReturnQuestionType> = FC<ReturnQuestionItemProps<QT>>;
 export type { ReturnQuestionItem, ReturnQuestionItemProps };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionFeedbackItem/HostDefaultReturnQuestionFeedbackItem.d.ts

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

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionFeedbackItem/HostDefaultReturnQuestionFeedbackItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React from "react";
 const HostDefaultReturnQuestionFeedbackItem = ({ children }) => (React.createElement(React.Fragment, null, children));
 export { HostDefaultReturnQuestionFeedbackItem };

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

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

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,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { TouchableHighlight, View } from "react-native";
 import { ButtonIcon } from "@lookiero/aurora";
@@ -9,7 +10,7 @@ import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQu
 import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
 const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, 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 [modalVisible, setModalVisible] = useState(false);
     const handleOnPress = useCallback(() => setModalVisible(true), []);
     const handleOnModalClose = useCallback(() => setModalVisible(false), []);

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

@@ -3,14 +3,16 @@ import { View } from "react-native";
 import { COLOR, Text } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
 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 { 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 },
             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,14 +1,18 @@
 import { isUuid } from "@lookiero/sty-psp-uuid";
+import { returnQuestionHasChildren, returnQuestionWithTranslationKey, } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc = [], }) => {
     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 [
                     ...acc,
-                    translate(feebackReturnQuestionChild?.name),
+                    ...(returnQuestionWithTranslationKey(feebackReturnQuestionChild)
+                        ? [translate(feebackReturnQuestionChild.translationKey)]
+                        : []),
                     ...feedbackForReturnQuestion({ feedback, returnQuestion: feebackReturnQuestionChild, translate, acc }),
                 ];
             }
@@ -16,17 +20,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,
@@ -38,7 +45,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,
@@ -46,6 +54,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/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/return/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -7,7 +7,7 @@ import { Box, Button, Layout as AuroraLayout, Spinner, Text, View, useDevice } f
 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";

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.18.0";
+export declare const VERSION = "8.20.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "8.18.0";
+export const VERSION = "8.20.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "8.18.0",
+  "version": "8.20.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.ts

@@ -22,7 +22,7 @@ const httpReturnQuestionsByCheckoutItemIdView: HttpReturnQuestionsByCheckoutItem
   ({ httpPost }) =>
   async ({ checkoutItemId, signal }) =>
     await httpPost<ListReturnQuestionsByCheckoutItemIdResponse, ListReturnQuestionsByCheckoutItemIdResult>({
-      endpoint: "/list-return-questions-by-checkout-item-id",
+      endpoint: "/list-return-reasons-by-checkout-item-id",
       body: { checkoutItemId },
       signal,
       result: {

package/src/infrastructure/projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId.test.ts

@@ -4,18 +4,13 @@ import {
   listReturnQuestionsByCheckoutItemIdHandler,
   LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID,
 } from "../../../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
-import { ReturnQuestionProjection, ReturnQuestionType } from "../../../../projection/returnQuestion/returnQuestion";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+import { returnQuestions } from "../returnQuestions.mock";
 import { useListReturnQuestionsByCheckoutItemId as sut } from "./useListReturnQuestionsByCheckoutItemId";
 
 const checkoutItemId = "29790d24-b139-4ab8-b618-d796d101e974";
-const returnQuestionProjection: ReturnQuestionProjection = {
-  id: "efe07b97-f6fb-4b6a-ba92-b68519320b2c",
-  name: "main_title",
-  placeholder: "",
-  type: ReturnQuestionType.HOST_DEFAULT,
-};
-const view = jest.fn().mockReturnValue(returnQuestionProjection);
+
+const view = jest.fn().mockReturnValue(returnQuestions);
 const { Component: Messaging } = bootstrap({ id: MESSAGING_CONTEXT_ID })
   .query(LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemIdHandler, { view })
   .build();
@@ -27,7 +22,7 @@ describe("useListReturnQuestionsByCheckoutItemId integration hook", () => {
     await waitFor(() => {
       const [projection, status] = result.current;
 
-      expect(projection).toStrictEqual(returnQuestionProjection);
+      expect(projection).toStrictEqual(returnQuestions);
       expect(status).toBe(QueryStatus.SUCCESS);
     });
   });