toastify-all 1.0.0

package/dist/react/index.js

@@ -0,0 +1,925 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+var NotificationCore = /*#__PURE__*/function () {
+  function NotificationCore() {
+    var _this = this;
+    _classCallCheck(this, NotificationCore);
+    this.notifications = new Map();
+    this.counter = 0;
+    this.config = {
+      position: 'top-right',
+      autoClose: 5000,
+      hideProgressBar: false,
+      closeOnClick: true,
+      pauseOnHover: true,
+      pauseOnFocusLoss: true,
+      draggable: true,
+      draggablePercent: 80,
+      theme: 'light',
+      // 'light' | 'dark' | 'colored' | 'system'
+      transition: 'bounce',
+      // 'bounce' | 'slide' | 'zoom' | 'flip'
+      limit: null,
+      newestOnTop: true,
+      closeButton: true,
+      sound: false
+    };
+    this.containers = new Map();
+    this.initialized = false;
+    this.isWindowFocused = true;
+    if (typeof window !== 'undefined') {
+      window.addEventListener('focus', function () {
+        _this.isWindowFocused = true;
+        _this.resumeAll();
+      });
+      window.addEventListener('blur', function () {
+        _this.isWindowFocused = false;
+        _this.pauseAll();
+      });
+      try {
+        var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        darkQuery.addEventListener('change', function () {
+          if (_this.config.theme === 'system') {
+            _this.refreshSystemTheme();
+          }
+        });
+      } catch (e) {}
+    }
+  }
+  return _createClass(NotificationCore, [{
+    key: "getEffectiveTheme",
+    value: function getEffectiveTheme() {
+      var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.config.theme;
+      if (theme === 'system') {
+        if (typeof window !== 'undefined' && window.matchMedia) {
+          return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        }
+        return 'light';
+      }
+      return theme;
+    }
+  }, {
+    key: "refreshSystemTheme",
+    value: function refreshSystemTheme() {
+      if (typeof document === 'undefined') return;
+      var effectiveTheme = this.getEffectiveTheme('system');
+      var position = this.config.position;
+      this.containers.forEach(function (container) {
+        container.className = "notification-container toastify-all-container omnitoast-container ".concat(position, " ").concat(effectiveTheme, " Toastify__toast-container Toastify__toast-container--").concat(position, " theme-").concat(effectiveTheme);
+      });
+    }
+  }, {
+    key: "configure",
+    value: function configure() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      this.config = _objectSpread2(_objectSpread2({}, this.config), options);
+      if (typeof document !== 'undefined') {
+        var effectiveTheme = this.getEffectiveTheme(this.config.theme);
+        var position = this.config.position;
+        this.containers.forEach(function (container) {
+          container.className = "notification-container toastify-all-container omnitoast-container ".concat(position, " ").concat(effectiveTheme, " Toastify__toast-container Toastify__toast-container--").concat(position, " theme-").concat(effectiveTheme);
+        });
+      }
+    }
+  }, {
+    key: "init",
+    value: function init() {
+      if (typeof document === 'undefined') return;
+      this.injectStyles();
+      this.initialized = true;
+    }
+  }, {
+    key: "getContainer",
+    value: function getContainer() {
+      var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.config.position;
+      if (typeof document === 'undefined') return null;
+      this.init();
+      var effectiveTheme = this.getEffectiveTheme(this.config.theme);
+      var key = position;
+      if (this.containers.has(key)) {
+        var existing = this.containers.get(key);
+        if (existing && document.body.contains(existing)) {
+          return existing;
+        }
+      }
+      var container = document.createElement('div');
+      container.className = "notification-container toastify-all-container omnitoast-container ".concat(position, " ").concat(effectiveTheme, " Toastify__toast-container Toastify__toast-container--").concat(position, " theme-").concat(effectiveTheme);
+      container.setAttribute('aria-live', 'polite');
+      document.body.appendChild(container);
+      this.containers.set(key, container);
+      return container;
+    }
+  }, {
+    key: "playChime",
+    value: function playChime(type) {
+      if (typeof window === 'undefined') return;
+      try {
+        var AudioContext = window.AudioContext || window.webkitAudioContext;
+        if (!AudioContext) return;
+        var ctx = new AudioContext();
+        var osc = ctx.createOscillator();
+        var gain = ctx.createGain();
+        osc.connect(gain);
+        gain.connect(ctx.destination);
+        var now = ctx.currentTime;
+        gain.gain.setValueAtTime(0.04, now);
+        gain.gain.exponentialRampToValueAtTime(0.0001, now + 0.16);
+        if (type === 'error') {
+          osc.frequency.setValueAtTime(220, now);
+          osc.frequency.setValueAtTime(180, now + 0.08);
+        } else if (type === 'success') {
+          osc.frequency.setValueAtTime(523.25, now);
+          osc.frequency.setValueAtTime(659.25, now + 0.08);
+        } else {
+          osc.frequency.setValueAtTime(440, now);
+        }
+        osc.start(now);
+        osc.stop(now + 0.16);
+      } catch (e) {}
+    }
+  }, {
+    key: "injectStyles",
+    value: function injectStyles() {
+      if (typeof document === 'undefined' || document.getElementById('omnitoast-styles')) return;
+      var style = document.createElement('style');
+      style.id = 'omnitoast-styles';
+      style.textContent = "\n        :root {\n          --omnitoast-color-light: #ffffff;\n          --omnitoast-color-dark: #18181b;\n          --omnitoast-color-info: #3b82f6;\n          --omnitoast-color-success: #10b981;\n          --omnitoast-color-warning: #f59e0b;\n          --omnitoast-color-error: #ef4444;\n\n          --omnitoast-width: 350px;\n          --omnitoast-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\n          --omnitoast-z-index: 999999;\n          --omnitoast-radius: 10px;\n        }\n\n        .notification-container,\n        .toastify-all-container,\n        .omnitoast-container,\n        .Toastify__toast-container {\n          z-index: var(--omnitoast-z-index);\n          position: fixed;\n          padding: 12px;\n          width: var(--omnitoast-width);\n          max-width: 100vw;\n          box-sizing: border-box;\n          pointer-events: none;\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n        }\n\n        .Toastify__toast-container--top-left, .notification-container.top-left { top: 10px; left: 10px; }\n        .Toastify__toast-container--top-center, .notification-container.top-center { top: 10px; left: 50%; transform: translateX(-50%); }\n        .Toastify__toast-container--top-right, .notification-container.top-right { top: 10px; right: 10px; }\n        .Toastify__toast-container--bottom-left, .notification-container.bottom-left { bottom: 10px; left: 10px; }\n        .Toastify__toast-container--bottom-center, .notification-container.bottom-center { bottom: 10px; left: 50%; transform: translateX(-50%); }\n        .Toastify__toast-container--bottom-right, .notification-container.bottom-right { bottom: 10px; right: 10px; }\n\n        @media only screen and (max-width: 480px) {\n          .notification-container,\n          .toastify-all-container,\n          .omnitoast-container,\n          .Toastify__toast-container {\n            width: 100vw;\n            padding: 8px;\n            left: 0 !important;\n            margin: 0;\n            transform: none !important;\n          }\n        }\n\n        .notification-toast,\n        .toastify-all-toast,\n        .omnitoast-toast,\n        .Toastify__toast {\n          position: relative;\n          box-sizing: border-box;\n          padding: 12px 14px;\n          border-radius: var(--omnitoast-radius);\n          box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);\n          display: flex;\n          justify-content: space-between;\n          align-items: flex-start;\n          overflow: hidden;\n          font-family: var(--omnitoast-font-family);\n          cursor: default;\n          pointer-events: auto;\n          user-select: none;\n          line-height: 1.45;\n          backdrop-filter: blur(12px);\n          -webkit-backdrop-filter: blur(12px);\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s;\n        }\n\n        .Toastify__toast--theme-light {\n          background: rgba(255, 255, 255, 0.96);\n          color: #1f2937;\n          border: 1px solid rgba(0, 0, 0, 0.06);\n        }\n\n        .Toastify__toast--theme-dark {\n          background: rgba(24, 24, 27, 0.95);\n          color: #f4f4f5;\n          border: 1px solid rgba(255, 255, 255, 0.12);\n          box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6);\n        }\n\n        .Toastify__toast--theme-colored.Toastify__toast--info {\n          color: #fff;\n          background: var(--omnitoast-color-info);\n          border-color: transparent;\n        }\n        .Toastify__toast--theme-colored.Toastify__toast--success {\n          color: #fff;\n          background: var(--omnitoast-color-success);\n          border-color: transparent;\n        }\n        .Toastify__toast--theme-colored.Toastify__toast--warning {\n          color: #1f2937;\n          background: var(--omnitoast-color-warning);\n          border-color: transparent;\n        }\n        .Toastify__toast--theme-colored.Toastify__toast--error {\n          color: #fff;\n          background: var(--omnitoast-color-error);\n          border-color: transparent;\n        }\n\n        .Toastify__toast-body {\n          flex: 1 1 auto;\n          display: flex;\n          align-items: flex-start;\n          gap: 10px;\n          min-width: 0;\n        }\n\n        .Toastify__toast-icon {\n          flex-shrink: 0;\n          width: 20px;\n          height: 20px;\n          margin-top: 1px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        .Toastify__toast-icon svg {\n          width: 100%;\n          height: 100%;\n        }\n\n        .omnitoast-text-container {\n          flex: 1;\n          min-width: 0;\n        }\n\n        .omnitoast-title {\n          font-weight: 600;\n          font-size: 13.5px;\n          line-height: 1.35;\n          margin-bottom: 2px;\n        }\n\n        .omnitoast-content {\n          font-size: 13px;\n          line-height: 1.45;\n          word-break: break-word;\n          opacity: 0.92;\n        }\n\n        .Toastify__close-button {\n          color: #9ca3af;\n          background: transparent;\n          outline: none;\n          border: none;\n          padding: 2px;\n          cursor: pointer;\n          opacity: 0.7;\n          transition: opacity 0.15s ease, color 0.15s ease;\n          align-self: flex-start;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 16px;\n          line-height: 1;\n          margin-left: 8px;\n          border-radius: 4px;\n        }\n        .Toastify__close-button:hover {\n          opacity: 1;\n          color: inherit;\n          background: rgba(0, 0, 0, 0.05);\n        }\n\n        .Toastify__action-btn {\n          margin-top: 6px;\n          padding: 5px 12px;\n          border: 1px solid rgba(0, 0, 0, 0.15);\n          background: rgba(0, 0, 0, 0.05);\n          color: inherit;\n          border-radius: 6px;\n          font-weight: 600;\n          font-size: 12px;\n          cursor: pointer;\n          transition: background 0.15s, border-color 0.15s;\n          display: inline-block;\n        }\n\n        .Toastify__progress-bar {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          width: 100%;\n          height: 3px;\n          opacity: 0.45;\n          transform-origin: left;\n        }\n        .Toastify__progress-bar--animated {\n          animation: Toastify__trackProgress linear 1 forwards;\n        }\n        .Toastify__progress-bar--info { background: var(--omnitoast-color-info); }\n        .Toastify__progress-bar--success { background: var(--omnitoast-color-success); }\n        .Toastify__progress-bar--warning { background: var(--omnitoast-color-warning); }\n        .Toastify__progress-bar--error { background: var(--omnitoast-color-error); }\n\n        @keyframes Toastify__trackProgress {\n          0% { transform: scaleX(1); }\n          100% { transform: scaleX(0); }\n        }\n\n        @keyframes Toastify__bounceInRight {\n          from { opacity: 0; transform: translate3d(200px, 0, 0) scale(0.9); }\n          to { transform: none; }\n        }\n        @keyframes Toastify__bounceOutRight {\n          to { opacity: 0; transform: translate3d(250px, 0, 0) scale(0.85); }\n        }\n        @keyframes Toastify__bounceInLeft {\n          from { opacity: 0; transform: translate3d(-200px, 0, 0) scale(0.9); }\n          to { transform: none; }\n        }\n        @keyframes Toastify__bounceOutLeft {\n          to { opacity: 0; transform: translate3d(-250px, 0, 0) scale(0.85); }\n        }\n        @keyframes Toastify__bounceInDown {\n          from { opacity: 0; transform: translate3d(0, -50px, 0) scale(0.9); }\n          to { transform: none; }\n        }\n        @keyframes Toastify__bounceOutUp {\n          to { opacity: 0; transform: translate3d(0, -60px, 0) scale(0.85); }\n        }\n\n        @keyframes Toastify__slideInRight {\n          from { transform: translate3d(100%, 0, 0); opacity: 0; }\n          to { transform: translate3d(0, 0, 0); opacity: 1; }\n        }\n        @keyframes Toastify__slideOutRight {\n          to { transform: translate3d(100%, 0, 0); opacity: 0; }\n        }\n        @keyframes Toastify__slideInLeft {\n          from { transform: translate3d(-100%, 0, 0); opacity: 0; }\n          to { transform: translate3d(0, 0, 0); opacity: 1; }\n        }\n        @keyframes Toastify__slideOutLeft {\n          to { transform: translate3d(-100%, 0, 0); opacity: 0; }\n        }\n\n        @keyframes Toastify__zoomIn {\n          from { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }\n          to { opacity: 1; transform: scale3d(1, 1, 1); }\n        }\n        @keyframes Toastify__zoomOut {\n          to { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }\n        }\n\n        @keyframes Toastify__flipIn {\n          from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }\n          to { transform: perspective(400px); opacity: 1; }\n        }\n        @keyframes Toastify__flipOut {\n          to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }\n        }\n\n        @keyframes Toastify__spin {\n          0% { transform: rotate(0deg); }\n          100% { transform: rotate(360deg); }\n        }\n        .Toastify__spinner {\n          width: 18px;\n          height: 18px;\n          box-sizing: border-box;\n          border: 2px solid currentColor;\n          border-radius: 50%;\n          border-right-color: transparent;\n          animation: Toastify__spin 0.75s linear infinite;\n        }\n      ";
+      document.head.appendChild(style);
+    }
+  }, {
+    key: "getDefaultIcon",
+    value: function getDefaultIcon(type) {
+      switch (type) {
+        case 'success':
+          return '<svg viewBox="0 0 20 20" fill="#10b981"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg>';
+        case 'error':
+          return '<svg viewBox="0 0 20 20" fill="#ef4444"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg>';
+        case 'warning':
+          return '<svg viewBox="0 0 20 20" fill="#f59e0b"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg>';
+        case 'info':
+          return '<svg viewBox="0 0 20 20" fill="#3b82f6"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/></svg>';
+        case 'loading':
+          return '<div class="Toastify__spinner"></div>';
+        default:
+          return '';
+      }
+    }
+  }, {
+    key: "getAnimationNames",
+    value: function getAnimationNames(transition, position) {
+      var isLeft = position.includes('left');
+      var isCenter = position.includes('center');
+      switch (transition) {
+        case 'slide':
+          return {
+            enter: isLeft ? 'Toastify__slideInLeft 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards' : 'Toastify__slideInRight 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards',
+            exit: isLeft ? 'Toastify__slideOutLeft 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards' : 'Toastify__slideOutRight 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards'
+          };
+        case 'zoom':
+          return {
+            enter: 'Toastify__zoomIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards',
+            exit: 'Toastify__zoomOut 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards'
+          };
+        case 'flip':
+          return {
+            enter: 'Toastify__flipIn 0.35s ease forwards',
+            exit: 'Toastify__flipOut 0.3s ease forwards'
+          };
+        case 'bounce':
+        default:
+          if (isCenter) {
+            return {
+              enter: 'Toastify__bounceInDown 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards',
+              exit: 'Toastify__bounceOutUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards'
+            };
+          }
+          return {
+            enter: isLeft ? 'Toastify__bounceInLeft 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards' : 'Toastify__bounceInRight 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards',
+            exit: isLeft ? 'Toastify__bounceOutLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards' : 'Toastify__bounceOutRight 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards'
+          };
+      }
+    }
+  }, {
+    key: "show",
+    value: function show() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+      var message = arguments.length > 1 ? arguments[1] : undefined;
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (typeof document === 'undefined') return 0;
+      this.init();
+      var id = options.toastId || ++this.counter;
+      if (this.notifications.has(id)) {
+        this.update(id, _objectSpread2(_objectSpread2({}, options), {}, {
+          message: message,
+          type: type
+        }));
+        return id;
+      }
+      var config = _objectSpread2(_objectSpread2({}, this.config), options);
+      var position = config.position || this.config.position;
+      var container = this.getContainer(position);
+      if (!container) return id;
+
+      // Waiting queue limit
+      if (config.limit && container.children.length >= config.limit) {
+        var firstChild = container.firstElementChild;
+        var oldestId = firstChild ? Number(firstChild.getAttribute('data-toast-id')) : null;
+        if (oldestId) {
+          this.dismiss(oldestId);
+        }
+      }
+      var toast = this.createToast(id, type, message, config, position);
+      if (config.newestOnTop) {
+        container.insertBefore(toast, container.firstChild);
+      } else {
+        container.appendChild(toast);
+      }
+      var entry = {
+        id: id,
+        toast: toast,
+        type: type,
+        message: message,
+        config: config,
+        position: position,
+        timer: null,
+        remainingTime: config.autoClose,
+        startTime: Date.now(),
+        isPaused: false
+      };
+      this.notifications.set(id, entry);
+      if (config.autoClose !== false) {
+        this.setupAutoClose(entry);
+      }
+      if (config.sound) {
+        this.playChime(type);
+      }
+      if (typeof config.onOpen === 'function') {
+        config.onOpen(id);
+      }
+      return id;
+    }
+  }, {
+    key: "createToast",
+    value: function createToast(id, type, message, config, position) {
+      var _this2 = this;
+      var effectiveTheme = this.getEffectiveTheme(config.theme);
+      var transition = config.transition || this.config.transition;
+      var animations = this.getAnimationNames(transition, position);
+      var toast = document.createElement('div');
+      toast.className = "notification-toast toastify-all-toast omnitoast-toast ".concat(type, " Toastify__toast Toastify__toast--").concat(type, " Toastify__toast--theme-").concat(effectiveTheme, " ").concat(config.className || '').trim();
+      toast.setAttribute('data-toast-id', id);
+      toast.setAttribute('role', type === 'error' ? 'alert' : 'status');
+      toast.style.animation = animations.enter;
+      if (config.style && _typeof(config.style) === 'object') {
+        Object.assign(toast.style, config.style);
+      }
+      var body = document.createElement('div');
+      body.className = "Toastify__toast-body ".concat(config.bodyClassName || '').trim();
+      if (config.bodyStyle) Object.assign(body.style, config.bodyStyle);
+      if (config.icon !== false) {
+        var iconWrapper = document.createElement('div');
+        iconWrapper.className = 'Toastify__toast-icon';
+        if (typeof config.icon === 'string') {
+          iconWrapper.innerHTML = config.icon;
+        } else if (config.icon instanceof Node) {
+          iconWrapper.appendChild(config.icon);
+        } else {
+          iconWrapper.innerHTML = this.getDefaultIcon(type);
+        }
+        body.appendChild(iconWrapper);
+      }
+      var textWrapper = document.createElement('div');
+      textWrapper.className = 'omnitoast-text-container';
+      if (config.title) {
+        var titleEl = document.createElement('div');
+        titleEl.className = 'omnitoast-title';
+        titleEl.textContent = config.title;
+        textWrapper.appendChild(titleEl);
+      }
+      var contentEl = document.createElement('div');
+      contentEl.className = 'omnitoast-content';
+      if (message instanceof Node) {
+        contentEl.appendChild(message);
+      } else if (typeof message === 'string') {
+        contentEl.textContent = message;
+      } else {
+        contentEl.textContent = String(message);
+      }
+      textWrapper.appendChild(contentEl);
+      if (config.action && config.action.label) {
+        var actionBtn = document.createElement('button');
+        actionBtn.type = 'button';
+        actionBtn.className = 'Toastify__action-btn';
+        actionBtn.textContent = config.action.label;
+        actionBtn.onclick = function (e) {
+          e.stopPropagation();
+          if (typeof config.action.onClick === 'function') {
+            config.action.onClick(id);
+          }
+          if (config.action.autoDismiss !== false) {
+            _this2.dismiss(id);
+          }
+        };
+        textWrapper.appendChild(actionBtn);
+      }
+      body.appendChild(textWrapper);
+      toast.appendChild(body);
+      if (config.closeButton !== false) {
+        var closeBtn = document.createElement('button');
+        closeBtn.type = 'button';
+        closeBtn.className = 'Toastify__close-button';
+        closeBtn.setAttribute('aria-label', 'Close');
+        closeBtn.innerHTML = '&times;';
+        closeBtn.onclick = function (e) {
+          e.stopPropagation();
+          _this2.dismiss(id);
+        };
+        toast.appendChild(closeBtn);
+      }
+      if (!config.hideProgressBar && config.autoClose !== false) {
+        var progress = document.createElement('div');
+        progress.className = "Toastify__progress-bar Toastify__progress-bar--animated Toastify__progress-bar--".concat(type, " ").concat(config.progressClassName || '').trim();
+        progress.style.animationDuration = "".concat(config.autoClose, "ms");
+        if (config.progressStyle) Object.assign(progress.style, config.progressStyle);
+        toast.appendChild(progress);
+      }
+      if (config.closeOnClick !== false) {
+        toast.style.cursor = 'pointer';
+        toast.onclick = function (e) {
+          if (e.target.tagName !== 'BUTTON') {
+            _this2.dismiss(id);
+          }
+        };
+      }
+      if (config.draggable !== false) {
+        this.makeDraggable(toast, id, config);
+      }
+      if (config.pauseOnHover !== false) {
+        this.setupHoverPause(toast, id);
+      }
+      return toast;
+    }
+  }, {
+    key: "setupAutoClose",
+    value: function setupAutoClose(entry) {
+      var _this3 = this;
+      var delay = entry.remainingTime;
+      entry.startTime = Date.now();
+      entry.timer = setTimeout(function () {
+        _this3.dismiss(entry.id);
+      }, delay);
+    }
+  }, {
+    key: "setupHoverPause",
+    value: function setupHoverPause(toast, id) {
+      var _this4 = this;
+      toast.addEventListener('mouseenter', function () {
+        _this4.pauseToast(id);
+      });
+      toast.addEventListener('mouseleave', function () {
+        _this4.resumeToast(id);
+      });
+    }
+  }, {
+    key: "pauseToast",
+    value: function pauseToast(id) {
+      var entry = this.notifications.get(id);
+      if (!entry || entry.isPaused || !entry.timer) return;
+      clearTimeout(entry.timer);
+      entry.timer = null;
+      entry.isPaused = true;
+      var elapsed = Date.now() - entry.startTime;
+      entry.remainingTime = Math.max(0, entry.remainingTime - elapsed);
+      var progress = entry.toast.querySelector('.Toastify__progress-bar');
+      if (progress) {
+        progress.style.animationPlayState = 'paused';
+      }
+    }
+  }, {
+    key: "resumeToast",
+    value: function resumeToast(id) {
+      var entry = this.notifications.get(id);
+      if (!entry || !entry.isPaused || entry.remainingTime <= 0) return;
+      entry.isPaused = false;
+      var progress = entry.toast.querySelector('.Toastify__progress-bar');
+      if (progress) {
+        progress.style.animationPlayState = 'running';
+      }
+      this.setupAutoClose(entry);
+    }
+  }, {
+    key: "pauseAll",
+    value: function pauseAll() {
+      var _this5 = this;
+      this.notifications.forEach(function (_, id) {
+        return _this5.pauseToast(id);
+      });
+    }
+  }, {
+    key: "resumeAll",
+    value: function resumeAll() {
+      var _this6 = this;
+      this.notifications.forEach(function (_, id) {
+        return _this6.resumeToast(id);
+      });
+    }
+  }, {
+    key: "makeDraggable",
+    value: function makeDraggable(toast, id, config) {
+      var _this7 = this;
+      var startX = null;
+      var currentX = null;
+      var handleStart = function handleStart(e) {
+        startX = e.type === 'mousedown' ? e.clientX : e.touches && e.touches[0] ? e.touches[0].clientX : null;
+        currentX = startX;
+        toast.style.transition = 'none';
+      };
+      var handleMove = function handleMove(e) {
+        if (startX === null) return;
+        currentX = e.type === 'mousemove' ? e.clientX : e.touches && e.touches[0] ? e.touches[0].clientX : null;
+        if (currentX === null) return;
+        var deltaX = currentX - startX;
+        toast.style.transform = "translate3d(".concat(deltaX, "px, 0, 0)");
+        toast.style.opacity = "".concat(1 - Math.abs(deltaX) / (toast.offsetWidth * 1.5));
+      };
+      var handleEnd = function handleEnd() {
+        if (startX === null || currentX === null) return;
+        var deltaX = currentX - startX;
+        toast.style.transition = 'all 0.25s ease';
+        var threshold = toast.offsetWidth * (config.draggablePercent || 80) / 100;
+        if (Math.abs(deltaX) > threshold) {
+          _this7.dismiss(id);
+        } else {
+          toast.style.transform = 'translate3d(0, 0, 0)';
+          toast.style.opacity = '1';
+        }
+        startX = null;
+        currentX = null;
+      };
+      toast.addEventListener('mousedown', handleStart);
+      toast.addEventListener('touchstart', handleStart, {
+        passive: true
+      });
+      window.addEventListener('mousemove', handleMove);
+      window.addEventListener('touchmove', handleMove, {
+        passive: true
+      });
+      window.addEventListener('mouseup', handleEnd);
+      window.addEventListener('touchend', handleEnd);
+    }
+  }, {
+    key: "update",
+    value: function update(id) {
+      var newState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var entry = this.notifications.get(id);
+      if (!entry) return;
+      var toast = entry.toast;
+      var content = toast.querySelector('.omnitoast-content') || toast.querySelector('.Toastify__toast-body');
+      var iconWrapper = toast.querySelector('.Toastify__toast-icon');
+      if (newState.render) {
+        newState.message = newState.render;
+      }
+      if (newState.message !== undefined && content) {
+        content.textContent = '';
+        if (newState.message instanceof Node) {
+          content.appendChild(newState.message);
+        } else {
+          content.textContent = String(newState.message);
+        }
+        entry.message = newState.message;
+      }
+      if (newState.type && newState.type !== entry.type) {
+        toast.className = toast.className.replace(entry.type, newState.type);
+        toast.className = toast.className.replace("Toastify__toast--".concat(entry.type), "Toastify__toast--".concat(newState.type));
+        entry.type = newState.type;
+        if (iconWrapper) {
+          iconWrapper.innerHTML = this.getDefaultIcon(newState.type);
+        }
+      }
+      if (newState.autoClose !== undefined) {
+        if (entry.timer) clearTimeout(entry.timer);
+        if (newState.autoClose !== false) {
+          entry.remainingTime = newState.autoClose;
+          var progress = toast.querySelector('.Toastify__progress-bar');
+          if (progress) {
+            progress.style.animationDuration = "".concat(newState.autoClose, "ms");
+          }
+          this.setupAutoClose(entry);
+        }
+      }
+    }
+  }, {
+    key: "dismiss",
+    value: function dismiss(id) {
+      var _this8 = this;
+      if (id === undefined) {
+        this.clearAll();
+        return;
+      }
+      var entry = this.notifications.get(id);
+      if (!entry) return;
+      var toast = entry.toast,
+        config = entry.config,
+        position = entry.position;
+      if (entry.timer) clearTimeout(entry.timer);
+      var transition = config.transition || this.config.transition;
+      var animations = this.getAnimationNames(transition, position);
+      toast.style.animation = animations.exit;
+      if (typeof config.onClose === 'function') {
+        config.onClose(id);
+      }
+      setTimeout(function () {
+        if (toast.parentNode) {
+          toast.parentNode.removeChild(toast);
+        }
+        _this8.notifications.delete(id);
+      }, 280);
+    }
+  }, {
+    key: "isActive",
+    value: function isActive(id) {
+      return this.notifications.has(id);
+    }
+  }, {
+    key: "clearWaitingQueue",
+    value: function clearWaitingQueue() {
+      var _this9 = this;
+      this.containers.forEach(function (container) {
+        var toasts = Array.from(container.children);
+        toasts.slice(_this9.config.limit || 5).forEach(function (toast) {
+          var id = Number(toast.getAttribute('data-toast-id'));
+          if (id) _this9.dismiss(id);
+        });
+      });
+    }
+  }, {
+    key: "clearAll",
+    value: function clearAll() {
+      var _this0 = this;
+      this.notifications.forEach(function (_, id) {
+        _this0.dismiss(id);
+      });
+      this.containers.forEach(function (container) {
+        if (container.parentNode) {
+          container.parentNode.removeChild(container);
+        }
+      });
+      this.containers.clear();
+    }
+  }, {
+    key: "promise",
+    value: function promise(promiseOrFn) {
+      var _this1 = this;
+      var states = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var p = typeof promiseOrFn === 'function' ? promiseOrFn() : promiseOrFn;
+      var pendingMsg = states.pending || states.loading || 'Loading...';
+      var id = this.show('loading', pendingMsg, _objectSpread2(_objectSpread2({}, options), {}, {
+        autoClose: false
+      }));
+      return p.then(function (data) {
+        var successMsg = typeof states.success === 'function' ? states.success(data) : states.success || 'Success!';
+        _this1.update(id, {
+          type: 'success',
+          render: successMsg,
+          autoClose: options.autoClose !== undefined ? options.autoClose : 5000
+        });
+        if (options.sound || _this1.config.sound) {
+          _this1.playChime('success');
+        }
+        return data;
+      }).catch(function (err) {
+        var errorMsg = typeof states.error === 'function' ? states.error(err) : states.error || err && err.message || 'Error occurred';
+        _this1.update(id, {
+          type: 'error',
+          render: errorMsg,
+          autoClose: options.autoClose !== undefined ? options.autoClose : 5000
+        });
+        if (options.sound || _this1.config.sound) {
+          _this1.playChime('error');
+        }
+        throw err;
+      });
+    }
+  }]);
+}();
+
+var AlertService = /*#__PURE__*/function () {
+  function AlertService() {
+    _classCallCheck(this, AlertService);
+    this.core = new NotificationCore();
+  }
+  return _createClass(AlertService, [{
+    key: "configure",
+    value: function configure(options) {
+      this.core.configure(options);
+    }
+  }, {
+    key: "show",
+    value: function show(type, message, options) {
+      return this.core.show(type, message, options);
+    }
+  }, {
+    key: "success",
+    value: function success(message, options) {
+      return this.core.show('success', message, options);
+    }
+  }, {
+    key: "error",
+    value: function error(message, options) {
+      return this.core.show('error', message, options);
+    }
+  }, {
+    key: "info",
+    value: function info(message, options) {
+      return this.core.show('info', message, options);
+    }
+  }, {
+    key: "warn",
+    value: function warn(message, options) {
+      return this.core.show('warning', message, options);
+    }
+  }, {
+    key: "warning",
+    value: function warning(message, options) {
+      return this.core.show('warning', message, options);
+    }
+  }, {
+    key: "loading",
+    value: function loading(message, options) {
+      return this.core.show('loading', message, _objectSpread2(_objectSpread2({}, options), {}, {
+        autoClose: false
+      }));
+    }
+  }, {
+    key: "custom",
+    value: function custom(content, options) {
+      return this.core.show('custom', content, options);
+    }
+  }, {
+    key: "promise",
+    value: function promise(promiseOrFn, states, options) {
+      return this.core.promise(promiseOrFn, states, options);
+    }
+  }, {
+    key: "update",
+    value: function update(id, newState) {
+      this.core.update(id, newState);
+    }
+  }, {
+    key: "dismiss",
+    value: function dismiss(id) {
+      if (id !== undefined) {
+        this.core.dismiss(id);
+      } else {
+        this.core.clearAll();
+      }
+    }
+  }, {
+    key: "isActive",
+    value: function isActive(id) {
+      return this.core.isActive(id);
+    }
+  }, {
+    key: "clearWaitingQueue",
+    value: function clearWaitingQueue() {
+      this.core.clearWaitingQueue();
+    }
+  }, {
+    key: "clearAll",
+    value: function clearAll() {
+      this.core.clearAll();
+    }
+  }]);
+}(); // Create singleton instance
+var alertService = new AlertService();
+
+// Create callable toast function like react-toastify: toast("msg") or toast.success("msg")
+function createCallableToast(service) {
+  var toast = function toast(content) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return service.core.show('default', content, options);
+  };
+  toast.configure = function (options) {
+    return service.configure(options);
+  };
+  toast.success = function (content, options) {
+    return service.success(content, options);
+  };
+  toast.error = function (content, options) {
+    return service.error(content, options);
+  };
+  toast.info = function (content, options) {
+    return service.info(content, options);
+  };
+  toast.warning = function (content, options) {
+    return service.warning(content, options);
+  };
+  toast.warn = function (content, options) {
+    return service.warn(content, options);
+  };
+  toast.loading = function (content, options) {
+    return service.loading(content, options);
+  };
+  toast.custom = function (content, options) {
+    return service.custom(content, options);
+  };
+  toast.promise = function (promiseOrFn, states, options) {
+    return service.promise(promiseOrFn, states, options);
+  };
+  toast.update = function (id, newState) {
+    return service.update(id, newState);
+  };
+  toast.dismiss = function (id) {
+    return service.dismiss(id);
+  };
+  toast.isActive = function (id) {
+    return service.isActive(id);
+  };
+  toast.clearWaitingQueue = function () {
+    return service.clearWaitingQueue();
+  };
+  toast.clearAll = function () {
+    return service.clearAll();
+  };
+  toast.core = service.core;
+  return toast;
+}
+var toast = createCallableToast(alertService);
+if (typeof window !== 'undefined') {
+  window.ToastifyAll = window.ToastifyAll || {
+    toast: toast,
+    alertService: alertService,
+    AlertService: AlertService
+  };
+  window.OmniToast = window.OmniToast || window.ToastifyAll;
+}
+
+var _excluded = ["position", "autoClose", "hideProgressBar", "newestOnTop", "closeOnClick", "pauseOnHover", "pauseOnFocusLoss", "draggable", "theme", "transition", "limit", "className", "style"];
+var ToastContext = /*#__PURE__*/react.createContext(toast);
+
+/**
+ * ToastContainer component like react-toastify
+ * Can be placed once at the root of the app.
+ */
+var ToastContainer = function ToastContainer() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var position = props.position,
+    autoClose = props.autoClose,
+    hideProgressBar = props.hideProgressBar,
+    newestOnTop = props.newestOnTop,
+    closeOnClick = props.closeOnClick,
+    pauseOnHover = props.pauseOnHover,
+    pauseOnFocusLoss = props.pauseOnFocusLoss,
+    draggable = props.draggable,
+    theme = props.theme,
+    transition = props.transition,
+    limit = props.limit,
+    className = props.className,
+    style = props.style,
+    rest = _objectWithoutProperties(props, _excluded);
+  react.useEffect(function () {
+    var config = {};
+    if (position !== undefined) config.position = position;
+    if (autoClose !== undefined) {
+      config.autoClose = autoClose === false || autoClose === 'false' ? false : !isNaN(Number(autoClose)) ? Number(autoClose) : autoClose;
+    }
+    if (hideProgressBar !== undefined) config.hideProgressBar = Boolean(hideProgressBar);
+    if (newestOnTop !== undefined) config.newestOnTop = Boolean(newestOnTop);
+    if (closeOnClick !== undefined) config.closeOnClick = Boolean(closeOnClick);
+    if (pauseOnHover !== undefined) config.pauseOnHover = Boolean(pauseOnHover);
+    if (pauseOnFocusLoss !== undefined) config.pauseOnFocusLoss = Boolean(pauseOnFocusLoss);
+    if (draggable !== undefined) config.draggable = Boolean(draggable);
+    if (theme !== undefined) config.theme = theme;
+    if (transition !== undefined) config.transition = transition;
+    if (limit !== undefined) config.limit = limit;
+    if (className !== undefined) config.className = className;
+    if (style !== undefined) config.style = style;
+    Object.assign(config, rest);
+    toast.configure(config);
+  }, [position, autoClose, hideProgressBar, newestOnTop, closeOnClick, pauseOnHover, pauseOnFocusLoss, draggable, theme, transition, limit, className, style, JSON.stringify(rest)]);
+  return null;
+};
+
+/**
+ * NotificationProvider for React Context users
+ */
+var NotificationProvider = function NotificationProvider(_ref) {
+  var children = _ref.children,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options;
+  react.useEffect(function () {
+    if (options && Object.keys(options).length > 0) {
+      toast.configure(options);
+    }
+  }, [options]);
+  return /*#__PURE__*/jsxRuntime.jsx(ToastContext.Provider, {
+    value: toast,
+    children: children
+  });
+};
+var useToast = function useToast() {
+  var context = react.useContext(ToastContext);
+  return context || toast;
+};
+
+exports.NotificationProvider = NotificationProvider;
+exports.ToastContainer = ToastContainer;
+exports.alertService = alertService;
+exports.default = toast;
+exports.toast = toast;
+exports.useToast = useToast;
+//# sourceMappingURL=index.js.map