@lookiero/checkout 8.14.0 → 8.17.0

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

@@ -1,10 +1,8 @@
 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, returnQuestionHasChildren(returnQuestion) &&
-            returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion }))))));
+        React.createElement(React.Fragment, null, 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,9 +1,8 @@
-import { returnQuestionHasChildren } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 const isChildReturnQuestion = ({ returnQuestionId, returnQuestion }) => {
     if (returnQuestionId === returnQuestion.id) {
         return true;
     }
-    const children = (returnQuestionHasChildren(returnQuestion) && returnQuestion.children) || [];
+    const children = 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.constants";
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { ReturnQuestionItem } from "../components/ReturnQuestionItem";
-type ReturnQuestionItems = Record<ReturnQuestionType, ReturnQuestionItem<ReturnQuestionType>>;
+type ReturnQuestionItems = Record<ReturnQuestionType, ReturnQuestionItem>;
 interface ReturnQuestionItemContextProviderProps {
     readonly returnQuestionItems: ReturnQuestionItems;
     readonly children: ReactNode;
@@ -11,7 +11,7 @@ interface UseReturnQuestionItemFunctionArgs {
     readonly type: ReturnQuestionType;
 }
 interface UseReturnQuestionItemFunction {
-    (args: UseReturnQuestionItemFunctionArgs): ReturnQuestionItem<ReturnQuestionType>;
+    (args: UseReturnQuestionItemFunctionArgs): ReturnQuestionItem;
 }
 declare const useReturnQuestionItem: UseReturnQuestionItemFunction;
 export type { ReturnQuestionItems };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -6,7 +5,7 @@ import { useIntl } from "@lookiero/i18n-react";
 import { style } from "./HostRadioGroupReturnQuestionItem.style";
 const HostRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
     const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
+    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.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,4 +1,3 @@
-import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const HostSelectReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_SELECT>;
+declare const HostSelectReturnQuestionItem: ReturnQuestionItem;
 export { HostSelectReturnQuestionItem };

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { TouchableHighlight, View } from "react-native";
 import { ButtonIcon } from "@lookiero/aurora";
@@ -10,7 +9,7 @@ import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQu
 import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
 const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, testID, }) => {
     const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
+    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.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,4 +1,3 @@
-import { ReturnQuestionType } from "../../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../../ReturnQuestionItem";
-declare const HostStackReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.HOST_STACK>;
+declare const HostStackReturnQuestionItem: ReturnQuestionItem;
 export { HostStackReturnQuestionItem };

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

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

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

@@ -1,10 +1,8 @@
-/* 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";
@@ -14,15 +12,15 @@ const HostStackReturnQuestionItem = ({ returnQuestion, children, portalHostName,
     const feedbackReturnQuestion = feedback
         ? returnQuestion.children?.find((returnQuestion) => returnQuestion.id === feedback)
         : undefined;
-    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 titleText = useMemo(() => (returnQuestion.name ? formatMessage({ id: returnQuestion.name }) : undefined), [formatMessage, returnQuestion.name]);
+    const feedbackText = useMemo(() => (feedbackReturnQuestion ? formatMessage({ id: feedbackReturnQuestion.name }) : 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 && returnQuestionHasChildren(feedbackReturnQuestion) ? (React.createElement(React.Fragment, null,
+            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,16 +3,14 @@ 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.translationKey });
+    const title = formatMessage({ id: returnQuestion.name });
     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, returnQuestionHasChildren(returnQuestion) &&
-                returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: "", returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion })))))));
+            React.createElement(React.Fragment, null, 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,4 +1,3 @@
-import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const OptionReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.OPTION>;
+declare const OptionReturnQuestionItem: ReturnQuestionItem;
 export { OptionReturnQuestionItem };

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import React, { useCallback } from "react";
 import { TouchableHighlight } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -7,7 +6,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.translationKey });
+    const optionText = useI18nMessage({ id: returnQuestion.name });
     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,4 +1,3 @@
-import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const RadioReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.OPTION>;
+declare const RadioReturnQuestionItem: ReturnQuestionItem;
 export { RadioReturnQuestionItem };

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

@@ -1,4 +1,3 @@
-/* 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";
@@ -13,7 +12,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.translationKey });
+    const optionText = intl.formatMessage({ id: returnQuestion.name });
     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,4 +1,3 @@
-import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const ReturnQuestionFeedbackItem: ReturnQuestionItem<ReturnQuestionType.HOST_DEFAULT>;
+declare const ReturnQuestionFeedbackItem: ReturnQuestionItem;
 export { ReturnQuestionFeedbackItem };

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

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import React, { useCallback } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -8,7 +7,7 @@ import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeed
 import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
 import { style } from "./ReturnQuestionFeedbackItem.style";
 const ReturnQuestionFeedbackItem = ({ returnQuestion }) => {
-    const titleText = useI18nMessage({ id: returnQuestion.translationKey });
+    const titleText = useI18nMessage({ id: returnQuestion.name });
     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,4 +1,3 @@
-import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";
-declare const TextareaReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.TEXTAREA>;
+declare const TextareaReturnQuestionItem: ReturnQuestionItem;
 export { TextareaReturnQuestionItem };

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

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

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

@@ -1,21 +1,14 @@
-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);
-};
+import { isUuid } from "@lookiero/sty-psp-uuid";
 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 = returnQuestionHasChildren(returnQuestion) &&
-                returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
+            const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
             if (feebackReturnQuestionChild) {
                 return [
                     ...acc,
-                    ...(returnQuestionWithTranslationKey(feebackReturnQuestionChild)
-                        ? [translate(feebackReturnQuestionChild.translationKey)]
-                        : []),
+                    translate(feebackReturnQuestionChild?.name),
                     ...feedbackForReturnQuestion({ feedback, returnQuestion: feebackReturnQuestionChild, translate, acc }),
                 ];
             }
@@ -23,20 +16,17 @@ const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc =
         }
         return [...acc, returnQuestionFeedback];
     }
-    return ((returnQuestionHasChildren(returnQuestion) &&
-        returnQuestion.children?.reduce((acc, childReturnQuestion) => [
-            ...acc,
-            ...feedbackForReturnQuestion({ feedback, returnQuestion: childReturnQuestion, translate, acc }),
-        ], [])) ||
-        []);
+    return (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 = returnQuestionHasChildren(returnQuestion) &&
-                returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
+            const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
             if (feebackReturnQuestionChild) {
                 return deepestReturnQuestionWithFeedbackForReturnQuestion({
                     feedback,
@@ -48,8 +38,7 @@ const deepestReturnQuestionWithFeedbackForReturnQuestion = ({ feedback, returnQu
         }
         return [returnQuestion, false];
     }
-    const feebackReturnQuestionChild = returnQuestionHasChildren(returnQuestion) &&
-        returnQuestion.children?.find((childReturnQuestion) => Object.keys(feedback).find((id) => id === childReturnQuestion.id));
+    const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => Object.keys(feedback).find((id) => id === childReturnQuestion.id));
     if (feebackReturnQuestionChild) {
         return deepestReturnQuestionWithFeedbackForReturnQuestion({
             feedback,
@@ -57,7 +46,6 @@ const deepestReturnQuestionWithFeedbackForReturnQuestion = ({ feedback, returnQu
             deepestReturnQuestion: feebackReturnQuestionChild,
         });
     }
-    const hasChildren = Boolean(returnQuestionHasChildren(returnQuestion) && returnQuestion.children && returnQuestion.children.length > 0);
-    return [deepestReturnQuestion, !hasChildren];
+    return [deepestReturnQuestion, !returnQuestion.children || returnQuestion.children.length === 0];
 };
 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.constants";
+import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
 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.constants";
+import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { useReturnCheckoutItem } from "../../../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useListReturnQuestionsByCheckoutItemId } from "../../../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
 import { TrackingPage } from "../../../../../tracking/tracking";

package/dist/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.js

@@ -16,7 +16,7 @@ const CheckoutItemsTabs = ({ tabIndex, checkoutItemsKept, checkoutItemsReturned,
     const keepEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_EMPTY });
     const returnEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_EMPTY });
     const handleOnPressItem = useCallback((checkoutItemId) => onPressItem(checkoutItemId), [onPressItem]);
-    const data = useMemo(() => [0, 0], []);
+    const data = useMemo(() => [{ id: "0" }, { id: "1" }], []);
     const renderItem = useCallback(({ index }) => index === 0 ? (checkoutItemsKept.length === 0 ? (React.createElement(Text, { style: style.emptyText }, keepEmptyText)) : (React.createElement(React.Fragment, null, checkoutItemsKept.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemStatus: checkoutItem.status, country: country, testID: "keep-checkout-item", checkoutItemProductVariant: checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
             ? checkoutItem.replacedFor
             : checkoutItem.productVariant, onPress: () => handleOnPressItem(checkoutItem.id) })))))) : checkoutItemsReturned.length === 0 ? (React.createElement(Text, { style: style.emptyText }, returnEmptyText)) : (React.createElement(React.Fragment, null, checkoutItemsReturned.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemProductVariant: checkoutItem.productVariant, checkoutItemStatus: checkoutItem.status, country: country, testID: "return-checkout-item", onPress: () => handleOnPressItem(checkoutItem.id) }))))), [checkoutItemsKept, checkoutItemsReturned, country, handleOnPressItem, keepEmptyText, returnEmptyText]);

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

@@ -1,24 +1,17 @@
-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 ? {
+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 {
     readonly id: string;
-    readonly type: K;
-} & ReturnQuestionTranslationKey<K> & ReturnQuestionChildren<K> & ReturnQuestionMetadata<K> : never;
-export type { ReturnQuestion as ReturnQuestionProjection, ReturnQuestionTypesWithOptionalTranslationKeys, ReturnQuestionTypesWithChildren, };
+    readonly name: string;
+    readonly placeholder: string;
+    readonly type: ReturnQuestionType;
+    readonly children?: ReturnQuestionProjection[];
+}
+export { ReturnQuestionType };
+export type { ReturnQuestionProjection };

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

@@ -1 +1,11 @@
-export {};
+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 };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "8.14.0";
+export declare const VERSION = "8.17.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "8.14.0";
+export const VERSION = "8.17.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "8.14.0",
+  "version": "8.17.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -28,10 +28,10 @@
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^0.1",
     "@lookiero/sty-psp-tracking": "^0.1",
-    "@lookiero/sty-psp-ui": "^0.5",
+    "@lookiero/sty-psp-ui": "^0.6",
     "@lookiero/sty-psp-ui-settings": "^0.1",
     "@lookiero/sty-psp-units": "^0.1",
-    "@lookiero/sty-psp-uuid": "^0.1",
+    "@lookiero/sty-psp-uuid": "^0.2",
     "@react-native-async-storage/async-storage": "^1.22.3",
     "@react-spring/native": "9.6.1",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
@@ -73,7 +73,7 @@
     "react": ">=18",
     "react-native": ">=0.71",
     "react-native-get-random-values": ">=1.9",
-    "react-native-reanimated": ">=3.3",
+    "react-native-reanimated": ">=3.7",
     "react-native-safe-area-context": ">=4.5",
     "react-router-dom": ">=6.14",
     "react-router-native": ">=6.14",

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

@@ -4,13 +4,18 @@ 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 view = jest.fn().mockReturnValue(returnQuestions);
+const returnQuestionProjection: ReturnQuestionProjection = {
+  id: "efe07b97-f6fb-4b6a-ba92-b68519320b2c",
+  name: "main_title",
+  placeholder: "",
+  type: ReturnQuestionType.HOST_DEFAULT,
+};
+const view = jest.fn().mockReturnValue(returnQuestionProjection);
 const { Component: Messaging } = bootstrap({ id: MESSAGING_CONTEXT_ID })
   .query(LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemIdHandler, { view })
   .build();
@@ -22,7 +27,7 @@ describe("useListReturnQuestionsByCheckoutItemId integration hook", () => {
     await waitFor(() => {
       const [projection, status] = result.current;
 
-      expect(projection).toStrictEqual(returnQuestions);
+      expect(projection).toStrictEqual(returnQuestionProjection);
       expect(status).toBe(QueryStatus.SUCCESS);
     });
   });