@lookiero/checkout 0.2.15 → 0.2.16

package/dist/infrastructure/ui/components/atoms/modal/Modal.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from "react";
+interface ModalProps {
+    readonly children: ReactNode;
+    readonly visible: boolean;
+}
+declare const Modal: FC<ModalProps>;
+export { Modal };

package/dist/infrastructure/ui/components/atoms/modal/Modal.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { Modal as RNModal, View } from "react-native";
+import { style } from "./Modal.style";
+const Modal = ({ children, visible }) => (React.createElement(RNModal, { transparent: true, visible: visible },
+    React.createElement(View, { style: style.centeredView },
+        React.createElement(View, { style: style.modalView }, children))));
+export { Modal };

package/dist/infrastructure/ui/components/atoms/modal/Modal.style.d.ts

@@ -0,0 +1,23 @@
+declare const style: {
+    centeredView: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+        backgroundColor: string;
+        paddingHorizontal: number;
+    };
+    modalView: {
+        alignItems: "center";
+        backgroundColor: string;
+        padding: number;
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+export { style };

package/dist/infrastructure/ui/components/atoms/modal/Modal.style.js

@@ -0,0 +1,26 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../theme/theme";
+const { colorBase, colorContent, colorOverlay, spaceXL } = theme();
+const style = StyleSheet.create({
+    centeredView: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: colorOverlay,
+        paddingHorizontal: spaceXL,
+    },
+    modalView: {
+        alignItems: "center",
+        backgroundColor: colorBase,
+        padding: spaceXL,
+        shadowColor: colorContent,
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 4,
+        elevation: 5,
+    },
+});
+export { style };

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

@@ -15,6 +15,9 @@ declare enum I18nMessages {
     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"
+    ITEM_BANNER_BUTTON = "item.banner_button",
+    SIZE_CHANGE_MODAL_TITLE = "size_change_modal.title",
+    SIZE_CHANGE_MODAL_DESCRIPTION = "size_change_modal.description",
+    SIZE_CHANGE_MODAL_BUTTON = "size_change_modal.button"
 }
 export { I18nMessages };

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

@@ -17,5 +17,8 @@ var I18nMessages;
     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["SIZE_CHANGE_MODAL_TITLE"] = "size_change_modal.title";
+    I18nMessages["SIZE_CHANGE_MODAL_DESCRIPTION"] = "size_change_modal.description";
+    I18nMessages["SIZE_CHANGE_MODAL_BUTTON"] = "size_change_modal.button";
 })(I18nMessages || (I18nMessages = {}));
 export { I18nMessages };

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

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface SizeChangeModalProps {
+    readonly visible: boolean;
+    readonly onDismiss: () => void;
+}
+declare const SizeChangeModal: FC<SizeChangeModalProps>;
+export { SizeChangeModal };

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

@@ -0,0 +1,17 @@
+import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
+import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
+import { useI18nMessage } from "@lookiero/i18n-react";
+import React from "react";
+import { Modal } from "../../../../components/atoms/modal/Modal";
+import { I18nMessages } from "../../../../i18n/i18n";
+import { style } from "./SizeChangeModal.style";
+const SizeChangeModal = ({ visible, onDismiss }) => {
+    const titleText = useI18nMessage({ id: I18nMessages.SIZE_CHANGE_MODAL_TITLE });
+    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(Button, { onPress: onDismiss }, buttonText)));
+};
+export { SizeChangeModal };

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

@@ -0,0 +1,11 @@
+declare const style: {
+    modalTitle: {
+        marginBottom: number;
+        textAlign: "center";
+    };
+    modalDescription: {
+        marginBottom: number;
+        textAlign: "center";
+    };
+};
+export { style };

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

@@ -0,0 +1,14 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../theme/theme";
+const { spaceL, spaceXL } = theme();
+const style = StyleSheet.create({
+    modalTitle: {
+        marginBottom: spaceXL,
+        textAlign: "center",
+    },
+    modalDescription: {
+        marginBottom: spaceL,
+        textAlign: "center",
+    },
+});
+export { style };

package/package.json

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