@lookiero/checkout 6.6.0 → 7.0.0-beta.0

package/dist/index.d.ts

@@ -8,16 +8,9 @@ import { KameleoonEnvironment } from "./src/infrastructure/ab-testing/kameleoonE
 import { RootProps } from "./src/infrastructure/ui/Root";
 import { translationEndpoint, translationExternalEndpoint } from "./src/infrastructure/ui/i18n/translationEndpoint";
 import { CheckoutProjection } from "./src/projection/checkout/checkout";
-import { IsCheckoutAccessibleByCustomerIdProjection } from "./src/projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { Customer } from "./src/projection/shared/customer";
 import { Order } from "./src/projection/shared/order";
 import { Subscription } from "./src/projection/shared/subscription";
-interface IsCheckoutAccessibleFunctionArgs {
-    readonly customerId: string | undefined;
-}
-interface IsCheckoutAccessibleFunction {
-    (args: IsCheckoutAccessibleFunctionArgs): Promise<IsCheckoutAccessibleByCustomerIdProjection>;
-}
 interface FirstAvailableCheckoutByCustomerIdFunctionArgs {
     readonly customerId: string | undefined;
 }
@@ -33,7 +26,6 @@ interface BootstrapFunctionArgs {
 }
 interface BootstrapFunctionReturn {
     readonly root: (args: SentryLoggerFunctionArgs) => ComponentType<RootProps>;
-    readonly isCheckoutAccessible: IsCheckoutAccessibleFunction;
     readonly firstAvailableCheckoutByCustomerId: FirstAvailableCheckoutByCustomerIdFunction;
 }
 interface BootstrapFunction {

package/dist/index.js

@@ -7,18 +7,15 @@ import { root } from "./src/infrastructure/ui/Root";
 import { fetchTranslations } from "./src/infrastructure/ui/i18n/fetchTranslations";
 import { translationEndpoint, translationExternalEndpoint } from "./src/infrastructure/ui/i18n/translationEndpoint";
 import { viewFirstAvailableCheckoutByCustomerId } from "./src/projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { viewIsCheckoutAccessibleByCustomerId, } from "./src/projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 const bootstrap = ({ apiUrl, getAuthToken, translations, sentry, kameleoon }) => {
     const { Component: Messaging, queryBus } = checkoutBootstrap({ apiUrl, getAuthToken });
     const I18n = i18n({
         fetchTranslation: fetchTranslations({ translations }),
         contextId: "CheckoutI18n",
     });
-    const isCheckoutAccessible = ({ customerId }) => queryBus(viewIsCheckoutAccessibleByCustomerId({ customerId }));
     const firstAvailableCheckoutByCustomerId = ({ customerId }) => queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId: customerId }));
     return {
         root: root({ Messaging, I18n, getAuthToken, sentry, kameleoon }),
-        isCheckoutAccessible,
         firstAvailableCheckoutByCustomerId,
     };
 };

package/dist/src/Expo.js

@@ -1,5 +1,3 @@
 import { registerRootComponent } from "expo";
-import { enableLegacyWebImplementation } from "react-native-gesture-handler";
 import { ExpoRoot } from "./ExpoRoot";
-enableLegacyWebImplementation(true);
 registerRootComponent(ExpoRoot);

package/dist/src/ExpoRoot.js

@@ -100,7 +100,14 @@ setPaymentsBridge({
 });
 const kameleoonConfig = {
     siteCode: "aplm4v3ckn",
-    experiments: {},
+    experiments: {
+        newFeedback: {
+            id: "245000",
+            variations: {
+                v1: "964072",
+            },
+        },
+    },
 };
 // const { Component: Messaging } = checkoutMockBootstrap();
 const { Component: Messaging } = checkoutBootstrap({ apiUrl: () => apiUrl, getAuthToken });

package/dist/src/infrastructure/ab-testing/kameleoonEnvironment.d.ts

@@ -1,7 +1,11 @@
-interface Experiments {
+interface Experiment {
+    readonly id: string;
+    readonly variations: Record<string, string>;
 }
 interface KameleoonEnvironment {
     readonly siteCode: string;
-    readonly experiments: Experiments;
+    readonly experiments: {
+        readonly newFeedback: Experiment;
+    };
 }
 export type { KameleoonEnvironment };

package/dist/src/infrastructure/delivery/baseBootstrap.js

@@ -25,7 +25,6 @@ import { viewBookedProductsVariantsForCheckoutItemHandler, VIEW_BOOKED_PRODUCT_V
 import { viewCheckoutByIdHandler, VIEW_CHECKOUT_BY_ID, } from "../../projection/checkout/viewCheckoutById";
 import { viewFirstAvailableCheckoutByCustomerIdHandler, VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
-import { viewIsCheckoutAccessibleByCustomerIdHandler, VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { viewIsCheckoutEnabledByCustomerIdHandler, VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
 import { viewIsSizeChangeEnabledByCheckoutIdHandler, VIEW_IS_SIZE_CHANGE_ENABLED_BY_CHECKOUT_ID, } from "../../projection/checkout/viewIsSizeChangeEnabledByCheckoutId";
 import { viewCheckoutBookingByIdHandler, VIEW_CHECKOUT_BOOKING_BY_ID, } from "../../projection/checkoutBooking/viewCheckoutBookingById";
@@ -53,7 +52,6 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
         .query(VIEW_IS_SIZE_CHANGE_ENABLED_BY_CHECKOUT_ID, viewIsSizeChangeEnabledByCheckoutIdHandler, {
         view: isSizeChangeEnabledByCheckoutIdView,
     })
-        .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
         .command(START_CHECKOUT, startCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
         .command(SUBMIT_CHECKOUT, submitCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
         .query(VIEW_CHECKOUT_ITEM_BY_ID, viewCheckoutItemByIdHandler, {

package/dist/src/infrastructure/ui/components/layouts/layout/Layout.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode, RefObject } from "react";
+import { LayoutChangeEvent, ScrollView, StyleProp, ViewStyle } from "react-native";
+interface LayoutStyle {
+    readonly safeAreaView: StyleProp<ViewStyle>;
+    readonly scrollView: StyleProp<ViewStyle>;
+    readonly header: StyleProp<ViewStyle>;
+}
+interface LayoutProps {
+    readonly children: ReactNode;
+    readonly header?: JSX.Element | null;
+    readonly footer?: JSX.Element | null;
+    readonly panel?: JSX.Element | null;
+    readonly stickyHeader?: boolean;
+    readonly stickyHeaderHiddenOnScroll?: boolean;
+    readonly scrollRef?: RefObject<ScrollView>;
+    readonly scrollEnabled?: boolean;
+    readonly style?: Partial<LayoutStyle>;
+    readonly onLayout?: (event: LayoutChangeEvent) => void;
+}
+type Layout = FC<LayoutProps>;
+export type { Layout };

package/dist/src/infrastructure/ui/components/layouts/layout/Layout.js

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

package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from "react";
+interface FooterProps {
+    readonly children: ReactNode;
+}
+declare const Footer: FC<FooterProps>;
+export { Footer };

package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.js

@@ -0,0 +1,4 @@
+import React from "react";
+import { Platform } from "react-native";
+const Footer = ({ children }) => (Platform.OS !== "web" ? React.createElement(React.Fragment, null, children) : null);
+export { Footer };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from "react";
+interface HeaderProps {
+    readonly children: ReactNode;
+}
+declare const Header: FC<HeaderProps>;
+export { Header };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { View } from "react-native";
+import { style } from "./Header.style";
+const Header = ({ children }) => React.createElement(View, { style: style.header }, children);
+export { Header };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.d.ts

@@ -0,0 +1,4 @@
+declare const style: {
+    header: {};
+};
+export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.js

@@ -0,0 +1,19 @@
+import { Platform, StyleSheet } from "react-native";
+import { HEADER_HEIGHT } from "../../../../templates/header/Header.style";
+const style = StyleSheet.create({
+    header: {
+        ...Platform.select({
+            web: {
+                position: "sticky",
+                top: 0,
+                zIndex: 10,
+                height: HEADER_HEIGHT,
+            },
+            native: {
+                position: "relative",
+                height: HEADER_HEIGHT,
+            },
+        }),
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.d.ts

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

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js

@@ -0,0 +1,18 @@
+/* eslint-disable react/prop-types */
+import React from "react";
+import { View } from "react-native";
+import { GestureHandlerRootView, ScrollView as RNGHScrollView } from "react-native-gesture-handler";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Footer as DefaultFooter } from "../../../templates/footer/Footer";
+import { DefaultHeader } from "../../../templates/header/defaultHeader/DefaultHeader";
+import { Footer } from "../components/footer/Footer";
+import { Header } from "../components/header/Header";
+import { style } from "./DummyLayout.style";
+const DummyLayout = ({ children, header = React.createElement(DefaultHeader, null), footer = React.createElement(DefaultFooter, null), panel, style: customStyle, scrollEnabled, onLayout, }) => (React.createElement(SafeAreaView, { style: [style.safeAreaView, customStyle?.safeAreaView] },
+    React.createElement(GestureHandlerRootView, { style: { flex: 1 } },
+        React.createElement(RNGHScrollView, { contentContainerStyle: [style.scrollView, customStyle?.scrollView], scrollEnabled: scrollEnabled, scrollEventThrottle: 16, showsVerticalScrollIndicator: false, stickyHeaderIndices: [0] },
+            React.createElement(Header, null, header),
+            panel,
+            React.createElement(View, { style: style.children, onLayout: onLayout }, children))),
+    React.createElement(Footer, null, footer)));
+export { DummyLayout };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.d.ts

@@ -0,0 +1,12 @@
+declare const style: {
+    children: {
+        flex: number;
+    };
+    safeAreaView: {
+        flex: number;
+    };
+    scrollView: {
+        flexGrow: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.js

@@ -0,0 +1,13 @@
+import { StyleSheet } from "react-native";
+const style = StyleSheet.create({
+    children: {
+        flex: 1,
+    },
+    safeAreaView: {
+        flex: 1,
+    },
+    scrollView: {
+        flexGrow: 1,
+    },
+});
+export { style };

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

@@ -1,13 +1,22 @@
 import React from "react";
 import { Text, View } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-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 !== " " && !isAllOptions ? (React.createElement(View, { style: style.title },
+        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));
 };

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

@@ -1,8 +1,14 @@
 declare const style: {
+    allOptionsTitle: {
+        display: "none";
+    };
+    formTitle: {
+        paddingLeft: number;
+    };
     title: {
         backgroundColor: string;
         paddingBottom: number;
-        paddingHorizontal: number;
+        paddingRight: number;
         paddingTop: number;
     };
 };

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

@@ -2,10 +2,16 @@ import { StyleSheet } from "react-native";
 import { theme } from "@lookiero/sty-psp-ui";
 const { colorBgBase, space4, space6 } = theme();
 const style = StyleSheet.create({
+    allOptionsTitle: {
+        display: "none",
+    },
+    formTitle: {
+        paddingLeft: space6,
+    },
     title: {
         backgroundColor: colorBgBase,
         paddingBottom: space4,
-        paddingHorizontal: space6,
+        paddingRight: space6,
         paddingTop: space6,
     },
 });

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

@@ -2,14 +2,19 @@ import React, { useCallback, useMemo } from "react";
 import { View } from "@lookiero/aurora";
 import { useIntl } from "@lookiero/i18n-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]);
-    return (React.createElement(View, { style: style.wrapper },
-        React.createElement(InputField, { label: placeholderText, placeholder: placeholderText, testID: testID, value: feedback, multiline: true, onChange: handleOnChange })));
+    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 };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface DefaultHeaderProps {
+    readonly onPressMenu?: () => void;
+}
+declare const DefaultHeader: FC<DefaultHeaderProps>;
+export { DefaultHeader };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { ButtonIcon } from "@lookiero/aurora";
+import { Header } from "../Header";
+import { ButtonIconPlaceholder } from "../buttonIconPlaceholder/ButtonIconPlaceholder";
+import { Logo } from "../logo/Logo";
+import { style } from "./DefaultHeader.style";
+const DefaultHeader = ({ onPressMenu }) => (React.createElement(Header, { testID: "default-header" },
+    React.createElement(Logo, null),
+    React.createElement(ButtonIconPlaceholder, null),
+    React.createElement(ButtonIcon, { name: "menu", style: style.button, testID: "menu-button-icon", onPress: onPressMenu })));
+export { DefaultHeader };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.d.ts

@@ -0,0 +1,8 @@
+declare const style: {
+    button: {
+        alignSelf: "auto";
+        height: number;
+        width: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space10 } = theme();
+const style = StyleSheet.create({
+    button: {
+        alignSelf: "auto",
+        height: space10,
+        width: space10,
+    },
+});
+export { style };

package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from "react";
+declare enum NewFeedbackExperimentVariation {
+    CONTROL = "control",
+    RETURN_PAGE = "return_page"
+}
+interface NewFeedbackExperimentProviderProps {
+    readonly children: ReactNode;
+}
+declare const NewFeedbackExperimentProvider: FC<NewFeedbackExperimentProviderProps>;
+declare const useNewFeedbackExperiment: () => NewFeedbackExperimentVariation;
+export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.js

@@ -0,0 +1,49 @@
+import React, { createContext, useContext, useEffect, useMemo, useRef } from "react";
+import invariant from "tiny-invariant";
+import { Spinner } from "@lookiero/aurora";
+import { useAssignedVariationByExperimentId } from "@lookiero/sty-psp-ab-testing";
+import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
+import { useTrackAssignedVariationByExperiment } from "../../tracking/useTrackAssignedVariationByExperiment";
+import { useStaticInfo } from "./useStaticInfo";
+var NewFeedbackExperimentVariation;
+(function (NewFeedbackExperimentVariation) {
+    NewFeedbackExperimentVariation["CONTROL"] = "control";
+    NewFeedbackExperimentVariation["RETURN_PAGE"] = "return_page";
+})(NewFeedbackExperimentVariation || (NewFeedbackExperimentVariation = {}));
+const NewFeedbackExperimentContext = createContext(null);
+const NewFeedbackExperimentProvider = ({ children }) => {
+    const { kameleoon: { experiments: { newFeedback: { id: newFeedbackId, variations }, }, }, customer: { customerId, country, segment }, } = useStaticInfo();
+    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
+    const { assignedVariation: newFeedbackVariation } = useAssignedVariationByExperimentId({
+        experimentId: newFeedbackId,
+    });
+    const trackAssignedVariation = useTrackAssignedVariationByExperiment({
+        checkoutId: checkout?.id,
+        country,
+        segment,
+        experimentId: newFeedbackId,
+    });
+    const value = useMemo(() => ({
+        variation: newFeedbackVariation?.id === Number(variations.v1)
+            ? NewFeedbackExperimentVariation.RETURN_PAGE
+            : NewFeedbackExperimentVariation.CONTROL,
+    }), [newFeedbackVariation?.id, variations.v1]);
+    const assignedVariantTracked = useRef(false);
+    useEffect(() => {
+        if (assignedVariantTracked.current || !newFeedbackVariation || !checkout?.id) {
+            return;
+        }
+        trackAssignedVariation({ assignedVariation: newFeedbackVariation });
+        assignedVariantTracked.current = true;
+    }, [checkout?.id, newFeedbackVariation, trackAssignedVariation]);
+    if (!checkout) {
+        return React.createElement(Spinner, null);
+    }
+    return React.createElement(NewFeedbackExperimentContext.Provider, { value: value }, children);
+};
+const useNewFeedbackExperiment = () => {
+    const newFeedbackExperiment = useContext(NewFeedbackExperimentContext);
+    invariant(newFeedbackExperiment, "Your are trying to use the useNewFeedbackExperiment hook without wrapping your app with the <NewFeedbackExperimentProvider>.");
+    return newFeedbackExperiment.variation;
+};
+export { useNewFeedbackExperiment, NewFeedbackExperimentProvider, NewFeedbackExperimentVariation };

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

@@ -1,30 +1,30 @@
-import React, { lazy, memo, Suspense } from "react";
+import React, { memo, Suspense } from "react";
 import { Navigate, Outlet, useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Spinner } from "@lookiero/aurora";
 import { Kameleoon } from "@lookiero/sty-psp-ab-testing";
+import { NewFeedbackExperimentProvider } from "../hooks/useNewFeedbackExperiment";
 import { StaticInfoProvider } from "../hooks/useStaticInfo";
 import { App } from "../views/App";
+import { Checkout } from "../views/checkout/Checkout";
 import { CheckoutPaymentModal } from "../views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal";
-import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
+import { Feedback } from "../views/feedback/Feedback";
+import { Item } from "../views/item/Item";
+import { Return } from "../views/return/Return";
+import { Summary } from "../views/summary/Summary";
+import { SummaryTabs } from "../views/summaryTabs/SummaryTabs";
 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, { customer: customer, 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(StaticInfoProvider, { customer: customer, 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, null,
                                     React.createElement(App, null,
                                         React.createElement(Outlet, null))))))))),
             children: [

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from "react";
 import { Platform, ScrollView, View } from "react-native";
 import { useNavigate } from "react-router-native";
-import { Box, Button, Layout as AuroraLayout, Spinner, Text, useDevice } from "@lookiero/aurora";
+import { Box, Button, Layout, Spinner, Text, useDevice } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import { Sticky } from "@lookiero/sty-psp-ui";
@@ -23,7 +23,7 @@ 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, layout: Layout, useRedirect }) => {
+const Checkout = ({ children, layout: UiLayout, useRedirect }) => {
     const { customer: { customerId, country, segment }, } = useStaticInfo();
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
     const submitButtonText = useI18nMessage({ id: I18nMessages.CHECKOUT_PAY_BUTTON });
@@ -68,13 +68,13 @@ const Checkout = ({ children, layout: Layout, useRedirect }) => {
     if (!dependenciesLoaded) {
         return React.createElement(Spinner, null);
     }
-    return (React.createElement(Layout, { header: React.createElement(CheckoutHeader, { onBack: handleOnBack }), scrollEnabled: false, style: {
+    return (React.createElement(UiLayout, { header: React.createElement(CheckoutHeader, { onBack: handleOnBack }), scrollEnabled: false, style: {
             header: style.header,
             scrollView: style.scrollView,
         } },
         React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
             hasReplacedCheckoutItem && React.createElement(DeliveryBanner, null),
-            React.createElement(AuroraLayout, { fullWidth: !screen.L, style: [screen.L && style.desktopLayoutSpacing, !screen.L && { paddingBottom: pricingHeight }] },
+            React.createElement(Layout, { fullWidth: !screen.L, style: [screen.L && style.desktopLayoutSpacing, !screen.L && { paddingBottom: pricingHeight }] },
                 React.createElement(Box, { size: { L: "2/3" }, style: screen.L && style.desktopListSpacing },
                     React.createElement(View, { style: [style.contentWrapper, screen.L && style.desktopContentWrapper] },
                         React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),

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

@@ -1,7 +1,7 @@
 import { FC } from "react";
-import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
+import { Layout } from "@lookiero/sty-psp-ui";
 interface FeedbackProps {
-    readonly layout: UiLayout;
+    readonly layout: Layout;
 }
 declare const Feedback: FC<FeedbackProps>;
 export { Feedback };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts

@@ -0,0 +1,7 @@
+declare const style: {
+    buttonContainer: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+};
+export { style };

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

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