@lookiero/checkout 0.2.7 → 0.2.8

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/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.7",
+  "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)\"",
@@ -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"
   }
 }