@notificationapi/react 0.0.37 → 1.0.0

package/dist/assets/channelUtils.js

@@ -1,77 +1,45 @@
-import { jsx as l } from "react/jsx-runtime";
-import { a as o, h as c } from "./presets.js";
-import { Channels as n } from "../components/Notifications/interface.js";
-import * as a from "react";
-import { I as i } from "./AntdIcon.js";
-var h = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M816 768h-24V428c0-141.1-104.3-257.7-240-277.1V112c0-22.1-17.9-40-40-40s-40 17.9-40 40v38.9c-135.7 19.4-240 136-240 277.1v340h-24c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h216c0 61.8 50.2 112 112 112s112-50.2 112-112h216c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM512 888c-26.5 0-48-21.5-48-48h96c0 26.5-21.5 48-48 48zM304 768V428c0-55.6 21.6-107.8 60.9-147.1S456.4 220 512 220c55.6 0 107.8 21.6 147.1 60.9S720 372.4 720 428v340H304z" } }] }, name: "bell", theme: "outlined" }, p = function(e, t) {
-  return /* @__PURE__ */ a.createElement(i, o({}, e, {
-    ref: t,
-    icon: h
-  }));
-}, u = /* @__PURE__ */ a.forwardRef(p);
-process.env.NODE_ENV !== "production" && (u.displayName = "BellOutlined");
-var M = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M928 512.3v-.3c0-229.8-186.2-416-416-416S96 282.2 96 512v.4c0 229.8 186.2 416 416 416s416-186.2 416-416v-.3.2zm-6.7-74.6l.6 3.3-.6-3.3zM676.7 638.2c53.5-82.2 52.5-189.4-11.1-263.7l162.4-8.4c20.5 44.4 32 93.8 32 145.9 0 185.2-144.6 336.6-327.1 347.4l143.8-221.2zM512 652.3c-77.5 0-140.2-62.7-140.2-140.2 0-77.7 62.7-140.2 140.2-140.2S652.2 434.5 652.2 512 589.5 652.3 512 652.3zm369.2-331.7l-3-5.7 3 5.7zM512 164c121.3 0 228.2 62.1 290.4 156.2l-263.6-13.9c-97.5-5.7-190.2 49.2-222.3 141.1L227.8 311c63.1-88.9 166.9-147 284.2-147zM102.5 585.8c26 145 127.1 264 261.6 315.1C229.6 850 128.5 731 102.5 585.8zM164 512c0-55.9 13.2-108.7 36.6-155.5l119.7 235.4c44.1 86.7 137.4 139.7 234 121.6l-74 145.1C302.9 842.5 164 693.5 164 512zm324.7 415.4c4 .2 8 .4 12 .5-4-.2-8-.3-12-.5z" } }] }, name: "chrome", theme: "outlined" }, O = function(e, t) {
-  return /* @__PURE__ */ a.createElement(i, o({}, e, {
-    ref: t,
-    icon: M
-  }));
-}, d = /* @__PURE__ */ a.forwardRef(O);
-process.env.NODE_ENV !== "production" && (d.displayName = "ChromeOutlined");
-var g = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5zM833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6a55.99 55.99 0 0068.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z" } }] }, name: "mail", theme: "outlined" }, z = function(e, t) {
-  return /* @__PURE__ */ a.createElement(i, o({}, e, {
-    ref: t,
-    icon: g
-  }));
-}, s = /* @__PURE__ */ a.forwardRef(z);
-process.env.NODE_ENV !== "production" && (s.displayName = "MailOutlined");
-var E = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z" } }] }, name: "message", theme: "outlined" }, y = function(e, t) {
-  return /* @__PURE__ */ a.createElement(i, o({}, e, {
-    ref: t,
-    icon: E
-  }));
-}, m = /* @__PURE__ */ a.forwardRef(y);
-process.env.NODE_ENV !== "production" && (m.displayName = "MessageOutlined");
-var N = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M744 62H280c-35.3 0-64 28.7-64 64v768c0 35.3 28.7 64 64 64h464c35.3 0 64-28.7 64-64V126c0-35.3-28.7-64-64-64zm-8 824H288V134h448v752zM472 784a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, name: "mobile", theme: "outlined" }, b = function(e, t) {
-  return /* @__PURE__ */ a.createElement(i, o({}, e, {
-    ref: t,
-    icon: N
-  }));
-}, f = /* @__PURE__ */ a.forwardRef(b);
-process.env.NODE_ENV !== "production" && (f.displayName = "MobileOutlined");
-var C = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.46 405.46 0 01-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 00-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9 6.5 0 12.8-.5 19.2-1.6 132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.6-6.3-76.3-33.3-103.4zm-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9 295.7 611l119.8 120 .9.9 21.6-8a481.29 481.29 0 00285.7-285.8l8-21.6-120.8-120.7 110.8-110.9 104.5 104.5c10.8 10.8 15.8 26 13.3 40.8z" } }] }, name: "phone", theme: "outlined" }, B = function(e, t) {
-  return /* @__PURE__ */ a.createElement(i, o({}, e, {
-    ref: t,
-    icon: C
-  }));
-}, v = /* @__PURE__ */ a.forwardRef(B);
-process.env.NODE_ENV !== "production" && (v.displayName = "PhoneOutlined");
-const R = (r) => ({
+import { jsx as a } from "react/jsx-runtime";
+import { Channels as c } from "../components/Notifications/interface.js";
+import { c as t } from "./createSvgIcon.js";
+const o = t(/* @__PURE__ */ a("path", {
+  d: "M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99"
+}), "Call"), l = t(/* @__PURE__ */ a("path", {
+  d: "M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0-8 5-8-5zm0 12H4V8l8 5 8-5z"
+}), "EmailOutlined"), e = t(/* @__PURE__ */ a("path", {
+  d: "M22 6.98V16c0 1.1-.9 2-2 2H6l-4 4V4c0-1.1.9-2 2-2h10.1c-.06.32-.1.66-.1 1 0 2.76 2.24 5 5 5 1.13 0 2.16-.39 3-1.02M16 3c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3"
+}), "MarkChatUnread"), n = t(/* @__PURE__ */ a("path", {
+  d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z"
+}), "NotificationsOutlined"), s = t(/* @__PURE__ */ a("path", {
+  d: "M15.5 1h-8C6.12 1 5 2.12 5 3.5v17C5 21.88 6.12 23 7.5 23h8c1.38 0 2.5-1.12 2.5-2.5v-17C18 2.12 16.88 1 15.5 1m-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5m4.5-4H7V4h9z"
+}), "PhoneIphone"), m = t(/* @__PURE__ */ a("path", {
+  d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M9 11H7V9h2zm4 0h-2V9h2zm4 0h-2V9h2z"
+}), "Sms"), z = (r) => ({
   EMAIL: "Email",
   INAPP_WEB: "In-App",
   SMS: "Text",
   CALL: "Automated Calling",
   PUSH: "Mobile",
   WEB_PUSH: "Browser"
-})[r], P = (r) => {
+})[r], C = (r) => {
   switch (r) {
-    case n.EMAIL:
-      return /* @__PURE__ */ l(s, { style: { color: c.primary } });
-    case n.SMS:
-      return /* @__PURE__ */ l(m, { style: { color: c.primary } });
-    case n.PUSH:
-      return /* @__PURE__ */ l(f, { style: { color: c.primary } });
-    case n.CALL:
-      return /* @__PURE__ */ l(v, { style: { color: c.primary } });
-    case n.INAPP_WEB:
-      return /* @__PURE__ */ l(u, { style: { color: c.primary } });
-    case n.WEB_PUSH:
-      return /* @__PURE__ */ l(d, { style: { color: c.primary } });
+    case c.EMAIL:
+      return /* @__PURE__ */ a(l, { fontSize: "small", color: "primary" });
+    case c.SMS:
+      return /* @__PURE__ */ a(m, { fontSize: "small", color: "primary" });
+    case c.PUSH:
+      return /* @__PURE__ */ a(s, { fontSize: "small", color: "primary" });
+    case c.CALL:
+      return /* @__PURE__ */ a(o, { fontSize: "small", color: "primary" });
+    case c.INAPP_WEB:
+      return /* @__PURE__ */ a(n, { fontSize: "small", color: "primary" });
+    case c.WEB_PUSH:
+      return /* @__PURE__ */ a(e, { fontSize: "small", color: "primary" });
     default:
-      return /* @__PURE__ */ l(s, { style: { color: c.primary } });
+      return /* @__PURE__ */ a(l, { fontSize: "small", color: "primary" });
   }
 };
 export {
-  u as R,
-  P as a,
-  R as g
+  n as N,
+  C as a,
+  z as g
 };

package/dist/assets/createSimplePaletteValueFilter.js

@@ -0,0 +1,17 @@
+function n(e) {
+  return typeof e.main == "string";
+}
+function a(e, r = []) {
+  if (!n(e))
+    return !1;
+  for (const t of r)
+    if (!e.hasOwnProperty(t) || typeof e[t] != "string")
+      return !1;
+  return !0;
+}
+function i(e = []) {
+  return ([, r]) => r && a(r, e);
+}
+export {
+  i as c
+};

package/dist/assets/createSvgIcon.js

@@ -0,0 +1,248 @@
+import * as h from "react";
+import { jsxs as b, jsx as I } from "react/jsx-runtime";
+import { a as w, g as C, s as T, h as z, m as N, u as O, c as R, P as e, f as j } from "./DefaultPropsProvider.js";
+function E(o) {
+  return w("MuiSvgIcon", o);
+}
+C("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const $ = (o) => {
+  const {
+    color: r,
+    fontSize: n,
+    classes: s
+  } = o, t = {
+    root: ["root", r !== "inherit" && `color${z(r)}`, `fontSize${z(n)}`]
+  };
+  return j(t, E, s);
+}, A = T("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: n
+    } = o;
+    return [r.root, n.color !== "inherit" && r[`color${z(n.color)}`], r[`fontSize${z(n.fontSize)}`]];
+  }
+})(N(({
+  theme: o
+}) => {
+  var r, n, s, t, c, S, a, g, p, d, l, m, y, f;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (t = (r = o.transitions) == null ? void 0 : r.create) == null ? void 0 : t.call(r, "fill", {
+      duration: (s = (n = (o.vars ?? o).transitions) == null ? void 0 : n.duration) == null ? void 0 : s.shorter
+    }),
+    variants: [
+      {
+        props: (i) => !i.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((S = (c = o.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : S.call(c, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((g = (a = o.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : g.call(a, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((d = (p = o.typography) == null ? void 0 : p.pxToRem) == null ? void 0 : d.call(p, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((o.vars ?? o).palette).filter(([, i]) => i && i.main).map(([i]) => {
+        var u, v;
+        return {
+          props: {
+            color: i
+          },
+          style: {
+            color: (v = (u = (o.vars ?? o).palette) == null ? void 0 : u[i]) == null ? void 0 : v.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (m = (l = (o.vars ?? o).palette) == null ? void 0 : l.action) == null ? void 0 : m.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (f = (y = (o.vars ?? o).palette) == null ? void 0 : y.action) == null ? void 0 : f.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+})), x = /* @__PURE__ */ h.forwardRef(function(r, n) {
+  const s = O({
+    props: r,
+    name: "MuiSvgIcon"
+  }), {
+    children: t,
+    className: c,
+    color: S = "inherit",
+    component: a = "svg",
+    fontSize: g = "medium",
+    htmlColor: p,
+    inheritViewBox: d = !1,
+    titleAccess: l,
+    viewBox: m = "0 0 24 24",
+    ...y
+  } = s, f = /* @__PURE__ */ h.isValidElement(t) && t.type === "svg", i = {
+    ...s,
+    color: S,
+    component: a,
+    fontSize: g,
+    instanceFontSize: r.fontSize,
+    inheritViewBox: d,
+    viewBox: m,
+    hasSvgAsChild: f
+  }, u = {};
+  d || (u.viewBox = m);
+  const v = $(i);
+  return /* @__PURE__ */ b(A, {
+    as: a,
+    className: R(v.root, c),
+    focusable: "false",
+    color: p,
+    "aria-hidden": l ? void 0 : !0,
+    role: l ? "img" : void 0,
+    ref: n,
+    ...u,
+    ...y,
+    ...f && t.props,
+    ownerState: i,
+    children: [f ? t.props.children : t, l ? /* @__PURE__ */ I("title", {
+      children: l
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: e.oneOfType([e.oneOf(["inherit", "large", "medium", "small"]), e.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: e.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: e.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: e.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: e.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: e.string
+});
+x.muiName = "SvgIcon";
+function V(o, r) {
+  function n(s, t) {
+    return /* @__PURE__ */ I(x, {
+      "data-testid": `${r}Icon`,
+      ref: t,
+      ...s,
+      children: o
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${r}Icon`), n.muiName = x.muiName, /* @__PURE__ */ h.memo(/* @__PURE__ */ h.forwardRef(n));
+}
+export {
+  V as c
+};

package/dist/assets/integerPropType.js

@@ -0,0 +1,31 @@
+function f(e) {
+  const r = typeof e;
+  switch (r) {
+    case "number":
+      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
+    case "object":
+      return e === null ? "null" : e.constructor.name;
+    default:
+      return r;
+  }
+}
+function o(e, r, n, i) {
+  const t = e[r];
+  if (t == null || !Number.isInteger(t)) {
+    const l = f(t);
+    return new RangeError(`Invalid ${i} \`${r}\` of type \`${l}\` supplied to \`${n}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function c(e, r, ...n) {
+  return e[r] === void 0 ? null : o(e, r, ...n);
+}
+function u() {
+  return null;
+}
+c.isRequired = o;
+u.isRequired = u;
+const s = process.env.NODE_ENV === "production" ? u : c;
+export {
+  s as i
+};