@lookiero/checkout 0.2.23 → 0.2.25

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

@@ -2,6 +2,11 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../theme/theme";
 const { borderSize, colorAccent, spaceXS, spaceS, spaceM, spaceL, spaceXL } = theme();
 const style = StyleSheet.create({
+    bullet: {
+        alignItems: "center",
+        flexDirection: "row",
+        marginVertical: spaceS,
+    },
     container: {
         flex: 1,
         justifyContent: "space-between",
@@ -9,12 +14,17 @@ const style = StyleSheet.create({
     content: {
         alignItems: "center",
     },
-    title: {
-        marginBottom: spaceM,
-        textAlign: "center",
+    description: {
+        borderWidth: borderSize,
+        marginBottom: spaceXL,
+        padding: spaceM,
+        width: "100%",
     },
-    subtitle: {
-        textAlign: "center",
+    discount: {
+        alignItems: "flex-end",
+        flexDirection: "row",
+        justifyContent: "center",
+        marginBottom: spaceS,
     },
     discountContainer: {
         alignItems: "center",
@@ -24,28 +34,18 @@ const style = StyleSheet.create({
         textAlign: "center",
         width: "100%",
     },
-    discount: {
-        alignItems: "flex-end",
-        flexDirection: "row",
-        justifyContent: "center",
-        marginBottom: spaceS,
-    },
     percentage: {
         marginLeft: spaceXS,
     },
-    description: {
-        borderWidth: borderSize,
-        marginBottom: spaceXL,
-        padding: spaceM,
-        width: "100%",
-    },
-    bullet: {
-        alignItems: "center",
-        flexDirection: "row",
-        marginVertical: spaceS,
+    subtitle: {
+        textAlign: "center",
     },
     tickIcon: {
         marginRight: spaceS,
     },
+    title: {
+        marginBottom: spaceM,
+        textAlign: "center",
+    },
 });
 export { style };

package/dist/infrastructure/ui/views/item/Item.js

@@ -33,7 +33,7 @@ const Item = ({ customerId }) => {
             React.createElement(Body, null,
                 React.createElement(View, { style: style.sliderContainer },
                     React.createElement(ProductVariantSlider, { producVariantMedia: media })),
-                React.createElement(ProductVariantDescription, { brand: brand, name: name, price: price, size: size, color: color }),
+                React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: size }),
                 Object.entries(feedback).length !== 0 && (React.createElement(View, { style: style.feedbackContainer },
                     React.createElement(ReturnQuestionsFeedback, { feedback: feedback, returnQuestions: returnQuestions, onEditFeedback: handleOnEditFeedback }))),
                 React.createElement(View, { style: { flexDirection: "row", justifyContent: "center" } },

package/dist/infrastructure/ui/views/item/Item.style.d.ts

@@ -1,12 +1,12 @@
 declare const style: {
-    sliderContainer: {
-        minHeight: number;
-        marginBottom: number;
-    };
     feedbackContainer: {
-        marginVertical: number;
         borderTopColor: string;
         borderTopWidth: number;
+        marginVertical: number;
+    };
+    sliderContainer: {
+        marginBottom: number;
+        minHeight: number;
     };
 };
 export { style };

package/dist/infrastructure/ui/views/item/Item.style.js

@@ -2,14 +2,14 @@ import { StyleSheet } from "react-native";
 import { theme } from "../../theme/theme";
 const { borderSize, colorGrayscaleM, spaceXL } = theme();
 const style = StyleSheet.create({
-    sliderContainer: {
-        minHeight: 500,
-        marginBottom: spaceXL,
-    },
     feedbackContainer: {
-        marginVertical: spaceXL,
         borderTopColor: colorGrayscaleM,
         borderTopWidth: borderSize,
+        marginVertical: spaceXL,
+    },
+    sliderContainer: {
+        marginBottom: spaceXL,
+        minHeight: 500,
     },
 });
 export { style };

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

@@ -14,8 +14,8 @@ 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(Text, { level: 2, style: style.decissionText, detail: true }, decissionText),
         React.createElement(Pressable, { onPress: onPress },
-            React.createElement(Text, { detail: true, level: 2, style: style.buttonText }, bannerButtonText))));
+            React.createElement(Text, { level: 2, style: style.buttonText, detail: true }, bannerButtonText))));
 };
 export { CustomerDecissionBanner };

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

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

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

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

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

@@ -12,8 +12,8 @@ const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
     const dismissButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON });
     const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_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/getOutOfCheckoutModal/GetOutOfCheckoutModal.style.d.ts

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

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

@@ -1,7 +1,6 @@
 import { PortalHost } from "@gorhom/portal";
 import React from "react";
-import { ScrollView, View } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { View } from "react-native";
 import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
 import { ReturnQuestionFeedbackProvider } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
@@ -12,9 +11,7 @@ import { HostStackReturnQuestionItem } from "../../../../components/organisms/re
 import { OptionReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem";
 import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
 import { Modal } from "../../../../shared/components/layouts/modal/Modal";
-import { theme } from "../../../../theme/theme";
 import { style } from "./ReturnQuestionsForm.style";
-const { spaceXL } = theme();
 const RETURN_QUESTION_FORM_PORTAL_HOST_NAME = "return-question-form-portal";
 const returnQuestionItems = {
     [ReturnQuestionType.HOST_DEFAULT]: HostDefaultReturnQuestionItem,
@@ -24,14 +21,10 @@ const returnQuestionItems = {
     [ReturnQuestionType.TEXTAREA]: TextareaReturnQuestionItem,
     [ReturnQuestionType.OPTION]: OptionReturnQuestionItem,
 };
-const ReturnQuestionsForm = ({ feedback, returnQuestions, onClose, visible }) => {
-    const { bottom: safeAreaInsetBottom } = useSafeAreaInsets();
-    return (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 },
-                React.createElement(ScrollView, null,
-                    React.createElement(View, { style: [style.returnQuestionsContainer, { paddingBottom: spaceXL + safeAreaInsetBottom }] },
-                        React.createElement(ReturnQuestions, { returnQuestions: returnQuestions, portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME })))))));
-};
+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, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, onClose: onClose },
+            React.createElement(View, { style: style.returnQuestionsContainer },
+                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",
     },
 });