@lookiero/checkout 5.3.0 → 6.0.0-beta.1

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

@@ -1,93 +0,0 @@
-import React, { lazy, memo, Suspense } from "react";
-import { Navigate, Outlet, useRoutes as reactRouterUseRoutes } from "react-router-native";
-import { Spinner } from "../../../shared/ui/components/atoms/spinner/Spinner";
-import { Kameleoon } from "../../testing/react/Kameleoon";
-import { NewFeedbackExperimentProvider } from "../hooks/useNewFeedbackExperiment";
-import { StaticInfoProvider } from "../hooks/useStaticInfo";
-import { App } from "../views/App";
-import { CheckoutPaymentModal } from "../views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal";
-import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
-import { CheckoutMiddleware } from "./CheckoutMiddleware";
-import { Routes } from "./routes";
-import { BasePathProvider } from "./useBasePath";
-const Item = lazy(() => import("../views/item/Item").then((module) => ({ default: module.Item })));
-const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
-const SummaryTabs = lazy(() => import("../views/summaryTabs/SummaryTabs").then((module) => ({ default: module.SummaryTabs })));
-const Checkout = lazy(() => import("../views/checkout/Checkout").then((module) => ({ default: module.Checkout })));
-const Feedback = lazy(() => import("../views/feedback/Feedback").then((module) => ({ default: module.Feedback })));
-const Return = lazy(() => import("../views/return/Return").then((module) => ({ default: module.Return })));
-const Routing = ({ basePath = "", customer, order, subscription, locale, I18n, kameleoon, layout, getAuthToken, onI18nError, onNotAccessible, onCheckoutSubmitted, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
-    return useRoutes([
-        {
-            path: "",
-            element: (React.createElement(BasePathProvider, { basePath: basePath },
-                React.createElement(CheckoutAccessibilityMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
-                    React.createElement(StaticInfoProvider, { kameleoon: kameleoon },
-                        React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
-                            React.createElement(Kameleoon, { loader: React.createElement(Spinner, null), siteCode: kameleoon.siteCode },
-                                React.createElement(CheckoutMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
-                                    React.createElement(NewFeedbackExperimentProvider, { country: customer?.country, customerId: customer?.customerId },
-                                        React.createElement(App, null,
-                                            React.createElement(Outlet, null)))))))))),
-            children: [
-                {
-                    path: Routes.ITEM,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Item, { country: customer?.country, customerId: customer?.customerId, layout: layout }))),
-                },
-                {
-                    path: Routes.ITEM_DETAIL,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Item, { country: customer?.country, customerId: customer?.customerId, layout: layout }))),
-                },
-                {
-                    path: Routes.SUMMARY,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Summary, { country: customer?.country, customerId: customer?.customerId, layout: layout },
-                            React.createElement(Outlet, null)))),
-                    children: [
-                        {
-                            path: Routes.SUMMARY_TABS,
-                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                React.createElement(SummaryTabs, { country: customer?.country, customerId: customer?.customerId }))),
-                        },
-                    ],
-                },
-                {
-                    path: Routes.CHECKOUT,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Checkout, { country: customer?.country, customerId: customer?.customerId, layout: layout, useRedirect: useRedirect },
-                            React.createElement(Outlet, null)))),
-                    children: [
-                        {
-                            path: Routes.CHECKOUT_PAYMENT,
-                            element: (React.createElement(CheckoutPaymentModal, { country: customer?.country, coupon: order?.coupon || null, customerId: customer?.customerId, getAuthToken: getAuthToken, isFirstOrder: order?.isFirstOrder, orderNumber: order?.orderNumber, subscription: subscription, onCheckoutSubmitted: onCheckoutSubmitted })),
-                        },
-                    ],
-                },
-                {
-                    path: Routes.FEEDBACK,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Feedback, { country: customer?.country, customerId: customer?.customerId, layout: layout }))),
-                },
-                {
-                    path: Routes.RETURN,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Return, { country: customer?.country, customerId: customer?.customerId, layout: layout }))),
-                },
-                {
-                    path: "*",
-                    element: React.createElement(Navigate, { to: `${Routes.HOME}`, replace: true }),
-                },
-            ],
-        },
-    ]);
-};
-/**
- * Provided useRoutes is not stable (when integrated with Sentry) as it's rendering a different component tree.
- *
- * https://github.com/getsentry/sentry-javascript/blob/master/packages/react/src/reactrouterv6.tsx#L221
- * (SentryRoutes is a new component after each re-render)
- */
-const MemoizedRouting = memo(Routing);
-export { MemoizedRouting as Routing };

package/dist/infrastructure/ui/views/App.js

@@ -1,14 +0,0 @@
-import { PortalProvider } from "@gorhom/portal";
-import { PortalProvider as AuroraPortalProvider, Theme } from "@lookiero/aurora";
-import React from "react";
-import { StatusBar } from "react-native";
-import { SafeAreaProvider } from "react-native-safe-area-context";
-import { Notifications } from "../../../shared/notifications/infrastructure/ui/views/Notifications";
-import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
-const { colorBgBase } = Theme.get();
-const App = ({ children }) => (React.createElement(SafeAreaProvider, null,
-    React.createElement(PortalProvider, null,
-        React.createElement(StatusBar, { backgroundColor: colorBgBase, barStyle: "dark-content", translucent: true }),
-        React.createElement(Notifications, { contextId: MESSAGING_CONTEXT_ID }),
-        React.createElement(AuroraPortalProvider, null, children))));
-export { App };

package/dist/infrastructure/ui/views/checkout/Checkout.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from "react";
-import { Country } from "../../../../projection/shared/country";
-import { Layout as LocalLayout } from "../../components/layouts/layout/Layout";
-interface CheckoutProps {
-    readonly children?: ReactNode;
-    readonly customerId: string;
-    readonly country: Country;
-    readonly layout: LocalLayout;
-    readonly useRedirect: () => Record<string, string>;
-}
-declare const Checkout: FC<CheckoutProps>;
-export { Checkout };

package/dist/infrastructure/ui/views/checkout/Checkout.js

@@ -1,80 +0,0 @@
-import { Box, Layout, Text, useDevice } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useMemo } from "react";
-import { View } from "react-native";
-import { useNavigate } from "react-router-native";
-import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
-import { useTrackPageView } from "../../../../shared/tracking/infrastructure/useTrackPageView";
-import { useTrackPressBack } from "../../../../shared/tracking/infrastructure/useTrackPressBack";
-import { useTrackPressContinue } from "../../../../shared/tracking/infrastructure/useTrackPressContinue";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
-import { TrackingPage } from "../../../tracking/tracking";
-import { CheckoutHeader } from "../../components/templates/header/checkoutHeader/CheckoutHeader";
-import { I18nMessages } from "../../i18n/i18n";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
-import { ProductVariant } from "../shared/components/productVariant/ProductVariant";
-import { Pricing } from "../summary/components/pricing/Pricing";
-import { style } from "./Checkout.style";
-import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
-import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrument";
-const Checkout = ({ children, customerId, country, layout: LocalLayout, useRedirect }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
-    const { screen } = useDevice();
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
-    useTrackPageView({
-        page: TrackingPage.CHECKOUT,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const navigate = useNavigate();
-    const basePath = useBasePath();
-    const trackPressContinue = useTrackPressContinue({
-        page: TrackingPage.CHECKOUT,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const handleOnSubmit = useCallback(() => {
-        trackPressContinue();
-        navigate(`${basePath}/${Routes.CHECKOUT}/${Routes.CHECKOUT_PAYMENT}`, { replace: true });
-    }, [basePath, navigate, trackPressContinue]);
-    const checkoutItemsKept = useMemo(() => checkout?.items.filter((checkoutItem) => checkoutItem.status === CheckoutItemStatus.KEPT || checkoutItem.status === CheckoutItemStatus.REPLACED), [checkout?.items]);
-    const hasReplacedCheckoutItem = useMemo(() => checkout?.items.some((checkoutItem) => checkoutItem.status === CheckoutItemStatus.REPLACED), [checkout?.items]);
-    const trackPressBack = useTrackPressBack();
-    const handleOnBack = useCallback(() => {
-        trackPressBack({
-            page: TrackingPage.CHECKOUT,
-            country,
-            checkoutId: checkout?.id,
-        });
-        navigate(`${basePath}/${Routes.SUMMARY}`);
-    }, [basePath, checkout?.id, country, navigate, trackPressBack]);
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
-        dependenciesLoadedStatuses.includes(pricingStatus);
-    if (!dependenciesLoaded)
-        return React.createElement(Spinner, null);
-    return (React.createElement(LocalLayout, { header: React.createElement(CheckoutHeader, { onBack: handleOnBack }), style: {
-            header: style.header,
-            scrollView: style.scrollView,
-        } },
-        hasReplacedCheckoutItem && React.createElement(DeliveryBanner, null),
-        React.createElement(Layout, { fullWidth: !screen.L, style: screen.L && style.desktopLayoutSpacing },
-            React.createElement(Box, { size: { L: "2/3" }, style: screen.L ? style.desktopListSpacing : undefined },
-                React.createElement(View, { style: [style.contentWrapper, screen.L ? style.contentWrapper : undefined] },
-                    React.createElement(View, { style: style.paymentSelector },
-                        React.createElement(PaymentInstrument, { useRedirect: useRedirect })),
-                    React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-                    checkoutItemsKept?.map((checkoutItem) => (React.createElement(View, { key: checkoutItem.id, testID: "checkout-items-kept" },
-                        React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, country: country, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, status: checkoutItem.status, size: checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
-                                ? checkoutItem.replacedFor.size
-                                : checkoutItem.productVariant.size })))))),
-            React.createElement(Box, { size: { L: "1/3" }, style: [style.resume, screen.L ? style.desktopResume : undefined] }, pricing ? (React.createElement(View, { style: style.princingWrapper },
-                React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsible: false, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onSubmit: handleOnSubmit }))) : null)),
-        children));
-};
-export { Checkout };

package/dist/infrastructure/ui/views/checkout/Checkout.style.js

@@ -1,63 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet, Platform } from "react-native";
-import { HEADER_HEIGHT } from "../../components/templates/header/Header.style";
-const { borderRadius4, colorBgPrimaryLight, colorBgBase, space4, space6, space8, space12, space16 } = Theme.get();
-const style = StyleSheet.create({
-    contentWrapper: {
-        backgroundColor: colorBgBase,
-        flexGrow: 0,
-        padding: space6,
-    },
-    deliveryBannerContainer: {
-        marginBottom: space6,
-    },
-    desktopContentWrapper: {
-        borderRadius: borderRadius4,
-    },
-    desktopLayoutSpacing: {
-        paddingVertical: space12,
-    },
-    desktopListSpacing: {
-        paddingRight: space16,
-    },
-    desktopResume: {
-        borderRadius: borderRadius4,
-    },
-    header: {
-        backgroundColor: colorBgBase,
-        height: HEADER_HEIGHT,
-    },
-    mobileInfo: {
-        paddingHorizontal: space6,
-        paddingTop: space6,
-    },
-    paymentSelector: {
-        marginBottom: space4,
-    },
-    pricingContainer: {
-        paddingHorizontal: space6,
-        paddingVertical: space8,
-    },
-    princingWrapper: {
-        padding: space6,
-    },
-    resume: {
-        overflow: "hidden",
-        backgroundColor: colorBgBase,
-        ...Platform.select({
-            web: {
-                position: "sticky",
-                top: space12,
-                alignSelf: "flex-start",
-            },
-        }),
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    },
-    scrollView: {
-        backgroundColor: colorBgPrimaryLight,
-    },
-    title: {
-        marginVertical: space4,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.d.ts

@@ -1,15 +0,0 @@
-import { FC } from "react";
-import { Country } from "../../../../../../projection/shared/country";
-import { Subscription } from "../../../../../../projection/shared/subscription";
-interface CheckoutPaymentModalProps {
-    readonly customerId: string;
-    readonly country: Country;
-    readonly coupon: string | null;
-    readonly orderNumber: number;
-    readonly isFirstOrder: boolean;
-    readonly subscription: Subscription;
-    readonly getAuthToken: () => Promise<string>;
-    readonly onCheckoutSubmitted?: () => void;
-}
-declare const CheckoutPaymentModal: FC<CheckoutPaymentModalProps>;
-export { CheckoutPaymentModal };

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js

@@ -1,87 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-import { PaymentFlow } from "@lookiero/payments-front";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { useNavigate } from "react-router-native";
-import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-import { useLogger } from "../../../../../../shared/logging/useLogger";
-import { useTrackCheckout } from "../../../../../../shared/tracking/infrastructure/useTrackCheckout";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useViewIsSizeChangeEnabledByCheckoutId } from "../../../../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
-import { useViewPaymentFlowPayloadByCheckoutId } from "../../../../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
-import { useViewPricingByCheckoutId } from "../../../../../projection/pricing/react/useViewPricingByCheckoutId";
-import { TrackingPage } from "../../../../../tracking/tracking";
-import { useSubmitCheckout } from "../../../../hooks/useSubmitCheckout";
-import { Routes } from "../../../../routing/routes";
-import { useBasePath } from "../../../../routing/useBasePath";
-const CheckoutPaymentModal = ({ customerId, country, coupon, isFirstOrder, subscription, orderNumber, getAuthToken, onCheckoutSubmitted, }) => {
-    const paymentFlowRef = useRef(null);
-    const logger = useLogger();
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
-        checkoutId: checkout?.id,
-    });
-    const [sizeChangeEnabled] = useViewIsSizeChangeEnabledByCheckoutId({ checkoutId: checkout?.id });
-    const [pricing] = useViewPricingByCheckoutId({
-        checkoutId: checkout?.id,
-        queryOptions: { refetchOnMount: true },
-    });
-    const [authToken, setAuthToken] = useState();
-    useEffect(() => {
-        const loadAuthToken = async () => setAuthToken(await getAuthToken());
-        loadAuthToken();
-    }, [getAuthToken]);
-    const basePath = useBasePath();
-    const navigate = useNavigate();
-    const trackCheckout = useTrackCheckout({
-        checkoutId: checkout?.id,
-        country,
-        page: TrackingPage.CHECKOUT,
-    });
-    const handleOnSubmitCheckoutError = useCallback(() => navigate(`${basePath}/${Routes.CHECKOUT}`, { replace: true }), [basePath, navigate]);
-    const handleOnSubmitCheckoutSuccess = useCallback(() => {
-        const checkoutItemsKept = checkout?.items.filter((checkoutItem) => checkoutItem.status === CheckoutItemStatus.KEPT || checkoutItem.status === CheckoutItemStatus.REPLACED);
-        const totalReplacedFor = checkoutItemsKept?.filter(({ replacedFor }) => Boolean(replacedFor)).length || 0;
-        trackCheckout({
-            totalCheckoutItemsKept: checkoutItemsKept?.length || 0,
-            pendingToPay: pricing?.pendingToPay.amount / 100,
-            coupon,
-            currencyCode: pricing?.pendingToPay.currency,
-            isFirstOrder,
-            orderNumber,
-            totalReplacedFor,
-            subscription,
-            userId: customerId,
-        });
-        onCheckoutSubmitted?.();
-    }, [
-        checkout?.items,
-        coupon,
-        customerId,
-        isFirstOrder,
-        onCheckoutSubmitted,
-        orderNumber,
-        pricing?.pendingToPay.amount,
-        pricing?.pendingToPay.currency,
-        subscription,
-        trackCheckout,
-    ]);
-    const [submitCheckout] = useSubmitCheckout({
-        checkoutId: checkout?.id,
-        checkoutBookingId: checkout?.checkoutBookingId,
-        paymentFlowRef,
-        onError: handleOnSubmitCheckoutError,
-        onSuccess: handleOnSubmitCheckoutSuccess,
-        logger,
-    });
-    useEffect(() => {
-        if (paymentFlowPayload && sizeChangeEnabled !== undefined && pricing !== undefined) {
-            submitCheckout({ paymentFlowPayload, sizeChangeEnabled });
-        }
-    }, [paymentFlowPayload, pricing, sizeChangeEnabled, submitCheckout]);
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) && authToken;
-    if (!dependenciesLoaded)
-        return null;
-    return React.createElement(PaymentFlow, { ref: paymentFlowRef, token: authToken });
-};
-export { CheckoutPaymentModal };

package/dist/infrastructure/ui/views/checkout/components/deliveryBanner/DeliveryBanner.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const DeliveryBanner: () => JSX.Element;
-export { DeliveryBanner };

package/dist/infrastructure/ui/views/checkout/components/deliveryBanner/DeliveryBanner.js

@@ -1,9 +0,0 @@
-import { ALIGN, InfoBox, INFOBOX_TYPE, useDevice } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
-import { I18nMessages } from "../../../../i18n/i18n";
-const DeliveryBanner = () => {
-    const { screen } = useDevice();
-    return (React.createElement(InfoBox, { contentAlign: screen.L ? ALIGN.CENTER : undefined, testID: "delivery-banner", text: useI18nMessage({ id: I18nMessages.CHECKOUT_DELIVERY_BANNER }), type: INFOBOX_TYPE.SQUARED }));
-};
-export { DeliveryBanner };

package/dist/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.js

@@ -1,12 +0,0 @@
-import { PaymentInstrumentSelect, PaymentMethod, Section } from "@lookiero/payments-front";
-import React, { useRef } from "react";
-import { useLogger } from "../../../../../../shared/logging/useLogger";
-import { usePaymentInstrumentEvents } from "../../../../hooks/usePaymentInstrumentEvents";
-const PaymentInstrument = ({ useRedirect }) => {
-    const paymentInstrumentSelectRef = useRef(null);
-    const { returnUrl } = useRedirect();
-    const logger = useLogger();
-    usePaymentInstrumentEvents({ logger });
-    return (React.createElement(PaymentInstrumentSelect, { ref: paymentInstrumentSelectRef, beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, hidePaymentMethods: [PaymentMethod.GOOGLE_PAY], section: Section.BOX_CHECKOUT }));
-};
-export { PaymentInstrument };

package/dist/infrastructure/ui/views/feedback/Feedback.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { Country } from "../../../../projection/shared/country";
-import { Layout } from "../../components/layouts/layout/Layout";
-interface FeedbackProps {
-    readonly customerId: string;
-    readonly country: Country;
-    readonly layout: Layout;
-}
-declare const Feedback: FC<FeedbackProps>;
-export { Feedback };

package/dist/infrastructure/ui/views/feedback/Feedback.js

@@ -1,80 +0,0 @@
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useEffect, useRef } from "react";
-import { CheckoutQuestionType } from "../../../../projection/checkoutQuestion/checkoutQuestion";
-import { useLogger } from "../../../../shared/logging/useLogger";
-import { useTrackChangeFeedback } from "../../../../shared/tracking/infrastructure/useTrackChangeFeedback";
-import { useTrackPageView } from "../../../../shared/tracking/infrastructure/useTrackPageView";
-import { useTrackPressContinue } from "../../../../shared/tracking/infrastructure/useTrackPressContinue";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useGiveCheckoutFeedback } from "../../../domain/checkoutFeedback/react/useGiveCheckoutFeedback";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useListCheckoutQuestionsByCheckoutId } from "../../../projection/checkoutQuestion/react/useListCheckoutQuestionsByCheckoutId";
-import { TrackingPage } from "../../../tracking/tracking";
-import { Body } from "../../components/layouts/body/Body";
-import { CheckoutQuestionFeedbackProvider } from "../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback";
-import { style } from "./Feedback.style";
-import { CheckoutQuestionsForm } from "./components/checkoutQuestionsForm/CheckoutQuestionsForm";
-const Feedback = ({ customerId, country, layout: Layout }) => {
-    const logger = useLogger();
-    const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const [checkoutQuestions, checkoutQuestionsStatus] = useListCheckoutQuestionsByCheckoutId({
-        checkoutId: checkout?.id,
-    });
-    useTrackPageView({
-        page: TrackingPage.FEEDBACK,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const trackChangeFeedback = useTrackChangeFeedback({
-        page: TrackingPage.FEEDBACK,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const handleOnChangedFeedback = useCallback(({ checkoutQuestionId, checkoutQuestionFeedback, hasFeedback }) => {
-        const question = checkoutQuestions?.find((question) => question.id === checkoutQuestionId);
-        if (question?.type === CheckoutQuestionType.HOST_TEXTAREA && hasFeedback) {
-            return;
-        }
-        trackChangeFeedback({
-            questionId: checkoutQuestionId,
-            questionName: question?.name,
-            feedback: checkoutQuestionFeedback,
-        });
-    }, [checkoutQuestions, trackChangeFeedback]);
-    const [giveCheckoutFeedback, giveCheckoutFeedbackStatus] = useGiveCheckoutFeedback({
-        checkoutId: checkout?.id,
-        logger,
-    });
-    const checkoutFeedbackGivenRef = useRef(false);
-    const trackPressContinue = useTrackPressContinue({
-        page: TrackingPage.FEEDBACK,
-        country,
-        checkoutId: checkout?.id,
-    });
-    const handleOnSubmit = useCallback(async (feedbacks) => {
-        try {
-            trackPressContinue();
-            await giveCheckoutFeedback({ feedbacks });
-            checkoutFeedbackGivenRef.current = true;
-        }
-        catch (e) { }
-    }, [giveCheckoutFeedback, trackPressContinue]);
-    /**
-     * Give empty feedback when this view is unmounted
-     * (if feedback has not already been given)
-     */
-    useEffect(() => () => {
-        if (!checkoutFeedbackGivenRef.current) {
-            giveCheckoutFeedback({ feedbacks: {} });
-        }
-    }, [giveCheckoutFeedback]);
-    const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) && dependenciesLoadedStatuses.includes(checkoutQuestionsStatus);
-    if (!dependenciesLoaded)
-        return React.createElement(Spinner, null);
-    return (React.createElement(CheckoutQuestionFeedbackProvider, { feedback: {}, onChanged: handleOnChangedFeedback },
-        React.createElement(Layout, { style: { header: style.header, scrollView: style.container } },
-            React.createElement(Body, { style: { column: style.bodyColumn } },
-                React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));
-};
-export { Feedback };

package/dist/infrastructure/ui/views/feedback/Feedback.style.js

@@ -1,17 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-import { HEADER_HEIGHT } from "../../components/templates/header/Header.style";
-const { space8, space10 } = Theme.get();
-const style = StyleSheet.create({
-    bodyColumn: {
-        paddingBottom: space8,
-        paddingHorizontal: space8,
-    },
-    container: {
-        paddingBottom: space10,
-    },
-    header: {
-        height: HEADER_HEIGHT,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js

@@ -1,39 +0,0 @@
-import { Button } from "@lookiero/aurora";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback, useMemo } from "react";
-import { View } from "react-native";
-import { CheckoutQuestionType, } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
-import { CheckoutQuestions } from "../../../../components/organisms/checkoutQuestions/CheckoutQuestions";
-import { useCheckoutQuestionFeedback } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback";
-import { CheckoutQuestionItemProvider, } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionItem";
-import { ButtonCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem";
-import { HostDefaultCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem";
-import { HostSelectCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem";
-import { IconCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/iconCheckoutQuestionItem/IconCheckoutQuestionItem";
-import { TextareaCheckoutQuestionItem } from "../../../../components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem";
-import { I18nMessages } from "../../../../i18n/i18n";
-import { style } from "./CheckoutQuestionsForm.style";
-const checkoutQuestionItems = {
-    [CheckoutQuestionType.HOST_DEFAULT]: HostDefaultCheckoutQuestionItem,
-    [CheckoutQuestionType.HOST_TEXTAREA]: HostDefaultCheckoutQuestionItem,
-    [CheckoutQuestionType.HOST_SELECT]: HostSelectCheckoutQuestionItem,
-    [CheckoutQuestionType.TEXTAREA]: TextareaCheckoutQuestionItem,
-    [CheckoutQuestionType.ICON]: IconCheckoutQuestionItem,
-    [CheckoutQuestionType.BUTTON]: ButtonCheckoutQuestionItem,
-};
-const CheckoutQuestionsForm = ({ checkoutQuestions, submitButtonDisabled, onSubmit, }) => {
-    const buttonText = useI18nMessage({ id: I18nMessages.FEEDBACK_BUTTON });
-    const feedback = useCheckoutQuestionFeedback();
-    const handlePress = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
-    const filteredCheckoutQuestions = useMemo(() => {
-        const responses = Object.values(feedback);
-        return checkoutQuestions.filter((checkoutQuestion) => checkoutQuestion.showCondition.length === 0 ||
-            checkoutQuestion.showCondition.some((condition) => responses.includes(condition)));
-    }, [checkoutQuestions, feedback]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CheckoutQuestionItemProvider, { checkoutQuestionItems: checkoutQuestionItems },
-            React.createElement(CheckoutQuestions, { checkoutQuestions: filteredCheckoutQuestions })),
-        React.createElement(View, { style: style.buttonContainer },
-            React.createElement(Button, { busy: submitButtonDisabled, testID: "checkout-feedback-button", onPress: handlePress }, buttonText))));
-};
-export { CheckoutQuestionsForm };

package/dist/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js

@@ -1,10 +0,0 @@
-import { Theme } from "@lookiero/aurora";
-import { StyleSheet } from "react-native";
-const { space6, space8 } = Theme.get();
-const style = StyleSheet.create({
-    buttonContainer: {
-        paddingHorizontal: space6,
-        paddingVertical: space8,
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/item/Item.d.ts

@@ -1,10 +0,0 @@
-import { FC } from "react";
-import { Country } from "../../../../projection/shared/country";
-import { Layout } from "../../components/layouts/layout/Layout";
-interface ItemProps {
-    readonly customerId: string;
-    readonly country: Country;
-    readonly layout: Layout;
-}
-declare const Item: FC<ItemProps>;
-export { Item };