@lookiero/checkout 0.2.16 → 0.2.18

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

@@ -0,0 +1,11 @@
+import React, { memo, useCallback } from "react";
+import { useReturnQuestionFeedbackForId } from "./behaviors/useReturnQuestionFeedback";
+import { useReturnQuestionItem } from "./behaviors/useReturnQuestionItem";
+const ReturnQuestion = ({ returnQuestion, returnQuestionParentId }) => {
+    const Item = useReturnQuestionItem({ type: returnQuestion.type });
+    const { onChange } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
+    const handleOnChange = useCallback(({ feedback }) => onChange({ returnQuestionId: returnQuestionParentId, returnQuestionFeedback: feedback }), [onChange, returnQuestionParentId]);
+    return (React.createElement(Item, { returnQuestion: returnQuestion, onChange: handleOnChange },
+        React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, returnQuestion: childReturnQuestion, returnQuestionParentId: returnQuestion.id }))))));
+};
+export default memo(ReturnQuestion);

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { ReturnQuestionProjection } from "../../../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionsProps {
+    readonly returnQuestions: ReturnQuestionProjection[];
+}
+declare const ReturnQuestions: FC<ReturnQuestionsProps>;
+export { ReturnQuestions };

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

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

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

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from "react";
+import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
+interface OnChangeReturnQuestionFeedbackFunctionArgs {
+    readonly returnQuestionId: string;
+    readonly returnQuestionFeedback: string | undefined;
+}
+interface OnChangeReturnQuestionFeedbackFunction {
+    (args: OnChangeReturnQuestionFeedbackFunctionArgs): void;
+}
+interface ReturnQuestionFeedbackContextProviderProps {
+    readonly feedback: FeedbackProjection | undefined;
+    readonly children: ReactNode;
+}
+declare const ReturnQuestionFeedbackProvider: FC<ReturnQuestionFeedbackContextProviderProps>;
+interface UseReturnQuestionFeedbackForIdFunctionArgs {
+    readonly id: string;
+}
+interface UseReturnQuestionFeedbackForIdFunction {
+    (args: UseReturnQuestionFeedbackForIdFunctionArgs): {
+        readonly feedback: string | undefined;
+        readonly onChange: OnChangeReturnQuestionFeedbackFunction;
+    };
+}
+declare const useReturnQuestionFeedbackForId: UseReturnQuestionFeedbackForIdFunction;
+interface UseReturnQuestionFeedbackFunction {
+    (): FeedbackProjection;
+}
+declare const useReturnQuestionFeedback: UseReturnQuestionFeedbackFunction;
+export { useReturnQuestionFeedbackForId, useReturnQuestionFeedback, ReturnQuestionFeedbackProvider };

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

@@ -0,0 +1,27 @@
+import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
+import invariant from "tiny-invariant";
+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 value = useMemo(() => ({
+        feedback: contextFeedback,
+        onChange,
+    }), [contextFeedback, onChange]);
+    return React.createElement(ReturnQuestionFeedbackContext.Provider, { value: value }, children);
+};
+const useReturnQuestionFeedbackForId = ({ id }) => {
+    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 };
+};
+const useReturnQuestionFeedback = () => {
+    const returnQuestionFeedbackContext = useContext(ReturnQuestionFeedbackContext);
+    invariant(returnQuestionFeedbackContext, "Your are trying to use the useReturnQuestionFeedback hook without wrapping your app with the <ReturnQuestionFeedbackProvider>.");
+    const { feedback } = returnQuestionFeedbackContext;
+    return feedback;
+};
+export { useReturnQuestionFeedbackForId, useReturnQuestionFeedback, ReturnQuestionFeedbackProvider };

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

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

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

@@ -0,0 +1,12 @@
+import React, { createContext, useContext, useMemo } from "react";
+import invariant from "tiny-invariant";
+const ReturnQuestionItemContext = createContext({});
+const ReturnQuestionItemProvider = ({ returnQuestionItems, children }) => (React.createElement(ReturnQuestionItemContext.Provider, { value: returnQuestionItems }, children));
+const useReturnQuestionItem = ({ type }) => {
+    const items = useContext(ReturnQuestionItemContext);
+    const item = useMemo(() => items[type], [items, type]);
+    invariant(items, "Your are trying to use the useReturnQuestionItem hook without wrapping your app with the <ReturnQuestionItemProvider>.");
+    invariant(item, `The provided ReturnQuestionType (${type}) is NOT SUPPORTED`);
+    return item;
+};
+export { useReturnQuestionItem, ReturnQuestionItemProvider };

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

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+interface OnChangeReturnQuestionItemFunctionArgs {
+    readonly feedback: string | undefined;
+}
+interface OnChangeReturnQuestionItemFunction {
+    (args: OnChangeReturnQuestionItemFunctionArgs): void;
+}
+interface ReturnQuestionItemProps {
+    readonly returnQuestion: ReturnQuestionProjection;
+    readonly onChange: OnChangeReturnQuestionItemFunction;
+    readonly children?: JSX.Element;
+}
+declare type ReturnQuestionItem = FC<ReturnQuestionItemProps>;
+export type { ReturnQuestionItem, ReturnQuestionItemProps, OnChangeReturnQuestionItemFunction };

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,12 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { style } from "./HostDefaultReturnQuestionItem.style";
+const HostDefaultReturnQuestionItem = ({ returnQuestion, children }) => {
+    const titleText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Text, { level: 2, style: style.title }, titleText),
+        children));
+};
+export { HostDefaultReturnQuestionItem };

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

@@ -0,0 +1,8 @@
+declare const style: {
+    title: {
+        marginTop: number;
+        marginBottom: number;
+        textAlign: "center";
+    };
+};
+export { style };

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

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { spaceL, spaceXXXL } = theme();
+const style = StyleSheet.create({
+    title: {
+        marginTop: spaceXXXL,
+        marginBottom: spaceL,
+        textAlign: "center",
+    },
+});
+export { style };

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

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

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

@@ -0,0 +1,30 @@
+import { ButtonIcon } from "@lookiero/aurora-next/build/components/atoms/ButtonIcon/ButtonIcon";
+import { InputField } from "@lookiero/aurora-next/build/components/atoms/InputField/InputField";
+import { Modal } from "@lookiero/aurora-next/build/components/molecules/Modal/Modal";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback, useState } from "react";
+import { useIntl } from "react-intl";
+import { TouchableHighlight, View } from "react-native";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeedback";
+import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
+import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
+const HostSelectReturnQuestionItem = ({ returnQuestion, children }) => {
+    const placeholderText = useI18nMessage({ id: returnQuestion.placeholder, prefix: RETURN_QUESTIONS_PREFIX });
+    const [modalVisible, setModalVisible] = useState(false);
+    const handleOnPress = useCallback(() => setModalVisible(true), []);
+    const handleOnModalClose = useCallback(() => setModalVisible(false), []);
+    const feedback = useReturnQuestionFeedback();
+    const intl = useIntl();
+    const translate = useCallback((returnQuestionName) => intl.formatMessage({ id: `${RETURN_QUESTIONS_PREFIX}${returnQuestionName}`, defaultMessage: returnQuestionName }), [intl]);
+    const inputValue = feedbackForReturnQuestion({ feedback, returnQuestion, translate }).join(" / ");
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TouchableHighlight, { style: style.container, onPress: handleOnPress, underlayColor: containerUnderlayColor },
+            React.createElement(View, { pointerEvents: "none" },
+                React.createElement(InputField, { label: placeholderText, value: inputValue, name: returnQuestion.name, icon: "arrow-down", type: "text", testID: returnQuestion.name }))),
+        React.createElement(Modal, { style: style.modal, size: "1/2", isVisible: modalVisible },
+            React.createElement(View, { style: style.modalContent },
+                React.createElement(ButtonIcon, { name: "close", style: style.backButton, onPress: handleOnModalClose }),
+                children))));
+};
+export { HostSelectReturnQuestionItem };

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

@@ -0,0 +1,20 @@
+declare const containerUnderlayColor: string;
+declare const style: {
+    container: {
+        marginVertical: number;
+    };
+    modal: {
+        zIndex: number;
+    };
+    modalContent: {
+        marginTop: number;
+        paddingBottom: number;
+    };
+    backButton: {
+        top: number;
+        right: number;
+        alignSelf: "flex-end";
+        zIndex: number;
+    };
+};
+export { style, containerUnderlayColor };

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

@@ -0,0 +1,23 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { spaceM, spaceXL, colorGrayscaleS } = theme();
+const containerUnderlayColor = colorGrayscaleS;
+const style = StyleSheet.create({
+    container: {
+        marginVertical: spaceM,
+    },
+    modal: {
+        zIndex: 10,
+    },
+    modalContent: {
+        marginTop: -spaceXL,
+        paddingBottom: spaceXL,
+    },
+    backButton: {
+        top: 0,
+        right: -spaceM,
+        alignSelf: "flex-end",
+        zIndex: 20,
+    },
+});
+export { style, containerUnderlayColor };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/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

@@ -0,0 +1,33 @@
+import { ButtonIcon } from "@lookiero/aurora-next/build/components/atoms/ButtonIcon/ButtonIcon";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import ReturnQuestion from "../../ReturnQuestion";
+import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import { style } from "./HostStackReturnQuestionItem.style";
+const HostStackReturnQuestionItem = ({ returnQuestion, children }) => {
+    const titleText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
+    const { feedback, onChange } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
+    const feedbackReturnQuestion = feedback
+        ? returnQuestion.children?.find((returnQuestion) => returnQuestion.id === feedback)
+        : undefined;
+    const feedbackText = useI18nMessage({ id: feedbackReturnQuestion?.name, prefix: RETURN_QUESTIONS_PREFIX });
+    const handleOnBackButtonPress = useCallback(() => {
+        onChange({ returnQuestionId: returnQuestion.id, returnQuestionFeedback: undefined });
+    }, [onChange, returnQuestion.id]);
+    const questionTitle = titleText && (React.createElement(Text, { level: 2, style: style.title }, titleText));
+    if (feedbackReturnQuestion) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(ButtonIcon, { name: "arrow-left", style: style.backButton, onPress: handleOnBackButtonPress }),
+            questionTitle,
+            React.createElement(Text, { level: 3, style: style.feedback }, feedbackText),
+            feedbackReturnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, returnQuestion: childReturnQuestion, returnQuestionParentId: feedbackReturnQuestion.id })))));
+    }
+    else {
+        return (React.createElement(React.Fragment, null,
+            questionTitle,
+            children));
+    }
+};
+export { HostStackReturnQuestionItem };

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

@@ -0,0 +1,17 @@
+declare const style: {
+    backButton: {
+        position: "absolute";
+        top: number;
+        left: number;
+        zIndex: number;
+    };
+    title: {
+        marginVertical: number;
+        textAlign: "center";
+    };
+    feedback: {
+        color: string;
+        marginVertical: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,20 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { colorGrayscaleL, spaceM, spaceL } = theme();
+const style = StyleSheet.create({
+    backButton: {
+        position: "absolute",
+        top: 0,
+        left: -spaceM,
+        zIndex: 20,
+    },
+    title: {
+        marginVertical: spaceL,
+        textAlign: "center",
+    },
+    feedback: {
+        color: colorGrayscaleL,
+        marginVertical: spaceM,
+    },
+});
+export { style };

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

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

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

@@ -0,0 +1,13 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { TouchableHighlight } from "react-native";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { containerUnderlayColor, style } from "./OptionReturnQuestionItem.style";
+const OptionReturnQuestionItem = ({ returnQuestion, onChange }) => {
+    const optionText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
+    const handleOnPress = useCallback(() => onChange({ feedback: returnQuestion.id }), [onChange, returnQuestion.id]);
+    return (React.createElement(TouchableHighlight, { style: style.container, onPress: handleOnPress, underlayColor: containerUnderlayColor },
+        React.createElement(Text, { level: 3 }, optionText)));
+};
+export { OptionReturnQuestionItem };

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

@@ -0,0 +1,9 @@
+declare const containerUnderlayColor: string;
+declare const style: {
+    container: {
+        paddingVertical: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+};
+export { style, containerUnderlayColor };

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

@@ -0,0 +1,12 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { spaceM, colorGrayscaleS } = theme();
+const containerUnderlayColor = colorGrayscaleS;
+const style = StyleSheet.create({
+    container: {
+        paddingVertical: spaceM,
+        borderBottomWidth: 1,
+        borderBottomColor: colorGrayscaleS,
+    },
+});
+export { style, containerUnderlayColor };

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

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

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

@@ -0,0 +1,12 @@
+import { InputField } from "@lookiero/aurora-next/build/components/atoms/InputField/InputField";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+const TextareaReturnQuestionItem = ({ returnQuestion, onChange }) => {
+    const placeholderText = useI18nMessage({ id: returnQuestion.placeholder, prefix: RETURN_QUESTIONS_PREFIX });
+    const { feedback } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
+    const handleOnChange = useCallback((value) => onChange({ feedback: value }), [onChange]);
+    return (React.createElement(InputField, { name: returnQuestion.name, type: "text", multiLine: true, label: placeholderText, placeholder: placeholderText, value: feedback, onChange: handleOnChange }));
+};
+export { TextareaReturnQuestionItem };

package/dist/infrastructure/ui/components/organisms/returnQuestions/util/returnQuestionFeedback.d.ts

@@ -0,0 +1,13 @@
+import { FeedbackProjection } from "../../../../../../projection/feedback/feedback";
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+interface RecursiveFeedbackForReturnQuestionFunctionArgs {
+    readonly feedback: FeedbackProjection | undefined;
+    readonly returnQuestion: ReturnQuestionProjection;
+    readonly translate: (i18nString: string) => string;
+    readonly acc?: string[];
+}
+interface RecursiveFeedbackForReturnQuestionFunction {
+    (args: RecursiveFeedbackForReturnQuestionFunctionArgs): string[];
+}
+declare const feedbackForReturnQuestion: RecursiveFeedbackForReturnQuestionFunction;
+export { feedbackForReturnQuestion };

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

@@ -0,0 +1,31 @@
+import { validate } from "uuid";
+const isUuid = (value) => validate(value);
+const feedbackForReturnQuestion = ({ feedback, returnQuestion, translate, acc = [], }) => {
+    if (!feedback) {
+        return [];
+    }
+    const returnQuestionId = Object.keys(feedback).find((id) => id === returnQuestion.id);
+    if (returnQuestionId) {
+        const returnQuestionFeedback = feedback[returnQuestionId];
+        if (returnQuestionFeedback !== undefined) {
+            if (isUuid(returnQuestionFeedback)) {
+                const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
+                if (feebackReturnQuestionChild) {
+                    return [
+                        ...acc,
+                        translate(feebackReturnQuestionChild?.name),
+                        ...feedbackForReturnQuestion({ feedback, returnQuestion: feebackReturnQuestionChild, translate, acc }),
+                    ];
+                }
+                return acc;
+            }
+            return [...acc, returnQuestionFeedback];
+        }
+        return acc;
+    }
+    return (returnQuestion.children?.reduce((acc, childReturnQuestion) => [
+        ...acc,
+        ...feedbackForReturnQuestion({ feedback, returnQuestion: childReturnQuestion, translate, acc }),
+    ], []) || []);
+};
+export { feedbackForReturnQuestion };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface SafeAreaScrollViewProps {
+    readonly children: JSX.Element;
+}
+declare const SafeAreaScrollView: FC<SafeAreaScrollViewProps>;
+export { SafeAreaScrollView };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { SafeAreaView, ScrollView } from "react-native";
+import { style } from "./SafeAreaScrollView.style";
+const SafeAreaScrollView = ({ children }) => (React.createElement(SafeAreaView, { style: style.container },
+    React.createElement(ScrollView, { contentContainerStyle: style.scrollContainer, showsVerticalScrollIndicator: false }, children)));
+export { SafeAreaScrollView };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.style.d.ts

@@ -0,0 +1,10 @@
+declare const style: {
+    container: {
+        flex: number;
+    };
+    scrollContainer: {
+        flex: number;
+        flexGrow: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.style.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    scrollContainer: {
+        flex: 1,
+        flexGrow: 1,
+    },
+});
+export { style };

package/dist/infrastructure/ui/i18n/i18n.d.ts

@@ -1,3 +1,5 @@
+declare const COLOR_I18N_PREFIX = "color.";
+declare const RETURN_QUESTIONS_PREFIX = "return_questions.";
 declare enum I18nMessages {
     INTRO_TITLE = "intro.title",
     INTRO_SUBTITLE = "intro.subtitle",
@@ -18,6 +20,13 @@ declare enum I18nMessages {
     ITEM_BANNER_BUTTON = "item.banner_button",
     SIZE_CHANGE_MODAL_TITLE = "size_change_modal.title",
     SIZE_CHANGE_MODAL_DESCRIPTION = "size_change_modal.description",
-    SIZE_CHANGE_MODAL_BUTTON = "size_change_modal.button"
+    SIZE_CHANGE_MODAL_BUTTON = "size_change_modal.button",
+    SIZE_WITHOUT_STOCK_MODAL_TITLE = "size_without_stock_modal.title",
+    SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION = "size_without_stock_modal.description",
+    SIZE_WITHOUT_STOCK_MODAL_BUTTON = "size_without_stock_modal.button",
+    GET_OUT_OF_CHECKOUT_MODAL_TITLE = "get_out_of_checkout_modal.title",
+    GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION = "get_out_of_checkout_modal.description",
+    GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON = "get_out_of_checkout_modal.dismiss_button",
+    GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON = "get_out_of_checkout_modal.confirm_button"
 }
-export { I18nMessages };
+export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX };

package/dist/infrastructure/ui/i18n/i18n.js

@@ -1,3 +1,5 @@
+const COLOR_I18N_PREFIX = "color.";
+const RETURN_QUESTIONS_PREFIX = "return_questions.";
 var I18nMessages;
 (function (I18nMessages) {
     I18nMessages["INTRO_TITLE"] = "intro.title";
@@ -20,5 +22,12 @@ var I18nMessages;
     I18nMessages["SIZE_CHANGE_MODAL_TITLE"] = "size_change_modal.title";
     I18nMessages["SIZE_CHANGE_MODAL_DESCRIPTION"] = "size_change_modal.description";
     I18nMessages["SIZE_CHANGE_MODAL_BUTTON"] = "size_change_modal.button";
+    I18nMessages["SIZE_WITHOUT_STOCK_MODAL_TITLE"] = "size_without_stock_modal.title";
+    I18nMessages["SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION"] = "size_without_stock_modal.description";
+    I18nMessages["SIZE_WITHOUT_STOCK_MODAL_BUTTON"] = "size_without_stock_modal.button";
+    I18nMessages["GET_OUT_OF_CHECKOUT_MODAL_TITLE"] = "get_out_of_checkout_modal.title";
+    I18nMessages["GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION"] = "get_out_of_checkout_modal.description";
+    I18nMessages["GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON"] = "get_out_of_checkout_modal.dismiss_button";
+    I18nMessages["GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON"] = "get_out_of_checkout_modal.confirm_button";
 })(I18nMessages || (I18nMessages = {}));
-export { I18nMessages };
+export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX };

package/dist/infrastructure/ui/routing/CheckoutMiddleware.js

@@ -10,9 +10,9 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     const [checkoutIntroShown, checkoutIntroShownStatus] = useViewCheckoutIntroShown();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const firstItemWithoutCustomerDecision = checkout?.items.find((item) => [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status));
-    const isIntroRoute = useMatch(Routes.INTRO);
-    const isItemRoute = useMatch(Routes.ITEM);
-    const isSummaryRoute = useMatch(Routes.SUMMARY);
+    const introRouteMatch = useMatch(Routes.INTRO);
+    const itemRouteMatch = useMatch(Routes.ITEM);
+    const summaryRouteMatch = useMatch(Routes.SUMMARY);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutIntroShownStatus) &&
         dependenciesLoadedStatuses.includes(checkoutStatus);
@@ -20,15 +20,21 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
         return loader;
     }
     if (!checkoutIntroShown) {
-        if (!isIntroRoute) {
+        if (!introRouteMatch) {
             return React.createElement(Navigate, { replace: true, to: Routes.INTRO });
         }
     }
     else {
-        if (firstItemWithoutCustomerDecision && !isItemRoute) {
+        if (itemRouteMatch) {
+            const checkoutItem = checkout?.items.find((item) => item.id === itemRouteMatch.params.id);
+            if (!checkoutItem) {
+                return React.createElement(Navigate, { replace: true, to: Routes.CHECKOUT });
+            }
+        }
+        if (firstItemWithoutCustomerDecision && !itemRouteMatch) {
             return React.createElement(Navigate, { replace: true, to: generatePath(Routes.ITEM, { id: firstItemWithoutCustomerDecision.id }) });
         }
-        if (firstItemWithoutCustomerDecision === undefined && !isSummaryRoute) {
+        if (firstItemWithoutCustomerDecision === undefined && !summaryRouteMatch) {
             return React.createElement(Navigate, { replace: true, to: Routes.SUMMARY });
         }
     }

package/dist/infrastructure/ui/views/intro/Intro.js

@@ -4,11 +4,12 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback } from "react";
-import { SafeAreaView, View } from "react-native";
+import { View } from "react-native";
 import { useSetCheckoutIntroShown } from "../../../domain/uiSetting/react/useSetCheckoutIntroShown";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
 import { Spinner } from "../../components/atoms/spinner/Spinner";
 import { Body } from "../../components/layouts/body/Body";
+import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
 import { I18nMessages } from "../../i18n/i18n";
 import { style } from "./Intro.style";
 const Bullet = ({ text }) => (React.createElement(View, { style: style.bullet },
@@ -29,7 +30,7 @@ const Intro = ({ customerId }) => {
     const handleOnPress = useCallback(() => setCheckoutIntroShown(), [setCheckoutIntroShown]);
     if (fiveItemsDiscountState === QueryStatus.LOADING)
         return React.createElement(Spinner, null);
-    return (React.createElement(SafeAreaView, { style: style.safeAreaContainer },
+    return (React.createElement(SafeAreaScrollView, null,
         React.createElement(Body, null,
             React.createElement(View, { style: style.container },
                 React.createElement(View, { style: style.content },

package/dist/infrastructure/ui/views/intro/Intro.style.d.ts

@@ -1,7 +1,4 @@
 declare const style: {
-    safeAreaContainer: {
-        flex: number;
-    };
     container: {
         flex: number;
         justifyContent: "space-between";

package/dist/infrastructure/ui/views/intro/Intro.style.js

@@ -2,9 +2,6 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../theme/theme";
 const { borderSize, colorAccent, spaceXS, spaceS, spaceM, spaceL, spaceXL } = theme();
 const style = StyleSheet.create({
-    safeAreaContainer: {
-        flex: 1,
-    },
     container: {
         flex: 1,
         justifyContent: "space-between",