react-toastify - npm Package Compare versions

Comparing version 7.0.4 to 8.0.0-rc1

dist/components/CloseButton.d.ts

 import * as React from 'react';
-import { TypeOptions } from '../types';
+import { Theme, TypeOptions } from '../types';
 export interface CloseButtonProps {
@@ -7,3 +7,4 @@ closeToast: (e: React.MouseEvent<HTMLElement>) => void;
     ariaLabel?: string;
+    theme: Theme;
 }
-export declare function CloseButton({ closeToast, type, ariaLabel }: CloseButtonProps): JSX.Element;
+export declare function CloseButton({ closeToast, theme, ariaLabel }: CloseButtonProps): JSX.Element;

dist/components/index.d.ts

@@ -6,1 +6,2 @@ export * from './CloseButton';
 export * from './Toast';
+export * from './Icons';

dist/components/ProgressBar.d.ts

 import * as React from 'react';
-import { TypeOptions, ToastClassName } from '../types';
+import { TypeOptions, ToastClassName, Theme } from '../types';
 export interface ProgressBarProps {
@@ -21,2 +21,6 @@ /**
     /**
+     * The theme that is currently used
+     */
+    theme: Theme;
+    /**
      * Hide or not the progress bar
@@ -50,3 +54,3 @@ */
 }
-export declare function ProgressBar({ delay, isRunning, closeToast, type, hide, className, style: userStyle, controlledProgress, progress, rtl, isIn }: ProgressBarProps): JSX.Element;
+export declare function ProgressBar({ delay, isRunning, closeToast, type, hide, className, style: userStyle, controlledProgress, progress, rtl, isIn, theme }: ProgressBarProps): JSX.Element;
 export declare namespace ProgressBar {
@@ -53,0 +57,0 @@ var defaultProps: {

dist/core/eventManager.d.ts

@@ -19,3 +19,3 @@ /// <reference types="react" />
 declare type Callback = OnShowCallback | OnClearCallback | OnClearWaitingQueue | OnDidMountCallback | OnWillUnmountCallback | OnChangeCallback;
-declare type TimeoutId = ReturnType<typeof window.setTimeout>;
+declare type TimeoutId = ReturnType<typeof setTimeout>;
 export interface EventManager {
@@ -22,0 +22,0 @@ list: Map<Event, Callback[]>;

dist/core/toast.d.ts

 import * as React from 'react';
 import { OnChangeCallback } from './eventManager';
-import { ToastContent, ToastOptions, Id, ToastContainerProps, UpdateOptions, ClearWaitingQueueParams } from '../types';
+import { ToastContent, ToastOptions, Id, ToastContainerProps, UpdateOptions, ClearWaitingQueueParams, TypeOptions } from '../types';
 declare const toast: {
-    (content: ToastContent, options?: ToastOptions | undefined): React.ReactText;
-    success: (content: ToastContent, options?: ToastOptions | undefined) => React.ReactText;
-    info: (content: ToastContent, options?: ToastOptions | undefined) => React.ReactText;
-    error: (content: ToastContent, options?: ToastOptions | undefined) => React.ReactText;
-    warning: (content: ToastContent, options?: ToastOptions | undefined) => React.ReactText;
-    dark: (content: ToastContent, options?: ToastOptions | undefined) => React.ReactText;
-    warn: (content: ToastContent, options?: ToastOptions | undefined) => React.ReactText;
+    (content: ToastContent, options?: ToastOptions<{}> | undefined): React.ReactText;
+    loading(content: ToastContent, options?: ToastOptions<{}> | undefined): React.ReactText;
+    promise: typeof handlePromise;
+    success: (content: ToastContent, options?: ToastOptions<{}> | undefined) => React.ReactText;
+    info: (content: ToastContent, options?: ToastOptions<{}> | undefined) => React.ReactText;
+    error: (content: ToastContent, options?: ToastOptions<{}> | undefined) => React.ReactText;
+    warning: (content: ToastContent, options?: ToastOptions<{}> | undefined) => React.ReactText;
+    warn: (content: ToastContent, options?: ToastOptions<{}> | undefined) => React.ReactText;
+    dark(content: ToastContent, options?: ToastOptions<{}> | undefined): React.ReactText;
     /**
@@ -47,10 +49,15 @@ * Remove toast programmaticaly
     TYPE: {
-        INFO: import("../types").TypeOptions;
-        SUCCESS: import("../types").TypeOptions;
-        WARNING: import("../types").TypeOptions;
-        ERROR: import("../types").TypeOptions;
-        DEFAULT: import("../types").TypeOptions;
-        DARK: import("../types").TypeOptions;
+        INFO: TypeOptions;
+        SUCCESS: TypeOptions;
+        WARNING: TypeOptions;
+        ERROR: TypeOptions;
+        DEFAULT: TypeOptions;
     };
 };
+interface ToastPromiseParams {
+    pending: string | UpdateOptions;
+    success: string | UpdateOptions;
+    error: string | UpdateOptions;
+}
+declare function handlePromise<T>(promise: Promise<T>, { pending, error, success }: ToastPromiseParams, options?: ToastOptions): Promise<T>;
 export { toast };

dist/index.d.ts

 export { useToastContainer, useToast } from './hooks';
 export { cssTransition, collapseToast } from './utils';
-export { ToastContainer, Bounce, Flip, Slide, Zoom } from './components';
+export { ToastContainer, Bounce, Flip, Slide, Zoom, Icons, IconProps, CloseButtonProps } from './components';
 export { toast } from './core';
-export * from './types';
+export { TypeOptions, Theme, ToastPosition, ToastContentProps, ToastContent, ToastTransition, ToastClassName, ClearWaitingQueueParams, DraggableDirection, ToastOptions, UpdateOptions, ToastContainerProps, ToastTransitionProps, Id } from './types';

dist/inject-style.esm.js

 
     export function injectStyle() {
-      var style = ".Toastify__toast-container{z-index:9999;-webkit-transform:translateZ(9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--dark{background:#121212;color:#fff}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.Toastify__progress-bar--dark{background:#bb86fc}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}";
+      var style = ":root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
       var css = document.createElement('style');
@@ -5,0 +5,0 @@ css.innerText = style;

dist/inject-style.js

@@ -7,3 +7,3 @@
   function injectStyle() {
-    var style = ".Toastify__toast-container{z-index:9999;-webkit-transform:translateZ(9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--dark{background:#121212;color:#fff}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.Toastify__progress-bar--dark{background:#bb86fc}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}";
+    var style = ":root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
     var css = document.createElement('style');
@@ -10,0 +10,0 @@ css.innerText = style;

dist/react-toastify.cjs.development.js

@@ -84,4 +84,3 @@ 'use strict';
   ERROR: 'error',
-  DEFAULT: 'default',
-  DARK: 'dark'
+  DEFAULT: 'default'
 };
@@ -99,7 +98,7 @@
 
-  var height = node.scrollHeight;
-  var style = node.style;
+  var scrollHeight = node.scrollHeight,
+      style = node.style;
   requestAnimationFrame(function () {
     style.minHeight = 'initial';
-    style.height = height + 'px';
+    style.height = scrollHeight + 'px';
     style.transition = "all " + duration + "ms";
@@ -165,3 +164,4 @@ requestAnimationFrame(function () {
 
-    function onEntered() {
+    function onEntered(e) {
+      if (e.target !== nodeRef.current) return;
       var node = nodeRef.current;
@@ -291,2 +291,3 @@ node.removeEventListener('animationend', onEntered);
 
+var _excluded = ["delay", "staleId"];
 function useToastContainer(props) {
@@ -397,7 +398,8 @@ var _useReducer = React.useReducer(function (x) {
         staleId = _ref3.staleId,
-        options = _objectWithoutPropertiesLoose(_ref3, ["delay", "staleId"]);
+        options = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
     if (!canBeRendered(content) || isNotValid(options)) return;
     var toastId = options.toastId,
-        updateId = options.updateId;
+        updateId = options.updateId,
+        data = options.data;
     var props = instance.props;
@@ -414,2 +416,5 @@
       updateId: updateId,
+      isLoading: options.isLoading,
+      theme: options.theme || props.theme,
+      icon: options.icon || props.icon,
       isIn: false,
@@ -436,3 +441,3 @@ key: options.key || instance.toastKey++,
       progressStyle: options.progressStyle || props.progressStyle,
-      autoClose: getAutoCloseDelay(options.autoClose, props.autoClose),
+      autoClose: options.isLoading ? false : getAutoCloseDelay(options.autoClose, props.autoClose),
       hideProgressBar: isBool(options.hideProgressBar) ? options.hideProgressBar : props.hideProgressBar,
@@ -470,3 +475,4 @@ progress: options.progress,
         closeToast: closeToast,
-        toastProps: toastProps
+        toastProps: toastProps,
+        data: data
       });
@@ -476,3 +482,4 @@ } else if (isFn(content)) {
         closeToast: closeToast,
-        toastProps: toastProps
+        toastProps: toastProps,
+        data: data
       });
@@ -759,3 +766,3 @@ } // not handling limit + delay by design. Waiting for user feedback first
   var closeToast = _ref.closeToast,
-      type = _ref.type,
+      theme = _ref.theme,
       _ref$ariaLabel = _ref.ariaLabel,
@@ -768,3 +775,3 @@ ariaLabel = _ref$ariaLabel === void 0 ? 'close' : _ref$ariaLabel;
     /* CSS_NAMESPACE */
-    + "__close-button--" + type,
+    + "__close-button--" + theme,
     type: "button",
@@ -798,3 +805,4 @@ onClick: function onClick(e) {
       rtl = _ref.rtl,
-      isIn = _ref.isIn;
+      isIn = _ref.isIn,
+      theme = _ref.theme;
 
@@ -816,2 +824,4 @@ var style = _extends({}, userStyle, {
   /* CSS_NAMESPACE */
+  + "__progress-bar-theme--" + theme, "Toastify"
+  /* CSS_NAMESPACE */
   + "__progress-bar--" + type, (_cx = {}, _cx["Toastify"
@@ -845,4 +855,57 @@ /* CSS_NAMESPACE */
 
+var _excluded$1 = ["theme", "type"];
+
+var Svg = function Svg(_ref) {
+  var theme = _ref.theme,
+      type = _ref.type,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: theme === 'colored' ? 'currentColor' : "var(--toastify-icon-color-" + type + ")"
+  }, rest));
+};
+
+function Warning(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"
+  }));
+}
+
+function Info(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"
+  }));
+}
+
+function Success(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
+  }));
+}
+
+function Error(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"
+  }));
+}
+
+function Spinner() {
+  return React__default.createElement("div", {
+    className: "Toastify"
+    /* CSS_NAMESPACE */
+    + "__spinner"
+  });
+}
+
+var Icons = {
+  info: Info,
+  warning: Warning,
+  success: Success,
+  error: Error,
+  spinner: Spinner
+};
+
 var Toast = function Toast(props) {
-  var _cx;
+  var _cx, _cx2;
 
@@ -876,3 +939,6 @@ var _useToast = useToast(props),
       deleteToast = props.deleteToast,
-      isIn = props.isIn;
+      isIn = props.isIn,
+      isLoading = props.isLoading,
+      icon = props.icon,
+      theme = props.theme;
   var defaultClassName = cx("Toastify"
@@ -882,2 +948,4 @@ /* CSS_NAMESPACE */
   /* CSS_NAMESPACE */
+  + "__toast-theme--" + theme, "Toastify"
+  /* CSS_NAMESPACE */
   + "__toast--" + type, (_cx = {}, _cx["Toastify"
@@ -893,3 +961,21 @@ /* CSS_NAMESPACE */
   var isProgressControlled = !!progress;
+  var maybeIcon = Icons[type];
+  var iconProps = {
+    theme: theme,
+    type: type
+  };
+  var Icon = maybeIcon && maybeIcon(iconProps);
 
+  if (icon === false) {
+    Icon = void 0;
+  } else if (isFn(icon)) {
+    Icon = icon(iconProps);
+  } else if (React.isValidElement(icon)) {
+    Icon = React.cloneElement(icon, iconProps);
+  } else if (isStr(icon)) {
+    Icon = icon;
+  } else if (isLoading) {
+    Icon = Icons.spinner();
+  }
+
   function renderCloseButton(closeButton) {
@@ -899,3 +985,4 @@ if (!closeButton) return;
       closeToast: closeToast,
-      type: type
+      type: type,
+      theme: theme
     };
@@ -928,6 +1015,15 @@ if (isFn(closeButton)) return closeButton(props);
     style: bodyStyle
-  }), children), renderCloseButton(closeButton), (autoClose || isProgressControlled) && React.createElement(ProgressBar, Object.assign({}, updateId && !isProgressControlled ? {
+  }), Icon && React.createElement("div", {
+    className: cx("Toastify"
+    /* CSS_NAMESPACE */
+    + "__toast-icon", (_cx2 = {}, _cx2["Toastify"
+    /* CSS_NAMESPACE */
+    + "--animate-icon " + "Toastify"
+    /* CSS_NAMESPACE */
+    + "__zoom-enter"] = !isLoading, _cx2))
+  }, Icon), React.createElement("div", null, children)), renderCloseButton(closeButton), (autoClose || isProgressControlled) && React.createElement(ProgressBar, Object.assign({}, updateId && !isProgressControlled ? {
     key: "pb-" + updateId
   } : {}, {
     rtl: rtl,
+    theme: theme,
     delay: autoClose,
@@ -1068,3 +1164,4 @@ isRunning: isRunning,
   ,
-  role: 'alert'
+  role: 'alert',
+  theme: 'light'
 };
@@ -1165,2 +1262,46 @@
 
+toast.loading = function (content, options) {
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends({
+    isLoading: true,
+    autoClose: false,
+    closeOnClick: false,
+    closeButton: false,
+    draggable: false
+  }, options)));
+};
+
+function handlePromise(promise, _ref2, options) {
+  var pending = _ref2.pending,
+      error = _ref2.error,
+      success = _ref2.success;
+  var id = isStr(pending) ? toast.loading(pending, options) : toast.loading(pending.render, _extends({}, options, pending));
+  var resetParams = {
+    isLoading: null,
+    autoClose: null,
+    closeOnClick: null,
+    closeButton: null,
+    draggable: null
+  };
+
+  var resolver = function resolver(type, input, result) {
+    var params = isStr(input) ? {
+      render: input
+    } : input;
+    toast.update(id, _extends({
+      type: type
+    }, resetParams, options, params, {
+      data: result
+    }));
+    return result;
+  };
+
+  promise.then(function (result) {
+    return resolver('success', success, result);
+  })["catch"](function (err) {
+    return resolver('error', error, err);
+  });
+  return promise;
+}
+
+toast.promise = handlePromise;
 toast.success = /*#__PURE__*/createToastByType(TYPE.SUCCESS);
@@ -1170,4 +1311,9 @@ toast.info = /*#__PURE__*/createToastByType(TYPE.INFO);
 toast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);
-toast.dark = /*#__PURE__*/createToastByType(TYPE.DARK);
 toast.warn = toast.warning;
+
+toast.dark = function (content, options) {
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends({
+    theme: 'dark'
+  }, options)));
+};
 /**
@@ -1177,2 +1323,3 @@ * Remove toast programmaticaly
 
+
 toast.dismiss = function (id) {
@@ -1321,2 +1468,3 @@ return eventManager.emit(1
 exports.Flip = Flip;
+exports.Icons = Icons;
 exports.Slide = Slide;
@@ -1323,0 +1471,0 @@ exports.ToastContainer = ToastContainer;

dist/react-toastify.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),o=e(require("clsx")),r=require("react-dom");function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function a(e){return"number"==typeof e&&!isNaN(e)}function i(e){return"boolean"==typeof e}function c(e){return"string"==typeof e}function u(e){return"function"==typeof e}function l(e){return c(e)||u(e)?e:null}function d(e){return 0===e||e}var f=!("undefined"==typeof window||!window.document||!window.document.createElement);function p(e){return t.isValidElement(e)||c(e)||u(e)||a(e)}var m={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},g={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default",DARK:"dark"};function v(e,t,n){void 0===n&&(n=300);var o=e.scrollHeight,r=e.style;requestAnimationFrame((function(){r.minHeight="initial",r.height=o+"px",r.transition="all "+n+"ms",requestAnimationFrame((function(){r.height="0",r.padding="0",r.margin="0",setTimeout(t,n)}))}))}function y(e){var o=e.enter,r=e.exit,s=e.appendPosition,a=void 0!==s&&s,i=e.collapse,c=void 0===i||i,u=e.collapseDuration,l=void 0===u?300:u;return function(e){var s=e.children,i=e.position,u=e.preventExitTransition,d=e.done,f=e.nodeRef,p=e.isIn,m=a?o+"--"+i:o,g=a?r+"--"+i:r,y=t.useRef(),T=t.useRef(0);function h(){var e=f.current;e.removeEventListener("animationend",h),0===T.current&&(e.className=y.current)}function b(){var e=f.current;e.removeEventListener("animationend",b),c?v(e,d,l):d()}return t.useLayoutEffect((function(){var e;y.current=(e=f.current).className,e.className+=" "+m,e.addEventListener("animationend",h)}),[]),t.useEffect((function(){p||(u?b():function(){T.current=1;var e=f.current;e.className+=" "+g,e.addEventListener("animationend",b)}())}),[p]),n.createElement(n.Fragment,null,s)}}var T={list:new Map,emitQueue:new Map,on:function(e,t){return this.list.has(e)||this.list.set(e,[]),this.list.get(e).push(t),this},off:function(e,t){if(t){var n=this.list.get(e).filter((function(e){return e!==t}));return this.list.set(e,n),this}return this.list.delete(e),this},cancelEmit:function(e){var t=this.emitQueue.get(e);return t&&(t.forEach(clearTimeout),this.emitQueue.delete(e)),this},emit:function(e){for(var t=this,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];this.list.has(e)&&this.list.get(e).forEach((function(n){var r=setTimeout((function(){n.apply(void 0,o)}),0);t.emitQueue.has(e)||t.emitQueue.set(e,[]),t.emitQueue.get(e).push(r)}))}};function h(e,n){void 0===n&&(n=!1);var o=t.useRef(e);return t.useEffect((function(){n&&(o.current=e)})),o.current}function b(e,t){switch(t.type){case 0:return[].concat(e,[t.toastId]).filter((function(e){return e!==t.staleId}));case 1:return d(t.toastId)?e.filter((function(e){return e!==t.toastId})):[]}}function E(e){var n=t.useReducer((function(e){return e+1}),0)[1],o=t.useReducer(b,[]),r=o[0],s=o[1],f=t.useRef(null),m=h(0),g=h([]),v=h({}),y=h({toastKey:1,displayedToast:0,props:e,containerId:null,isToastActive:E,getToast:function(e){return v[e]||null}});function E(e){return-1!==r.indexOf(e)}function O(e){var t=e.containerId;!y.props.limit||t&&y.containerId!==t||(m-=g.length,g=[])}function C(e){s({type:1,toastId:e})}function I(){var e=g.shift();x(e.toastContent,e.toastProps,e.staleId)}function _(e,o){var r=o.delay,s=o.staleId,T=function(e,t){if(null==e)return{};var n,o,r={},s=Object.keys(e);for(o=0;o<s.length;o++)t.indexOf(n=s[o])>=0||(r[n]=e[n]);return r}(o,["delay","staleId"]);if(p(e)&&(h=T,!(!f.current||y.props.enableMultiContainer&&h.containerId!==y.props.containerId||v[h.toastId]&&null==h.updateId))){var h,b=T.toastId,E=y.props,O=function(){return C(b)},_=null==T.updateId;_&&m++;var R,N,P={toastId:b,updateId:T.updateId,isIn:!1,key:T.key||y.toastKey++,type:T.type,closeToast:O,closeButton:T.closeButton,rtl:E.rtl,position:T.position||E.position,transition:T.transition||E.transition,className:l(T.className||E.toastClassName),bodyClassName:l(T.bodyClassName||E.bodyClassName),style:T.style||E.toastStyle,bodyStyle:T.bodyStyle||E.bodyStyle,onClick:T.onClick||E.onClick,pauseOnHover:i(T.pauseOnHover)?T.pauseOnHover:E.pauseOnHover,pauseOnFocusLoss:i(T.pauseOnFocusLoss)?T.pauseOnFocusLoss:E.pauseOnFocusLoss,draggable:i(T.draggable)?T.draggable:E.draggable,draggablePercent:a(T.draggablePercent)?T.draggablePercent:E.draggablePercent,draggableDirection:T.draggableDirection||E.draggableDirection,closeOnClick:i(T.closeOnClick)?T.closeOnClick:E.closeOnClick,progressClassName:l(T.progressClassName||E.progressClassName),progressStyle:T.progressStyle||E.progressStyle,autoClose:(R=T.autoClose,N=E.autoClose,!1===R||a(R)&&R>0?R:N),hideProgressBar:i(T.hideProgressBar)?T.hideProgressBar:E.hideProgressBar,progress:T.progress,role:c(T.role)?T.role:E.role,deleteToast:function(){!function(e){delete v[e];var t=g.length;if((m=d(e)?m-1:m-y.displayedToast)<0&&(m=0),t>0){var o=d(e)?1:y.props.limit;if(1===t||1===o)y.displayedToast++,I();else{var r=o>t?t:o;y.displayedToast=r;for(var s=0;s<r;s++)I()}}else n()}(b)}};u(T.onOpen)&&(P.onOpen=T.onOpen),u(T.onClose)&&(P.onClose=T.onClose),"y"===P.draggableDirection&&80===P.draggablePercent&&(P.draggablePercent*=1.5);var L=E.closeButton;!1===T.closeButton||p(T.closeButton)?L=T.closeButton:!0===T.closeButton&&(L=!p(E.closeButton)||E.closeButton),P.closeButton=L;var k=e;t.isValidElement(e)&&!c(e.type)?k=t.cloneElement(e,{closeToast:O,toastProps:P}):u(e)&&(k=e({closeToast:O,toastProps:P})),E.limit&&E.limit>0&&m>E.limit&&_?g.push({toastContent:k,toastProps:P,staleId:s}):a(r)&&r>0?setTimeout((function(){x(k,P,s)}),r):x(k,P,s)}}function x(e,t,n){var o=t.toastId;n&&delete v[n],v[o]={content:e,props:t},s({type:0,toastId:o,staleId:n})}return t.useEffect((function(){return y.containerId=e.containerId,T.cancelEmit(3).on(0,_).on(1,(function(e){return f.current&&C(e)})).on(5,O).emit(2,y),function(){return T.emit(3,y)}}),[]),t.useEffect((function(){y.isToastActive=E,y.displayedToast=r.length,T.emit(4,r.length,e.containerId)}),[r]),t.useEffect((function(){y.props=e})),{getToastToRender:function(t){for(var n={},o=e.newestOnTop?Object.keys(v).reverse():Object.keys(v),r=0;r<o.length;r++){var s=v[o[r]],a=s.props.position;n[a]||(n[a]=[]),n[a].push(s)}return Object.keys(n).map((function(e){return t(e,n[e])}))},collection:v,containerRef:f,isToastActive:E}}function O(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function C(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function I(e){var n=t.useState(!0),o=n[0],r=n[1],s=t.useState(!1),a=s[0],i=s[1],c=t.useRef(null),l=h({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null}),d=h(e,!0),f=e.autoClose,p=e.pauseOnHover,m=e.closeToast,g=e.onClick,v=e.closeOnClick;function y(t){if(e.draggable){var n=c.current;l.canCloseOnClick=!0,l.canDrag=!0,l.boundingRect=n.getBoundingClientRect(),n.style.transition="",l.x=O(t.nativeEvent),l.y=C(t.nativeEvent),"x"===e.draggableDirection?(l.start=l.x,l.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(l.start=l.y,l.removalDistance=n.offsetHeight*(e.draggablePercent/100))}}function T(){if(l.boundingRect){var t=l.boundingRect;e.pauseOnHover&&l.x>=t.left&&l.x<=t.right&&l.y>=t.top&&l.y<=t.bottom?E():b()}}function b(){r(!0)}function E(){r(!1)}function I(t){if(l.canDrag){t.preventDefault();var n=c.current;o&&E(),l.x=O(t),l.y=C(t),l.delta="x"===e.draggableDirection?l.x-l.start:l.y-l.start,l.start!==l.x&&(l.canCloseOnClick=!1),n.style.transform="translate"+e.draggableDirection+"("+l.delta+"px)",n.style.opacity=""+(1-Math.abs(l.delta/l.removalDistance))}}function _(){var t=c.current;if(l.canDrag){if(l.canDrag=!1,Math.abs(l.delta)>l.removalDistance)return i(!0),void e.closeToast();t.style.transition="transform 0.2s, opacity 0.2s",t.style.transform="translate"+e.draggableDirection+"(0)",t.style.opacity="1"}}t.useEffect((function(){return u(e.onOpen)&&e.onOpen(t.isValidElement(e.children)&&e.children.props),function(){u(d.onClose)&&d.onClose(t.isValidElement(d.children)&&d.children.props)}}),[]),t.useEffect((function(){return e.draggable&&(document.addEventListener("mousemove",I),document.addEventListener("mouseup",_),document.addEventListener("touchmove",I),document.addEventListener("touchend",_)),function(){e.draggable&&(document.removeEventListener("mousemove",I),document.removeEventListener("mouseup",_),document.removeEventListener("touchmove",I),document.removeEventListener("touchend",_))}}),[e.draggable]),t.useEffect((function(){return e.pauseOnFocusLoss&&(document.hasFocus()||E(),window.addEventListener("focus",b),window.addEventListener("blur",E)),function(){e.pauseOnFocusLoss&&(window.removeEventListener("focus",b),window.removeEventListener("blur",E))}}),[e.pauseOnFocusLoss]);var x={onMouseDown:y,onTouchStart:y,onMouseUp:T,onTouchEnd:T};return f&&p&&(x.onMouseEnter=E,x.onMouseLeave=b),v&&(x.onClick=function(e){g&&g(e),l.canCloseOnClick&&m()}),{playToast:b,pauseToast:E,isRunning:o,preventExitTransition:a,toastRef:c,eventHandlers:x}}function _(e){var n=e.closeToast,o=e.ariaLabel;return t.createElement("button",{className:"Toastify__close-button Toastify__close-button--"+e.type,type:"button",onClick:function(e){e.stopPropagation(),n(e)},"aria-label":void 0===o?"close":o},t.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},t.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function x(e){var n,r,a=e.closeToast,i=e.type,c=e.hide,l=e.className,d=e.controlledProgress,f=e.progress,p=e.rtl,m=e.isIn,g=s({},e.style,{animationDuration:e.delay+"ms",animationPlayState:e.isRunning?"running":"paused",opacity:c?0:1});d&&(g.transform="scaleX("+f+")");var v=o("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated","Toastify__progress-bar--"+i,((n={})["Toastify__progress-bar--rtl"]=p,n)),y=u(l)?l({rtl:p,type:i,defaultClassName:v}):o(v,l),T=((r={})[d&&f>=1?"onTransitionEnd":"onAnimationEnd"]=d&&f<1?null:function(){m&&a()},r);return t.createElement("div",Object.assign({role:"progressbar","aria-hidden":c?"true":"false","aria-label":"notification timer",className:y,style:g},T))}x.defaultProps={type:g.DEFAULT,hide:!1};var R=function(e){var n,r=I(e),s=r.isRunning,a=r.preventExitTransition,i=r.toastRef,c=r.eventHandlers,l=e.closeButton,d=e.children,f=e.autoClose,p=e.onClick,m=e.type,g=e.hideProgressBar,v=e.closeToast,y=e.transition,T=e.position,h=e.className,b=e.style,E=e.bodyClassName,O=e.bodyStyle,C=e.progressClassName,_=e.progressStyle,R=e.updateId,N=e.role,P=e.progress,L=e.rtl,k=e.toastId,w=e.deleteToast,D=e.isIn,B=o("Toastify__toast","Toastify__toast--"+m,((n={})["Toastify__toast--rtl"]=L,n)),S=u(h)?h({rtl:L,position:T,type:m,defaultClassName:B}):o(B,h),F=!!P;return t.createElement(y,{isIn:D,done:w,position:T,preventExitTransition:a,nodeRef:i},t.createElement("div",Object.assign({id:k,onClick:p,className:S},c,{style:b,ref:i}),t.createElement("div",Object.assign({},D&&{role:N},{className:u(E)?E({type:m}):o("Toastify__toast-body",E),style:O}),d),function(e){if(e){var n={closeToast:v,type:m};return u(e)?e(n):t.isValidElement(e)?t.cloneElement(e,n):void 0}}(l),(f||F)&&t.createElement(x,Object.assign({},R&&!F?{key:"pb-"+R}:{},{rtl:L,delay:f,isRunning:s,isIn:D,closeToast:v,hide:g,type:m,style:_,className:C,controlledProgress:F,progress:P}))))},N=y({enter:"Toastify--animate Toastify__bounce-enter",exit:"Toastify--animate Toastify__bounce-exit",appendPosition:!0}),P=y({enter:"Toastify--animate Toastify__slide-enter",exit:"Toastify--animate Toastify__slide-exit",appendPosition:!0}),L=y({enter:"Toastify--animate Toastify__zoom-enter",exit:"Toastify--animate Toastify__zoom-exit"}),k=y({enter:"Toastify--animate Toastify__flip-enter",exit:"Toastify--animate Toastify__flip-exit"}),w=function(e){var n=E(e),r=n.isToastActive,a=e.className,i=e.style,c=e.rtl;function d(e){var t,n=o("Toastify__toast-container","Toastify__toast-container--"+e,((t={})["Toastify__toast-container--rtl"]=c,t));return u(a)?a({position:e,rtl:c,defaultClassName:n}):o(n,l(a))}return t.createElement("div",{ref:n.containerRef,className:"Toastify",id:e.containerId},(0,n.getToastToRender)((function(e,n){var o=0===n.length?s({},i,{pointerEvents:"none"}):s({},i);return t.createElement("div",{className:d(e),style:o,key:"container-"+e},n.map((function(e){var n=e.content,o=e.props;return t.createElement(R,Object.assign({},o,{isIn:r(o.toastId),key:"toast-"+o.key,closeButton:!0===o.closeButton?_:o.closeButton}),n)})))})))};w.defaultProps={position:m.TOP_RIGHT,transition:N,rtl:!1,autoClose:5e3,hideProgressBar:!1,closeButton:_,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,newestOnTop:!1,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert"};var D,B,S,F=new Map,A=[],M=!1;function H(){return Math.random().toString(36).substr(2,9)}function j(e){return e&&(c(e.toastId)||a(e.toastId))?e.toastId:H()}function Q(e,n){return F.size>0?T.emit(0,e,n):(A.push({content:e,options:n}),M&&f&&(M=!1,B=document.createElement("div"),document.body.appendChild(B),r.render(t.createElement(w,Object.assign({},S)),B))),n.toastId}function U(e,t){return s({},t,{type:t&&t.type||e,toastId:j(t)})}var q=function(e){return function(t,n){return Q(t,U(e,n))}},z=function(e,t){return Q(e,U(g.DEFAULT,t))};z.success=q(g.SUCCESS),z.info=q(g.INFO),z.error=q(g.ERROR),z.warning=q(g.WARNING),z.dark=q(g.DARK),z.warn=z.warning,z.dismiss=function(e){return T.emit(1,e)},z.clearWaitingQueue=function(e){return void 0===e&&(e={}),T.emit(5,e)},z.isActive=function(e){var t=!1;return F.forEach((function(n){n.isToastActive&&n.isToastActive(e)&&(t=!0)})),t},z.update=function(e,t){void 0===t&&(t={}),setTimeout((function(){var n=function(e,t){var n=F.get(t.containerId||D);return n?n.getToast(e):null}(e,t);if(n){var o=n.content,r=s({},n.props,t,{toastId:t.toastId||e,updateId:H()});r.toastId!==e&&(r.staleId=e);var a=r.render||o;delete r.render,Q(a,r)}}),0)},z.done=function(e){z.update(e,{progress:1})},z.onChange=function(e){return u(e)&&T.on(4,e),function(){u(e)&&T.off(4,e)}},z.configure=function(e){void 0===e&&(e={}),M=!0,S=e},z.POSITION=m,z.TYPE=g,T.on(2,(function(e){F.set(D=e.containerId||e,e),A.forEach((function(e){T.emit(0,e.content,e.options)})),A=[]})).on(3,(function(e){F.delete(e.containerId||e),0===F.size&&T.off(0).off(1).off(5),f&&B&&document.body.removeChild(B)})),exports.Bounce=N,exports.Flip=k,exports.Slide=P,exports.ToastContainer=w,exports.Zoom=L,exports.collapseToast=v,exports.cssTransition=y,exports.toast=z,exports.useToast=I,exports.useToastContainer=E;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),o=e(require("clsx")),r=require("react-dom");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function s(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t.indexOf(n=a[o])>=0||(r[n]=e[n]);return r}function i(e){return"number"==typeof e&&!isNaN(e)}function c(e){return"boolean"==typeof e}function l(e){return"string"==typeof e}function u(e){return"function"==typeof e}function d(e){return l(e)||u(e)?e:null}function f(e){return 0===e||e}var p=!("undefined"==typeof window||!window.document||!window.document.createElement);function m(e){return t.isValidElement(e)||l(e)||u(e)||i(e)}var g={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},v={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"};function y(e,t,n){void 0===n&&(n=300);var o=e.scrollHeight,r=e.style;requestAnimationFrame((function(){r.minHeight="initial",r.height=o+"px",r.transition="all "+n+"ms",requestAnimationFrame((function(){r.height="0",r.padding="0",r.margin="0",setTimeout(t,n)}))}))}function h(e){var o=e.enter,r=e.exit,a=e.appendPosition,s=void 0!==a&&a,i=e.collapse,c=void 0===i||i,l=e.collapseDuration,u=void 0===l?300:l;return function(e){var a=e.children,i=e.position,l=e.preventExitTransition,d=e.done,f=e.nodeRef,p=e.isIn,m=s?o+"--"+i:o,g=s?r+"--"+i:r,v=t.useRef(),h=t.useRef(0);function T(e){if(e.target===f.current){var t=f.current;t.removeEventListener("animationend",T),0===h.current&&(t.className=v.current)}}function E(){var e=f.current;e.removeEventListener("animationend",E),c?y(e,d,u):d()}return t.useLayoutEffect((function(){var e;v.current=(e=f.current).className,e.className+=" "+m,e.addEventListener("animationend",T)}),[]),t.useEffect((function(){p||(l?E():function(){h.current=1;var e=f.current;e.className+=" "+g,e.addEventListener("animationend",E)}())}),[p]),n.createElement(n.Fragment,null,a)}}var T={list:new Map,emitQueue:new Map,on:function(e,t){return this.list.has(e)||this.list.set(e,[]),this.list.get(e).push(t),this},off:function(e,t){if(t){var n=this.list.get(e).filter((function(e){return e!==t}));return this.list.set(e,n),this}return this.list.delete(e),this},cancelEmit:function(e){var t=this.emitQueue.get(e);return t&&(t.forEach(clearTimeout),this.emitQueue.delete(e)),this},emit:function(e){for(var t=this,n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];this.list.has(e)&&this.list.get(e).forEach((function(n){var r=setTimeout((function(){n.apply(void 0,o)}),0);t.emitQueue.has(e)||t.emitQueue.set(e,[]),t.emitQueue.get(e).push(r)}))}};function E(e,n){void 0===n&&(n=!1);var o=t.useRef(e);return t.useEffect((function(){n&&(o.current=e)})),o.current}function b(e,t){switch(t.type){case 0:return[].concat(e,[t.toastId]).filter((function(e){return e!==t.staleId}));case 1:return f(t.toastId)?e.filter((function(e){return e!==t.toastId})):[]}}var O=["delay","staleId"];function C(e){var n=t.useReducer((function(e){return e+1}),0)[1],o=t.useReducer(b,[]),r=o[0],a=o[1],p=t.useRef(null),g=E(0),v=E([]),y=E({}),h=E({toastKey:1,displayedToast:0,props:e,containerId:null,isToastActive:C,getToast:function(e){return y[e]||null}});function C(e){return-1!==r.indexOf(e)}function _(e){var t=e.containerId;!h.props.limit||t&&h.containerId!==t||(g-=v.length,v=[])}function I(e){a({type:1,toastId:e})}function L(){var e=v.shift();N(e.toastContent,e.toastProps,e.staleId)}function x(e,o){var r=o.delay,a=o.staleId,T=s(o,O);if(m(e)&&(E=T,!(!p.current||h.props.enableMultiContainer&&E.containerId!==h.props.containerId||y[E.toastId]&&null==E.updateId))){var E,b=T.toastId,C=T.data,_=h.props,x=function(){return I(b)},R=null==T.updateId;R&&g++;var P,k,B={toastId:b,updateId:T.updateId,isLoading:T.isLoading,theme:T.theme||_.theme,icon:T.icon||_.icon,isIn:!1,key:T.key||h.toastKey++,type:T.type,closeToast:x,closeButton:T.closeButton,rtl:_.rtl,position:T.position||_.position,transition:T.transition||_.transition,className:d(T.className||_.toastClassName),bodyClassName:d(T.bodyClassName||_.bodyClassName),style:T.style||_.toastStyle,bodyStyle:T.bodyStyle||_.bodyStyle,onClick:T.onClick||_.onClick,pauseOnHover:c(T.pauseOnHover)?T.pauseOnHover:_.pauseOnHover,pauseOnFocusLoss:c(T.pauseOnFocusLoss)?T.pauseOnFocusLoss:_.pauseOnFocusLoss,draggable:c(T.draggable)?T.draggable:_.draggable,draggablePercent:i(T.draggablePercent)?T.draggablePercent:_.draggablePercent,draggableDirection:T.draggableDirection||_.draggableDirection,closeOnClick:c(T.closeOnClick)?T.closeOnClick:_.closeOnClick,progressClassName:d(T.progressClassName||_.progressClassName),progressStyle:T.progressStyle||_.progressStyle,autoClose:!T.isLoading&&(P=T.autoClose,k=_.autoClose,!1===P||i(P)&&P>0?P:k),hideProgressBar:c(T.hideProgressBar)?T.hideProgressBar:_.hideProgressBar,progress:T.progress,role:l(T.role)?T.role:_.role,deleteToast:function(){!function(e){delete y[e];var t=v.length;if((g=f(e)?g-1:g-h.displayedToast)<0&&(g=0),t>0){var o=f(e)?1:h.props.limit;if(1===t||1===o)h.displayedToast++,L();else{var r=o>t?t:o;h.displayedToast=r;for(var a=0;a<r;a++)L()}}else n()}(b)}};u(T.onOpen)&&(B.onOpen=T.onOpen),u(T.onClose)&&(B.onClose=T.onClose),"y"===B.draggableDirection&&80===B.draggablePercent&&(B.draggablePercent*=1.5);var w=_.closeButton;!1===T.closeButton||m(T.closeButton)?w=T.closeButton:!0===T.closeButton&&(w=!m(_.closeButton)||_.closeButton),B.closeButton=w;var D=e;t.isValidElement(e)&&!l(e.type)?D=t.cloneElement(e,{closeToast:x,toastProps:B,data:C}):u(e)&&(D=e({closeToast:x,toastProps:B,data:C})),_.limit&&_.limit>0&&g>_.limit&&R?v.push({toastContent:D,toastProps:B,staleId:a}):i(r)&&r>0?setTimeout((function(){N(D,B,a)}),r):N(D,B,a)}}function N(e,t,n){var o=t.toastId;n&&delete y[n],y[o]={content:e,props:t},a({type:0,toastId:o,staleId:n})}return t.useEffect((function(){return h.containerId=e.containerId,T.cancelEmit(3).on(0,x).on(1,(function(e){return p.current&&I(e)})).on(5,_).emit(2,h),function(){return T.emit(3,h)}}),[]),t.useEffect((function(){h.isToastActive=C,h.displayedToast=r.length,T.emit(4,r.length,e.containerId)}),[r]),t.useEffect((function(){h.props=e})),{getToastToRender:function(t){for(var n={},o=e.newestOnTop?Object.keys(y).reverse():Object.keys(y),r=0;r<o.length;r++){var a=y[o[r]],s=a.props.position;n[s]||(n[s]=[]),n[s].push(a)}return Object.keys(n).map((function(e){return t(e,n[e])}))},collection:y,containerRef:p,isToastActive:C}}function _(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function I(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function L(e){var n=t.useState(!0),o=n[0],r=n[1],a=t.useState(!1),s=a[0],i=a[1],c=t.useRef(null),l=E({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null}),d=E(e,!0),f=e.autoClose,p=e.pauseOnHover,m=e.closeToast,g=e.onClick,v=e.closeOnClick;function y(t){if(e.draggable){var n=c.current;l.canCloseOnClick=!0,l.canDrag=!0,l.boundingRect=n.getBoundingClientRect(),n.style.transition="",l.x=_(t.nativeEvent),l.y=I(t.nativeEvent),"x"===e.draggableDirection?(l.start=l.x,l.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(l.start=l.y,l.removalDistance=n.offsetHeight*(e.draggablePercent/100))}}function h(){if(l.boundingRect){var t=l.boundingRect;e.pauseOnHover&&l.x>=t.left&&l.x<=t.right&&l.y>=t.top&&l.y<=t.bottom?b():T()}}function T(){r(!0)}function b(){r(!1)}function O(t){if(l.canDrag){t.preventDefault();var n=c.current;o&&b(),l.x=_(t),l.y=I(t),l.delta="x"===e.draggableDirection?l.x-l.start:l.y-l.start,l.start!==l.x&&(l.canCloseOnClick=!1),n.style.transform="translate"+e.draggableDirection+"("+l.delta+"px)",n.style.opacity=""+(1-Math.abs(l.delta/l.removalDistance))}}function C(){var t=c.current;if(l.canDrag){if(l.canDrag=!1,Math.abs(l.delta)>l.removalDistance)return i(!0),void e.closeToast();t.style.transition="transform 0.2s, opacity 0.2s",t.style.transform="translate"+e.draggableDirection+"(0)",t.style.opacity="1"}}t.useEffect((function(){return u(e.onOpen)&&e.onOpen(t.isValidElement(e.children)&&e.children.props),function(){u(d.onClose)&&d.onClose(t.isValidElement(d.children)&&d.children.props)}}),[]),t.useEffect((function(){return e.draggable&&(document.addEventListener("mousemove",O),document.addEventListener("mouseup",C),document.addEventListener("touchmove",O),document.addEventListener("touchend",C)),function(){e.draggable&&(document.removeEventListener("mousemove",O),document.removeEventListener("mouseup",C),document.removeEventListener("touchmove",O),document.removeEventListener("touchend",C))}}),[e.draggable]),t.useEffect((function(){return e.pauseOnFocusLoss&&(document.hasFocus()||b(),window.addEventListener("focus",T),window.addEventListener("blur",b)),function(){e.pauseOnFocusLoss&&(window.removeEventListener("focus",T),window.removeEventListener("blur",b))}}),[e.pauseOnFocusLoss]);var L={onMouseDown:y,onTouchStart:y,onMouseUp:h,onTouchEnd:h};return f&&p&&(L.onMouseEnter=b,L.onMouseLeave=T),v&&(L.onClick=function(e){g&&g(e),l.canCloseOnClick&&m()}),{playToast:T,pauseToast:b,isRunning:o,preventExitTransition:s,toastRef:c,eventHandlers:L}}function x(e){var n=e.closeToast,o=e.ariaLabel;return t.createElement("button",{className:"Toastify__close-button Toastify__close-button--"+e.theme,type:"button",onClick:function(e){e.stopPropagation(),n(e)},"aria-label":void 0===o?"close":o},t.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},t.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function N(e){var n,r,s=e.closeToast,i=e.type,c=e.hide,l=e.className,d=e.controlledProgress,f=e.progress,p=e.rtl,m=e.isIn,g=e.theme,v=a({},e.style,{animationDuration:e.delay+"ms",animationPlayState:e.isRunning?"running":"paused",opacity:c?0:1});d&&(v.transform="scaleX("+f+")");var y=o("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated","Toastify__progress-bar-theme--"+g,"Toastify__progress-bar--"+i,((n={})["Toastify__progress-bar--rtl"]=p,n)),h=u(l)?l({rtl:p,type:i,defaultClassName:y}):o(y,l),T=((r={})[d&&f>=1?"onTransitionEnd":"onAnimationEnd"]=d&&f<1?null:function(){m&&s()},r);return t.createElement("div",Object.assign({role:"progressbar","aria-hidden":c?"true":"false","aria-label":"notification timer",className:h,style:v},T))}N.defaultProps={type:v.DEFAULT,hide:!1};var R=["theme","type"],P=function(e){var t=e.theme,o=e.type,r=s(e,R);return n.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"colored"===t?"currentColor":"var(--toastify-icon-color-"+o+")"},r))},k={info:function(e){return n.createElement(P,Object.assign({},e),n.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(e){return n.createElement(P,Object.assign({},e),n.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(e){return n.createElement(P,Object.assign({},e),n.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(e){return n.createElement(P,Object.assign({},e),n.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return n.createElement("div",{className:"Toastify__spinner"})}},B=function(e){var n,r,a=L(e),s=a.isRunning,i=a.preventExitTransition,c=a.toastRef,d=a.eventHandlers,f=e.closeButton,p=e.children,m=e.autoClose,g=e.onClick,v=e.type,y=e.hideProgressBar,h=e.closeToast,T=e.transition,E=e.position,b=e.className,O=e.style,C=e.bodyClassName,_=e.bodyStyle,I=e.progressClassName,x=e.progressStyle,R=e.updateId,P=e.role,B=e.progress,w=e.rtl,D=e.toastId,A=e.deleteToast,F=e.isIn,M=e.isLoading,S=e.icon,j=e.theme,z=o("Toastify__toast","Toastify__toast-theme--"+j,"Toastify__toast--"+v,((n={})["Toastify__toast--rtl"]=w,n)),H=u(b)?b({rtl:w,position:E,type:v,defaultClassName:z}):o(z,b),U=!!B,Q=k[v],V={theme:j,type:v},q=Q&&Q(V);return!1===S?q=void 0:u(S)?q=S(V):t.isValidElement(S)?q=t.cloneElement(S,V):l(S)?q=S:M&&(q=k.spinner()),t.createElement(T,{isIn:F,done:A,position:E,preventExitTransition:i,nodeRef:c},t.createElement("div",Object.assign({id:D,onClick:g,className:H},d,{style:O,ref:c}),t.createElement("div",Object.assign({},F&&{role:P},{className:u(C)?C({type:v}):o("Toastify__toast-body",C),style:_}),q&&t.createElement("div",{className:o("Toastify__toast-icon",(r={},r["Toastify--animate-icon Toastify__zoom-enter"]=!M,r))},q),t.createElement("div",null,p)),function(e){if(e){var n={closeToast:h,type:v,theme:j};return u(e)?e(n):t.isValidElement(e)?t.cloneElement(e,n):void 0}}(f),(m||U)&&t.createElement(N,Object.assign({},R&&!U?{key:"pb-"+R}:{},{rtl:w,theme:j,delay:m,isRunning:s,isIn:F,closeToast:h,hide:y,type:v,style:x,className:I,controlledProgress:U,progress:B}))))},w=h({enter:"Toastify--animate Toastify__bounce-enter",exit:"Toastify--animate Toastify__bounce-exit",appendPosition:!0}),D=h({enter:"Toastify--animate Toastify__slide-enter",exit:"Toastify--animate Toastify__slide-exit",appendPosition:!0}),A=h({enter:"Toastify--animate Toastify__zoom-enter",exit:"Toastify--animate Toastify__zoom-exit"}),F=h({enter:"Toastify--animate Toastify__flip-enter",exit:"Toastify--animate Toastify__flip-exit"}),M=function(e){var n=C(e),r=n.isToastActive,s=e.className,i=e.style,c=e.rtl;function l(e){var t,n=o("Toastify__toast-container","Toastify__toast-container--"+e,((t={})["Toastify__toast-container--rtl"]=c,t));return u(s)?s({position:e,rtl:c,defaultClassName:n}):o(n,d(s))}return t.createElement("div",{ref:n.containerRef,className:"Toastify",id:e.containerId},(0,n.getToastToRender)((function(e,n){var o=0===n.length?a({},i,{pointerEvents:"none"}):a({},i);return t.createElement("div",{className:l(e),style:o,key:"container-"+e},n.map((function(e){var n=e.content,o=e.props;return t.createElement(B,Object.assign({},o,{isIn:r(o.toastId),key:"toast-"+o.key,closeButton:!0===o.closeButton?x:o.closeButton}),n)})))})))};M.defaultProps={position:g.TOP_RIGHT,transition:w,rtl:!1,autoClose:5e3,hideProgressBar:!1,closeButton:x,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,newestOnTop:!1,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};var S,j,z,H=new Map,U=[],Q=!1;function V(){return Math.random().toString(36).substr(2,9)}function q(e){return e&&(l(e.toastId)||i(e.toastId))?e.toastId:V()}function G(e,n){return H.size>0?T.emit(0,e,n):(U.push({content:e,options:n}),Q&&p&&(Q=!1,j=document.createElement("div"),document.body.appendChild(j),r.render(t.createElement(M,Object.assign({},z)),j))),n.toastId}function W(e,t){return a({},t,{type:t&&t.type||e,toastId:q(t)})}var X=function(e){return function(t,n){return G(t,W(e,n))}},Y=function(e,t){return G(e,W(v.DEFAULT,t))};Y.loading=function(e,t){return G(e,W(v.DEFAULT,a({isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1},t)))},Y.promise=function(e,t,n){var o=t.pending,r=t.error,s=t.success,i=l(o)?Y.loading(o,n):Y.loading(o.render,a({},n,o)),c={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},u=function(e,t,o){var r=l(t)?{render:t}:t;return Y.update(i,a({type:e},c,n,r,{data:o})),o};return e.then((function(e){return u("success",s,e)})).catch((function(e){return u("error",r,e)})),e},Y.success=X(v.SUCCESS),Y.info=X(v.INFO),Y.error=X(v.ERROR),Y.warn=Y.warning=X(v.WARNING),Y.dark=function(e,t){return G(e,W(v.DEFAULT,a({theme:"dark"},t)))},Y.dismiss=function(e){return T.emit(1,e)},Y.clearWaitingQueue=function(e){return void 0===e&&(e={}),T.emit(5,e)},Y.isActive=function(e){var t=!1;return H.forEach((function(n){n.isToastActive&&n.isToastActive(e)&&(t=!0)})),t},Y.update=function(e,t){void 0===t&&(t={}),setTimeout((function(){var n=function(e,t){var n=H.get(t.containerId||S);return n?n.getToast(e):null}(e,t);if(n){var o=n.content,r=a({},n.props,t,{toastId:t.toastId||e,updateId:V()});r.toastId!==e&&(r.staleId=e);var s=r.render||o;delete r.render,G(s,r)}}),0)},Y.done=function(e){Y.update(e,{progress:1})},Y.onChange=function(e){return u(e)&&T.on(4,e),function(){u(e)&&T.off(4,e)}},Y.configure=function(e){void 0===e&&(e={}),Q=!0,z=e},Y.POSITION=g,Y.TYPE=v,T.on(2,(function(e){H.set(S=e.containerId||e,e),U.forEach((function(e){T.emit(0,e.content,e.options)})),U=[]})).on(3,(function(e){H.delete(e.containerId||e),0===H.size&&T.off(0).off(1).off(5),p&&j&&document.body.removeChild(j)})),exports.Bounce=w,exports.Flip=F,exports.Icons=k,exports.Slide=D,exports.ToastContainer=M,exports.Zoom=A,exports.collapseToast=y,exports.cssTransition=h,exports.toast=Y,exports.useToast=L,exports.useToastContainer=C;
 //# sourceMappingURL=react-toastify.cjs.production.min.js.map

dist/react-toastify.esm.js

@@ -77,4 +77,3 @@ import React__default, { isValidElement, useRef, useLayoutEffect, useEffect, useReducer, cloneElement, useState, createElement } from 'react';
   ERROR: 'error',
-  DEFAULT: 'default',
-  DARK: 'dark'
+  DEFAULT: 'default'
 };
@@ -92,7 +91,7 @@
 
-  var height = node.scrollHeight;
-  var style = node.style;
+  var scrollHeight = node.scrollHeight,
+      style = node.style;
   requestAnimationFrame(function () {
     style.minHeight = 'initial';
-    style.height = height + 'px';
+    style.height = scrollHeight + 'px';
     style.transition = "all " + duration + "ms";
@@ -158,3 +157,4 @@ requestAnimationFrame(function () {
 
-    function onEntered() {
+    function onEntered(e) {
+      if (e.target !== nodeRef.current) return;
       var node = nodeRef.current;
@@ -284,2 +284,3 @@ node.removeEventListener('animationend', onEntered);
 
+var _excluded = ["delay", "staleId"];
 function useToastContainer(props) {
@@ -390,7 +391,8 @@ var _useReducer = useReducer(function (x) {
         staleId = _ref3.staleId,
-        options = _objectWithoutPropertiesLoose(_ref3, ["delay", "staleId"]);
+        options = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
     if (!canBeRendered(content) || isNotValid(options)) return;
     var toastId = options.toastId,
-        updateId = options.updateId;
+        updateId = options.updateId,
+        data = options.data;
     var props = instance.props;
@@ -407,2 +409,5 @@
       updateId: updateId,
+      isLoading: options.isLoading,
+      theme: options.theme || props.theme,
+      icon: options.icon || props.icon,
       isIn: false,
@@ -429,3 +434,3 @@ key: options.key || instance.toastKey++,
       progressStyle: options.progressStyle || props.progressStyle,
-      autoClose: getAutoCloseDelay(options.autoClose, props.autoClose),
+      autoClose: options.isLoading ? false : getAutoCloseDelay(options.autoClose, props.autoClose),
       hideProgressBar: isBool(options.hideProgressBar) ? options.hideProgressBar : props.hideProgressBar,
@@ -463,3 +468,4 @@ progress: options.progress,
         closeToast: closeToast,
-        toastProps: toastProps
+        toastProps: toastProps,
+        data: data
       });
@@ -469,3 +475,4 @@ } else if (isFn(content)) {
         closeToast: closeToast,
-        toastProps: toastProps
+        toastProps: toastProps,
+        data: data
       });
@@ -752,3 +759,3 @@ } // not handling limit + delay by design. Waiting for user feedback first
   var closeToast = _ref.closeToast,
-      type = _ref.type,
+      theme = _ref.theme,
       _ref$ariaLabel = _ref.ariaLabel,
@@ -761,3 +768,3 @@ ariaLabel = _ref$ariaLabel === void 0 ? 'close' : _ref$ariaLabel;
     /* CSS_NAMESPACE */
-    + "__close-button--" + type,
+    + "__close-button--" + theme,
     type: "button",
@@ -791,3 +798,4 @@ onClick: function onClick(e) {
       rtl = _ref.rtl,
-      isIn = _ref.isIn;
+      isIn = _ref.isIn,
+      theme = _ref.theme;
 
@@ -809,2 +817,4 @@ var style = _extends({}, userStyle, {
   /* CSS_NAMESPACE */
+  + "__progress-bar-theme--" + theme, "Toastify"
+  /* CSS_NAMESPACE */
   + "__progress-bar--" + type, (_cx = {}, _cx["Toastify"
@@ -838,4 +848,57 @@ /* CSS_NAMESPACE */
 
+var _excluded$1 = ["theme", "type"];
+
+var Svg = function Svg(_ref) {
+  var theme = _ref.theme,
+      type = _ref.type,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 24 24",
+    fill: theme === 'colored' ? 'currentColor' : "var(--toastify-icon-color-" + type + ")"
+  }, rest));
+};
+
+function Warning(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"
+  }));
+}
+
+function Info(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"
+  }));
+}
+
+function Success(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
+  }));
+}
+
+function Error(props) {
+  return React__default.createElement(Svg, Object.assign({}, props), React__default.createElement("path", {
+    d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"
+  }));
+}
+
+function Spinner() {
+  return React__default.createElement("div", {
+    className: "Toastify"
+    /* CSS_NAMESPACE */
+    + "__spinner"
+  });
+}
+
+var Icons = {
+  info: Info,
+  warning: Warning,
+  success: Success,
+  error: Error,
+  spinner: Spinner
+};
+
 var Toast = function Toast(props) {
-  var _cx;
+  var _cx, _cx2;
 
@@ -869,3 +932,6 @@ var _useToast = useToast(props),
       deleteToast = props.deleteToast,
-      isIn = props.isIn;
+      isIn = props.isIn,
+      isLoading = props.isLoading,
+      icon = props.icon,
+      theme = props.theme;
   var defaultClassName = cx("Toastify"
@@ -875,2 +941,4 @@ /* CSS_NAMESPACE */
   /* CSS_NAMESPACE */
+  + "__toast-theme--" + theme, "Toastify"
+  /* CSS_NAMESPACE */
   + "__toast--" + type, (_cx = {}, _cx["Toastify"
@@ -886,3 +954,21 @@ /* CSS_NAMESPACE */
   var isProgressControlled = !!progress;
+  var maybeIcon = Icons[type];
+  var iconProps = {
+    theme: theme,
+    type: type
+  };
+  var Icon = maybeIcon && maybeIcon(iconProps);
 
+  if (icon === false) {
+    Icon = void 0;
+  } else if (isFn(icon)) {
+    Icon = icon(iconProps);
+  } else if (isValidElement(icon)) {
+    Icon = cloneElement(icon, iconProps);
+  } else if (isStr(icon)) {
+    Icon = icon;
+  } else if (isLoading) {
+    Icon = Icons.spinner();
+  }
+
   function renderCloseButton(closeButton) {
@@ -892,3 +978,4 @@ if (!closeButton) return;
       closeToast: closeToast,
-      type: type
+      type: type,
+      theme: theme
     };
@@ -921,6 +1008,15 @@ if (isFn(closeButton)) return closeButton(props);
     style: bodyStyle
-  }), children), renderCloseButton(closeButton), (autoClose || isProgressControlled) && createElement(ProgressBar, Object.assign({}, updateId && !isProgressControlled ? {
+  }), Icon && createElement("div", {
+    className: cx("Toastify"
+    /* CSS_NAMESPACE */
+    + "__toast-icon", (_cx2 = {}, _cx2["Toastify"
+    /* CSS_NAMESPACE */
+    + "--animate-icon " + "Toastify"
+    /* CSS_NAMESPACE */
+    + "__zoom-enter"] = !isLoading, _cx2))
+  }, Icon), createElement("div", null, children)), renderCloseButton(closeButton), (autoClose || isProgressControlled) && createElement(ProgressBar, Object.assign({}, updateId && !isProgressControlled ? {
     key: "pb-" + updateId
   } : {}, {
     rtl: rtl,
+    theme: theme,
     delay: autoClose,
@@ -1061,3 +1157,4 @@ isRunning: isRunning,
   ,
-  role: 'alert'
+  role: 'alert',
+  theme: 'light'
 };
@@ -1158,2 +1255,46 @@
 
+toast.loading = function (content, options) {
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends({
+    isLoading: true,
+    autoClose: false,
+    closeOnClick: false,
+    closeButton: false,
+    draggable: false
+  }, options)));
+};
+
+function handlePromise(promise, _ref2, options) {
+  var pending = _ref2.pending,
+      error = _ref2.error,
+      success = _ref2.success;
+  var id = isStr(pending) ? toast.loading(pending, options) : toast.loading(pending.render, _extends({}, options, pending));
+  var resetParams = {
+    isLoading: null,
+    autoClose: null,
+    closeOnClick: null,
+    closeButton: null,
+    draggable: null
+  };
+
+  var resolver = function resolver(type, input, result) {
+    var params = isStr(input) ? {
+      render: input
+    } : input;
+    toast.update(id, _extends({
+      type: type
+    }, resetParams, options, params, {
+      data: result
+    }));
+    return result;
+  };
+
+  promise.then(function (result) {
+    return resolver('success', success, result);
+  })["catch"](function (err) {
+    return resolver('error', error, err);
+  });
+  return promise;
+}
+
+toast.promise = handlePromise;
 toast.success = /*#__PURE__*/createToastByType(TYPE.SUCCESS);
@@ -1163,4 +1304,9 @@ toast.info = /*#__PURE__*/createToastByType(TYPE.INFO);
 toast.warning = /*#__PURE__*/createToastByType(TYPE.WARNING);
-toast.dark = /*#__PURE__*/createToastByType(TYPE.DARK);
 toast.warn = toast.warning;
+
+toast.dark = function (content, options) {
+  return dispatchToast(content, mergeOptions(TYPE.DEFAULT, _extends({
+    theme: 'dark'
+  }, options)));
+};
 /**
@@ -1170,2 +1316,3 @@ * Remove toast programmaticaly
 
+
 toast.dismiss = function (id) {
@@ -1312,3 +1459,3 @@ return eventManager.emit(1
 
-export { Bounce, Flip, Slide, ToastContainer, Zoom, collapseToast, cssTransition, toast, useToast, useToastContainer };
+export { Bounce, Flip, Icons, Slide, ToastContainer, Zoom, collapseToast, cssTransition, toast, useToast, useToastContainer };
 //# sourceMappingURL=react-toastify.esm.js.map

dist/types/index.d.ts

@@ -5,13 +5,11 @@ import * as React from 'react';
 };
-export declare type TypeOptions = 'info' | 'success' | 'warning' | 'error' | 'default' | 'dark';
+export declare type TypeOptions = 'info' | 'success' | 'warning' | 'error' | 'default';
+export declare type Theme = 'light' | 'dark' | 'colored';
 export declare type ToastPosition = 'top-right' | 'top-center' | 'top-left' | 'bottom-right' | 'bottom-center' | 'bottom-left';
-export interface ToastContentProps {
+export interface ToastContentProps<Data = {}> {
     closeToast?: () => void;
     toastProps: ToastProps;
+    data?: Data;
 }
 export declare type ToastContent = React.ReactNode | ((props: ToastContentProps) => React.ReactNode);
-export interface Toast {
-    content: ToastContent;
-    props: ToastProps;
-}
 export declare type Id = number | string;
@@ -22,7 +20,2 @@ export declare type ToastTransition = React.FC<ToastTransitionProps> | React.ComponentClass<ToastTransitionProps>;
  */
-export declare type ClassName = ((context?: {
-    defaultClassName?: string;
-    position?: ToastPosition;
-    rtl?: boolean;
-}) => string) | string;
 export declare type ToastClassName = ((context?: {
@@ -130,4 +123,15 @@ type?: TypeOptions;
     rtl?: boolean;
+    /**
+     * Used to display a custom icon. Set it to `false` to prevent
+     * the icons from being displayed
+     */
+    icon?: React.ReactNode | false;
+    /**
+     * Theme to use.
+     * `One of: 'light', 'dark', 'colored'`
+     * `Default: 'light'`
+     */
+    theme?: Theme;
 }
-export interface ToastOptions extends CommonOptions {
+export interface ToastOptions<Data = {}> extends CommonOptions {
     /**
@@ -170,28 +174,5 @@ * An optional css class to set.
     delay?: number;
+    isLoading?: boolean;
+    data?: Data;
 }
-/**
- * @INTERNAL
- */
-export interface ToastProps extends ToastOptions {
-    isIn: boolean;
-    staleId?: Id;
-    toastId: Id;
-    key: Id;
-    transition: ToastTransition;
-    closeToast: () => void;
-    position: ToastPosition;
-    children?: ToastContent;
-    draggablePercent: number;
-    draggableDirection?: DraggableDirection;
-    progressClassName?: ToastClassName;
-    className?: ToastClassName;
-    bodyClassName?: ToastClassName;
-    deleteToast: () => void;
-}
-/**
- * @INTERNAL
- */
-export interface NotValidatedToastProps extends Partial<ToastProps> {
-    toastId: Id;
-}
 export interface UpdateOptions extends Nullable<ToastOptions> {
@@ -208,3 +189,3 @@ /**
      */
-    className?: ClassName;
+    className?: ToastClassName;
     /**
@@ -245,2 +226,36 @@ * Whether or not to display the newest toast on top.
 }
+/**
+ * @INTERNAL
+ */
+export interface ToastProps extends ToastOptions {
+    isIn: boolean;
+    staleId?: Id;
+    toastId: Id;
+    key: Id;
+    transition: ToastTransition;
+    closeToast: () => void;
+    position: ToastPosition;
+    children?: ToastContent;
+    draggablePercent: number;
+    draggableDirection?: DraggableDirection;
+    progressClassName?: ToastClassName;
+    className?: ToastClassName;
+    bodyClassName?: ToastClassName;
+    deleteToast: () => void;
+    theme: Theme;
+    type: TypeOptions;
+}
+/**
+ * @INTERNAL
+ */
+export interface NotValidatedToastProps extends Partial<ToastProps> {
+    toastId: Id;
+}
+/**
+ * @INTERAL
+ */
+export interface Toast {
+    content: ToastContent;
+    props: ToastProps;
+}
 export {};

dist/utils/constant.d.ts

 import { ToastPosition, TypeOptions } from '../types';
 declare type KeyOfPosition = 'TOP_LEFT' | 'TOP_RIGHT' | 'TOP_CENTER' | 'BOTTOM_LEFT' | 'BOTTOM_RIGHT' | 'BOTTOM_CENTER';
-declare type KeyOfType = 'INFO' | 'SUCCESS' | 'WARNING' | 'ERROR' | 'DEFAULT' | 'DARK';
+declare type KeyOfType = 'INFO' | 'SUCCESS' | 'WARNING' | 'ERROR' | 'DEFAULT';
 export declare const POSITION: {
@@ -5,0 +5,0 @@ [key in KeyOfPosition]: ToastPosition;

package.json

 {
-  "version": "7.0.4",
+  "version": "8.0.0-rc1",
   "license": "MIT",
@@ -74,10 +74,6 @@ "main": "dist/index.js",
   "devDependencies": {
-    "@babel/core": "^7.0.0-0",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/preset-env": "^7.8.4",
-    "@babel/preset-react": "^7.8.3",
-    "@testing-library/react": "^9.4.0",
+    "@testing-library/react": "^12.0.0",
     "@types/jest": "^24.9.0",
-    "@types/react": "^16.9.34",
-    "@types/react-dom": "^16.9.6",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "^17.0.9",
     "coveralls": "^3.0.9",
@@ -89,9 +85,9 @@ "cssnano": "^4.1.10",
     "postcss-cli": "^7.1.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "sass": "^1.26.0",
     "style2js": "^1.0.0",
-    "tsdx": "^0.12.3",
-    "tslib": "^1.10.0",
-    "typescript": "^3.7.5"
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.3.5"
   },
@@ -98,0 +94,0 @@ "dependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

441092

increased by16.23%

Dev dependency count

17

decreased by-19.05%

Lines of code

3929

increased by12.35%

Worsened metrics

Number of package files

54

decreased by-10%

Number of low quality alerts

2

increased by100%

No dependency changes