fix: dont show confirmation modal if avoidChangesNotSavedAlertOnLeave is set to true

Signed-off-by: Hamza <hamzamahjoubi221@gmail.com>

Author: hamza221

packages/react-filerobot-image-editor/src/components/Topbar/ConfirmationModal.jsx

@@ -17,7 +17,7 @@ const ConfirmationModal = ({ children, isReset }) => {
     dispatch,
     isResetted = true,
     haveNotSavedChanges,
-    config: { onClose },
+    config: { onClose, avoidChangesNotSavedAlertOnLeave },
   } = useStore();
 
   const [isModalOpened, setIsModalOpened] = useState(false);
@@ -32,11 +32,6 @@ const ConfirmationModal = ({ children, isReset }) => {
   const cancelModal = () => {
     setIsModalOpened(false);
   };
-
-  const openModal = () => {
-    setIsModalOpened(true);
-  };
-
   const dispatchReset = useCallback(() => {
     dispatch({ type: RESET, payload: { config } });
     cancelModal();
@@ -49,6 +44,15 @@ const ConfirmationModal = ({ children, isReset }) => {
     dispatchReset();
   };
 
+  const openModal = () => {
+    // Don't open the modal if avoidChangesNotSavedAlertOnLeave is true
+    if (avoidChangesNotSavedAlertOnLeave) {
+      closeWithReason();
+      return;
+    }
+    setIsModalOpened(true);
+  };
+
   return (
     <>
       {React.cloneElement(children, {