@notificationapi/react 1.6.2 → 1.7.0

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

@@ -1,3 +1,2 @@
 import { ReactNode } from 'react';
-
 export declare const DefaultEmptyComponent: ReactNode;

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

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { InboxHeaderProps } from './InboxHeader';
 import { NotificationPopupProps } from './NotificationPopup';
 import { InAppNotification } from '@notificationapi/core/dist/interfaces';
-
 export type InboxProps = {
     pagination: unknown;
     maxHeight: number;

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { InAppNotification } from '@notificationapi/core/dist/interfaces';
-
 export type NotificationProps = {
     notifications: InAppNotification[];
     markAsArchived: (ids: string[] | 'ALL') => void;

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

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from 'react';
 import { UnreadBadgeProps } from './UnreadBadge';
-
 export type NotificationCounterProps = Omit<UnreadBadgeProps, 'count'> & {
     count?: UnreadBadgeProps['count'];
 };

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

@@ -2,7 +2,6 @@ import { NotificationProps } from './Notification';
 import { InboxHeaderProps } from './InboxHeader';
 import { InAppNotification } from '@notificationapi/core/dist/interfaces';
 import { Filter, Pagination } from './interface';
-
 export type NotificationFeedProps = {
     pagination?: keyof typeof Pagination;
     pageSize?: number;

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

@@ -1,6 +1,5 @@
 import { NotificationPopupProps } from './NotificationPopup';
 import { Position } from './interface';
-
 type NotificationLaucherProps = NotificationPopupProps & {
     position?: keyof typeof Position;
     offsetX?: number | string;

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

@@ -4,7 +4,6 @@ import { NotificationProps } from './Notification';
 import { InAppNotification } from '@notificationapi/core/dist/interfaces';
 import { InboxHeaderProps } from './InboxHeader';
 import { Filter, Pagination } from './interface';
-
 export type NotificationPopupProps = {
     buttonIcon?: React.ReactNode;
     buttonIconSize?: number;

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

@@ -2,7 +2,6 @@ import { PropsWithChildren } from 'react';
 import { NotificationPopupProps } from './NotificationPopup';
 import { InAppNotification } from '@notificationapi/core/dist/interfaces';
 import { COUNT_TYPE } from './interface';
-
 export type UnreadBadgeProps = {
     dot?: boolean;
     showZero?: boolean;

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

@@ -1,6 +1,5 @@
 import { BaseDeliveryOptions, DeliveryOptionsForEmail, DeliveryOptionsForInappWeb, GetPreferencesResponse } from '@notificationapi/core/dist/interfaces';
 import { Channels } from '../Notifications/interface';
-
 type Props = {
     preferences: GetPreferencesResponse['preferences'];
     notification: GetPreferencesResponse['notifications'][0];

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

@@ -1,4 +1,3 @@
 import { Channels } from '../Notifications/interface';
-
 export declare const getChannelLabel: (c: Channels) => string;
 export declare const getChannelIcon: (channel: Channels) => React.ReactElement;

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

@@ -1,6 +1,5 @@
 import { NotificationAPIClientSDK } from '@notificationapi/core';
 import { BaseDeliveryOptions, Channels, DeliveryOptionsForEmail, DeliveryOptionsForInappWeb, GetPreferencesResponse, InAppNotification, UserAccountMetadata } from '@notificationapi/core/dist/interfaces';
-
 export type Context = {
     notifications?: InAppNotification[];
     preferences?: GetPreferencesResponse;

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

@@ -1,8 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { NotificationAPIClientSDK } from '@notificationapi/core';
-import { User, API_REGION, WS_REGION } from '@notificationapi/core/dist/interfaces';
+import { InAppNotification, User, API_REGION, WS_REGION } from '@notificationapi/core/dist/interfaces';
 import { Context } from './context';
-
 type Props = ({
     userId: string;
 } | {
@@ -20,6 +19,7 @@ type Props = ({
     webPushOptInMessage?: 'AUTOMATIC' | boolean;
     customServiceWorkerPath?: string;
     debug?: boolean;
+    onNewNotifications?: (notifications: InAppNotification[]) => void;
 };
 export declare const NotificationAPIProvider: React.FunctionComponent<PropsWithChildren<Props>> & {
     useNotificationAPIContext: typeof useNotificationAPIContext;

package/dist/components/Provider/index.js

@@ -1,9 +1,9 @@
-import { jsx as oe } from "react/jsx-runtime";
-import { useMemo as K, useState as k, useCallback as A, useRef as F, useEffect as E, useContext as ie } from "react";
-import { NotificationAPIContext as B } from "./context.js";
-import { createDebugLogger as ne, formatApiCall as C } from "../../utils/debug.js";
-const re = async (o, e, d, a, c, p, I, l) => {
-  const h = se(a, c, p), b = `https://${e}/${a}/users/${encodeURIComponent(
+import { jsx as ie } from "react/jsx-runtime";
+import { useMemo as J, useState as N, useCallback as k, useRef as x, useEffect as E, useContext as re } from "react";
+import { NotificationAPIContext as _ } from "./context.js";
+import { createDebugLogger as se, formatApiCall as C } from "../../utils/debug.js";
+const ae = async (o, e, d, a, c, p, I, l) => {
+  const h = ce(a, c, p), b = `https://${e}/${a}/users/${encodeURIComponent(
     c
   )}/${d}`, w = {
     Authorization: `Basic ${h}`
@@ -14,7 +14,7 @@ const re = async (o, e, d, a, c, p, I, l) => {
     url: b,
     body: I
   });
-  const N = Date.now();
+  const v = Date.now();
   try {
     const m = await fetch(b, {
       method: o,
@@ -30,7 +30,7 @@ const re = async (o, e, d, a, c, p, I, l) => {
       return;
     }
   } catch (m) {
-    const P = Date.now() - N;
+    const P = Date.now() - v;
     throw l && l.error("HTTP Request Failed:", {
       error: m,
       url: b,
@@ -38,8 +38,8 @@ const re = async (o, e, d, a, c, p, I, l) => {
       duration: `${P}ms`
     }), m;
   }
-}, se = (o, e, d) => btoa(d ? o + ":" + e + ":" + d : o + ":" + e);
-class G {
+}, ce = (o, e, d) => btoa(d ? o + ":" + e + ":" + d : o + ":" + e);
+class B {
   constructor(e = !1) {
     this.debug = e;
   }
@@ -53,7 +53,7 @@ class G {
     this.debug && console.error("[NotificationAPI js core SDK Debug]", ...e);
   }
 }
-const J = {
+const V = {
   host: "api.notificationapi.com",
   websocketHost: "ws.notificationapi.com",
   userId: "",
@@ -68,11 +68,11 @@ const J = {
   // 24 hours
   debug: !1,
   sdkDevMode: !1
-}, n = {
-  config: J,
-  logger: new G(!1),
+}, i = {
+  config: V,
+  logger: new B(!1),
   init: function(o) {
-    return this.config = { ...J, ...o }, this.logger = new G(this.config.debug), this.logger.log("Initialized with config:", {
+    return this.config = { ...V, ...o }, this.logger = new B(this.config.debug), this.logger.log("Initialized with config:", {
       userId: this.config.userId,
       clientId: this.config.clientId,
       host: this.config.host,
@@ -85,91 +85,91 @@ const J = {
   },
   rest: {
     generic: function(o, e, d) {
-      return n.logger.log(
+      return i.logger.log(
         `API Call: ${o} ${e}`,
         d ? { body: d } : ""
-      ), re(
+      ), ae(
         o,
-        n.config.host,
+        i.config.host,
         e,
-        n.config.clientId,
-        n.config.userId,
-        n.config.hashedUserId,
+        i.config.clientId,
+        i.config.userId,
+        i.config.hashedUserId,
         d,
-        n.logger
+        i.logger
       );
     },
     // The functions below are nice wrappers over the generic
     // rest  api function above. They must follow REST API naming:
     // Method + Resource, representing the end-point.
     getNotifications: function(o, e) {
-      return n.rest.generic(
+      return i.rest.generic(
         "GET",
         `notifications/INAPP_WEB?count=${e}&before=${o}`
       );
     },
     patchNotifications: function(o) {
-      return n.rest.generic(
+      return i.rest.generic(
         "PATCH",
         "notifications/INAPP_WEB",
         o
       );
     },
     getPreferences: function() {
-      return n.rest.generic("GET", "preferences");
+      return i.rest.generic("GET", "preferences");
     },
     postPreferences: function(o) {
-      return n.rest.generic(
+      return i.rest.generic(
         "POST",
         "preferences",
         o
       );
     },
     postUser: function(o) {
-      return n.rest.generic("POST", "", o);
+      return i.rest.generic("POST", "", o);
     },
     getUserAccountMetadata: function() {
-      return n.rest.generic("GET", "account_metadata");
+      return i.rest.generic("GET", "account_metadata");
     }
   },
   websocket: {
     object: void 0,
     connect: function() {
-      let o = `wss://${n.config.websocketHost}?userId=${encodeURIComponent(n.config.userId)}&envId=${n.config.clientId}`;
-      return n.config.hashedUserId && (o += `&userIdHash=${encodeURIComponent(n.config.hashedUserId)}`), n.logger.log("WebSocket connecting to:", o), n.websocket.object = new WebSocket(o), n.websocket.object.onopen = () => {
-        n.logger.log("WebSocket connection opened");
-      }, n.websocket.object.onclose = (e) => {
-        n.logger.log("WebSocket connection closed:", {
+      let o = `wss://${i.config.websocketHost}?userId=${encodeURIComponent(i.config.userId)}&envId=${i.config.clientId}`;
+      return i.config.hashedUserId && (o += `&userIdHash=${encodeURIComponent(i.config.hashedUserId)}`), i.logger.log("WebSocket connecting to:", o), i.websocket.object = new WebSocket(o), i.websocket.object.onopen = () => {
+        i.logger.log("WebSocket connection opened");
+      }, i.websocket.object.onclose = (e) => {
+        i.logger.log("WebSocket connection closed:", {
           code: e.code,
           reason: e.reason,
           wasClean: e.wasClean
         });
-      }, n.websocket.object.onerror = (e) => {
-        n.logger.error("WebSocket error:", e);
-      }, n.websocket.object.onmessage = (e) => {
-        n.logger.log(
+      }, i.websocket.object.onerror = (e) => {
+        i.logger.error("WebSocket error:", e);
+      }, i.websocket.object.onmessage = (e) => {
+        i.logger.log(
           "WebSocket message received:",
           e.data
         );
         const d = JSON.parse(e.data);
         if (!(!d || !d.route) && d.route === "inapp_web/new_notifications") {
           const a = d;
-          n.logger.log(
+          i.logger.log(
             "New notifications received:",
             a.payload.notifications
-          ), n.config.onNewInAppNotifications && n.config.onNewInAppNotifications(
+          ), i.config.onNewInAppNotifications && i.config.onNewInAppNotifications(
             a.payload.notifications
           );
         }
-      }, n.websocket.object;
+      }, i.websocket.object;
     },
     disconnect: function(o) {
       var e;
-      n.websocket.object && (n.logger.log("WebSocket disconnecting"), (e = n.websocket.object) == null || e.close(), o && o(n.websocket.object));
+      i.websocket.object && (i.logger.log("WebSocket disconnecting"), (e = i.websocket.object) == null || e.close(), o && o(i.websocket.object));
     }
   },
   openWebSocket: function() {
-    return n.websocket.connect(() => {
+    return i.websocket.connect(() => {
       setTimeout(
         () => {
           this.websocket.disconnect(() => {
@@ -184,30 +184,30 @@ const J = {
   // They may or may not do additional tasks.
   // e.g. identify simply maps to postUsers
   getInAppNotifications: async (o) => {
-    n.logger.log(
+    i.logger.log(
       "getInAppNotifications called with params:",
       o
     );
-    const e = o.maxCountNeeded || n.config.getInAppDefaultCount, d = o.oldestNeeded || n.config.getInAppDefaultOldest;
-    n.logger.log("Fetching notifications with:", {
+    const e = o.maxCountNeeded || i.config.getInAppDefaultCount, d = o.oldestNeeded || i.config.getInAppDefaultOldest;
+    i.logger.log("Fetching notifications with:", {
       maxCountNeeded: e,
       oldestNeeded: d,
       before: o.before
     });
     let a = [], c = o.before, p = !0, I = !0;
     for (; I; ) {
-      const l = (await n.rest.getNotifications(
+      const l = (await i.rest.getNotifications(
         c,
         e
       )).notifications, h = l.filter(
         (b) => !a.find((w) => w.id === b.id)
       );
-      n.logger.log(
+      i.logger.log(
         `Received ${l.length} notifications, ${h.length} unique`
       ), c = h.reduce(
         (b, w) => b < w.date ? b : w.date,
         o.before
-      ), a = [...a, ...h], p = h.length > 0, I = !0, (!p || a.length >= e || c < d) && (I = !1, n.logger.log("Stopping fetch loop:", {
+      ), a = [...a, ...h], p = h.length > 0, I = !0, (!p || a.length >= e || c < d) && (I = !1, i.logger.log("Stopping fetch loop:", {
         hasMore: p,
         totalResults: a.length,
         maxCountNeeded: e,
@@ -215,7 +215,7 @@ const J = {
         oldestNeeded: d
       }));
     }
-    return n.logger.log("getInAppNotifications completed:", {
+    return i.logger.log("getInAppNotifications completed:", {
       totalItems: a.length,
       hasMore: p,
       oldestReceived: c
@@ -226,54 +226,54 @@ const J = {
     };
   },
   updateInAppNotifications: async (o) => {
-    n.logger.log(
+    i.logger.log(
       "updateInAppNotifications called with params:",
       o
     );
     const e = {
       trackingIds: o.ids
     };
-    return o.archived === !0 ? e.archived = (/* @__PURE__ */ new Date()).toISOString() : o.archived === !1 && (e.archived = null), o.clicked === !0 ? e.clicked = (/* @__PURE__ */ new Date()).toISOString() : o.clicked === !1 && (e.clicked = null), o.opened === !0 ? e.opened = (/* @__PURE__ */ new Date()).toISOString() : o.opened === !1 && (e.opened = null), n.logger.log(
+    return o.archived === !0 ? e.archived = (/* @__PURE__ */ new Date()).toISOString() : o.archived === !1 && (e.archived = null), o.clicked === !0 ? e.clicked = (/* @__PURE__ */ new Date()).toISOString() : o.clicked === !1 && (e.clicked = null), o.opened === !0 ? e.opened = (/* @__PURE__ */ new Date()).toISOString() : o.opened === !1 && (e.opened = null), i.logger.log(
       "Updating notifications with body:",
       e
-    ), n.rest.patchNotifications(e);
+    ), i.rest.patchNotifications(e);
   },
-  getPreferences: async () => n.rest.getPreferences(),
-  updateDeliveryOption: async (o) => n.rest.postPreferences([o]),
+  getPreferences: async () => i.rest.getPreferences(),
+  updateDeliveryOption: async (o) => i.rest.postPreferences([o]),
   identify: async (o) => {
-    if (o.id && o.id !== n.config.userId)
+    if (o.id && o.id !== i.config.userId)
       throw new Error(
         "The id in the parameters does not match the initialized userId."
       );
-    return n.rest.postUser(o);
+    return i.rest.postUser(o);
   },
-  getUserAccountMetadata: async () => n.rest.getUserAccountMetadata(),
+  getUserAccountMetadata: async () => i.rest.getUserAccountMetadata(),
   user: {
-    get: async () => n.rest.generic("GET", "")
+    get: async () => i.rest.generic("GET", "")
   },
   slack: {
     getOAuthUrl: (o) => {
-      const e = n.config.sdkDevMode ? "localhost:3001" : n.config.host.replace("api.", "app."), d = (o == null ? void 0 : o.destinationUrl) || window.location.href, a = encodeURIComponent(
+      const e = i.config.sdkDevMode ? "localhost:3001" : i.config.host.replace("api.", "app."), d = (o == null ? void 0 : o.destinationUrl) || window.location.href, a = encodeURIComponent(
         JSON.stringify({
           destination: d,
-          userId: n.config.userId,
-          clientId: n.config.clientId,
-          hashedUserId: n.config.hashedUserId
+          userId: i.config.userId,
+          clientId: i.config.clientId,
+          hashedUserId: i.config.hashedUserId
         })
       );
       return `https://slack.com/oauth/v2/authorize?client_id=1146598856352.8825220259395&scope=chat:write,channels:read,channels:join,chat:write.customize,chat:write.public,groups:read,im:read,users:read&redirect_uri=https://${e}/slack/oauth/callback&state=${a}`;
     },
-    getChannels: async () => await n.rest.generic(
+    getChannels: async () => await i.rest.generic(
       "GET",
       "slack/channels"
     ),
-    setChannel: async (o) => n.identify({
+    setChannel: async (o) => i.identify({
       slackChannel: o
     })
   }
-}, V = typeof window < "u", ae = (o) => {
-  const e = K(
-    () => ne(o.debug || !1),
+}, Q = typeof window < "u", de = (o) => {
+  const e = J(
+    () => se(o.debug || !1),
     [o.debug]
   );
   e.log("NotificationAPI Provider initializing", {
@@ -297,7 +297,7 @@ const J = {
     user: "userId" in o ? { id: o.userId } : o.user
   };
   e.log("Configuration loaded", a);
-  const [c, p] = k(), [I, l] = k(), [h, b] = k(), [w, N] = k(!1), [m, P] = k((/* @__PURE__ */ new Date()).toISOString()), [U, x] = k(!0), [v, y] = k(a.webPushOptInMessage), [M, _] = k(!1), $ = A(() => {
+  const [c, p] = N(), [I, l] = N(), [h, b] = N(), [w, v] = N(!1), [m, P] = N((/* @__PURE__ */ new Date()).toISOString()), [U, $] = N(!0), [y, S] = N(a.webPushOptInMessage), [M, X] = N(!1), j = k(() => {
     a.playSoundOnNewNotification && (e.log("Playing notification sound", {
       soundPath: a.newNotificationSoundPath
     }), new Audio(a.newNotificationSoundPath).play().catch((r) => {
@@ -307,30 +307,30 @@ const J = {
     a.newNotificationSoundPath,
     a.playSoundOnNewNotification,
     e
-  ]), O = A(
+  ]), O = k(
     (t) => {
       e.group("Adding notifications to state"), e.log("Received notifications", {
         count: (t == null ? void 0 : t.length) || 0,
         notifications: t
       });
       const r = (/* @__PURE__ */ new Date()).toISOString();
-      p((i) => {
-        const s = (i == null ? void 0 : i.length) || 0;
+      p((n) => {
+        const s = (n == null ? void 0 : n.length) || 0;
         e.log("Current notifications count", s), t = Array.isArray(t) ? t : [], t = t.filter((g) => {
-          const S = g.expDate && new Date(g.expDate).toISOString() > r, L = new Date(g.date).getTime() > new Date(r).getTime() + 1e3, z = !S && !L;
-          return z || e.log("Filtering out notification", {
+          const A = g.expDate && new Date(g.expDate).toISOString() > r, F = new Date(g.date).getTime() > new Date(r).getTime() + 1e3, G = !A && !F;
+          return G || e.log("Filtering out notification", {
             id: g.id,
-            reason: S ? "expired" : "future",
+            reason: A ? "expired" : "future",
             expDate: g.expDate,
             date: g.date
-          }), z;
-        }), i = Array.isArray(i) ? i : [];
+          }), G;
+        }), n = Array.isArray(n) ? n : [];
         const u = [
           ...t.filter((g) => {
-            const S = i.find((L) => L.id === g.id);
-            return S && e.log("Filtering out duplicate notification", { id: g.id }), !S;
+            const A = n.find((F) => F.id === g.id);
+            return A && e.log("Filtering out duplicate notification", { id: g.id }), !A;
           }),
-          ...i
+          ...n
         ];
         return e.log("State updated", {
           previousCount: s,
@@ -340,7 +340,17 @@ const J = {
       });
     },
     [e]
-  ), f = K(() => {
+  ), { onNewNotifications: D } = o, q = k(
+    (t) => {
+      e.log("Received new in-app notifications via WebSocket", {
+        count: (t == null ? void 0 : t.length) || 0,
+        notifications: t
+      }), j(), O(t), D && (e.log("Calling onNewNotifications callback", {
+        count: (t == null ? void 0 : t.length) || 0
+      }), D(t));
+    },
+    [j, O, D, e]
+  ), f = J(() => {
     e.group("Initializing NotificationAPI client");
     const t = {
       clientId: a.clientId,
@@ -351,19 +361,14 @@ const J = {
       debug: a.debug
     };
     e.log("Client configuration", t);
-    const r = o.client ? o.client : n.init({
+    const r = o.client ? o.client : i.init({
       ...t,
-      onNewInAppNotifications: (s) => {
-        e.log("Received new in-app notifications via WebSocket", {
-          count: (s == null ? void 0 : s.length) || 0,
-          notifications: s
-        }), $(), O(s);
-      }
-    }), i = {
+      onNewInAppNotifications: q
+    }), n = {
       email: a.user.email,
       number: a.user.number
     };
-    return e.log("Identifying user", i), r.identify(i), e.groupEnd(), r;
+    return e.log("Identifying user", n), r.identify(n), e.groupEnd(), r;
   }, [
     a.clientId,
     a.user.id,
@@ -371,15 +376,14 @@ const J = {
     a.user.number,
     a.hashedUserId,
     a.debug,
-    O,
-    $,
+    q,
     o.client,
     a.apiURL,
     a.wsURL,
     e
-  ]), j = A(
+  ]), H = k(
     async (t, r) => {
-      var i;
+      var n;
       e.group("Fetching notifications"), e.log(
         "Fetch parameters",
         C("GET", "/notifications", { date: t, count: r })
@@ -387,76 +391,76 @@ const J = {
       try {
         const s = await f.rest.getNotifications(t, r);
         e.log("Fetch successful", {
-          notificationsCount: ((i = s.notifications) == null ? void 0 : i.length) || 0,
+          notificationsCount: ((n = s.notifications) == null ? void 0 : n.length) || 0,
           oldestReceived: s.oldestReceived,
           couldLoadMore: s.couldLoadMore
-        }), P(s.oldestReceived), x(s.couldLoadMore), O(s.notifications), e.groupEnd();
+        }), P(s.oldestReceived), $(s.couldLoadMore), O(s.notifications), e.groupEnd();
       } catch (s) {
         throw e.error("Failed to fetch notifications", s, { date: t, count: r }), e.groupEnd(), s;
       }
     },
     [O, f.rest, e]
-  ), D = F(U), T = F(w), q = F(m);
+  ), T = x(U), W = x(w), z = x(m);
   E(() => {
-    D.current = U, T.current = w, q.current = m;
+    T.current = U, W.current = w, z.current = m;
   }, [U, w, m]);
-  const W = A(
+  const R = k(
     async (t) => {
       if (e.group(`Loading notifications (${t ? "initial" : "more"})`), e.log("Load conditions", {
         initial: t,
-        hasMore: D.current,
-        loading: T.current
-      }), !t && (!D.current || T.current)) {
+        hasMore: T.current,
+        loading: W.current
+      }), !t && (!T.current || W.current)) {
         e.log("Skipping load - conditions not met"), e.groupEnd();
         return;
       }
-      N(!0), e.log("Loading started");
+      v(!0), e.log("Loading started");
       try {
-        await j(
-          t ? (/* @__PURE__ */ new Date()).toISOString() : q.current,
+        await H(
+          t ? (/* @__PURE__ */ new Date()).toISOString() : z.current,
           t ? a.initialLoadMaxCount : 1e3
         ), e.log("Loading completed successfully");
       } catch (r) {
         throw e.error("Loading failed", r), r;
       } finally {
-        N(!1), e.groupEnd();
+        v(!1), e.groupEnd();
       }
     },
-    [a.initialLoadMaxCount, j, e]
-  ), Q = async (t) => {
+    [a.initialLoadMaxCount, H, e]
+  ), Y = async (t) => {
     if (e.group("Marking notifications as clicked"), e.log("Requested IDs", t), !c) {
       e.warn("No notifications available"), e.groupEnd();
       return;
     }
-    const r = (/* @__PURE__ */ new Date()).toISOString(), i = c.filter((s) => t.includes(s.id) && !s.clicked).map((s) => s.id);
+    const r = (/* @__PURE__ */ new Date()).toISOString(), n = c.filter((s) => t.includes(s.id) && !s.clicked).map((s) => s.id);
     if (e.log("Filtered IDs for update", {
       requestedCount: t.length,
-      actualCount: i.length,
-      ids: i
-    }), i.length === 0) {
+      actualCount: n.length,
+      ids: n
+    }), n.length === 0) {
       e.log("No notifications to update"), e.groupEnd();
       return;
     }
     try {
       e.log(
         "Updating notifications via API",
-        C("PUT", "/notifications/clicked", { ids: i })
-      ), f.updateInAppNotifications({ ids: i, clicked: !0 }), p((s) => {
+        C("PUT", "/notifications/clicked", { ids: n })
+      ), f.updateInAppNotifications({ ids: n, clicked: !0 }), p((s) => {
         if (!s) return [];
         const u = [...s];
-        return u.filter((g) => i.includes(g.id)).forEach((g) => {
+        return u.filter((g) => n.includes(g.id)).forEach((g) => {
           g.clicked = r;
-        }), e.log("Local state updated", { updatedCount: i.length }), u;
+        }), e.log("Local state updated", { updatedCount: n.length }), u;
       }), e.groupEnd();
     } catch (s) {
-      throw e.error("Failed to mark notifications as clicked", s, { ids: i }), e.groupEnd(), s;
+      throw e.error("Failed to mark notifications as clicked", s, { ids: n }), e.groupEnd(), s;
     }
-  }, X = async () => {
+  }, Z = async () => {
     if (e.group("Marking notifications as opened"), !c) {
       e.warn("No notifications available"), e.groupEnd();
       return;
     }
-    const t = (/* @__PURE__ */ new Date()).toISOString(), r = c.filter((i) => !i.opened || !i.seen).map((i) => i.id);
+    const t = (/* @__PURE__ */ new Date()).toISOString(), r = c.filter((n) => !n.opened || !n.seen).map((n) => n.id);
     if (e.log("Notifications to mark as opened", { count: r.length, ids: r }), r.length === 0) {
       e.log("All notifications already opened"), e.groupEnd();
       return;
@@ -468,22 +472,22 @@ const J = {
       ), f.updateInAppNotifications({
         ids: r,
         opened: !0
-      }), p((i) => {
-        if (!i) return [];
-        const s = [...i];
+      }), p((n) => {
+        if (!n) return [];
+        const s = [...n];
         return s.filter((u) => r.includes(u.id)).forEach((u) => {
           u.opened = t, u.seen = !0;
         }), e.log("Local state updated", { updatedCount: r.length }), s;
       }), e.groupEnd();
-    } catch (i) {
-      throw e.error("Failed to mark notifications as opened", i, { ids: r }), e.groupEnd(), i;
+    } catch (n) {
+      throw e.error("Failed to mark notifications as opened", n, { ids: r }), e.groupEnd(), n;
     }
-  }, Y = async (t) => {
+  }, ee = async (t) => {
     if (e.group("Marking notifications as unarchived"), e.log("Requested operation", { ids: t }), !c) {
       e.warn("No notifications available"), e.groupEnd();
       return;
     }
-    const r = c.filter((i) => i.archived && (t === "ALL" || t.includes(i.id))).map((i) => i.id);
+    const r = c.filter((n) => n.archived && (t === "ALL" || t.includes(n.id))).map((n) => n.id);
     if (e.log("Filtered notifications for unarchiving", {
       count: r.length,
       ids: r
@@ -498,65 +502,65 @@ const J = {
       ), f.updateInAppNotifications({
         ids: r,
         archived: !1
-      }), p((i) => {
-        if (!i) return [];
-        const s = [...i];
+      }), p((n) => {
+        if (!n) return [];
+        const s = [...n];
         return s.filter((u) => r.includes(u.id)).forEach((u) => {
           u.archived = void 0;
         }), e.log("Local state updated", { unarchivedCount: r.length }), s;
       }), e.groupEnd();
-    } catch (i) {
-      throw e.error("Failed to unarchive notifications", i, { ids: r }), e.groupEnd(), i;
+    } catch (n) {
+      throw e.error("Failed to unarchive notifications", n, { ids: r }), e.groupEnd(), n;
     }
-  }, Z = async (t) => {
+  }, te = async (t) => {
     if (e.group("Marking notifications as archived"), e.log("Requested operation", { ids: t }), !c) {
       e.warn("No notifications available"), e.groupEnd();
       return;
     }
-    const r = (/* @__PURE__ */ new Date()).toISOString(), i = c.filter((s) => !s.archived && (t === "ALL" || t.includes(s.id))).map((s) => s.id);
+    const r = (/* @__PURE__ */ new Date()).toISOString(), n = c.filter((s) => !s.archived && (t === "ALL" || t.includes(s.id))).map((s) => s.id);
     if (e.log("Filtered notifications for archiving", {
-      count: i.length,
-      ids: i
-    }), i.length === 0) {
+      count: n.length,
+      ids: n
+    }), n.length === 0) {
       e.log("No unarchived notifications to archive"), e.groupEnd();
       return;
     }
     try {
       e.log(
         "Updating notifications via API",
-        C("PUT", "/notifications/archived", { ids: i })
-      ), f.updateInAppNotifications({ ids: i, archived: !0 }), p((s) => {
+        C("PUT", "/notifications/archived", { ids: n })
+      ), f.updateInAppNotifications({ ids: n, archived: !0 }), p((s) => {
         if (!s) return [];
         const u = [...s];
-        return u.filter((g) => i.includes(g.id)).forEach((g) => {
+        return u.filter((g) => n.includes(g.id)).forEach((g) => {
           g.archived = r;
-        }), e.log("Local state updated", { archivedCount: i.length }), u;
+        }), e.log("Local state updated", { archivedCount: n.length }), u;
       }), e.groupEnd();
     } catch (s) {
-      throw e.error("Failed to archive notifications", s, { ids: i }), e.groupEnd(), s;
+      throw e.error("Failed to archive notifications", s, { ids: n }), e.groupEnd(), s;
     }
-  }, ee = (t, r, i, s) => (e.log("Updating single delivery preference", {
+  }, oe = (t, r, n, s) => (e.log("Updating single delivery preference", {
     notificationId: t,
     channel: r,
-    delivery: i,
+    delivery: n,
     subNotificationId: s
-  }), H([
+  }), K([
     {
       notificationId: t,
       channel: r,
-      delivery: i,
+      delivery: n,
       subNotificationId: s
     }
-  ])), H = (t) => {
+  ])), K = (t) => {
     e.group("Updating delivery preferences"), e.log("Preference updates", { count: t.length, params: t });
     try {
       f.rest.postPreferences(t).then(() => {
         e.log(
           "Preferences updated successfully, fetching latest preferences"
         ), f.getPreferences().then((r) => {
-          var i, s, u;
+          var n, s, u;
           e.log("Latest preferences fetched", {
-            preferencesCount: ((i = r.preferences) == null ? void 0 : i.length) || 0,
+            preferencesCount: ((n = r.preferences) == null ? void 0 : n.length) || 0,
             notificationsCount: ((s = r.notifications) == null ? void 0 : s.length) || 0,
             subNotificationsCount: ((u = r.subNotifications) == null ? void 0 : u.length) || 0
           }), l(r), e.groupEnd();
@@ -569,23 +573,23 @@ const J = {
     } catch (r) {
       throw e.error("Error in updateDeliveries", r, { params: t }), e.groupEnd(), r;
     }
-  }, R = A(() => {
+  }, L = k(() => {
     e.group("Requesting web push permission"), e.log("Service worker support check", {
       supported: "serviceWorker" in navigator,
       customServiceWorkerPath: a.customServiceWorkerPath
     }), "serviceWorker" in navigator ? (e.log("Registering service worker"), navigator.serviceWorker.register(a.customServiceWorkerPath).then(async (t) => {
-      e.log("Service worker registered successfully"), y(!1), de().then(async (r) => {
+      e.log("Service worker registered successfully"), S(!1), le().then(async (r) => {
         e.log("Notification permission result", { permission: r }), r === "granted" ? (e.log("Permission granted, subscribing to push manager"), await t.pushManager.subscribe({
           userVisibleOnly: !0,
           applicationServerKey: h == null ? void 0 : h.userAccountMetadata.environmentVapidPublicKey
-        }).then(async (i) => {
+        }).then(async (n) => {
           e.log("Push subscription successful");
           const s = {
             webPushTokens: [
               {
                 sub: {
-                  endpoint: i.toJSON().endpoint,
-                  keys: i.toJSON().keys
+                  endpoint: n.toJSON().endpoint,
+                  keys: n.toJSON().keys
                 }
               }
             ]
@@ -620,78 +624,78 @@ const J = {
     e
   ]);
   E(() => {
-    e.group("Provider initialization effect"), e.log("Resetting state and loading initial data"), p([]), N(!1), l(void 0), P((/* @__PURE__ */ new Date()).toISOString()), x(!0), W(!0), e.log("Opening WebSocket connection"), f.openWebSocket(), e.log("Fetching user preferences"), f.getPreferences().then((t) => {
-      var r, i, s;
+    e.group("Provider initialization effect"), e.log("Resetting state and loading initial data"), p([]), v(!1), l(void 0), P((/* @__PURE__ */ new Date()).toISOString()), $(!0), R(!0), e.log("Opening WebSocket connection"), f.openWebSocket(), e.log("Fetching user preferences"), f.getPreferences().then((t) => {
+      var r, n, s;
       e.log("Initial preferences loaded", {
         preferencesCount: ((r = t.preferences) == null ? void 0 : r.length) || 0,
-        notificationsCount: ((i = t.notifications) == null ? void 0 : i.length) || 0,
+        notificationsCount: ((n = t.notifications) == null ? void 0 : n.length) || 0,
         subNotificationsCount: ((s = t.subNotifications) == null ? void 0 : s.length) || 0
       }), l(t), e.groupEnd();
     }).catch((t) => {
       e.error("Failed to fetch initial preferences", t), e.groupEnd();
     });
-  }, [f, W, R, e]), E(() => {
+  }, [f, R, L, e]), E(() => {
     e.group("Fetching user account metadata"), f.getUserAccountMetadata().then((t) => {
       e.log("User account metadata loaded", {
         hasWebPushEnabled: t.userAccountMetadata.hasWebPushEnabled,
         environmentVapidPublicKey: t.userAccountMetadata.environmentVapidPublicKey ? "present" : "missing"
-      }), b(t), V && "Notification" in window && typeof Notification.requestPermission == "function" ? (e.log("Browser notification support detected", {
+      }), b(t), Q && "Notification" in window && typeof Notification.requestPermission == "function" ? (e.log("Browser notification support detected", {
         permission: Notification.permission
       }), Notification.permission !== "default" && (e.log(
         "Setting webPushOptInMessage to false (permission already set)"
-      ), y(!1))) : (e.log(
+      ), S(!1))) : (e.log(
         "Browser notification not supported, using server setting",
         {
           hasWebPushEnabled: t.userAccountMetadata.hasWebPushEnabled
         }
-      ), y(t.userAccountMetadata.hasWebPushEnabled)), e.groupEnd();
+      ), S(t.userAccountMetadata.hasWebPushEnabled)), e.groupEnd();
     }).catch((t) => {
       e.error("Failed to fetch user account metadata", t), e.groupEnd();
     });
   }, [f, e]), E(() => {
-    if (e.group("Handling webPushOptInMessage state"), e.log("webPushOptInMessage value", v), v === "AUTOMATIC") {
+    if (e.group("Handling webPushOptInMessage state"), e.log("webPushOptInMessage value", y), y === "AUTOMATIC") {
       const t = localStorage.getItem("hideWebPushOptInMessage") === "true";
       e.log("Automatic mode - checking localStorage", {
         hideMessage: t,
         shouldShow: !t
-      }), y(!t);
+      }), S(!t);
     }
     e.groupEnd();
-  }, [v, e]), E(() => {
-    e.group("Handling webPushOptIn state"), e.log("webPushOptIn state", M), M && (e.log("User opted in for web push, requesting permission"), R()), e.groupEnd();
-  }, [M, R, e]);
-  const te = {
+  }, [y, e]), E(() => {
+    e.group("Handling webPushOptIn state"), e.log("webPushOptIn state", M), M && (e.log("User opted in for web push, requesting permission"), L()), e.groupEnd();
+  }, [M, L, e]);
+  const ne = {
     notifications: c,
     preferences: I,
     userAccountMetaData: h,
-    webPushOptInMessage: v,
-    loadNotifications: W,
-    markAsOpened: X,
-    markAsArchived: Z,
-    markAsUnarchived: Y,
-    markAsClicked: Q,
-    updateDelivery: ee,
-    updateDeliveries: H,
+    webPushOptInMessage: y,
+    loadNotifications: R,
+    markAsOpened: Z,
+    markAsArchived: te,
+    markAsUnarchived: ee,
+    markAsClicked: Y,
+    updateDelivery: oe,
+    updateDeliveries: K,
     getClient: () => f,
-    setWebPushOptInMessage: y,
-    setWebPushOptIn: _
+    setWebPushOptInMessage: S,
+    setWebPushOptIn: X
   };
   return e.log("NotificationAPI Provider rendering", {
     notificationsCount: (c == null ? void 0 : c.length) || 0,
     hasPreferences: !!I,
     hasUserAccountMetaData: !!h,
-    webPushOptInMessage: v,
+    webPushOptInMessage: y,
     webPushOptIn: M
-  }), /* @__PURE__ */ oe(B.Provider, { value: te, children: o.children });
-}, ce = () => {
-  const o = ie(B);
+  }), /* @__PURE__ */ ie(_.Provider, { value: ne, children: o.children });
+}, ue = () => {
+  const o = re(_);
   if (!o)
     throw new Error("useMyContext must be used within a MyProvider");
   return o;
 };
-ae.useNotificationAPIContext = ce;
-const de = async () => {
-  if (V && "Notification" in window && typeof Notification.requestPermission == "function")
+de.useNotificationAPIContext = ue;
+const le = async () => {
+  if (Q && "Notification" in window && typeof Notification.requestPermission == "function")
     try {
       return await Notification.requestPermission();
     } catch (o) {
@@ -701,5 +705,5 @@ const de = async () => {
     return console.warn("Web Push Notifications are not supported in this browser."), "default";
 };
 export {
-  ae as NotificationAPIProvider
+  de as NotificationAPIProvider
 };

package/dist/components/WebPush/WebPushOptInMessage.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 interface WebPushOptInMessageProps {
     hideAfterInteraction?: boolean;
     alertContainerStyle?: React.CSSProperties;

package/dist/main.d.ts

@@ -1,4 +1,3 @@
-
 export { NotificationFeed, NotificationPopup, NotificationLauncher, NotificationCounter } from './components/Notifications';
 export { NotificationPreferencesInline, NotificationPreferencesPopup } from './components/Preferences';
 export { NotificationAPIProvider } from './components/Provider';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@notificationapi/react",
   "private": false,
-  "version": "1.6.2",
+  "version": "1.7.0",
   "type": "module",
   "overrides": {
     "esbuild": "^0.25.0",
@@ -48,11 +48,11 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
     "faker-js": "^1.0.0",
-    "glob": "^10.4.1",
+    "glob": "^11.1.0",
     "prettier": "^3.3.3",
     "typescript": "^5.2.2",
     "vite": "^5.4.21",
-    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "main": "dist/main.js",
@@ -61,6 +61,10 @@
     "dist"
   ],
   "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/notificationapi-com/notificationapi-react-client-sdk"
+  },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",