@lookiero/checkout 0.2.21 → 0.2.23

package/dist/infrastructure/projection/feedback/feedback.mock.d.ts

@@ -0,0 +1,3 @@
+import { FeedbackProjection } from "../../../projection/feedback/feedback";
+declare const feedback: FeedbackProjection;
+export { feedback };

package/dist/infrastructure/projection/feedback/feedback.mock.js

@@ -0,0 +1,6 @@
+const feedback = {
+    ["0ad1dba8-b02c-4121-a1e3-981f1c30800d"]: "9251dc2c-d76a-484d-9299-346929af932f",
+    ["542c4d24-e1da-484f-8c3a-7d89ee135adc"]: "68c0bb98-b00a-4b86-af43-528fe903cb69",
+    ["1123a37d-bc00-43a4-9d28-cee1dfaf356c"]: "Free text comment",
+};
+export { feedback };

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

@@ -334,7 +334,7 @@ const returnQuestions = [
     {
         id: "ce3e8d57-5eea-4dd3-bef4-2e811a143612",
         name: "comment_title",
-        type: ReturnQuestionType.HOST_DEFAULT,
+        type: ReturnQuestionType.HOST_TEXTAREA,
         children: [
             {
                 id: "1123a37d-bc00-43a4-9d28-cee1dfaf356c",

package/dist/infrastructure/ui/components/layouts/body/Body.js

@@ -1,10 +1,7 @@
-import { Box } from "@lookiero/aurora-next/build/components/atoms/Box/Box";
-import { Layout } from "@lookiero/aurora-next/build/components/atoms/Layout/Layout";
 import React from "react";
+import { Column } from "../../../shared/components/layouts/column/Column";
+import { Row } from "../../../shared/components/layouts/row/Row";
 import { style } from "./Body.style";
-const Body = ({ children }) => (
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-React.createElement(Layout, { style: style.layout },
-    React.createElement(Box, { size: { M: "2/3", L: "1/3" }, style: style.box }, children)));
+const Body = ({ children }) => (React.createElement(Row, { style: style.row },
+    React.createElement(Column, { style: style.column }, children)));
 export { Body };

package/dist/infrastructure/ui/components/layouts/body/Body.style.d.ts

@@ -1,14 +1,10 @@
 declare const style: {
-    container: {
-        flex: number;
-    };
-    layout: {
+    row: {
         flex: number;
         justifyContent: "center";
-        paddingVertical: number;
     };
-    box: {
-        height: string;
+    column: {
+        paddingHorizontal: number;
     };
 };
 export { style };

package/dist/infrastructure/ui/components/layouts/body/Body.style.js

@@ -1,17 +1,13 @@
-import { Platform, StyleSheet } from "react-native";
+import { StyleSheet } from "react-native";
 import { theme } from "../../../theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
-    container: {
-        flex: 1,
-    },
-    layout: {
+    row: {
         flex: 1,
         justifyContent: "center",
-        paddingVertical: Platform.OS === "web" ? spaceXL : 0,
     },
-    box: {
-        height: "100%",
+    column: {
+        paddingHorizontal: spaceXL,
     },
 });
 export { style };

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

@@ -3,6 +3,7 @@ import { ReturnQuestionProjection } from "../../../../../projection/returnQuesti
 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

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

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

@@ -2,6 +2,7 @@ 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

@@ -1,4 +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: "" })))));
+const ReturnQuestions = ({ returnQuestions, portalHostName }) => (React.createElement(React.Fragment, null, returnQuestions.map((returnQuestion) => (React.createElement(ReturnQuestion, { key: returnQuestion.id, returnQuestion: returnQuestion, returnQuestionParentId: "", portalHostName: portalHostName })))));
 export { ReturnQuestions };

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

@@ -1,9 +1,10 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 import { ReturnQuestionProjection } from "../../../../../../projection/returnQuestion/returnQuestion";
 interface ReturnQuestionItemProps {
     readonly returnQuestion: ReturnQuestionProjection;
     readonly returnQuestionParentId: string;
-    readonly children?: JSX.Element;
+    readonly children?: ReactNode;
+    readonly portalHostName?: string;
 }
 declare type ReturnQuestionItem = FC<ReturnQuestionItemProps>;
 export type { ReturnQuestionItem, ReturnQuestionItemProps };

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/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.js

@@ -1,15 +1,18 @@
-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 { useSafeAreaInsets } from "react-native-safe-area-context";
 import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
+import { Modal } from "../../../../../shared/components/layouts/modal/Modal";
+import { InputField } from "../../../../../shared/components/molecules/inputField/InputField";
+import { theme } from "../../../../../theme/theme";
 import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeedback";
 import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
 import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
-const HostSelectReturnQuestionItem = ({ returnQuestion, children }) => {
+const { spaceXL } = theme();
+const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, }) => {
+    const { bottom: safeAreaInsetBottom } = useSafeAreaInsets();
     const placeholderText = useI18nMessage({ id: returnQuestion.placeholder, prefix: RETURN_QUESTIONS_PREFIX });
     const [modalVisible, setModalVisible] = useState(false);
     const handleOnPress = useCallback(() => setModalVisible(true), []);
@@ -21,10 +24,8 @@ const HostSelectReturnQuestionItem = ({ returnQuestion, children }) => {
     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))));
+                React.createElement(InputField, { label: placeholderText || "", value: inputValue, icon: "arrow-down", editable: false }))),
+        React.createElement(Modal, { visible: modalVisible, onClose: handleOnModalClose, portalHostName: portalHostName },
+            React.createElement(View, { style: [style.modalContent, { paddingBottom: spaceXL + safeAreaInsetBottom }] }, children))));
 };
 export { HostSelectReturnQuestionItem };

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

@@ -3,18 +3,9 @@ declare const style: {
     container: {
         marginVertical: number;
     };
-    modal: {
-        zIndex: number;
-    };
     modalContent: {
-        marginTop: number;
         paddingBottom: number;
-    };
-    backButton: {
-        top: number;
-        right: number;
-        alignSelf: "flex-end";
-        zIndex: number;
+        paddingHorizontal: number;
     };
 };
 export { style, containerUnderlayColor };

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

@@ -6,18 +6,9 @@ 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,
+        paddingHorizontal: spaceXL,
     },
 });
 export { style, containerUnderlayColor };

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

@@ -1,12 +1,12 @@
-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 { ButtonIcon } from "../../../../../shared/components/molecules/buttonIcon/ButtonIcon";
 import ReturnQuestion from "../../ReturnQuestion";
 import { useReturnQuestionFeedbackForId } from "../../behaviors/useReturnQuestionFeedback";
 import { style } from "./HostStackReturnQuestionItem.style";
-const HostStackReturnQuestionItem = ({ returnQuestion, children }) => {
+const HostStackReturnQuestionItem = ({ returnQuestion, children, portalHostName, }) => {
     const titleText = useI18nMessage({ id: returnQuestion.name, prefix: RETURN_QUESTIONS_PREFIX });
     const { feedback, onChange } = useReturnQuestionFeedbackForId({ id: returnQuestion.id });
     const feedbackReturnQuestion = feedback
@@ -19,10 +19,10 @@ const HostStackReturnQuestionItem = ({ returnQuestion, children }) => {
     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 }),
+            React.createElement(ButtonIcon, { name: "arrow-left", style: { icon: 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 })))));
+            feedbackReturnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, returnQuestion: childReturnQuestion, returnQuestionParentId: feedbackReturnQuestion.id, portalHostName: portalHostName })))));
     }
     else {
         return (React.createElement(React.Fragment, null,

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

@@ -12,6 +12,7 @@ declare const style: {
     feedback: {
         color: string;
         marginVertical: number;
+        lineHeight: number;
     };
 };
 export { style };

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

@@ -1,11 +1,14 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../../theme/theme";
-const { colorGrayscaleL, spaceM, spaceL } = theme();
+const { colorGrayscaleL, spaceS, spaceM, spaceL, iconSize } = theme();
+const headerPadding = spaceM;
+const buttonIconPadding = spaceS;
+const backButtonTop = (iconSize + headerPadding + buttonIconPadding * 2) * -1;
 const style = StyleSheet.create({
     backButton: {
         position: "absolute",
-        top: 0,
-        left: -spaceM,
+        top: backButtonTop,
+        left: spaceM,
         zIndex: 20,
     },
     title: {
@@ -15,6 +18,7 @@ const style = StyleSheet.create({
     feedback: {
         color: colorGrayscaleL,
         marginVertical: spaceM,
+        lineHeight: 24,
     },
 });
 export { style };

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

@@ -10,6 +10,6 @@ const OptionReturnQuestionItem = ({ returnQuestion, 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, onPress: handleOnPress, underlayColor: containerUnderlayColor },
-        React.createElement(Text, { level: 3 }, optionText)));
+        React.createElement(Text, { level: 3, style: style.text }, optionText)));
 };
 export { OptionReturnQuestionItem };

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

@@ -5,5 +5,8 @@ declare const style: {
         borderBottomWidth: number;
         borderBottomColor: string;
     };
+    text: {
+        lineHeight: number;
+    };
 };
 export { style, containerUnderlayColor };

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

@@ -8,5 +8,8 @@ const style = StyleSheet.create({
         borderBottomWidth: 1,
         borderBottomColor: colorGrayscaleS,
     },
+    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,27 @@
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React, { useCallback } from "react";
+import { useIntl } from "react-intl";
+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, { detail: true, level: 2, style: style.title }, 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.js

@@ -1,12 +1,13 @@
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback } from "react";
 import { RETURN_QUESTIONS_PREFIX } from "../../../../../i18n/i18n";
-import { InputField } from "../../../../molecules/inputField/InputField";
+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, { multiline: true, label: placeholderText, placeholder: placeholderText, minHeight: 96, value: feedback, onChange: handleOnChange }));
+    return (React.createElement(InputField, { multiline: true, label: placeholderText, placeholder: placeholderText, minHeight: TEXTAREA_MIN_HEIGHT, value: feedback, onChange: handleOnChange }));
 };
 export { TextareaReturnQuestionItem };

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

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

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

@@ -1,6 +1,15 @@
 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)));
+import { ScrollView, View } from "react-native";
+import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
+import { theme } from "../../theme/theme";
+const { spaceXL } = theme();
+const SafeAreaScrollView = ({ children, edges = ["top", "bottom", "left", "right"] }) => {
+    const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = useSafeAreaInsets();
+    return (React.createElement(SafeAreaView, { edges: edges },
+        React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
+            React.createElement(View, { style: {
+                    paddingTop: !safeAreaInsetTop ? spaceXL : 0,
+                    paddingBottom: !safeAreaInsetBottom ? spaceXL : 0,
+                } }, children))));
+};
 export { SafeAreaScrollView };

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

@@ -1,5 +1,6 @@
 declare const COLOR_I18N_PREFIX = "color.";
 declare const RETURN_QUESTIONS_PREFIX = "return_questions.";
+declare const RETURN_QUESTIONS_FEEDBACK_PREFIX = "return_questions_feedback.";
 declare enum I18nMessages {
     INTRO_TITLE = "intro.title",
     INTRO_SUBTITLE = "intro.subtitle",
@@ -27,6 +28,8 @@ declare enum I18nMessages {
     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"
+    GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON = "get_out_of_checkout_modal.confirm_button",
+    FEEDBACK_TITLE = "feedback.title",
+    FEEDBACK_UNANSWERED = "feedback.unanswered"
 }
-export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX };
+export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX };

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

@@ -1,5 +1,6 @@
 const COLOR_I18N_PREFIX = "color.";
 const RETURN_QUESTIONS_PREFIX = "return_questions.";
+const RETURN_QUESTIONS_FEEDBACK_PREFIX = "return_questions_feedback.";
 var I18nMessages;
 (function (I18nMessages) {
     I18nMessages["INTRO_TITLE"] = "intro.title";
@@ -29,5 +30,7 @@ var I18nMessages;
     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["FEEDBACK_TITLE"] = "feedback.title";
+    I18nMessages["FEEDBACK_UNANSWERED"] = "feedback.unanswered";
 })(I18nMessages || (I18nMessages = {}));
-export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX };
+export { I18nMessages, COLOR_I18N_PREFIX, RETURN_QUESTIONS_PREFIX, RETURN_QUESTIONS_FEEDBACK_PREFIX };

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

@@ -2,7 +2,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useEffect, useRef } from "react";
 import { Outlet } from "react-router-native";
 import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
-import { Spinner } from "../components/atoms/spinner/Spinner";
+import { Spinner } from "../shared/components/atoms/spinner/Spinner";
 const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), }) => {
     const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
     const onNotAccessibleRef = useRef(onNotAccessible);

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

@@ -4,7 +4,7 @@ import { generatePath, Navigate, Outlet, useMatch } from "react-router";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewCheckoutIntroShown } from "../../projection/uiSetting/react/useViewCheckoutIntroShown";
-import { Spinner } from "../components/atoms/spinner/Spinner";
+import { Spinner } from "../shared/components/atoms/spinner/Spinner";
 import { Routes } from "./routes";
 const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null) }) => {
     const [checkoutIntroShown, checkoutIntroShownStatus] = useViewCheckoutIntroShown();

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

@@ -1,6 +1,7 @@
 import React, { lazy, Suspense } from "react";
 import { Navigate, Outlet, useRoutes } from "react-router-native";
-import { Spinner } from "../components/atoms/spinner/Spinner";
+import { Spinner } from "../shared/components/atoms/spinner/Spinner";
+import { App } from "../views/App";
 import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
 import { CheckoutMiddleware } from "./CheckoutMiddleware";
 import { Routes } from "./routes";
@@ -23,19 +24,25 @@ const Routing = ({ onNotAccessible, customerId, locale, I18n, onI18nError }) =>
                             element: React.createElement(CheckoutMiddleware, { customerId: customerId }),
                             children: [
                                 {
-                                    path: Routes.INTRO,
-                                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                        React.createElement(Intro, { customerId: customerId }))),
-                                },
-                                {
-                                    path: Routes.ITEM,
-                                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                        React.createElement(Item, { customerId: customerId }))),
-                                },
-                                {
-                                    path: Routes.SUMMARY,
-                                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                        React.createElement(Summary, null))),
+                                    path: "",
+                                    element: React.createElement(App, null),
+                                    children: [
+                                        {
+                                            path: Routes.INTRO,
+                                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                                                React.createElement(Intro, { customerId: customerId }))),
+                                        },
+                                        {
+                                            path: Routes.ITEM,
+                                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                                                React.createElement(Item, { customerId: customerId }))),
+                                        },
+                                        {
+                                            path: Routes.SUMMARY,
+                                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                                                React.createElement(Summary, null))),
+                                        },
+                                    ],
                                 },
                             ],
                         },

package/dist/infrastructure/ui/{components → shared/components}/atoms/error/Error.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../theme/theme";
+import { theme } from "../../../../theme/theme";
 const { colorPrimary } = theme();
 const style = StyleSheet.create({
     error: {

package/dist/infrastructure/ui/{components → shared/components}/atoms/field/Field.js

@@ -1,7 +1,7 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { animated, useSpring } from "@react-spring/native";
 import React from "react";
-import { theme } from "../../../theme/theme";
+import { theme } from "../../../../theme/theme";
 import { style } from "./Field.style";
 const { spaceM } = theme();
 const Field = ({ label, isFocused = false, style: customStyle }) => {

package/dist/infrastructure/ui/{components → shared/components}/atoms/field/Field.style.js

@@ -1,5 +1,5 @@
 import { StyleSheet } from "react-native";
-import { theme } from "../../../theme/theme";
+import { theme } from "../../../../theme/theme";
 const { colorBase, spaceS } = theme();
 const style = StyleSheet.create({
     field: {

package/dist/infrastructure/ui/shared/components/atoms/icon/Icon.d.ts

@@ -0,0 +1,12 @@
+import glyphs from "@lookiero/aurora-iconfont/dist/glyphs.json";
+import { FC } from "react";
+import { StyleProp, TextStyle } from "react-native";
+declare type IconStyle = StyleProp<TextStyle>;
+declare type IconName = keyof typeof glyphs;
+interface IconProps {
+    readonly name: IconName;
+    readonly style?: IconStyle;
+}
+declare const Icon: FC<IconProps>;
+export type { IconName, IconStyle };
+export { Icon };

package/dist/infrastructure/ui/shared/components/atoms/icon/Icon.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { Text } from "react-native";
+import { theme } from "../../../../theme/theme";
+import { style } from "./Icon.style";
+const { iconGlyphs } = theme();
+const Icon = ({ name, style: customStyle }) => (React.createElement(Text, { accessibilityElementsHidden: true, allowFontScaling: false, importantForAccessibility: "no", selectable: false, style: [style.icon, customStyle], testID: "icon" }, String.fromCharCode(iconGlyphs[name])));
+export { Icon };

package/dist/infrastructure/ui/shared/components/atoms/icon/Icon.style.d.ts

@@ -0,0 +1,13 @@
+declare const style: {
+    icon: {
+        fontFamily: string;
+        fontStyle: "normal";
+        fontWeight: "normal";
+        minWidth: number;
+        width: number;
+        minHeight: number;
+        height: number;
+        fontSize: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/shared/components/atoms/icon/Icon.style.js

@@ -0,0 +1,16 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { iconFamily, iconSize } = theme();
+const style = StyleSheet.create({
+    icon: {
+        fontFamily: iconFamily,
+        fontStyle: "normal",
+        fontWeight: "normal",
+        minWidth: iconSize,
+        width: iconSize,
+        minHeight: iconSize,
+        height: iconSize,
+        fontSize: iconSize,
+    },
+});
+export { style };