@apia/notifications 0.3.0 → 0.3.3

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) [year] [fullname]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,28 +1,28 @@
-# Initiator
-
-Este package se creó con la única utilidad de copiarlo entero y pegarlo a la hora de crear un nuevo package.
-
-Este iniciador permite crear un paquete que compila typescript y puede ser importado desde otros packages.
-
-## IMPORTANTE
-
-Los archivos **tsconfig.json** y **tsup.config.ts** no son archivos únicos sino symlinks a archivos de configuración comunes a todos los packages. En caso de que sea necesario modificar alguno de ellos **que en la gran mayoría de los casos no sería necesario**, es necesario eliminar el archivo a modificar y crear uno nuevo.
-
-## Procedimiento
-
- - Copiar la carpeta initiator y pegarla con otro nombre dentro de packages.
- - Modificar el package.json:
-   - Eliminar la línea ```private: true```.
-   - Cambiar la ocurrencia `initiator` por el nombre del nuevo paquete. 
-   - Agregar los scripts convenientes: dev, build, etc.
- - Ejecutar el comando lerna bootstrap desde la carpeta raíz.
-
-Luego de ejecutar estos pasos, el package estaría listo para comenzar a usarse.
-
-Este package trae como dependencias por defecto theme-ui y react. Si se desea agregar más dependencias se debe ejecutar el comando ```lerna add --scope="@apia/packageName" dependencyName```. Ejemplo, si creamos un paquete con el nombre @apia/myPackage y queremos agregar lodash-es como dependencia, ejecutamos el comando ```lerna add --scope="@apia/myPackage" lodash-es```. 
-
-**Importante 1**: Dado que estamos desarrollando packages, es importante determinar si las dependencias que vamos a agregar son de tipo dependency o de tipo peerDependency.
-
-**Importante 2**: lerna no permite instalar de a varias dependencias a la vez como lo hace npm, por lo tanto, si se desea agregar varias dependencias se debe ejecutar el comando anterior tantas veces como dependencias se quiera agregar.
-
+# Initiator
+
+Este package se creó con la única utilidad de copiarlo entero y pegarlo a la hora de crear un nuevo package.
+
+Este iniciador permite crear un paquete que compila typescript y puede ser importado desde otros packages.
+
+## IMPORTANTE
+
+Los archivos **tsconfig.json** y **tsup.config.ts** no son archivos únicos sino symlinks a archivos de configuración comunes a todos los packages. En caso de que sea necesario modificar alguno de ellos **que en la gran mayoría de los casos no sería necesario**, es necesario eliminar el archivo a modificar y crear uno nuevo.
+
+## Procedimiento
+
+ - Copiar la carpeta initiator y pegarla con otro nombre dentro de packages.
+ - Modificar el package.json:
+   - Eliminar la línea ```private: true```.
+   - Cambiar la ocurrencia `initiator` por el nombre del nuevo paquete. 
+   - Agregar los scripts convenientes: dev, build, etc.
+ - Ejecutar el comando lerna bootstrap desde la carpeta raíz.
+
+Luego de ejecutar estos pasos, el package estaría listo para comenzar a usarse.
+
+Este package trae como dependencias por defecto theme-ui y react. Si se desea agregar más dependencias se debe ejecutar el comando ```lerna add --scope="@apia/packageName" dependencyName```. Ejemplo, si creamos un paquete con el nombre @apia/myPackage y queremos agregar lodash-es como dependencia, ejecutamos el comando ```lerna add --scope="@apia/myPackage" lodash-es```. 
+
+**Importante 1**: Dado que estamos desarrollando packages, es importante determinar si las dependencias que vamos a agregar son de tipo dependency o de tipo peerDependency.
+
+**Importante 2**: lerna no permite instalar de a varias dependencias a la vez como lo hace npm, por lo tanto, si se desea agregar varias dependencias se debe ejecutar el comando anterior tantas veces como dependencias se quiera agregar.
+
 **Importante 3**: React y theme-ui vienen instalados como peerDependencies. En caso de no ser necesarios pueden ser removidos, pero en cualquier caso asegurarse de que estas dependencias no sean instaladas como dependencies puesto que esto causaría comportamientos indeseados en la aplicación.

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-import { TApiaSystemMessageObj } from '@apia/util';
+import { EventEmitter, TApiaSystemMessageObj } from '@apia/util';
 
 type TNotificationId = string | number;
 interface INotification<T = string> {
@@ -14,25 +14,6 @@ interface INotification<T = string> {
     type: T;
 }
 type TNotificationSelector<T> = (notifications: INotification<T>[]) => INotification<T>[];
-interface INotificationsDispatcher<K> {
-    areNotificationsOpen(): boolean;
-    /**
-     * El método close da la señal de cierre. Es importante llamar a delete para
-     * que no se acumulen las notificaciones en el store
-     */
-    close(id: TNotificationId | INotification): void;
-    closeAll(): void;
-    /**
-     * El método delete elimina la entrada en el store, no debe llamarse este
-     * método directamente, sino el método close
-     */
-    delete(id: TNotificationId | INotification): void;
-    getSelector(): (selector: TNotificationSelector<K>) => INotification<K>[];
-    /**
-     * Agrega una nueva notificación
-     */
-    notify(notification: INotification<K>): void;
-}
 declare global {
     interface Window {
         LBL_ERROR: string;
@@ -57,12 +38,16 @@ declare const _default: React__default.MemoExoticComponent<((props: object) => R
 declare const onCloseNotificationCallbacks: Record<string, () => unknown>;
 type TNotificationType = 'danger' | 'success' | 'warning';
 type TDispatchedNotification = Omit<INotification<TNotificationType>, 'id' | 'type' | 'isOpen'> & Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;
-declare class DefaultNotifier implements INotificationsDispatcher<TNotificationType> {
+declare class DefaultNotifier extends EventEmitter<{
+    changedList: boolean;
+}> {
+    notifications: INotification<TNotificationType>[];
     areNotificationsOpen(): boolean;
+    shout(): void;
     close(id: TNotificationId | INotification): void;
     closeAll(): void;
     delete(id: TNotificationId | INotification): void;
-    getSelector(): (selector: TNotificationSelector<TNotificationType>) => INotification<TNotificationType>[];
+    useSelector: (selector: TNotificationSelector<TNotificationType>) => INotification<TNotificationType>[];
     notify(notification: TDispatchedNotification): void;
 }
 declare const defaultNotifier: DefaultNotifier;
@@ -104,4 +89,4 @@ declare const parseServerNotification: (serverNotification: TMessage | TMessage[
  */
 declare const dispatchNotifications: (alert: TNotificationMessage) => void;
 
-export { DefaultNotifier, INotification, INotificationsDispatcher, Notification, _default as NotificationsList, TDispatchedNotification, TMessage, TNotificationId, TNotificationMessage, TNotificationSelector, TNotificationType, defaultNotifier, dispatchNotifications, getNotificationMessageObj, notify, onCloseNotificationCallbacks, parseServerNotification };
+export { DefaultNotifier, INotification, Notification, _default as NotificationsList, TDispatchedNotification, TMessage, TNotificationId, TNotificationMessage, TNotificationSelector, TNotificationType, defaultNotifier, dispatchNotifications, getNotificationMessageObj, notify, onCloseNotificationCallbacks, parseServerNotification };

package/dist/index.js

@@ -1,100 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { useState } from 'react';
 import { Alert, Box, Close, makeStyledComponent, spacing, getVariant } from '@apia/theme';
 import { CSSTransition } from 'react-transition-group';
-import { getSpecificParent, getIndex, useUpdateEffect, useUnmount, arrayOrArray } from '@apia/util';
+import { EventEmitter, useLatest, useMount, getIndex, useUpdateEffect, useUnmount, arrayOrArray } from '@apia/util';
 import { isIconName, Icon } from '@apia/icons';
 import { uniqueId } from 'lodash-es';
-import { createSlice, injectReducers } from '@apia/store';
 import { keyframes } from '@emotion/react';
 
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-function putNotificationToVibrate(message) {
-  let hasAnimated = false;
-  document.querySelectorAll(".notificationsFloatingList .notification__text").forEach((current) => {
-    if (current.textContent === String(message)) {
-      const notificationElement = getSpecificParent(
-        current,
-        (search) => {
-          return search.classList.contains("notification");
-        }
-      );
-      if (notificationElement) {
-        notificationElement.classList.add("animate");
-        setTimeout(() => {
-          notificationElement.classList.remove("animate");
-        }, 300);
-        hasAnimated = true;
-      } else
-        console.warn(
-          "A notification with that text was found, but it could not be animated"
-        );
-    }
-  });
-  return hasAnimated;
-}
-const notificationsSlice = createSlice({
-  name: "notificationsSlice",
-  initialState: { notifications: [] },
-  reducers: {
-    close(state, { payload }) {
-      state.notifications = state.notifications.map((current) => {
-        return current.id === payload.id ? __spreadProps$2(__spreadValues$3({}, current), { isOpen: false }) : current;
-      });
-    },
-    closeAll(state) {
-      const firstOpenIndex = state.notifications.findIndex((current) => {
-        return current.isOpen;
-      });
-      if (firstOpenIndex >= 0) {
-        state.notifications[firstOpenIndex].isOpen = false;
-        setTimeout(() => {
-          return notificationsStore.dispatch(notificationsActions.closeAll());
-        }, 50);
-      }
-    },
-    delete: (state, { payload: { id } }) => {
-      state.notifications = state.notifications.filter((current) => {
-        return current.id !== id;
-      });
-    },
-    push(state, payload) {
-      const notifications = payload.payload.notifications.filter(
-        (notification) => {
-          return !putNotificationToVibrate(notification.message);
-        }
-      );
-      state.notifications.push(...notifications);
-    }
-  }
-});
-const {
-  store: notificationsStore,
-  useSelector: useNotificationsSelector
-} = injectReducers({
-  notificationsSlice: notificationsSlice.reducer
-});
-const notificationsActions = notificationsSlice.actions;
-
 var __defProp$2 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
@@ -115,54 +28,101 @@ var __spreadValues$2 = (a, b) => {
 };
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 const onCloseNotificationCallbacks = {};
-class DefaultNotifier {
+function shallowEqual(a, b) {
+  if (a.length !== b.length)
+    return false;
+  for (let i = 0; i < a.length; i++)
+    if (a[i] !== b[i])
+      return false;
+  return true;
+}
+class DefaultNotifier extends EventEmitter {
+  constructor() {
+    super(...arguments);
+    this.notifications = [];
+    this.useSelector = (selector) => {
+      const [state, setState] = useState([]);
+      const lastState = useLatest(state);
+      useMount(() => {
+        return this.on("changedList", () => {
+          const newState = selector(this.notifications);
+          if (!shallowEqual(newState, lastState.current)) {
+            setState([...newState]);
+          }
+        });
+      });
+      return state;
+    };
+  }
   areNotificationsOpen() {
     return !!document.querySelector(".notification");
   }
+  shout() {
+    this.emit("changedList", true);
+  }
   close(id) {
-    notificationsStore.dispatch(
-      notificationsActions.close({ id: typeof id === "object" ? id.id : id })
-    );
+    const actualId = typeof id === "object" ? id.id : id;
+    this.notifications = this.notifications.map((current) => {
+      var _a;
+      if (current.id === actualId) {
+        (_a = current.onClose) == null ? void 0 : _a.call(current);
+        return __spreadProps$1(__spreadValues$2({}, current), { isOpen: false });
+      }
+      return current;
+    });
+    this.shout();
   }
   closeAll() {
-    notificationsStore.dispatch(notificationsActions.closeAll());
+    this.notifications = this.notifications.map((current) => {
+      var _a;
+      (_a = current.onClose) == null ? void 0 : _a.call(current);
+      return __spreadProps$1(__spreadValues$2({}, current), {
+        isOpen: false
+      });
+    });
+    this.shout();
   }
   delete(id) {
-    notificationsStore.dispatch(
-      notificationsActions.delete({ id: typeof id === "object" ? id.id : id })
+    const actualId = typeof id === "object" ? id.id : id;
+    this.notifications = this.notifications.filter(
+      (current) => current.id !== actualId
     );
-  }
-  getSelector() {
-    return (selector) => {
-      return useNotificationsSelector((global) => {
-        return selector(
-          global.notificationsSlice.notifications
-        );
-      });
-    };
+    this.shout();
   }
   notify(notification) {
     var _a, _b;
     const id = (_a = notification.id) != null ? _a : uniqueId();
-    if (notification.onClose)
-      onCloseNotificationCallbacks[id] = notification.onClose;
-    notificationsStore.dispatch(
-      notificationsActions.push({
-        notifications: [
-          __spreadProps$1(__spreadValues$2({}, notification), {
-            isOpen: true,
-            type: (_b = notification.type) != null ? _b : "warning",
-            id,
-            onClose: void 0
-          })
-        ]
-      })
-    );
+    let hasAnimated = false;
+    document.querySelectorAll(".notificationsFloatingList .notification__text").forEach((current) => {
+      if (current.textContent === notification.message) {
+        const notificationElement = current.closest(
+          ".notification"
+        );
+        if (notificationElement) {
+          notificationElement.classList.add("animate");
+          setTimeout(() => {
+            notificationElement.classList.remove("animate");
+          }, 200);
+          hasAnimated = true;
+        } else
+          console.warn(
+            "A notification with that text was found, but it could not be animated"
+          );
+      }
+    });
+    if (hasAnimated)
+      return;
+    this.notifications.push(__spreadProps$1(__spreadValues$2({}, notification), {
+      isOpen: true,
+      type: (_b = notification.type) != null ? _b : "warning",
+      id
+    }));
+    this.shout();
   }
 }
 const defaultNotifier = new DefaultNotifier();
 function notify(notification) {
-  new DefaultNotifier().notify(notification);
+  defaultNotifier.notify(notification);
 }
 
 var __defProp$1 = Object.defineProperty;
@@ -230,7 +190,8 @@ const Notification = ({
     notificationType = "success";
   const onClick = React.useCallback(() => {
     setShouldShow(false);
-  }, []);
+    defaultNotifier.close(innerNotification);
+  }, [innerNotification]);
   return /* @__PURE__ */ jsx(
     CSSTransition,
     {
@@ -338,6 +299,7 @@ const vibrate = keyframes`
 100% {
   transform: rotate(0);
 }`;
+const useSelector = defaultNotifier.useSelector;
 const NotificationsList = makeStyledComponent(
   "NotificationsList",
   "layout.common.notifications.list",
@@ -371,8 +333,15 @@ const NotificationsList = makeStyledComponent(
     }
   },
   () => {
-    const notifications = useNotificationsSelector((current) => {
-      return current.notificationsSlice.notifications;
+    const notifications = useSelector((current) => {
+      return current;
+    });
+    useMount(() => {
+      document.addEventListener("keydown", (ev) => {
+        if (ev.code === "Escape") {
+          defaultNotifier.closeAll();
+        }
+      });
     });
     return /* @__PURE__ */ jsx(
       Box,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/notificationsStore.ts","../src/defaultNotifier.ts","../src/Notification.tsx","../src/NotificationsList.tsx","../src/apia/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { createSlice, injectReducers, PayloadAction } from '@apia/store';\nimport { getSpecificParent } from '@apia/util';\nimport { INotification, TNotificationId } from './types';\n\nfunction putNotificationToVibrate(message: string) {\n  let hasAnimated = false;\n  document\n    .querySelectorAll('.notificationsFloatingList .notification__text')\n    .forEach((current) => {\n      if (current.textContent === String(message)) {\n        const notificationElement = getSpecificParent(\n          current as HTMLElement,\n          (search) => {\n            return search.classList.contains('notification');\n          },\n        );\n        if (notificationElement) {\n          notificationElement.classList.add('animate');\n          setTimeout(() => {\n            notificationElement.classList.remove('animate');\n          }, 300);\n          hasAnimated = true;\n        } else\n          console.warn(\n            'A notification with that text was found, but it could not be animated',\n          );\n      }\n    });\n  return hasAnimated;\n}\n\nexport const notificationsSlice = createSlice({\n  name: 'notificationsSlice',\n  initialState: { notifications: [] } as {\n    notifications: INotification<any>[];\n  },\n  reducers: {\n    close(state, { payload }: PayloadAction<{ id: TNotificationId }>) {\n      state.notifications = state.notifications.map((current) => {\n        return current.id === payload.id\n          ? { ...current, isOpen: false }\n          : current;\n      });\n    },\n    closeAll(state) {\n      const firstOpenIndex = state.notifications.findIndex((current) => {\n        return current.isOpen;\n      });\n      if (firstOpenIndex >= 0) {\n        state.notifications[firstOpenIndex].isOpen = false;\n        setTimeout(() => {\n          return notificationsStore.dispatch(notificationsActions.closeAll());\n        }, 50);\n      }\n    },\n    delete: (\n      state,\n      { payload: { id } }: PayloadAction<{ id: TNotificationId }>,\n    ) => {\n      state.notifications = state.notifications.filter((current) => {\n        return current.id !== id;\n      });\n    },\n    push(\n      state,\n      payload: PayloadAction<{ notifications: INotification<any>[] }>,\n    ) {\n      const notifications = payload.payload.notifications.filter(\n        (notification) => {\n          return !putNotificationToVibrate(notification.message);\n        },\n      );\n\n      state.notifications.push(...notifications);\n    },\n  },\n});\n\nexport const {\n  store: notificationsStore,\n  useSelector: useNotificationsSelector,\n} = injectReducers({\n  notificationsSlice: notificationsSlice.reducer,\n});\n\nexport const notificationsActions = notificationsSlice.actions;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { uniqueId } from 'lodash-es';\nimport {\n  notificationsActions,\n  notificationsStore,\n  useNotificationsSelector,\n} from './notificationsStore';\nimport {\n  INotification,\n  INotificationsDispatcher,\n  TNotificationId,\n  TNotificationSelector,\n} from './types';\n\nexport const onCloseNotificationCallbacks: Record<string, () => unknown> = {};\n\nexport type TNotificationType = 'danger' | 'success' | 'warning';\n\nexport type TDispatchedNotification = Omit<\n  INotification<TNotificationType>,\n  'id' | 'type' | 'isOpen'\n> &\n  Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;\n\nexport class DefaultNotifier\n  implements INotificationsDispatcher<TNotificationType>\n{\n  areNotificationsOpen(): boolean {\n    return !!document.querySelector('.notification');\n  }\n\n  close(id: TNotificationId | INotification): void {\n    notificationsStore.dispatch(\n      notificationsActions.close({ id: typeof id === 'object' ? id.id : id }),\n    );\n  }\n\n  closeAll(): void {\n    notificationsStore.dispatch(notificationsActions.closeAll());\n  }\n\n  delete(id: TNotificationId | INotification): void {\n    notificationsStore.dispatch(\n      notificationsActions.delete({ id: typeof id === 'object' ? id.id : id }),\n    );\n  }\n\n  getSelector(): (\n    selector: TNotificationSelector<TNotificationType>,\n  ) => INotification<TNotificationType>[] {\n    return (selector: TNotificationSelector<TNotificationType>) => {\n      return useNotificationsSelector((global) => {\n        return selector(\n          global.notificationsSlice\n            .notifications as INotification<TNotificationType>[],\n        );\n      });\n    };\n  }\n\n  notify(notification: TDispatchedNotification): void {\n    const id = notification.id ?? uniqueId();\n\n    if (notification.onClose)\n      onCloseNotificationCallbacks[id] = notification.onClose;\n\n    notificationsStore.dispatch(\n      notificationsActions.push({\n        notifications: [\n          {\n            ...notification,\n            isOpen: true,\n            type: notification.type ?? 'warning',\n            id,\n            onClose: undefined,\n          },\n        ],\n      }),\n    );\n  }\n}\n\nexport const defaultNotifier = new DefaultNotifier();\n\nexport function notify(notification: TDispatchedNotification) {\n  new DefaultNotifier().notify(notification);\n}\n","import * as React from 'react';\nimport { Alert, Box, Close } from '@apia/theme';\nimport { CSSTransition } from 'react-transition-group';\nimport { getIndex, useUnmount, useUpdateEffect } from '@apia/util';\nimport { Icon, isIconName, TIconName } from '@apia/icons';\nimport { INotification } from './types';\nimport {\n  defaultNotifier,\n  onCloseNotificationCallbacks,\n} from './defaultNotifier';\n\nexport interface INotificationProps {\n  animationName?: string;\n  animationTimeout?: number;\n  className?: string;\n  disableClose?: boolean;\n  notification: INotification;\n}\n\nexport const Notification: React.FC<INotificationProps> = ({\n  animationName = 'fromRight',\n  animationTimeout = 150,\n  className,\n  disableClose,\n  notification,\n}) => {\n  const innerNotification = React.useMemo(\n    () => ({ ...notification }),\n    [notification],\n  );\n  const nodeRef = React.useRef(null);\n  if (!innerNotification.title)\n    innerNotification.title = getIndex(\n      [window.LBL_ERROR, window.LBL_WARNING, window.LBL_COMPLETE_OPERATION],\n      [\n        innerNotification.type === 'danger',\n        innerNotification.type === 'warning',\n        innerNotification.type === 'success',\n      ],\n    );\n  if (!innerNotification.icon)\n    innerNotification.icon = getIndex<TIconName>(\n      ['Check', 'Alert', 'Close'],\n      [\n        innerNotification.type === 'success',\n        innerNotification.type === 'warning',\n        innerNotification.type === 'danger',\n      ],\n    );\n\n  const [shouldShow, setShouldShow] = React.useState(true);\n\n  const close = React.useCallback(() => {\n    defaultNotifier.delete(innerNotification);\n  }, [innerNotification]);\n\n  useUpdateEffect(() => {\n    if (!innerNotification.isOpen) setShouldShow(false);\n  }, [innerNotification.isOpen]);\n\n  useUnmount(() => {\n    if (onCloseNotificationCallbacks[innerNotification.id])\n      onCloseNotificationCallbacks[innerNotification.id]();\n  });\n\n  let notificationType: INotification['type'] = 'warning';\n  if (['sysException', 'exception', 'danger'].includes(innerNotification.type))\n    notificationType = 'danger';\n  if (['greenMessage', 'success'].includes(innerNotification.type))\n    notificationType = 'success';\n\n  const onClick = React.useCallback(() => {\n    setShouldShow(false);\n  }, []);\n\n  return (\n    <CSSTransition\n      in={shouldShow}\n      timeout={animationTimeout}\n      classNames={animationName}\n      appear\n      unmountOnExit\n      onExited={close}\n      nodeRef={nodeRef}\n    >\n      <Alert\n        data-testid={notificationType}\n        role=\"alert\"\n        ref={nodeRef}\n        variant={`alerts.${notificationType}`}\n        className={`${\n          className ?? ''\n        } notification notification__alert ${notificationType}`}\n        tabIndex={0}\n        onKeyDown={React.useCallback((ev: React.KeyboardEvent) => {\n          if (\n            ev.key.toLowerCase() === 'escape' ||\n            ev.key.toLowerCase() === 'enter' ||\n            ev.key === ' '\n          ) {\n            ev.preventDefault();\n            ev.stopPropagation();\n            setShouldShow(false);\n          }\n        }, [])}\n      >\n        {(!disableClose ||\n          innerNotification.icon ||\n          innerNotification.title) && (\n          <Box className=\"notification__header\">\n            {(innerNotification.title || innerNotification.icon) && (\n              <Box as=\"h4\" className=\"notification__title\">\n                {innerNotification.icon && (\n                  <Box className=\"notification__icon\">\n                    {isIconName(\n                      innerNotification.icon as unknown as TIconName,\n                    ) ? (\n                      <Icon\n                        title=\"\"\n                        name={innerNotification.icon as unknown as TIconName}\n                      />\n                    ) : (\n                      innerNotification.icon\n                    )}\n                  </Box>\n                )}\n                {innerNotification.title}\n              </Box>\n            )}\n            {!disableClose && (\n              <Close\n                type=\"button\"\n                onClick={onClick}\n                tabIndex={-1}\n                className=\"notification__closeButton\"\n              />\n            )}\n          </Box>\n        )}\n        <Box className=\"notification__body\">\n          <Box className=\"notification__content\">\n            <Box className=\"notification__message\">\n              <Box\n                dangerouslySetInnerHTML={{\n                  __html: innerNotification.message,\n                }}\n                className=\"notification__text\"\n              />\n            </Box>\n            {innerNotification.trace && (\n              <>\n                <Box as=\"code\" className=\"notification__trace\">\n                  <Box as=\"strong\" className=\"notification__traceLabel\">\n                    Trace:\n                  </Box>\n                  <Box className=\"notification__traceText\">\n                    {innerNotification.trace}\n                  </Box>\n                </Box>\n              </>\n            )}\n          </Box>\n        </Box>\n      </Alert>\n    </CSSTransition>\n  );\n};\n","import React from 'react';\nimport { Box } from '@apia/theme';\nimport { getVariant, makeStyledComponent, spacing } from '@apia/theme';\nimport { keyframes } from '@emotion/react';\nimport { Notification } from './Notification';\nimport { useNotificationsSelector } from './notificationsStore';\n\nconst vibrate = keyframes`\n0% {\n  transform: rotate(0);\n}\n\n25% {\n  transform: rotate(1.5deg);\n}\n\n75% {\n  transform: rotate(-1.5deg);\n}\n\n100% {\n  transform: rotate(0);\n}`;\n\nconst NotificationsList = makeStyledComponent(\n  'NotificationsList',\n  'layout.common.notifications.list',\n  {\n    '.notificationsFloatingList': {\n      bottom: '10px',\n      height: 'min-content',\n      maxHeight: 'calc(100vh - 20px)',\n      maxWidth: 'floatingNotifications',\n      position: 'fixed',\n      pr: '5px',\n      right: '5px',\n      width: '100%',\n      zIndex: 'notifications',\n\n      '& > *:not(:last-child)': {\n        mb: spacing(5),\n      },\n\n      '.notification.animate': {\n        animation: `${vibrate} 0.1s linear infinite`,\n      },\n    },\n\n    '.fromRight-enter, .fromRight-appear': { transform: 'translateX(550px)' },\n    '.fromRight-enter-active, .fromRight-appear-active': {\n      transition: 'transform 150ms',\n      transform: 'translateX(0)',\n    },\n    '.fromRight-exit': { transform: 'translateX(0)' },\n    '.fromRight-exit-active': {\n      transition: 'transform 150ms',\n      transform: 'translateX(550px)',\n    },\n  },\n  () => {\n    const notifications = useNotificationsSelector((current) => {\n      return current.notificationsSlice.notifications;\n    });\n\n    return (\n      <Box\n        className=\"notificationsFloatingList\"\n        {...getVariant('layout.common.components.notifications.list')}\n      >\n        {notifications.map((current) => {\n          return <Notification notification={current} key={current.id} />;\n        })}\n      </Box>\n    );\n  },\n);\n\nexport default React.memo(NotificationsList);\n","import { arrayOrArray, TApiaSystemMessageObj } from '@apia/util';\nimport { uniqueId } from 'lodash-es';\nimport { notify, TNotificationType } from '../defaultNotifier';\nimport { INotification } from '../types';\nimport { TMessage, TNotificationMessage } from './types';\n\n/**\n * Devuelve un array de notificaciones a partir de\n * una respuesta de Apia.\n */\nexport const getNotificationMessageObj = (\n  data: TApiaSystemMessageObj,\n): INotification<TNotificationType>[] | null => {\n  const notifications: INotification<TNotificationType>[] = [];\n  if (data?.sysMessages?.message) {\n    notifications.push(\n      ...parseServerNotification(data.sysMessages.message, 'warning'),\n    );\n  }\n  if (data?.sysExceptions) {\n    notifications.push(\n      ...parseServerNotification(data.sysExceptions.exception, 'danger'),\n    );\n  }\n  if (data?.exceptions?.exception) {\n    notifications.push(\n      ...parseServerNotification(data.exceptions.exception, 'danger'),\n    );\n  }\n  if (notifications.length > 0) return notifications;\n  return null;\n};\n\nfunction parseServerNotificationType(type: string): TNotificationType {\n  switch (type) {\n    case '1':\n      return 'success';\n    case '2':\n      return 'warning';\n    case '3':\n      return 'danger';\n    default:\n      return 'warning';\n  }\n}\n\n/**\n * Toma un objeto de notificación de servidor y lo convierte a un\n * objeto de notificación de cliente.\n */\nexport const parseServerNotification = (\n  serverNotification: TMessage | TMessage[],\n  type: TNotificationType,\n): INotification<TNotificationType>[] => {\n  const messages = arrayOrArray(serverNotification);\n  return messages.map((current) => {\n    const returnNotification: INotification<TNotificationType> = {\n      message: current.text,\n      trace: current.content,\n      title: current.title,\n      type:\n        current.type !== undefined\n          ? parseServerNotificationType(current.type)\n          : (type as TNotificationType),\n      isOpen: true,\n      id: uniqueId(),\n    };\n    return returnNotification;\n  });\n};\n\n/**\n * Toma un objeto de respuesta de servidor que puede eventualmente\n * tener notificaciones y las pasa al sistema de notificaciones si\n * es que hay alguna.\n */\nexport const dispatchNotifications = (alert: TNotificationMessage) => {\n  if (alert) {\n    if (alert.sysMessages?.message)\n      parseServerNotification(alert.sysMessages?.message, 'warning').forEach(\n        notify,\n      );\n    if (alert.exceptions?.exception)\n      parseServerNotification(alert.exceptions?.exception, 'danger').forEach(\n        notify,\n      );\n    if (alert.sysExceptions?.exception)\n      parseServerNotification(alert.sysExceptions?.exception, 'danger').forEach(\n        notify,\n      );\n  }\n};\n\nexport * from './types';\n"],"names":["__spreadProps","__spreadValues","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,SAAS,yBAAyB,OAAiB,EAAA;AACjD,EAAA,IAAI,WAAc,GAAA,KAAA,CAAA;AAClB,EAAA,QAAA,CACG,gBAAiB,CAAA,gDAAgD,CACjE,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AACpB,IAAA,IAAI,OAAQ,CAAA,WAAA,KAAgB,MAAO,CAAA,OAAO,CAAG,EAAA;AAC3C,MAAA,MAAM,mBAAsB,GAAA,iBAAA;AAAA,QAC1B,OAAA;AAAA,QACA,CAAC,MAAW,KAAA;AACV,UAAO,OAAA,MAAA,CAAO,SAAU,CAAA,QAAA,CAAS,cAAc,CAAA,CAAA;AAAA,SACjD;AAAA,OACF,CAAA;AACA,MAAA,IAAI,mBAAqB,EAAA;AACvB,QAAoB,mBAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AAC3C,QAAA,UAAA,CAAW,MAAM;AACf,UAAoB,mBAAA,CAAA,SAAA,CAAU,OAAO,SAAS,CAAA,CAAA;AAAA,WAC7C,GAAG,CAAA,CAAA;AACN,QAAc,WAAA,GAAA,IAAA,CAAA;AAAA,OAChB;AACE,QAAQ,OAAA,CAAA,IAAA;AAAA,UACN,uEAAA;AAAA,SACF,CAAA;AAAA,KACJ;AAAA,GACD,CAAA,CAAA;AACH,EAAO,OAAA,WAAA,CAAA;AACT,CAAA;AAEO,MAAM,qBAAqB,WAAY,CAAA;AAAA,EAC5C,IAAM,EAAA,oBAAA;AAAA,EACN,YAAc,EAAA,EAAE,aAAe,EAAA,EAAG,EAAA;AAAA,EAGlC,QAAU,EAAA;AAAA,IACR,KAAM,CAAA,KAAA,EAAO,EAAE,OAAA,EAAmD,EAAA;AAChE,MAAA,KAAA,CAAM,aAAgB,GAAA,KAAA,CAAM,aAAc,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA;AACzD,QAAO,OAAA,OAAA,CAAQ,OAAO,OAAQ,CAAA,EAAA,GAC1BA,qCAAK,OAAL,CAAA,EAAA,EAAc,MAAQ,EAAA,KAAA,EACtB,CAAA,GAAA,OAAA,CAAA;AAAA,OACL,CAAA,CAAA;AAAA,KACH;AAAA,IACA,SAAS,KAAO,EAAA;AACd,MAAA,MAAM,cAAiB,GAAA,KAAA,CAAM,aAAc,CAAA,SAAA,CAAU,CAAC,OAAY,KAAA;AAChE,QAAA,OAAO,OAAQ,CAAA,MAAA,CAAA;AAAA,OAChB,CAAA,CAAA;AACD,MAAA,IAAI,kBAAkB,CAAG,EAAA;AACvB,QAAM,KAAA,CAAA,aAAA,CAAc,cAAc,CAAA,CAAE,MAAS,GAAA,KAAA,CAAA;AAC7C,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,OAAO,kBAAmB,CAAA,QAAA,CAAS,oBAAqB,CAAA,QAAA,EAAU,CAAA,CAAA;AAAA,WACjE,EAAE,CAAA,CAAA;AAAA,OACP;AAAA,KACF;AAAA,IACA,MAAA,EAAQ,CACN,KACA,EAAA,EAAE,SAAS,EAAE,EAAA,IACV,KAAA;AACH,MAAA,KAAA,CAAM,aAAgB,GAAA,KAAA,CAAM,aAAc,CAAA,MAAA,CAAO,CAAC,OAAY,KAAA;AAC5D,QAAA,OAAO,QAAQ,EAAO,KAAA,EAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,IAAA,CACE,OACA,OACA,EAAA;AACA,MAAM,MAAA,aAAA,GAAgB,OAAQ,CAAA,OAAA,CAAQ,aAAc,CAAA,MAAA;AAAA,QAClD,CAAC,YAAiB,KAAA;AAChB,UAAO,OAAA,CAAC,wBAAyB,CAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AAAA,SACvD;AAAA,OACF,CAAA;AAEA,MAAM,KAAA,CAAA,aAAA,CAAc,IAAK,CAAA,GAAG,aAAa,CAAA,CAAA;AAAA,KAC3C;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEY,MAAA;AAAA,EACX,KAAO,EAAA,kBAAA;AAAA,EACP,WAAa,EAAA,wBAAA;AACf,CAAA,GAAI,cAAe,CAAA;AAAA,EACjB,oBAAoB,kBAAmB,CAAA,OAAA;AACzC,CAAC,CAAA,CAAA;AAEM,MAAM,uBAAuB,kBAAmB,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;ACxEhD,MAAM,+BAA8D,GAAC;AAUrE,MAAM,eAEb,CAAA;AAAA,EACE,oBAAgC,GAAA;AAC9B,IAAA,OAAO,CAAC,CAAC,QAAS,CAAA,aAAA,CAAc,eAAe,CAAA,CAAA;AAAA,GACjD;AAAA,EAEA,MAAM,EAA2C,EAAA;AAC/C,IAAmB,kBAAA,CAAA,QAAA;AAAA,MACjB,oBAAA,CAAqB,KAAM,CAAA,EAAE,EAAI,EAAA,OAAO,OAAO,QAAW,GAAA,EAAA,CAAG,EAAK,GAAA,EAAA,EAAI,CAAA;AAAA,KACxE,CAAA;AAAA,GACF;AAAA,EAEA,QAAiB,GAAA;AACf,IAAmB,kBAAA,CAAA,QAAA,CAAS,oBAAqB,CAAA,QAAA,EAAU,CAAA,CAAA;AAAA,GAC7D;AAAA,EAEA,OAAO,EAA2C,EAAA;AAChD,IAAmB,kBAAA,CAAA,QAAA;AAAA,MACjB,oBAAA,CAAqB,MAAO,CAAA,EAAE,EAAI,EAAA,OAAO,OAAO,QAAW,GAAA,EAAA,CAAG,EAAK,GAAA,EAAA,EAAI,CAAA;AAAA,KACzE,CAAA;AAAA,GACF;AAAA,EAEA,WAEwC,GAAA;AACtC,IAAA,OAAO,CAAC,QAAuD,KAAA;AAC7D,MAAO,OAAA,wBAAA,CAAyB,CAAC,MAAW,KAAA;AAC1C,QAAO,OAAA,QAAA;AAAA,UACL,OAAO,kBACJ,CAAA,aAAA;AAAA,SACL,CAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,YAA6C,EAAA;AA5DtD,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA6DI,IAAA,MAAM,EAAK,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,EAAb,KAAA,IAAA,GAAA,EAAA,GAAmB,QAAS,EAAA,CAAA;AAEvC,IAAA,IAAI,YAAa,CAAA,OAAA;AACf,MAA6B,4BAAA,CAAA,EAAE,IAAI,YAAa,CAAA,OAAA,CAAA;AAElD,IAAmB,kBAAA,CAAA,QAAA;AAAA,MACjB,qBAAqB,IAAK,CAAA;AAAA,QACxB,aAAe,EAAA;AAAA,UACbA,qCACK,YADL,CAAA,EAAA;AAAA,YAEE,MAAQ,EAAA,IAAA;AAAA,YACR,IAAA,EAAA,CAAM,EAAa,GAAA,YAAA,CAAA,IAAA,KAAb,IAAqB,GAAA,EAAA,GAAA,SAAA;AAAA,YAC3B,EAAA;AAAA,YACA,OAAS,EAAA,KAAA,CAAA;AAAA,WACX,CAAA;AAAA,SACF;AAAA,OACD,CAAA;AAAA,KACH,CAAA;AAAA,GACF;AACF,CAAA;AAEa,MAAA,eAAA,GAAkB,IAAI,eAAgB,GAAA;AAE5C,SAAS,OAAO,YAAuC,EAAA;AAC5D,EAAI,IAAA,eAAA,EAAkB,CAAA,MAAA,CAAO,YAAY,CAAA,CAAA;AAC3C;;;;;;;;;;;;;;;;;;ACnEO,MAAM,eAA6C,CAAC;AAAA,EACzD,aAAgB,GAAA,WAAA;AAAA,EAChB,gBAAmB,GAAA,GAAA;AAAA,EACnB,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,oBAAoB,KAAM,CAAA,OAAA;AAAA,IAC9B,MAAOC,gBAAK,CAAA,EAAA,EAAA,YAAA,CAAA;AAAA,IACZ,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AACA,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACjC,EAAA,IAAI,CAAC,iBAAkB,CAAA,KAAA;AACrB,IAAA,iBAAA,CAAkB,KAAQ,GAAA,QAAA;AAAA,MACxB,CAAC,MAAO,CAAA,SAAA,EAAW,MAAO,CAAA,WAAA,EAAa,OAAO,sBAAsB,CAAA;AAAA,MACpE;AAAA,QACE,kBAAkB,IAAS,KAAA,QAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,SAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,SAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AACF,EAAA,IAAI,CAAC,iBAAkB,CAAA,IAAA;AACrB,IAAA,iBAAA,CAAkB,IAAO,GAAA,QAAA;AAAA,MACvB,CAAC,OAAS,EAAA,OAAA,EAAS,OAAO,CAAA;AAAA,MAC1B;AAAA,QACE,kBAAkB,IAAS,KAAA,SAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,SAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,QAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEF,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AAEvD,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,WAAA,CAAY,MAAM;AACpC,IAAA,eAAA,CAAgB,OAAO,iBAAiB,CAAA,CAAA;AAAA,GAC1C,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,iBAAkB,CAAA,MAAA;AAAQ,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,GACjD,EAAA,CAAC,iBAAkB,CAAA,MAAM,CAAC,CAAA,CAAA;AAE7B,EAAA,UAAA,CAAW,MAAM;AACf,IAAI,IAAA,4BAAA,CAA6B,kBAAkB,EAAE,CAAA;AACnD,MAA6B,4BAAA,CAAA,iBAAA,CAAkB,EAAE,CAAE,EAAA,CAAA;AAAA,GACtD,CAAA,CAAA;AAED,EAAA,IAAI,gBAA0C,GAAA,SAAA,CAAA;AAC9C,EAAA,IAAI,CAAC,cAAgB,EAAA,WAAA,EAAa,QAAQ,CAAE,CAAA,QAAA,CAAS,kBAAkB,IAAI,CAAA;AACzE,IAAmB,gBAAA,GAAA,QAAA,CAAA;AACrB,EAAA,IAAI,CAAC,cAAgB,EAAA,SAAS,CAAE,CAAA,QAAA,CAAS,kBAAkB,IAAI,CAAA;AAC7D,IAAmB,gBAAA,GAAA,SAAA,CAAA;AAErB,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,WAAA,CAAY,MAAM;AACtC,IAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,GACrB,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,UAAA;AAAA,MACJ,OAAS,EAAA,gBAAA;AAAA,MACT,UAAY,EAAA,aAAA;AAAA,MACZ,MAAM,EAAA,IAAA;AAAA,MACN,aAAa,EAAA,IAAA;AAAA,MACb,QAAU,EAAA,KAAA;AAAA,MACV,OAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,gBAAA;AAAA,UACb,IAAK,EAAA,OAAA;AAAA,UACL,GAAK,EAAA,OAAA;AAAA,UACL,SAAS,CAAU,OAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,UACnB,SAAA,EAAW,CACT,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EACsB,CAAA,kCAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,UACrC,QAAU,EAAA,CAAA;AAAA,UACV,SAAW,EAAA,KAAA,CAAM,WAAY,CAAA,CAAC,EAA4B,KAAA;AACxD,YAAA,IACE,EAAG,CAAA,GAAA,CAAI,WAAY,EAAA,KAAM,QACzB,IAAA,EAAA,CAAG,GAAI,CAAA,WAAA,EAAkB,KAAA,OAAA,IACzB,EAAG,CAAA,GAAA,KAAQ,GACX,EAAA;AACA,cAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,cAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,cAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,aACrB;AAAA,WACF,EAAG,EAAE,CAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAC,CAAA,CAAA,YAAA,IACD,kBAAkB,IAClB,IAAA,iBAAA,CAAkB,0BACjB,IAAA,CAAA,GAAA,EAAA,EAAI,WAAU,sBACX,EAAA,QAAA,EAAA;AAAA,cAAkB,CAAA,iBAAA,CAAA,KAAA,IAAS,kBAAkB,IAC7C,qBAAA,IAAA,CAAC,OAAI,EAAG,EAAA,IAAA,EAAK,WAAU,qBACpB,EAAA,QAAA,EAAA;AAAA,gBAAA,iBAAA,CAAkB,IACjB,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,oBACZ,EAAA,QAAA,EAAA,UAAA;AAAA,kBACC,iBAAkB,CAAA,IAAA;AAAA,iBAElB,mBAAA,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,KAAM,EAAA,EAAA;AAAA,oBACN,MAAM,iBAAkB,CAAA,IAAA;AAAA,mBAAA;AAAA,iBAC1B,GAEA,kBAAkB,IAEtB,EAAA,CAAA;AAAA,gBAED,iBAAkB,CAAA,KAAA;AAAA,eACrB,EAAA,CAAA;AAAA,cAED,CAAC,YACA,oBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,IAAK,EAAA,QAAA;AAAA,kBACL,OAAA;AAAA,kBACA,QAAU,EAAA,CAAA,CAAA;AAAA,kBACV,SAAU,EAAA,2BAAA;AAAA,iBAAA;AAAA,eACZ;AAAA,aAEJ,EAAA,CAAA;AAAA,gCAED,GAAI,EAAA,EAAA,SAAA,EAAU,sBACb,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,uBAAyB,EAAA;AAAA,oBACvB,QAAQ,iBAAkB,CAAA,OAAA;AAAA,mBAC5B;AAAA,kBACA,SAAU,EAAA,oBAAA;AAAA,iBAAA;AAAA,eAEd,EAAA,CAAA;AAAA,cACC,iBAAA,CAAkB,yBAEf,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAI,EAAG,EAAA,MAAA,EAAO,WAAU,qBACvB,EAAA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,SAAA,EAAU,4BAA2B,QAEtD,EAAA,QAAA,EAAA,CAAA;AAAA,gCACC,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,yBAAA,EACZ,4BAAkB,KACrB,EAAA,CAAA;AAAA,eAAA,EACF,CACF,EAAA,CAAA;AAAA,aAAA,EAEJ,CACF,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;AC/JA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA,CAAA;AAiBhB,MAAM,iBAAoB,GAAA,mBAAA;AAAA,EACxB,mBAAA;AAAA,EACA,kCAAA;AAAA,EACA;AAAA,IACE,4BAA8B,EAAA;AAAA,MAC5B,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,aAAA;AAAA,MACR,SAAW,EAAA,oBAAA;AAAA,MACX,QAAU,EAAA,uBAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,EAAI,EAAA,KAAA;AAAA,MACJ,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,eAAA;AAAA,MAER,wBAA0B,EAAA;AAAA,QACxB,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,OACf;AAAA,MAEA,uBAAyB,EAAA;AAAA,QACvB,WAAW,CAAG,EAAA,OAAA,CAAA,qBAAA,CAAA;AAAA,OAChB;AAAA,KACF;AAAA,IAEA,qCAAA,EAAuC,EAAE,SAAA,EAAW,mBAAoB,EAAA;AAAA,IACxE,mDAAqD,EAAA;AAAA,MACnD,UAAY,EAAA,iBAAA;AAAA,MACZ,SAAW,EAAA,eAAA;AAAA,KACb;AAAA,IACA,iBAAA,EAAmB,EAAE,SAAA,EAAW,eAAgB,EAAA;AAAA,IAChD,wBAA0B,EAAA;AAAA,MACxB,UAAY,EAAA,iBAAA;AAAA,MACZ,SAAW,EAAA,mBAAA;AAAA,KACb;AAAA,GACF;AAAA,EACA,MAAM;AACJ,IAAM,MAAA,aAAA,GAAgB,wBAAyB,CAAA,CAAC,OAAY,KAAA;AAC1D,MAAA,OAAO,QAAQ,kBAAmB,CAAA,aAAA,CAAA;AAAA,KACnC,CAAA,CAAA;AAED,IACE,uBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,SAAU,EAAA,2BAAA;AAAA,OACN,EAAA,UAAA,CAAW,6CAA6C,CAF7D,CAAA,EAAA;AAAA,QAIE,QAAA,EAAA,aAAA,CAAc,GAAI,CAAA,CAAC,OAAY,KAAA;AAC9B,UAAA,uBAAQ,GAAA,CAAA,YAAA,EAAA,EAAa,YAAc,EAAA,OAAA,EAAA,EAAc,QAAQ,EAAI,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OAAA,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEA,0BAAeC,cAAA,CAAM,KAAK,iBAAiB,CAAA;;ACnE9B,MAAA,yBAAA,GAA4B,CACvC,IAC8C,KAAA;AAZhD,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAaE,EAAA,MAAM,gBAAoD,EAAC,CAAA;AAC3D,EAAI,IAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,WAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAmB,OAAS,EAAA;AAC9B,IAAc,aAAA,CAAA,IAAA;AAAA,MACZ,GAAG,uBAAA,CAAwB,IAAK,CAAA,WAAA,CAAY,SAAS,SAAS,CAAA;AAAA,KAChE,CAAA;AAAA,GACF;AACA,EAAA,IAAI,6BAAM,aAAe,EAAA;AACvB,IAAc,aAAA,CAAA,IAAA;AAAA,MACZ,GAAG,uBAAA,CAAwB,IAAK,CAAA,aAAA,CAAc,WAAW,QAAQ,CAAA;AAAA,KACnE,CAAA;AAAA,GACF;AACA,EAAI,IAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,SAAW,EAAA;AAC/B,IAAc,aAAA,CAAA,IAAA;AAAA,MACZ,GAAG,uBAAA,CAAwB,IAAK,CAAA,UAAA,CAAW,WAAW,QAAQ,CAAA;AAAA,KAChE,CAAA;AAAA,GACF;AACA,EAAA,IAAI,cAAc,MAAS,GAAA,CAAA;AAAG,IAAO,OAAA,aAAA,CAAA;AACrC,EAAO,OAAA,IAAA,CAAA;AACT,EAAA;AAEA,SAAS,4BAA4B,IAAiC,EAAA;AACpE,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,GAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,GAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,GAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAO,OAAA,SAAA,CAAA;AAAA,GACX;AACF,CAAA;AAMa,MAAA,uBAAA,GAA0B,CACrC,kBAAA,EACA,IACuC,KAAA;AACvC,EAAM,MAAA,QAAA,GAAW,aAAa,kBAAkB,CAAA,CAAA;AAChD,EAAO,OAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAY,KAAA;AAC/B,IAAA,MAAM,kBAAuD,GAAA;AAAA,MAC3D,SAAS,OAAQ,CAAA,IAAA;AAAA,MACjB,OAAO,OAAQ,CAAA,OAAA;AAAA,MACf,OAAO,OAAQ,CAAA,KAAA;AAAA,MACf,MACE,OAAQ,CAAA,IAAA,KAAS,SACb,2BAA4B,CAAA,OAAA,CAAQ,IAAI,CACvC,GAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,IAAI,QAAS,EAAA;AAAA,KACf,CAAA;AACA,IAAO,OAAA,kBAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACH,EAAA;AAOa,MAAA,qBAAA,GAAwB,CAAC,KAAgC,KAAA;AA5EtE,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA6EE,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,gBAAN,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA;AACrB,MAAA,uBAAA,CAAA,CAAwB,EAAM,GAAA,KAAA,CAAA,WAAA,KAAN,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAS,SAAS,CAAE,CAAA,OAAA;AAAA,QAC7D,MAAA;AAAA,OACF,CAAA;AACF,IAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,eAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AACpB,MAAA,uBAAA,CAAA,CAAwB,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,EAAW,QAAQ,CAAE,CAAA,OAAA;AAAA,QAC7D,MAAA;AAAA,OACF,CAAA;AACF,IAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,kBAAN,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AACvB,MAAA,uBAAA,CAAA,CAAwB,EAAM,GAAA,KAAA,CAAA,aAAA,KAAN,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,EAAW,QAAQ,CAAE,CAAA,OAAA;AAAA,QAChE,MAAA;AAAA,OACF,CAAA;AAAA,GACJ;AACF;;;;"}
+{"version":3,"file":"index.js","sources":["../src/defaultNotifier.ts","../src/Notification.tsx","../src/NotificationsList.tsx","../src/apia/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { uniqueId } from 'lodash-es';\r\nimport { INotification, TNotificationId, TNotificationSelector } from './types';\r\nimport { EventEmitter, useMount, useLatest } from '@apia/util';\r\nimport { useState } from 'react';\r\n\r\nexport const onCloseNotificationCallbacks: Record<string, () => unknown> = {};\r\n\r\nexport type TNotificationType = 'danger' | 'success' | 'warning';\r\n\r\nfunction shallowEqual(a: unknown[], b: unknown[]) {\r\n  if (a.length !== b.length) return false;\r\n\r\n  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;\r\n\r\n  return true;\r\n}\r\n\r\nexport type TDispatchedNotification = Omit<\r\n  INotification<TNotificationType>,\r\n  'id' | 'type' | 'isOpen'\r\n> &\r\n  Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;\r\n\r\nexport class DefaultNotifier extends EventEmitter<{ changedList: boolean }> {\r\n  notifications: INotification<TNotificationType>[] = [];\r\n\r\n  areNotificationsOpen(): boolean {\r\n    return !!document.querySelector('.notification');\r\n  }\r\n\r\n  shout() {\r\n    this.emit('changedList', true);\r\n  }\r\n\r\n  close(id: TNotificationId | INotification): void {\r\n    const actualId = typeof id === 'object' ? id.id : id;\r\n    this.notifications = this.notifications.map((current) => {\r\n      if (current.id === actualId) {\r\n        current.onClose?.();\r\n        return { ...current, isOpen: false };\r\n      }\r\n      return current;\r\n    });\r\n    this.shout();\r\n  }\r\n\r\n  closeAll(): void {\r\n    this.notifications = this.notifications.map((current) => {\r\n      current.onClose?.();\r\n      return {\r\n        ...current,\r\n        isOpen: false,\r\n      };\r\n    });\r\n    this.shout();\r\n  }\r\n\r\n  delete(id: TNotificationId | INotification): void {\r\n    const actualId = typeof id === 'object' ? id.id : id;\r\n    this.notifications = this.notifications.filter(\r\n      (current) => current.id !== actualId,\r\n    );\r\n    this.shout();\r\n  }\r\n\r\n  useSelector = (\r\n    selector: TNotificationSelector<TNotificationType>,\r\n  ): INotification<TNotificationType>[] => {\r\n    const [state, setState] = useState<INotification<TNotificationType>[]>([]);\r\n\r\n    const lastState = useLatest(state);\r\n    useMount(() => {\r\n      return this.on('changedList', () => {\r\n        const newState = selector(this.notifications);\r\n        if (!shallowEqual(newState, lastState.current)) {\r\n          setState([...newState]);\r\n        }\r\n      });\r\n    });\r\n\r\n    return state;\r\n  };\r\n\r\n  notify(notification: TDispatchedNotification): void {\r\n    const id = notification.id ?? uniqueId();\r\n\r\n    let hasAnimated = false;\r\n    document\r\n      .querySelectorAll('.notificationsFloatingList .notification__text')\r\n      .forEach((current) => {\r\n        if (current.textContent === notification.message) {\r\n          const notificationElement = (current as HTMLElement).closest(\r\n            '.notification',\r\n          ) as HTMLElement;\r\n          if (notificationElement) {\r\n            notificationElement.classList.add('animate');\r\n            setTimeout(() => {\r\n              notificationElement.classList.remove('animate');\r\n            }, 200);\r\n            hasAnimated = true;\r\n          } else\r\n            console.warn(\r\n              'A notification with that text was found, but it could not be animated',\r\n            );\r\n        }\r\n      });\r\n    if (hasAnimated) return;\r\n\r\n    this.notifications.push({\r\n      ...notification,\r\n      isOpen: true,\r\n      type: notification.type ?? 'warning',\r\n      id,\r\n    });\r\n\r\n    this.shout();\r\n  }\r\n}\r\n\r\nexport const defaultNotifier = new DefaultNotifier();\r\n\r\nexport function notify(notification: TDispatchedNotification) {\r\n  defaultNotifier.notify(notification);\r\n}\r\n","import * as React from 'react';\r\nimport { Alert, Box, Close } from '@apia/theme';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport { getIndex, useUnmount, useUpdateEffect } from '@apia/util';\r\nimport { Icon, isIconName, TIconName } from '@apia/icons';\r\nimport { INotification } from './types';\r\nimport {\r\n  defaultNotifier,\r\n  onCloseNotificationCallbacks,\r\n} from './defaultNotifier';\r\n\r\nexport interface INotificationProps {\r\n  animationName?: string;\r\n  animationTimeout?: number;\r\n  className?: string;\r\n  disableClose?: boolean;\r\n  notification: INotification;\r\n}\r\n\r\nexport const Notification: React.FC<INotificationProps> = ({\r\n  animationName = 'fromRight',\r\n  animationTimeout = 150,\r\n  className,\r\n  disableClose,\r\n  notification,\r\n}) => {\r\n  const innerNotification = React.useMemo(\r\n    () => ({ ...notification }),\r\n    [notification],\r\n  );\r\n  const nodeRef = React.useRef(null);\r\n  if (!innerNotification.title)\r\n    innerNotification.title = getIndex(\r\n      [window.LBL_ERROR, window.LBL_WARNING, window.LBL_COMPLETE_OPERATION],\r\n      [\r\n        innerNotification.type === 'danger',\r\n        innerNotification.type === 'warning',\r\n        innerNotification.type === 'success',\r\n      ],\r\n    );\r\n  if (!innerNotification.icon)\r\n    innerNotification.icon = getIndex<TIconName>(\r\n      ['Check', 'Alert', 'Close'],\r\n      [\r\n        innerNotification.type === 'success',\r\n        innerNotification.type === 'warning',\r\n        innerNotification.type === 'danger',\r\n      ],\r\n    );\r\n\r\n  const [shouldShow, setShouldShow] = React.useState(true);\r\n\r\n  const close = React.useCallback(() => {\r\n    defaultNotifier.delete(innerNotification);\r\n  }, [innerNotification]);\r\n\r\n  useUpdateEffect(() => {\r\n    if (!innerNotification.isOpen) setShouldShow(false);\r\n  }, [innerNotification.isOpen]);\r\n\r\n  useUnmount(() => {\r\n    if (onCloseNotificationCallbacks[innerNotification.id])\r\n      onCloseNotificationCallbacks[innerNotification.id]();\r\n  });\r\n\r\n  let notificationType: INotification['type'] = 'warning';\r\n  if (['sysException', 'exception', 'danger'].includes(innerNotification.type))\r\n    notificationType = 'danger';\r\n  if (['greenMessage', 'success'].includes(innerNotification.type))\r\n    notificationType = 'success';\r\n\r\n  const onClick = React.useCallback(() => {\r\n    setShouldShow(false);\r\n    defaultNotifier.close(innerNotification);\r\n  }, [innerNotification]);\r\n\r\n  return (\r\n    <CSSTransition\r\n      in={shouldShow}\r\n      timeout={animationTimeout}\r\n      classNames={animationName}\r\n      appear\r\n      unmountOnExit\r\n      onExited={close}\r\n      nodeRef={nodeRef}\r\n    >\r\n      <Alert\r\n        data-testid={notificationType}\r\n        role=\"alert\"\r\n        ref={nodeRef}\r\n        variant={`alerts.${notificationType}`}\r\n        className={`${\r\n          className ?? ''\r\n        } notification notification__alert ${notificationType}`}\r\n        tabIndex={0}\r\n        onKeyDown={React.useCallback((ev: React.KeyboardEvent) => {\r\n          if (\r\n            ev.key.toLowerCase() === 'escape' ||\r\n            ev.key.toLowerCase() === 'enter' ||\r\n            ev.key === ' '\r\n          ) {\r\n            ev.preventDefault();\r\n            ev.stopPropagation();\r\n            setShouldShow(false);\r\n          }\r\n        }, [])}\r\n      >\r\n        {(!disableClose ||\r\n          innerNotification.icon ||\r\n          innerNotification.title) && (\r\n          <Box className=\"notification__header\">\r\n            {(innerNotification.title || innerNotification.icon) && (\r\n              <Box as=\"h4\" className=\"notification__title\">\r\n                {innerNotification.icon && (\r\n                  <Box className=\"notification__icon\">\r\n                    {isIconName(\r\n                      innerNotification.icon as unknown as TIconName,\r\n                    ) ? (\r\n                      <Icon\r\n                        title=\"\"\r\n                        name={innerNotification.icon as unknown as TIconName}\r\n                      />\r\n                    ) : (\r\n                      innerNotification.icon\r\n                    )}\r\n                  </Box>\r\n                )}\r\n                {innerNotification.title}\r\n              </Box>\r\n            )}\r\n            {!disableClose && (\r\n              <Close\r\n                type=\"button\"\r\n                onClick={onClick}\r\n                tabIndex={-1}\r\n                className=\"notification__closeButton\"\r\n              />\r\n            )}\r\n          </Box>\r\n        )}\r\n        <Box className=\"notification__body\">\r\n          <Box className=\"notification__content\">\r\n            <Box className=\"notification__message\">\r\n              <Box\r\n                dangerouslySetInnerHTML={{\r\n                  __html: innerNotification.message,\r\n                }}\r\n                className=\"notification__text\"\r\n              />\r\n            </Box>\r\n            {innerNotification.trace && (\r\n              <>\r\n                <Box as=\"code\" className=\"notification__trace\">\r\n                  <Box as=\"strong\" className=\"notification__traceLabel\">\r\n                    Trace:\r\n                  </Box>\r\n                  <Box className=\"notification__traceText\">\r\n                    {innerNotification.trace}\r\n                  </Box>\r\n                </Box>\r\n              </>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n      </Alert>\r\n    </CSSTransition>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Box } from '@apia/theme';\r\nimport { getVariant, makeStyledComponent, spacing } from '@apia/theme';\r\nimport { keyframes } from '@emotion/react';\r\nimport { Notification } from './Notification';\r\nimport { defaultNotifier } from './defaultNotifier';\r\nimport { useMount } from '@apia/util';\r\n\r\nconst vibrate = keyframes`\r\n0% {\r\n  transform: rotate(0);\r\n}\r\n\r\n25% {\r\n  transform: rotate(1.5deg);\r\n}\r\n\r\n75% {\r\n  transform: rotate(-1.5deg);\r\n}\r\n\r\n100% {\r\n  transform: rotate(0);\r\n}`;\r\n\r\nconst useSelector = defaultNotifier.useSelector;\r\n\r\nconst NotificationsList = makeStyledComponent(\r\n  'NotificationsList',\r\n  'layout.common.notifications.list',\r\n  {\r\n    '.notificationsFloatingList': {\r\n      bottom: '10px',\r\n      height: 'min-content',\r\n      maxHeight: 'calc(100vh - 20px)',\r\n      maxWidth: 'floatingNotifications',\r\n      position: 'fixed',\r\n      pr: '5px',\r\n      right: '5px',\r\n      width: '100%',\r\n      zIndex: 'notifications',\r\n\r\n      '& > *:not(:last-child)': {\r\n        mb: spacing(5),\r\n      },\r\n\r\n      '.notification.animate': {\r\n        animation: `${vibrate} 0.1s linear infinite`,\r\n      },\r\n    },\r\n\r\n    '.fromRight-enter, .fromRight-appear': { transform: 'translateX(550px)' },\r\n    '.fromRight-enter-active, .fromRight-appear-active': {\r\n      transition: 'transform 150ms',\r\n      transform: 'translateX(0)',\r\n    },\r\n    '.fromRight-exit': { transform: 'translateX(0)' },\r\n    '.fromRight-exit-active': {\r\n      transition: 'transform 150ms',\r\n      transform: 'translateX(550px)',\r\n    },\r\n  },\r\n  () => {\r\n    const notifications = useSelector((current) => {\r\n      return current;\r\n    });\r\n\r\n    useMount(() => {\r\n      document.addEventListener('keydown', (ev) => {\r\n        if (ev.code === 'Escape') {\r\n          defaultNotifier.closeAll();\r\n        }\r\n      });\r\n    });\r\n\r\n    return (\r\n      <Box\r\n        className=\"notificationsFloatingList\"\r\n        {...getVariant('layout.common.components.notifications.list')}\r\n      >\r\n        {notifications.map((current) => {\r\n          return <Notification notification={current} key={current.id} />;\r\n        })}\r\n      </Box>\r\n    );\r\n  },\r\n);\r\n\r\nexport default React.memo(NotificationsList);\r\n","import { arrayOrArray, TApiaSystemMessageObj } from '@apia/util';\r\nimport { uniqueId } from 'lodash-es';\r\nimport { notify, TNotificationType } from '../defaultNotifier';\r\nimport { INotification } from '../types';\r\nimport { TMessage, TNotificationMessage } from './types';\r\n\r\n/**\r\n * Devuelve un array de notificaciones a partir de\r\n * una respuesta de Apia.\r\n */\r\nexport const getNotificationMessageObj = (\r\n  data: TApiaSystemMessageObj,\r\n): INotification<TNotificationType>[] | null => {\r\n  const notifications: INotification<TNotificationType>[] = [];\r\n  if (data?.sysMessages?.message) {\r\n    notifications.push(\r\n      ...parseServerNotification(data.sysMessages.message, 'warning'),\r\n    );\r\n  }\r\n  if (data?.sysExceptions) {\r\n    notifications.push(\r\n      ...parseServerNotification(data.sysExceptions.exception, 'danger'),\r\n    );\r\n  }\r\n  if (data?.exceptions?.exception) {\r\n    notifications.push(\r\n      ...parseServerNotification(data.exceptions.exception, 'danger'),\r\n    );\r\n  }\r\n  if (notifications.length > 0) return notifications;\r\n  return null;\r\n};\r\n\r\nfunction parseServerNotificationType(type: string): TNotificationType {\r\n  switch (type) {\r\n    case '1':\r\n      return 'success';\r\n    case '2':\r\n      return 'warning';\r\n    case '3':\r\n      return 'danger';\r\n    default:\r\n      return 'warning';\r\n  }\r\n}\r\n\r\n/**\r\n * Toma un objeto de notificación de servidor y lo convierte a un\r\n * objeto de notificación de cliente.\r\n */\r\nexport const parseServerNotification = (\r\n  serverNotification: TMessage | TMessage[],\r\n  type: TNotificationType,\r\n): INotification<TNotificationType>[] => {\r\n  const messages = arrayOrArray(serverNotification);\r\n  return messages.map((current) => {\r\n    const returnNotification: INotification<TNotificationType> = {\r\n      message: current.text,\r\n      trace: current.content,\r\n      title: current.title,\r\n      type:\r\n        current.type !== undefined\r\n          ? parseServerNotificationType(current.type)\r\n          : (type as TNotificationType),\r\n      isOpen: true,\r\n      id: uniqueId(),\r\n    };\r\n    return returnNotification;\r\n  });\r\n};\r\n\r\n/**\r\n * Toma un objeto de respuesta de servidor que puede eventualmente\r\n * tener notificaciones y las pasa al sistema de notificaciones si\r\n * es que hay alguna.\r\n */\r\nexport const dispatchNotifications = (alert: TNotificationMessage) => {\r\n  if (alert) {\r\n    if (alert.sysMessages?.message)\r\n      parseServerNotification(alert.sysMessages?.message, 'warning').forEach(\r\n        notify,\r\n      );\r\n    if (alert.exceptions?.exception)\r\n      parseServerNotification(alert.exceptions?.exception, 'danger').forEach(\r\n        notify,\r\n      );\r\n    if (alert.sysExceptions?.exception)\r\n      parseServerNotification(alert.sysExceptions?.exception, 'danger').forEach(\r\n        notify,\r\n      );\r\n  }\r\n};\r\n\r\nexport * from './types';\r\n"],"names":["__spreadProps","__spreadValues","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,+BAA8D,GAAC;AAI5E,SAAS,YAAA,CAAa,GAAc,CAAc,EAAA;AAChD,EAAI,IAAA,CAAA,CAAE,WAAW,CAAE,CAAA,MAAA;AAAQ,IAAO,OAAA,KAAA,CAAA;AAElC,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,CAAA,CAAE,MAAQ,EAAA,CAAA,EAAA;AAAK,IAAA,IAAI,CAAE,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,CAAC,CAAA;AAAG,MAAO,OAAA,KAAA,CAAA;AAE7D,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAQO,MAAM,wBAAwB,YAAuC,CAAA;AAAA,EAArE,WAAA,GAAA;AAAA,IAAA,KAAA,CAAA,GAAA,SAAA,CAAA,CAAA;AACL,IAAA,IAAA,CAAA,aAAA,GAAoD,EAAC,CAAA;AAyCrD,IAAA,IAAA,CAAA,WAAA,GAAc,CACZ,QACuC,KAAA;AACvC,MAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAA6C,EAAE,CAAA,CAAA;AAEzE,MAAM,MAAA,SAAA,GAAY,UAAU,KAAK,CAAA,CAAA;AACjC,MAAA,QAAA,CAAS,MAAM;AACb,QAAO,OAAA,IAAA,CAAK,EAAG,CAAA,aAAA,EAAe,MAAM;AAClC,UAAM,MAAA,QAAA,GAAW,QAAS,CAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAC5C,UAAA,IAAI,CAAC,YAAA,CAAa,QAAU,EAAA,SAAA,CAAU,OAAO,CAAG,EAAA;AAC9C,YAAS,QAAA,CAAA,CAAC,GAAG,QAAQ,CAAC,CAAA,CAAA;AAAA,WACxB;AAAA,SACD,CAAA,CAAA;AAAA,OACF,CAAA,CAAA;AAED,MAAO,OAAA,KAAA,CAAA;AAAA,KACT,CAAA;AAAA,GAAA;AAAA,EAvDA,oBAAgC,GAAA;AAC9B,IAAA,OAAO,CAAC,CAAC,QAAS,CAAA,aAAA,CAAc,eAAe,CAAA,CAAA;AAAA,GACjD;AAAA,EAEA,KAAQ,GAAA;AACN,IAAK,IAAA,CAAA,IAAA,CAAK,eAAe,IAAI,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,MAAM,EAA2C,EAAA;AAC/C,IAAA,MAAM,QAAW,GAAA,OAAO,EAAO,KAAA,QAAA,GAAW,GAAG,EAAK,GAAA,EAAA,CAAA;AAClD,IAAA,IAAA,CAAK,aAAgB,GAAA,IAAA,CAAK,aAAc,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA;AArC7D,MAAA,IAAA,EAAA,CAAA;AAsCM,MAAI,IAAA,OAAA,CAAQ,OAAO,QAAU,EAAA;AAC3B,QAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,OAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA;AACA,QAAA,OAAOA,eAAK,CAAAC,gBAAA,CAAA,EAAA,EAAA,OAAA,CAAA,EAAL,EAAc,MAAA,EAAQ,KAAM,EAAA,CAAA,CAAA;AAAA,OACrC;AACA,MAAO,OAAA,OAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,GACb;AAAA,EAEA,QAAiB,GAAA;AACf,IAAA,IAAA,CAAK,aAAgB,GAAA,IAAA,CAAK,aAAc,CAAA,GAAA,CAAI,CAAC,OAAY,KAAA;AAhD7D,MAAA,IAAA,EAAA,CAAA;AAiDM,MAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,OAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,OAAOD,qCACF,OADE,CAAA,EAAA;AAAA,QAEL,MAAQ,EAAA,KAAA;AAAA,OACV,CAAA,CAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,GACb;AAAA,EAEA,OAAO,EAA2C,EAAA;AAChD,IAAA,MAAM,QAAW,GAAA,OAAO,EAAO,KAAA,QAAA,GAAW,GAAG,EAAK,GAAA,EAAA,CAAA;AAClD,IAAK,IAAA,CAAA,aAAA,GAAgB,KAAK,aAAc,CAAA,MAAA;AAAA,MACtC,CAAC,OAAY,KAAA,OAAA,CAAQ,EAAO,KAAA,QAAA;AAAA,KAC9B,CAAA;AACA,IAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,GACb;AAAA,EAoBA,OAAO,YAA6C,EAAA;AApFtD,IAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAqFI,IAAA,MAAM,EAAK,GAAA,CAAA,EAAA,GAAA,YAAA,CAAa,EAAb,KAAA,IAAA,GAAA,EAAA,GAAmB,QAAS,EAAA,CAAA;AAEvC,IAAA,IAAI,WAAc,GAAA,KAAA,CAAA;AAClB,IAAA,QAAA,CACG,gBAAiB,CAAA,gDAAgD,CACjE,CAAA,OAAA,CAAQ,CAAC,OAAY,KAAA;AACpB,MAAI,IAAA,OAAA,CAAQ,WAAgB,KAAA,YAAA,CAAa,OAAS,EAAA;AAChD,QAAA,MAAM,sBAAuB,OAAwB,CAAA,OAAA;AAAA,UACnD,eAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,mBAAqB,EAAA;AACvB,UAAoB,mBAAA,CAAA,SAAA,CAAU,IAAI,SAAS,CAAA,CAAA;AAC3C,UAAA,UAAA,CAAW,MAAM;AACf,YAAoB,mBAAA,CAAA,SAAA,CAAU,OAAO,SAAS,CAAA,CAAA;AAAA,aAC7C,GAAG,CAAA,CAAA;AACN,UAAc,WAAA,GAAA,IAAA,CAAA;AAAA,SAChB;AACE,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN,uEAAA;AAAA,WACF,CAAA;AAAA,OACJ;AAAA,KACD,CAAA,CAAA;AACH,IAAI,IAAA,WAAA;AAAa,MAAA,OAAA;AAEjB,IAAK,IAAA,CAAA,aAAA,CAAc,IAAK,CAAAA,eAAA,CAAAC,gBAAA,CAAA,EAAA,EACnB,YADmB,CAAA,EAAA;AAAA,MAEtB,MAAQ,EAAA,IAAA;AAAA,MACR,IAAA,EAAA,CAAM,EAAa,GAAA,YAAA,CAAA,IAAA,KAAb,IAAqB,GAAA,EAAA,GAAA,SAAA;AAAA,MAC3B,EAAA;AAAA,KACD,CAAA,CAAA,CAAA;AAED,IAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,GACb;AACF,CAAA;AAEa,MAAA,eAAA,GAAkB,IAAI,eAAgB,GAAA;AAE5C,SAAS,OAAO,YAAuC,EAAA;AAC5D,EAAA,eAAA,CAAgB,OAAO,YAAY,CAAA,CAAA;AACrC;;;;;;;;;;;;;;;;;;ACzGO,MAAM,eAA6C,CAAC;AAAA,EACzD,aAAgB,GAAA,WAAA;AAAA,EAChB,gBAAmB,GAAA,GAAA;AAAA,EACnB,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,oBAAoB,KAAM,CAAA,OAAA;AAAA,IAC9B,MAAOA,gBAAK,CAAA,EAAA,EAAA,YAAA,CAAA;AAAA,IACZ,CAAC,YAAY,CAAA;AAAA,GACf,CAAA;AACA,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACjC,EAAA,IAAI,CAAC,iBAAkB,CAAA,KAAA;AACrB,IAAA,iBAAA,CAAkB,KAAQ,GAAA,QAAA;AAAA,MACxB,CAAC,MAAO,CAAA,SAAA,EAAW,MAAO,CAAA,WAAA,EAAa,OAAO,sBAAsB,CAAA;AAAA,MACpE;AAAA,QACE,kBAAkB,IAAS,KAAA,QAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,SAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,SAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AACF,EAAA,IAAI,CAAC,iBAAkB,CAAA,IAAA;AACrB,IAAA,iBAAA,CAAkB,IAAO,GAAA,QAAA;AAAA,MACvB,CAAC,OAAS,EAAA,OAAA,EAAS,OAAO,CAAA;AAAA,MAC1B;AAAA,QACE,kBAAkB,IAAS,KAAA,SAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,SAAA;AAAA,QAC3B,kBAAkB,IAAS,KAAA,QAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEF,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AAEvD,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,WAAA,CAAY,MAAM;AACpC,IAAA,eAAA,CAAgB,OAAO,iBAAiB,CAAA,CAAA;AAAA,GAC1C,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,iBAAkB,CAAA,MAAA;AAAQ,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,GACjD,EAAA,CAAC,iBAAkB,CAAA,MAAM,CAAC,CAAA,CAAA;AAE7B,EAAA,UAAA,CAAW,MAAM;AACf,IAAI,IAAA,4BAAA,CAA6B,kBAAkB,EAAE,CAAA;AACnD,MAA6B,4BAAA,CAAA,iBAAA,CAAkB,EAAE,CAAE,EAAA,CAAA;AAAA,GACtD,CAAA,CAAA;AAED,EAAA,IAAI,gBAA0C,GAAA,SAAA,CAAA;AAC9C,EAAA,IAAI,CAAC,cAAgB,EAAA,WAAA,EAAa,QAAQ,CAAE,CAAA,QAAA,CAAS,kBAAkB,IAAI,CAAA;AACzE,IAAmB,gBAAA,GAAA,QAAA,CAAA;AACrB,EAAA,IAAI,CAAC,cAAgB,EAAA,SAAS,CAAE,CAAA,QAAA,CAAS,kBAAkB,IAAI,CAAA;AAC7D,IAAmB,gBAAA,GAAA,SAAA,CAAA;AAErB,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,WAAA,CAAY,MAAM;AACtC,IAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AACnB,IAAA,eAAA,CAAgB,MAAM,iBAAiB,CAAA,CAAA;AAAA,GACzC,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,UAAA;AAAA,MACJ,OAAS,EAAA,gBAAA;AAAA,MACT,UAAY,EAAA,aAAA;AAAA,MACZ,MAAM,EAAA,IAAA;AAAA,MACN,aAAa,EAAA,IAAA;AAAA,MACb,QAAU,EAAA,KAAA;AAAA,MACV,OAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,gBAAA;AAAA,UACb,IAAK,EAAA,OAAA;AAAA,UACL,GAAK,EAAA,OAAA;AAAA,UACL,SAAS,CAAU,OAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,UACnB,SAAA,EAAW,CACT,EAAA,SAAA,IAAA,IAAA,GAAA,SAAA,GAAa,EACsB,CAAA,kCAAA,EAAA,gBAAA,CAAA,CAAA;AAAA,UACrC,QAAU,EAAA,CAAA;AAAA,UACV,SAAW,EAAA,KAAA,CAAM,WAAY,CAAA,CAAC,EAA4B,KAAA;AACxD,YAAA,IACE,EAAG,CAAA,GAAA,CAAI,WAAY,EAAA,KAAM,QACzB,IAAA,EAAA,CAAG,GAAI,CAAA,WAAA,EAAkB,KAAA,OAAA,IACzB,EAAG,CAAA,GAAA,KAAQ,GACX,EAAA;AACA,cAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,cAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,cAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,aACrB;AAAA,WACF,EAAG,EAAE,CAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAC,CAAA,CAAA,YAAA,IACD,kBAAkB,IAClB,IAAA,iBAAA,CAAkB,0BACjB,IAAA,CAAA,GAAA,EAAA,EAAI,WAAU,sBACX,EAAA,QAAA,EAAA;AAAA,cAAkB,CAAA,iBAAA,CAAA,KAAA,IAAS,kBAAkB,IAC7C,qBAAA,IAAA,CAAC,OAAI,EAAG,EAAA,IAAA,EAAK,WAAU,qBACpB,EAAA,QAAA,EAAA;AAAA,gBAAA,iBAAA,CAAkB,IACjB,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,oBACZ,EAAA,QAAA,EAAA,UAAA;AAAA,kBACC,iBAAkB,CAAA,IAAA;AAAA,iBAElB,mBAAA,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,KAAM,EAAA,EAAA;AAAA,oBACN,MAAM,iBAAkB,CAAA,IAAA;AAAA,mBAAA;AAAA,iBAC1B,GAEA,kBAAkB,IAEtB,EAAA,CAAA;AAAA,gBAED,iBAAkB,CAAA,KAAA;AAAA,eACrB,EAAA,CAAA;AAAA,cAED,CAAC,YACA,oBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,IAAK,EAAA,QAAA;AAAA,kBACL,OAAA;AAAA,kBACA,QAAU,EAAA,CAAA,CAAA;AAAA,kBACV,SAAU,EAAA,2BAAA;AAAA,iBAAA;AAAA,eACZ;AAAA,aAEJ,EAAA,CAAA;AAAA,gCAED,GAAI,EAAA,EAAA,SAAA,EAAU,sBACb,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAU,uBACb,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,uBAAyB,EAAA;AAAA,oBACvB,QAAQ,iBAAkB,CAAA,OAAA;AAAA,mBAC5B;AAAA,kBACA,SAAU,EAAA,oBAAA;AAAA,iBAAA;AAAA,eAEd,EAAA,CAAA;AAAA,cACC,iBAAA,CAAkB,yBAEf,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAI,EAAG,EAAA,MAAA,EAAO,WAAU,qBACvB,EAAA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAG,QAAS,EAAA,SAAA,EAAU,4BAA2B,QAEtD,EAAA,QAAA,EAAA,CAAA;AAAA,gCACC,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,yBAAA,EACZ,4BAAkB,KACrB,EAAA,CAAA;AAAA,eAAA,EACF,CACF,EAAA,CAAA;AAAA,aAAA,EAEJ,CACF,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;;;;;;;;;;;;;;;;;;AC/JA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA,CAAA;AAiBhB,MAAM,cAAc,eAAgB,CAAA,WAAA,CAAA;AAEpC,MAAM,iBAAoB,GAAA,mBAAA;AAAA,EACxB,mBAAA;AAAA,EACA,kCAAA;AAAA,EACA;AAAA,IACE,4BAA8B,EAAA;AAAA,MAC5B,MAAQ,EAAA,MAAA;AAAA,MACR,MAAQ,EAAA,aAAA;AAAA,MACR,SAAW,EAAA,oBAAA;AAAA,MACX,QAAU,EAAA,uBAAA;AAAA,MACV,QAAU,EAAA,OAAA;AAAA,MACV,EAAI,EAAA,KAAA;AAAA,MACJ,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,eAAA;AAAA,MAER,wBAA0B,EAAA;AAAA,QACxB,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,OACf;AAAA,MAEA,uBAAyB,EAAA;AAAA,QACvB,WAAW,CAAG,EAAA,OAAA,CAAA,qBAAA,CAAA;AAAA,OAChB;AAAA,KACF;AAAA,IAEA,qCAAA,EAAuC,EAAE,SAAA,EAAW,mBAAoB,EAAA;AAAA,IACxE,mDAAqD,EAAA;AAAA,MACnD,UAAY,EAAA,iBAAA;AAAA,MACZ,SAAW,EAAA,eAAA;AAAA,KACb;AAAA,IACA,iBAAA,EAAmB,EAAE,SAAA,EAAW,eAAgB,EAAA;AAAA,IAChD,wBAA0B,EAAA;AAAA,MACxB,UAAY,EAAA,iBAAA;AAAA,MACZ,SAAW,EAAA,mBAAA;AAAA,KACb;AAAA,GACF;AAAA,EACA,MAAM;AACJ,IAAM,MAAA,aAAA,GAAgB,WAAY,CAAA,CAAC,OAAY,KAAA;AAC7C,MAAO,OAAA,OAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,QAAA,CAAS,MAAM;AACb,MAAS,QAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,CAAC,EAAO,KAAA;AAC3C,QAAI,IAAA,EAAA,CAAG,SAAS,QAAU,EAAA;AACxB,UAAA,eAAA,CAAgB,QAAS,EAAA,CAAA;AAAA,SAC3B;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAED,IACE,uBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,SAAU,EAAA,2BAAA;AAAA,OACN,EAAA,UAAA,CAAW,6CAA6C,CAF7D,CAAA,EAAA;AAAA,QAIE,QAAA,EAAA,aAAA,CAAc,GAAI,CAAA,CAAC,OAAY,KAAA;AAC9B,UAAA,uBAAQ,GAAA,CAAA,YAAA,EAAA,EAAa,YAAc,EAAA,OAAA,EAAA,EAAc,QAAQ,EAAI,CAAA,CAAA;AAAA,SAC9D,CAAA;AAAA,OAAA,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AACF,CAAA,CAAA;AAEA,0BAAeC,cAAA,CAAM,KAAK,iBAAiB,CAAA;;AC9E9B,MAAA,yBAAA,GAA4B,CACvC,IAC8C,KAAA;AAZhD,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAaE,EAAA,MAAM,gBAAoD,EAAC,CAAA;AAC3D,EAAI,IAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,WAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAmB,OAAS,EAAA;AAC9B,IAAc,aAAA,CAAA,IAAA;AAAA,MACZ,GAAG,uBAAA,CAAwB,IAAK,CAAA,WAAA,CAAY,SAAS,SAAS,CAAA;AAAA,KAChE,CAAA;AAAA,GACF;AACA,EAAA,IAAI,6BAAM,aAAe,EAAA;AACvB,IAAc,aAAA,CAAA,IAAA;AAAA,MACZ,GAAG,uBAAA,CAAwB,IAAK,CAAA,aAAA,CAAc,WAAW,QAAQ,CAAA;AAAA,KACnE,CAAA;AAAA,GACF;AACA,EAAI,IAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,SAAW,EAAA;AAC/B,IAAc,aAAA,CAAA,IAAA;AAAA,MACZ,GAAG,uBAAA,CAAwB,IAAK,CAAA,UAAA,CAAW,WAAW,QAAQ,CAAA;AAAA,KAChE,CAAA;AAAA,GACF;AACA,EAAA,IAAI,cAAc,MAAS,GAAA,CAAA;AAAG,IAAO,OAAA,aAAA,CAAA;AACrC,EAAO,OAAA,IAAA,CAAA;AACT,EAAA;AAEA,SAAS,4BAA4B,IAAiC,EAAA;AACpE,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,GAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,GAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,GAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAO,OAAA,SAAA,CAAA;AAAA,GACX;AACF,CAAA;AAMa,MAAA,uBAAA,GAA0B,CACrC,kBAAA,EACA,IACuC,KAAA;AACvC,EAAM,MAAA,QAAA,GAAW,aAAa,kBAAkB,CAAA,CAAA;AAChD,EAAO,OAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAY,KAAA;AAC/B,IAAA,MAAM,kBAAuD,GAAA;AAAA,MAC3D,SAAS,OAAQ,CAAA,IAAA;AAAA,MACjB,OAAO,OAAQ,CAAA,OAAA;AAAA,MACf,OAAO,OAAQ,CAAA,KAAA;AAAA,MACf,MACE,OAAQ,CAAA,IAAA,KAAS,SACb,2BAA4B,CAAA,OAAA,CAAQ,IAAI,CACvC,GAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,IAAI,QAAS,EAAA;AAAA,KACf,CAAA;AACA,IAAO,OAAA,kBAAA,CAAA;AAAA,GACR,CAAA,CAAA;AACH,EAAA;AAOa,MAAA,qBAAA,GAAwB,CAAC,KAAgC,KAAA;AA5EtE,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA6EE,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,gBAAN,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA;AACrB,MAAA,uBAAA,CAAA,CAAwB,EAAM,GAAA,KAAA,CAAA,WAAA,KAAN,IAAmB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAS,SAAS,CAAE,CAAA,OAAA;AAAA,QAC7D,MAAA;AAAA,OACF,CAAA;AACF,IAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,eAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AACpB,MAAA,uBAAA,CAAA,CAAwB,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,EAAW,QAAQ,CAAE,CAAA,OAAA;AAAA,QAC7D,MAAA;AAAA,OACF,CAAA;AACF,IAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,kBAAN,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AACvB,MAAA,uBAAA,CAAA,CAAwB,EAAM,GAAA,KAAA,CAAA,aAAA,KAAN,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,EAAW,QAAQ,CAAE,CAAA,OAAA;AAAA,QAChE,MAAA;AAAA,OACF,CAAA;AAAA,GACJ;AACF;;;;"}

package/package.json

@@ -6,7 +6,7 @@
   "name": "@apia/notifications",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "scripts": {
     "build": "rollup -c rollup.config.esb.mjs",
     "buildDev": "rollup -c rollup.config.esb.mjs --dev",
@@ -26,16 +26,16 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@apia/icons": "^0.3.0",
-    "@apia/store": "^0.3.0",
-    "@apia/theme": "^0.3.0",
-    "@apia/util": "^0.3.0",
     "@types/lodash-es": "^4.17.7",
     "@types/react-transition-group": "^4.4.5",
     "lodash-es": "^4.17.21",
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
+    "@apia/icons": "^0.3.2",
+    "@apia/store": "^0.3.2",
+    "@apia/theme": "^0.3.2",
+    "@apia/util": "^0.3.2",
     "@emotion/react": "^11.10.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -49,5 +49,5 @@
     "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",
     "directory": "packages/notifications"
   },
-  "gitHead": "20ff06e6c9e9d558a50e3bfae3ed857d6b5d228c"
+  "gitHead": "b80952378d3936912fba8939ec711ccdd0e0e29c"
 }

package/cleanDist.json

@@ -1,3 +0,0 @@
-{
-  "cleanDist": 0.055914100472197026
-}