@lookiero/checkout 6.5.1 → 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/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/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/routing/Routing.js

@@ -1,34 +1,32 @@
-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(NewFeedbackExperimentProvider, null,
-                                        React.createElement(App, null,
-                                            React.createElement(Outlet, null)))))))))),
+                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: [
                 {
                     path: Routes.ITEM,

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 };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { LayoutRectangle } from "react-native";
+import { PricingProjection } from "../../../../../../projection/pricing/pricing";
+interface StickyPricingProps {
+    readonly pricing: PricingProjection;
+    readonly totalCheckoutItemsKept: number;
+    readonly collapsed: boolean;
+    readonly onPress: () => void;
+    readonly onSubmit: () => void;
+    readonly onLayout?: ({ width, height }: LayoutRectangle) => void;
+}
+declare const StickyPricing: FC<StickyPricingProps>;
+export { StickyPricing };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { Sticky } from "@lookiero/sty-psp-ui";
+import { Body } from "../../../../components/layouts/body/Body";
+import { Pricing } from "../pricing/Pricing";
+import { style } from "./StickyPricing.style";
+const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit, onLayout, }) => (React.createElement(Sticky, { style: style.sticky, onLayout: onLayout },
+    React.createElement(Body, null,
+        React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: collapsed, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: onPress, onSubmit: onSubmit }))));
+export { StickyPricing };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts

@@ -0,0 +1,7 @@
+declare const style: {
+    sticky: {
+        paddingBottom: number;
+        paddingTop: number;
+    };
+};
+export { style };

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js

@@ -0,0 +1,10 @@
+import { StyleSheet } from "react-native";
+import { theme } from "@lookiero/sty-psp-ui";
+const { space3, space4 } = theme();
+const style = StyleSheet.create({
+    sticky: {
+        paddingBottom: space4,
+        paddingTop: space3,
+    },
+});
+export { style };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.5.1";
+export declare const VERSION = "7.0.0-beta.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "6.5.1";
+export const VERSION = "7.0.0-beta.0";

package/index.ts

@@ -12,22 +12,10 @@ import { fetchTranslations } from "./src/infrastructure/ui/i18n/fetchTranslation
 import { translationEndpoint, translationExternalEndpoint } from "./src/infrastructure/ui/i18n/translationEndpoint";
 import { CheckoutProjection } from "./src/projection/checkout/checkout";
 import { viewFirstAvailableCheckoutByCustomerId } from "./src/projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import {
-  IsCheckoutAccessibleByCustomerIdProjection,
-  viewIsCheckoutAccessibleByCustomerId,
-} 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;
 }
@@ -46,7 +34,6 @@ interface BootstrapFunctionArgs {
 
 interface BootstrapFunctionReturn {
   readonly root: (args: SentryLoggerFunctionArgs) => ComponentType<RootProps>;
-  readonly isCheckoutAccessible: IsCheckoutAccessibleFunction;
   readonly firstAvailableCheckoutByCustomerId: FirstAvailableCheckoutByCustomerIdFunction;
 }
 
@@ -61,15 +48,11 @@ const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken, translations, sent
     contextId: "CheckoutI18n",
   });
 
-  const isCheckoutAccessible: IsCheckoutAccessibleFunction = ({ customerId }) =>
-    queryBus(viewIsCheckoutAccessibleByCustomerId({ customerId }));
-
   const firstAvailableCheckoutByCustomerId: FirstAvailableCheckoutByCustomerIdFunction = ({ customerId }) =>
     queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId: customerId as string }));
 
   return {
     root: root({ Messaging, I18n, getAuthToken, sentry, kameleoon }),
-    isCheckoutAccessible,
     firstAvailableCheckoutByCustomerId,
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "6.5.1",
+  "version": "7.0.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -32,8 +32,6 @@
     "@lookiero/sty-psp-uuid": "^0.1.0",
     "@react-native-async-storage/async-storage": "^1.22.3",
     "@react-spring/native": "9.6.1",
-    "react-native-gesture-handler": "^2.12.0",
-    "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-svg": "^13.4.0",
     "tiny-invariant": "^1.3.1"
   },

package/src/Expo.tsx

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

package/src/infrastructure/delivery/baseBootstrap.ts

@@ -72,10 +72,6 @@ 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 {
   IsCheckoutEnabledByCustomerIdView,
   viewIsCheckoutEnabledByCustomerIdHandler,
@@ -261,7 +257,6 @@ const baseBootstrap: BaseBootstrapFunction = ({
     .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/src/infrastructure/ui/routing/Routing.tsx

@@ -1,4 +1,4 @@
-import React, { FC, lazy, memo, Suspense } from "react";
+import React, { FC, memo, Suspense } from "react";
 import { Navigate, Outlet, useRoutes as reactRouterUseRoutes } from "react-router-native";
 import { Spinner } from "@lookiero/aurora";
 import { I18n } from "@lookiero/i18n-react";
@@ -11,21 +11,17 @@ import { KameleoonEnvironment } from "../../ab-testing/kameleoonEnvironment";
 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 })));
-
 interface RoutingProps {
   readonly basePath?: string;
   readonly customer: Customer;
@@ -64,21 +60,19 @@ const Routing: FC<RoutingProps> = ({
       path: "",
       element: (
         <BasePathProvider basePath={basePath}>
-          <CheckoutAccessibilityMiddleware customerId={customer?.customerId} onNotAccessible={onNotAccessible}>
-            <StaticInfoProvider customer={customer} kameleoon={kameleoon}>
-              <I18n loader={<Spinner />} locale={locale} onError={onI18nError}>
-                <Kameleoon loader={<Spinner />} siteCode={kameleoon.siteCode}>
-                  <CheckoutMiddleware customerId={customer?.customerId as string} onNotAccessible={onNotAccessible}>
-                    <NewFeedbackExperimentProvider>
-                      <App>
-                        <Outlet />
-                      </App>
-                    </NewFeedbackExperimentProvider>
-                  </CheckoutMiddleware>
-                </Kameleoon>
-              </I18n>
-            </StaticInfoProvider>
-          </CheckoutAccessibilityMiddleware>
+          <StaticInfoProvider customer={customer} kameleoon={kameleoon}>
+            <I18n loader={<Spinner />} locale={locale} onError={onI18nError}>
+              <Kameleoon loader={<Spinner />} siteCode={kameleoon.siteCode}>
+                <CheckoutMiddleware customerId={customer?.customerId as string} onNotAccessible={onNotAccessible}>
+                  <NewFeedbackExperimentProvider>
+                    <App>
+                      <Outlet />
+                    </App>
+                  </NewFeedbackExperimentProvider>
+                </CheckoutMiddleware>
+              </Kameleoon>
+            </I18n>
+          </StaticInfoProvider>
         </BasePathProvider>
       ),
       children: [

package/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.test.ts

@@ -1,45 +0,0 @@
-import { renderHook, waitFor } from "@testing-library/react-native";
-import { bootstrap, QueryStatus } from "@lookiero/messaging-react";
-import { CheckoutProjection } from "../../../../projection/checkout/checkout";
-import {
-  viewFirstAvailableCheckoutByCustomerIdHandler,
-  VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID,
-} from "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-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 { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-import { useViewIsCheckoutAccessibleByCustomerId as sut } from "./useViewIsCheckoutAccessibleByCustomerId";
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutProjection: CheckoutProjection = { id: "75574065-5838-42de-9924-c712f7854347" } as CheckoutProjection;
-const firstAvailableCheckoutByCustomerIdViewMock = jest.fn().mockReturnValue(checkoutProjection);
-const isCheckoutAccessibleByCustomerIdViewMock = jest.fn().mockReturnValue(checkoutProjection);
-
-const { Component: Messaging } = bootstrap({ id: MESSAGING_CONTEXT_ID })
-  .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
-    view: firstAvailableCheckoutByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
-    view: isCheckoutAccessibleByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
-  .build();
-
-describe("useViewIsCheckoutAccessibleByCustomerId integration hook", () => {
-  it("returns success as the query status and the result itself after rendering the hook", async () => {
-    const { result } = renderHook(() => sut({ customerId }), { wrapper: Messaging });
-
-    await waitFor(() => {
-      const [projection, status] = result.current;
-
-      expect(projection).toBe(true);
-      expect(status).toBe(QueryStatus.SUCCESS);
-    });
-  });
-});

package/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.ts

@@ -1,33 +0,0 @@
-import { useQuery, UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { isCheckoutFeedbackGiven } from "../../../../domain/checkoutFeedback/model/checkoutFeedbackGiven";
-import {
-  IsCheckoutAccessibleByCustomerIdProjection,
-  viewIsCheckoutAccessibleByCustomerId,
-} from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-
-interface UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs {
-  readonly customerId: string | undefined;
-}
-
-interface UseViewIsCheckoutAccessibleByCustomerIdFunction {
-  (
-    args: UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs,
-  ): UseQueryFunctionResult<IsCheckoutAccessibleByCustomerIdProjection>;
-}
-
-const useViewIsCheckoutAccessibleByCustomerId: UseViewIsCheckoutAccessibleByCustomerIdFunction = ({ customerId }) =>
-  useQuery({
-    query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
-    contextId: MESSAGING_CONTEXT_ID,
-    invalidation: isCheckoutFeedbackGiven,
-    options: {
-      refetchOnMount: "always",
-      staleTime: Infinity,
-      retry: false,
-      refetchOnWindowFocus: false,
-      cacheTime: 0,
-    },
-  });
-
-export { useViewIsCheckoutAccessibleByCustomerId };

package/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.test.tsx

@@ -1,74 +0,0 @@
-import { render, RenderResult } from "@testing-library/react-native";
-import React from "react";
-import { Text } from "react-native";
-import { MemoryRouter, Outlet, Route, Routes } from "react-router-native";
-import { QueryStatus } from "@lookiero/messaging-react";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
-import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
-
-jest.mock("../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId", () => ({
-  useViewIsCheckoutAccessibleByCustomerId: jest.fn(),
-}));
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutRouteText = "checkout-route-component";
-const loaderText = "loader-component";
-
-interface RenderCheckoutAccessibilityMiddlewareArgs {
-  readonly onNotAccessible?: () => void;
-}
-
-interface RenderCheckoutAccessibilityMiddlewareFunction {
-  (args?: RenderCheckoutAccessibilityMiddlewareArgs): RenderResult;
-}
-
-const renderCheckoutAccessibilityMiddleware: RenderCheckoutAccessibilityMiddlewareFunction = ({
-  onNotAccessible = () => void 0,
-} = {}) =>
-  render(
-    <MemoryRouter initialEntries={["/"]}>
-      <Routes>
-        <Route
-          path="/"
-          element={
-            <CheckoutAccessibilityMiddleware
-              customerId={customerId}
-              loader={<Text>{loaderText}</Text>}
-              onNotAccessible={onNotAccessible}
-            >
-              <Outlet />
-            </CheckoutAccessibilityMiddleware>
-          }
-        >
-          <Route element={<Text>{checkoutRouteText}</Text>} path="/" />
-        </Route>
-      </Routes>
-    </MemoryRouter>,
-  );
-
-describe("CheckoutAccessibilityMiddleware component", () => {
-  it("renders a loader while processing viewIsCheckoutAccessibleByCustomerId use-case", async () => {
-    (useViewIsCheckoutAccessibleByCustomerId as jest.Mock).mockReturnValue([undefined, QueryStatus.LOADING]);
-    const { findByText } = renderCheckoutAccessibilityMiddleware();
-    const loader = await findByText(loaderText);
-
-    expect(loader).toBeTruthy();
-  });
-
-  it("renders its Outlet's content if it is accessible", async () => {
-    (useViewIsCheckoutAccessibleByCustomerId as jest.Mock).mockReturnValue([true, QueryStatus.SUCCESS]);
-    const { findByText } = renderCheckoutAccessibilityMiddleware();
-    const checkoutContent = await findByText(checkoutRouteText);
-
-    expect(checkoutContent).toBeTruthy();
-  });
-
-  it("calls onNotAccessible callback if it is not accessible", async () => {
-    (useViewIsCheckoutAccessibleByCustomerId as jest.Mock).mockReturnValue([false, QueryStatus.SUCCESS]);
-    const onNotAccessibleFn = jest.fn();
-    const { toJSON } = renderCheckoutAccessibilityMiddleware({ onNotAccessible: onNotAccessibleFn });
-
-    expect(toJSON()).toBeNull();
-    expect(onNotAccessibleFn).toHaveBeenCalled();
-  });
-});

package/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.tsx

@@ -1,39 +0,0 @@
-import React, { FC, useEffect, useRef } from "react";
-import { Spinner } from "@lookiero/aurora";
-import { QueryStatus } from "@lookiero/messaging-react";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
-
-interface CheckoutAccessibilityMiddlewareProps {
-  readonly customerId: string | undefined;
-  readonly onNotAccessible: () => void;
-  readonly loader?: JSX.Element;
-  readonly children: JSX.Element;
-}
-
-const CheckoutAccessibilityMiddleware: FC<CheckoutAccessibilityMiddlewareProps> = ({
-  customerId,
-  onNotAccessible,
-  loader = <Spinner />,
-  children,
-}) => {
-  const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
-
-  const onNotAccessibleRef = useRef(onNotAccessible);
-  onNotAccessibleRef.current = onNotAccessible;
-
-  const notAccessible = accessible === false || status === QueryStatus.ERROR;
-
-  useEffect(() => {
-    if (notAccessible) {
-      onNotAccessibleRef.current();
-    }
-  }, [notAccessible]);
-
-  return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status)
-    ? loader
-    : accessible
-      ? children
-      : null;
-};
-
-export { CheckoutAccessibilityMiddleware };

package/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.test.ts

@@ -1,54 +0,0 @@
-import { bootstrap } from "@lookiero/messaging";
-import { CheckoutProjection } from "./checkout";
-import {
-  viewFirstAvailableCheckoutByCustomerIdHandler,
-  VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID,
-} from "./viewFirstAvailableCheckoutByCustomerId";
-import {
-  viewIsCheckoutAccessibleByCustomerId,
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-} from "./viewIsCheckoutAccessibleByCustomerId";
-import {
-  viewIsCheckoutEnabledByCustomerIdHandler,
-  VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID,
-} from "./viewIsCheckoutEnabledByCustomerId";
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutProjection: CheckoutProjection = { id: "75574065-5838-42de-9924-c712f7854347" } as CheckoutProjection;
-const firstAvailableCheckoutByCustomerIdViewMock = jest.fn();
-const isCheckoutEnabledByCustomerIdViewMock = jest.fn();
-
-const { queryBus } = bootstrap()
-  .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
-    view: firstAvailableCheckoutByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
-    view: isCheckoutEnabledByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
-  .build();
-
-// expectedResult, customerId, CheckoutProjection, isCheckoutEnabled
-type Scenarios = [boolean, string | undefined, CheckoutProjection | undefined, boolean][];
-const scenarios: Scenarios = [
-  [false, undefined, checkoutProjection, true],
-  [false, customerId, undefined, true],
-  [false, customerId, checkoutProjection, false],
-  [true, customerId, checkoutProjection, true],
-];
-
-describe("viewIsCheckoutAccessibleByCustomerId", () => {
-  test.each(scenarios)(
-    "Returns %s when customer is %s, checkout projection is %s and the checkout is enabled: %s",
-    async (expectedResult, customerId, checkout, isEnabled) => {
-      firstAvailableCheckoutByCustomerIdViewMock.mockReturnValue(checkout);
-      isCheckoutEnabledByCustomerIdViewMock.mockReturnValue(isEnabled);
-      const query = viewIsCheckoutAccessibleByCustomerId({ customerId });
-
-      const result = await queryBus(query);
-
-      expect(result).toBe(expectedResult);
-    },
-  );
-});

package/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.ts

@@ -1,46 +0,0 @@
-import { query, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-import { viewFirstAvailableCheckoutByCustomerId } from "./viewFirstAvailableCheckoutByCustomerId";
-import { viewIsCheckoutEnabledByCustomerId } from "./viewIsCheckoutEnabledByCustomerId";
-
-type IsCheckoutAccessibleByCustomerIdProjection = boolean;
-
-const VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID = "view_is_checkout_accessible_by_customer_id";
-
-interface ViewIsCheckoutAccessibleByCustomerIdPayload {
-  readonly customerId: string | undefined;
-}
-
-interface ViewIsCheckoutAccessibleByCustomerId
-  extends Query<typeof VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID>,
-    ViewIsCheckoutAccessibleByCustomerIdPayload {}
-
-interface ViewIsCheckoutAccessibleByCustomerIdFunction {
-  (payload: ViewIsCheckoutAccessibleByCustomerIdPayload): ViewIsCheckoutAccessibleByCustomerId;
-}
-
-const viewIsCheckoutAccessibleByCustomerId: ViewIsCheckoutAccessibleByCustomerIdFunction = (payload) => ({
-  ...query({ name: VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID }),
-  ...payload,
-});
-
-interface ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {}
-
-const isNonEmptyCustomerId = (customerId: string | undefined): customerId is string => Boolean(customerId);
-
-const viewIsCheckoutAccessibleByCustomerIdHandler: QueryHandlerFunction<
-  ViewIsCheckoutAccessibleByCustomerId,
-  IsCheckoutAccessibleByCustomerIdProjection,
-  ViewIsCheckoutAccessibleByCustomerIdHandlerFunctionArgs
-> =
-  ({ queryBus }) =>
-  async ({ customerId }) =>
-    isNonEmptyCustomerId(customerId) &&
-    Boolean(await queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId }))) &&
-    Boolean(await queryBus(viewIsCheckoutEnabledByCustomerId({ customerId })));
-
-export type { IsCheckoutAccessibleByCustomerIdProjection };
-export {
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-  viewIsCheckoutAccessibleByCustomerId,
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-};