@lookiero/checkout 0.6.3 → 0.6.4

package/dist/domain/checkout/model/checkout.d.ts

@@ -5,9 +5,8 @@ declare enum CheckoutStatus {
     AVAILABLE = "AVAILABLE",
     NOTIFIED = "NOTIFIED",
     STARTED = "STARTED",
-    COMPLETED = "COMPLETED",
     SUBMITTED = "SUBMITTED",
-    EXPIRED = "EXPIRED"
+    COMPLETED = "COMPLETED"
 }
 interface Checkout extends AggregateRoot {
     readonly status: CheckoutStatus;

package/dist/domain/checkout/model/checkout.js

@@ -6,13 +6,12 @@ var CheckoutStatus;
     CheckoutStatus["AVAILABLE"] = "AVAILABLE";
     CheckoutStatus["NOTIFIED"] = "NOTIFIED";
     CheckoutStatus["STARTED"] = "STARTED";
-    CheckoutStatus["COMPLETED"] = "COMPLETED";
     CheckoutStatus["SUBMITTED"] = "SUBMITTED";
-    CheckoutStatus["EXPIRED"] = "EXPIRED";
+    CheckoutStatus["COMPLETED"] = "COMPLETED";
 })(CheckoutStatus || (CheckoutStatus = {}));
 const startCheckoutHandler = () => async ({ aggregateRoot, command }) => {
     const { aggregateId } = command;
-    invariant(aggregateRoot.status !== CheckoutStatus.STARTED, "Checkout is already started");
+    invariant(aggregateRoot.status !== CheckoutStatus.SUBMITTED, "Checkout is already submitted");
     invariant(aggregateRoot.status !== CheckoutStatus.COMPLETED, "Checkout is already completed");
     return {
         ...aggregateRoot,

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { EndpointFunction } from "@lookiero/i18n";
 import { FC } from "react";
+import { CheckoutStatus } from "./domain/checkout/model/checkout";
 import { RootProps } from "./infrastructure/ui/Root";
+import { CheckoutProjection } from "./projection/checkout/checkout";
 import { IsCheckoutAccessibleByCustomerIdProjection } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 interface IsCheckoutAccessibleFunctionArgs {
     readonly customerId: string | undefined;
@@ -8,6 +10,12 @@ interface IsCheckoutAccessibleFunctionArgs {
 interface IsCheckoutAccessibleFunction {
     (args: IsCheckoutAccessibleFunctionArgs): Promise<IsCheckoutAccessibleByCustomerIdProjection>;
 }
+interface FirstAvailableCheckoutByCustomerIdFunctionArgs {
+    readonly customerId: string | undefined;
+}
+interface FirstAvailableCheckoutByCustomerIdFunction {
+    (args: FirstAvailableCheckoutByCustomerIdFunctionArgs): Promise<CheckoutProjection>;
+}
 interface BootstrapFunctionArgs {
     readonly getAuthToken: () => Promise<string>;
     readonly apiUrl: string;
@@ -16,9 +24,10 @@ interface BootstrapFunctionArgs {
 interface BootstrapFunctionReturn {
     readonly Root: FC<RootProps>;
     readonly isCheckoutAccessible: IsCheckoutAccessibleFunction;
+    readonly firstAvailableCheckoutByCustomerId: FirstAvailableCheckoutByCustomerIdFunction;
 }
 interface BootstrapFunction {
     (args: BootstrapFunctionArgs): BootstrapFunctionReturn;
 }
 declare const bootstrap: BootstrapFunction;
-export { bootstrap };
+export { bootstrap, CheckoutStatus };

package/dist/index.js

@@ -1,7 +1,9 @@
 import { fetchFetchTranslation } from "@lookiero/i18n";
 import { i18n } from "@lookiero/i18n-react";
+import { CheckoutStatus } from "./domain/checkout/model/checkout";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { root } from "./infrastructure/ui/Root";
+import { viewFirstAvailableCheckoutByCustomerId } from "./projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { viewIsCheckoutAccessibleByCustomerId, } from "./projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 const bootstrap = ({ apiUrl, getAuthToken, translations }) => {
     const { Component: Messaging, queryBus } = checkoutBootstrap({ apiUrl, getAuthToken });
@@ -11,9 +13,11 @@ const bootstrap = ({ apiUrl, getAuthToken, translations }) => {
     });
     const Root = root({ Messaging, I18n, getAuthToken });
     const isCheckoutAccessible = ({ customerId }) => queryBus(viewIsCheckoutAccessibleByCustomerId({ customerId }));
+    const firstAvailableCheckoutByCustomerId = ({ customerId }) => queryBus(viewFirstAvailableCheckoutByCustomerId({ customerId: customerId }));
     return {
         Root,
         isCheckoutAccessible,
+        firstAvailableCheckoutByCustomerId,
     };
 };
-export { bootstrap };
+export { bootstrap, CheckoutStatus };

package/dist/infrastructure/domain/checkout/react/useStartCheckout.d.ts

@@ -3,7 +3,7 @@ interface StartCheckoutFunction {
     (): Promise<void>;
 }
 interface UseStartCheckoutArgs {
-    readonly checkoutId: string;
+    readonly checkoutId?: string;
 }
 type UseStartCheckoutResult = [start: StartCheckoutFunction, status: CommandStatus];
 interface UseStartCheckout {

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

@@ -1,10 +1,14 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
+import invariant from "tiny-invariant";
 import { startCheckout } from "../../../../domain/checkout/command/startCheckout";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useStartCheckout = ({ checkoutId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const start = useCallback(() => commandBus(startCheckout({ aggregateId: checkoutId })), [checkoutId, commandBus]);
+    const start = useCallback(() => {
+        invariant(checkoutId, "CheckoutId must be defined in order to start checkout");
+        return commandBus(startCheckout({ aggregateId: checkoutId }));
+    }, [checkoutId, commandBus]);
     return [start, status];
 };
 export { useStartCheckout };

package/dist/infrastructure/projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId.js

@@ -1,4 +1,5 @@
 import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_STARTED } from "../../../../domain/checkout/model/checkoutStarted";
 import { CHECKOUT_SUBMITTED } from "../../../../domain/checkout/model/checkoutSubmitted";
 import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
 import { CHECKOUT_BOOKING_EXPIRED, } from "../../../../domain/checkoutBooking/model/checkoutBookingExpired";
@@ -11,6 +12,7 @@ import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const isCheckoutItemKept = (event) => event.name === CHECKOUT_ITEM_KEPT;
 const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
 const isCheckoutItemReplaced = (event) => event.name === CHECKOUT_ITEM_REPLACED;
+const isCheckoutStarted = (event) => event.name === CHECKOUT_STARTED;
 const isCheckoutSubmitted = (event) => event.name === CHECKOUT_SUBMITTED;
 const isCheckoutFeedbackGiven = (event) => event.name === CHECKOUT_FEEDBACK_GIVEN;
 const isCheckoutBookingExpired = (event) => event.name === CHECKOUT_BOOKING_EXPIRED;
@@ -18,6 +20,7 @@ const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKE
 const shouldInvalidate = (event) => isCheckoutItemKept(event) ||
     isCheckoutItemReplaced(event) ||
     isCheckoutItemReturned(event) ||
+    isCheckoutStarted(event) ||
     isCheckoutSubmitted(event) ||
     isCheckoutFeedbackGiven(event) ||
     isCheckoutBookingExpired(event) ||

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

@@ -1,9 +1,10 @@
 import { QueryStatus } from "@lookiero/messaging-react";
-import React, { useRef } from "react";
+import React, { useEffect, useRef } from "react";
 import { generatePath, Navigate, useMatch } from "react-router-native";
 import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutItem";
 import { Spinner } from "../../../shared/ui/components/atoms/spinner/Spinner";
+import { useStartCheckout } from "../../domain/checkout/react/useStartCheckout";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useShouldIntroBeShown } from "../../projection/uiSetting/react/useShouldIntroBeShown";
 import { Routes } from "./routes";
@@ -15,6 +16,12 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     const navigatedToFirstItemWithoutCustomerDecision = useRef(false);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const firstItemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
+    const [startCheckout] = useStartCheckout({ checkoutId: checkout?.id });
+    useEffect(() => {
+        if (checkout?.id) {
+            startCheckout();
+        }
+    }, [checkout?.id, startCheckout]);
     const introRouteMatch = useMatch(`${basePath}/${Routes.INTRO}`);
     const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
     const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);

package/package.json

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