@lookiero/checkout 3.0.0 → 3.1.0

package/dist/infrastructure/domain/checkout/react/useSubmitCheckout.js

@@ -12,9 +12,7 @@ const useSubmitCheckout = ({ checkoutId, logger }) => {
     const submit = useCallback(async () => {
         invariant(checkoutId, "CheckoutId must be defined in order to submit checkout");
         try {
-            return await commandBus(submitCheckout({
-                aggregateId: checkoutId,
-            }));
+            await commandBus(submitCheckout({ aggregateId: checkoutId }));
         }
         catch (error) {
             logger.captureException(error);

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

@@ -21,6 +21,7 @@ interface RootProps {
     readonly customer: Customer | undefined;
     readonly layout: Layout;
     readonly onNotAccessible: () => void;
+    readonly onCheckoutSubmitted?: () => void;
     readonly useRedirect: () => Record<string, string>;
     readonly useRoutes?: typeof reactRouterUseRoutes;
 }

package/dist/infrastructure/ui/Root.js

@@ -6,10 +6,10 @@ import { sentryLoggerHOC } from "../../shared/logging/SentryLoggerHOC";
 import { Routing } from "./routing/Routing";
 const root = ({ Messaging, I18n, getAuthToken, development, sentry }) => {
     // eslint-disable-next-line react/display-name, react/prop-types
-    const Root = ({ basePath, locale = "en", customer, layout, onNotAccessible, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
+    const Root = ({ basePath, locale = "en", customer, layout, onNotAccessible, onCheckoutSubmitted, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
         const handleOnI18nError = useCallback(() => void 0, []);
         return (React.createElement(Messaging, { includeReactQueryDevTools: Platform.OS === "web" },
-            React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, layout: layout, locale: locale, useRedirect: useRedirect, useRoutes: useRoutes, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
+            React.createElement(Routing, { I18n: I18n, basePath: basePath, customer: customer, getAuthToken: getAuthToken, layout: layout, locale: locale, useRedirect: useRedirect, useRoutes: useRoutes, onCheckoutSubmitted: onCheckoutSubmitted, onI18nError: development ? undefined : handleOnI18nError, onNotAccessible: onNotAccessible })));
     };
     return sentryLoggerHOC({ logger: sentryLogger(sentry) })(Root);
 };

package/dist/infrastructure/ui/hooks/useSubmitCheckout.d.ts

@@ -16,6 +16,7 @@ interface UseSubmitCheckoutFunctionArgs {
     readonly checkoutBookingId: string;
     readonly paymentFlowRef: RefObject<PaymentFlowRef>;
     readonly onError: () => void;
+    readonly onSuccess?: () => void;
     readonly logger: Logger;
 }
 interface UseSubmitCheckoutFunction {

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

@@ -7,7 +7,7 @@ import { MESSAGING_CONTEXT_ID } from "../../delivery/baseBootstrap";
 import { useSubmitCheckout as useSubmitCheckoutCommand } from "../../domain/checkout/react/useSubmitCheckout";
 import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
 import { I18nMessages } from "../i18n/i18n";
-const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onError, logger, }) => {
+const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onError, onSuccess, logger, }) => {
     const [submitCheckoutCommand, submitCheckoutCommandStatus] = useSubmitCheckoutCommand({ checkoutId, logger });
     const [blockCheckoutBooking, blockCheckoutBookingStatus] = useBlockCheckoutBooking({ checkoutBookingId, logger });
     const [createNotification] = useCreateToastNotification({ contextId: MESSAGING_CONTEXT_ID, logger });
@@ -33,6 +33,7 @@ const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onEr
                 if (status === ChargeStatus.EXECUTED) {
                     setStartLegacyBoxCheckoutStatus("success");
                     await submitCheckoutCommand();
+                    onSuccess?.();
                 }
                 else {
                     createNotification({
@@ -43,7 +44,7 @@ const useSubmitCheckout = ({ checkoutId, checkoutBookingId, paymentFlowRef, onEr
                 }
             }
         });
-    }, [paymentFlowRef, blockCheckoutBooking, submitCheckoutCommand, createNotification]);
+    }, [paymentFlowRef, blockCheckoutBooking, submitCheckoutCommand, onSuccess, createNotification]);
     const status = useMemo(() => {
         if (blockCheckoutBookingStatus === CommandStatus.LOADING ||
             startLegacyBoxCheckoutStatus === "loading" ||

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

@@ -11,6 +11,7 @@ interface RoutingProps {
     readonly layout: Layout;
     readonly getAuthToken: () => Promise<string>;
     readonly onNotAccessible: () => void;
+    readonly onCheckoutSubmitted?: () => void;
     readonly onI18nError?: (err: Error) => void;
     readonly useRedirect: () => Record<string, string>;
     readonly useRoutes: typeof reactRouterUseRoutes;

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

@@ -11,7 +11,7 @@ const Item = lazy(() => import("../views/item/Item").then((module) => ({ default
 const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
 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 Routing = ({ basePath = "", customer, locale, I18n, layout, getAuthToken, onI18nError, onNotAccessible, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
+const Routing = ({ basePath = "", customer, locale, I18n, layout, getAuthToken, onI18nError, onNotAccessible, onCheckoutSubmitted, useRedirect, useRoutes = reactRouterUseRoutes, }) => {
     return useRoutes([
         {
             path: "",
@@ -45,7 +45,7 @@ const Routing = ({ basePath = "", customer, locale, I18n, layout, getAuthToken,
                     children: [
                         {
                             path: Routes.CHECKOUT_PAYMENT,
-                            element: React.createElement(CheckoutPaymentModal, { customerId: customer?.customerId, getAuthToken: getAuthToken }),
+                            element: (React.createElement(CheckoutPaymentModal, { customerId: customer?.customerId, getAuthToken: getAuthToken, onCheckoutSubmitted: onCheckoutSubmitted })),
                         },
                     ],
                 },

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface CheckoutPaymentModalProps {
     readonly customerId: string;
     readonly getAuthToken: () => Promise<string>;
+    readonly onCheckoutSubmitted?: () => void;
 }
 declare const CheckoutPaymentModal: FC<CheckoutPaymentModalProps>;
 export { CheckoutPaymentModal };

package/dist/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js

@@ -9,7 +9,7 @@ import { useViewPaymentFlowPayloadByCheckoutId } from "../../../../../projection
 import { useSubmitCheckout } from "../../../../hooks/useSubmitCheckout";
 import { Routes } from "../../../../routing/routes";
 import { useBasePath } from "../../../../routing/useBasePath";
-const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
+const CheckoutPaymentModal = ({ customerId, getAuthToken, onCheckoutSubmitted }) => {
     const paymentFlowRef = useRef(null);
     const logger = useLogger();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -24,12 +24,13 @@ const CheckoutPaymentModal = ({ customerId, getAuthToken }) => {
     }, [getAuthToken]);
     const basePath = useBasePath();
     const navigate = useNavigate();
-    const handleOnErrorSubmitCheckout = useCallback(() => navigate(`${basePath}/${Routes.CHECKOUT}`, { replace: true }), [basePath, navigate]);
+    const handleOnSubmitCheckoutError = useCallback(() => navigate(`${basePath}/${Routes.CHECKOUT}`, { replace: true }), [basePath, navigate]);
     const [submitCheckout] = useSubmitCheckout({
         checkoutId: checkout?.id,
         checkoutBookingId: checkout?.checkoutBookingId,
         paymentFlowRef,
-        onError: handleOnErrorSubmitCheckout,
+        onError: handleOnSubmitCheckoutError,
+        onSuccess: onCheckoutSubmitted,
         logger,
     });
     useEffect(() => {

package/package.json

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