@notificationapi/react 1.1.4 → 1.3.0

package/dist/components/Provider/index.js

@@ -1,25 +1,26 @@
-import { jsx as Q } from "react/jsx-runtime";
-import { useState as I, useCallback as m, useMemo as X, useRef as U, useEffect as y, useContext as Y } from "react";
-import { NotificationAPIContext as H } from "./context.js";
-const Z = async (e, c, i, a, f, b, h) => {
-  const l = ee(a, f, b), g = await fetch(
-    `https://${c}/${a}/users/${encodeURIComponent(
-      f
-    )}/${i}`,
+import { jsx as te } from "react/jsx-runtime";
+import { useMemo as B, useState as b, useCallback as N, useRef as R, useEffect as y, useContext as oe } from "react";
+import { NotificationAPIContext as V } from "./context.js";
+import { createDebugLogger as ie, formatApiCall as k } from "../../utils/debug.js";
+const ne = async (i, e, g, s, c, p, w) => {
+  const h = re(s, c, p), f = await fetch(
+    `https://${e}/${s}/users/${encodeURIComponent(
+      c
+    )}/${g}`,
     {
-      method: e,
-      body: JSON.stringify(h),
+      method: i,
+      body: JSON.stringify(w),
       headers: {
-        Authorization: `Basic ${l}`
+        Authorization: `Basic ${h}`
       }
     }
   );
   try {
-    return await g.json();
+    return await f.json();
   } catch {
     return;
   }
-}, ee = (e, c, i) => btoa(i ? e + ":" + c + ":" + i : e + ":" + c), q = {
+}, re = (i, e, g) => btoa(g ? i + ":" + e + ":" + g : i + ":" + e), K = {
   host: "api.notificationapi.com",
   websocketHost: "ws.notificationapi.com",
   userId: "",
@@ -32,79 +33,79 @@ const Z = async (e, c, i, a, f, b, h) => {
   onNewInAppNotifications: void 0,
   keepWebSocketAliveForSeconds: 86400
   // 24 hours
-}, o = {
-  config: q,
-  init: function(e) {
-    return this.config = { ...q, ...e }, {
+}, a = {
+  config: K,
+  init: function(i) {
+    return this.config = { ...K, ...i }, {
       ...this
     };
   },
   rest: {
-    generic: function(e, c, i) {
-      return Z(
+    generic: function(i, e, g) {
+      return ne(
+        i,
+        a.config.host,
         e,
-        o.config.host,
-        c,
-        o.config.clientId,
-        o.config.userId,
-        o.config.hashedUserId,
-        i
+        a.config.clientId,
+        a.config.userId,
+        a.config.hashedUserId,
+        g
       );
     },
     // 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(e, c) {
-      return o.rest.generic(
+    getNotifications: function(i, e) {
+      return a.rest.generic(
         "GET",
-        `notifications/INAPP_WEB?count=${c}&before=${e}`
+        `notifications/INAPP_WEB?count=${e}&before=${i}`
       );
     },
-    patchNotifications: function(e) {
-      return o.rest.generic(
+    patchNotifications: function(i) {
+      return a.rest.generic(
         "PATCH",
         "notifications/INAPP_WEB",
-        e
+        i
       );
     },
     getPreferences: function() {
-      return o.rest.generic("GET", "preferences");
+      return a.rest.generic("GET", "preferences");
     },
-    postPreferences: function(e) {
-      return o.rest.generic(
+    postPreferences: function(i) {
+      return a.rest.generic(
         "POST",
         "preferences",
-        e
+        i
       );
     },
-    postUser: function(e) {
-      return o.rest.generic("POST", "", e);
+    postUser: function(i) {
+      return a.rest.generic("POST", "", i);
     },
     getUserAccountMetadata: function() {
-      return o.rest.generic("GET", "account_metadata");
+      return a.rest.generic("GET", "account_metadata");
     }
   },
   websocket: {
     object: void 0,
     connect: function() {
-      let e = `wss://${o.config.websocketHost}?userId=${encodeURIComponent(o.config.userId)}&envId=${o.config.clientId}`;
-      return o.config.hashedUserId && (e += `&userIdHash=${encodeURIComponent(o.config.hashedUserId)}`), o.websocket.object = new WebSocket(e), o.websocket.object.onmessage = (c) => {
-        const i = JSON.parse(c.data);
-        if (!(!i || !i.route) && i.route === "inapp_web/new_notifications") {
-          const a = i;
-          o.config.onNewInAppNotifications && o.config.onNewInAppNotifications(
-            a.payload.notifications
+      let i = `wss://${a.config.websocketHost}?userId=${encodeURIComponent(a.config.userId)}&envId=${a.config.clientId}`;
+      return a.config.hashedUserId && (i += `&userIdHash=${encodeURIComponent(a.config.hashedUserId)}`), a.websocket.object = new WebSocket(i), a.websocket.object.onmessage = (e) => {
+        const g = JSON.parse(e.data);
+        if (!(!g || !g.route) && g.route === "inapp_web/new_notifications") {
+          const s = g;
+          a.config.onNewInAppNotifications && a.config.onNewInAppNotifications(
+            s.payload.notifications
           );
         }
-      }, o.websocket.object;
+      }, a.websocket.object;
     },
-    disconnect: function(e) {
-      var c;
-      o.websocket.object && ((c = o.websocket.object) == null || c.close(), e && e(o.websocket.object));
+    disconnect: function(i) {
+      var e;
+      a.websocket.object && ((e = a.websocket.object) == null || e.close(), i && i(a.websocket.object));
     }
   },
   openWebSocket: function() {
-    return o.websocket.connect(() => {
+    return a.websocket.connect(() => {
       setTimeout(
         () => {
           this.websocket.disconnect(() => {
@@ -118,45 +119,55 @@ const Z = async (e, c, i, a, f, b, h) => {
   // These functions are developer friendly wrappers over the rest APIs
   // They may or may not do additional tasks.
   // e.g. identify simply maps to postUsers
-  getInAppNotifications: async (e) => {
-    const c = e.maxCountNeeded || o.config.getInAppDefaultCount, i = e.oldestNeeded || o.config.getInAppDefaultOldest;
-    let a = [], f = e.before, b = !0, h = !0;
-    for (; h; ) {
-      const l = (await o.rest.getNotifications(
-        f,
-        c
+  getInAppNotifications: async (i) => {
+    const e = i.maxCountNeeded || a.config.getInAppDefaultCount, g = i.oldestNeeded || a.config.getInAppDefaultOldest;
+    let s = [], c = i.before, p = !0, w = !0;
+    for (; w; ) {
+      const h = (await a.rest.getNotifications(
+        c,
+        e
       )).notifications.filter(
-        (g) => !a.find((w) => w.id === g.id)
+        (f) => !s.find((I) => I.id === f.id)
       );
-      f = l.reduce(
-        (g, w) => g < w.date ? g : w.date,
-        e.before
-      ), a = [...a, ...l], b = l.length > 0, h = !0, (!b || a.length >= c || f < i) && (h = !1);
+      c = h.reduce(
+        (f, I) => f < I.date ? f : I.date,
+        i.before
+      ), s = [...s, ...h], p = h.length > 0, w = !0, (!p || s.length >= e || c < g) && (w = !1);
     }
     return {
-      items: a,
-      hasMore: b,
-      oldestReceived: f
+      items: s,
+      hasMore: p,
+      oldestReceived: c
     };
   },
-  updateInAppNotifications: async (e) => {
-    const c = {
-      trackingIds: e.ids
+  updateInAppNotifications: async (i) => {
+    const e = {
+      trackingIds: i.ids
     };
-    return e.archived === !0 ? c.archived = (/* @__PURE__ */ new Date()).toISOString() : e.archived === !1 && (c.archived = null), e.clicked === !0 ? c.clicked = (/* @__PURE__ */ new Date()).toISOString() : e.clicked === !1 && (c.clicked = null), e.opened === !0 ? c.opened = (/* @__PURE__ */ new Date()).toISOString() : e.opened === !1 && (c.opened = null), o.rest.patchNotifications(c);
+    return i.archived === !0 ? e.archived = (/* @__PURE__ */ new Date()).toISOString() : i.archived === !1 && (e.archived = null), i.clicked === !0 ? e.clicked = (/* @__PURE__ */ new Date()).toISOString() : i.clicked === !1 && (e.clicked = null), i.opened === !0 ? e.opened = (/* @__PURE__ */ new Date()).toISOString() : i.opened === !1 && (e.opened = null), a.rest.patchNotifications(e);
   },
-  getPreferences: async () => o.rest.getPreferences(),
-  updateDeliveryOption: async (e) => o.rest.postPreferences([e]),
-  identify: async (e) => {
-    if (e.id && e.id !== o.config.userId)
+  getPreferences: async () => a.rest.getPreferences(),
+  updateDeliveryOption: async (i) => a.rest.postPreferences([i]),
+  identify: async (i) => {
+    if (i.id && i.id !== a.config.userId)
       throw new Error(
         "The id in the parameters does not match the initialized userId."
       );
-    return o.rest.postUser(e);
+    return a.rest.postUser(i);
   },
-  getUserAccountMetadata: async () => o.rest.getUserAccountMetadata()
-}, F = typeof window < "u", te = (e) => {
-  const i = {
+  getUserAccountMetadata: async () => a.rest.getUserAccountMetadata()
+}, G = typeof window < "u", se = (i) => {
+  const e = B(
+    () => ie(i.debug || !1),
+    [i.debug]
+  );
+  e.log("NotificationAPI Provider initializing", {
+    clientId: i.clientId,
+    userId: "userId" in i ? i.userId : i.user.id,
+    debug: i.debug || !1,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  });
+  const s = {
     ...{
       apiURL: "api.notificationapi.com",
       wsURL: "ws.notificationapi.com",
@@ -167,153 +178,313 @@ const Z = async (e, c, i, a, f, b, h) => {
       webPushOptInMessage: "AUTOMATIC",
       customServiceWorkerPath: "/notificationapi-service-worker.js"
     },
-    ...e,
-    user: "userId" in e ? { id: e.userId } : e.user
-  }, [a, f] = I(), [b, h] = I(), [l, g] = I(), [w, S] = I(!1), [k, T] = I((/* @__PURE__ */ new Date()).toISOString()), [A, C] = I(!0), [v, N] = I(i.webPushOptInMessage), [L, J] = I(!1), W = m(() => {
-    i.playSoundOnNewNotification && new Audio(i.newNotificationSoundPath).play().catch((s) => {
-      console.log("Failed to play new notification sound:", s);
-    });
-  }, [i.newNotificationSoundPath, i.playSoundOnNewNotification]), P = m((t) => {
-    const s = (/* @__PURE__ */ new Date()).toISOString();
-    f((n) => (t = Array.isArray(t) ? t : [], t = t.filter((d) => {
-      const p = d.expDate && new Date(d.expDate).toISOString() > s, D = new Date(d.date).getTime() > new Date(s).getTime() + 1e3;
-      return !p && !D;
-    }), n = Array.isArray(n) ? n : [], [
-      ...t.filter((d) => !n.find((D) => D.id === d.id)),
-      ...n
-    ]));
-  }, []), u = X(() => {
-    const t = e.client ? e.client : o.init({
-      clientId: i.clientId,
-      userId: i.user.id,
-      hashedUserId: i.hashedUserId,
-      onNewInAppNotifications: (s) => {
-        W(), P(s);
-      },
-      host: i.apiURL,
-      websocketHost: i.wsURL
-    });
-    return t.identify({
-      email: i.user.email,
-      number: i.user.number
-    }), t;
+    ...i,
+    user: "userId" in i ? { id: i.userId } : i.user
+  };
+  e.log("Configuration loaded", s);
+  const [c, p] = b(), [w, h] = b(), [f, I] = b(), [E, C] = b(!1), [O, F] = b((/* @__PURE__ */ new Date()).toISOString()), [M, x] = b(!0), [P, m] = b(s.webPushOptInMessage), [S, J] = b(!1), q = N(() => {
+    s.playSoundOnNewNotification && (e.log("Playing notification sound", {
+      soundPath: s.newNotificationSoundPath
+    }), new Audio(s.newNotificationSoundPath).play().catch((n) => {
+      e.error("Failed to play new notification sound", n), console.log("Failed to play new notification sound:", n);
+    }));
   }, [
-    i.clientId,
-    i.user.id,
-    i.user.email,
-    i.user.number,
-    i.hashedUserId,
-    P,
-    W,
-    e.client,
-    i.apiURL,
-    i.wsURL
-  ]), x = m(
-    async (t, s) => {
-      const n = await u.rest.getNotifications(t, s);
-      T(n.oldestReceived), C(n.couldLoadMore), P(n.notifications);
+    s.newNotificationSoundPath,
+    s.playSoundOnNewNotification,
+    e
+  ]), A = N(
+    (t) => {
+      e.group("Adding notifications to state"), e.log("Received notifications", {
+        count: (t == null ? void 0 : t.length) || 0,
+        notifications: t
+      });
+      const n = (/* @__PURE__ */ new Date()).toISOString();
+      p((o) => {
+        const r = (o == null ? void 0 : o.length) || 0;
+        e.log("Current notifications count", r), t = Array.isArray(t) ? t : [], t = t.filter((u) => {
+          const v = u.expDate && new Date(u.expDate).toISOString() > n, T = new Date(u.date).getTime() > new Date(n).getTime() + 1e3, z = !v && !T;
+          return z || e.log("Filtering out notification", {
+            id: u.id,
+            reason: v ? "expired" : "future",
+            expDate: u.expDate,
+            date: u.date
+          }), z;
+        }), o = Array.isArray(o) ? o : [];
+        const d = [
+          ...t.filter((u) => {
+            const v = o.find((T) => T.id === u.id);
+            return v && e.log("Filtering out duplicate notification", { id: u.id }), !v;
+          }),
+          ...o
+        ];
+        return e.log("State updated", {
+          previousCount: r,
+          newCount: d.length,
+          addedCount: t.length
+        }), e.groupEnd(), d;
+      });
     },
-    [P, u.rest]
-  ), E = U(A), R = U(w), $ = U(k);
+    [e]
+  ), l = B(() => {
+    e.group("Initializing NotificationAPI client");
+    const t = {
+      clientId: s.clientId,
+      userId: s.user.id,
+      hashedUserId: s.hashedUserId,
+      host: s.apiURL,
+      websocketHost: s.wsURL
+    };
+    e.log("Client configuration", t);
+    const n = i.client ? i.client : a.init({
+      ...t,
+      onNewInAppNotifications: (r) => {
+        e.log("Received new in-app notifications via WebSocket", {
+          count: (r == null ? void 0 : r.length) || 0,
+          notifications: r
+        }), q(), A(r);
+      }
+    }), o = {
+      email: s.user.email,
+      number: s.user.number
+    };
+    return e.log("Identifying user", o), n.identify(o), e.groupEnd(), n;
+  }, [
+    s.clientId,
+    s.user.id,
+    s.user.email,
+    s.user.number,
+    s.hashedUserId,
+    A,
+    q,
+    i.client,
+    s.apiURL,
+    s.wsURL,
+    e
+  ]), $ = N(
+    async (t, n) => {
+      var o;
+      e.group("Fetching notifications"), e.log(
+        "Fetch parameters",
+        k("GET", "/notifications", { date: t, count: n })
+      );
+      try {
+        const r = await l.rest.getNotifications(t, n);
+        e.log("Fetch successful", {
+          notificationsCount: ((o = r.notifications) == null ? void 0 : o.length) || 0,
+          oldestReceived: r.oldestReceived,
+          couldLoadMore: r.couldLoadMore
+        }), F(r.oldestReceived), x(r.couldLoadMore), A(r.notifications), e.groupEnd();
+      } catch (r) {
+        throw e.error("Failed to fetch notifications", r, { date: t, count: n }), e.groupEnd(), r;
+      }
+    },
+    [A, l.rest, e]
+  ), U = R(M), D = R(E), j = R(O);
   y(() => {
-    E.current = A, R.current = w, $.current = k;
-  }, [A, w, k]);
-  const O = m(
+    U.current = M, D.current = E, j.current = O;
+  }, [M, E, O]);
+  const L = N(
     async (t) => {
-      if (!(!t && (!E.current || R.current))) {
-        S(!0);
-        try {
-          await x(
-            t ? (/* @__PURE__ */ new Date()).toISOString() : $.current,
-            t ? i.initialLoadMaxCount : 1e3
-          );
-        } finally {
-          S(!1);
-        }
+      if (e.group(`Loading notifications (${t ? "initial" : "more"})`), e.log("Load conditions", {
+        initial: t,
+        hasMore: U.current,
+        loading: D.current
+      }), !t && (!U.current || D.current)) {
+        e.log("Skipping load - conditions not met"), e.groupEnd();
+        return;
+      }
+      C(!0), e.log("Loading started");
+      try {
+        await $(
+          t ? (/* @__PURE__ */ new Date()).toISOString() : j.current,
+          t ? s.initialLoadMaxCount : 1e3
+        ), e.log("Loading completed successfully");
+      } catch (n) {
+        throw e.error("Loading failed", n), n;
+      } finally {
+        C(!1), e.groupEnd();
       }
     },
-    [i.initialLoadMaxCount, x]
-  ), B = async (t) => {
-    if (!a) return;
-    const s = (/* @__PURE__ */ new Date()).toISOString(), n = a.filter((r) => t.includes(r.id) && !r.clicked).map((r) => r.id);
-    u.updateInAppNotifications({ ids: n, clicked: !0 }), f((r) => {
-      if (!r) return [];
-      const d = [...r];
-      return d.filter((p) => n.includes(p.id)).forEach((p) => {
-        p.clicked = s;
-      }), d;
-    });
-  }, G = async () => {
-    if (!a) return;
-    const t = (/* @__PURE__ */ new Date()).toISOString(), s = a.filter((n) => !n.opened || !n.seen).map((n) => n.id);
-    s.length !== 0 && (u.updateInAppNotifications({
-      ids: s,
-      opened: !0
-    }), f((n) => {
-      if (!n) return [];
-      const r = [...n];
-      return r.filter((d) => s.includes(d.id)).forEach((d) => {
-        d.opened = t, d.seen = !0;
-      }), r;
-    }));
-  }, K = async (t) => {
-    if (!a) return;
-    const s = a.filter((n) => n.archived && (t === "ALL" || t.includes(n.id))).map((n) => n.id);
-    s.length !== 0 && (u.updateInAppNotifications({
-      ids: s,
-      archived: !1
-    }), f((n) => {
-      if (!n) return [];
-      const r = [...n];
-      return r.filter((d) => s.includes(d.id)).forEach((d) => {
-        d.archived = void 0;
-      }), r;
-    }));
-  }, V = async (t) => {
-    if (!a) return;
-    const s = (/* @__PURE__ */ new Date()).toISOString(), n = a.filter((r) => !r.archived && (t === "ALL" || t.includes(r.id))).map((r) => r.id);
-    n.length !== 0 && (u.updateInAppNotifications({ ids: n, archived: !0 }), f((r) => {
-      if (!r) return [];
-      const d = [...r];
-      return d.filter((p) => n.includes(p.id)).forEach((p) => {
-        p.archived = s;
-      }), d;
-    }));
-  }, _ = (t, s, n, r) => j([
+    [s.initialLoadMaxCount, $, e]
+  ), Q = async (t) => {
+    if (e.group("Marking notifications as clicked"), e.log("Requested IDs", t), !c) {
+      e.warn("No notifications available"), e.groupEnd();
+      return;
+    }
+    const n = (/* @__PURE__ */ new Date()).toISOString(), o = c.filter((r) => t.includes(r.id) && !r.clicked).map((r) => r.id);
+    if (e.log("Filtered IDs for update", {
+      requestedCount: t.length,
+      actualCount: o.length,
+      ids: o
+    }), o.length === 0) {
+      e.log("No notifications to update"), e.groupEnd();
+      return;
+    }
+    try {
+      e.log(
+        "Updating notifications via API",
+        k("PUT", "/notifications/clicked", { ids: o })
+      ), l.updateInAppNotifications({ ids: o, clicked: !0 }), p((r) => {
+        if (!r) return [];
+        const d = [...r];
+        return d.filter((u) => o.includes(u.id)).forEach((u) => {
+          u.clicked = n;
+        }), e.log("Local state updated", { updatedCount: o.length }), d;
+      }), e.groupEnd();
+    } catch (r) {
+      throw e.error("Failed to mark notifications as clicked", r, { ids: o }), e.groupEnd(), r;
+    }
+  }, X = async () => {
+    if (e.group("Marking notifications as opened"), !c) {
+      e.warn("No notifications available"), e.groupEnd();
+      return;
+    }
+    const t = (/* @__PURE__ */ new Date()).toISOString(), n = c.filter((o) => !o.opened || !o.seen).map((o) => o.id);
+    if (e.log("Notifications to mark as opened", { count: n.length, ids: n }), n.length === 0) {
+      e.log("All notifications already opened"), e.groupEnd();
+      return;
+    }
+    try {
+      e.log(
+        "Updating notifications via API",
+        k("PUT", "/notifications/opened", { ids: n })
+      ), l.updateInAppNotifications({
+        ids: n,
+        opened: !0
+      }), p((o) => {
+        if (!o) return [];
+        const r = [...o];
+        return r.filter((d) => n.includes(d.id)).forEach((d) => {
+          d.opened = t, d.seen = !0;
+        }), e.log("Local state updated", { updatedCount: n.length }), r;
+      }), e.groupEnd();
+    } catch (o) {
+      throw e.error("Failed to mark notifications as opened", o, { ids: n }), e.groupEnd(), o;
+    }
+  }, Y = 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 n = c.filter((o) => o.archived && (t === "ALL" || t.includes(o.id))).map((o) => o.id);
+    if (e.log("Filtered notifications for unarchiving", {
+      count: n.length,
+      ids: n
+    }), n.length === 0) {
+      e.log("No archived notifications to unarchive"), e.groupEnd();
+      return;
+    }
+    try {
+      e.log(
+        "Updating notifications via API",
+        k("PUT", "/notifications/unarchived", { ids: n })
+      ), l.updateInAppNotifications({
+        ids: n,
+        archived: !1
+      }), p((o) => {
+        if (!o) return [];
+        const r = [...o];
+        return r.filter((d) => n.includes(d.id)).forEach((d) => {
+          d.archived = void 0;
+        }), e.log("Local state updated", { unarchivedCount: n.length }), r;
+      }), e.groupEnd();
+    } catch (o) {
+      throw e.error("Failed to unarchive notifications", o, { ids: n }), e.groupEnd(), o;
+    }
+  }, Z = 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 n = (/* @__PURE__ */ new Date()).toISOString(), o = c.filter((r) => !r.archived && (t === "ALL" || t.includes(r.id))).map((r) => r.id);
+    if (e.log("Filtered notifications for archiving", {
+      count: o.length,
+      ids: o
+    }), o.length === 0) {
+      e.log("No unarchived notifications to archive"), e.groupEnd();
+      return;
+    }
+    try {
+      e.log(
+        "Updating notifications via API",
+        k("PUT", "/notifications/archived", { ids: o })
+      ), l.updateInAppNotifications({ ids: o, archived: !0 }), p((r) => {
+        if (!r) return [];
+        const d = [...r];
+        return d.filter((u) => o.includes(u.id)).forEach((u) => {
+          u.archived = n;
+        }), e.log("Local state updated", { archivedCount: o.length }), d;
+      }), e.groupEnd();
+    } catch (r) {
+      throw e.error("Failed to archive notifications", r, { ids: o }), e.groupEnd(), r;
+    }
+  }, _ = (t, n, o, r) => (e.log("Updating single delivery preference", {
+    notificationId: t,
+    channel: n,
+    delivery: o,
+    subNotificationId: r
+  }), H([
     {
       notificationId: t,
-      channel: s,
-      delivery: n,
+      channel: n,
+      delivery: o,
       subNotificationId: r
     }
-  ]), j = (t) => {
-    u.rest.postPreferences(t).then(() => {
-      u.getPreferences().then((s) => {
-        h(s);
+  ])), H = (t) => {
+    e.group("Updating delivery preferences"), e.log("Preference updates", { count: t.length, params: t });
+    try {
+      l.rest.postPreferences(t).then(() => {
+        e.log(
+          "Preferences updated successfully, fetching latest preferences"
+        ), l.getPreferences().then((n) => {
+          var o, r, d;
+          e.log("Latest preferences fetched", {
+            preferencesCount: ((o = n.preferences) == null ? void 0 : o.length) || 0,
+            notificationsCount: ((r = n.notifications) == null ? void 0 : r.length) || 0,
+            subNotificationsCount: ((d = n.subNotifications) == null ? void 0 : d.length) || 0
+          }), h(n), e.groupEnd();
+        }).catch((n) => {
+          e.error("Failed to fetch updated preferences", n), e.groupEnd();
+        });
+      }).catch((n) => {
+        e.error("Failed to update preferences", n, { params: t }), e.groupEnd();
       });
-    });
-  }, M = m(() => {
-    "serviceWorker" in navigator && navigator.serviceWorker.register(i.customServiceWorkerPath).then(async (t) => {
-      N(!1), ne().then(async (s) => {
-        s === "granted" ? await t.pushManager.subscribe({
+    } catch (n) {
+      throw e.error("Error in updateDeliveries", n, { params: t }), e.groupEnd(), n;
+    }
+  }, W = N(() => {
+    e.group("Requesting web push permission"), e.log("Service worker support check", {
+      supported: "serviceWorker" in navigator,
+      customServiceWorkerPath: s.customServiceWorkerPath
+    }), "serviceWorker" in navigator ? (e.log("Registering service worker"), navigator.serviceWorker.register(s.customServiceWorkerPath).then(async (t) => {
+      e.log("Service worker registered successfully"), m(!1), ce().then(async (n) => {
+        e.log("Notification permission result", { permission: n }), n === "granted" ? (e.log("Permission granted, subscribing to push manager"), await t.pushManager.subscribe({
           userVisibleOnly: !0,
-          applicationServerKey: l == null ? void 0 : l.userAccountMetadata.environmentVapidPublicKey
-        }).then(async (n) => {
+          applicationServerKey: f == null ? void 0 : f.userAccountMetadata.environmentVapidPublicKey
+        }).then(async (o) => {
+          e.log("Push subscription successful");
           const r = {
             webPushTokens: [
               {
                 sub: {
-                  endpoint: n.toJSON().endpoint,
-                  keys: n.toJSON().keys
+                  endpoint: o.toJSON().endpoint,
+                  keys: o.toJSON().keys
                 }
               }
             ]
           };
-          await u.identify(r), localStorage.setItem("hideWebPushOptInMessage", "true");
-        }) : s === "denied" && console.log("Permission for notifications was denied");
+          e.log("Identifying user with web push tokens"), await l.identify(r), localStorage.setItem("hideWebPushOptInMessage", "true"), e.log("Web push setup completed successfully"), e.groupEnd();
+        })) : n === "denied" && (e.warn("Permission for notifications was denied"), console.log("Permission for notifications was denied"), e.groupEnd());
       });
     }).catch((t) => {
-      t.code === 18 ? console.error(
+      e.error(
+        "Service worker registration or push subscription failed",
+        t,
+        {
+          errorCode: t.code,
+          customServiceWorkerPath: s.customServiceWorkerPath
+        }
+      ), t.code === 18 ? console.error(
         "NotificationAPI guide: Probably you are not setup the service worker correctly. Please check the documentation at https://docs.notificationapi.com/guides/web-push#step-by-step-implementation Step 3: Service Worker Setup."
       ) : t.code === 19 ? console.error(
         "The operation is aborted. This can happen if the user denies the permission request."
@@ -323,62 +494,95 @@ const Z = async (e, c, i, a, f, b, h) => {
         "The operation is not allowed. This can happen if the user has blocked notifications for the site. Please check your browser site settings Notifications part."
       ) : t.code === 22 ? console.error(
         "The operation is not supported. This can occur if the browser does not support the required features."
-      ) : console.error(t);
-    });
+      ) : console.error(t), e.groupEnd();
+    })) : (e.warn("Service worker not supported in this browser"), e.groupEnd());
   }, [
-    u,
-    i.customServiceWorkerPath,
-    l == null ? void 0 : l.userAccountMetadata.environmentVapidPublicKey
+    l,
+    s.customServiceWorkerPath,
+    f == null ? void 0 : f.userAccountMetadata.environmentVapidPublicKey,
+    e
   ]);
   y(() => {
-    f([]), S(!1), h(void 0), T((/* @__PURE__ */ new Date()).toISOString()), C(!0), O(!0), u.openWebSocket(), u.getPreferences().then((t) => {
-      h(t);
+    e.group("Provider initialization effect"), e.log("Resetting state and loading initial data"), p([]), C(!1), h(void 0), F((/* @__PURE__ */ new Date()).toISOString()), x(!0), L(!0), e.log("Opening WebSocket connection"), l.openWebSocket(), e.log("Fetching user preferences"), l.getPreferences().then((t) => {
+      var n, o, r;
+      e.log("Initial preferences loaded", {
+        preferencesCount: ((n = t.preferences) == null ? void 0 : n.length) || 0,
+        notificationsCount: ((o = t.notifications) == null ? void 0 : o.length) || 0,
+        subNotificationsCount: ((r = t.subNotifications) == null ? void 0 : r.length) || 0
+      }), h(t), e.groupEnd();
+    }).catch((t) => {
+      e.error("Failed to fetch initial preferences", t), e.groupEnd();
     });
-  }, [u, O, M]), y(() => {
-    u.getUserAccountMetadata().then((t) => {
-      g(t), F && "Notification" in window && typeof Notification.requestPermission == "function" ? Notification.permission !== "default" && N(!1) : N(t.userAccountMetadata.hasWebPushEnabled);
+  }, [l, L, W, e]), y(() => {
+    e.group("Fetching user account metadata"), l.getUserAccountMetadata().then((t) => {
+      e.log("User account metadata loaded", {
+        hasWebPushEnabled: t.userAccountMetadata.hasWebPushEnabled,
+        environmentVapidPublicKey: t.userAccountMetadata.environmentVapidPublicKey ? "present" : "missing"
+      }), I(t), G && "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)"
+      ), m(!1))) : (e.log(
+        "Browser notification not supported, using server setting",
+        {
+          hasWebPushEnabled: t.userAccountMetadata.hasWebPushEnabled
+        }
+      ), m(t.userAccountMetadata.hasWebPushEnabled)), e.groupEnd();
+    }).catch((t) => {
+      e.error("Failed to fetch user account metadata", t), e.groupEnd();
     });
-  }, [u]), y(() => {
-    v === "AUTOMATIC" && N(
-      localStorage.getItem("hideWebPushOptInMessage") !== "true"
-    );
-  }, [v]), y(() => {
-    L && M();
-  }, [L, M]);
-  const z = {
-    notifications: a,
-    preferences: b,
-    userAccountMetaData: l,
-    webPushOptInMessage: v,
-    loadNotifications: O,
-    markAsOpened: G,
-    markAsArchived: V,
-    markAsUnarchived: K,
-    markAsClicked: B,
+  }, [l, e]), y(() => {
+    if (e.group("Handling webPushOptInMessage state"), e.log("webPushOptInMessage value", P), P === "AUTOMATIC") {
+      const t = localStorage.getItem("hideWebPushOptInMessage") === "true";
+      e.log("Automatic mode - checking localStorage", {
+        hideMessage: t,
+        shouldShow: !t
+      }), m(!t);
+    }
+    e.groupEnd();
+  }, [P, e]), y(() => {
+    e.group("Handling webPushOptIn state"), e.log("webPushOptIn state", S), S && (e.log("User opted in for web push, requesting permission"), W()), e.groupEnd();
+  }, [S, W, e]);
+  const ee = {
+    notifications: c,
+    preferences: w,
+    userAccountMetaData: f,
+    webPushOptInMessage: P,
+    loadNotifications: L,
+    markAsOpened: X,
+    markAsArchived: Z,
+    markAsUnarchived: Y,
+    markAsClicked: Q,
     updateDelivery: _,
-    updateDeliveries: j,
-    getClient: () => u,
-    setWebPushOptInMessage: N,
+    updateDeliveries: H,
+    getClient: () => l,
+    setWebPushOptInMessage: m,
     setWebPushOptIn: J
   };
-  return /* @__PURE__ */ Q(H.Provider, { value: z, children: e.children });
-}, ie = () => {
-  const e = Y(H);
-  if (!e)
+  return e.log("NotificationAPI Provider rendering", {
+    notificationsCount: (c == null ? void 0 : c.length) || 0,
+    hasPreferences: !!w,
+    hasUserAccountMetaData: !!f,
+    webPushOptInMessage: P,
+    webPushOptIn: S
+  }), /* @__PURE__ */ te(V.Provider, { value: ee, children: i.children });
+}, ae = () => {
+  const i = oe(V);
+  if (!i)
     throw new Error("useMyContext must be used within a MyProvider");
-  return e;
+  return i;
 };
-te.useNotificationAPIContext = ie;
-const ne = async () => {
-  if (F && "Notification" in window && typeof Notification.requestPermission == "function")
+se.useNotificationAPIContext = ae;
+const ce = async () => {
+  if (G && "Notification" in window && typeof Notification.requestPermission == "function")
     try {
       return await Notification.requestPermission();
-    } catch (e) {
-      return console.error("Error requesting notification permission:", e), "default";
+    } catch (i) {
+      return console.error("Error requesting notification permission:", i), "default";
     }
   else
     return console.warn("Web Push Notifications are not supported in this browser."), "default";
 };
 export {
-  te as NotificationAPIProvider
+  se as NotificationAPIProvider
 };