@notificationapi/react 0.0.9 → 0.0.10

package/dist/components/Preferences/PreferenceGroup.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+/// <reference types="react" />
 type PreferenceGroupProps = {
     subNotificationId?: string;
     title: string;

package/dist/components/Preferences/Preferences.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 import { Channels } from '../Provider';
 
 export declare const getChannelLabel: (c: Channels) => string;
 export declare const getChannelIcon: (channel: Channels) => React.ReactElement;
-export declare function Preferences(): React.JSX.Element | null;
+export declare function Preferences(): JSX.Element | null;

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

@@ -1,4 +1,4 @@
-import { default as React, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 type Props = {
     clientId: string;
@@ -126,6 +126,6 @@ export type Context = {
     markAsClicked: (id: string) => void;
     updateDelivery: (notificationId: string, channel: Channels, delivery: DeliveryOptions, subNotificationId?: string) => void;
 };
-export declare const NotificationAPIContext: React.Context<Context | undefined>;
+export declare const NotificationAPIContext: import('react').Context<Context | undefined>;
 export declare const NotificationAPIProvider: React.FunctionComponent<PropsWithChildren<Props>>;
 export {};

package/dist/components/Provider/index.js

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

package/package.json

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