@apia/notifications 0.1.3 → 0.2.4

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-import * as theme_ui_jsx_runtime from 'theme-ui/jsx-runtime';
 import { TApiaSystemMessageObj } from '@apia/util';
 
 type TNotificationId = string | number;
@@ -51,7 +50,7 @@ interface INotificationProps {
 }
 declare const Notification: React.FC<INotificationProps>;
 
-declare const _default: React__default.MemoExoticComponent<((props: object) => theme_ui_jsx_runtime.JSX.Element) & {
+declare const _default: React__default.MemoExoticComponent<((props: object) => React__default.JSX.Element) & {
     displayName: string;
 }>;
 

package/dist/index.js

@@ -1,4 +1,328 @@
-import{jsx as a,jsxs as d,Fragment as T}from"react/jsx-runtime";import*as l from"react";import M from"react";import{Alert as B,Box as r,Close as D}from"theme-ui";import{CSSTransition as X}from"react-transition-group";import{getSpecificParent as F,getIndex as x,useUpdateEffect as q,useUnmount as H,arrayOrArray as U}from"@apia/util";import{isIconName as W,Icon as z}from"@apia/icons";import{uniqueId as w}from"lodash-es";import{createSlice as G,injectReducers as K}from"@apia/store";import{makeStyledComponent as V,spacing as J,getVariant as Q}from"@apia/theme";import{keyframes as Y}from"@emotion/react";var Z=Object.defineProperty,ee=Object.defineProperties,te=Object.getOwnPropertyDescriptors,_=Object.getOwnPropertySymbols,ne=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable,N=(t,e,n)=>e in t?Z(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,oe=(t,e)=>{for(var n in e||(e={}))ne.call(e,n)&&N(t,n,e[n]);if(_)for(var n of _(e))ie.call(e,n)&&N(t,n,e[n]);return t},ae=(t,e)=>ee(t,te(e));function re(t){let e=!1;return document.querySelectorAll(".notificationsFloatingList .notification__text").forEach(n=>{if(n.textContent===String(t)){const o=F(n,s=>s.classList.contains("notification"));o?(o.classList.add("animate"),setTimeout(()=>{o.classList.remove("animate")},300),e=!0):console.warn("A notification with that text was found, but it could not be animated")}}),e}const j=G({name:"notificationsSlice",initialState:{notifications:[]},reducers:{close(t,{payload:e}){t.notifications=t.notifications.map(n=>n.id===e.id?ae(oe({},n),{isOpen:!1}):n)},closeAll(t){const e=t.notifications.findIndex(n=>n.isOpen);e>=0&&(t.notifications[e].isOpen=!1,setTimeout(()=>u.dispatch(y.closeAll()),50))},delete:(t,{payload:{id:e}})=>{t.notifications=t.notifications.filter(n=>n.id!==e)},push(t,e){const n=e.payload.notifications.filter(o=>!re(o.message));t.notifications.push(...n)}}}),{store:u,useSelector:se}=K({notificationsSlice:j.reducer}),y=j.actions;var ce=Object.defineProperty,le=Object.defineProperties,fe=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,pe=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable,P=(t,e,n)=>e in t?ce(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,de=(t,e)=>{for(var n in e||(e={}))pe.call(e,n)&&P(t,n,e[n]);if(S)for(var n of S(e))me.call(e,n)&&P(t,n,e[n]);return t},ue=(t,e)=>le(t,fe(e));const g={};class v{areNotificationsOpen(){return!!document.querySelector(".notification")}close(e){u.dispatch(y.close({id:typeof e=="object"?e.id:e}))}closeAll(){u.dispatch(y.closeAll())}delete(e){u.dispatch(y.delete({id:typeof e=="object"?e.id:e}))}getSelector(){return e=>se(n=>e(n.notificationsSlice.notifications))}notify(e){var n,o;const s=(n=e.id)!=null?n:w();e.onClose&&(g[s]=e.onClose),u.dispatch(y.push({notifications:[ue(de({},e),{isOpen:!0,type:(o=e.type)!=null?o:"warning",id:s,onClose:void 0})]}))}}const O=new v;function b(t){new v().notify(t)}var ye=Object.defineProperty,$=Object.getOwnPropertySymbols,ge=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable,C=(t,e,n)=>e in t?ye(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,he=(t,e)=>{for(var n in e||(e={}))ge.call(e,n)&&C(t,n,e[n]);if($)for(var n of $(e))be.call(e,n)&&C(t,n,e[n]);return t};const E=({animationName:t="fromRight",animationTimeout:e=150,className:n,disableClose:o,notification:s})=>{const i=l.useMemo(()=>he({},s),[s]),f=l.useRef(null);i.title||(i.title=x([window.LBL_ERROR,window.LBL_WARNING,window.LBL_COMPLETE_OPERATION],[i.type==="danger",i.type==="warning",i.type==="success"])),i.icon||(i.icon=x(["Check","Alert","Close"],[i.type==="success",i.type==="warning",i.type==="danger"]));const[R,h]=l.useState(!0),A=l.useCallback(()=>{O.delete(i)},[i]);q(()=>{i.isOpen||h(!1)},[i.isOpen]),H(()=>{g[i.id]&&g[i.id]()});let p="warning";["sysException","exception","danger"].includes(i.type)&&(p="danger"),["greenMessage","success"].includes(i.type)&&(p="success");const k=l.useCallback(()=>{h(!1)},[]);return a(X,{in:R,timeout:e,classNames:t,appear:!0,unmountOnExit:!0,onExited:A,nodeRef:f,children:d(B,{"data-testid":p,role:"alert",ref:f,variant:`alerts.${p}`,className:`${n??""} notification notification__alert ${p}`,tabIndex:0,onKeyDown:l.useCallback(m=>{(m.key.toLowerCase()==="escape"||m.key.toLowerCase()==="enter"||m.key===" ")&&(m.preventDefault(),m.stopPropagation(),h(!1))},[]),children:[(!o||i.icon||i.title)&&d(r,{className:"notification__header",children:[(i.title||i.icon)&&d(r,{as:"h4",className:"notification__title",children:[i.icon&&a(r,{className:"notification__icon",children:W(i.icon)?a(z,{title:"",name:i.icon}):i.icon}),i.title]}),!o&&a(D,{type:"button",onClick:k,tabIndex:-1,className:"notification__closeButton"})]}),a(r,{className:"notification__body",children:d(r,{className:"notification__content",children:[a(r,{className:"notification__message",children:a(r,{dangerouslySetInnerHTML:{__html:i.message},className:"notification__text"})}),i.trace&&a(T,{children:d(r,{as:"code",className:"notification__trace",children:[a(r,{as:"strong",className:"notification__traceLabel",children:"Trace:"}),a(r,{className:"notification__traceText",children:i.trace})]})})]})})]})})};var ve=Object.defineProperty,Oe=Object.defineProperties,xe=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,we=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable,I=(t,e,n)=>e in t?ve(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,Ne=(t,e)=>{for(var n in e||(e={}))we.call(e,n)&&I(t,n,e[n]);if(L)for(var n of L(e))_e.call(e,n)&&I(t,n,e[n]);return t},je=(t,e)=>Oe(t,xe(e));const Se=Y`
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default 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 { 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;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+const onCloseNotificationCallbacks = {};
+class DefaultNotifier {
+  areNotificationsOpen() {
+    return !!document.querySelector(".notification");
+  }
+  close(id) {
+    notificationsStore.dispatch(
+      notificationsActions.close({ id: typeof id === "object" ? id.id : id })
+    );
+  }
+  closeAll() {
+    notificationsStore.dispatch(notificationsActions.closeAll());
+  }
+  delete(id) {
+    notificationsStore.dispatch(
+      notificationsActions.delete({ id: typeof id === "object" ? id.id : id })
+    );
+  }
+  getSelector() {
+    return (selector) => {
+      return useNotificationsSelector((global) => {
+        return selector(
+          global.notificationsSlice.notifications
+        );
+      });
+    };
+  }
+  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
+          })
+        ]
+      })
+    );
+  }
+}
+const defaultNotifier = new DefaultNotifier();
+function notify(notification) {
+  new DefaultNotifier().notify(notification);
+}
+
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+const Notification = ({
+  animationName = "fromRight",
+  animationTimeout = 150,
+  className,
+  disableClose,
+  notification
+}) => {
+  const innerNotification = React.useMemo(
+    () => __spreadValues$1({}, notification),
+    [notification]
+  );
+  const nodeRef = React.useRef(null);
+  if (!innerNotification.title)
+    innerNotification.title = getIndex(
+      [window.LBL_ERROR, window.LBL_WARNING, window.LBL_COMPLETE_OPERATION],
+      [
+        innerNotification.type === "danger",
+        innerNotification.type === "warning",
+        innerNotification.type === "success"
+      ]
+    );
+  if (!innerNotification.icon)
+    innerNotification.icon = getIndex(
+      ["Check", "Alert", "Close"],
+      [
+        innerNotification.type === "success",
+        innerNotification.type === "warning",
+        innerNotification.type === "danger"
+      ]
+    );
+  const [shouldShow, setShouldShow] = React.useState(true);
+  const close = React.useCallback(() => {
+    defaultNotifier.delete(innerNotification);
+  }, [innerNotification]);
+  useUpdateEffect(() => {
+    if (!innerNotification.isOpen)
+      setShouldShow(false);
+  }, [innerNotification.isOpen]);
+  useUnmount(() => {
+    if (onCloseNotificationCallbacks[innerNotification.id])
+      onCloseNotificationCallbacks[innerNotification.id]();
+  });
+  let notificationType = "warning";
+  if (["sysException", "exception", "danger"].includes(innerNotification.type))
+    notificationType = "danger";
+  if (["greenMessage", "success"].includes(innerNotification.type))
+    notificationType = "success";
+  const onClick = React.useCallback(() => {
+    setShouldShow(false);
+  }, []);
+  return /* @__PURE__ */ jsx(
+    CSSTransition,
+    {
+      in: shouldShow,
+      timeout: animationTimeout,
+      classNames: animationName,
+      appear: true,
+      unmountOnExit: true,
+      onExited: close,
+      nodeRef,
+      children: /* @__PURE__ */ jsxs(
+        Alert,
+        {
+          "data-testid": notificationType,
+          role: "alert",
+          ref: nodeRef,
+          variant: `alerts.${notificationType}`,
+          className: `${className != null ? className : ""} notification notification__alert ${notificationType}`,
+          tabIndex: 0,
+          onKeyDown: React.useCallback((ev) => {
+            if (ev.key.toLowerCase() === "escape" || ev.key.toLowerCase() === "enter" || ev.key === " ") {
+              ev.preventDefault();
+              ev.stopPropagation();
+              setShouldShow(false);
+            }
+          }, []),
+          children: [
+            (!disableClose || innerNotification.icon || innerNotification.title) && /* @__PURE__ */ jsxs(Box, { className: "notification__header", children: [
+              (innerNotification.title || innerNotification.icon) && /* @__PURE__ */ jsxs(Box, { as: "h4", className: "notification__title", children: [
+                innerNotification.icon && /* @__PURE__ */ jsx(Box, { className: "notification__icon", children: isIconName(
+                  innerNotification.icon
+                ) ? /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    title: "",
+                    name: innerNotification.icon
+                  }
+                ) : innerNotification.icon }),
+                innerNotification.title
+              ] }),
+              !disableClose && /* @__PURE__ */ jsx(
+                Close,
+                {
+                  type: "button",
+                  onClick,
+                  tabIndex: -1,
+                  className: "notification__closeButton"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Box, { className: "notification__body", children: /* @__PURE__ */ jsxs(Box, { className: "notification__content", children: [
+              /* @__PURE__ */ jsx(Box, { className: "notification__message", children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  dangerouslySetInnerHTML: {
+                    __html: innerNotification.message
+                  },
+                  className: "notification__text"
+                }
+              ) }),
+              innerNotification.trace && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { as: "code", className: "notification__trace", children: [
+                /* @__PURE__ */ jsx(Box, { as: "strong", className: "notification__traceLabel", children: "Trace:" }),
+                /* @__PURE__ */ jsx(Box, { className: "notification__traceText", children: innerNotification.trace })
+              ] }) })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+};
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const vibrate = keyframes`
 0% {
   transform: rotate(0);
 }
@@ -13,4 +337,122 @@ import{jsx as a,jsxs as d,Fragment as T}from"react/jsx-runtime";import*as l from
 
 100% {
   transform: rotate(0);
-}`,Pe=O.getSelector(),$e=V("NotificationsList","layout.common.notifications.list",{".notificationsFloatingList":{bottom:"10px",height:"min-content",maxHeight:"calc(100vh - 20px)",maxWidth:"floatingNotifications",position:"fixed",pr:"5px",right:"5px",width:"100%",zIndex:"notifications","& > *:not(:last-child)":{mb:J(5)},".notification.animate":{animation:`${Se} 0.1s linear infinite`}},".fromRight-enter, .fromRight-appear":{transform:"translateX(550px)"},".fromRight-enter-active, .fromRight-appear-active":{transition:"transform 150ms",transform:"translateX(0)"},".fromRight-exit":{transform:"translateX(0)"},".fromRight-exit-active":{transition:"transform 150ms",transform:"translateX(550px)"}},()=>{const t=Pe(e=>e);return a(r,je(Ne({className:"notificationsFloatingList"},Q("layout.common.components.notifications.list")),{children:t.map(e=>a(E,{notification:e},e.id))}))});var Ce=M.memo($e);const Ee=t=>{var e,n;const o=[];return(e=t?.sysMessages)!=null&&e.message&&o.push(...c(t.sysMessages.message,"warning")),t!=null&&t.sysExceptions&&o.push(...c(t.sysExceptions.exception,"danger")),(n=t?.exceptions)!=null&&n.exception&&o.push(...c(t.exceptions.exception,"danger")),o.length>0?o:null};function Le(t){switch(t){case"1":return"success";case"2":return"warning";case"3":return"danger";default:return"warning"}}const c=(t,e)=>U(t).map(n=>({message:n.text,trace:n.content,title:n.title,type:n.type!==void 0?Le(n.type):e,isOpen:!0,id:w()})),Ie=t=>{var e,n,o,s,i,f;t&&((e=t.sysMessages)!=null&&e.message&&c((n=t.sysMessages)==null?void 0:n.message,"warning").forEach(b),(o=t.exceptions)!=null&&o.exception&&c((s=t.exceptions)==null?void 0:s.exception,"danger").forEach(b),(i=t.sysExceptions)!=null&&i.exception&&c((f=t.sysExceptions)==null?void 0:f.exception,"danger").forEach(b))};export{v as DefaultNotifier,E as Notification,Ce as NotificationsList,O as defaultNotifier,Ie as dispatchNotifications,Ee as getNotificationMessageObj,b as notify,g as onCloseNotificationCallbacks,c as parseServerNotification};
+}`;
+const useSelector = defaultNotifier.getSelector();
+const NotificationsList = makeStyledComponent(
+  "NotificationsList",
+  "layout.common.notifications.list",
+  {
+    ".notificationsFloatingList": {
+      bottom: "10px",
+      height: "min-content",
+      maxHeight: "calc(100vh - 20px)",
+      maxWidth: "floatingNotifications",
+      position: "fixed",
+      pr: "5px",
+      right: "5px",
+      width: "100%",
+      zIndex: "notifications",
+      "& > *:not(:last-child)": {
+        mb: spacing(5)
+      },
+      ".notification.animate": {
+        animation: `${vibrate} 0.1s linear infinite`
+      }
+    },
+    ".fromRight-enter, .fromRight-appear": { transform: "translateX(550px)" },
+    ".fromRight-enter-active, .fromRight-appear-active": {
+      transition: "transform 150ms",
+      transform: "translateX(0)"
+    },
+    ".fromRight-exit": { transform: "translateX(0)" },
+    ".fromRight-exit-active": {
+      transition: "transform 150ms",
+      transform: "translateX(550px)"
+    }
+  },
+  () => {
+    const notifications = useSelector((current) => {
+      return current;
+    });
+    return /* @__PURE__ */ jsx(
+      Box,
+      __spreadProps(__spreadValues({
+        className: "notificationsFloatingList"
+      }, getVariant("layout.common.components.notifications.list")), {
+        children: notifications.map((current) => {
+          return /* @__PURE__ */ jsx(Notification, { notification: current }, current.id);
+        })
+      })
+    );
+  }
+);
+var NotificationsList$1 = React__default.memo(NotificationsList);
+
+const getNotificationMessageObj = (data) => {
+  var _a, _b;
+  const notifications = [];
+  if ((_a = data == null ? void 0 : data.sysMessages) == null ? void 0 : _a.message) {
+    notifications.push(
+      ...parseServerNotification(data.sysMessages.message, "warning")
+    );
+  }
+  if (data == null ? void 0 : data.sysExceptions) {
+    notifications.push(
+      ...parseServerNotification(data.sysExceptions.exception, "danger")
+    );
+  }
+  if ((_b = data == null ? void 0 : data.exceptions) == null ? void 0 : _b.exception) {
+    notifications.push(
+      ...parseServerNotification(data.exceptions.exception, "danger")
+    );
+  }
+  if (notifications.length > 0)
+    return notifications;
+  return null;
+};
+function parseServerNotificationType(type) {
+  switch (type) {
+    case "1":
+      return "success";
+    case "2":
+      return "warning";
+    case "3":
+      return "danger";
+    default:
+      return "warning";
+  }
+}
+const parseServerNotification = (serverNotification, type) => {
+  const messages = arrayOrArray(serverNotification);
+  return messages.map((current) => {
+    const returnNotification = {
+      message: current.text,
+      trace: current.content,
+      title: current.title,
+      type: current.type !== void 0 ? parseServerNotificationType(current.type) : type,
+      isOpen: true,
+      id: uniqueId()
+    };
+    return returnNotification;
+  });
+};
+const dispatchNotifications = (alert) => {
+  var _a, _b, _c, _d, _e, _f;
+  if (alert) {
+    if ((_a = alert.sysMessages) == null ? void 0 : _a.message)
+      parseServerNotification((_b = alert.sysMessages) == null ? void 0 : _b.message, "warning").forEach(
+        notify
+      );
+    if ((_c = alert.exceptions) == null ? void 0 : _c.exception)
+      parseServerNotification((_d = alert.exceptions) == null ? void 0 : _d.exception, "danger").forEach(
+        notify
+      );
+    if ((_e = alert.sysExceptions) == null ? void 0 : _e.exception)
+      parseServerNotification((_f = alert.sysExceptions) == null ? void 0 : _f.exception, "danger").forEach(
+        notify
+      );
+  }
+};
+
+export { DefaultNotifier, Notification, NotificationsList$1 as NotificationsList, defaultNotifier, dispatchNotifications, getNotificationMessageObj, notify, onCloseNotificationCallbacks, parseServerNotification };

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 'theme-ui';\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 'theme-ui';\nimport { getVariant, makeStyledComponent, spacing } from '@apia/theme';\nimport { keyframes } from '@emotion/react';\nimport { Notification } from './Notification';\nimport { defaultNotifier } from './defaultNotifier';\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 useSelector = defaultNotifier.getSelector();\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 = useSelector((current) => {\n      return current;\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,WAAA,GAAc,gBAAgB,WAAY,EAAA,CAAA;AAEhD,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,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;;ACrE9B,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/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 { defaultNotifier } from './defaultNotifier';\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 useSelector = defaultNotifier.getSelector();\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 = useSelector((current) => {\n      return current;\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,WAAA,GAAc,gBAAgB,WAAY,EAAA,CAAA;AAEhD,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,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;;ACrE9B,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.1.3",
+  "version": "0.2.4",
   "scripts": {
     "build": "rollup -c rollup.config.esb.mjs",
     "buildDev": "rollup -c rollup.config.esb.mjs --dev",
@@ -26,10 +26,10 @@
     "typescript": "^4.9.5"
   },
   "dependencies": {
-    "@apia/icons": "^0.1.3",
-    "@apia/store": "^0.1.0",
-    "@apia/theme": "^0.1.3",
-    "@apia/util": "^0.1.3",
+    "@apia/icons": "^0.2.4",
+    "@apia/store": "^0.2.4",
+    "@apia/theme": "^0.2.4",
+    "@apia/util": "^0.2.4",
     "@types/lodash-es": "^4.17.7",
     "@types/react-transition-group": "^4.4.5",
     "lodash-es": "^4.17.21",
@@ -38,8 +38,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.10.6",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "theme-ui": "^0.15.5"
+    "react-dom": "^18.2.0"
   },
   "publishConfig": {
     "access": "public",
@@ -50,5 +49,5 @@
     "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",
     "directory": "packages/notifications"
   },
-  "gitHead": "26592fdfe0290bfed776776bf9dbe5d3ac2c7341"
+  "gitHead": "f14ade3161fb978c89e9f0949e46aca54d2e1db3"
 }