labsense-ui-kit 1.3.87 → 1.3.88

package/dist/index.modern.js

@@ -6814,70 +6814,72 @@ var useNotification = function useNotification() {
       toast.remove();
     }
     toast.dismiss(toastId);
-    switch (type) {
-      case 'success':
-        toast.success(message, {
-          id: toastId
-        });
-        break;
-      case 'error':
-        toast.error(message, {
-          id: toastId
-        });
-        break;
-      case 'info':
-        toast(message, {
-          id: toastId,
-          icon: React.createElement(Container, {
-            "$minWidth": '20px',
-            "$height": '20px',
-            "$width": '20px',
-            "$alignItems": 'center',
-            "$justifyContent": 'center',
-            "$borderRadius": '100%',
-            "$background": themeColors.vms.disabled.info
-          }, React.createElement(Icon, {
-            icon: 'InformationFilled',
-            size: 20,
-            color: themeColors.vms["default"].info
-          })),
-          style: {
-            borderRadius: '8px',
-            background: themeColors.vms.text.white,
-            color: themeColors.vms.text.dark,
-            maxWidth: '648px'
-          }
-        });
-        break;
-      case 'promise':
-        if (promiseConfig) {
-          toast.promise(promiseConfig.promise, {
-            loading: promiseConfig.loading,
-            success: promiseConfig.success,
-            error: promiseConfig.error
-          }, {
+    setTimeout(function () {
+      switch (type) {
+        case 'success':
+          toast.success(message, {
+            id: toastId
+          });
+          break;
+        case 'error':
+          toast.error(message, {
+            id: toastId
+          });
+          break;
+        case 'info':
+          toast(message, {
             id: toastId,
+            icon: React.createElement(Container, {
+              "$minWidth": '20px',
+              "$height": '20px',
+              "$width": '20px',
+              "$alignItems": 'center',
+              "$justifyContent": 'center',
+              "$borderRadius": '100%',
+              "$background": themeColors.vms.disabled.info
+            }, React.createElement(Icon, {
+              icon: 'InformationFilled',
+              size: 20,
+              color: themeColors.vms["default"].info
+            })),
             style: {
-              minWidth: '300px'
+              borderRadius: '8px',
+              background: themeColors.vms.text.white,
+              color: themeColors.vms.text.dark,
+              maxWidth: '648px'
             }
           });
-        }
-        break;
-      case 'custom':
-        toast(message, {
-          id: toastId,
-          icon: React.createElement(Icon, {
-            icon: (customStyle === null || customStyle === void 0 ? void 0 : customStyle.icon) || 'Add_1',
-            size: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconSize,
-            weight: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconWeight
-          }),
-          style: {
-            background: customStyle === null || customStyle === void 0 ? void 0 : customStyle.background,
-            color: customStyle === null || customStyle === void 0 ? void 0 : customStyle.color
+          break;
+        case 'promise':
+          if (promiseConfig) {
+            toast.promise(promiseConfig.promise, {
+              loading: promiseConfig.loading,
+              success: promiseConfig.success,
+              error: promiseConfig.error
+            }, {
+              id: toastId,
+              style: {
+                minWidth: '300px'
+              }
+            });
           }
-        });
-        break;
-    }
+          break;
+        case 'custom':
+          toast(message, {
+            id: toastId,
+            icon: React.createElement(Icon, {
+              icon: (customStyle === null || customStyle === void 0 ? void 0 : customStyle.icon) || 'Add_1',
+              size: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconSize,
+              weight: customStyle === null || customStyle === void 0 ? void 0 : customStyle.iconWeight
+            }),
+            style: {
+              background: customStyle === null || customStyle === void 0 ? void 0 : customStyle.background,
+              color: customStyle === null || customStyle === void 0 ? void 0 : customStyle.color
+            }
+          });
+          break;
+      }
+    }, 100);
   };
   return {
     sendNotification: sendNotification