@notificationapi/react 0.0.25 → 0.0.26

package/dist/components/Preferences/Preferences.js

@@ -523,59 +523,57 @@ function Le() {
   const e = ie(oe);
   if (!e || !e.preferences)
     return null;
-  const n = e.preferences.notifications.map(
-    (t) => {
-      var f, r, s;
-      const o = (f = e.preferences) == null ? void 0 : f.preferences.filter(
-        (a) => a.notificationId === t.notificationId && !a.subNotificationId
-      ), i = (r = e.preferences) == null ? void 0 : r.preferences.filter(
-        (a) => a.notificationId === t.notificationId && a.subNotificationId
-      ), c = (s = e.preferences) == null ? void 0 : s.subNotifications.filter(
-        (a) => i == null ? void 0 : i.find(
-          (v) => v.subNotificationId === a.subNotificationId
-        )
-      );
-      return {
-        label: t.title,
-        key: t.notificationId,
-        children: /* @__PURE__ */ ae(G, { children: [
-          /* @__PURE__ */ B(
-            L,
-            {
-              notification: t,
-              preferences: o || [],
-              updateDelivery: e.updateDelivery
-            },
-            t.notificationId
-          ),
-          c == null ? void 0 : c.map((a) => /* @__PURE__ */ B(
-            q,
-            {
-              bordered: !1,
-              items: [
-                {
-                  label: a.title,
-                  key: a.subNotificationId,
-                  children: /* @__PURE__ */ B(
-                    L,
-                    {
-                      notification: t,
-                      preferences: i || [],
-                      updateDelivery: e.updateDelivery,
-                      subNotificationId: a.subNotificationId
-                    },
-                    a.subNotificationId
-                  )
-                }
-              ],
-              defaultActiveKey: []
-            },
-            a.subNotificationId
-          ))
-        ] })
-      };
-    }
-  );
+  const n = e.preferences.notifications.sort((t, o) => t.title.localeCompare(o.title)).map((t) => {
+    var f, r, s;
+    const o = (f = e.preferences) == null ? void 0 : f.preferences.filter(
+      (a) => a.notificationId === t.notificationId && !a.subNotificationId
+    ), i = (r = e.preferences) == null ? void 0 : r.preferences.filter(
+      (a) => a.notificationId === t.notificationId && a.subNotificationId
+    ), c = (s = e.preferences) == null ? void 0 : s.subNotifications.filter(
+      (a) => i == null ? void 0 : i.find(
+        (v) => v.subNotificationId === a.subNotificationId
+      )
+    );
+    return {
+      label: t.title,
+      key: t.notificationId,
+      children: /* @__PURE__ */ ae(G, { children: [
+        /* @__PURE__ */ B(
+          L,
+          {
+            notification: t,
+            preferences: o || [],
+            updateDelivery: e.updateDelivery
+          },
+          t.notificationId
+        ),
+        c == null ? void 0 : c.map((a) => /* @__PURE__ */ B(
+          q,
+          {
+            bordered: !1,
+            items: [
+              {
+                label: a.title,
+                key: a.subNotificationId,
+                children: /* @__PURE__ */ B(
+                  L,
+                  {
+                    notification: t,
+                    preferences: i || [],
+                    updateDelivery: e.updateDelivery,
+                    subNotificationId: a.subNotificationId
+                  },
+                  a.subNotificationId
+                )
+              }
+            ],
+            defaultActiveKey: []
+          },
+          a.subNotificationId
+        ))
+      ] })
+    };
+  });
   return /* @__PURE__ */ B(G, { children: /* @__PURE__ */ B(q, { items: n, defaultActiveKey: [] }) });
 }
 export {

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

@@ -10,6 +10,12 @@ export type Context = {
     markAsUnarchived: (ids: string[] | 'ALL') => void;
     markAsClicked: (ids: string[]) => void;
     updateDelivery: (notificationId: string, channel: Channels, delivery: DeliveryOptionsForEmail | DeliveryOptionsForInappWeb | BaseDeliveryOptions, subNotificationId?: string) => void;
+    updateDeliveries: (params: {
+        notificationId: string;
+        channel: Channels;
+        delivery: DeliveryOptionsForEmail | DeliveryOptionsForInappWeb | BaseDeliveryOptions;
+        subNotificationId?: string;
+    }[]) => void;
 };
 export declare const NotificationAPIContext: import('react').Context<Context | undefined>;
 type Props = {

package/dist/components/Provider/index.js

@@ -1,10 +1,10 @@
-import { jsx as W } from "react/jsx-runtime";
-import { createContext as H, useState as N, useCallback as A, useMemo as B, useRef as m, useEffect as x, useContext as G } from "react";
-const J = async (e, c, d, r, f, I, h) => {
-  const g = _(r, f, I), l = await fetch(
+import { jsx as H } from "react/jsx-runtime";
+import { createContext as B, useState as N, useCallback as A, useMemo as G, useRef as m, useEffect as L, useContext as J } from "react";
+const _ = async (e, c, a, r, f, I, h) => {
+  const g = z(r, f, I), l = await fetch(
     `https://${c}/${r}/users/${encodeURIComponent(
       f
-    )}/${d}`,
+    )}/${a}`,
     {
       method: e,
       body: JSON.stringify(h),
@@ -18,7 +18,7 @@ const J = async (e, c, d, r, f, I, h) => {
   } catch {
     return;
   }
-}, _ = (e, c, d) => btoa(d ? e + ":" + c + ":" + d : e + ":" + c), L = {
+}, z = (e, c, a) => btoa(a ? e + ":" + c + ":" + a : e + ":" + c), M = {
   host: "api.notificationapi.com",
   websocketHost: "ws.notificationapi.com",
   userId: "",
@@ -32,22 +32,22 @@ const J = async (e, c, d, r, f, I, h) => {
   keepWebSocketAliveForSeconds: 86400
   // 24 hours
 }, i = {
-  config: L,
+  config: M,
   init: function(e) {
-    return this.config = { ...L, ...e }, {
+    return this.config = { ...M, ...e }, {
       ...this
     };
   },
   rest: {
-    generic: function(e, c, d) {
-      return J(
+    generic: function(e, c, a) {
+      return _(
         e,
         i.config.host,
         c,
         i.config.clientId,
         i.config.userId,
         i.config.hashedUserId,
-        d
+        a
       );
     },
     getNotifications: function(e, c) {
@@ -79,9 +79,9 @@ const J = async (e, c, d, r, f, I, h) => {
     connect: function() {
       let e = `wss://${i.config.websocketHost}?userId=${encodeURIComponent(i.config.userId)}&envId=${i.config.clientId}`;
       return i.config.hashedUserId && (e += `&userIdHash=${encodeURIComponent(i.config.hashedUserId)}`), i.websocket.object = new WebSocket(e), i.websocket.object.onmessage = (c) => {
-        const d = JSON.parse(c.data);
-        if (!(!d || !d.route) && d.route === "inapp_web/new_notifications") {
-          const r = d;
+        const a = JSON.parse(c.data);
+        if (!(!a || !a.route) && a.route === "inapp_web/new_notifications") {
+          const r = a;
           i.config.onNewInAppNotifications && i.config.onNewInAppNotifications(
             r.payload.notifications
           );
@@ -106,7 +106,7 @@ const J = async (e, c, d, r, f, I, h) => {
     });
   },
   getInAppNotifications: async (e) => {
-    const c = e.maxCountNeeded || i.config.getInAppDefaultCount, d = e.oldestNeeded || i.config.getInAppDefaultOldest;
+    const c = e.maxCountNeeded || i.config.getInAppDefaultCount, a = e.oldestNeeded || i.config.getInAppDefaultOldest;
     let r = [], f = e.before, I = !0, h = !0;
     for (; h; ) {
       const g = (await i.rest.getNotifications(
@@ -118,7 +118,7 @@ const J = async (e, c, d, r, f, I, h) => {
       f = g.reduce(
         (l, p) => l < p.date ? l : p.date,
         e.before
-      ), r = [...r, ...g], I = g.length > 0, h = !0, (!I || r.length >= c || f < d) && (h = !1);
+      ), r = [...r, ...g], I = g.length > 0, h = !0, (!I || r.length >= c || f < a) && (h = !1);
     }
     return {
       items: r,
@@ -134,10 +134,10 @@ const J = async (e, c, d, r, f, I, h) => {
   },
   getPreferences: async () => i.rest.getPreferences(),
   updateDeliveryOption: async (e) => i.rest.postPreferences([e])
-}, M = H(
+}, U = B(
   void 0
-), z = (e) => {
-  const d = {
+), F = (e) => {
+  const a = {
     ...{
       apiURL: "https://api.notificationapi.com",
       wsURL: "wss://ws.notificationapi.com",
@@ -148,10 +148,10 @@ const J = async (e, c, d, r, f, I, h) => {
   }, [r, f] = N(), [I, h] = N(), [g, l] = N(!1), [p, D] = N((/* @__PURE__ */ new Date()).toISOString()), [b, v] = N(!0), S = A((o) => {
     const s = (/* @__PURE__ */ new Date()).toISOString();
     f((t) => (o = o.filter((n) => !(n.expDate && new Date(n.expDate * 1e3).toISOString() > s || n.date > s)), t ? [
-      ...o.filter((n) => !t.find((a) => a.id === n.id)),
+      ...o.filter((n) => !t.find((d) => d.id === n.id)),
       ...t
     ] : o));
-  }, []), u = B(() => i.init({
+  }, []), u = G(() => i.init({
     clientId: e.clientId,
     userId: e.userId,
     hashedUserId: e.hashedUserId,
@@ -163,44 +163,44 @@ const J = async (e, c, d, r, f, I, h) => {
     e.userId,
     e.hashedUserId,
     S
-  ]), y = A(
+  ]), P = A(
     async (o, s) => {
       const t = await u.rest.getNotifications(o, s);
       D(t.oldestReceived), v(t.couldLoadMore), S(t.notifications);
     },
     [S, u.rest]
-  ), O = m(b), P = m(g), C = m(p);
-  x(() => {
-    O.current = b, P.current = g, C.current = p;
+  ), y = m(b), C = m(g), O = m(p);
+  L(() => {
+    y.current = b, C.current = g, O.current = p;
   }, [b, g, p]);
   const k = A(
     async (o) => {
-      if (!(!o && (!O.current || P.current))) {
+      if (!(!o && (!y.current || C.current))) {
         l(!0);
         try {
-          await y(
-            o ? (/* @__PURE__ */ new Date()).toISOString() : C.current,
-            o ? d.initialLoadMaxCount : 1e3
+          await P(
+            o ? (/* @__PURE__ */ new Date()).toISOString() : O.current,
+            o ? a.initialLoadMaxCount : 1e3
           );
         } finally {
           l(!1);
         }
       }
     },
-    [d.initialLoadMaxCount, y]
-  ), U = async (o) => {
+    [a.initialLoadMaxCount, P]
+  ), R = async (o) => {
     if (!r)
       return;
     const s = (/* @__PURE__ */ new Date()).toISOString(), t = r.filter((n) => o.includes(n.id) && !n.clicked).map((n) => n.id);
     u.updateInAppNotifications({ ids: t, clicked: !0 }), f((n) => {
       if (!n)
         return [];
-      const a = [...n];
-      return a.filter((w) => t.includes(w.id)).forEach((w) => {
+      const d = [...n];
+      return d.filter((w) => t.includes(w.id)).forEach((w) => {
         w.clicked = s;
-      }), a;
+      }), d;
     });
-  }, R = async () => {
+  }, $ = async () => {
     if (!r)
       return;
     const o = (/* @__PURE__ */ new Date()).toISOString(), s = r.filter((t) => !t.opened || !t.seen).map((t) => t.id);
@@ -211,11 +211,11 @@ const J = async (e, c, d, r, f, I, h) => {
       if (!t)
         return [];
       const n = [...t];
-      return n.filter((a) => s.includes(a.id)).forEach((a) => {
-        a.opened = o, a.seen = !0;
+      return n.filter((d) => s.includes(d.id)).forEach((d) => {
+        d.opened = o, d.seen = !0;
       }), n;
     }));
-  }, $ = async (o) => {
+  }, E = async (o) => {
     if (!r)
       return;
     const s = r.filter((t) => t.archived && (o === "ALL" || o.includes(t.id))).map((t) => t.id);
@@ -226,58 +226,61 @@ const J = async (e, c, d, r, f, I, h) => {
       if (!t)
         return [];
       const n = [...t];
-      return n.filter((a) => s.includes(a.id)).forEach((a) => {
-        a.archived = void 0;
+      return n.filter((d) => s.includes(d.id)).forEach((d) => {
+        d.archived = void 0;
       }), n;
     }));
-  }, E = async (o) => {
+  }, j = async (o) => {
     if (!r)
       return;
     const s = (/* @__PURE__ */ new Date()).toISOString(), t = r.filter((n) => !n.archived && (o === "ALL" || o.includes(n.id))).map((n) => n.id);
     t.length !== 0 && (u.updateInAppNotifications({ ids: t, archived: !0 }), f((n) => {
       if (!n)
         return [];
-      const a = [...n];
-      return a.filter((w) => t.includes(w.id)).forEach((w) => {
+      const d = [...n];
+      return d.filter((w) => t.includes(w.id)).forEach((w) => {
         w.archived = s;
-      }), a;
+      }), d;
     }));
-  }, j = (o, s, t, n) => {
-    u.updateDeliveryOption({
+  }, T = (o, s, t, n) => x([
+    {
       notificationId: o,
       channel: s,
       delivery: t,
       subNotificationId: n
-    }).then(() => {
-      u.getPreferences().then((a) => {
-        h(a);
+    }
+  ]), x = (o) => {
+    u.rest.postPreferences(o).then(() => {
+      u.getPreferences().then((s) => {
+        h(s);
       });
     });
   };
-  x(() => {
+  L(() => {
     f([]), l(!1), h(void 0), D((/* @__PURE__ */ new Date()).toISOString()), v(!0), k(!0), u.openWebSocket(), u.getPreferences().then((o) => {
       h(o);
     });
   }, [u, k]);
-  const T = {
+  const W = {
     notifications: r,
     preferences: I,
     loadNotifications: k,
-    markAsOpened: R,
-    markAsArchived: E,
-    markAsUnarchived: $,
-    markAsClicked: U,
-    updateDelivery: j
+    markAsOpened: $,
+    markAsArchived: j,
+    markAsUnarchived: E,
+    markAsClicked: R,
+    updateDelivery: T,
+    updateDeliveries: x
   };
-  return /* @__PURE__ */ W(M.Provider, { value: T, children: e.children });
-}, F = () => {
-  const e = G(M);
+  return /* @__PURE__ */ H(U.Provider, { value: W, children: e.children });
+}, q = () => {
+  const e = J(U);
   if (!e)
     throw new Error("useMyContext must be used within a MyProvider");
   return e;
 };
-z.useNotificationAPIContext = F;
+F.useNotificationAPIContext = q;
 export {
-  M as NotificationAPIContext,
-  z as NotificationAPIProvider
+  U as NotificationAPIContext,
+  F as NotificationAPIProvider
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "scripts": {
     "dev": "vite",