@lookiero/checkout 0.2.52 → 0.3.0

package/README.md

@@ -33,3 +33,18 @@ Once we can replace the build of Jenkins for NPM one, we are going to be able to
   }
 }
 ```
+
+We are hiding the node compatibility deprecation warnings in order to obtain a success message from
+the terminal. Remove it once we drop Yarn compatibility.
+
+```json
+{
+  (...)
+  "scripts": {
+    (...)
+    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear 2> /dev/null"
+    (...)
+  }
+  (...)
+}
+```

package/dist/infrastructure/ui/Root.d.ts

@@ -10,6 +10,7 @@ interface RootFunction {
     (args: RootFunctionArgs): FC<RootProps>;
 }
 interface RootProps {
+    readonly basePath: string;
     readonly locale?: string;
     readonly customerId: string | undefined;
     readonly onNotAccessible: () => void;

package/dist/infrastructure/ui/Root.js

@@ -1,13 +1,11 @@
 import React, { useCallback } from "react";
 import { Platform } from "react-native";
 import { Routing } from "./routing/Routing";
-import { Router } from "./routing/router/Router";
 const root = ({ Messaging, I18n, development }) => 
 // eslint-disable-next-line react/display-name, react/prop-types
-({ locale = "en", customerId, onNotAccessible }) => {
+({ basePath, locale = "en", customerId, onNotAccessible }) => {
     const handleOnI18nError = useCallback(() => void 0, []);
     return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-        React.createElement(Router, null,
-            React.createElement(Routing, { I18n: I18n, customerId: customerId, locale: locale, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible }))));
+        React.createElement(Routing, { I18n: I18n, basePath: basePath, customerId: customerId, locale: locale, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
 };
 export { root };

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

@@ -1,7 +1,9 @@
 import { FC } from "react";
 interface CheckoutMiddlewareProps {
+    readonly basePath: string;
     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,19 +1,19 @@
 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 = ({ basePath, customerId, loader = React.createElement(Spinner, null), children }) => {
     const introShown = useRef(false);
     const [shouldIntroBeShown, shouldIntroBeShownStatus] = useShouldIntroBeShown();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const firstItemWithoutCustomerDecision = checkout?.items.find((item) => [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status));
-    const introRouteMatch = useMatch(Routes.INTRO);
-    const itemRouteMatch = useMatch(Routes.ITEM);
-    const summaryRouteMatch = useMatch(Routes.SUMMARY);
+    const introRouteMatch = useMatch(`${basePath}/${Routes.INTRO}`);
+    const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
+    const summaryRouteMatch = useMatch(`${basePath}/${Routes.SUMMARY}`);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(shouldIntroBeShownStatus) &&
         dependenciesLoadedStatuses.includes(checkoutStatus);
@@ -25,23 +25,23 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
             introShown.current = true;
         }
         else {
-            return React.createElement(Navigate, { to: Routes.INTRO, replace: true });
+            return React.createElement(Navigate, { to: `${basePath}/${Routes.INTRO}`, replace: true });
         }
     }
     else {
         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: `${basePath}/${Routes.HOME}`, replace: true });
             }
         }
         if (firstItemWithoutCustomerDecision && !itemRouteMatch) {
-            return React.createElement(Navigate, { to: generatePath(Routes.ITEM, { id: firstItemWithoutCustomerDecision.id }), replace: true });
+            return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
         }
         if (firstItemWithoutCustomerDecision === undefined && !summaryRouteMatch) {
-            return React.createElement(Navigate, { to: Routes.SUMMARY, replace: true });
+            return React.createElement(Navigate, { to: `${basePath}/${Routes.SUMMARY}`, replace: true });
         }
     }
-    return React.createElement(Outlet, null);
+    return children;
 };
 export { CheckoutMiddleware };

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

@@ -5,6 +5,7 @@ interface RoutingProps {
     readonly customerId: string | undefined;
     readonly locale: string;
     readonly I18n: I18n;
+    readonly basePath?: string;
     readonly onI18nError?: (err: Error) => void;
 }
 declare const Routing: FC<RoutingProps>;

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

@@ -8,52 +8,37 @@ import { Routes } from "./routes";
 const Intro = lazy(() => import("../views/intro/Intro").then((module) => ({ default: module.Intro })));
 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 Routing = ({ onNotAccessible, customerId, locale, I18n, onI18nError }) => {
+const Routing = ({ basePath = "", onNotAccessible, customerId, locale, I18n, onI18nError }) => {
     const routes = useRoutes([
         {
-            path: Routes.CHECKOUT,
-            element: React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible }),
+            path: "",
+            element: (React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible },
+                React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
+                    React.createElement(CheckoutMiddleware, { basePath: basePath, 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.52",
+  "version": "0.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -16,7 +16,7 @@
     "web": "expo start --web",
     "export-analyze-web": "BUNDLE_ANALYZE=true NODE_ENV=production expo export:web",
     "build": "tsc -b tsconfig.build.json",
-    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear",
+    "build:app": "tsc -p ./tsconfig.build-app.json --noemit && ENTRY_POINT='./src/Expo.tsx' NODE_ENV=production expo export:web --clear 2> /dev/null",
     "lint": "eslint --fix --cache --cache-location ./node_modules/.cache/.eslintcache --ext ts,tsx .",
     "format": "prettier --write \"**/*.+(json|css|ts|tsx|md)\"",
     "test": "tsc -p ./tsconfig.test.json --noemit && jest",