@notificationapi/react 0.0.24 → 0.0.25

package/dist/assets/PurePanel.js

@@ -0,0 +1,69 @@
+import { a as R } from "./index3.js";
+import * as e from "react";
+import { I as w } from "./AntdIcon.js";
+import { u as E } from "./index4.js";
+import { C as y, a as I } from "./colors.js";
+var j = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, name: "close", theme: "outlined" }, z = function(s, l) {
+  return /* @__PURE__ */ e.createElement(w, R({}, s, {
+    ref: l,
+    icon: j
+  }));
+}, S = /* @__PURE__ */ e.forwardRef(z);
+process.env.NODE_ENV !== "production" && (S.displayName = "CloseOutlined");
+function L(n) {
+  return (s) => /* @__PURE__ */ e.createElement(y, {
+    theme: {
+      token: {
+        motion: !1,
+        zIndexPopupBase: 0
+      }
+    }
+  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, s)));
+}
+const M = (n, s, l, W) => L((r) => {
+  const {
+    prefixCls: f,
+    style: p
+  } = r, a = e.useRef(null), [m, g] = e.useState(0), [v, C] = e.useState(0), [c, P] = E(!1, {
+    value: r.open
+  }), {
+    getPrefixCls: O
+  } = e.useContext(I), h = O("select", f);
+  e.useEffect(() => {
+    if (P(!0), typeof ResizeObserver < "u") {
+      const i = new ResizeObserver((t) => {
+        const o = t[0].target;
+        g(o.offsetHeight + 8), C(o.offsetWidth);
+      }), u = setInterval(() => {
+        var t;
+        const o = `.${h}-dropdown`, d = (t = a.current) === null || t === void 0 ? void 0 : t.querySelector(o);
+        d && (clearInterval(u), i.observe(d));
+      }, 10);
+      return () => {
+        clearInterval(u), i.disconnect();
+      };
+    }
+  }, []);
+  let b = Object.assign(Object.assign({}, r), {
+    style: Object.assign(Object.assign({}, p), {
+      margin: 0
+    }),
+    open: c,
+    visible: c,
+    getPopupContainer: () => a.current
+  });
+  const x = {
+    paddingBottom: m,
+    position: "relative",
+    minWidth: v
+  };
+  return /* @__PURE__ */ e.createElement("div", {
+    ref: a,
+    style: x
+  }, /* @__PURE__ */ e.createElement(n, Object.assign({}, b)));
+});
+export {
+  S as R,
+  M as g,
+  L as w
+};

package/dist/assets/RightOutlined.js

@@ -0,0 +1,13 @@
+import { a as r } from "./index3.js";
+import * as t from "react";
+import { I as i } from "./AntdIcon.js";
+var o = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, name: "right", theme: "outlined" }, n = function(e, a) {
+  return /* @__PURE__ */ t.createElement(i, r({}, e, {
+    ref: a,
+    icon: o
+  }));
+}, c = /* @__PURE__ */ t.forwardRef(n);
+process.env.NODE_ENV !== "production" && (c.displayName = "RightOutlined");
+export {
+  c as R
+};

package/dist/assets/button.js

@@ -1,7 +1,8 @@
 import * as j from "react";
 import a, { forwardRef as Co, useContext as _, useMemo as Fo, useState as mo, Children as Vo, useEffect as po, createRef as qo } from "react";
-import { C as yo, e as Xo, f as vo, c as O, a as Uo, h as Jo, d as Ko, m as L, j as M, g as Qo, u as I, k as Yo, l as Zo, D as ko, n as oe } from "./colors.js";
-import { e as ee, f as te, h as ne, j as re, o as ie, W as le } from "./index3.js";
+import { c as O } from "./index3.js";
+import { h as Xo, j as Uo, k as Jo, e as Ko, o as Qo, W as Yo } from "./index4.js";
+import { a as yo, h as Zo, e as vo, c as ko, j as oe, d as ee, m as L, k as M, g as te, u as I, l as ne, n as re, D as ie, o as le } from "./colors.js";
 var ae = function(o, e) {
   var t = {};
   for (var n in o)
@@ -19,7 +20,7 @@ const $o = /* @__PURE__ */ j.createContext(void 0), ce = (o) => {
     prefixCls: n,
     size: r,
     className: i
-  } = o, l = ae(o, ["prefixCls", "size", "className"]), c = e("btn-group", n), [, , m] = Xo();
+  } = o, l = ae(o, ["prefixCls", "size", "className"]), c = e("btn-group", n), [, , m] = Zo();
   let u = "";
   switch (r) {
     case "large":
@@ -43,7 +44,7 @@ const $o = /* @__PURE__ */ j.createContext(void 0), ce = (o) => {
     className: p
   })));
 }, bo = /^[\u4e00-\u9fa5]{2}$/, q = bo.test.bind(bo);
-function Ae(o) {
+function Ge(o) {
   return o === "danger" ? {
     danger: !0
   } : {
@@ -60,9 +61,9 @@ function se(o, e) {
   if (o == null)
     return;
   const t = e ? " " : "";
-  return typeof o != "string" && typeof o != "number" && fo(o.type) && q(o.props.children) ? Uo(o, {
+  return typeof o != "string" && typeof o != "number" && fo(o.type) && q(o.props.children) ? ko(o, {
     children: o.props.children.split("").join(t)
-  }) : fo(o) ? q(o) ? /* @__PURE__ */ a.createElement("span", null, o.split("").join(t)) : /* @__PURE__ */ a.createElement("span", null, o) : Jo(o) ? /* @__PURE__ */ a.createElement("span", null, o) : o;
+  }) : fo(o) ? q(o) ? /* @__PURE__ */ a.createElement("span", null, o.split("").join(t)) : /* @__PURE__ */ a.createElement("span", null, o) : oe(o) ? /* @__PURE__ */ a.createElement("span", null, o) : o;
 }
 function de(o, e) {
   let t = !1;
@@ -105,7 +106,7 @@ const Bo = /* @__PURE__ */ Co((o, e) => {
     className: c,
     style: r,
     ref: e
-  }, /* @__PURE__ */ a.createElement(ee, {
+  }, /* @__PURE__ */ a.createElement(Xo, {
     className: i
   }));
 }), F = () => ({
@@ -130,7 +131,7 @@ const Bo = /* @__PURE__ */ Co((o, e) => {
     className: r,
     style: i,
     iconPosition: l
-  }) : /* @__PURE__ */ a.createElement(Ko, {
+  }) : /* @__PURE__ */ a.createElement(ee, {
     visible: c,
     // We do not really use this motionName
     motionName: `${e}-loading-icon-motion`,
@@ -326,7 +327,7 @@ const Bo = /* @__PURE__ */ Co((o, e) => {
       "> a": {
         color: "currentColor"
       },
-      "&:not(:disabled)": Object.assign({}, Yo(o)),
+      "&:not(:disabled)": Object.assign({}, ne(o)),
       [`&${e}-two-chinese-chars::first-letter`]: {
         letterSpacing: "0.34em"
       },
@@ -577,7 +578,7 @@ const Bo = /* @__PURE__ */ Co((o, e) => {
       }
     }
   };
-}, xe = Qo("Button", (o) => {
+}, xe = te("Button", (o) => {
   const e = Oo(o);
   return [
     // Shared
@@ -685,11 +686,11 @@ const je = (o) => {
       }
     }
   };
-}, Ne = Zo(["Button", "compact"], (o) => {
+}, Ne = re(["Button", "compact"], (o) => {
   const e = Oo(o);
   return [
     // Space Compact
-    te(e),
+    Uo(e),
     ze(e),
     je(e)
   ];
@@ -743,7 +744,7 @@ const Te = /* @__PURE__ */ a.forwardRef((o, e) => {
     getPrefixCls: Po,
     direction: Y,
     button: g
-  } = _(yo), W = (t = w ?? (g == null ? void 0 : g.autoInsertSpace)) !== null && t !== void 0 ? t : !0, s = Po("btn", l), [Z, To, wo] = xe(s), Wo = _(ko), E = v ?? Wo, Do = _($o), x = Fo(() => Pe(i), [i]), [y, k] = mo(x.loading), [D, oo] = mo(!1), B = oe(e, /* @__PURE__ */ qo()), eo = Vo.count(S) === 1 && !C && !z($);
+  } = _(yo), W = (t = w ?? (g == null ? void 0 : g.autoInsertSpace)) !== null && t !== void 0 ? t : !0, s = Po("btn", l), [Z, To, wo] = xe(s), Wo = _(ie), E = v ?? Wo, Do = _($o), x = Fo(() => Pe(i), [i]), [y, k] = mo(x.loading), [D, oo] = mo(!1), B = le(e, /* @__PURE__ */ qo()), eo = Vo.count(S) === 1 && !C && !z($);
   po(() => {
     let d = null;
     x.delay > 0 ? d = setTimeout(() => {
@@ -776,14 +777,14 @@ const Te = /* @__PURE__ */ a.forwardRef((o, e) => {
   const {
     compactSize: Ro,
     compactItemClassnames: no
-  } = ne(s, Y), Ao = {
+  } = Jo(s, Y), Ao = {
     large: "lg",
     small: "sm",
     middle: void 0
-  }, ro = re((d) => {
+  }, ro = Ko((d) => {
     var b, G;
     return (G = (b = p ?? Ro) !== null && b !== void 0 ? b : Do) !== null && G !== void 0 ? G : d;
-  }), io = ro && Ao[ro] || "", lo = y ? "loading" : C, R = ie(Q, ["navigate"]), ao = O(s, To, wo, {
+  }), io = ro && Ao[ro] || "", lo = y ? "loading" : C, R = Qo(Q, ["navigate"]), ao = O(s, To, wo, {
     [`${s}-${u}`]: u !== "default" && u,
     [`${s}-${$}`]: $,
     [`${s}-${io}`]: io,
@@ -828,7 +829,7 @@ const Te = /* @__PURE__ */ a.forwardRef((o, e) => {
     key: "compact",
     prefixCls: s
   }));
-  return z($) || (A = /* @__PURE__ */ a.createElement(le, {
+  return z($) || (A = /* @__PURE__ */ a.createElement(Yo, {
     component: "Button",
     disabled: !!y
   }, A)), Z(A);
@@ -838,5 +839,5 @@ J.__ANT_BUTTON = !0;
 process.env.NODE_ENV !== "production" && (J.displayName = "Button");
 export {
   J as B,
-  Ae as c
+  Ge as c
 };

package/dist/assets/channelUtils.js

@@ -0,0 +1,77 @@
+import { jsx as l } from "react/jsx-runtime";
+import { a as o, f as c } from "./index3.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) => ({
+  EMAIL: "Email",
+  INAPP_WEB: "In-App",
+  SMS: "Text",
+  CALL: "Automated Calling",
+  PUSH: "Mobile",
+  WEB_PUSH: "Browser"
+})[r], P = (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 } });
+    default:
+      return /* @__PURE__ */ l(s, { style: { color: c.primary } });
+  }
+};
+export {
+  u as R,
+  P as a,
+  R as g
+};