@notificationapi/react 0.0.19 → 0.0.21

package/dist/components/Notifications/Inbox.d.ts

@@ -14,7 +14,7 @@ export type InboxProps = {
     imageShape: keyof typeof ImageShape;
     pageSize: number;
     pagePosition: NotificationPopupProps["pagePosition"];
-    notificationRenderer: ((notification: InAppNotification) => JSX.Element) | undefined;
+    notificationRenderer: ((notification: InAppNotification[]) => JSX.Element) | undefined;
     header?: InboxHeaderProps;
 };
 export declare const Inbox: React.FC<InboxProps>;

package/dist/components/Notifications/Notification.d.ts

@@ -5,10 +5,10 @@ export declare enum ImageShape {
     circle = "circle"
 }
 export type NotificationProps = {
-    notification: InAppNotification;
+    notifications: InAppNotification[];
     markAsArchived: (ids: string[] | "ALL") => void;
-    markAsClicked: (id: string) => void;
+    markAsClicked: (ids: string[]) => void;
     imageShape: keyof typeof ImageShape;
-    renderer?: (notification: InAppNotification) => JSX.Element;
+    renderer?: (notification: InAppNotification[]) => JSX.Element;
 };
 export declare const Notification: (props: NotificationProps) => JSX.Element;

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

@@ -97,7 +97,7 @@ export type Context = {
     markAsOpened: () => void;
     markAsArchived: (ids: string[] | "ALL") => void;
     markAsUnarchived: (ids: string[] | "ALL") => void;
-    markAsClicked: (id: string) => void;
+    markAsClicked: (ids: string[]) => void;
     updateDelivery: (notificationId: string, channel: Channels, delivery: DeliveryOptions, subNotificationId?: string) => void;
 };
 export declare const NotificationAPIContext: import('react').Context<Context | undefined>;

package/dist/components/Provider/index.js

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

package/dist/interface.d.ts

@@ -1,3 +1,19 @@
+export declare enum DeliveryOptionsForInappWeb {
+    OFF = "off",
+    INSTANT = "instant"
+}
+export interface Template {
+    instant: {
+        title: string;
+        redirectURL: string;
+        imageURL: string;
+    };
+    batch: {
+        title: string;
+        redirectURL: string;
+        imageURL: string;
+    };
+}
 export interface InAppNotification {
     id: string;
     notificationId: string;
@@ -6,6 +22,19 @@ export interface InAppNotification {
     redirectURL?: string;
     imageURL?: string;
     date: string;
+    deliveryOptions?: {
+        defaultDeliveryOption: DeliveryOptionsForInappWeb;
+        [DeliveryOptionsForInappWeb.OFF]?: {
+            enabled: boolean;
+        };
+        [DeliveryOptionsForInappWeb.INSTANT]?: {
+            enabled: boolean;
+            batching?: boolean;
+            batchingKey?: string;
+            batchingWindow?: number;
+        };
+    };
+    template?: Template;
     parameters?: Record<string, unknown>;
     expDate?: number;
     opened?: string;

package/dist/interface.js

@@ -1 +1,4 @@
-
+var f = /* @__PURE__ */ ((t) => (t.OFF = "off", t.INSTANT = "instant", t))(f || {});
+export {
+  f as DeliveryOptionsForInappWeb
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -42,6 +42,7 @@
   "dependencies": {
     "antd": "^5.17.4",
     "javascript-time-ago": "^2.5.10",
+    "liquidjs": "^10.14.0",
     "rc-virtual-list": "^3.11.5",
     "react-time-ago": "^7.3.3",
     "styled-components": "^6.1.9"