@lookiero/checkout 0.2.2 → 0.2.4

package/dist/infrastructure/delivery/_mock/bootstrap.mock.js

@@ -10,8 +10,10 @@ import { getUiSetting, saveUiSetting } from "../../domain/uiSetting/model/storag
 import { storageUiSettingByKeyView } from "../../projection/storageUiSettingByKeyView";
 import { startedCheckoutWithItems } from "./checkout.mock";
 import { read, write } from "../../persistence/asyncStorageStorage";
+import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, } from "../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
 const firstAvailableCheckoutByCustomerIdView = async () => startedCheckoutWithItems({ status: [CheckoutItemStatus.KEPT, CheckoutItemStatus.INITIAL] });
 const isCheckoutEnabledByCustomerIdView = async () => true;
+const fiveItemsDiscountByCustomerIdView = async () => 25;
 const bootstrap = () => messagingBootstrap({ id: CHECKOUT_MESSAGING_REACT_ID })
     .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
     view: firstAvailableCheckoutByCustomerIdView,
@@ -20,6 +22,9 @@ const bootstrap = () => messagingBootstrap({ id: CHECKOUT_MESSAGING_REACT_ID })
     view: isCheckoutEnabledByCustomerIdView,
 })
     .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler, {})
+    .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
+    view: fiveItemsDiscountByCustomerIdView,
+})
     .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
     view: storageUiSettingByKeyView({ read }),
 })

package/dist/infrastructure/delivery/bootstrap.js

@@ -2,12 +2,14 @@ import { bootstrap as messagingBootstrap } from "@lookiero/messaging-react";
 import { UPDATE_UI_SETTING } from "../../domain/uiSetting/command/updateUiSetting";
 import { updateUiSettingHandler } from "../../domain/uiSetting/model/uiSetting";
 import { viewFirstAvailableCheckoutByCustomerIdHandler, VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
 import { viewIsCheckoutAccessibleByCustomerIdHandler, VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { viewIsCheckoutEnabledByCustomerIdHandler, VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
 import { viewUiSettingByKeyHandler, VIEW_UI_SETTING_BY_KEY } from "../../projection/uiSetting/viewUiSettingByKey";
 import { getUiSetting, saveUiSetting } from "../domain/uiSetting/model/storageUiSettings";
 import { read, write } from "../persistence/asyncStorageStorage";
 import { httpFirstAvailableCheckoutByCustomerIdView } from "../projection/httpFirstAvailableCheckoutByCustomerIdView";
+import { httpFiveItemsDiscountByCustomerIdView } from "../projection/httpFiveItemsDiscountByCustomerIdView";
 import { httpIsCheckoutEnabledByCustomerIdView } from "../projection/httpIsCheckoutEnabledByCustomerIdView";
 import { storageUiSettingByKeyView } from "../projection/storageUiSettingByKeyView";
 import { fetchHttpGet, fetchHttpPost } from "./http/fetchHttpClient";
@@ -23,6 +25,9 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         view: httpIsCheckoutEnabledByCustomerIdView({ httpGet }),
     })
         .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler, {})
+        .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
+        view: httpFiveItemsDiscountByCustomerIdView({ httpGet }),
+    })
         .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
         view: storageUiSettingByKeyView({ read }),
     })

package/dist/infrastructure/domain/react/useBookSizeReplaceableProductVariantsForCheckoutItem.d.ts

@@ -1,8 +1,8 @@
 import { CommandStatus } from "@lookiero/messaging-react";
-interface UseBookSizeReplaceableProductVariantsForCheckoutItem {
-    readonly book: () => Promise<void>;
-    readonly status: CommandStatus;
+interface BookFunction {
+    (): Promise<void>;
 }
+declare type UseBookSizeReplaceableProductVariantsForCheckoutItem = [book: BookFunction, status: CommandStatus];
 interface UseBookSizeReplaceableProductVariantsForCheckoutItemFunctionArgs {
     readonly checkoutId: string;
     readonly checkoutItemId: string;

package/dist/infrastructure/domain/react/useBookSizeReplaceableProductVariantsForCheckoutItem.js

@@ -10,9 +10,6 @@ const useBookSizeReplaceableProductVariantsForCheckoutItem = ({ checkoutId, chec
         checkoutItemId,
         checkoutBookingId,
     })), [checkoutBookingId, checkoutId, checkoutItemId, commandBus]);
-    return {
-        book,
-        status,
-    };
+    return [book, status];
 };
 export { useBookSizeReplaceableProductVariantsForCheckoutItem };

package/dist/infrastructure/domain/react/useSetCheckoutIntroShown.d.ts

@@ -2,10 +2,7 @@ import { CommandStatus } from "@lookiero/messaging-react";
 interface SetCheckoutIntroShownFunction {
     (): Promise<void>;
 }
-interface UseSetCheckoutIntroShown {
-    readonly setCheckoutIntroShown: SetCheckoutIntroShownFunction;
-    readonly status: CommandStatus;
-}
+declare type UseSetCheckoutIntroShown = [setCheckoutIntroShown: SetCheckoutIntroShownFunction, status: CommandStatus];
 interface UseSetCheckoutIntroShownFunction {
     (): UseSetCheckoutIntroShown;
 }

package/dist/infrastructure/domain/react/useSetCheckoutIntroShown.js

@@ -2,8 +2,8 @@ import { useCallback } from "react";
 import { UISettings } from "../../ui/settings/UISettings";
 import { useUpdateUiSetting } from "./useUpdateUiSetting";
 const useSetCheckoutIntroShown = () => {
-    const { update, status } = useUpdateUiSetting();
+    const [update, status] = useUpdateUiSetting();
     const setCheckoutIntroShown = useCallback(() => update({ key: UISettings.CHECKOUT_INTRO_SHOWN, value: true }), [update]);
-    return { setCheckoutIntroShown, status };
+    return [setCheckoutIntroShown, status];
 };
 export { useSetCheckoutIntroShown };

package/dist/infrastructure/domain/react/useUpdateUiSetting.d.ts

@@ -6,10 +6,7 @@ interface UpdateFunctionArgs {
 interface UpdateFunction {
     (args: UpdateFunctionArgs): Promise<void>;
 }
-interface UseUpdateUiSetting {
-    readonly update: UpdateFunction;
-    readonly status: CommandStatus;
-}
+declare type UseUpdateUiSetting = [update: UpdateFunction, status: CommandStatus];
 interface UseUpdateUiSettingFunction {
     (): UseUpdateUiSetting;
 }

package/dist/infrastructure/domain/react/useUpdateUiSetting.js

@@ -10,9 +10,6 @@ const useUpdateUiSetting = () => {
         key,
         value,
     })), [commandBus]);
-    return {
-        update,
-        status,
-    };
+    return [update, status];
 };
 export { useUpdateUiSetting };

package/dist/infrastructure/projection/httpFiveItemsDiscountByCustomerIdView.d.ts

@@ -0,0 +1,12 @@
+import { FiveItemsDiscountByCustomerIdView } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+import { HttpGetFunction } from "../delivery/http/httpClient";
+interface HttpFiveItemsDiscountByCustomerIdView extends FiveItemsDiscountByCustomerIdView {
+}
+interface HttpFiveItemsDiscountByCustomerIdViewFunctionArgs {
+    readonly httpGet: HttpGetFunction;
+}
+interface HttpFiveItemsDiscountByCustomerIdViewFunction {
+    (args: HttpFiveItemsDiscountByCustomerIdViewFunctionArgs): HttpFiveItemsDiscountByCustomerIdView;
+}
+declare const httpFiveItemsDiscountByCustomerIdView: HttpFiveItemsDiscountByCustomerIdViewFunction;
+export { httpFiveItemsDiscountByCustomerIdView };

package/dist/infrastructure/projection/httpFiveItemsDiscountByCustomerIdView.js

@@ -0,0 +1,7 @@
+const httpFiveItemsDiscountByCustomerIdView = ({ httpGet }) => async ({ customerId }) => {
+    const response = await httpGet({
+        endpoint: `/view-five-items-discount-by-customer-id/${customerId}`,
+    });
+    return !response.ok ? 0 : await response.json();
+};
+export { httpFiveItemsDiscountByCustomerIdView };

package/dist/infrastructure/projection/react/useViewFiveItemsDiscountByCustomerId.d.ts

@@ -0,0 +1,10 @@
+import { UseQueryFunctionResult } from "@lookiero/messaging-react";
+import { FiveItemsDiscountByCustomerIdProjection } from "../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+interface UseViewFiveItemsDiscountByCustomerIdFunctionArgs {
+    readonly customerId: string;
+}
+interface UseViewFiveItemsDiscountByCustomerIdFunction {
+    (args: UseViewFiveItemsDiscountByCustomerIdFunctionArgs): UseQueryFunctionResult<FiveItemsDiscountByCustomerIdProjection>;
+}
+declare const useViewFiveItemsDiscountByCustomerId: UseViewFiveItemsDiscountByCustomerIdFunction;
+export { useViewFiveItemsDiscountByCustomerId };

package/dist/infrastructure/projection/react/useViewFiveItemsDiscountByCustomerId.js

@@ -0,0 +1,9 @@
+import { useQuery } from "@lookiero/messaging-react";
+import { viewFiveItemsDiscountByCustomerId, } from "../../../projection/checkout/viewFiveItemsDiscountByCustomerId";
+import { CHECKOUT_MESSAGING_REACT_ID } from "../../delivery/bootstrap";
+const useViewFiveItemsDiscountByCustomerId = ({ customerId }) => useQuery({
+    query: viewFiveItemsDiscountByCustomerId({ customerId }),
+    contextId: CHECKOUT_MESSAGING_REACT_ID,
+    options: { staleTime: Infinity },
+});
+export { useViewFiveItemsDiscountByCustomerId };

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

@@ -4,6 +4,7 @@ import { FC } from "react";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
+    readonly development?: boolean;
 }
 interface RootFunction {
     (args: RootFunctionArgs): FC<RootProps>;

package/dist/infrastructure/ui/Root.js

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

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

@@ -1,7 +1,11 @@
+import { I18n } from "@lookiero/i18n-react";
 import { FC } from "react";
 interface RoutingProps {
-    readonly customerId: string | undefined;
     readonly onNotAccessible: () => void;
+    readonly customerId: string | undefined;
+    readonly locale: string;
+    readonly I18n: I18n;
+    readonly onI18nError?: (err: Error) => void;
 }
 declare const Routing: FC<RoutingProps>;
 export { Routing };

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

@@ -1,5 +1,5 @@
 import React, { lazy, Suspense } from "react";
-import { Navigate, useRoutes } from "react-router-native";
+import { Navigate, Outlet, useRoutes } from "react-router-native";
 import { Spinner } from "../components/atoms/spinner/Spinner";
 import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
 import { CheckoutMiddleware } from "./CheckoutMiddleware";
@@ -7,30 +7,35 @@ 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 = ({ customerId, onNotAccessible }) => {
+const Routing = ({ onNotAccessible, customerId, locale, I18n, onI18nError }) => {
     const routes = useRoutes([
         {
             path: Routes.CHECKOUT,
             element: React.createElement(CheckoutAccessibilityMiddleware, { customerId: customerId, onNotAccessible: onNotAccessible }),
             children: [
                 {
-                    path: Routes.CHECKOUT,
-                    element: React.createElement(CheckoutMiddleware, { customerId: customerId }),
+                    element: (React.createElement(I18n, { locale: locale, loader: React.createElement(Spinner, null), onError: onI18nError },
+                        React.createElement(Outlet, null))),
                     children: [
                         {
-                            path: Routes.INTRO,
-                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                React.createElement(Intro, null))),
-                        },
-                        {
-                            path: Routes.ITEM,
-                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                React.createElement(Item, null))),
-                        },
-                        {
-                            path: Routes.SUMMARY,
-                            element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                                React.createElement(Summary, null))),
+                            element: React.createElement(CheckoutMiddleware, { customerId: customerId }),
+                            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, null))),
+                                },
+                                {
+                                    path: Routes.SUMMARY,
+                                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
+                                        React.createElement(Summary, null))),
+                                },
+                            ],
                         },
                     ],
                 },

package/dist/infrastructure/ui/views/intro/Intro.d.ts

@@ -1,3 +1,6 @@
 import { FC } from "react";
-declare const Intro: FC;
+declare type IntroProps = {
+    readonly customerId: string;
+};
+declare const Intro: FC<IntroProps>;
 export { Intro };

package/dist/infrastructure/ui/views/intro/Intro.js

@@ -1,18 +1,20 @@
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
+import { I18nMessages } from "../../i18n/i18n";
 import { Icon } from "@lookiero/aurora-next/build/components/primitives/Icon/Icon";
+import { Spinner } from "../../components/atoms/spinner/Spinner";
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { CommandStatus } from "@lookiero/messaging-react";
-import React, { useCallback } from "react";
-import { View } from "react-native";
 import { useSetCheckoutIntroShown } from "../../../domain/react/useSetCheckoutIntroShown";
-import { Body } from "../../components/layouts/body/Body";
-import { I18nMessages } from "../../i18n/i18n";
+import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/react/useViewFiveItemsDiscountByCustomerId";
+import { View } from "react-native";
+import React, { useCallback } from "react";
 import { styles } from "./Intro.style";
+import { Body } from "../../components/layouts/body/Body";
 const Bullet = ({ text }) => (React.createElement(View, { style: styles.bullet },
     React.createElement(Icon, { name: "rounded-tick", style: styles.tickIcon }),
     React.createElement(Text, { detail: true, level: 2 }, text)));
-const Intro = () => {
+const Intro = ({ customerId }) => {
     const titleText = useI18nMessage({ id: I18nMessages.INTRO_TITLE });
     const subTitleText = useI18nMessage({ id: I18nMessages.INTRO_SUBTITLE });
     const discountText = useI18nMessage({ id: I18nMessages.INTRO_DISCOUNT });
@@ -20,15 +22,22 @@ const Intro = () => {
     const bulletTwoText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_TWO });
     const bulletThreeText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_THREE });
     const buttonText = useI18nMessage({ id: I18nMessages.INTRO_BUTTON });
-    const { setCheckoutIntroShown, status: setCheckoutIntroShownStatus } = useSetCheckoutIntroShown();
+    const [fiveItemsDiscount, fiveItemsDiscountState] = useViewFiveItemsDiscountByCustomerId({
+        customerId,
+    });
+    const [setCheckoutIntroShown, setCheckoutIntroShownStatus] = useSetCheckoutIntroShown();
     const handleOnPress = useCallback(() => setCheckoutIntroShown(), [setCheckoutIntroShown]);
+    if (fiveItemsDiscountState === QueryStatus.LOADING)
+        return React.createElement(Spinner, null);
     return (React.createElement(Body, null,
         React.createElement(View, null,
             React.createElement(Text, { heading: true, level: 3, style: styles.title }, titleText),
             React.createElement(Text, { body: true, level: 3 }, subTitleText),
             React.createElement(View, { style: styles.discountContainer },
                 React.createElement(View, { style: styles.discount },
-                    React.createElement(Text, { heading: true, level: 2 }, "- 25"),
+                    React.createElement(Text, { heading: true, level: 2 },
+                        "- ",
+                        fiveItemsDiscount),
                     React.createElement(Text, { heading: true, level: 3, style: styles.percentage }, "%")),
                 React.createElement(Text, { body: true, level: 3 }, discountText)),
             React.createElement(View, { style: styles.description },

package/dist/projection/checkout/viewFiveItemsDiscountByCustomerId.d.ts

@@ -0,0 +1,23 @@
+import { Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+declare type FiveItemsDiscountByCustomerIdProjection = number;
+declare const VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID = "view_five_items_discount_by_customer_id";
+interface ViewFiveItemsDiscountByCustomerIdPayload {
+    readonly customerId: string;
+}
+interface ViewFiveItemsDiscountByCustomerId extends Query<typeof VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID>, ViewFiveItemsDiscountByCustomerIdPayload {
+}
+interface ViewFiveItemsDiscountByCustomerIdFunction {
+    (payload: ViewFiveItemsDiscountByCustomerIdPayload): ViewFiveItemsDiscountByCustomerId;
+}
+declare const viewFiveItemsDiscountByCustomerId: ViewFiveItemsDiscountByCustomerIdFunction;
+interface FiveItemsDiscountByCustomerIdViewArgs {
+    readonly customerId: string;
+}
+interface FiveItemsDiscountByCustomerIdView {
+    (args: FiveItemsDiscountByCustomerIdViewArgs): Promise<FiveItemsDiscountByCustomerIdProjection>;
+}
+interface ViewFiveItemsDiscountByCustomerIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: FiveItemsDiscountByCustomerIdView;
+}
+declare const viewFiveItemsDiscountByCustomerIdHandler: QueryHandlerFunction<ViewFiveItemsDiscountByCustomerId, FiveItemsDiscountByCustomerIdProjection, ViewFiveItemsDiscountByCustomerIdHandlerFunctionArgs>;
+export { FiveItemsDiscountByCustomerIdProjection, VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerId, FiveItemsDiscountByCustomerIdView, viewFiveItemsDiscountByCustomerIdHandler, };

package/dist/projection/checkout/viewFiveItemsDiscountByCustomerId.js

@@ -0,0 +1,8 @@
+import { query } from "@lookiero/messaging";
+const VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID = "view_five_items_discount_by_customer_id";
+const viewFiveItemsDiscountByCustomerId = (payload) => ({
+    ...query({ name: VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID }),
+    ...payload,
+});
+const viewFiveItemsDiscountByCustomerIdHandler = ({ view }) => async ({ customerId }) => view({ customerId });
+export { VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerId, viewFiveItemsDiscountByCustomerIdHandler, };

package/package.json

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