@notificationapi/react 0.0.18 → 0.0.20

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

@@ -96,6 +96,7 @@ export type Context = {
     loadNotifications: (initial?: boolean) => void;
     markAsOpened: () => void;
     markAsArchived: (ids: string[] | "ALL") => void;
+    markAsUnarchived: (ids: string[] | "ALL") => void;
     markAsClicked: (id: string) => void;
     updateDelivery: (notificationId: string, channel: Channels, delivery: DeliveryOptions, subNotificationId?: string) => void;
 };

package/dist/components/Provider/index.js

@@ -1,7 +1,7 @@
 import { jsx as W } from "react/jsx-runtime";
-import { createContext as _, useState as f, useEffect as y, useContext as v } from "react";
-import { api as s } from "../../api.js";
-const q = {
+import { createContext as _, useState as u, useEffect as y, useContext as B } from "react";
+import { api as d } from "../../api.js";
+const z = {
   opened: "opened",
   clicked: "clicked",
   archived: "archived",
@@ -9,11 +9,11 @@ const q = {
   actioned1: "actioned1",
   actioned2: "actioned2"
 };
-var B = /* @__PURE__ */ ((e) => (e.EMAIL = "EMAIL", e.INAPP_WEB = "INAPP_WEB", e.SMS = "SMS", e.CALL = "CALL", e.PUSH = "PUSH", e.WEB_PUSH = "WEB_PUSH", e))(B || {}), $ = /* @__PURE__ */ ((e) => (e.OFF = "off", e.INSTANT = "instant", e.HOURLY = "hourly", e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))($ || {});
-const g = _(
+var $ = /* @__PURE__ */ ((e) => (e.EMAIL = "EMAIL", e.INAPP_WEB = "INAPP_WEB", e.SMS = "SMS", e.CALL = "CALL", e.PUSH = "PUSH", e.WEB_PUSH = "WEB_PUSH", e))($ || {}), b = /* @__PURE__ */ ((e) => (e.OFF = "off", e.INSTANT = "instant", e.HOURLY = "hourly", e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))(b || {});
+const N = _(
   void 0
-), b = (e) => {
-  const c = {
+), Y = (e) => {
+  const r = {
     ...{
       apiURL: "https://api.notificationapi.com",
       wsURL: "wss://ws.notificationapi.com",
@@ -21,73 +21,73 @@ const g = _(
       initialLoadMaxAge: new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() - 3))
     },
     ...e
-  }, [d, u] = f(), [N, w] = f(), [U, S] = f(!1), [E, M] = f((/* @__PURE__ */ new Date()).toISOString()), [m, T] = f(!0), A = (o) => {
+  }, [s, f] = u(), [E, h] = u(), [m, L] = u(!1), [M, A] = u((/* @__PURE__ */ new Date()).toISOString()), [k, g] = u(!0), P = (i) => {
     const n = (/* @__PURE__ */ new Date()).toISOString();
-    u((t) => (o = o.filter((i) => !(i.expDate && new Date(i.expDate * 1e3).toISOString() > n || i.date > n)), t ? [
-      ...o.filter((i) => !t.find((a) => a.id === i.id)),
+    f((t) => (i = i.filter((o) => !(o.expDate && new Date(o.expDate * 1e3).toISOString() > n || o.date > n)), t ? [
+      ...i.filter((o) => !t.find((a) => a.id === o.id)),
       ...t
-    ] : o));
-  }, k = async (o, n) => (await s(
-    c.apiURL,
+    ] : i));
+  }, T = async (i, n) => (await d(
+    r.apiURL,
     "GET",
-    `notifications/INAPP_WEB?count=${o}&before=${n}`,
+    `notifications/INAPP_WEB?count=${i}&before=${n}`,
     e.clientId,
     e.userId,
     e.hashedUserId
-  )).notifications, x = async (o, n, t) => {
-    let i = [], a = o, r = !0, h = !0;
-    for (; h; ) {
-      const L = (await k(
+  )).notifications, R = async (i, n, t) => {
+    let o = [], a = i, c = !0, w = !0;
+    for (; w; ) {
+      const S = (await T(
         n,
         new Date(a).getTime()
       )).filter(
-        (I) => !i.find((l) => l.id === I.id)
+        (I) => !o.find((l) => l.id === I.id)
       );
-      a = L.reduce(
+      a = S.reduce(
         (I, l) => I < l.date ? I : l.date,
-        o
-      ), i = [...i, ...L], r = L.length > 0, h = !0, (!r || i.length >= n || t && a < t) && (h = !1);
+        i
+      ), o = [...o, ...S], c = S.length > 0, w = !0, (!c || o.length >= n || t && a < t) && (w = !1);
     }
     return {
-      notifications: i,
-      couldLoadMore: r,
+      notifications: o,
+      couldLoadMore: c,
       oldestReceived: a
     };
-  }, P = async (o) => {
-    if (!m || U)
+  }, U = async (i) => {
+    if (!i && !k || !i && m)
       return;
-    S(!0);
-    const n = await x(
-      E,
-      o ? c.initialLoadMaxCount : 1e3,
-      o ? c.initialLoadMaxAge.toISOString() : void 0
+    L(!0);
+    const n = await R(
+      i ? (/* @__PURE__ */ new Date()).toISOString() : M,
+      i ? r.initialLoadMaxCount : 1e3,
+      i ? r.initialLoadMaxAge.toISOString() : void 0
     );
-    M(n.oldestReceived), T(n.couldLoadMore), A(n.notifications), S(!1);
-  }, R = async (o) => {
+    A(n.oldestReceived), g(n.couldLoadMore), P(n.notifications), L(!1);
+  }, v = async (i) => {
     const n = (/* @__PURE__ */ new Date()).toISOString();
-    s(
-      c.apiURL,
+    d(
+      r.apiURL,
       "PATCH",
       "notifications/INAPP_WEB",
       e.clientId,
       e.userId,
       e.hashedUserId,
       {
-        trackingIds: [o],
+        trackingIds: [i],
         clicked: n
       }
-    ), u((t) => {
+    ), f((t) => {
       if (!t)
         return [];
-      const i = [...t], a = i.find((r) => r.id === o);
-      return a && (a.clicked = n), i;
+      const o = [...t], a = o.find((c) => c.id === i);
+      return a && (a.clicked = n), o;
     });
-  }, C = async () => {
-    if (!d)
+  }, x = async () => {
+    if (!s)
       return;
-    const o = (/* @__PURE__ */ new Date()).toISOString(), n = d.filter((t) => !t.opened || !t.seen).map((t) => t.id);
-    n.length !== 0 && (s(
-      c.apiURL,
+    const i = (/* @__PURE__ */ new Date()).toISOString(), n = s.filter((t) => !t.opened || !t.seen).map((t) => t.id);
+    n.length !== 0 && (d(
+      r.apiURL,
       "PATCH",
       "notifications/INAPP_WEB",
       e.clientId,
@@ -95,22 +95,45 @@ const g = _(
       e.hashedUserId,
       {
         trackingIds: n,
-        opened: o
+        opened: i
       }
-    ), u((t) => {
+    ), f((t) => {
       if (!t)
         return [];
-      const i = [...t];
-      return i.filter((a) => n.includes(a.id)).forEach((a) => {
-        a.opened = o, a.seen = !0;
-      }), i;
+      const o = [...t];
+      return o.filter((a) => n.includes(a.id)).forEach((a) => {
+        a.opened = i, a.seen = !0;
+      }), o;
     }));
-  }, O = async (o) => {
-    if (!d)
+  }, O = async (i) => {
+    if (!s)
       return;
-    const n = (/* @__PURE__ */ new Date()).toISOString(), t = d.filter((i) => !i.archived && (o === "ALL" || o.includes(i.id))).map((i) => i.id);
-    t.length !== 0 && (s(
-      c.apiURL,
+    const n = s.filter((t) => t.archived && (i === "ALL" || i.includes(t.id))).map((t) => t.id);
+    n.length !== 0 && (d(
+      r.apiURL,
+      "PATCH",
+      "notifications/INAPP_WEB",
+      e.clientId,
+      e.userId,
+      e.hashedUserId,
+      {
+        trackingIds: n,
+        archived: null
+      }
+    ), f((t) => {
+      if (!t)
+        return [];
+      const o = [...t];
+      return o.filter((a) => n.includes(a.id)).forEach((a) => {
+        a.archived = void 0;
+      }), o;
+    }));
+  }, C = async (i) => {
+    if (!s)
+      return;
+    const n = (/* @__PURE__ */ new Date()).toISOString(), t = s.filter((o) => !o.archived && (i === "ALL" || i.includes(o.id))).map((o) => o.id);
+    t.length !== 0 && (d(
+      r.apiURL,
       "PATCH",
       "notifications/INAPP_WEB",
       e.clientId,
@@ -120,17 +143,17 @@ const g = _(
         trackingIds: t,
         archived: n
       }
-    ), u((i) => {
-      if (!i)
+    ), f((o) => {
+      if (!o)
         return [];
-      const a = [...i];
-      return a.filter((r) => t.includes(r.id)).forEach((r) => {
-        r.archived = n;
+      const a = [...o];
+      return a.filter((c) => t.includes(c.id)).forEach((c) => {
+        c.archived = n;
       }), a;
     }));
-  }, D = (o, n, t, i) => {
-    s(
-      c.apiURL,
+  }, D = (i, n, t, o) => {
+    d(
+      r.apiURL,
       "POST",
       "preferences",
       e.clientId,
@@ -138,65 +161,66 @@ const g = _(
       e.hashedUserId,
       [
         {
-          notificationId: o,
-          subNotificationId: i,
+          notificationId: i,
+          subNotificationId: o,
           channel: n,
           delivery: t
         }
       ]
     ).then(() => {
-      s(
-        c.apiURL,
+      d(
+        r.apiURL,
         "GET",
         "preferences",
         e.clientId,
         e.userId,
         e.hashedUserId
       ).then((a) => {
-        w(a);
+        h(a);
       });
     });
   };
   y(() => {
-    P(!0);
-    const o = new WebSocket(
-      c.hashedUserId ? `${c.wsURL}?userId=${c.userId}&envId=${c.clientId}&userIdHash=${c.hashedUserId}` : `${c.wsURL}?userId=${c.userId}&envId=${c.clientId}`
+    f([]), L(!1), h(void 0), A((/* @__PURE__ */ new Date()).toISOString()), g(!0), U(!0);
+    const i = new WebSocket(
+      r.hashedUserId ? `${r.wsURL}?userId=${r.userId}&envId=${r.clientId}&userIdHash=${r.hashedUserId}` : `${r.wsURL}?userId=${r.userId}&envId=${r.clientId}`
     );
-    o.onmessage = (n) => {
+    i.onmessage = (n) => {
       const t = JSON.parse(n.data);
-      !t || !t.route || t.route === "inapp_web/new_notifications" && A(t.payload.notifications);
-    }, s(
-      c.apiURL,
+      !t || !t.route || t.route === "inapp_web/new_notifications" && P(t.payload.notifications);
+    }, d(
+      r.apiURL,
       "GET",
       "preferences",
       e.clientId,
       e.userId,
       e.hashedUserId
     ).then((n) => {
-      w(n);
+      h(n);
     });
-  }, []);
+  }, [e]);
   const H = {
-    notifications: d,
-    preferences: N,
-    loadNotifications: P,
-    markAsOpened: C,
-    markAsArchived: O,
-    markAsClicked: R,
+    notifications: s,
+    preferences: E,
+    loadNotifications: U,
+    markAsOpened: x,
+    markAsArchived: C,
+    markAsUnarchived: O,
+    markAsClicked: v,
     updateDelivery: D
   };
-  return /* @__PURE__ */ W(g.Provider, { value: H, children: e.children });
-}, Y = () => {
-  const e = v(g);
+  return /* @__PURE__ */ W(N.Provider, { value: H, children: e.children });
+}, F = () => {
+  const e = B(N);
   if (!e)
     throw new Error("useMyContext must be used within a MyProvider");
   return e;
 };
-b.useNotificationAPIContext = Y;
+Y.useNotificationAPIContext = F;
 export {
-  B as Channels,
-  $ as DeliveryOptions,
-  q as NOTIFICATION_ACTIONS,
-  g as NotificationAPIContext,
-  b as NotificationAPIProvider
+  $ as Channels,
+  b as DeliveryOptions,
+  z as NOTIFICATION_ACTIONS,
+  N as NotificationAPIContext,
+  Y as NotificationAPIProvider
 };

package/package.json

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