@notificationapi/react 0.0.31 → 0.0.33

package/dist/components/Preferences/channelUtils.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "../../assets/index3.js";
+import "../../assets/presets.js";
 import "../Notifications/interface.js";
 import { a as r, g as m } from "../../assets/channelUtils.js";
 export {

package/dist/components/Provider/index.d.ts

@@ -33,6 +33,7 @@ type Props = ({
     initialLoadMaxAge?: Date;
     playSoundOnNewNotification?: boolean;
     newNotificationSoundPath?: string;
+    client?: typeof NotificationAPIClientSDK;
 };
 export declare const NotificationAPIProvider: React.FunctionComponent<PropsWithChildren<Props>> & {
     useNotificationAPIContext: typeof useNotificationAPIContext;

package/dist/components/Provider/index.js

@@ -1,15 +1,15 @@
 import { jsx as B } from "react/jsx-runtime";
 import { createContext as z, useState as N, useCallback as m, useMemo as F, useRef as k, useEffect as U, useContext as G } from "react";
-const J = async (e, s, i, a, f, w, p) => {
-  const h = _(a, f, w), l = await fetch(
+const J = async (e, s, i, a, f, w, h) => {
+  const p = _(a, f, w), l = await fetch(
     `https://${s}/${a}/users/${encodeURIComponent(
       f
     )}/${i}`,
     {
       method: e,
-      body: JSON.stringify(p),
+      body: JSON.stringify(h),
       headers: {
-        Authorization: `Basic ${h}`
+        Authorization: `Basic ${p}`
       }
     }
   );
@@ -116,18 +116,18 @@ const J = async (e, s, i, a, f, w, p) => {
   // e.g. identify simply maps to postUsers
   getInAppNotifications: async (e) => {
     const s = e.maxCountNeeded || n.config.getInAppDefaultCount, i = e.oldestNeeded || n.config.getInAppDefaultOldest;
-    let a = [], f = e.before, w = !0, p = !0;
-    for (; p; ) {
-      const h = (await n.rest.getNotifications(
+    let a = [], f = e.before, w = !0, h = !0;
+    for (; h; ) {
+      const p = (await n.rest.getNotifications(
         f,
         s
       )).notifications.filter(
         (l) => !a.find((g) => g.id === l.id)
       );
-      f = h.reduce(
+      f = p.reduce(
         (l, g) => l < g.date ? l : g.date,
         e.before
-      ), a = [...a, ...h], w = h.length > 0, p = !0, (!w || a.length >= s || f < i) && (p = !1);
+      ), a = [...a, ...p], w = p.length > 0, h = !0, (!w || a.length >= s || f < i) && (h = !1);
     }
     return {
       items: a,
@@ -164,7 +164,7 @@ const J = async (e, s, i, a, f, w, p) => {
     },
     ...e,
     user: "userId" in e ? { id: e.userId } : e.user
-  }, [a, f] = N(), [w, p] = N(), [h, l] = N(!1), [g, y] = N((/* @__PURE__ */ new Date()).toISOString()), [b, P] = N(!0), D = m(() => {
+  }, [a, f] = N(), [w, h] = N(), [p, l] = N(!1), [g, y] = N((/* @__PURE__ */ new Date()).toISOString()), [b, P] = N(!0), D = m(() => {
     i.playSoundOnNewNotification && new Audio(i.newNotificationSoundPath).play().catch((r) => {
       console.log("Failed to play new notification sound:", r);
     });
@@ -175,7 +175,7 @@ const J = async (e, s, i, a, f, w, p) => {
       ...t
     ] : o));
   }, []), u = F(() => {
-    const o = n.init({
+    const o = e.client ? e.client : n.init({
       clientId: i.clientId,
       userId: i.user.id,
       hashedUserId: i.hashedUserId,
@@ -194,17 +194,18 @@ const J = async (e, s, i, a, f, w, p) => {
     i.user.number,
     i.hashedUserId,
     S,
-    D
+    D,
+    e.client
   ]), O = m(
     async (o, r) => {
       const t = await u.rest.getNotifications(o, r);
       y(t.oldestReceived), P(t.couldLoadMore), S(t.notifications);
     },
     [S, u.rest]
-  ), v = k(b), C = k(h), x = k(g);
+  ), v = k(b), C = k(p), x = k(g);
   U(() => {
-    v.current = b, C.current = h, x.current = g;
-  }, [b, h, g]);
+    v.current = b, C.current = p, x.current = g;
+  }, [b, p, g]);
   const A = m(
     async (o) => {
       if (!(!o && (!v.current || C.current))) {
@@ -221,54 +222,46 @@ const J = async (e, s, i, a, f, w, p) => {
     },
     [i.initialLoadMaxCount, O]
   ), R = async (o) => {
-    if (!a)
-      return;
+    if (!a) return;
     const r = (/* @__PURE__ */ new Date()).toISOString(), t = a.filter((c) => o.includes(c.id) && !c.clicked).map((c) => c.id);
     u.updateInAppNotifications({ ids: t, clicked: !0 }), f((c) => {
-      if (!c)
-        return [];
+      if (!c) return [];
       const d = [...c];
       return d.filter((I) => t.includes(I.id)).forEach((I) => {
         I.clicked = r;
       }), d;
     });
   }, $ = async () => {
-    if (!a)
-      return;
+    if (!a) return;
     const o = (/* @__PURE__ */ new Date()).toISOString(), r = a.filter((t) => !t.opened || !t.seen).map((t) => t.id);
     r.length !== 0 && (u.updateInAppNotifications({
       ids: r,
       opened: !0
     }), f((t) => {
-      if (!t)
-        return [];
+      if (!t) return [];
       const c = [...t];
       return c.filter((d) => r.includes(d.id)).forEach((d) => {
         d.opened = o, d.seen = !0;
       }), c;
     }));
   }, j = async (o) => {
-    if (!a)
-      return;
+    if (!a) return;
     const r = a.filter((t) => t.archived && (o === "ALL" || o.includes(t.id))).map((t) => t.id);
     r.length !== 0 && (u.updateInAppNotifications({
       ids: r,
       archived: !1
     }), f((t) => {
-      if (!t)
-        return [];
+      if (!t) return [];
       const c = [...t];
       return c.filter((d) => r.includes(d.id)).forEach((d) => {
         d.archived = void 0;
       }), c;
     }));
   }, T = async (o) => {
-    if (!a)
-      return;
+    if (!a) return;
     const r = (/* @__PURE__ */ new Date()).toISOString(), t = a.filter((c) => !c.archived && (o === "ALL" || o.includes(c.id))).map((c) => c.id);
     t.length !== 0 && (u.updateInAppNotifications({ ids: t, archived: !0 }), f((c) => {
-      if (!c)
-        return [];
+      if (!c) return [];
       const d = [...c];
       return d.filter((I) => t.includes(I.id)).forEach((I) => {
         I.archived = r;
@@ -284,13 +277,13 @@ const J = async (e, s, i, a, f, w, p) => {
   ]), L = (o) => {
     u.rest.postPreferences(o).then(() => {
       u.getPreferences().then((r) => {
-        p(r);
+        h(r);
       });
     });
   };
   U(() => {
-    f([]), l(!1), p(void 0), y((/* @__PURE__ */ new Date()).toISOString()), P(!0), A(!0), u.openWebSocket(), u.getPreferences().then((o) => {
-      p(o);
+    f([]), l(!1), h(void 0), y((/* @__PURE__ */ new Date()).toISOString()), P(!0), A(!0), u.openWebSocket(), u.getPreferences().then((o) => {
+      h(o);
     });
   }, [u, A]);
   const H = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "0.0.31",
+  "version": "0.0.33",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,14 +13,14 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
     "@ant-design/icons": "^5.3.6",
     "@types/node": "^20.12.7",
-    "@types/react": "^16.14.0",
-    "@types/react-dom": "^16.9.8",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",