@lookiero/checkout 0.2.6 → 0.2.8

package/dist/domain/checkoutBooking/model/checkoutBookings.d.ts

@@ -1,7 +1,7 @@
-import { RepositoryGetFunction, RepositorySaveFunction } from "@lookiero/messaging";
+import { RepositoryGetFunction, RepositoryGetFunctionArgs, RepositorySaveFunction, RepositorySaveFunctionArgs } from "@lookiero/messaging";
 import { CheckoutBooking } from "./checkoutBooking";
-interface CheckoutBookingsGetFunction extends RepositoryGetFunction<CheckoutBooking> {
+interface CheckoutBookingsGetFunction<CheckoutBookingsGetFunctionArgs extends RepositoryGetFunctionArgs> extends RepositoryGetFunction<CheckoutBooking, CheckoutBookingsGetFunctionArgs> {
 }
-interface CheckoutBookingsSaveFunction extends RepositorySaveFunction<CheckoutBooking> {
+interface CheckoutBookingsSaveFunction<CheckoutBookingsSaveFunctionArgs extends RepositorySaveFunctionArgs> extends RepositorySaveFunction<CheckoutBooking, CheckoutBookingsSaveFunctionArgs> {
 }
 export { CheckoutBookingsGetFunction, CheckoutBookingsSaveFunction };

package/dist/domain/uiSetting/model/uiSettings.d.ts

@@ -1,7 +1,7 @@
-import { RepositoryGetFunction, RepositorySaveFunction } from "@lookiero/messaging";
+import { RepositoryGetFunction, RepositoryGetFunctionArgs, RepositorySaveFunction, RepositorySaveFunctionArgs } from "@lookiero/messaging";
 import { UiSetting } from "./uiSetting";
-interface UiSettingGetFunction extends RepositoryGetFunction<UiSetting> {
+interface UiSettingGetFunction<UiSettingGetFunctionArgs extends RepositoryGetFunctionArgs> extends RepositoryGetFunction<UiSetting, UiSettingGetFunctionArgs> {
 }
-interface UiSettingSaveFunction extends RepositorySaveFunction<UiSetting> {
+interface UiSettingSaveFunction<UiSettingSaveFunctionArgs extends RepositorySaveFunctionArgs> extends RepositorySaveFunction<UiSetting, UiSettingSaveFunctionArgs> {
 }
 export { UiSettingGetFunction, UiSettingSaveFunction };

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

@@ -28,9 +28,6 @@ const bootstrap = () => messagingBootstrap({ id: CHECKOUT_MESSAGING_REACT_ID })
     .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
     view: storageUiSettingByKeyView({ read }),
 })
-    .command(UPDATE_UI_SETTING, updateUiSettingHandler, {
-    get: getUiSetting({ read }),
-    save: saveUiSetting({ write }),
-})
+    .command(UPDATE_UI_SETTING, updateUiSettingHandler, {})(getUiSetting, saveUiSetting, { read, write })
     .build();
 export { bootstrap };

package/dist/infrastructure/delivery/bootstrap.js

@@ -31,10 +31,7 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
         view: storageUiSettingByKeyView({ read }),
     })
-        .command(UPDATE_UI_SETTING, updateUiSettingHandler, {
-        get: getUiSetting({ read }),
-        save: saveUiSetting({ write }),
-    })
+        .command(UPDATE_UI_SETTING, updateUiSettingHandler, {})(getUiSetting, saveUiSetting, { read, write })
         .build();
 };
 export { bootstrap, CHECKOUT_MESSAGING_REACT_ID };

package/dist/infrastructure/domain/checkoutBooking/model/httpCheckoutBookings.d.ts

@@ -3,8 +3,7 @@ import { HttpPostFunction } from "../../../delivery/http/httpClient";
 interface HttpCheckoutBookingsSaveFunctionArgs {
     readonly httpPost: HttpPostFunction;
 }
-interface HttpCheckoutBookingsSaveFunction {
-    (args: HttpCheckoutBookingsSaveFunctionArgs): CheckoutBookingsSaveFunction;
+interface HttpCheckoutBookingsSaveFunction extends CheckoutBookingsSaveFunction<HttpCheckoutBookingsSaveFunctionArgs> {
 }
 declare const saveCheckoutBooking: HttpCheckoutBookingsSaveFunction;
 export { saveCheckoutBooking };

package/dist/infrastructure/domain/uiSetting/model/storageUiSettings.d.ts

@@ -1,18 +1,17 @@
+import { RepositoryGetFunctionArgs, RepositorySaveFunctionArgs } from "@lookiero/messaging";
 import { UiSettingGetFunction, UiSettingSaveFunction } from "../../../../domain/uiSetting/model/uiSettings";
 import { ReadFunction, WriteFunction } from "../../../persistence/storage";
 import { UiSettingDto } from "../../../persistence/uiSettingData";
-interface StorageUiSettingsGetFunctionArgs {
+interface StorageUiSettingsGetFunctionArgs extends RepositoryGetFunctionArgs {
     readonly read: ReadFunction<UiSettingDto>;
 }
-interface StorageUiSettingsGetFunction {
-    (args: StorageUiSettingsGetFunctionArgs): UiSettingGetFunction;
+interface StorageUiSettingsGetFunction extends UiSettingGetFunction<StorageUiSettingsGetFunctionArgs> {
 }
 declare const getUiSetting: StorageUiSettingsGetFunction;
-interface StorageUiSettingsSaveFunctionArgs {
+interface StorageUiSettingsSaveFunctionArgs extends RepositorySaveFunctionArgs {
     readonly write: WriteFunction<UiSettingDto>;
 }
-interface StorageUiSettingsSaveFunction {
-    (args: StorageUiSettingsSaveFunctionArgs): UiSettingSaveFunction;
+interface StorageUiSettingsSaveFunction extends UiSettingSaveFunction<StorageUiSettingsSaveFunctionArgs> {
 }
 declare const saveUiSetting: StorageUiSettingsSaveFunction;
 export { getUiSetting, saveUiSetting };

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

@@ -4,6 +4,6 @@ import { CHECKOUT_MESSAGING_REACT_ID } from "../../delivery/bootstrap";
 const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
     query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
     contextId: CHECKOUT_MESSAGING_REACT_ID,
-    options: { staleTime: Infinity, retry: false },
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewFirstAvailableCheckoutByCustomerId };

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

@@ -4,6 +4,6 @@ import { CHECKOUT_MESSAGING_REACT_ID } from "../../delivery/bootstrap";
 const useViewIsCheckoutAccessibleByCustomerId = ({ customerId }) => useQuery({
     query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
     contextId: CHECKOUT_MESSAGING_REACT_ID,
-    options: { staleTime: Infinity },
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewIsCheckoutAccessibleByCustomerId };

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

@@ -8,6 +8,13 @@ declare enum I18nMessages {
     INTRO_BUTTON = "intro.button",
     ITEM_SIZE = "item.size",
     ITEM_COLOR = "item.color",
-    ITEM_UNIQUE = "item.unique"
+    ITEM_UNIQUE = "item.unique",
+    ITEM_SIZES_LABEL = "item.sizes_label",
+    ITEM_KEEP_BUTTON = "item.keep_button",
+    ITEM_RETURN_BUTTON = "item.return_button",
+    ITEM_BANNER_CUSTOMER_KEPT_DECISSION = "item.banner_customer_kept_decission",
+    ITEM_BANNER_CUSTOMER_REPLACED_DECISSION = "item.banner_customer_replaced_decission",
+    ITEM_BANNER_CUSTOMER_RETURNED_DECISSION = "item.banner_customer_returned_decission",
+    ITEM_BANNER_BUTTON = "item.banner_button"
 }
 export { I18nMessages };

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

@@ -10,5 +10,12 @@ var I18nMessages;
     I18nMessages["ITEM_SIZE"] = "item.size";
     I18nMessages["ITEM_COLOR"] = "item.color";
     I18nMessages["ITEM_UNIQUE"] = "item.unique";
+    I18nMessages["ITEM_SIZES_LABEL"] = "item.sizes_label";
+    I18nMessages["ITEM_KEEP_BUTTON"] = "item.keep_button";
+    I18nMessages["ITEM_RETURN_BUTTON"] = "item.return_button";
+    I18nMessages["ITEM_BANNER_CUSTOMER_KEPT_DECISSION"] = "item.banner_customer_kept_decission";
+    I18nMessages["ITEM_BANNER_CUSTOMER_REPLACED_DECISSION"] = "item.banner_customer_replaced_decission";
+    I18nMessages["ITEM_BANNER_CUSTOMER_RETURNED_DECISSION"] = "item.banner_customer_returned_decission";
+    I18nMessages["ITEM_BANNER_BUTTON"] = "item.banner_button";
 })(I18nMessages || (I18nMessages = {}));
 export { I18nMessages };

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

@@ -3,15 +3,17 @@ import React, { useEffect, useRef } from "react";
 import { Outlet } from "react-router-native";
 import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/react/useViewIsCheckoutAccessibleByCustomerId";
 import { Spinner } from "../components/atoms/spinner/Spinner";
+import { QueryStatus } from "@lookiero/messaging-react";
 const CheckoutAccessibilityMiddleware = ({ customerId, onNotAccessible, loader = React.createElement(Spinner, null), }) => {
-    const [accessible] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
+    const [accessible, status] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
     const onNotAccessibleRef = useRef(onNotAccessible);
     onNotAccessibleRef.current = onNotAccessible;
+    const notAccessible = accessible === false || status === QueryStatus.ERROR;
     useEffect(() => {
-        if (accessible === false) {
+        if (notAccessible) {
             onNotAccessibleRef.current();
         }
-    }, [accessible, onNotAccessible]);
-    return accessible === undefined ? loader : accessible ? React.createElement(Outlet, null) : null;
+    }, [notAccessible, onNotAccessible]);
+    return accessible === undefined && [QueryStatus.IDLE, QueryStatus.LOADING].includes(status) ? (loader) : accessible ? (React.createElement(Outlet, null)) : null;
 };
 export { CheckoutAccessibilityMiddleware };

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { CheckoutItemStatus } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+declare type Status = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
+interface CustomerDecissionBannerProps {
+    readonly checkoutItemStatus: Status;
+    readonly onPress: () => void;
+}
+declare const CustomerDecissionBanner: FC<CustomerDecissionBannerProps>;
+export { CustomerDecissionBanner };

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { Pressable, View } from "react-native";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { CheckoutItemStatus } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { style } from "./CustomerDecissionBanner.style";
+const i18nMessageForCheckoutItemStatus = {
+    [CheckoutItemStatus.KEPT]: I18nMessages.ITEM_BANNER_CUSTOMER_KEPT_DECISSION,
+    [CheckoutItemStatus.REPLACED]: I18nMessages.ITEM_BANNER_CUSTOMER_REPLACED_DECISSION,
+    [CheckoutItemStatus.RETURNED]: I18nMessages.ITEM_BANNER_CUSTOMER_RETURNED_DECISSION,
+};
+const CustomerDecissionBanner = ({ checkoutItemStatus, onPress }) => {
+    const decissionText = useI18nMessage({ id: i18nMessageForCheckoutItemStatus[checkoutItemStatus] });
+    const bannerButtonText = useI18nMessage({ id: I18nMessages.ITEM_BANNER_BUTTON });
+    return (React.createElement(View, { style: style.container },
+        React.createElement(Text, { detail: true, level: 2, style: style.decissionText }, decissionText),
+        React.createElement(Pressable, { onPress: onPress },
+            React.createElement(Text, { detail: true, level: 2, style: style.buttonText }, bannerButtonText))));
+};
+export { CustomerDecissionBanner };

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.style.d.ts

@@ -0,0 +1,17 @@
+declare const style: {
+    container: {
+        alignItems: "center";
+        backgroundColor: string;
+        paddingTop: number;
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    decissionText: {
+        textAlign: "center";
+        marginBottom: number;
+    };
+    buttonText: {
+        textDecorationLine: "underline";
+    };
+};
+export { style };

package/dist/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.style.js

@@ -0,0 +1,20 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { colorInfo, spaceM, spaceL } = theme();
+const style = StyleSheet.create({
+    container: {
+        alignItems: "center",
+        backgroundColor: colorInfo,
+        paddingTop: spaceM,
+        paddingHorizontal: spaceL,
+        paddingBottom: spaceL,
+    },
+    decissionText: {
+        textAlign: "center",
+        marginBottom: spaceM,
+    },
+    buttonText: {
+        textDecorationLine: "underline",
+    },
+});
+export { style };

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.d.ts

@@ -0,0 +1,11 @@
+import { SizeProjection } from "../../../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
+import { FC } from "react";
+interface ProductVariantActionsProps {
+    readonly sizes: SizeProjection[];
+    readonly size: SizeProjection;
+    readonly onKeep: (value: string) => void;
+    readonly onReturn: () => void;
+    readonly onReplace: () => void;
+}
+declare const ProductVariantActions: FC<ProductVariantActionsProps>;
+export { ProductVariantActions };

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.js

@@ -0,0 +1,23 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
+import { InputField } from "@lookiero/aurora-next/build/components/atoms/InputField/InputField";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import { View } from "react-native";
+import React, { useMemo } from "react";
+import { style } from "./ProductVariantActions.style";
+const ProductVariantActions = ({ sizes, size, onKeep, onReplace, onReturn }) => {
+    const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });
+    const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
+    const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
+    const sizeSelectorOptions = useMemo(() => sizes.map((size) => ({ name: size.lookiero, value: size.id })), [sizes]);
+    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === size.id, [sizeSelectorOptions, size.id]);
+    return (React.createElement(View, { style: style.container },
+        React.createElement(Button, { onPress: onKeep }, keepButtonText),
+        React.createElement(View, { style: style.row },
+            !size.unique && (React.createElement(View, { style: style.dropdownContainer },
+                React.createElement(InputField, { label: sizeSelectorLabelText, value: size.id, name: "size-selector", icon: "arrow-down", onChange: onReplace, options: sizeSelectorOptions, disabled: disabledSizeSelector, testID: "size-selector" }))),
+            React.createElement(View, { style: style.returnButtonContainer },
+                React.createElement(Button, { variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText)))));
+};
+export { ProductVariantActions };

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.style.d.ts

@@ -0,0 +1,19 @@
+declare const style: {
+    container: {
+        width: string;
+    };
+    row: {
+        alignItems: "center";
+        flexDirection: "row";
+        marginTop: number;
+    };
+    dropdownContainer: {
+        flex: number;
+        zIndex: number;
+        marginRight: number;
+    };
+    returnButtonContainer: {
+        flex: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/views/item/components/productVariantActions/ProductVariantActions.style.js

@@ -0,0 +1,22 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { spaceL } = theme();
+const style = StyleSheet.create({
+    container: {
+        width: "100%",
+    },
+    row: {
+        alignItems: "center",
+        flexDirection: "row",
+        marginTop: spaceL,
+    },
+    dropdownContainer: {
+        flex: 1,
+        zIndex: 4,
+        marginRight: spaceL,
+    },
+    returnButtonContainer: {
+        flex: 1,
+    },
+});
+export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -14,6 +14,7 @@
     "android": "expo start --android",
     "ios": "expo start --ios",
     "web": "expo start --web",
+    "export-analyze-web": "expo export:web",
     "build": "tsc -b tsconfig.build.json",
     "lint": "eslint --fix --cache --cache-location ./node_modules/.cache/.eslintcache --ext ts,tsx .",
     "format": "prettier --write \"**/*.+(json|css|ts|tsx|md)\"",
@@ -21,10 +22,10 @@
     "test:coverage": "jest --coverage --coverageReporters=text --detectOpenHandles --forceExit --silent"
   },
   "dependencies": {
-    "@lookiero/i18n": "^0.7.2",
-    "@lookiero/i18n-react": "^0.7.2",
-    "@lookiero/messaging": "^6.2.1",
-    "@lookiero/messaging-react": "^6.2.1",
+    "@lookiero/i18n": "^0.7.3",
+    "@lookiero/i18n-react": "^0.7.3",
+    "@lookiero/messaging": "^7.0.0",
+    "@lookiero/messaging-react": "^7.0.0",
     "react-native-get-random-values": "^1.8.0",
     "react-router-dom": "^6.3.0",
     "react-router-native": "^6.3.0",
@@ -73,6 +74,7 @@
     "react-native": "^0.69.4",
     "react-native-web": "^0.18.7",
     "react-test-renderer": "^18.0.0",
-    "typescript": "^4.6.3"
+    "typescript": "^4.6.3",
+    "webpack-bundle-analyzer": "^4.6.1"
   }
 }