@lookiero/checkout 2.4.0 → 2.4.1

package/dist/infrastructure/ui/hooks/useSubmitCheckout.js

@@ -19,6 +19,11 @@ const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onEr
         catch (error) {
             return;
         }
+        /**
+         * paymentFlowRef.current is not properly set between render-cycles,
+         * so we have to defer the startLegacyBoxCheckout invocation.
+         */
+        await new Promise((resolve) => setTimeout(() => resolve(0), 200));
         paymentFlowRef.current?.startLegacyBoxCheckout(
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore

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

@@ -1,6 +1,7 @@
 import { FC } from "react";
 interface CheckoutMiddlewareProps {
     readonly customerId: string;
+    readonly onNotAccessible: () => void;
     readonly loader?: JSX.Element;
     readonly children: JSX.Element;
 }

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from "react";
-import { generatePath, Navigate, useMatch, useNavigate } from "react-router-native";
+import { generatePath, useMatch, useNavigate } from "react-router-native";
 import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { useLogger } from "../../../shared/logging/useLogger";
@@ -9,7 +9,7 @@ import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/chec
 import { useViewIsSizeChangeEnabledByCheckoutId } from "../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
 import { Routes } from "./routes";
 import { useBasePath } from "./useBasePath";
-const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null), children }) => {
+const CheckoutMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), children, }) => {
     const logger = useLogger();
     const basePath = useBasePath();
     const navigate = useNavigate();
@@ -79,7 +79,8 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     }
     /* Prevent direct payment access */
     if (checkoutPaymentRouteMatch && !checkoutShown.current) {
-        return React.createElement(Navigate, { to: `${basePath}/${Routes.HOME}`, replace: true });
+        onNotAccessible();
+        return null;
     }
     return children;
 };

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

@@ -18,7 +18,7 @@ const Routing = ({ basePath = "", customer, locale, I18n, getAuthToken, onI18nEr
             element: (React.createElement(BasePathProvider, { basePath: basePath },
                 React.createElement(CheckoutAccessibilityMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
                     React.createElement(I18n, { loader: React.createElement(Spinner, null), locale: locale, onError: onI18nError },
-                        React.createElement(CheckoutMiddleware, { customerId: customer?.customerId },
+                        React.createElement(CheckoutMiddleware, { customerId: customer?.customerId, onNotAccessible: onNotAccessible },
                             React.createElement(App, { country: customer?.country, customerId: customer?.customerId, onOpenMenu: onOpenMenu },
                                 React.createElement(Outlet, null))))))),
             children: [

package/package.json

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