@lookiero/checkout 5.1.1 → 5.1.2

package/dist/infrastructure/ui/components/organisms/returnQuestions/ReturnQuestion.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReturnQuestionProjection } from "../../../../../projection/returnQuestion/returnQuestion";
 interface ReturnQuestionProps {
-    readonly returnQuestionParentId: string;
+    readonly returnQuestionParent: ReturnQuestionProjection;
     readonly returnQuestion: ReturnQuestionProjection;
     readonly portalHostName?: string;
 }

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

@@ -1,8 +1,8 @@
 import React, { memo } from "react";
 import { useReturnQuestionItem } from "./behaviors/useReturnQuestionItem";
-const ReturnQuestion = ({ returnQuestion, returnQuestionParentId, portalHostName, }) => {
+const ReturnQuestion = ({ returnQuestionParent, returnQuestion, portalHostName }) => {
     const Item = useReturnQuestionItem({ type: returnQuestion.type });
-    return (React.createElement(Item, { portalHostName: portalHostName, returnQuestion: returnQuestion, returnQuestionParentId: returnQuestionParentId, testID: returnQuestion.id },
-        React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParentId: returnQuestion.id }))))));
+    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 }))))));
 };
 export default memo(ReturnQuestion);

package/dist/infrastructure/ui/components/organisms/returnQuestions/ReturnQuestions.js

@@ -1,4 +1,4 @@
 import React from "react";
 import ReturnQuestion from "./ReturnQuestion";
-const ReturnQuestions = ({ returnQuestions, portalHostName }) => (React.createElement(React.Fragment, null, returnQuestions.map((returnQuestion) => (React.createElement(ReturnQuestion, { key: returnQuestion.id, portalHostName: portalHostName, returnQuestion: returnQuestion, returnQuestionParentId: "" })))));
+const ReturnQuestions = ({ returnQuestions, portalHostName }) => (React.createElement(React.Fragment, null, returnQuestions.map((returnQuestion) => (React.createElement(ReturnQuestion, { key: returnQuestion.id, portalHostName: portalHostName, returnQuestion: returnQuestion, returnQuestionParent: {} })))));
 export { ReturnQuestions };

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

@@ -0,0 +1,10 @@
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+interface IsChildReturnQuestionFunctionArgs {
+    readonly returnQuestionId: string;
+    readonly returnQuestion: ReturnQuestionProjection;
+}
+interface IsChildReturnQuestionFunction {
+    (args: IsChildReturnQuestionFunctionArgs): boolean;
+}
+declare const isChildReturnQuestion: IsChildReturnQuestionFunction;
+export { isChildReturnQuestion };

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

@@ -0,0 +1,17 @@
+const isChildReturnQuestion = ({ returnQuestionId, returnQuestion }) => {
+    if (returnQuestionId === returnQuestion.id) {
+        return true;
+    }
+    const children = returnQuestion.children || [];
+    for (let index = 0; index < children.length; index++) {
+        const isChild = isChildReturnQuestion({
+            returnQuestionId,
+            returnQuestion: children[index],
+        });
+        if (isChild) {
+            return true;
+        }
+    }
+    return false;
+};
+export { isChildReturnQuestion };

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from "react";
 import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
 interface OnChangeReturnQuestionFeedbackFunctionArgs {
     readonly returnQuestionId: string;
     readonly returnQuestionFeedback: string | undefined;
@@ -12,18 +13,19 @@ interface ReturnQuestionFeedbackContextProviderProps {
     readonly children: ReactNode;
 }
 declare const ReturnQuestionFeedbackProvider: FC<ReturnQuestionFeedbackContextProviderProps>;
-interface UseReturnQuestionFeedbackForIdFunctionArgs {
-    readonly id: string;
+interface UseReturnQuestionFeedbackForReturnQuestionFunctionArgs {
+    readonly returnQuestion: ReturnQuestionProjection;
 }
-interface UseReturnQuestionFeedbackForIdFunction {
-    (args: UseReturnQuestionFeedbackForIdFunctionArgs): {
+interface UseReturnQuestionFeedbackForReturnQuestionFunction {
+    (args: UseReturnQuestionFeedbackForReturnQuestionFunctionArgs): {
         readonly feedback: string | undefined;
         readonly onChange: OnChangeReturnQuestionFeedbackFunction;
+        readonly clear: () => void;
     };
 }
-declare const useReturnQuestionFeedbackForId: UseReturnQuestionFeedbackForIdFunction;
+declare const useReturnQuestionFeedbackForReturnQuestion: UseReturnQuestionFeedbackForReturnQuestionFunction;
 interface UseReturnQuestionFeedbackFunction {
     (): FeedbackProjection;
 }
 declare const useReturnQuestionFeedback: UseReturnQuestionFeedbackFunction;
-export { useReturnQuestionFeedbackForId, useReturnQuestionFeedback, ReturnQuestionFeedbackProvider };
+export { useReturnQuestionFeedbackForReturnQuestion, useReturnQuestionFeedback, ReturnQuestionFeedbackProvider };

package/dist/infrastructure/ui/components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback.js

@@ -1,23 +1,42 @@
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import invariant from "tiny-invariant";
+import { isChildReturnQuestion } from "./isChildReturnQuestion";
 const ReturnQuestionFeedbackContext = createContext(null);
 const ReturnQuestionFeedbackProvider = ({ feedback = {}, children, }) => {
     const [contextFeedback, setContextFeedback] = useState(feedback);
-    const onChange = useCallback(({ returnQuestionId, returnQuestionFeedback }) => setContextFeedback((feedback) => returnQuestionFeedback
-        ? { ...feedback, [returnQuestionId]: returnQuestionFeedback }
-        : Object.entries(feedback).reduce((acc, [id, feedback]) => (id !== returnQuestionId ? { ...acc, [id]: feedback } : acc), {})), []);
+    const [contextValues, setContextValues] = useState({});
+    const onChange = useCallback(({ returnQuestionId, returnQuestionFeedback }) => {
+        setContextFeedback((feedback) => returnQuestionFeedback
+            ? { ...feedback, [returnQuestionId]: returnQuestionFeedback }
+            : Object.entries(feedback).reduce((acc, [id, feedback]) => (id !== returnQuestionId ? { ...acc, [id]: feedback } : acc), {}));
+    }, []);
+    const clear = useCallback(({ returnQuestion }) => setContextFeedback((feedback) => Object.fromEntries(Object.entries(feedback).filter(([feedbackReturnQuestionId]) => !isChildReturnQuestion({
+        returnQuestionId: feedbackReturnQuestionId,
+        returnQuestion,
+    })))), []);
+    const setValues = useCallback((values) => {
+        setContextValues(values);
+    }, []);
     useEffect(() => setContextFeedback(feedback), [feedback]);
     const value = useMemo(() => ({
         feedback: contextFeedback,
         onChange,
-    }), [contextFeedback, onChange]);
+        clear,
+        values: contextValues,
+        setValues,
+    }), [clear, contextFeedback, contextValues, onChange, setValues]);
     return React.createElement(ReturnQuestionFeedbackContext.Provider, { value: value }, children);
 };
-const useReturnQuestionFeedbackForId = ({ id }) => {
+const useReturnQuestionFeedbackForReturnQuestion = ({ returnQuestion, }) => {
     const returnQuestionFeedbackContext = useContext(ReturnQuestionFeedbackContext);
-    invariant(returnQuestionFeedbackContext, "Your are trying to use the useReturnQuestionFeedbackForId hook without wrapping your app with the <ReturnQuestionFeedbackProvider>.");
-    const { feedback, onChange } = returnQuestionFeedbackContext;
-    return { feedback: feedback[id], onChange };
+    invariant(returnQuestionFeedbackContext, "Your are trying to use the useReturnQuestionFeedbackForReturnQuestion hook without wrapping your app with the <ReturnQuestionFeedbackProvider>.");
+    const { feedback, onChange, clear } = returnQuestionFeedbackContext;
+    const clearReturnQuestionFeedback = useCallback(() => clear({ returnQuestion }), [clear, returnQuestion]);
+    return {
+        feedback: feedback[returnQuestion.id],
+        onChange,
+        clear: clearReturnQuestionFeedback,
+    };
 };
 const useReturnQuestionFeedback = () => {
     const returnQuestionFeedbackContext = useContext(ReturnQuestionFeedbackContext);
@@ -25,4 +44,4 @@ const useReturnQuestionFeedback = () => {
     const { feedback } = returnQuestionFeedbackContext;
     return feedback;
 };
-export { useReturnQuestionFeedbackForId, useReturnQuestionFeedback, ReturnQuestionFeedbackProvider };
+export { useReturnQuestionFeedbackForReturnQuestion, useReturnQuestionFeedback, ReturnQuestionFeedbackProvider };

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

@@ -1,8 +1,8 @@
 import { FC, ReactNode } from "react";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
 interface ReturnQuestionItemProps {
+    readonly returnQuestionParent: ReturnQuestionProjection;
     readonly returnQuestion: ReturnQuestionProjection;
-    readonly returnQuestionParentId: string;
     readonly children?: ReactNode;
     readonly portalHostName?: string;
     readonly testID?: string;

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

@@ -1,4 +1,4 @@
-import { Text } from "@lookiero/aurora";
+import { Text, View } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React from "react";
 import { I18nMessages } from "../../../../../i18n/i18n";
@@ -7,7 +7,8 @@ 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,
-        titleText && titleText !== " " ? (React.createElement(Text, { level: 3, style: [style.title, isAllOptions ? style.allOptionsTitle : undefined] }, titleText)) : null,
+        titleText && titleText !== " " ? (React.createElement(View, { style: [style.title, isAllOptions ? style.allOptionsTitle : undefined] },
+            React.createElement(Text, { level: 3, action: true }, titleText))) : null,
         children));
 };
 export { HostDefaultReturnQuestionItem };

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

@@ -3,7 +3,10 @@ declare const style: {
         display: "none";
     };
     title: {
-        marginBottom: number;
+        backgroundColor: string;
+        paddingBottom: number;
+        paddingHorizontal: number;
+        paddingTop: number;
     };
 };
 export { style };

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

@@ -1,12 +1,15 @@
 import { Theme } from "@lookiero/aurora";
 import { StyleSheet } from "react-native";
-const { space4 } = Theme.get();
+const { colorBgBase, space4, space6 } = Theme.get();
 const style = StyleSheet.create({
     allOptionsTitle: {
         display: "none",
     },
     title: {
-        marginBottom: space4,
+        backgroundColor: colorBgBase,
+        paddingBottom: space4,
+        paddingHorizontal: space6,
+        paddingTop: space6,
     },
 });
 export { style };

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

@@ -0,0 +1,4 @@
+import { ReturnQuestionItem } from "../ReturnQuestionItem";
+import { style } from "./HostRadioGroupReturnQuestionItem.style";
+declare const HostRadioGroupReturnQuestionItem: ReturnQuestionItem;
+export { HostRadioGroupReturnQuestionItem, style };

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

@@ -0,0 +1,14 @@
+import { Text } from "@lookiero/aurora";
+import { useIntl } from "@lookiero/i18n-react";
+import React, { useMemo } from "react";
+import { View } from "react-native";
+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]);
+    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 { HostRadioGroupReturnQuestionItem, style };

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

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

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

@@ -0,0 +1,14 @@
+import { Theme } from "@lookiero/aurora";
+import { StyleSheet } from "react-native";
+const { colorBgBase, space2, space6 } = Theme.get();
+const style = StyleSheet.create({
+    title: {
+        marginBottom: space2,
+    },
+    wrapper: {
+        backgroundColor: colorBgBase,
+        marginBottom: space2,
+        padding: space6,
+    },
+});
+export { style };

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

@@ -4,7 +4,7 @@ import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { TouchableHighlight, View } from "react-native";
 import { Modal } from "../../../../../../../shared/ui/components/layouts/modal/Modal";
 import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
-import { useReturnQuestionFeedback, useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import { useReturnQuestionFeedback, useReturnQuestionFeedbackForReturnQuestion, } from "../../behaviors/useReturnQuestionFeedback";
 import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQuestion, } from "../../util/returnQuestionFeedback";
 import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
 const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, testID, }) => {
@@ -14,7 +14,7 @@ const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName
     const handleOnPress = useCallback(() => setModalVisible(true), []);
     const handleOnModalClose = useCallback(() => setModalVisible(false), []);
     const feedback = useReturnQuestionFeedback();
-    const { onChange } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
+    const { onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion });
     const intl = useIntl();
     const translate = useCallback((returnQuestionName) => intl.formatMessage({ id: returnQuestionName, defaultMessage: returnQuestionName }), [intl]);
     const inputValue = feedbackForReturnQuestion({ feedback, returnQuestion, translate }).join(" / ");
@@ -34,7 +34,7 @@ const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName
         React.createElement(TouchableHighlight, { accessibilityLabel: testID, style: style.container, testID: testID, underlayColor: containerUnderlayColor, accessible: true, onPress: handleOnPress },
             React.createElement(View, { pointerEvents: "none" },
                 React.createElement(InputField, { editable: false, icon: "arrow_down", label: placeholderText, value: inputValue }))),
-        React.createElement(Modal, { portalHostName: portalHostName, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow_left", testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
+        React.createElement(Modal, { portalHostName: portalHostName, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow_left", style: style.backButton, testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
             React.createElement(View, { style: style.modalContent }, children))));
 };
 export { HostSelectReturnQuestionItem };

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

@@ -1,5 +1,8 @@
 declare const containerUnderlayColor: string;
 declare const style: {
+    backButton: {
+        padding: number;
+    };
     container: {
         marginBottom: number;
     };

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

@@ -3,6 +3,9 @@ import { StyleSheet } from "react-native";
 const { colorBgPrimaryLight, space4, space6, space8 } = Theme.get();
 const containerUnderlayColor = colorBgPrimaryLight;
 const style = StyleSheet.create({
+    backButton: {
+        padding: 0,
+    },
     container: {
         marginBottom: space4,
     },

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/{HostStackReturnQuestionItem.d.ts → form/HostStackReturnQuestionItem.d.ts}

@@ -1,3 +1,3 @@
-import { ReturnQuestionItem } from "../ReturnQuestionItem";
+import { ReturnQuestionItem } from "../../ReturnQuestionItem";
 declare const HostStackReturnQuestionItem: ReturnQuestionItem;
 export { HostStackReturnQuestionItem };

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

@@ -0,0 +1,4 @@
+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 })))));
+export { HostStackReturnQuestionItem };

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

@@ -0,0 +1,3 @@
+import { ReturnQuestionItem } from "../../ReturnQuestionItem";
+declare const HostStackReturnQuestionItem: ReturnQuestionItem;
+export { HostStackReturnQuestionItem };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/{HostStackReturnQuestionItem.js → modal/HostStackReturnQuestionItem.js}

@@ -3,12 +3,12 @@ import { useIntl } from "@lookiero/i18n-react";
 import { animated, useSpring } from "@react-spring/native";
 import React, { useCallback, useMemo, useState } from "react";
 import { View } from "react-native";
-import ReturnQuestion from "../../ReturnQuestion";
-import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import ReturnQuestion from "../../../ReturnQuestion";
+import { useReturnQuestionFeedbackForReturnQuestion } from "../../../behaviors/useReturnQuestionFeedback";
 import { style } from "./HostStackReturnQuestionItem.style";
 const HostStackReturnQuestionItem = ({ returnQuestion, children, portalHostName, }) => {
     const { formatMessage } = useIntl();
-    const { feedback } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
+    const { feedback } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion });
     const feedbackReturnQuestion = feedback
         ? returnQuestion.children?.find((returnQuestion) => returnQuestion.id === feedback)
         : undefined;
@@ -22,6 +22,6 @@ const HostStackReturnQuestionItem = ({ returnQuestion, children, portalHostName,
             titleText && (React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText)),
             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, returnQuestionParentId: feedbackReturnQuestion.id }))))) : (children))));
+                feedbackReturnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: feedbackReturnQuestion }))))) : (children))));
 };
 export { HostStackReturnQuestionItem };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ReturnQuestionProjection } from "../../../../../../../projection/returnQuestion/returnQuestion";
+interface ModalOptionReturnQuestionItemsProps {
+    readonly portalHostName?: string;
+    readonly returnQuestion: ReturnQuestionProjection;
+    readonly returnQuestionParent: ReturnQuestionProjection;
+    readonly visible: boolean;
+    readonly onClose: () => void;
+}
+declare const ModalOptionReturnQuestionItems: ({ portalHostName, returnQuestion, visible, onClose, }: ModalOptionReturnQuestionItemsProps) => JSX.Element;
+export { ModalOptionReturnQuestionItems };

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

@@ -0,0 +1,14 @@
+import { COLOR, Text } from "@lookiero/aurora";
+import { useIntl } from "@lookiero/i18n-react";
+import React from "react";
+import { Modal } from "../../../../../../../shared/ui/components/layouts/modal/Modal";
+import ReturnQuestion from "../../ReturnQuestion";
+import { style } from "./ModalOptionReturnQuestionItems.style";
+const ModalOptionReturnQuestionItems = ({ portalHostName, returnQuestion, visible, onClose, }) => {
+    const { formatMessage } = useIntl();
+    const title = formatMessage({ id: returnQuestion.name });
+    return (React.createElement(Modal, { portalHostName: portalHostName, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
+        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 }))))));
+};
+export { ModalOptionReturnQuestionItems };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.style.d.ts

@@ -0,0 +1,9 @@
+declare const style: {
+    optionText: {
+        marginBottom: number;
+    };
+    wrapper: {
+        marginBottom: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,8 @@
+import { Theme } from "@lookiero/aurora";
+import { StyleSheet } from "react-native";
+const { space2, space6 } = Theme.get();
+const style = StyleSheet.create({
+    optionText: { marginBottom: space6 },
+    wrapper: { marginBottom: space2 },
+});
+export { style };

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

@@ -2,12 +2,12 @@ import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback } from "react";
 import { TouchableHighlight } from "react-native";
-import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";
 import { containerUnderlayColor, style } from "./OptionReturnQuestionItem.style";
-const OptionReturnQuestionItem = ({ returnQuestion, returnQuestionParentId, testID, }) => {
-    const { onChange } = useReturnQuestionFeedbackForId({ id: returnQuestionParentId });
+const OptionReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
+    const { onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
     const optionText = useI18nMessage({ id: returnQuestion.name });
-    const handleOnPress = useCallback(() => onChange({ returnQuestionId: returnQuestionParentId, returnQuestionFeedback: returnQuestion.id }), [onChange, returnQuestion.id, returnQuestionParentId]);
+    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/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.d.ts

@@ -0,0 +1,3 @@
+import { ReturnQuestionItem } from "../ReturnQuestionItem";
+declare const RadioReturnQuestionItem: ReturnQuestionItem;
+export { RadioReturnQuestionItem };

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

@@ -0,0 +1,49 @@
+import { View, Option, OPTION_VARIANT } from "@lookiero/aurora";
+import { useIntl } from "@lookiero/i18n-react";
+import React, { useCallback, useEffect, useState } from "react";
+import { useReturnQuestionFeedback, useReturnQuestionFeedbackForReturnQuestion, } from "../../behaviors/useReturnQuestionFeedback";
+import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQuestion, } from "../../util/returnQuestionFeedback";
+import { ModalOptionReturnQuestionItems } from "../modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems";
+import { style } from "./RadioReturnQuestionItem.style";
+const RadioReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, portalHostName, }) => {
+    const intl = useIntl();
+    const [modalVisible, setModalVisible] = useState(false);
+    const { feedback: feedbackId, onChange, clear, } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
+    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 hasChildren = Boolean(returnQuestion.children && returnQuestion.children.length > 0);
+    const handleOnModalClose = useCallback(() => {
+        // Uncomment if we want to clear current selection (and update callback's dependencies)
+        // clear();
+        setModalVisible(false);
+    }, []);
+    const handleOnPress = useCallback(() => {
+        clear();
+        onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: returnQuestion.id });
+        if (hasChildren) {
+            setModalVisible(true);
+        }
+    }, [clear, hasChildren, onChange, returnQuestion.id, returnQuestionParent.id]);
+    /**
+     * This logic is for closing the Modal when its children has been answered.
+     */
+    const [deepestReturnQuestionWithFeedback, isLeaf] = deepestReturnQuestionWithFeedbackForReturnQuestion({
+        feedback,
+        returnQuestion,
+    });
+    useEffect(() => {
+        if (deepestReturnQuestionWithFeedback && isLeaf) {
+            setModalVisible(false);
+        }
+    }, [deepestReturnQuestionWithFeedback, isLeaf]);
+    /**
+     * This logic is for closing the Modal when its children has been answered.
+     */
+    return (React.createElement(React.Fragment, null,
+        React.createElement(View, { style: style.wrapper, testID: testID },
+            React.createElement(Option, { checked: returnQuestion.id === feedbackId, name: returnQuestion.id, title: inputValue ? `${optionText} / ${inputValue}` : `${optionText}`, value: returnQuestion.id, variant: OPTION_VARIANT.BUTTON, onChange: handleOnPress })),
+        hasChildren ? (React.createElement(ModalOptionReturnQuestionItems, { portalHostName: portalHostName, returnQuestion: returnQuestion, returnQuestionParent: returnQuestion, visible: modalVisible, onClose: handleOnModalClose })) : null));
+};
+export { RadioReturnQuestionItem };

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

@@ -0,0 +1,6 @@
+declare const style: {
+    wrapper: {
+        marginBottom: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,7 @@
+import { Theme } from "@lookiero/aurora";
+import { StyleSheet } from "react-native";
+const { space2 } = Theme.get();
+const style = StyleSheet.create({
+    wrapper: { marginBottom: space2 },
+});
+export { style };

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

@@ -1,13 +1,16 @@
+import { View } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-react";
 import React, { useCallback, useMemo } from "react";
 import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
-import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";
+import { style } from "./TextareaReturnQuestionItem.style";
 const TEXTAREA_MIN_HEIGHT = 96;
-const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParentId, testID, }) => {
+const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
     const { formatMessage } = useIntl();
     const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
-    const { feedback, onChange } = useReturnQuestionFeedbackForId({ id: returnQuestionParentId });
-    const handleOnChange = useCallback((value) => onChange({ returnQuestionId: returnQuestionParentId, returnQuestionFeedback: value }), [onChange, returnQuestionParentId]);
-    return (React.createElement(InputField, { label: placeholderText, minHeight: TEXTAREA_MIN_HEIGHT, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange }));
+    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 },
+        React.createElement(InputField, { label: placeholderText, minHeight: TEXTAREA_MIN_HEIGHT, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange })));
 };
 export { TextareaReturnQuestionItem };

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

@@ -0,0 +1,8 @@
+declare const style: {
+    wrapper: {
+        backgroundColor: string;
+        padding: number;
+        paddingTop: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,11 @@
+import { Theme } from "@lookiero/aurora";
+import { StyleSheet } from "react-native";
+const { colorBgBase, space6 } = Theme.get();
+const style = StyleSheet.create({
+    wrapper: {
+        backgroundColor: colorBgBase,
+        padding: space6,
+        paddingTop: 0,
+    },
+});
+export { style };

package/dist/infrastructure/ui/views/item/Item.js

@@ -177,6 +177,6 @@ const Item = ({ customerId, country, layout: Layout }) => {
                 scrollView: { height: itemWithoutCustomerDecission ? "100%" : "auto" },
                 safeAreaView: isDesktopScreen ? style.safeAreaView : null,
             } }, itemWithoutCustomerDecission ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, onReturn: redirectToReturnPage ? goToReturnPage : showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: showReturnQuestions }))),
-        React.createElement(ReturnQuestionsForm, { returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })));
+        !redirectToReturnPage ? (React.createElement(ReturnQuestionsForm, { returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })) : null));
 };
 export { Item };

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -9,7 +9,7 @@ import { useReturnQuestionFeedback } from "../../../../components/organisms/retu
 import { ReturnQuestionItemProvider, } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
 import { HostDefaultReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
 import { HostSelectReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
-import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/HostStackReturnQuestionItem";
+import { HostStackReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem";
 import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
 import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
 import { I18nMessages } from "../../../../i18n/i18n";

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

@@ -3,9 +3,10 @@ import { Button, Text, View, useDevice } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback } from "react";
-import { useParams } from "react-router-native";
+import { generatePath, useNavigate, useParams } from "react-router-native";
 import { ReturnQuestionType } from "../../../../projection/returnQuestion/returnQuestion";
 import { useLogger } from "../../../../shared/logging/useLogger";
+import { useTrackPressNext } from "../../../../shared/tracking/infrastructure/useTrackPressNext";
 import { useTrackReturnItem } from "../../../../shared/tracking/infrastructure/useTrackReturnItem";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
 import { Column } from "../../../../shared/ui/components/layouts/column/Column";
@@ -18,23 +19,29 @@ import { ReturnQuestions } from "../../components/organisms/returnQuestions/Retu
 import { ReturnQuestionFeedbackProvider, useReturnQuestionFeedback, } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { ReturnQuestionItemProvider, } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
 import { HostDefaultReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem";
-import { HostSelectReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem";
-import { HostStackReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/HostStackReturnQuestionItem";
-import { OptionReturnQuestionItem } from "../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
+import { HostRadioGroupReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem";
+import { HostStackReturnQuestionItem } from "../../components/organisms/returnQuestions/components/hostStackReturnQuestionItem/form/HostStackReturnQuestionItem";
+import { RadioReturnQuestionItem } from "../../components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem";
 import { TextareaReturnQuestionItem } from "../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
 import { I18nMessages } from "../../i18n/i18n";
+import { Routes } from "../../routing/routes";
+import { useBasePath } from "../../routing/useBasePath";
 import { style } from "./Return.style";
 const returnQuestionItems = {
     [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
     [ReturnQuestionType.HOST_TEXTAREA]: HostDefaultReturnQuestionItem,
-    [ReturnQuestionType.HOST_SELECT]: HostSelectReturnQuestionItem,
+    [ReturnQuestionType.HOST_SELECT]: HostRadioGroupReturnQuestionItem,
     [ReturnQuestionType.HOST_STACK]: HostStackReturnQuestionItem,
     [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
-    [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
+    [ReturnQuestionType.OPTION]: RadioReturnQuestionItem,
 };
-const ReturnForm = ({ checkoutItem, checkoutId, country, layout: LocalLayout }) => {
+const ReturnForm = ({ checkout, checkoutItem, country, layout: LocalLayout }) => {
     const { screen } = useDevice();
+    const navigate = useNavigate();
     const logger = useLogger();
+    const basePath = useBasePath();
+    const trackPressNext = useTrackPressNext();
+    const checkoutId = checkout.id;
     const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_DESCRIPTION });
     const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
@@ -43,7 +50,6 @@ const ReturnForm = ({ checkoutItem, checkoutId, country, layout: LocalLayout })
     const [returnQuestions] = useListReturnQuestionsByCheckoutItemId({
         checkoutItemId: checkoutItem.id,
     });
-    const hideReturnQuestions = useCallback(() => void 0, []);
     const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
         checkoutItemId: checkoutItem.id,
         logger,
@@ -54,11 +60,26 @@ const ReturnForm = ({ checkoutItem, checkoutId, country, layout: LocalLayout })
         checkoutId: checkoutId,
         checkoutItemId: checkoutItem.id,
     });
+    const navigateToNextItem = useCallback(() => {
+        const item = checkoutItem;
+        const items = checkout?.items;
+        const itemIndex = items.indexOf(item);
+        const nextItemIndex = itemIndex === items.length - 1 ? 0 : itemIndex + 1;
+        const nextItem = items[nextItemIndex];
+        trackPressNext({
+            page: TrackingPage.ITEM,
+            country,
+            checkoutId,
+            from: item.id,
+            to: nextItem.id,
+        });
+        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
+    }, [basePath, checkout?.items, checkoutId, checkoutItem, country, navigate, trackPressNext]);
     const returnItem = useCallback(async (feedbacks) => {
-        hideReturnQuestions();
         returnCheckoutItem({ feedbacks });
         trackReturnItem();
-    }, [hideReturnQuestions, returnCheckoutItem, trackReturnItem]);
+        navigateToNextItem();
+    }, [navigateToNextItem, returnCheckoutItem, trackReturnItem]);
     const feedback = useReturnQuestionFeedback();
     const handleOnSubmit = useCallback(() => returnItem(feedback), [feedback, returnItem]);
     /* ReturnCheckoutItem */
@@ -70,13 +91,14 @@ const ReturnForm = ({ checkoutItem, checkoutId, country, layout: LocalLayout })
         React.createElement(PortalHost, { name: "return-question-form-portal" }),
         React.createElement(LocalLayout, { scrollEnabled: true, style: {
                 header: style.header,
-                scrollView: style.scrollView,
+                safeAreaView: style.safeAreaView,
             } },
             React.createElement(Row, { style: [style.row, isSmallScreen ? undefined : style.desktopRow] },
                 React.createElement(Column, { size: { M: "2/3", L: "2/3" } },
-                    React.createElement(View, { style: [style.container, isSmallScreen ? undefined : style.desktopContainer] },
-                        React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-                        React.createElement(Text, { level: 1, style: style.description, detail: true }, descriptionText),
+                    React.createElement(View, null,
+                        React.createElement(View, { style: [style.info, isSmallScreen ? undefined : style.desktopInfo] },
+                            React.createElement(Text, { level: 3, heading: true }, titleText),
+                            React.createElement(Text, { level: 1, style: style.description, detail: true }, descriptionText)),
                         React.createElement(ReturnQuestions, { portalHostName: "return-question-form-portal", returnQuestions: returnQuestions }),
                         React.createElement(View, { style: style.submit },
                             React.createElement(Button, { testID: "return-questions-button", onPress: handleOnSubmit }, submitButtonText))))))));
@@ -90,6 +112,6 @@ const Return = ({ customerId, country, layout: LocalLayout }) => {
         return React.createElement(Spinner, null);
     }
     return (React.createElement(ReturnQuestionFeedbackProvider, { key: checkoutItem.id, feedback: checkoutItem.feedbacks || {} },
-        React.createElement(ReturnForm, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, layout: LocalLayout })));
+        React.createElement(ReturnForm, { checkout: checkout, checkoutItem: checkoutItem, country: country, layout: LocalLayout })));
 };
 export { Return };

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

@@ -1,33 +1,34 @@
 declare const style: {
-    container: {
-        backgroundColor: string;
-        paddingHorizontal: number;
-        paddingTop: number;
-    };
     description: {
         color: string;
-        marginBottom: number;
     };
-    desktopContainer: {
-        borderRadius: number;
+    desktopInfo: {
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
     };
     desktopRow: {
-        marginTop: number;
+        marginVertical: number;
     };
     header: {
         height: number;
     };
+    info: {
+        backgroundColor: string;
+        paddingBottom: number;
+        paddingHorizontal: number;
+        paddingTop: number;
+    };
     row: {
         flex: number;
         justifyContent: "center";
     };
-    scrollView: {
+    safeAreaView: {
         backgroundColor: string;
         flex: number;
     };
     submit: {
-        paddingVertical: number;
+        backgroundColor: string;
+        padding: number;
     };
-    title: {};
 };
 export { style };

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

@@ -3,35 +3,36 @@ import { StyleSheet } from "react-native";
 import { HEADER_HEIGHT } from "../../components/templates/header/Header.style";
 const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = Theme.get();
 const style = StyleSheet.create({
-    container: {
-        backgroundColor: colorBgBase,
-        paddingHorizontal: space6,
-        paddingTop: space8,
-    },
     description: {
         color: colorTextMedium,
-        marginBottom: space4,
     },
-    desktopContainer: {
-        borderRadius: borderRadius5,
+    desktopInfo: {
+        borderTopLeftRadius: borderRadius5,
+        borderTopRightRadius: borderRadius5,
     },
     desktopRow: {
-        marginTop: space8,
+        marginVertical: space8,
     },
     header: {
         height: HEADER_HEIGHT,
     },
+    info: {
+        backgroundColor: colorBgBase,
+        paddingBottom: space4,
+        paddingHorizontal: space6,
+        paddingTop: space8,
+    },
     row: {
         flex: 1,
         justifyContent: "center",
     },
-    scrollView: {
+    safeAreaView: {
         backgroundColor: colorBgPrimaryLight,
         flex: 1,
     },
     submit: {
-        paddingVertical: space6,
+        backgroundColor: colorBgBase,
+        padding: space6,
     },
-    title: {},
 });
 export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [