@notificationapi/react 0.0.33 → 0.0.35

package/README.md

@@ -1,6 +1,6 @@
 [![NotificationAPI](./ReadmeLogo.svg)](https://notificationapi.com)
 
-The React SDK is mainly used for displaying In-App Notifications and allowing users to see and change their Notification Preferences.
+The React SDK is mainly used for displaying In-App Notifications, allowing users to see and change their Notification Preferences and enabling web push notification .
 
 # Docs
 

package/dist/assets/AntdIcon.js

@@ -1,4 +1,4 @@
-import { w as L, b, _ as c, g as U, I, u as W, d as N, e as R, c as q, f as h, a as F, h as G } from "./presets.js";
+import { w as L, d as b, _ as c, g as U, I, u as W, e as N, f as R, c as q, b as h, a as F, h as G } from "./presets.js";
 import * as d from "react";
 import x, { useContext as H, useEffect as J } from "react";
 function S(n) {

package/dist/assets/CloseOutlined.js

@@ -0,0 +1,13 @@
+import { a as l } from "./presets.js";
+import * as e from "react";
+import { I as o } from "./AntdIcon.js";
+var t = { 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" }, r = function(a, c) {
+  return /* @__PURE__ */ e.createElement(o, l({}, a, {
+    ref: c,
+    icon: t
+  }));
+}, n = /* @__PURE__ */ e.forwardRef(r);
+process.env.NODE_ENV !== "production" && (n.displayName = "CloseOutlined");
+export {
+  n as R
+};

package/dist/assets/Notification.js

@@ -2,8 +2,9 @@ import { jsxs as Sr, jsx as Oe } from "react/jsx-runtime";
 import * as H from "react";
 import Pe, { useRef as Xt, useDebugValue as Nn, createElement as Bo, useContext as Ho, useMemo as Ve, useCallback as Yo, useState as Wo, useEffect as In } from "react";
 import { c as Jt, l as Ts, m as Os } from "./presets.js";
-import { e as Go, h as xs, D as Xo, t as Jo, T as Fn, R as Zo } from "./index3.js";
-import { l as Qo, I as Ko, g as ea, m as ta, r as ra, u as na, j as ia, a as ks, e as Es, c as sa, J as oa } from "./colors.js";
+import { u as xs, n as Go, T as Fn, R as Xo } from "./index3.js";
+import { A as Jo, Q as Zo, g as Qo, m as Ko, r as ea, u as ta, i as ra, a as ks, f as Es, c as na, U as ia } from "./reactNode.js";
+import { a as sa, t as oa } from "./compact-item.js";
 import { P as aa } from "./index.js";
 import { B as ua } from "./button.js";
 import { B as ca } from "./index2.js";
@@ -31,7 +32,7 @@ const Ps = ["xxl", "xl", "lg", "md", "sm", "xs"], la = (e) => ({
   }), e;
 };
 function ha() {
-  const [, e] = Qo(), t = la(fa(e));
+  const [, e] = Jo(), t = la(fa(e));
   return Pe.useMemo(() => {
     const r = /* @__PURE__ */ new Map();
     let n = -1, i = {};
@@ -79,7 +80,7 @@ function pa() {
 function da() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
   const t = Xt({}), r = pa(), n = ha();
-  return Ko(() => {
+  return Zo(() => {
     const i = n.subscribe((s) => {
       t.current = s, e && r();
     });
@@ -119,7 +120,7 @@ const Fr = /* @__PURE__ */ H.createContext({}), ma = (e) => {
     }
   });
   return {
-    [r]: Object.assign(Object.assign(Object.assign(Object.assign({}, ra(e)), {
+    [r]: Object.assign(Object.assign(Object.assign(Object.assign({}, ea(e)), {
       position: "relative",
       display: "inline-flex",
       justifyContent: "center",
@@ -130,7 +131,7 @@ const Fr = /* @__PURE__ */ H.createContext({}), ma = (e) => {
       textAlign: "center",
       verticalAlign: "middle",
       background: i,
-      border: `${na(b)} ${D} transparent`,
+      border: `${ta(b)} ${D} transparent`,
       "&-image": {
         background: "transparent"
       },
@@ -195,11 +196,11 @@ const Fr = /* @__PURE__ */ H.createContext({}), ma = (e) => {
     groupOverlapping: -u,
     groupBorderColor: f
   };
-}, _s = ea("Avatar", (e) => {
+}, _s = Qo("Avatar", (e) => {
   const {
     colorTextLightSolid: t,
     colorTextPlaceholder: r
-  } = e, n = ta(e, {
+  } = e, n = Ko(e, {
     avatarBg: r,
     avatarColor: t
   });
@@ -213,7 +214,7 @@ var va = function(e, t) {
   return r;
 };
 const wa = (e, t) => {
-  const [r, n] = H.useState(1), [i, s] = H.useState(!1), [o, a] = H.useState(!0), u = H.useRef(null), l = H.useRef(null), f = ia(t, u), {
+  const [r, n] = H.useState(1), [i, s] = H.useState(!1), [o, a] = H.useState(!0), u = H.useRef(null), l = H.useRef(null), f = ra(t, u), {
     getPrefixCls: h,
     avatar: g
   } = H.useContext(ks), m = H.useContext(Fr), x = () => {
@@ -250,7 +251,7 @@ const wa = (e, t) => {
     draggable: K,
     children: ee,
     crossOrigin: le
-  } = e, G = va(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), Y = Go((E) => {
+  } = e, G = va(e, ["prefixCls", "shape", "size", "src", "srcSet", "icon", "className", "rootClassName", "alt", "draggable", "children", "crossOrigin"]), Y = sa((E) => {
     var P, N;
     return (N = (P = S ?? (m == null ? void 0 : m.size)) !== null && P !== void 0 ? P : E) !== null && N !== void 0 ? N : "default";
   }), fe = Object.keys(typeof Y == "object" ? Y || {} : {}).some((E) => ["xs", "sm", "md", "lg", "xl", "xxl"].includes(E)), me = da(fe), ae = H.useMemo(() => {
@@ -298,7 +299,7 @@ const wa = (e, t) => {
       WebkitTransform: E,
       transform: E
     };
-    $ = /* @__PURE__ */ H.createElement(Xo, {
+    $ = /* @__PURE__ */ H.createElement(Go, {
       onResize: x
     }, /* @__PURE__ */ H.createElement("span", {
       className: `${q}-string`,
@@ -356,7 +357,7 @@ const Mn = (e) => {
   }
   const S = i("avatar", o), T = `${S}-group`, k = xs(S), [p, A, _] = _s(S, k), Z = Jt(T, {
     [`${T}-rtl`]: s === "rtl"
-  }, _, k, a, u, A), K = Jo(D).map((G, Y) => sa(G, {
+  }, _, k, a, u, A), K = oa(D).map((G, Y) => na(G, {
     key: `avatar-key-${Y}`
   })), ee = (w == null ? void 0 : w.count) || f, le = K.length;
   if (ee && ee < le) {
@@ -3734,7 +3735,7 @@ var Ar, zi;
 function el() {
   if (zi) return Ar;
   zi = 1;
-  var e = yo(), t = oa(), r = Sn(), n = vo(), i = Kc(), s = function() {
+  var e = yo(), t = ia(), r = Sn(), n = vo(), i = Kc(), s = function() {
   };
   process.env.NODE_ENV !== "production" && (s = function(a) {
     var u = "Warning: " + a;
@@ -7648,7 +7649,7 @@ const Dd = eo.div`
   &:hover .notification-archive-button {
     visibility: ${(e) => e.$archived ? "hidden" : "visible"};
   }
-`, Ud = (e) => {
+`, Vd = (e) => {
   var x, b, D, w;
   if (e.renderer)
     return e.renderer(e.notifications);
@@ -7732,7 +7733,7 @@ const Dd = eo.div`
                 ua,
                 {
                   className: "notification-archive-button",
-                  icon: /* @__PURE__ */ Oe(Zo, {}),
+                  icon: /* @__PURE__ */ Oe(Xo, {}),
                   size: "small",
                   type: "text",
                   shape: "circle",
@@ -7762,7 +7763,7 @@ const Dd = eo.div`
 };
 export {
   Dn as L,
-  Ud as N,
+  Vd as N,
   da as a,
   Ps as r,
   ha as u