@lookiero/checkout 2.0.0 → 2.1.0

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

@@ -33,10 +33,11 @@ const ReturnQuestionsForm = ({ returnQuestions, checkoutItemPrice, productVarian
     const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
     return (React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
         React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-        React.createElement(Modal, { footer: React.createElement(Button, { onPress: handleOnSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, testID: "return-questions-form-modal", visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
+        React.createElement(Modal, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, testID: "return-questions-form-modal", visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
             React.createElement(View, { style: style.returnQuestionsContainer },
                 React.createElement(Text, { level: 2, style: style.title }, titleText),
                 React.createElement(ProductVariant, { brand: brand, color: color, country: country, media: media, name: name, price: checkoutItemPrice, size: size }),
-                React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions })))));
+                React.createElement(ReturnQuestions, { portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, returnQuestions: returnQuestions }),
+                React.createElement(Button, { style: style.submit, onPress: handleOnSubmit }, submitButtonText)))));
 };
 export { ReturnQuestionsForm };

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts

@@ -1,8 +1,10 @@
 declare const style: {
     returnQuestionsContainer: {
-        paddingBottom: number;
         paddingHorizontal: number;
     };
+    submit: {
+        marginTop: number;
+    };
     title: {
         marginBottom: number;
         textAlign: "center";

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

@@ -3,9 +3,11 @@ import { theme } from "../../../../theme/theme";
 const { spaceXL } = theme();
 const style = StyleSheet.create({
     returnQuestionsContainer: {
-        paddingBottom: spaceXL,
         paddingHorizontal: spaceXL,
     },
+    submit: {
+        marginTop: spaceXL,
+    },
     title: {
         marginBottom: spaceXL,
         textAlign: "center",

package/dist/shared/notifications/infrastructure/ui/components/modalNotifications/ModalNotificationItem.js

@@ -1,6 +1,6 @@
 import { ALIGN, Button, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
+import React, { useEffect, useRef } from "react";
 import { useCallback } from "react";
 import { View } from "react-native";
 import { Modal } from "../../../../../ui/components/layouts/modal/Modal";
@@ -9,7 +9,19 @@ const ModalNotificationItem = ({ visible, notification, onRemove, testID = "moda
     const titleText = useI18nMessage({ id: notification.titleI18nKey });
     const bodyText = useI18nMessage({ id: notification.bodyI18nKey });
     const acceptText = useI18nMessage({ id: notification.acceptI18nKey });
-    const handleOnClose = useCallback(() => onRemove(notification.id), [notification.id, onRemove]);
+    const modalNotificationClosedRef = useRef(false);
+    const handleOnClose = useCallback(() => {
+        onRemove(notification.id);
+        modalNotificationClosedRef.current = true;
+    }, [notification.id, onRemove]);
+    /**
+     * Remove modal notification when this view is unmounted
+     */
+    useEffect(() => () => {
+        if (!modalNotificationClosedRef.current) {
+            onRemove(notification.id);
+        }
+    }, [notification.id, onRemove]);
     return (React.createElement(Modal, { testID: testID, visible: visible, onClose: handleOnClose },
         React.createElement(View, { style: style.modal },
             React.createElement(Text, { align: ALIGN.CENTER, level: 1 }, titleText),

package/package.json

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