@lookiero/checkout 0.7.0 → 0.7.1

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

@@ -1,12 +1,5 @@
 declare const COLOR_I18N_PREFIX = "color.";
 declare enum I18nMessages {
-    INTRO_TITLE = "intro.title",
-    INTRO_SUBTITLE = "intro.subtitle",
-    INTRO_DISCOUNT = "intro.discount",
-    INTRO_BULLET_ONE = "intro.bullet_one",
-    INTRO_BULLET_TWO = "intro.bullet_two",
-    INTRO_BULLET_THREE = "intro.bullet_three",
-    INTRO_BUTTON = "intro.button",
     ITEM_SIZE = "item.size",
     ITEM_COLOR = "item.color",
     ITEM_UNIQUE = "item.unique",

package/dist/infrastructure/ui/i18n/i18n.js

@@ -1,13 +1,6 @@
 const COLOR_I18N_PREFIX = "color.";
 var I18nMessages;
 (function (I18nMessages) {
-    I18nMessages["INTRO_TITLE"] = "intro.title";
-    I18nMessages["INTRO_SUBTITLE"] = "intro.subtitle";
-    I18nMessages["INTRO_DISCOUNT"] = "intro.discount";
-    I18nMessages["INTRO_BULLET_ONE"] = "intro.bullet_one";
-    I18nMessages["INTRO_BULLET_TWO"] = "intro.bullet_two";
-    I18nMessages["INTRO_BULLET_THREE"] = "intro.bullet_three";
-    I18nMessages["INTRO_BUTTON"] = "intro.button";
     I18nMessages["ITEM_SIZE"] = "item.size";
     I18nMessages["ITEM_COLOR"] = "item.color";
     I18nMessages["ITEM_UNIQUE"] = "item.unique";

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

@@ -6,13 +6,10 @@ import { CheckoutItemStatus } from "../../../domain/checkoutItem/model/checkoutI
 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";
 import { useBasePath } from "./useBasePath";
 const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner, null), children }) => {
     const basePath = useBasePath();
-    const introShown = useRef(false);
-    const [shouldIntroBeShown, shouldIntroBeShownStatus] = useShouldIntroBeShown();
     const navigatedToFirstItemWithoutCustomerDecision = useRef(false);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const firstItemWithoutCustomerDecision = checkout?.items.find((item) => item.status === CheckoutItemStatus.INITIAL);
@@ -22,7 +19,6 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
             startCheckout();
         }
     }, [checkout?.id, startCheckout]);
-    const introRouteMatch = useMatch(`${basePath}/${Routes.INTRO}`);
     const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
     const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
     const summaryRouteMatch = useMatch(`${basePath}/${Routes.SUMMARY}`);
@@ -32,8 +28,7 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     const checkoutShown = useRef(false);
     checkoutShown.current = checkoutShown.current || (Boolean(checkoutRouteMatch) && !Boolean(checkoutPaymentRouteMatch));
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(shouldIntroBeShownStatus) &&
-        (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout);
+    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) || checkout;
     if (!dependenciesLoaded) {
         return loader;
     }
@@ -54,31 +49,20 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
         !(summaryRouteMatch || itemDetailRouteMatch || checkoutRouteMatch || checkoutPaymentRouteMatch)) {
         return React.createElement(Navigate, { to: `${basePath}/${Routes.SUMMARY}`, replace: true });
     }
-    /* Navigate to the Intro if required */
-    if (shouldIntroBeShown && !introShown.current && firstItemWithoutCustomerDecision !== undefined) {
-        if (introRouteMatch) {
-            introShown.current = true;
-        }
-        else {
-            return React.createElement(Navigate, { to: `${basePath}/${Routes.INTRO}`, replace: true });
+    /* Item/ItemDetail 404 - Not found */
+    if (itemRouteMatch || itemDetailRouteMatch) {
+        const checkoutItem = checkout?.items.find((item) => item.id === itemRouteMatch?.params.id || itemDetailRouteMatch?.params.id);
+        if (!checkoutItem) {
+            return React.createElement(Navigate, { to: `${basePath}/${Routes.HOME}`, replace: true });
         }
     }
-    else {
-        /* Item/ItemDetail 404 - Not found */
-        if (itemRouteMatch || itemDetailRouteMatch) {
-            const checkoutItem = checkout?.items.find((item) => item.id === itemRouteMatch?.params.id || itemDetailRouteMatch?.params.id);
-            if (!checkoutItem) {
-                return React.createElement(Navigate, { to: `${basePath}/${Routes.HOME}`, replace: true });
-            }
-        }
-        /* Navigate to the first item without customer's decission */
-        navigatedToFirstItemWithoutCustomerDecision.current =
-            navigatedToFirstItemWithoutCustomerDecision.current ||
-                Boolean(itemRouteMatch && itemRouteMatch.params.id === firstItemWithoutCustomerDecision?.id);
-        if (firstItemWithoutCustomerDecision && !navigatedToFirstItemWithoutCustomerDecision.current) {
-            navigatedToFirstItemWithoutCustomerDecision.current = true;
-            return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
-        }
+    /* Navigate to the first item without customer's decission */
+    navigatedToFirstItemWithoutCustomerDecision.current =
+        navigatedToFirstItemWithoutCustomerDecision.current ||
+            Boolean(itemRouteMatch && itemRouteMatch.params.id === firstItemWithoutCustomerDecision?.id);
+    if (firstItemWithoutCustomerDecision && !navigatedToFirstItemWithoutCustomerDecision.current) {
+        navigatedToFirstItemWithoutCustomerDecision.current = true;
+        return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
     }
     return children;
 };

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

@@ -7,7 +7,6 @@ import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddlewa
 import { CheckoutMiddleware } from "./CheckoutMiddleware";
 import { Routes } from "./routes";
 import { BasePathProvider } from "./useBasePath";
-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 Checkout = lazy(() => import("../views/checkout/Checkout").then((module) => ({ default: module.Checkout })));
@@ -24,11 +23,6 @@ const Routing = ({ basePath = "", customer, locale, I18n, menu, tabBar, getAuthT
                             React.createElement(App, { customerId: customer?.customerId, menu: menu, tabBar: tabBar },
                                 React.createElement(Outlet, null))))))),
             children: [
-                {
-                    path: Routes.INTRO,
-                    element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },
-                        React.createElement(Intro, { customerId: customer?.customerId }))),
-                },
                 {
                     path: Routes.ITEM,
                     element: (React.createElement(Suspense, { fallback: React.createElement(Spinner, null) },

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

@@ -1,6 +1,5 @@
 export declare enum Routes {
     HOME = "",
-    INTRO = "intro",
     ITEM_DETAIL = "item/:id/detail",
     ITEM = "item/:id",
     SUMMARY = "summary",

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

@@ -1,7 +1,6 @@
 export var Routes;
 (function (Routes) {
     Routes["HOME"] = "";
-    Routes["INTRO"] = "intro";
     Routes["ITEM_DETAIL"] = "item/:id/detail";
     Routes["ITEM"] = "item/:id";
     Routes["SUMMARY"] = "summary";

package/dist/infrastructure/ui/settings/UISettings.d.ts

@@ -1,4 +1,3 @@
 declare enum UISettings {
-    INTRO_SHOWN_COUNT = "INTRO_SHOWN_COUNT"
 }
 export { UISettings };

package/dist/infrastructure/ui/settings/UISettings.js

@@ -1,5 +1,4 @@
 var UISettings;
 (function (UISettings) {
-    UISettings["INTRO_SHOWN_COUNT"] = "INTRO_SHOWN_COUNT";
 })(UISettings || (UISettings = {}));
 export { UISettings };

package/package.json

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

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.d.ts

@@ -1,10 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-interface IncrementIntroShownCountFunction {
-    (): Promise<void>;
-}
-type UseIncrementIntroShownCount = [incrementIntroShownCount: IncrementIntroShownCountFunction, status: CommandStatus];
-interface UseIncrementIntroShownCountFunction {
-    (): UseIncrementIntroShownCount;
-}
-declare const useIncrementIntroShownCount: UseIncrementIntroShownCountFunction;
-export { useIncrementIntroShownCount };

package/dist/infrastructure/domain/uiSetting/react/useIncrementIntroShownCount.js

@@ -1,11 +0,0 @@
-import { useCallback } from "react";
-import { useViewIntroShownCount } from "../../../projection/uiSetting/react/useViewIntroShownCount";
-import { UISettings } from "../../../ui/settings/UISettings";
-import { useUpdateUiSetting } from "./useUpdateUiSetting";
-const useIncrementIntroShownCount = () => {
-    const [update, status] = useUpdateUiSetting();
-    const [introShownCount] = useViewIntroShownCount();
-    const incrementIntroShownCount = useCallback(() => update({ key: UISettings.INTRO_SHOWN_COUNT, value: introShownCount + 1 }), [introShownCount, update]);
-    return [incrementIntroShownCount, status];
-};
-export { useIncrementIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.d.ts

@@ -1,6 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-interface UseShouldIntroBeShownFunction {
-    (): [boolean, QueryStatus];
-}
-declare const useShouldIntroBeShown: UseShouldIntroBeShownFunction;
-export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useShouldIntroBeShown.js

@@ -1,7 +0,0 @@
-import { useViewIntroShownCount } from "./useViewIntroShownCount";
-const MAX_INTRO_SHOWN_COUNT = 2;
-const useShouldIntroBeShown = () => {
-    const [introShownCount, introShownCountStatus] = useViewIntroShownCount();
-    return [introShownCount < MAX_INTRO_SHOWN_COUNT, introShownCountStatus];
-};
-export { useShouldIntroBeShown };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.d.ts

@@ -1,6 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-interface UseViewIntroShownCountFunction {
-    (): [number, QueryStatus];
-}
-declare const useViewIntroShownCount: UseViewIntroShownCountFunction;
-export { useViewIntroShownCount };

package/dist/infrastructure/projection/uiSetting/react/useViewIntroShownCount.js

@@ -1,9 +0,0 @@
-import { UISettings } from "../../../ui/settings/UISettings";
-import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
-const useViewIntroShownCount = () => {
-    const [introShownCount, introShownCountStatus] = useViewUiSettingByKey({
-        key: UISettings.INTRO_SHOWN_COUNT,
-    });
-    return [introShownCount?.value || 0, introShownCountStatus];
-};
-export { useViewIntroShownCount };

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

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

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

@@ -1,52 +0,0 @@
-import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
-import { Icon } from "@lookiero/aurora-next/build/components/primitives/Icon/Icon";
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
-import React from "react";
-import { Platform, View } from "react-native";
-import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useIncrementIntroShownCount } from "../../../domain/uiSetting/react/useIncrementIntroShownCount";
-import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
-import { Body } from "../../components/layouts/body/Body";
-import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { I18nMessages } from "../../i18n/i18n";
-import { HEADER_HEIGHT } from "../navigation/components/header/Header.style";
-import { style } from "./Intro.style";
-const Bullet = ({ text }) => (React.createElement(View, { style: style.bullet },
-    React.createElement(Icon, { name: "rounded-tick", style: style.tickIcon }),
-    React.createElement(Text, { level: 2, detail: true }, text)));
-const Intro = ({ customerId }) => {
-    const titleText = useI18nMessage({ id: I18nMessages.INTRO_TITLE });
-    const subTitleText = useI18nMessage({ id: I18nMessages.INTRO_SUBTITLE });
-    const discountText = useI18nMessage({ id: I18nMessages.INTRO_DISCOUNT });
-    const bulletOneText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_ONE });
-    const bulletTwoText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_TWO });
-    const bulletThreeText = useI18nMessage({ id: I18nMessages.INTRO_BULLET_THREE });
-    const buttonText = useI18nMessage({ id: I18nMessages.INTRO_BUTTON });
-    const [fiveItemsDiscount, fiveItemsDiscountStatus] = useViewFiveItemsDiscountByCustomerId({
-        customerId,
-    });
-    const [incrementIntroShownCount, incrementIntroShownCountStatus] = useIncrementIntroShownCount();
-    if (fiveItemsDiscountStatus === QueryStatus.LOADING)
-        return React.createElement(Spinner, null);
-    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
-        React.createElement(Body, { style: { column: style.bodyColumn } },
-            React.createElement(View, { style: style.intro },
-                React.createElement(View, { style: style.content },
-                    React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-                    React.createElement(Text, { level: 3, style: style.subtitle, body: true }, subTitleText),
-                    fiveItemsDiscount !== 0 && (React.createElement(View, { style: style.discountContainer },
-                        React.createElement(View, { style: style.discount },
-                            React.createElement(Text, { level: 2, heading: true },
-                                "- ",
-                                fiveItemsDiscount),
-                            React.createElement(Text, { level: 3, style: style.percentage, heading: true }, "%")),
-                        React.createElement(Text, { level: 3, body: true }, discountText))),
-                    React.createElement(View, { style: style.description },
-                        React.createElement(Bullet, { text: bulletOneText }),
-                        React.createElement(Bullet, { text: bulletTwoText }),
-                        React.createElement(Bullet, { text: bulletThreeText }))),
-                React.createElement(Button, { disabled: incrementIntroShownCountStatus === CommandStatus.LOADING, onPress: incrementIntroShownCount }, buttonText)))));
-};
-export { Intro };

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

@@ -1,52 +0,0 @@
-declare const style: {
-    bodyColumn: {
-        paddingHorizontal: number;
-    };
-    bullet: {
-        alignItems: "center";
-        flexDirection: "row";
-        marginVertical: number;
-    };
-    content: {
-        alignItems: "center";
-    };
-    description: {
-        borderWidth: number;
-        marginBottom: number;
-        padding: number;
-        width: string;
-    };
-    discount: {
-        alignItems: "flex-end";
-        flexDirection: "row";
-        justifyContent: "center";
-        marginBottom: number;
-    };
-    discountContainer: {
-        alignItems: "center";
-        backgroundColor: string;
-        marginBottom: number;
-        padding: number;
-        textAlign: "center";
-        width: string;
-    };
-    intro: {
-        flex: number;
-        justifyContent: "space-between";
-    };
-    percentage: {
-        marginLeft: number;
-    };
-    subtitle: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-    tickIcon: {
-        marginRight: number;
-    };
-    title: {
-        marginBottom: number;
-        textAlign: "center";
-    };
-};
-export { style };

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

@@ -1,55 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../theme/theme";
-const { borderSize, colorAccent, spaceXS, spaceS, spaceM, spaceL, spaceXL } = theme();
-const style = StyleSheet.create({
-    bodyColumn: {
-        paddingHorizontal: spaceXL,
-    },
-    bullet: {
-        alignItems: "center",
-        flexDirection: "row",
-        marginVertical: spaceS,
-    },
-    content: {
-        alignItems: "center",
-    },
-    description: {
-        borderWidth: borderSize,
-        marginBottom: spaceXL,
-        padding: spaceM,
-        width: "100%",
-    },
-    discount: {
-        alignItems: "flex-end",
-        flexDirection: "row",
-        justifyContent: "center",
-        marginBottom: spaceS,
-    },
-    discountContainer: {
-        alignItems: "center",
-        backgroundColor: colorAccent,
-        marginBottom: spaceL,
-        padding: spaceM,
-        textAlign: "center",
-        width: "100%",
-    },
-    intro: {
-        flex: 1,
-        justifyContent: "space-between",
-    },
-    percentage: {
-        marginLeft: spaceXS,
-    },
-    subtitle: {
-        marginBottom: spaceXL,
-        textAlign: "center",
-    },
-    tickIcon: {
-        marginRight: spaceS,
-    },
-    title: {
-        marginBottom: spaceM,
-        textAlign: "center",
-    },
-});
-export { style };