@lookiero/checkout 12.3.0 → 12.5.0

package/dist/src/infrastructure/projection/returnQuestion/returnQuestions.mock.js

@@ -6,76 +6,65 @@ const returnQuestions = [
         type: ReturnQuestionType.HOST_DEFAULT,
         children: [
             {
-                id: "ed396b68-1436-48ab-842f-fbfea996fad4",
-                translationKey: "size",
-                type: ReturnQuestionType.HOST_SELECT,
-                metadata: {
-                    placeholder: "size_placeholder",
-                },
+                id: "0ad1dba8-b02c-4121-a1e3-981f1c30800d",
+                type: ReturnQuestionType.HOST_RADIO_GROUP,
                 children: [
                     {
-                        id: "0ad1dba8-b02c-4121-a1e3-981f1c30800d",
-                        translationKey: "size_title",
-                        type: ReturnQuestionType.HOST_STACK,
+                        id: "9251dc2c-d76a-484d-9299-346929af932f",
+                        translationKey: "size_large",
+                        type: ReturnQuestionType.OPTION,
                         children: [
                             {
-                                id: "9251dc2c-d76a-484d-9299-346929af932f",
-                                translationKey: "size_large",
-                                type: ReturnQuestionType.OPTION,
+                                id: "542c4d24-e1da-484f-8c3a-7d89ee135adc",
+                                type: ReturnQuestionType.HOST_STACK,
                                 children: [
                                     {
-                                        id: "542c4d24-e1da-484f-8c3a-7d89ee135adc",
-                                        type: ReturnQuestionType.HOST_STACK,
-                                        children: [
-                                            {
-                                                id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
-                                                translationKey: "size_overall",
-                                                type: ReturnQuestionType.OPTION,
-                                            },
-                                            {
-                                                id: "85e84a77-461c-41e6-8544-95b5294d0b80",
-                                                translationKey: "size_trousers_too_long",
-                                                type: ReturnQuestionType.OPTION,
-                                            },
-                                            {
-                                                id: "29441d25-8d9f-471e-a13e-a03f61c88091",
-                                                translationKey: "size_fit_cut_does_not_fit",
-                                                type: ReturnQuestionType.OPTION,
-                                            },
-                                        ],
+                                        id: "68c0bb98-b00a-4b86-af43-528fe903cb69",
+                                        translationKey: "size_overall",
+                                        type: ReturnQuestionType.OPTION,
+                                    },
+                                    {
+                                        id: "85e84a77-461c-41e6-8544-95b5294d0b80",
+                                        translationKey: "size_trousers_too_long",
+                                        type: ReturnQuestionType.OPTION,
+                                    },
+                                    {
+                                        id: "29441d25-8d9f-471e-a13e-a03f61c88091",
+                                        translationKey: "size_fit_cut_does_not_fit",
+                                        type: ReturnQuestionType.OPTION,
                                     },
                                 ],
                             },
+                        ],
+                    },
+                    {
+                        id: "a081c3e9-1904-4a60-8899-b72c1a3a0291",
+                        translationKey: "size_correct",
+                        type: ReturnQuestionType.OPTION,
+                    },
+                    {
+                        id: "624cce3d-bd86-463a-b16b-c862ad73d5f3",
+                        translationKey: "size_small",
+                        type: ReturnQuestionType.OPTION,
+                        children: [
                             {
-                                id: "a081c3e9-1904-4a60-8899-b72c1a3a0291",
-                                translationKey: "size_correct",
-                                type: ReturnQuestionType.OPTION,
-                            },
-                            {
-                                id: "624cce3d-bd86-463a-b16b-c862ad73d5f3",
-                                translationKey: "size_small",
-                                type: ReturnQuestionType.OPTION,
+                                id: "58e5ae9a-bc0d-4d27-b267-854a51c2a79a",
+                                type: ReturnQuestionType.HOST_STACK,
                                 children: [
                                     {
-                                        id: "58e5ae9a-bc0d-4d27-b267-854a51c2a79a",
-                                        type: ReturnQuestionType.HOST_STACK,
-                                        children: [
-                                            {
-                                                id: "6a3d11fc-570c-4085-a850-1967228cdd4c",
-                                                translationKey: "size_overall",
-                                                type: ReturnQuestionType.OPTION,
-                                            },
-                                            {
-                                                id: "c27e1936-deea-4dbe-a8f1-fe4fb8564deb",
-                                                translationKey: "size_trousers_too_short",
-                                                type: ReturnQuestionType.OPTION,
-                                            },
-                                            {
-                                                id: "e77232ae-eeec-4722-b2d3-f5c0d34fd0ca",
-                                                translationKey: "size_fit_cut_does_not_fit",
-                                                type: ReturnQuestionType.OPTION,
-                                            },
-                                        ],
+                                        id: "6a3d11fc-570c-4085-a850-1967228cdd4c",
+                                        translationKey: "size_overall",
+                                        type: ReturnQuestionType.OPTION,
+                                    },
+                                    {
+                                        id: "c27e1936-deea-4dbe-a8f1-fe4fb8564deb",
+                                        translationKey: "size_trousers_too_short",
+                                        type: ReturnQuestionType.OPTION,
+                                    },
+                                    {
+                                        id: "e77232ae-eeec-4722-b2d3-f5c0d34fd0ca",
+                                        translationKey: "size_fit_cut_does_not_fit",
+                                        type: ReturnQuestionType.OPTION,
                                     },
                                 ],
                             },

package/dist/src/infrastructure/projection/uiSetting/react/useViewUiSettingByKey.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { UiSettingProjection } from "../../../../projection/uiSetting/viewUiSettingByKey";
+interface UseViewUiSettingByKeyFunctionArgs {
+    readonly key: string;
+}
+interface UseViewUiSettingByKeyFunction {
+    (args: UseViewUiSettingByKeyFunctionArgs): UseQueryFunctionResult<UiSettingProjection>;
+}
+declare const useViewUiSettingByKey: UseViewUiSettingByKeyFunction;
+export { useViewUiSettingByKey };

package/dist/src/infrastructure/projection/uiSetting/react/useViewUiSettingByKey.js

@@ -0,0 +1,11 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { isUiSettingUpdated } from "../../../../domain/uiSetting/model/uiSettingUpdated";
+import { viewUiSettingByKey } from "../../../../projection/uiSetting/viewUiSettingByKey";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useViewUiSettingByKey = ({ key }) => useQuery({
+    query: viewUiSettingByKey({ key }),
+    contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isUiSettingUpdated,
+    options: { refetchOnMount: "always", staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+});
+export { useViewUiSettingByKey };

package/dist/src/infrastructure/projection/uiSetting/storageUiSettingByKeyView.d.ts

@@ -0,0 +1,13 @@
+import { UiSettingByKeyView } from "../../../projection/uiSetting/viewUiSettingByKey";
+import { ReadFunction } from "../../persistence/storage";
+import { UiSettingDto } from "../../persistence/uiSettingData";
+interface StorageUiSettingByKeyView extends UiSettingByKeyView {
+}
+interface StorageUiSettingByKeyViewFunctionArgs {
+    readonly read: ReadFunction<UiSettingDto>;
+}
+interface StorageUiSettingByKeyViewFunction {
+    (args: StorageUiSettingByKeyViewFunctionArgs): StorageUiSettingByKeyView;
+}
+declare const storageUiSettingByKeyView: StorageUiSettingByKeyViewFunction;
+export { storageUiSettingByKeyView };

package/dist/src/infrastructure/projection/uiSetting/storageUiSettingByKeyView.js

@@ -0,0 +1,15 @@
+const toUiSettingProjection = (uiSettingDto) => ({
+    id: uiSettingDto.id,
+    key: uiSettingDto.key,
+    value: uiSettingDto.value,
+});
+const storageUiSettingByKeyView = ({ read }) => async ({ key }) => {
+    try {
+        const uiSettingDto = await read(key);
+        return uiSettingDto ? toUiSettingProjection(uiSettingDto) : null;
+    }
+    catch (ignored) {
+        throw new Error("Could not fetch the uiSetting");
+    }
+};
+export { storageUiSettingByKeyView };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionProjection } from "../../../../../projection/checkoutFeedback/checkoutFeedback";
 interface CheckoutQuestionProps {
     readonly checkoutQuestionParentId: string;
-    readonly checkoutQuestion: CheckoutQuestionProjection;
+    readonly checkoutQuestion: CheckoutFeedbackQuestionProjection;
 }
 declare const _default: React.NamedExoticComponent<CheckoutQuestionProps>;
 export default _default;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestion.js

@@ -1,7 +1,9 @@
 import React, { memo } from "react";
+import { checkoutFeedbackQuestionHasChildren } from "../../../../../projection/checkoutFeedback/checkoutFeedback.typeguards";
 import { useCheckoutQuestionItem } from "./behaviors/useCheckoutQuestionItem";
-const CheckoutQuestion = ({ checkoutQuestion, checkoutQuestionParentId, }) => {
+const CheckoutQuestion = ({ checkoutQuestion, checkoutQuestionParentId }) => {
     const Item = useCheckoutQuestionItem({ type: checkoutQuestion.type });
-    return (React.createElement(Item, { checkoutQuestion: checkoutQuestion, checkoutQuestionParentId: checkoutQuestionParentId, testID: checkoutQuestion.id }, checkoutQuestion.children?.map((childCheckoutQuestion) => (React.createElement(CheckoutQuestion, { key: childCheckoutQuestion.id, checkoutQuestion: childCheckoutQuestion, checkoutQuestionParentId: checkoutQuestion.id })))));
+    return (React.createElement(Item, { checkoutQuestion: checkoutQuestion, checkoutQuestionParentId: checkoutQuestionParentId, testID: checkoutQuestion.id }, checkoutFeedbackQuestionHasChildren(checkoutQuestion) &&
+        checkoutQuestion.children.map((childCheckoutQuestion) => (React.createElement(CheckoutQuestion, { key: childCheckoutQuestion.id, checkoutQuestion: childCheckoutQuestion, checkoutQuestionParentId: checkoutQuestion.id })))));
 };
 export default memo(CheckoutQuestion);

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/CheckoutQuestions.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { CheckoutQuestionProjection } from "../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionProjection } from "../../../../../projection/checkoutFeedback/checkoutFeedback";
 interface CheckoutQuestionsProps {
-    readonly checkoutQuestions: CheckoutQuestionProjection[];
+    readonly checkoutQuestions: CheckoutFeedbackQuestionProjection[];
 }
 declare const CheckoutQuestions: FC<CheckoutQuestionsProps>;
 export { CheckoutQuestions };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem.d.ts

@@ -1,17 +1,17 @@
 import { FC, ReactNode } from "react";
-import { CheckoutQuestionType } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
+import { CheckoutFeedbackQuestionType } from "../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../components/CheckoutQuestionItem";
-type CheckoutQuestionItems = Record<CheckoutQuestionType, CheckoutQuestionItem>;
+type CheckoutQuestionItems = Record<CheckoutFeedbackQuestionType, CheckoutQuestionItem<CheckoutFeedbackQuestionType>>;
 interface CheckoutQuestionItemContextProviderProps {
     readonly checkoutQuestionItems: CheckoutQuestionItems;
     readonly children: ReactNode;
 }
 declare const CheckoutQuestionItemProvider: FC<CheckoutQuestionItemContextProviderProps>;
-interface UseCheckoutQuestionItemFunctionArgs {
-    readonly type: CheckoutQuestionType;
+interface UseCheckoutQuestionItemFunctionArgs<QT extends CheckoutFeedbackQuestionType> {
+    readonly type: QT;
 }
 interface UseCheckoutQuestionItemFunction {
-    (args: UseCheckoutQuestionItemFunctionArgs): CheckoutQuestionItem;
+    <QT extends CheckoutFeedbackQuestionType>(args: UseCheckoutQuestionItemFunctionArgs<QT>): CheckoutQuestionItem<QT>;
 }
 declare const useCheckoutQuestionItem: UseCheckoutQuestionItemFunction;
 export type { CheckoutQuestionItems };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem.js

@@ -6,7 +6,7 @@ const useCheckoutQuestionItem = ({ type }) => {
     const items = useContext(CheckoutQuestionItemContext);
     const item = useMemo(() => items[type], [items, type]);
     invariant(items, "Your are trying to use the useCheckoutQuestionItem hook without wrapping your app with the <CheckoutQuestionItemProvider>.");
-    invariant(item, `The provided CheckoutQuestionType (${type}) is NOT SUPPORTED`);
+    invariant(item, `The provided CheckoutFeedbackQuestionType (${type}) is NOT SUPPORTED`);
     return item;
 };
 export { useCheckoutQuestionItem, CheckoutQuestionItemProvider };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/CheckoutQuestionItem.d.ts

@@ -1,11 +1,12 @@
 import { FC, ReactNode } from "react";
-import { CheckoutQuestionProjection } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
-interface CheckoutQuestionItemProps {
-    readonly checkoutQuestion: CheckoutQuestionProjection;
+import { CheckoutFeedbackQuestionProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
+import { CheckoutFeedbackQuestionType } from "../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
+interface CheckoutQuestionItemProps<CFQT extends CheckoutFeedbackQuestionType> {
+    readonly checkoutQuestion: CheckoutFeedbackQuestionProjection<CFQT>;
     readonly checkoutQuestionParentId: string;
     readonly children?: ReactNode;
     readonly portalHostName?: string;
     readonly testID?: string;
 }
-type CheckoutQuestionItem = FC<CheckoutQuestionItemProps>;
+type CheckoutQuestionItem<CFQT extends CheckoutFeedbackQuestionType> = FC<CheckoutQuestionItemProps<CFQT>>;
 export type { CheckoutQuestionItem, CheckoutQuestionItemProps };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const ButtonCheckoutQuestionItem: CheckoutQuestionItem;
+declare const ButtonCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.BUTTON>;
 export { ButtonCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { TouchableOpacity } from "react-native";
 import { Text } from "@lookiero/aurora";
@@ -8,7 +9,7 @@ import { style as buttonCheckoutQuestionItemStyle } from "./ButtonCheckoutQuesti
 const ACTIVE_OPACITY = 0.6;
 const ButtonCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
-    const optionText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.name });
+    const optionText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.translationKey });
     const handleOnPress = useCallback(() => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: checkoutQuestion.id }), [onChange, checkoutQuestion.id, checkoutQuestionParentId]);
     const style = useMemo(() => buttonCheckoutQuestionItemStyle(), []);
     const checked = feedback === checkoutQuestion.id;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const HostDefaultCheckoutQuestionItem: CheckoutQuestionItem;
+declare const HostDefaultCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.HOST_DEFAULT>;
 export { HostDefaultCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.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 { useI18nMessage } from "@lookiero/i18n-react";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { style as hostDefaultCheckoutQuestionItemStyle } from "./HostDefaultCheckoutQuestionItem.style";
 const HostDefaultCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
-    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.name });
+    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.translationKey });
     const style = useMemo(() => hostDefaultCheckoutQuestionItemStyle(), []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Text, { level: 3, style: style.title }, titleText),

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const HostSelectCheckoutQuestionItem: CheckoutQuestionItem;
+declare const HostSelectCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.HOST_SELECT>;
 export { HostSelectCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.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 { useI18nMessage } from "@lookiero/i18n-react";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { style as hostSelectCheckoutQuestionItemStyle } from "./HostSelectCheckoutQuestionItem.style";
 const HostSelectCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
-    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.name });
+    const titleText = useI18nMessage({ domain: DOMAIN, id: checkoutQuestion.translationKey });
     const style = useMemo(() => hostSelectCheckoutQuestionItemStyle(), []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Text, { level: 3, style: style.title }, titleText),

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.d.ts

@@ -1,5 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-type IconName = "checkout_question.icon.bad" | "checkout_question.icon.regular" | "checkout_question.icon.good";
-declare const IconCheckoutQuestionItem: CheckoutQuestionItem;
-export type { IconName };
+declare const IconCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.ICON>;
 export { IconCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { Pressable } from "react-native";
 import invariant from "tiny-invariant";
@@ -7,15 +8,12 @@ import { Happy } from "./icons/Happy";
 import { Normal } from "./icons/Normal";
 import { Sad } from "./icons/Sad";
 const ICON = {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.bad": Sad,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.regular": Normal,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.good": Happy,
+    ["checkout_feedback.icon.bad"]: Sad,
+    ["checkout_feedback.icon.regular"]: Normal,
+    ["checkout_feedback.icon.good"]: Happy,
 };
 const IconCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
-    const Icon = ICON[checkoutQuestion.name];
+    const Icon = ICON[checkoutQuestion.metadata.icon];
     const style = useMemo(() => iconCheckoutQuestionItemStyle(), []);
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
     const isSelected = feedback === checkoutQuestion.id;

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.d.ts

@@ -1,3 +1,4 @@
+import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";
-declare const TextareaCheckoutQuestionItem: CheckoutQuestionItem;
+declare const TextareaCheckoutQuestionItem: CheckoutQuestionItem<CheckoutFeedbackQuestionType.TEXTAREA>;
 export { TextareaCheckoutQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.js

@@ -1,3 +1,4 @@
+/* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { useI18n } from "@lookiero/i18n-react";
 import { InputField, TextInput } from "@lookiero/sty-psp-ui";
@@ -6,7 +7,7 @@ import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQue
 import { style as textareaCheckoutQuestionItemStyle } from "./TextareaCheckoutQuestionItem.style";
 const TextareaCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
     const { formatMessage } = useI18n({ domain: DOMAIN });
-    const placeholderText = useMemo(() => (checkoutQuestion.placeholder ? formatMessage({ id: checkoutQuestion.placeholder }) : ""), [formatMessage, checkoutQuestion.placeholder]);
+    const placeholderText = useMemo(() => (checkoutQuestion.metadata.placeholder ? formatMessage({ id: checkoutQuestion.metadata.placeholder }) : ""), [formatMessage, checkoutQuestion.metadata.placeholder]);
     const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
     const handleOnChange = useCallback((value) => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: value }), [onChange, checkoutQuestionParentId]);
     const style = useMemo(() => textareaCheckoutQuestionItemStyle(), []);

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

@@ -3,7 +3,6 @@ import React, { useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
 import { useI18n } from "@lookiero/i18n-react";
-import { returnQuestionWithTranslationKey } from "../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 import { DOMAIN, I18nMessages } from "../../../../../i18n/i18n";
 import { style as hostDefaultReturnQuestionItemStyle } from "./HostDefaultReturnQuestionItem.style";
 const HostDefaultReturnQuestionItem = ({ returnQuestion, children, }) => {
@@ -11,7 +10,7 @@ const HostDefaultReturnQuestionItem = ({ returnQuestion, children, }) => {
     const isAllOptions = returnQuestion.translationKey === I18nMessages.RETURN_QUESTION_MAIN_ALL_OPINION;
     const style = useMemo(() => hostDefaultReturnQuestionItemStyle(), []);
     return (React.createElement(React.Fragment, null,
-        returnQuestionWithTranslationKey(returnQuestion) && returnQuestion.translationKey !== " " && !isAllOptions ? (React.createElement(View, { style: style.title },
+        returnQuestion.translationKey && returnQuestion.translationKey !== " " && !isAllOptions ? (React.createElement(View, { style: style.title },
             React.createElement(Text, { level: 3, action: true }, formatMessage({ id: returnQuestion.translationKey })))) : null,
         children));
 };

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

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

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.js

@@ -0,0 +1,17 @@
+/* eslint-disable react/prop-types */
+import React, { useMemo } from "react";
+import { View } from "react-native";
+import { Text } from "@lookiero/aurora";
+import { useI18n } from "@lookiero/i18n-react";
+import { DOMAIN } from "../../../../../i18n/i18n";
+import { style as hostLegacyRadioGroupReturnQuestionItemStyle } from "./HostLegacyRadioGroupReturnQuestionItem.style";
+const HostLegacyRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
+    const { formatMessage } = useI18n({ domain: DOMAIN });
+    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
+    const style = useMemo(() => hostLegacyRadioGroupReturnQuestionItemStyle(), []);
+    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),
+            children)));
+};
+export { HostLegacyRadioGroupReturnQuestionItem };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.style.d.ts

@@ -0,0 +1,11 @@
+declare const style: () => {
+    title: {
+        marginBottom: number;
+    };
+    wrapper: {
+        backgroundColor: string;
+        marginBottom: number;
+        padding: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.style.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const style = () => {
+    const { colorBgBase, space2, space6 } = theme();
+    return StyleSheet.create({
+        title: {
+            marginBottom: space2,
+        },
+        wrapper: {
+            backgroundColor: colorBgBase,
+            marginBottom: space2,
+            padding: space6,
+        },
+    });
+};
+export { style };

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

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

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

@@ -7,11 +7,9 @@ import { DOMAIN } from "../../../../../i18n/i18n";
 import { style as hostRadioGroupReturnQuestionItemStyle } from "./HostRadioGroupReturnQuestionItem.style";
 const HostRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
     const { formatMessage } = useI18n({ domain: DOMAIN });
-    const placeholderText = useMemo(() => (returnQuestion.metadata.placeholder ? formatMessage({ id: returnQuestion.metadata.placeholder }) : ""), [formatMessage, returnQuestion.metadata.placeholder]);
     const style = useMemo(() => hostRadioGroupReturnQuestionItemStyle(), []);
-    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),
-            children)));
+    return (React.createElement(View, { style: style.wrapper, testID: testID },
+        returnQuestion.translationKey && (React.createElement(Text, { level: 3, style: style.title, action: true }, formatMessage({ id: returnQuestion.translationKey }))),
+        children));
 };
 export { HostRadioGroupReturnQuestionItem };

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

@@ -8,15 +8,14 @@ import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeed
 import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
 import { style as returnQuestionFeedbackItemStyle } from "./ReturnQuestionFeedbackItem.style";
 const ReturnQuestionFeedbackItem = ({ returnQuestion }) => {
-    const titleText = useI18nMessage({ domain: DOMAIN, id: returnQuestion.translationKey });
+    const { formatMessage } = useI18n({ domain: DOMAIN });
     const unansweredText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.FEEDBACK_UNANSWERED });
     const returnQuestionFeedback = useReturnQuestionFeedback();
-    const { formatMessage } = useI18n({ domain: DOMAIN });
     const translate = useCallback((returnQuestionName) => formatMessage({ id: returnQuestionName, defaultMessage: returnQuestionName }), [formatMessage]);
     const feedback = feedbackForReturnQuestion({ feedback: returnQuestionFeedback, returnQuestion, translate }).join(" / ");
     const style = useMemo(() => returnQuestionFeedbackItemStyle(), []);
     return (React.createElement(View, { style: style.container },
-        React.createElement(Text, { level: 2, style: style.title, detailBold: true }, titleText),
+        returnQuestion.translationKey && (React.createElement(Text, { level: 2, style: style.title, detailBold: true }, formatMessage({ id: returnQuestion.translationKey }))),
         React.createElement(Text, { level: 1, detail: true }, feedback || unansweredText)));
 };
 export { ReturnQuestionFeedbackItem };

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

@@ -1,5 +1,5 @@
 import { isUuid } from "@lookiero/sty-psp-uuid";
-import { returnQuestionHasChildren, returnQuestionWithTranslationKey, } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
+import { returnQuestionHasChildren } from "../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc = [], }) => {
     const returnQuestionId = Object.keys(feedback).find((id) => id === returnQuestion.id);
     if (returnQuestionId) {
@@ -10,9 +10,7 @@ const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc =
             if (feebackReturnQuestionChild) {
                 return [
                     ...acc,
-                    ...(returnQuestionWithTranslationKey(feebackReturnQuestionChild)
-                        ? [translate(feebackReturnQuestionChild.translationKey)]
-                        : []),
+                    ...(feebackReturnQuestionChild.translationKey ? [translate(feebackReturnQuestionChild.translationKey)] : []),
                     ...feedbackForReturnQuestion({ feedback, returnQuestion: feebackReturnQuestionChild, translate, acc }),
                 ];
             }

package/dist/src/infrastructure/ui/hooks/useSubmitCheckout.d.ts

@@ -0,0 +1,27 @@
+import { RefObject } from "react";
+import { PaymentFlowRef } from "@lookiero/payments-front";
+import { Logger } from "@lookiero/sty-psp-logging";
+import { PaymentFlowPayloadProjection } from "../../../projection/payment/paymentFlowPayload";
+type Status = "idle" | "loading" | "success" | "error";
+interface SubmitCheckoutFunctionArgs {
+    readonly paymentFlowPayload: PaymentFlowPayloadProjection;
+    readonly sizeChangeEnabled: boolean;
+}
+interface SubmitCheckoutFunction {
+    (args: SubmitCheckoutFunctionArgs): Promise<void>;
+}
+type UseSubmitCheckoutResult = [submitCheckout: SubmitCheckoutFunction, status: Status];
+interface UseSubmitCheckoutFunctionArgs {
+    readonly checkoutId: string;
+    readonly checkoutBookingId: string;
+    readonly paymentFlowRef: RefObject<PaymentFlowRef>;
+    readonly onError: () => void;
+    readonly onSuccess?: () => void;
+    readonly logger: Logger;
+}
+interface UseSubmitCheckoutFunction {
+    (args: UseSubmitCheckoutFunctionArgs): UseSubmitCheckoutResult;
+}
+declare const useSubmitCheckout: UseSubmitCheckoutFunction;
+export type { Status, SubmitCheckoutFunction };
+export { useSubmitCheckout };