@lookiero/checkout 0.2.48-beta.0 → 0.2.48-beta.1

package/dist/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.d.ts

@@ -3,6 +3,7 @@ interface CheckoutAccessibilityMiddlewareProps {
     readonly customerId: string | undefined;
     readonly onNotAccessible: () => void;
     readonly loader?: JSX.Element;
+    readonly children: JSX.Element;
 }
 declare const CheckoutAccessibilityMiddleware: FC<CheckoutAccessibilityMiddlewareProps>;
 export { CheckoutAccessibilityMiddleware };

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

@@ -1,9 +1,8 @@
 import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useEffect, useRef } from "react";
-import { Outlet } from "react-router-native";
 import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId";
 import { Spinner } from "../shared/components/atoms/spinner/Spinner";
-const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), }) => {
+const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), children, }) => {
     const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
     const onNotAccessibleRef = useRef(onNotAccessible);
     onNotAccessibleRef.current = onNotAccessible;
@@ -13,6 +12,10 @@ const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader =
             onNotAccessibleRef.current();
         }
     }, [notAccessible, onNotAccessible]);
-    return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status) ? (loader) : accessible ? (React.createElement(Outlet, null)) : null;
+    return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status)
+        ? loader
+        : accessible
+            ? children
+            : null;
 };
 export { CheckoutAccessibilityMiddleware };

package/dist/infrastructure/ui/routing/CheckoutMiddleware.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface CheckoutMiddlewareProps {
     readonly customerId: string;
     readonly loader?: JSX.Element;
+    readonly children: JSX.Element;
 }
 declare const CheckoutMiddleware: FC<CheckoutMiddlewareProps>;
 export { CheckoutMiddleware };

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

@@ -1,12 +1,12 @@
 import { QueryStatus } from "@lookiero/messaging-react";
 import React, { useRef } from "react";
-import { generatePath, Navigate, Outlet, useMatch } from "react-router-native";
+import { generatePath, Navigate, useMatch } from "react-router-native";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useShouldIntroBeShown } from "../../projection/uiSetting/react/useShouldIntroBeShown";
 import { Spinner } from "../shared/components/atoms/spinner/Spinner";
 import { Routes } from "./routes";
-const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null) }) => {
+const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null), children }) => {
     const introShown = useRef(false);
     const [shouldIntroBeShown, shouldIntroBeShownStatus] = useShouldIntroBeShown();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -32,7 +32,7 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
         if (itemRouteMatch) {
             const checkoutItem = checkout?.items.find((item) => item.id === itemRouteMatch.params.id);
             if (!checkoutItem) {
-                return React.createElement(Navigate, { to: Routes.CHECKOUT, replace: true });
+                return React.createElement(Navigate, { to: Routes.HOME, replace: true });
             }
         }
         if (firstItemWithoutCustomerDecision && !itemRouteMatch) {
@@ -42,6 +42,6 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
             return React.createElement(Navigate, { to: Routes.SUMMARY, replace: true });
         }
     }
-    return React.createElement(Outlet, null);
+    return children;
 };
 export { CheckoutMiddleware };

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

@@ -11,49 +11,33 @@ const Summary = lazy(() => import("../views/summary/Summary").then((module) => (
 const Routing = ({ onNotAccessible, customerId, locale, I18n, onI18nError }) => {
     const routes = useRoutes([
         {
-            path: Routes.CHECKOUT,
-            element: React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible }),
+            element: (React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible },
+                React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
+                    React.createElement(CheckoutMiddleware, { customerId: customerId },
+                        React.createElement(App, null,
+                            React.createElement(Outlet, null)))))),
             children: [
                 {
-                    path: "",
-                    element: (React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
-                        React.createElement(Outlet, null))),
-                    children: [
-                        {
-                            path: "",
-                            element: React.createElement(CheckoutMiddleware, { customerId: customerId }),
-                            children: [
-                                {
-                                    path: "",
-                                    element: React.createElement(App, null),
-                                    children: [
-                                        {
-                                            path: Routes.INTRO,
-                                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                                React.createElement(Intro, { customerId: customerId }))),
-                                        },
-                                        {
-                                            path: Routes.ITEM,
-                                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                                React.createElement(Item, { customerId: customerId }))),
-                                        },
-                                        {
-                                            path: Routes.SUMMARY,
-                                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                                React.createElement(Summary, { customerId: customerId }))),
-                                        },
-                                    ],
-                                },
-                            ],
-                        },
-                    ],
+                    path: Routes.INTRO,
+                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                        React.createElement(Intro, { customerId: customerId }))),
+                },
+                {
+                    path: Routes.ITEM,
+                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                        React.createElement(Item, { customerId: customerId }))),
+                },
+                {
+                    path: Routes.SUMMARY,
+                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                        React.createElement(Summary, { customerId: customerId }))),
+                },
+                {
+                    path: "*",
+                    element: React.createElement(Navigate, { to: Routes.HOME, replace: true }),
                 },
             ],
         },
-        {
-            path: "*",
-            element: React.createElement(Navigate, { to: Routes.CHECKOUT, replace: true }),
-        },
     ]);
     return routes;
 };

package/dist/infrastructure/ui/routing/routes.d.ts

@@ -1,6 +1,6 @@
 export declare enum Routes {
-    CHECKOUT = "/checkout",
-    INTRO = "/checkout/intro",
-    ITEM = "/checkout/item/:id",
-    SUMMARY = "/checkout/summary"
+    HOME = "/",
+    INTRO = "intro",
+    ITEM = "item/:id",
+    SUMMARY = "summary"
 }

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

@@ -1,7 +1,7 @@
 export var Routes;
 (function (Routes) {
-    Routes["CHECKOUT"] = "/checkout";
-    Routes["INTRO"] = "/checkout/intro";
-    Routes["ITEM"] = "/checkout/item/:id";
-    Routes["SUMMARY"] = "/checkout/summary";
+    Routes["HOME"] = "/";
+    Routes["INTRO"] = "intro";
+    Routes["ITEM"] = "item/:id";
+    Routes["SUMMARY"] = "summary";
 })(Routes || (Routes = {}));

package/dist/infrastructure/ui/views/App.d.ts

@@ -1,3 +1,6 @@
 import { FC } from "react";
-declare const App: FC;
+interface AppProps {
+    readonly children: JSX.Element;
+}
+declare const App: FC<AppProps>;
 export { App };

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

@@ -1,8 +1,6 @@
 import { PortalProvider } from "@gorhom/portal";
 import React from "react";
 import { SafeAreaProvider } from "react-native-safe-area-context";
-import { Outlet } from "react-router-native";
-const App = () => (React.createElement(SafeAreaProvider, null,
-    React.createElement(PortalProvider, null,
-        React.createElement(Outlet, null))));
+const App = ({ children }) => (React.createElement(SafeAreaProvider, null,
+    React.createElement(PortalProvider, null, children)));
 export { App };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.48-beta.0",
+  "version": "0.2.48-beta.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [