@lookiero/checkout 0.3.26 → 0.4.0-beta.0

package/dist/infrastructure/ui/components/layouts/tabs/Tabs.style.d.ts

@@ -0,0 +1,32 @@
+declare const style: {
+    container: {
+        width: string;
+    };
+    indicator: {
+        backgroundColor: string;
+        bottom: number;
+        display: "flex";
+        height: number;
+        position: "absolute";
+    };
+    tab: {
+        marginHorizontal: number;
+        paddingVertical: number;
+    };
+    tabActiveText: {
+        color: string;
+    };
+    tabText: {
+        color: string;
+    };
+    tabs: {
+        alignItems: "center";
+        backgroundColor: string;
+        borderBottomColor: string;
+        borderBottomWidth: number;
+        flexDirection: "row";
+        justifyContent: "center";
+        marginBottom: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/components/layouts/tabs/Tabs.style.js

@@ -0,0 +1,35 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../theme/theme";
+const { colorBase, colorContent, colorGrayscaleS, colorGrayscaleL, spaceM, spaceXL } = theme();
+const style = StyleSheet.create({
+    container: {
+        width: "100%",
+    },
+    indicator: {
+        backgroundColor: colorContent,
+        bottom: -1,
+        display: "flex",
+        height: 1,
+        position: "absolute",
+    },
+    tab: {
+        marginHorizontal: spaceM,
+        paddingVertical: spaceM,
+    },
+    tabActiveText: {
+        color: colorContent,
+    },
+    tabText: {
+        color: colorGrayscaleL,
+    },
+    tabs: {
+        alignItems: "center",
+        backgroundColor: colorBase,
+        borderBottomColor: colorGrayscaleS,
+        borderBottomWidth: 1,
+        flexDirection: "row",
+        justifyContent: "center",
+        marginBottom: spaceXL,
+    },
+});
+export { style };

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { ReturnQuestionProjection } from "../../../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionProps {
+    readonly returnQuestionParentId: string;
+    readonly returnQuestion: ReturnQuestionProjection;
+    readonly portalHostName?: string;
+}
+declare const _default: React.NamedExoticComponent<ReturnQuestionProps>;
+export default _default;

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

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

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { ReturnQuestionProjection } from "../../../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionsProps {
+    readonly returnQuestions: ReturnQuestionProjection[];
+    readonly portalHostName?: string;
+}
+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, portalHostName }) => (React.createElement(React.Fragment, null, returnQuestions.map((returnQuestion) => (React.createElement(ReturnQuestion, { key: returnQuestion.id, portalHostName: portalHostName, 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,10 @@
+import { FC, ReactNode } from "react";
+import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
+interface ReturnQuestionItemProps {
+    readonly returnQuestion: ReturnQuestionProjection;
+    readonly returnQuestionParentId: string;
+    readonly children?: ReactNode;
+    readonly portalHostName?: string;
+}
+declare type ReturnQuestionItem = FC<ReturnQuestionItemProps>;
+export type { ReturnQuestionItem, ReturnQuestionItemProps };

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+const HostDefaultReturnQuestionFeedbackItem = ({ children }) => (React.createElement(React.Fragment, null, children));
+export { HostDefaultReturnQuestionFeedbackItem };

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: 3, 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: {
+        marginBottom: number;
+        marginTop: 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: {
+        marginBottom: spaceL,
+        marginTop: spaceXXXL,
+        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,34 @@
+import { useI18nMessage, useIntl } from "@lookiero/i18n-react";
+import React, { useCallback, useState } from "react";
+import { TouchableHighlight, View } from "react-native";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { Modal } from "../../../../../shared/components/layouts/modal/Modal";
+import { ButtonIcon } from "../../../../../shared/components/molecules/buttonIcon/ButtonIcon";
+import { InputField } from "../../../../../shared/components/molecules/inputField/InputField";
+import { useReturnQuestionFeedback, useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQuestion, } from "../../util/returnQuestionFeedback";
+import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
+const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, }) => {
+    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 { onChange } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
+    const intl = useIntl();
+    const translate = useCallback((returnQuestionName) => intl.formatMessage({ id: `${RETURN_QUESTIONS_PREFIX}${returnQuestionName}`, defaultMessage: returnQuestionName }), [intl]);
+    const inputValue = feedbackForReturnQuestion({ feedback, returnQuestion, translate }).join(" / ");
+    const deepestReturnQuestionWithFeedback = deepestReturnQuestionWithFeedbackForReturnQuestion({
+        feedback,
+        returnQuestion,
+    });
+    const handleOnBackButtonPress = useCallback(() => deepestReturnQuestionWithFeedback &&
+        onChange({ returnQuestionId: deepestReturnQuestionWithFeedback.id, returnQuestionFeedback: undefined }), [deepestReturnQuestionWithFeedback, onChange]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TouchableHighlight, { style: style.container, underlayColor: containerUnderlayColor, 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(View, { style: style.modalContent }, children))));
+};
+export { HostSelectReturnQuestionItem };

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

@@ -0,0 +1,11 @@
+declare const containerUnderlayColor: string;
+declare const style: {
+    container: {
+        marginVertical: number;
+    };
+    modalContent: {
+        paddingBottom: number;
+        paddingHorizontal: number;
+    };
+};
+export { style, containerUnderlayColor };

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

@@ -0,0 +1,14 @@
+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,
+    },
+    modalContent: {
+        paddingBottom: spaceXL,
+        paddingHorizontal: spaceXL,
+    },
+});
+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,27 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { animated, useSpring } from "@react-spring/native";
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
+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, portalHostName, }) => {
+    const titleText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
+    const { feedback } = 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 [stackHeight, setStackHeight] = useState();
+    const handleOnLayout = useCallback(({ nativeEvent: { layout: { height }, }, }) => setStackHeight(height), []);
+    const stackSyle = useSpring({ height: stackHeight });
+    return (React.createElement(animated.View, { style: stackSyle },
+        React.createElement(View, { onLayout: handleOnLayout },
+            titleText && (React.createElement(Text, { level: 2, style: style.title }, titleText)),
+            feedbackReturnQuestion ? (React.createElement(React.Fragment, null,
+                React.createElement(Text, { level: 3, style: style.feedback }, feedbackText),
+                feedbackReturnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParentId: feedbackReturnQuestion.id }))))) : (children))));
+};
+export { HostStackReturnQuestionItem };

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

@@ -0,0 +1,12 @@
+declare const style: {
+    feedback: {
+        color: string;
+        lineHeight: number;
+        marginVertical: number;
+    };
+    title: {
+        marginVertical: number;
+        textAlign: "center";
+    };
+};
+export { style };

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

@@ -0,0 +1,15 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { colorGrayscaleL, spaceM, spaceL } = theme();
+const style = StyleSheet.create({
+    feedback: {
+        color: colorGrayscaleL,
+        lineHeight: 24,
+        marginVertical: spaceM,
+    },
+    title: {
+        marginVertical: spaceL,
+        textAlign: "center",
+    },
+});
+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,15 @@
+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 { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+import { containerUnderlayColor, style } from "./OptionReturnQuestionItem.style";
+const OptionReturnQuestionItem = ({ returnQuestion, returnQuestionParentId, }) => {
+    const { onChange } = useReturnQuestionFeedbackForId({ id: returnQuestionParentId });
+    const optionText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
+    const handleOnPress = useCallback(() => onChange({ returnQuestionId: returnQuestionParentId, returnQuestionFeedback: returnQuestion.id }), [onChange, returnQuestion.id, returnQuestionParentId]);
+    return (React.createElement(TouchableHighlight, { style: style.container, underlayColor: containerUnderlayColor, onPress: handleOnPress },
+        React.createElement(Text, { level: 3, style: style.text }, optionText)));
+};
+export { OptionReturnQuestionItem };

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

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

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

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

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.d.ts

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

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

@@ -0,0 +1,26 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage, useIntl } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { View } from "react-native";
+import { I18nMessages, RETURN_QUESTIONS_FEEDBACK_PREFIX, RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeedback";
+import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
+import { style } from "./ReturnQuestionFeedbackItem.style";
+const ReturnQuestionFeedbackItem = ({ returnQuestion }) => {
+    const titleText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_FEEDBACK_PREFIX });
+    const unansweredText = useI18nMessage({
+        id: I18nMessages.FEEDBACK_UNANSWERED,
+        prefix: RETURN_QUESTIONS_FEEDBACK_PREFIX,
+    });
+    const returnQuestionFeedback = useReturnQuestionFeedback();
+    const intl = useIntl();
+    const translate = useCallback((returnQuestionName) => intl.formatMessage({
+        id: `${RETURN_QUESTIONS_PREFIX}${returnQuestionName}`,
+        defaultMessage: returnQuestionName,
+    }), [intl]);
+    const feedback = feedbackForReturnQuestion({ feedback: returnQuestionFeedback, returnQuestion, translate }).join(" / ");
+    return (React.createElement(View, { style: style.container },
+        React.createElement(Text, { level: 2, style: style.title, detail: true }, titleText),
+        React.createElement(Text, { level: 3 }, feedback || unansweredText)));
+};
+export { ReturnQuestionFeedbackItem };

package/dist/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.style.d.ts

@@ -0,0 +1,10 @@
+declare const style: {
+    container: {
+        marginBottom: number;
+    };
+    title: {
+        color: string;
+        marginBottom: number;
+    };
+};
+export { style };

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

@@ -0,0 +1,13 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../theme/theme";
+const { colorGrayscaleL, spaceM, spaceXL } = theme();
+const style = StyleSheet.create({
+    container: {
+        marginBottom: spaceXL,
+    },
+    title: {
+        color: colorGrayscaleL,
+        marginBottom: spaceM,
+    },
+});
+export { style };

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,13 @@
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { InputField } from "../../../../../shared/components/molecules/inputField/InputField";
+import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
+const TEXTAREA_MIN_HEIGHT = 96;
+const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParentId, }) => {
+    const placeholderText = useI18nMessage({ id: returnQuestion.placeholder, prefix: RETURN_QUESTIONS_PREFIX });
+    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, value: feedback, multiline: true, onChange: handleOnChange }));
+};
+export { TextareaReturnQuestionItem };

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

@@ -0,0 +1,22 @@
+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;
+interface RecursiveDeepestReturnQuestionWithFeedbackFunctionArgs {
+    readonly feedback: FeedbackProjection | undefined;
+    readonly returnQuestion: ReturnQuestionProjection;
+    readonly deepestReturnQuestion?: ReturnQuestionProjection;
+}
+interface RecursiveDeepestReturnQuestionWithFeedbackFunction {
+    (args: RecursiveDeepestReturnQuestionWithFeedbackFunctionArgs): ReturnQuestionProjection | undefined;
+}
+declare const deepestReturnQuestionWithFeedbackForReturnQuestion: RecursiveDeepestReturnQuestionWithFeedbackFunction;
+export { feedbackForReturnQuestion, deepestReturnQuestionWithFeedbackForReturnQuestion };

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

@@ -0,0 +1,58 @@
+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 (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 (returnQuestion.children?.reduce((acc, childReturnQuestion) => [
+        ...acc,
+        ...feedbackForReturnQuestion({ feedback, returnQuestion: childReturnQuestion, translate, acc }),
+    ], []) || []);
+};
+const deepestReturnQuestionWithFeedbackForReturnQuestion = ({ feedback, returnQuestion, deepestReturnQuestion, }) => {
+    if (!feedback) {
+        return;
+    }
+    const returnQuestionId = Object.keys(feedback).find((id) => id === returnQuestion.id);
+    if (returnQuestionId) {
+        const returnQuestionFeedback = feedback[returnQuestionId];
+        if (isUuid(returnQuestionFeedback)) {
+            const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => childReturnQuestion.id === returnQuestionFeedback);
+            if (feebackReturnQuestionChild) {
+                return deepestReturnQuestionWithFeedbackForReturnQuestion({
+                    feedback,
+                    returnQuestion: feebackReturnQuestionChild,
+                    deepestReturnQuestion: returnQuestion,
+                });
+            }
+            return returnQuestion;
+        }
+        return returnQuestion;
+    }
+    const feebackReturnQuestionChild = returnQuestion.children?.find((childReturnQuestion) => Object.keys(feedback).find((id) => id === childReturnQuestion.id));
+    if (feebackReturnQuestionChild) {
+        return deepestReturnQuestionWithFeedbackForReturnQuestion({
+            feedback,
+            returnQuestion: feebackReturnQuestionChild,
+            deepestReturnQuestion: feebackReturnQuestionChild,
+        });
+    }
+    return deepestReturnQuestion;
+};
+export { feedbackForReturnQuestion, deepestReturnQuestionWithFeedbackForReturnQuestion };

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

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from "react";
+import { Edge } from "react-native-safe-area-context";
+interface SafeAreaScrollViewProps {
+    readonly children: ReactNode;
+    readonly edges?: Edge[];
+}
+declare const SafeAreaScrollView: FC<SafeAreaScrollViewProps>;
+export { SafeAreaScrollView };