@lookiero/checkout 5.3.0 → 6.0.0-beta.1

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

@@ -1,28 +0,0 @@
-import { ReactNode } from "react";
-import { StyleProp, TextStyle, ViewStyle } from "react-native";
-import { RenderItemFunction } from "../../../../../shared/ui/components/layouts/carousel/Carousel";
-interface TabStyle {
-    readonly tab: StyleProp<ViewStyle>;
-    readonly tabText: StyleProp<TextStyle>;
-}
-interface TabListStyle {
-    readonly tabList: StyleProp<ViewStyle>;
-    readonly indicator: StyleProp<ViewStyle>;
-    readonly tab: Partial<TabStyle>;
-}
-interface TabsStyle {
-    readonly tabContainer: StyleProp<ViewStyle>;
-    readonly sliderContainer: StyleProp<ViewStyle>;
-    readonly tabList: Partial<TabListStyle>;
-}
-interface TabsProps<T> {
-    readonly data: T[];
-    readonly children: RenderItemFunction<T>;
-    readonly defaultIndex?: number;
-    readonly tabLabels: string[];
-    readonly style?: Partial<TabsStyle>;
-    readonly onChanged?: (index: number) => void;
-    readonly tabLabelsWrapper?: (children: ReactNode) => ReactNode;
-}
-declare const Tabs: <T>({ data, children, defaultIndex, tabLabels, style: customStyle, onChanged, tabLabelsWrapper, }: TabsProps<T>) => JSX.Element;
-export { Tabs };

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

@@ -1,47 +0,0 @@
-import { COLOR, Text } from "@lookiero/aurora";
-import { animated, useSpring } from "@react-spring/native";
-import React, { useCallback, useEffect, useState } from "react";
-import { Pressable, View } from "react-native";
-import invariant from "tiny-invariant";
-import { Carousel } from "../../../../../shared/ui/components/layouts/carousel/Carousel";
-import { style } from "./Tabs.style";
-const Tab = ({ children, active, disabled = false, style: customStyle, onPress, onLayout }) => (React.createElement(Pressable, { disabled: disabled, style: [style.tab, customStyle?.tab], testID: "tab", onLayout: onLayout, onPress: onPress },
-    React.createElement(Text, { color: active ? COLOR.TEXT : COLOR.TEXT_MEDIUM, level: 2, style: customStyle?.tabText, detailBold: true }, children)));
-const TabList = ({ labels = [], tabIndex = 0, style: customStyle, onSelect }) => {
-    const [tabItemPositions, setTabItemPositions] = useState([]);
-    const handleOnLayout = useCallback(({ nativeEvent: { layout: { width, x }, }, }, index) => setTabItemPositions((prevState) => [
-        ...prevState.slice(0, index),
-        {
-            position: x,
-            width,
-        },
-        ...prevState.slice(index),
-    ]), []);
-    const springs = useSpring({
-        width: tabItemPositions[tabIndex]?.width || 0,
-        left: tabItemPositions[tabIndex]?.position || 0,
-    });
-    return (React.createElement(View, { style: [style.tabs, customStyle?.tabList], testID: "tab-list" },
-        labels.map((item, index) => (React.createElement(Tab, { key: index, active: tabIndex === index, style: customStyle?.tab, onLayout: (event) => handleOnLayout(event, index), onPress: () => onSelect?.(index) }, item))),
-        React.createElement(animated.View, { style: [
-                style.indicator,
-                {
-                    width: springs.width,
-                    transform: [{ translateX: springs.left }],
-                },
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                customStyle?.indicator,
-            ] })));
-};
-const Tabs = ({ data, children, defaultIndex = 0, tabLabels, style: customStyle, onChanged, tabLabelsWrapper = (children) => children, }) => {
-    invariant(data.length === tabLabels.length, "data and tab labels must be the same length");
-    const [active, setActive] = useState(defaultIndex);
-    const handleOnActiveChanged = useCallback((activeIndex) => setActive(activeIndex), []);
-    useEffect(() => onChanged?.(active), [active, onChanged]);
-    return (React.createElement(View, { style: [style.container, customStyle?.tabContainer], testID: "tabs" },
-        tabLabelsWrapper(React.createElement(TabList, { labels: tabLabels, style: customStyle?.tabList, tabIndex: active, onSelect: handleOnActiveChanged })),
-        React.createElement(View, { style: customStyle?.sliderContainer },
-            React.createElement(Carousel, { activeIndex: active, data: data, enabled: false, onActiveIndexChanged: handleOnActiveChanged }, children))));
-};
-export { Tabs };

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

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

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

@@ -1,29 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { colorBgBase, colorBgPrimary, colorBorderInput, space3, space4 } = Theme.get();
-const style = StyleSheet.create({
-    container: {
-        width: "100%",
-    },
-    indicator: {
-        backgroundColor: colorBgPrimary,
-        bottom: -1,
-        display: "flex",
-        height: 1,
-        left: 0,
-        position: "absolute",
-    },
-    tab: {
-        marginHorizontal: space3,
-        paddingVertical: space4,
-    },
-    tabs: {
-        alignItems: "center",
-        backgroundColor: colorBgBase,
-        borderBottomColor: colorBorderInput,
-        borderBottomWidth: 1,
-        flexDirection: "row",
-        justifyContent: "center",
-    },
-});
-export { style };

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

@@ -1,12 +0,0 @@
-import { Button, BUTTON_VARIANT } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
-import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQuestionFeedback";
-import { style } from "./ButtonCheckoutQuestionItem.style";
-const ButtonCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
-    const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
-    const optionText = useI18nMessage({ id: checkoutQuestion.name });
-    const handleOnPress = useCallback(() => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: checkoutQuestion.id }), [onChange, checkoutQuestion.id, checkoutQuestionParentId]);
-    return (React.createElement(Button, { accessibilityLabel: testID, style: style.button, testID: testID, variant: feedback === checkoutQuestion.id ? BUTTON_VARIANT.PRIMARY : BUTTON_VARIANT.SECONDARY, onPress: handleOnPress }, optionText));
-};
-export { ButtonCheckoutQuestionItem };

package/dist/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.js

@@ -1,12 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { View } from "react-native";
-import { style } from "./HostDefaultCheckoutQuestionItem.style";
-const HostDefaultCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
-    const titleText = useI18nMessage({ id: checkoutQuestion.name });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Text, { level: 3, style: style.title }, titleText),
-        React.createElement(View, { style: style.content }, children)));
-};
-export { HostDefaultCheckoutQuestionItem };

package/dist/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.style.js

@@ -1,12 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { space6, space8 } = Theme.get();
-const style = StyleSheet.create({
-    content: {
-        marginBottom: space8,
-    },
-    title: {
-        marginBottom: space6,
-    },
-});
-export { style };

package/dist/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.js

@@ -1,12 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { View } from "react-native";
-import { style } from "./HostSelectCheckoutQuestionItem.style";
-const HostSelectCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
-    const titleText = useI18nMessage({ id: checkoutQuestion.name });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Text, { level: 3, style: style.title }, titleText),
-        React.createElement(View, { style: style.content }, children)));
-};
-export { HostSelectCheckoutQuestionItem };

package/dist/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.style.js

@@ -1,15 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { colorBgPrimaryLight, space6, space8 } = Theme.get();
-const containerUnderlayColor = colorBgPrimaryLight;
-const style = StyleSheet.create({
-    content: {
-        flexDirection: "row",
-        justifyContent: "center",
-        marginBottom: space8,
-    },
-    title: {
-        marginBottom: space6,
-    },
-});
-export { style, containerUnderlayColor };

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

@@ -1,28 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import React, { useCallback } from "react";
-import { Pressable } from "react-native";
-import invariant from "tiny-invariant";
-import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQuestionFeedback";
-import { style } from "./IconCheckoutQuestionItem.style";
-import { Happy } from "./icons/Happy";
-import { Normal } from "./icons/Normal";
-import { Sad } from "./icons/Sad";
-const { colorBgPrimaryMediumLight } = Theme.get();
-const ICON = {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.bad": Sad,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.regular": Normal,
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    "checkout_question.icon.good": Happy,
-};
-const IconCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
-    const Icon = ICON[checkoutQuestion.name];
-    const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
-    const isSelected = feedback === checkoutQuestion.id;
-    const handleOnPress = useCallback(() => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: checkoutQuestion.id }), [onChange, checkoutQuestion.id, checkoutQuestionParentId]);
-    invariant(Icon, "CheckoutQuestion icon does not exist");
-    return (React.createElement(Pressable, { accessibilityLabel: testID, testID: testID, onPress: handleOnPress },
-        React.createElement(Icon, { fill: isSelected ? colorBgPrimaryMediumLight : "none", strokeWidth: isSelected ? 2 : 1, style: style.icon })));
-};
-export { IconCheckoutQuestionItem };

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

@@ -1,12 +0,0 @@
-import { useIntl } from "@lookiero/i18n-react";
-import React, { useCallback, useMemo } from "react";
-import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
-import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQuestionFeedback";
-const TextareaCheckoutQuestionItem = ({ checkoutQuestion, checkoutQuestionParentId, testID, }) => {
-    const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (checkoutQuestion.placeholder ? formatMessage({ id: checkoutQuestion.placeholder }) : ""), [formatMessage, checkoutQuestion.placeholder]);
-    const { feedback, onChange } = useCheckoutQuestionFeedbackForId({ id: checkoutQuestionParentId });
-    const handleOnChange = useCallback((value) => onChange({ checkoutQuestionId: checkoutQuestionParentId, checkoutQuestionFeedback: value }), [onChange, checkoutQuestionParentId]);
-    return (React.createElement(InputField, { label: placeholderText, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange }));
-};
-export { TextareaCheckoutQuestionItem };

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

@@ -1,23 +0,0 @@
-import { Text, View } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { NewFeedbackExperimentVariation, useNewFeedbackExperiment, } from "../../../../../hooks/useNewFeedbackExperiment";
-import { I18nMessages } from "../../../../../i18n/i18n";
-import { style } from "./HostDefaultReturnQuestionItem.style";
-const HostDefaultReturnQuestionItem = ({ returnQuestion, children }) => {
-    const titleText = useI18nMessage({ id: returnQuestion.name });
-    const isAllOptions = returnQuestion.name === I18nMessages.RETURN_QUESTION_MAIN_ALL_OPINION;
-    /* Kameleoon experiment */
-    const newFeedbackVariation = useNewFeedbackExperiment();
-    const isReturnPage = newFeedbackVariation === NewFeedbackExperimentVariation.RETURN_PAGE;
-    /* Kameleoon experiment */
-    return (React.createElement(React.Fragment, null,
-        titleText && titleText !== " " ? (React.createElement(View, { style: [
-                style.title,
-                isAllOptions ? style.allOptionsTitle : undefined,
-                isReturnPage ? style.formTitle : undefined,
-            ] },
-            React.createElement(Text, { level: 3, action: true }, titleText))) : null,
-        children));
-};
-export { HostDefaultReturnQuestionItem };

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

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

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

@@ -1,14 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useIntl } from "@lookiero/i18n-react";
-import React, { useMemo } from "react";
-import { View } from "react-native";
-import { style } from "./HostRadioGroupReturnQuestionItem.style";
-const HostRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
-    const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(View, { style: style.wrapper, testID: testID },
-            React.createElement(Text, { level: 3, style: style.title, action: true }, placeholderText),
-            children)));
-};
-export { HostRadioGroupReturnQuestionItem, style };

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

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

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

@@ -1,40 +0,0 @@
-import { ButtonIcon } from "@lookiero/aurora";
-import { useIntl } from "@lookiero/i18n-react";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { TouchableHighlight, View } from "react-native";
-import { Modal } from "../../../../../../../shared/ui/components/layouts/modal/Modal";
-import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
-import { useReturnQuestionFeedback, useReturnQuestionFeedbackForReturnQuestion, } from "../../behaviors/useReturnQuestionFeedback";
-import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQuestion, } from "../../util/returnQuestionFeedback";
-import { style, containerUnderlayColor } from "./HostSelectReturnQuestionItem.style";
-const HostSelectReturnQuestionItem = ({ returnQuestion, children, portalHostName, testID, }) => {
-    const { formatMessage } = useIntl();
-    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
-    const [modalVisible, setModalVisible] = useState(false);
-    const handleOnPress = useCallback(() => setModalVisible(true), []);
-    const handleOnModalClose = useCallback(() => setModalVisible(false), []);
-    const feedback = useReturnQuestionFeedback();
-    const { onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion });
-    const intl = useIntl();
-    const translate = useCallback((returnQuestionName) => intl.formatMessage({ id: returnQuestionName, defaultMessage: returnQuestionName }), [intl]);
-    const inputValue = feedbackForReturnQuestion({ feedback, returnQuestion, translate }).join(" / ");
-    const [deepestReturnQuestionWithFeedback, isLeaf] = deepestReturnQuestionWithFeedbackForReturnQuestion({
-        feedback,
-        returnQuestion,
-    });
-    const handleOnBackButtonPress = useCallback(() => deepestReturnQuestionWithFeedback &&
-        onChange({ returnQuestionId: deepestReturnQuestionWithFeedback.id, returnQuestionFeedback: undefined }), [deepestReturnQuestionWithFeedback, onChange]);
-    useEffect(() => {
-        if (isLeaf) {
-            handleOnModalClose();
-        }
-        // deepestReturnQuestionWithFeedback needs to be as a dependency in order to be re-evaluated whenever it changes
-    }, [handleOnModalClose, deepestReturnQuestionWithFeedback, isLeaf]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TouchableHighlight, { accessibilityLabel: testID, style: style.container, testID: testID, underlayColor: containerUnderlayColor, accessible: true, onPress: handleOnPress },
-            React.createElement(View, { pointerEvents: "none" },
-                React.createElement(InputField, { editable: false, icon: "arrow_down", label: placeholderText, value: inputValue }))),
-        React.createElement(Modal, { portalHostName: portalHostName, visible: modalVisible, header: deepestReturnQuestionWithFeedback && (React.createElement(ButtonIcon, { name: "arrow_left", style: style.backButton, testID: "modal-back-button", onPress: handleOnBackButtonPress })), scroll: true, showCloseButton: true, onClose: handleOnModalClose },
-            React.createElement(View, { style: style.modalContent }, children))));
-};
-export { HostSelectReturnQuestionItem };

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

@@ -1,17 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { colorBgPrimaryLight, space4, space6, space8 } = Theme.get();
-const containerUnderlayColor = colorBgPrimaryLight;
-const style = StyleSheet.create({
-    backButton: {
-        padding: 0,
-    },
-    container: {
-        marginBottom: space4,
-    },
-    modalContent: {
-        paddingBottom: space6,
-        paddingHorizontal: space8,
-    },
-});
-export { style, containerUnderlayColor };

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

@@ -1,27 +0,0 @@
-import { COLOR, Text } from "@lookiero/aurora";
-import { useIntl } from "@lookiero/i18n-react";
-import { animated, useSpring } from "@react-spring/native";
-import React, { useCallback, useMemo, useState } from "react";
-import { View } from "react-native";
-import ReturnQuestion from "../../../ReturnQuestion";
-import { useReturnQuestionFeedbackForReturnQuestion } from "../../../behaviors/useReturnQuestionFeedback";
-import { style } from "./HostStackReturnQuestionItem.style";
-const HostStackReturnQuestionItem = ({ returnQuestion, children, portalHostName, }) => {
-    const { formatMessage } = useIntl();
-    const { feedback } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion });
-    const feedbackReturnQuestion = feedback
-        ? returnQuestion.children?.find((returnQuestion) => returnQuestion.id === feedback)
-        : undefined;
-    const titleText = useMemo(() => (returnQuestion.name ? formatMessage({ id: returnQuestion.name }) : undefined), [formatMessage, returnQuestion.name]);
-    const feedbackText = useMemo(() => (feedbackReturnQuestion ? formatMessage({ id: feedbackReturnQuestion.name }) : undefined), [feedbackReturnQuestion, formatMessage]);
-    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: 3, style: style.title, heading: true }, titleText)),
-            feedbackReturnQuestion ? (React.createElement(React.Fragment, null,
-                React.createElement(Text, { color: COLOR.TEXT_MEDIUM, level: 3 }, feedbackText),
-                feedbackReturnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: portalHostName, returnQuestion: childReturnQuestion, returnQuestionParent: feedbackReturnQuestion }))))) : (children))));
-};
-export { HostStackReturnQuestionItem };

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

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

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

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

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

@@ -1,14 +0,0 @@
-import { COLOR, Text } from "@lookiero/aurora";
-import { useIntl } from "@lookiero/i18n-react";
-import React from "react";
-import { Modal } from "../../../../../../../shared/ui/components/layouts/modal/Modal";
-import ReturnQuestion from "../../ReturnQuestion";
-import { style } from "./ModalOptionReturnQuestionItems.style";
-const ModalOptionReturnQuestionItems = ({ portalHostName, returnQuestion, visible, onClose, }) => {
-    const { formatMessage } = useIntl();
-    const title = formatMessage({ id: returnQuestion.name });
-    return (React.createElement(Modal, { portalHostName: portalHostName, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
-        React.createElement(Text, { color: COLOR.TEXT_MEDIUM, level: 2, style: style.optionText }, title),
-        React.createElement(React.Fragment, null, returnQuestion.children?.map((childReturnQuestion) => (React.createElement(ReturnQuestion, { key: childReturnQuestion.id, portalHostName: "", returnQuestion: childReturnQuestion, returnQuestionParent: returnQuestion }))))));
-};
-export { ModalOptionReturnQuestionItems };

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

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

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

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

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

@@ -1,14 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
-import { TouchableHighlight } from "react-native";
-import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";
-import { containerUnderlayColor, style } from "./OptionReturnQuestionItem.style";
-const OptionReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
-    const { onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
-    const optionText = useI18nMessage({ id: returnQuestion.name });
-    const handleOnPress = useCallback(() => onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: returnQuestion.id }), [onChange, returnQuestion.id, returnQuestionParent.id]);
-    return (React.createElement(TouchableHighlight, { accessibilityLabel: testID, style: style.container, testID: testID, underlayColor: containerUnderlayColor, onPress: handleOnPress },
-        React.createElement(Text, { level: 3, style: style.text }, optionText)));
-};
-export { OptionReturnQuestionItem };

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

@@ -1,15 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { colorBgPrimaryLight, colorBorderInteractive, space4, space6 } = Theme.get();
-const containerUnderlayColor = colorBgPrimaryLight;
-const style = StyleSheet.create({
-    container: {
-        borderBottomColor: colorBorderInteractive,
-        borderBottomWidth: 1,
-        paddingVertical: space4,
-    },
-    text: {
-        lineHeight: space6,
-    },
-});
-export { style, containerUnderlayColor };

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

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

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

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

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

@@ -1,20 +0,0 @@
-import { Text } from "@lookiero/aurora";
-import { useI18nMessage, useIntl } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
-import { View } from "react-native";
-import { I18nMessages } 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 });
-    const unansweredText = useI18nMessage({ id: I18nMessages.FEEDBACK_UNANSWERED });
-    const returnQuestionFeedback = useReturnQuestionFeedback();
-    const intl = useIntl();
-    const translate = useCallback((returnQuestionName) => intl.formatMessage({ id: 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, detailBold: true }, titleText),
-        React.createElement(Text, { level: 1, detail: true }, feedback || unansweredText)));
-};
-export { ReturnQuestionFeedbackItem };

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

@@ -1,13 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { colorTextMedium, space1, space4 } = Theme.get();
-const style = StyleSheet.create({
-    container: {
-        marginBottom: space4,
-    },
-    title: {
-        color: colorTextMedium,
-        marginBottom: space1,
-    },
-});
-export { style };

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

@@ -1,20 +0,0 @@
-import { View } from "@lookiero/aurora";
-import { useIntl } from "@lookiero/i18n-react";
-import React, { useCallback, useMemo } from "react";
-import { InputField } from "../../../../../../../shared/ui/components/molecules/inputField/InputField";
-import { NewFeedbackExperimentVariation, useNewFeedbackExperiment, } from "../../../../../hooks/useNewFeedbackExperiment";
-import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";
-import { style } from "./TextareaReturnQuestionItem.style";
-const TextareaReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, }) => {
-    const { formatMessage } = useIntl();
-    /* Kameleoon experiment */
-    const newFeedbackVariation = useNewFeedbackExperiment();
-    const isReturnPage = newFeedbackVariation === NewFeedbackExperimentVariation.RETURN_PAGE;
-    /* Kameleoon experiment */
-    const placeholderText = useMemo(() => (returnQuestion.placeholder ? formatMessage({ id: returnQuestion.placeholder }) : ""), [formatMessage, returnQuestion.placeholder]);
-    const { feedback, onChange } = useReturnQuestionFeedbackForReturnQuestion({ returnQuestion: returnQuestionParent });
-    const handleOnChange = useCallback((value) => onChange({ returnQuestionId: returnQuestionParent.id, returnQuestionFeedback: value }), [onChange, returnQuestionParent.id]);
-    const fieldComponent = (React.createElement(InputField, { label: placeholderText, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange }));
-    return isReturnPage ? React.createElement(View, { style: style.wrapper }, fieldComponent) : fieldComponent;
-};
-export { TextareaReturnQuestionItem };