@lookiero/checkout 0.2.24 → 0.2.26

package/dist/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.js

@@ -2,18 +2,18 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
-    modalTitle: {
-        textAlign: "center",
-    },
-    modalDescription: {
-        marginVertical: spaceXL,
-        textAlign: "center",
-    },
     button: {
         flex: 0,
     },
     confirmButton: {
         marginTop: spaceXL,
     },
+    modalDescription: {
+        marginVertical: spaceXL,
+        textAlign: "center",
+    },
+    modalTitle: {
+        textAlign: "center",
+    },
 });
 export { style };

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

@@ -16,7 +16,7 @@ const ProductVariantActions = ({ sizes, size, onKeep, onReplace, onReturn }) =>
         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(InputField, { disabled: disabledSizeSelector, icon: "arrow-down", label: sizeSelectorLabelText, name: "size-selector", options: sizeSelectorOptions, testID: "size-selector", value: size.id, onChange: onReplace }))),
             React.createElement(View, { style: style.returnButtonContainer },
                 React.createElement(Button, { variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText)))));
 };

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

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

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

@@ -5,18 +5,18 @@ const style = StyleSheet.create({
     container: {
         width: "100%",
     },
-    row: {
-        alignItems: "center",
-        flexDirection: "row",
-        marginTop: spaceL,
-    },
     dropdownContainer: {
         flex: 1,
-        zIndex: 4,
         marginRight: spaceL,
+        zIndex: 4,
     },
     returnButtonContainer: {
         flex: 1,
     },
+    row: {
+        alignItems: "center",
+        flexDirection: "row",
+        marginTop: spaceL,
+    },
 });
 export { style };

package/dist/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js

@@ -11,14 +11,14 @@ const ProductVariantDescription = ({ brand, name, price, size, color }) => {
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
     const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
     return (React.createElement(View, { style: style.container },
-        React.createElement(Text, { detail: true, level: 3, style: style.brand }, brand),
-        React.createElement(Text, { body: true, level: 2, style: style.name }, name),
+        React.createElement(Text, { level: 3, style: style.brand, detail: true }, brand),
+        React.createElement(Text, { level: 2, style: style.name, body: true }, name),
         React.createElement(Price, { price: price }),
-        React.createElement(Text, { detail: true, level: 2, style: style.size },
+        React.createElement(Text, { level: 2, style: style.size, detail: true },
             sizeText,
             ": ",
             React.createElement(Text, { style: style.text }, size.unique ? uniqueText : size.lookiero)),
-        React.createElement(Text, { detail: true, level: 2 },
+        React.createElement(Text, { level: 2, detail: true },
             colorText,
             ": ",
             React.createElement(Text, { style: style.text }, colorLabel))));

package/dist/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.style.d.ts

@@ -1,11 +1,11 @@
 declare const style: {
-    container: {
-        width: string;
-    };
     brand: {
         color: string;
         textTransform: "uppercase";
     };
+    container: {
+        width: string;
+    };
     name: {
         marginVertical: number;
     };

package/dist/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.style.js

@@ -2,13 +2,13 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { colorGrayscaleL, spaceS, spaceL } = theme();
 const style = StyleSheet.create({
-    container: {
-        width: "100%",
-    },
     brand: {
         color: colorGrayscaleL,
         textTransform: "uppercase",
     },
+    container: {
+        width: "100%",
+    },
     name: {
         marginVertical: spaceS,
     },

package/dist/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js

@@ -7,16 +7,16 @@ const ProductVariantSlider = ({ producVariantMedia }) => {
     const cdnImageUrl = useMediaImage();
     const [active, setActive] = useState(0);
     const handleOnActiveChanged = useCallback((activeIndex) => setActive(activeIndex), []);
-    return (React.createElement(Slider, { active: active, onChanged: handleOnActiveChanged, paginationStyle: style.paginationStyle, paginationItemStyle: style.paginationItemStyle, paginationActiveItemStyle: style.paginationActiveItemStyle, paginationRenderItem: (index) => (React.createElement(Image, { key: producVariantMedia[index]?.perspective, style: style.paginationImage, resizeMode: "contain", source: {
+    return (React.createElement(Slider, { active: active, paginationActiveItemStyle: style.paginationActiveItemStyle, paginationItemStyle: style.paginationItemStyle, paginationStyle: style.paginationStyle, paginationRenderItem: (index) => (React.createElement(Image, { key: producVariantMedia[index]?.perspective, resizeMode: "contain", style: style.paginationImage, testID: "product-variant-pagination-image", source: {
                 uri: cdnImageUrl({
                     url: producVariantMedia[index]?.url,
                     width: 80,
                 }),
-            }, testID: "product-variant-pagination-image" })) }, producVariantMedia.map((media) => (React.createElement(Image, { key: media.perspective, style: style.image, source: {
+            } })), onChanged: handleOnActiveChanged }, producVariantMedia.map((media) => (React.createElement(Image, { key: media.perspective, style: style.image, testID: "product-variant-image", source: {
             uri: cdnImageUrl({
                 url: media.url,
                 width: 200,
             }),
-        }, testID: "product-variant-image" })))));
+        } })))));
 };
 export { ProductVariantSlider };

package/dist/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.style.d.ts

@@ -2,14 +2,12 @@ declare const style: {
     image: {
         flex: number;
     };
+    paginationActiveItemStyle: {
+        borderColor: string;
+    };
     paginationImage: {
         flex: number;
     };
-    paginationStyle: {
-        bottom: number;
-        marginTop: number;
-        position: "relative";
-    };
     paginationItemStyle: {
         backgroundColor: string;
         borderColor: string;
@@ -18,8 +16,10 @@ declare const style: {
         height: number;
         width: number;
     };
-    paginationActiveItemStyle: {
-        borderColor: string;
+    paginationStyle: {
+        bottom: number;
+        marginTop: number;
+        position: "relative";
     };
 };
 export { style };

package/dist/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.style.js

@@ -6,14 +6,12 @@ const style = StyleSheet.create({
     image: {
         flex: 1,
     },
+    paginationActiveItemStyle: {
+        borderColor: colorContent,
+    },
     paginationImage: {
         flex: 1,
     },
-    paginationStyle: {
-        bottom: 0,
-        marginTop: spaceM,
-        position: "relative",
-    },
     paginationItemStyle: {
         backgroundColor: colorBase,
         borderColor: colorGrayscaleL,
@@ -22,8 +20,10 @@ const style = StyleSheet.create({
         height: PAGINATION_SIZE,
         width: PAGINATION_SIZE,
     },
-    paginationActiveItemStyle: {
-        borderColor: colorContent,
+    paginationStyle: {
+        bottom: 0,
+        marginTop: spaceM,
+        position: "relative",
     },
 });
 export { style };

package/dist/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.style.d.ts

@@ -1,12 +1,12 @@
 declare const style: {
+    title: {
+        marginBottom: number;
+        marginTop: number;
+    };
     titleContainer: {
-        flexDirection: "row";
         alignItems: "center";
+        flexDirection: "row";
         justifyContent: "space-between";
     };
-    title: {
-        marginTop: number;
-        marginBottom: number;
-    };
 };
 export { style };

package/dist/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.style.js

@@ -2,14 +2,14 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { spaceL, spaceXL } = theme();
 const style = StyleSheet.create({
+    title: {
+        marginBottom: spaceL,
+        marginTop: spaceXL,
+    },
     titleContainer: {
-        flexDirection: "row",
         alignItems: "center",
+        flexDirection: "row",
         justifyContent: "space-between",
     },
-    title: {
-        marginTop: spaceXL,
-        marginBottom: spaceL,
-    },
 });
 export { style };

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -24,7 +24,7 @@ const returnQuestionItems = {
 const ReturnQuestionsForm = ({ feedback, returnQuestions, onClose, visible }) => (React.createElement(ReturnQuestionFeedbackProvider, { feedback: feedback },
     React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
         React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-        React.createElement(Modal, { visible: visible, onClose: onClose, portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, scroll: true },
+        React.createElement(Modal, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, onClose: onClose },
             React.createElement(View, { style: style.returnQuestionsContainer },
-                React.createElement(ReturnQuestions, { returnQuestions: returnQuestions, portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }))))));
+                React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }))))));
 export { ReturnQuestionsForm };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.js

@@ -10,8 +10,8 @@ const SizeChangeModal = ({ visible, onDismiss }) => {
     const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_DESCRIPTION });
     const buttonText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_BUTTON });
     return (React.createElement(Modal, { visible: visible },
-        React.createElement(Text, { body: true, level: 1, style: style.modalTitle }, titleText),
-        React.createElement(Text, { body: true, level: 3, style: style.modalDescription }, descriptionText),
+        React.createElement(Text, { level: 1, style: style.modalTitle, body: true }, titleText),
+        React.createElement(Text, { level: 3, style: style.modalDescription, body: true }, descriptionText),
         React.createElement(Button
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.style.d.ts

@@ -1,13 +1,13 @@
 declare const style: {
-    modalTitle: {
-        textAlign: "center";
+    button: {
+        flex: number;
     };
     modalDescription: {
         marginVertical: number;
         textAlign: "center";
     };
-    button: {
-        flex: number;
+    modalTitle: {
+        textAlign: "center";
     };
 };
 export { style };

package/dist/infrastructure/ui/views/item/components/sizeChangeModal/SizeChangeModal.style.js

@@ -2,15 +2,15 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
-    modalTitle: {
-        textAlign: "center",
+    button: {
+        flex: 0,
     },
     modalDescription: {
         marginVertical: spaceXL,
         textAlign: "center",
     },
-    button: {
-        flex: 0,
+    modalTitle: {
+        textAlign: "center",
     },
 });
 export { style };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js

@@ -10,8 +10,8 @@ const SizeWithoutStockModal = ({ visible, onDismiss }) => {
     const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
     const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
     return (React.createElement(Modal, { visible: visible },
-        React.createElement(Text, { body: true, level: 1, style: style.modalTitle }, titleText),
-        React.createElement(Text, { body: true, level: 3, style: style.modalDescription }, descriptionText),
+        React.createElement(Text, { level: 1, style: style.modalTitle, body: true }, titleText),
+        React.createElement(Text, { level: 3, style: style.modalDescription, body: true }, descriptionText),
         React.createElement(Button
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.style.d.ts

@@ -1,13 +1,13 @@
 declare const style: {
-    modalTitle: {
-        textAlign: "center";
+    button: {
+        flex: number;
     };
     modalDescription: {
         marginVertical: number;
         textAlign: "center";
     };
-    button: {
-        flex: number;
+    modalTitle: {
+        textAlign: "center";
     };
 };
 export { style };

package/dist/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.style.js

@@ -2,15 +2,15 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
-    modalTitle: {
-        textAlign: "center",
+    button: {
+        flex: 0,
     },
     modalDescription: {
         marginVertical: spaceXL,
         textAlign: "center",
     },
-    button: {
-        flex: 0,
+    modalTitle: {
+        textAlign: "center",
     },
 });
 export { style };

package/dist/infrastructure/ui/views/summary/Summary.js

@@ -11,9 +11,8 @@ const Summary = () => {
 };
 const styles = StyleSheet.create({
     container: {
-        flex: 1,
-        backgroundColor: "#fff",
         alignItems: "center",
+        flex: 1,
         justifyContent: "center",
     },
 });

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.24",
+  "version": "0.2.26",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "engines": {
-    "node": "^14.20.0 || ^18.9.0"
+    "node": "^14.20.0 || ^16.13.0 || ^18.9.0"
   },
   "scripts": {
     "start": "expo start",
@@ -67,6 +67,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-native": "^4.0.0",
     "expo": "~46.0.8",
     "expo-status-bar": "~1.4.0",
     "husky": "^8.0.1",