@notificationapi/react 0.0.4 → 0.0.6

package/dist/components/Preferences/PreferenceGroup.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../Provider/index.js";
+import { a as i } from "../../assets/Preferences.js";
+import "react";
+import "../../assets/index3.js";
+export {
+  i as PreferenceGroup
+};

package/dist/components/Preferences/Preferences.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "../Provider/index.js";
+import "react";
+import "../../assets/colors.js";
+import { P as n, b as s, g } from "../../assets/Preferences.js";
+import "../../assets/index3.js";
+import "../../assets/BellOutlined.js";
+export {
+  n as Preferences,
+  s as getChannelIcon,
+  g as getChannelLabel
+};

package/dist/components/Preferences/index.js

@@ -0,0 +1,6 @@
+import { NotificationPreferencesPopup as r } from "./NotificationPreferencesPopup.js";
+import { NotificationPreferencesInline as f } from "./NotificationPreferencesInline.js";
+export {
+  f as NotificationPreferencesInline,
+  r as NotificationPreferencesPopup
+};

package/dist/components/Provider/index.js

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