@threedddplus/logoeditor 0.0.209 → 0.0.211

package/dist/logoeditor.esm.js

@@ -1,7 +1,7 @@
 import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
 import React, { useRef, useState, useEffect, useMemo } from 'react';
-import { toast, ToastContainer, Bounce } from 'react-toastify';
+import { toast } from 'react-toastify';
 import { IconContext } from 'react-icons';
 import { useTooltipState, TooltipReference, Button as Button$1, Tooltip, Input } from 'reakit';
 import { IoMdCheckmarkCircle } from 'react-icons/io';
@@ -1764,9 +1764,12 @@ var SnapToCenter = function SnapToCenter(props) {
   })(props);
 };
 
-function CustomToast(type, message, toastId, style) {
+function CustomToast(type, message, toastId, style, containerId) {
+  if (containerId === void 0) {
+    containerId = "logoEditor";
+  }
   var _C = toast.isActive(toastId);
-  console.log(_C);
+  console.log(containerId);
   if (_C) {
     return React.createElement(React.Fragment, null);
   }
@@ -1777,7 +1780,8 @@ function CustomToast(type, message, toastId, style) {
         message: message
       }), {
         toastId: toastId,
-        style: style
+        style: style,
+        containerId: containerId
       });
     case 'error':
       return toast.error(toastGen({
@@ -1786,7 +1790,8 @@ function CustomToast(type, message, toastId, style) {
       }), {
         toastId: toastId,
         icon: Error$1,
-        style: style
+        style: style,
+        containerId: containerId
       });
     case 'success':
       return toast.success(toastGen({
@@ -1794,7 +1799,8 @@ function CustomToast(type, message, toastId, style) {
         message: message
       }), {
         toastId: toastId,
-        style: style
+        style: style,
+        containerId: containerId
       });
     case 'warning':
       return toast.warning(toastGen({
@@ -1802,7 +1808,8 @@ function CustomToast(type, message, toastId, style) {
         message: message
       }), {
         toastId: toastId,
-        style: style
+        style: style,
+        containerId: containerId
       });
   }
 }
@@ -15202,19 +15209,7 @@ var LogoEditor = function LogoEditor(_ref) {
     crossOnClick: onClose
   }, React.createElement("div", {
     className: "flex flex-col md:flex-row w-full h-[88vh] " + (toggleSaveLogo.status ? "z-10" : "")
-  }, React.createElement(ToastContainer, {
-    position: "top-center",
-    autoClose: 3000,
-    hideProgressBar: true,
-    newestOnTop: false,
-    closeOnClick: true,
-    rtl: false,
-    pauseOnFocusLoss: true,
-    draggable: true,
-    pauseOnHover: true,
-    theme: "colored",
-    transition: Bounce
-  }), fontList.map(function (font, index) {
+  }, fontList.map(function (font, index) {
     return React.createElement(FontLoader, {
       key: index,
       fontPath: font