@apia/notifications 1.0.4 → 2.0.0

package/dist/defaultNotifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultNotifier.js","sources":["../src/defaultNotifier.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { INotification, TNotificationId, TNotificationSelector } from './types';\nimport { EventEmitter, useMount, useLatest } from '@apia/util';\nimport { useState } from 'react';\n\nexport const onCloseNotificationCallbacks: Record<string, () => unknown> = {};\n\nexport type TNotificationType = 'danger' | 'success' | 'warning';\n\nfunction shallowEqual(a: unknown[], b: unknown[]) {\n  if (a.length !== b.length) return false;\n\n  for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return false;\n\n  return true;\n}\n\nlet id=0;\nexport function uniqueId() {\n  return `notification_${id++}`\n}\n\nexport type TDispatchedNotification = Omit<\n  INotification<TNotificationType>,\n  'id' | 'type' | 'isOpen'\n> &\n  Partial<Pick<INotification<TNotificationType>, 'id' | 'type'>>;\n\nexport class DefaultNotifier extends EventEmitter<{ changedList: boolean }> {\n  notifications: INotification<TNotificationType>[] = [];\n\n  areNotificationsOpen(): boolean {\n    return !!document.querySelector('.notification');\n  }\n\n  shout() {\n    this.emit('changedList', true);\n  }\n\n  close(id: TNotificationId | INotification): void {\n    const actualId = typeof id === 'object' ? id.id : id;\n    this.notifications = this.notifications.map((current) => {\n      if (current.id === actualId) {\n        current.onClose?.();\n        return { ...current, isOpen: false };\n      }\n      return current;\n    });\n    this.shout();\n  }\n\n  closeAll(): void {\n    this.notifications = this.notifications.map((current) => {\n      current.onClose?.();\n      return {\n        ...current,\n        isOpen: false,\n      };\n    });\n    this.shout();\n  }\n\n  delete(id: TNotificationId | INotification): void {\n    const actualId = typeof id === 'object' ? id.id : id;\n    this.notifications = this.notifications.filter(\n      (current) => current.id !== actualId,\n    );\n    this.shout();\n  }\n\n  useSelector = (\n    selector: TNotificationSelector<TNotificationType>,\n  ): INotification<TNotificationType>[] => {\n    const [state, setState] = useState<INotification<TNotificationType>[]>([]);\n\n    const lastState = useLatest(state);\n    useMount(() => {\n      return this.on('changedList', () => {\n        const newState = selector(this.notifications);\n        if (!shallowEqual(newState, lastState.current)) {\n          setState([...newState]);\n        }\n      });\n    });\n\n    return state;\n  };\n\n  notify(notification: TDispatchedNotification): void {\n    const id = notification.id ?? uniqueId();\n\n    let hasAnimated = false;\n    document\n      .querySelectorAll('.notificationsFloatingList .notification__text')\n      .forEach((current) => {\n        if (current.textContent === notification.message) {\n          const notificationElement = (current as HTMLElement).closest(\n            '.notification',\n          ) as HTMLElement;\n          if (notificationElement) {\n            notificationElement.classList.add('animate');\n            setTimeout(() => {\n              notificationElement.classList.remove('animate');\n            }, 200);\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    if (hasAnimated) return;\n\n    this.notifications.push({\n      ...notification,\n      isOpen: true,\n      type: notification.type ?? 'warning',\n      id,\n    });\n\n    this.shout();\n  }\n\n  on<K extends 'changedList'>(\n    eventName: K,\n    fn: (params: { changedList: boolean }[K]) => unknown,\n  ): () => void {\n    fn(true);\n    return super.on(eventName, fn);\n  }\n}\n\nexport const defaultNotifier = new DefaultNotifier();\n\nexport function notify(notification: TDispatchedNotification) {\n  defaultNotifier.notify(notification);\n}\n"],"names":["id"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,95 +1,7 @@
-import * as React from 'react';
-import React__default, { ReactNode } from 'react';
-import { EventEmitter, TApiaSystemMessageObj } from '@apia/util';
-
-type TNotificationId = string | number;
-interface INotification<T = string> {
-    icon?: ReactNode;
-    id: TNotificationId;
-    isOpen: boolean;
-    message: string;
-    onClose?: () => unknown;
-    title?: string;
-    trace?: string;
-    type: T;
-}
-type TNotificationSelector<T> = (notifications: INotification<T>[]) => INotification<T>[];
-declare global {
-    interface Window {
-        LBL_ERROR: string;
-        LBL_WARNING: string;
-        LBL_COMPLETE_OPERATION: string;
-    }
-}
-
-interface INotificationProps {
-    animationName?: string;
-    animationTimeout?: number;
-    className?: string;
-    disableClose?: boolean;
-    notification: INotification;
-}
-declare const Notification: React.FC<INotificationProps>;
-
-declare const _default: React__default.MemoExoticComponent<((props: object) => React__default.JSX.Element) & {
-    displayName: string;
-}>;
-
-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 extends EventEmitter<{
-    changedList: boolean;
-}> {
-    notifications: INotification<TNotificationType>[];
-    areNotificationsOpen(): boolean;
-    shout(): void;
-    close(id: TNotificationId | INotification): void;
-    closeAll(): void;
-    delete(id: TNotificationId | INotification): void;
-    useSelector: (selector: TNotificationSelector<TNotificationType>) => INotification<TNotificationType>[];
-    notify(notification: TDispatchedNotification): void;
-    on<K extends 'changedList'>(eventName: K, fn: (params: {
-        changedList: boolean;
-    }[K]) => unknown): () => void;
-}
-declare const defaultNotifier: DefaultNotifier;
-declare function notify(notification: TDispatchedNotification): void;
-
-interface TMessage {
-    text: string;
-    content?: string;
-    title?: string;
-    type?: string;
-}
-interface TNotificationMessage {
-    onClose?: string;
-    sysMessages?: {
-        message: TMessage | TMessage[];
-    };
-    sysExceptions?: {
-        exception: TMessage | TMessage[];
-    };
-    exceptions?: {
-        exception: TMessage | TMessage[];
-    };
-}
-
-/**
- * Devuelve un array de notificaciones a partir de
- * una respuesta de Apia.
- */
-declare const getNotificationMessageObj: (data: TApiaSystemMessageObj) => INotification<TNotificationType>[] | null;
-/**
- * Toma un objeto de notificación de servidor y lo convierte a un
- * objeto de notificación de cliente.
- */
-declare const parseServerNotification: (serverNotification: TMessage | TMessage[], type: TNotificationType) => INotification<TNotificationType>[];
-/**
- * Toma un objeto de respuesta de servidor que puede eventualmente
- * tener notificaciones y las pasa al sistema de notificaciones si
- * es que hay alguna.
- */
-declare const dispatchNotifications: (alert: TNotificationMessage) => void;
-
-export { DefaultNotifier, INotification, Notification, _default as NotificationsList, TDispatchedNotification, TMessage, TNotificationId, TNotificationMessage, TNotificationSelector, TNotificationType, defaultNotifier, dispatchNotifications, getNotificationMessageObj, notify, onCloseNotificationCallbacks, parseServerNotification };
+export { Notification } from './Notification.js';
+export { default as NotificationsList } from './NotificationsList.js';
+export { dispatchNotifications, getNotificationMessageObj, parseServerNotification } from './apia/index.js';
+export { DefaultNotifier, TDispatchedNotification, TNotificationType, defaultNotifier, notify, onCloseNotificationCallbacks, uniqueId } from './defaultNotifier.js';
+export { INotification, TNotificationId, TNotificationSelector } from './types.js';
+export { TMessage, TNotificationMessage } from './apia/types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,498 +1,5 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { useState } from 'react';
-import { Box, IconButton, Button, Alert, Close, makeStyledComponent, spacing, getVariant } from '@apia/theme';
-import { CSSTransition } from 'react-transition-group';
-import { EventEmitter, useLatest, useMount, getIndex, useUpdateEffect, useUnmount, arrayOrArray } from '@apia/util';
-import { Icon, isIconName } from '@apia/icons';
-import { uniqueId } from 'lodash-es';
-import { keyframes } from '@emotion/react';
-
-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 = {};
-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) {
-    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() {
-    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) {
-    const actualId = typeof id === "object" ? id.id : id;
-    this.notifications = this.notifications.filter(
-      (current) => current.id !== actualId
-    );
-    this.shout();
-  }
-  notify(notification) {
-    var _a, _b;
-    const id = (_a = notification.id) != null ? _a : uniqueId();
-    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();
-  }
-  on(eventName, fn) {
-    fn(true);
-    return super.on(eventName, fn);
-  }
-}
-const defaultNotifier = new DefaultNotifier();
-function notify(notification) {
-  defaultNotifier.notify(notification);
-}
-
-const Trace = ({ trace }) => {
-  const openModal = () => {
-    document.dispatchEvent(
-      new CustomEvent("openModal", {
-        detail: {
-          NavBar: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline-sm",
-              onClick: () => {
-                var _a, _b;
-                void navigator.clipboard.writeText(
-                  (_b = (_a = document.querySelector(".TraceModal__content")) == null ? void 0 : _a.innerText) != null ? _b : ""
-                );
-              },
-              children: "Copy trace"
-            }
-          ) }),
-          children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              dangerouslySetInnerHTML: {
-                __html: trace.replaceAll(
-                  /\((\w+\.java:\d+)\)/g,
-                  "(<strong>$1</strong>)"
-                )
-              }
-            }
-          ),
-          noHeader: true,
-          size: "xxl"
-        }
-      })
-    );
-  };
-  return /* @__PURE__ */ jsxs(Box, { as: "code", className: "notification__trace", children: [
-    /* @__PURE__ */ jsxs(Box, { as: "strong", className: "notification__traceLabel", children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "IconMd",
-          onClick: openModal,
-          title: "View trace",
-          sx: {
-            height: "24px",
-            width: "24px"
-          },
-          children: /* @__PURE__ */ jsx(Icon, { size: "iconXs", title: "", name: "External" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "IconMd",
-          title: "Copy trace",
-          sx: {
-            height: "24px",
-            width: "24px"
-          },
-          onClick: () => void navigator.clipboard.writeText(
-            trace.replaceAll(/<br *\/?>/g, "\n")
-          ),
-          children: /* @__PURE__ */ jsx(Icon, { size: "iconXs", title: "", name: "Copy" })
-        }
-      ),
-      /* @__PURE__ */ jsx(Box, { as: "span", children: "Trace:" })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { className: "notification__traceText", children: trace })
-  ] });
-};
-
-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);
-    defaultNotifier.close(innerNotification);
-  }, [innerNotification]);
-  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(Trace, { trace: 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);
-}
-
-25% {
-  transform: rotate(1.5deg);
-}
-
-75% {
-  transform: rotate(-1.5deg);
-}
-
-100% {
-  transform: rotate(0);
-}`;
-const useSelector = defaultNotifier.useSelector;
-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;
-    });
-    useMount(() => {
-      document.addEventListener("keydown", (ev) => {
-        if (ev.code === "Escape") {
-          defaultNotifier.closeAll();
-        }
-      });
-    });
-    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 };
+export { Notification } from './Notification.js';
+export { default as NotificationsList } from './NotificationsList.js';
+export { dispatchNotifications, getNotificationMessageObj, parseServerNotification } from './apia/index.js';
+export { DefaultNotifier, defaultNotifier, notify, onCloseNotificationCallbacks, uniqueId } from './defaultNotifier.js';
+//# sourceMappingURL=index.js.map