@edusight/notification-widget 1.0.28 → 1.0.29

package/dist/index.esm.js

@@ -1,20 +1,20 @@
-import { jsx as d, jsxs as C } from "react/jsx-runtime";
-import L, { Component as B, useState as A, useCallback as h, useEffect as I, createContext as M, useReducer as V, useRef as z, useContext as q } from "react";
-import { io as H } from "socket.io-client";
-import { NotificationClient as $ } from "@edusight/notification-sdk";
-import { M as j, a as J, C as k, B as O, S as G, I as Q, L as X } from "./components-BJ465mfK.js";
-import { N as Te, P as Se } from "./components-BJ465mfK.js";
-import { u as Y, c as D } from "./hooks-DQflK_dw.js";
-const Z = ({ error: t, onRetry: r }) => /* @__PURE__ */ C(
+import { jsx as d, jsxs as k } from "react/jsx-runtime";
+import M, { Component as V, useState as C, useCallback as y, useEffect as b, createContext as z, useReducer as q, useRef as $, useContext as H } from "react";
+import { io as J } from "socket.io-client";
+import { NotificationClient as j } from "@edusight/notification-sdk";
+import { M as G, a as Q, C as O, B as D, S as X, I as Y, L as Z } from "./components-DgV3nlCC.js";
+import { N as Te, P as _e } from "./components-DgV3nlCC.js";
+import { u as ee, c as x } from "./hooks-Cv5k48VE.js";
+const te = ({ error: t, onRetry: r }) => /* @__PURE__ */ k(
   "div",
   {
     className: "p-4 bg-[var(--widget-error)]/10 border border-[var(--widget-error)]/20 rounded-lg",
     role: "alert",
     "data-testid": "error-boundary-fallback",
     children: [
-      /* @__PURE__ */ C("div", { className: "flex items-center mb-2", children: [
+      /* @__PURE__ */ k("div", { className: "flex items-center mb-2", children: [
         /* @__PURE__ */ d(
-          j,
+          G,
           {
             className: "w-6 h-6 text-[var(--widget-error)] mr-2",
             "aria-hidden": "true"
@@ -35,7 +35,7 @@ const Z = ({ error: t, onRetry: r }) => /* @__PURE__ */ C(
           children: "The notification widget encountered an error and couldn't load properly."
         }
       ),
-      process.env.NODE_ENV === "development" && t && /* @__PURE__ */ C("details", { className: "mb-3", children: [
+      process.env.NODE_ENV === "development" && t && /* @__PURE__ */ k("details", { className: "mb-3", children: [
         /* @__PURE__ */ d(
           "summary",
           {
@@ -43,7 +43,7 @@ const Z = ({ error: t, onRetry: r }) => /* @__PURE__ */ C(
             children: "Error details (development only)"
           }
         ),
-        /* @__PURE__ */ C(
+        /* @__PURE__ */ k(
           "pre",
           {
             className: "mt-2 text-xs bg-[var(--widget-error)]/5 p-2 rounded overflow-auto max-h-32 text-[var(--widget-error)]",
@@ -56,7 +56,7 @@ ${t.stack}`
           }
         )
       ] }),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ k(
         "button",
         {
           type: "button",
@@ -65,7 +65,7 @@ ${t.stack}`
           "data-testid": "error-retry-button",
           children: [
             /* @__PURE__ */ d(
-              J,
+              Q,
               {
                 className: "mr-1 w-4 h-4",
                 "aria-hidden": "true"
@@ -78,7 +78,7 @@ ${t.stack}`
     ]
   }
 );
-class ee extends B {
+class ne extends V {
   constructor(r) {
     super(r), this.handleRetry = () => {
       this.setState({
@@ -105,7 +105,7 @@ class ee extends B {
   }
   render() {
     return this.state.hasError ? /* @__PURE__ */ d(
-      Z,
+      te,
       {
         error: this.state.error,
         onRetry: this.handleRetry
@@ -113,25 +113,25 @@ class ee extends B {
     ) : this.props.children;
   }
 }
-const te = () => window.__notificationSDK?.client, ne = ({
+const re = () => window.__notificationSDK?.client, ie = ({
   onPreferencesLoaded: t,
   onError: r
 }) => {
-  const l = te(), [f, o] = A(!0), [i, n] = A(null), [c, p] = A(null), T = h(async () => {
+  const l = re(), [p, a] = C(!0), [i, n] = C(null), [s, f] = C(null), m = y(async () => {
     try {
-      if (o(!0), n(null), !l)
+      if (a(!0), n(null), !l)
         throw new Error("Notification client not available");
       const u = window.__notificationSDK?.config;
       if (!u)
         throw new Error("SDK configuration not available");
-      const { subscriberId: S, tenantId: N, environmentId: g } = u;
-      if (!S || !N || !g)
+      const { subscriberId: g, tenantId: T, environmentId: w } = u;
+      if (!g || !T || !w)
         throw new Error("SubscriberId, TenantId or EnvironmentId not available in config");
       const E = await l.preferences.get(
-        N,
-        S,
-        g
-      ), w = {
+        T,
+        g,
+        w
+      ), N = {
         channels: {
           email: E.emailEnabled ?? !0,
           push: E.pushEnabled ?? !0,
@@ -148,23 +148,23 @@ const te = () => window.__notificationSDK?.client, ne = ({
           weekdays: [!0, !0, !0, !0, !0, !1, !1]
         }
       };
-      E.categories && Object.entries(E.categories).forEach(([v, y]) => {
-        w.subscriptions.push({
+      E.categories && Object.entries(E.categories).forEach(([v, _]) => {
+        N.subscriptions.push({
           workflowId: v,
           name: v,
           enabled: !0,
           channels: {
-            email: y.emailEnabled ?? !0,
-            push: y.pushEnabled ?? !0,
-            sms: y.smsEnabled ?? !1,
-            inApp: y.inAppEnabled ?? !0
+            email: _.emailEnabled ?? !0,
+            push: _.pushEnabled ?? !0,
+            sms: _.smsEnabled ?? !1,
+            inApp: _.inAppEnabled ?? !0
           }
         });
-      }), p(w), t(w);
+      }), f(N), t(N);
     } catch (u) {
-      const S = u instanceof Error ? u : new Error("Failed to load preferences");
-      u?.response?.status === 404 || u?.status === 404 || (n(S), r?.(S));
-      const g = {
+      const g = u instanceof Error ? u : new Error("Failed to load preferences");
+      u?.response?.status === 404 || u?.status === 404 || (n(g), r?.(g));
+      const w = {
         channels: {
           email: !0,
           push: !0,
@@ -181,24 +181,61 @@ const te = () => window.__notificationSDK?.client, ne = ({
           weekdays: [!0, !0, !0, !0, !0, !1, !1]
         }
       };
-      p(g), t(g);
+      f(w), t(w);
     } finally {
-      o(!1);
+      a(!1);
     }
   }, [l, t, r]);
-  return I(() => {
-    l && T();
-  }, [l, T]), {
-    isLoading: f,
+  return b(() => {
+    l && m();
+  }, [l, m]), {
+    isLoading: p,
     error: i,
-    preferences: c
+    preferences: s
   };
-}, x = M(null), re = () => {
-  const t = q(x);
+}, oe = () => window.__notificationSDK?.client, ae = () => {
+  const t = oe(), [r, l] = C([]), [p, a] = C(!0), [i, n] = C(null), s = y(async () => {
+    try {
+      if (a(!0), n(null), !t)
+        throw new Error("Notification client not available");
+      const f = window.__notificationSDK?.config;
+      if (!f)
+        throw new Error("SDK configuration not available");
+      const { tenantId: m, environmentId: u } = f;
+      if (!m || !u)
+        throw new Error("TenantId or EnvironmentId not available in config");
+      const T = ((await t.workflows.list(
+        { status: "active" },
+        // Only load active workflows
+        m,
+        u
+      ))?.workflows || []).map((w) => ({
+        workflowId: w.workflowId,
+        name: w.name || w.workflowId,
+        description: w.description
+      }));
+      l(T);
+    } catch (f) {
+      const m = f instanceof Error ? f : new Error("Failed to load workflows");
+      n(m), l([]);
+    } finally {
+      a(!1);
+    }
+  }, [t]);
+  return b(() => {
+    t && s();
+  }, [t, s]), {
+    workflows: r,
+    isLoading: p,
+    error: i,
+    refetch: s
+  };
+}, R = z(null), se = () => {
+  const t = H(R);
   if (!t)
     throw new Error("useSDK must be used within a NotificationWidget");
   return t;
-}, ie = {
+}, ce = {
   notifications: [],
   unreadCount: 0,
   preferences: {
@@ -229,51 +266,51 @@ const te = () => window.__notificationSDK?.client, ne = ({
     connected: !1,
     reconnecting: !1
   }
-}, ae = ({
+}, de = ({
   config: t,
   children: r
 }) => {
-  const [l, f] = L.useState({
+  const [l, p] = M.useState({
     client: null,
     isInitialized: !1,
     error: null
   });
-  return I(() => {
-    let o = !0;
+  return b(() => {
+    let a = !0;
     return (async () => {
       try {
         const n = window.__notificationSDK;
         if (n?.client && JSON.stringify(n.config) === JSON.stringify(t)) {
-          o && f({
+          a && p({
             client: n.client,
             isInitialized: !0,
             error: null
           });
           return;
         }
-        const c = new $({
+        const s = new j({
           apiUrl: t.baseUrl,
           apiKey: t.apiKey,
           tenantId: t.tenantId,
           environmentId: t.environmentId
         });
-        window.__notificationSDK = { client: c, config: t }, o && f({
-          client: c,
+        window.__notificationSDK = { client: s, config: t }, a && p({
+          client: s,
           isInitialized: !0,
           error: null
         });
       } catch (n) {
-        o && f({
+        a && p({
           client: null,
           isInitialized: !1,
           error: n
         });
       }
     })(), () => {
-      o = !1;
+      a = !1;
     };
-  }, [t]), /* @__PURE__ */ d(x.Provider, { value: l, children: r });
-}, oe = (t, r) => {
+  }, [t]), /* @__PURE__ */ d(R.Provider, { value: l, children: r });
+}, le = (t, r) => {
   switch (r.type) {
     case "SET_NOTIFICATIONS":
       return {
@@ -289,20 +326,20 @@ const te = () => window.__notificationSDK?.client, ne = ({
         unreadCount: l.filter((i) => !i.isRead).length
       };
     case "UPDATE_NOTIFICATION":
-      const f = t.notifications.map(
+      const p = t.notifications.map(
         (i) => i.id === r.payload.id ? { ...i, ...r.payload.updates } : i
       );
       return {
         ...t,
-        notifications: f,
-        unreadCount: f.filter((i) => !i.isRead).length
+        notifications: p,
+        unreadCount: p.filter((i) => !i.isRead).length
       };
     case "DELETE_NOTIFICATION":
-      const o = t.notifications.filter((i) => i.id !== r.payload);
+      const a = t.notifications.filter((i) => i.id !== r.payload);
       return {
         ...t,
-        notifications: o,
-        unreadCount: o.filter((i) => !i.isRead).length
+        notifications: a,
+        unreadCount: a.filter((i) => !i.isRead).length
       };
     case "SET_PREFERENCES":
       return {
@@ -322,39 +359,63 @@ const te = () => window.__notificationSDK?.client, ne = ({
     default:
       return t;
   }
-}, se = ({
+}, fe = ({
   position: t = "right",
   size: r = "medium",
   theme: l = "light",
-  className: f = "",
-  onError: o
+  className: p = "",
+  onError: a
 }) => {
-  const [i, n] = V(oe, ie), { client: c, isInitialized: p, error: T } = re(), u = z(null), S = h((e) => {
+  const [i, n] = q(le, ce), { client: s, isInitialized: f, error: m } = se(), u = $(null), g = y((e) => {
     n({
       type: "SET_PREFERENCES",
       payload: e
     });
-  }, []), N = h((e) => {
-    o && o(e);
-  }, [o]), { error: g } = ne({
-    onPreferencesLoaded: S,
-    onError: N
-  }), { updatePreference: E, isSaving: w, error: v } = Y({
+  }, []), T = y((e) => {
+    a && a(e);
+  }, [a]), { error: w } = ie({
+    onPreferencesLoaded: g,
+    onError: T
+  }), { workflows: E, isLoading: N } = ae(), { updatePreference: v, isSaving: _, error: K } = ee({
     preferences: i.preferences,
-    onPreferencesChange: S,
-    onError: N
-  }), y = h((e) => {
+    onPreferencesChange: g,
+    onError: T
+  });
+  b(() => {
+    if (!N && E.length > 0) {
+      const e = E.map((o) => i.preferences.subscriptions.find((I) => I.workflowId === o.workflowId) || {
+        workflowId: o.workflowId,
+        name: o.name,
+        enabled: !0,
+        // Default to enabled
+        channels: {
+          email: !0,
+          push: !0,
+          sms: !1,
+          inApp: !0
+        }
+      });
+      JSON.stringify(e) !== JSON.stringify(i.preferences.subscriptions) && n({
+        type: "SET_PREFERENCES",
+        payload: {
+          ...i.preferences,
+          subscriptions: e
+        }
+      });
+    }
+  }, [E, N, i.preferences]);
+  const A = y((e) => {
     try {
-      const a = D();
+      const o = x();
       switch (e.type) {
         case "notification_received": {
-          const s = e.data;
-          if (!a.validateWebSocketPayload(s))
+          const c = e.data;
+          if (!o.validateWebSocketPayload(c))
             break;
-          const _ = a.toWidgetNotificationFromWebSocket(s);
+          const I = o.toWidgetNotificationFromWebSocket(c);
           n({
             type: "ADD_NOTIFICATION",
-            payload: _
+            payload: I
           });
           break;
         }
@@ -383,8 +444,8 @@ const te = () => window.__notificationSDK?.client, ne = ({
       }
     } catch {
     }
-  }, []), K = h(async () => {
-    if (!(!c || !p || u.current))
+  }, []), W = y(async () => {
+    if (!(!s || !f || u.current))
       try {
         n({
           type: "SET_WEBSOCKET_STATE",
@@ -393,7 +454,7 @@ const te = () => window.__notificationSDK?.client, ne = ({
         const e = window.__notificationSDK?.config;
         if (!e)
           throw new Error("SDK configuration not available for WebSocket connection");
-        const _ = `${c.getApiHost()}/v1/notifications`, m = H(_, {
+        const I = `${s.getApiHost()}/v1/notifications`, h = J(I, {
           query: {
             tenantId: e.tenantId,
             subscriberId: e.subscriberId,
@@ -406,39 +467,39 @@ const te = () => window.__notificationSDK?.client, ne = ({
           reconnectionDelay: 1e3,
           reconnectionDelayMax: 5e3
         });
-        u.current = m, m.on("notification", (b) => {
-          y({
+        u.current = h, h.on("notification", (S) => {
+          A({
             type: "notification_received",
-            data: b
+            data: S
           });
-        }), m.on("connect", () => {
+        }), h.on("connect", () => {
           n({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !0, reconnecting: !1 }
           });
-        }), m.on("disconnect", (b) => {
+        }), h.on("disconnect", (S) => {
           n({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !1, reconnecting: !1 }
           });
-        }), m.on("reconnect_attempt", (b) => {
+        }), h.on("reconnect_attempt", (S) => {
           n({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !1, reconnecting: !0 }
           });
-        }), m.on("connect_error", (b) => {
+        }), h.on("connect_error", (S) => {
           n({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !1, reconnecting: !1 }
-          }), o && o(b);
-        }), m.connect();
+          }), a && a(S);
+        }), h.connect();
       } catch (e) {
         n({
           type: "SET_WEBSOCKET_STATE",
           payload: { connected: !1, reconnecting: !1 }
-        }), o && o(e);
+        }), a && a(e);
       }
-  }, [c, p, y, o]), R = h(() => {
+  }, [s, f, A, a]), F = y(() => {
     if (u.current)
       try {
         u.current.disconnect && u.current.disconnect(), u.current = null, n({
@@ -447,45 +508,47 @@ const te = () => window.__notificationSDK?.client, ne = ({
         });
       } catch {
       }
-  }, []), P = h(() => {
+  }, []), P = y(() => {
     n({
       type: "SET_UI_STATE",
       payload: { isOpen: !i.ui.isOpen }
     });
-  }, [i.ui.isOpen]), F = h(() => {
+  }, [i.ui.isOpen]), U = y(() => {
     n({
       type: "SET_UI_STATE",
       payload: { isOpen: !1 }
     });
-  }, []), U = h((e) => {
+  }, []), L = y((e) => {
     n({
       type: "SET_UI_STATE",
       payload: { currentView: e }
     });
-  }, []), W = h(async (e, a) => {
-    if (!c || !p)
+  }, []), B = y(async (e, o) => {
+    if (!s || !f)
       return;
-    const s = window.__notificationSDK?.config;
-    if (s)
+    const c = window.__notificationSDK?.config;
+    if (c) {
+      if (!e)
+        throw new Error("notificationId is required");
       try {
-        switch (a.type) {
+        switch (o.type) {
           case "mark_read":
-            await c.inbox.markAsRead(e, s.tenantId, s.environmentId, s.subscriberId);
+            await s.inbox.markAsRead(e, c.tenantId, c.environmentId, c.subscriberId);
             break;
           case "mark_unread":
-            await c.inbox.markAsUnread(e, s.tenantId, s.environmentId, s.subscriberId);
+            await s.inbox.markAsUnread(e, c.tenantId, c.environmentId, c.subscriberId);
             break;
           case "archive":
-            await c.inbox.archive(e, s.tenantId, s.environmentId, s.subscriberId);
+            await s.inbox.archive(e, c.tenantId, c.environmentId, c.subscriberId);
             break;
           case "delete":
-            await c.inbox.delete(e, s.tenantId, s.environmentId, s.subscriberId);
+            await s.inbox.delete(e, c.tenantId, c.environmentId, c.subscriberId);
             break;
           default:
-            a.handler && await a.handler(e);
+            o.handler && await o.handler(e);
             break;
         }
-        switch (a.type) {
+        switch (o.type) {
           case "mark_read":
             n({
               type: "UPDATE_NOTIFICATION",
@@ -511,109 +574,110 @@ const te = () => window.__notificationSDK?.client, ne = ({
             });
             break;
         }
-      } catch (_) {
-        o && o(_);
+      } catch (I) {
+        a && a(I);
       }
-  }, [c]);
-  return I(() => {
-    if (!c || !p) return;
+    }
+  }, [s]);
+  return b(() => {
+    if (!s || !f) return;
     (async () => {
       try {
         n({
           type: "SET_UI_STATE",
           payload: { isLoading: !0 }
         });
-        const a = window.__notificationSDK?.config;
-        if (!a)
+        const o = window.__notificationSDK?.config;
+        if (!o)
           throw new Error("SDK configuration not available");
-        const s = D(), m = ((await c.inbox.getRenderedNotifications(
+        const c = x(), h = ((await s.inbox.getRenderedNotifications(
           {
             channel: "in_app",
             limit: 50,
             offset: 0
           },
-          a.tenantId,
-          a.environmentId,
-          a.subscriberId
+          o.tenantId,
+          o.environmentId,
+          o.subscriberId
         ))?.items || []).map(
-          (b) => s.toWidgetNotification(b)
+          (S) => c.toWidgetNotification(S)
         );
         n({
           type: "SET_NOTIFICATIONS",
-          payload: m
+          payload: h
         }), n({
           type: "SET_UI_STATE",
           payload: { isLoading: !1, error: null }
         });
-      } catch (a) {
+      } catch (o) {
         n({
           type: "SET_UI_STATE",
           payload: {
             isLoading: !1,
-            error: a
+            error: o
           }
-        }), o && o(a);
+        }), a && a(o);
       }
     })();
-  }, [c, p, o]), I(() => (c && p && K(), () => {
-    R();
-  }), [c]), I(() => {
-    if (!c || !p || i.websocket.connected) return;
+  }, [s, f, a]), b(() => (s && f && W(), () => {
+    F();
+  }), [s]), b(() => {
+    if (!s || !f || i.websocket.connected) return;
     const e = setInterval(async () => {
       try {
-        const a = window.__notificationSDK?.config;
-        if (!a)
+        const o = window.__notificationSDK?.config;
+        if (!o)
           return;
-        const s = D(), m = ((await c.inbox.getRenderedNotifications(
+        const c = x(), h = ((await s.inbox.getRenderedNotifications(
           {
             channel: "in_app",
             limit: 50,
             offset: 0
           },
-          a.tenantId,
-          a.environmentId,
-          a.subscriberId
+          o.tenantId,
+          o.environmentId,
+          o.subscriberId
         ))?.items || []).map(
-          (b) => s.toWidgetNotification(b)
+          (S) => c.toWidgetNotification(S)
         );
         n({
           type: "SET_NOTIFICATIONS",
-          payload: m
+          payload: h
         });
       } catch {
       }
     }, 3e4);
     return () => clearInterval(e);
-  }, [c, i.websocket.connected]), I(() => {
-    const e = (a) => {
-      if (a.key === "notification_widget_sync" && a.newValue)
+  }, [s, i.websocket.connected]), b(() => {
+    const e = (o) => {
+      if (o.key === "notification_widget_sync" && o.newValue)
         try {
-          const s = JSON.parse(a.newValue);
-          y(s);
+          const c = JSON.parse(o.newValue);
+          A(c);
         } catch {
         }
     };
     return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
-  }, [y]), I(() => {
+  }, [A]), b(() => {
     n({
       type: "SET_UI_STATE",
-      payload: { isLoading: w }
+      payload: { isLoading: _ }
     });
-  }, [w]), I(() => {
-    const e = T || v || g;
+  }, [_]), b(() => {
+    const e = m || K || w;
     e && n({
       type: "SET_UI_STATE",
       payload: { error: e }
     });
-  }, [T, v, g]), !p && !T ? /* @__PURE__ */ d(
+  }, [m, K, w]), !f && !m ? /* @__PURE__ */ d(
     "div",
     {
-      className: `relative inline-block ${f}`,
+      className: `relative inline-block ${p}`,
       "data-widget-size": r || "small",
       "data-theme": l,
       "data-testid": "notification-widget",
-      children: /* @__PURE__ */ d(k, { componentName: "BellComponent", children: /* @__PURE__ */ d(
-        O,
+      children: /* @__PURE__ */ d(O, { componentName: "BellComponent", children: /* @__PURE__ */ d(
+        D,
         {
           unreadCount: 0,
           onClick: () => {
@@ -623,26 +687,26 @@ const te = () => window.__notificationSDK?.client, ne = ({
         }
       ) })
     }
-  ) : T ? /* @__PURE__ */ d(
+  ) : m ? /* @__PURE__ */ d(
     "div",
     {
-      className: `relative inline-block ${f}`,
+      className: `relative inline-block ${p}`,
       "data-widget-size": r || "small",
       "data-theme": l,
       "data-testid": "notification-widget",
       children: /* @__PURE__ */ d(
-        k,
+        O,
         {
           componentName: "BellComponent",
           fallback: /* @__PURE__ */ d(
-            G,
+            X,
             {
-              error: T.message,
+              error: m.message,
               onRetry: () => window.location.reload()
             }
           ),
           children: /* @__PURE__ */ d(
-            O,
+            D,
             {
               unreadCount: 0,
               onClick: () => {
@@ -654,16 +718,16 @@ const te = () => window.__notificationSDK?.client, ne = ({
         }
       )
     }
-  ) : /* @__PURE__ */ C(
+  ) : /* @__PURE__ */ k(
     "div",
     {
-      className: `relative inline-block ${f}`,
+      className: `relative inline-block ${p}`,
       "data-widget-size": r || "small",
       "data-theme": l,
       "data-testid": "notification-widget",
       children: [
-        /* @__PURE__ */ d(k, { componentName: "BellComponent", children: /* @__PURE__ */ d(
-          O,
+        /* @__PURE__ */ d(O, { componentName: "BellComponent", children: /* @__PURE__ */ d(
+          D,
           {
             unreadCount: i.unreadCount,
             onClick: P,
@@ -672,23 +736,23 @@ const te = () => window.__notificationSDK?.client, ne = ({
           }
         ) }),
         /* @__PURE__ */ d(
-          k,
+          O,
           {
             componentName: "InboxPopover",
-            fallback: /* @__PURE__ */ d(X, { message: "Unable to load notifications" }),
+            fallback: /* @__PURE__ */ d(Z, { message: "Unable to load notifications" }),
             children: /* @__PURE__ */ d(
-              Q,
+              Y,
               {
                 isOpen: i.ui.isOpen,
-                onClose: F,
+                onClose: U,
                 position: t,
                 currentView: i.ui.currentView,
-                onViewChange: U,
+                onViewChange: L,
                 notifications: i.notifications,
-                onNotificationAction: W,
+                onNotificationAction: B,
                 preferences: i.preferences,
-                onPreferenceChange: E,
-                isPreferencesLoading: w
+                onPreferenceChange: v,
+                isPreferencesLoading: _
               }
             )
           }
@@ -696,18 +760,18 @@ const te = () => window.__notificationSDK?.client, ne = ({
       ]
     }
   );
-}, me = ({
+}, ye = ({
   sdkConfig: t,
   ...r
-}) => /* @__PURE__ */ d(ee, { onError: r.onError, children: /* @__PURE__ */ d(ae, { config: t, children: /* @__PURE__ */ d(se, { ...r }) }) }), Ee = "3.0.0", he = "@edusight/notification-widget";
+}) => /* @__PURE__ */ d(ne, { onError: r.onError, children: /* @__PURE__ */ d(de, { config: t, children: /* @__PURE__ */ d(fe, { ...r }) }) }), be = "3.0.0", ge = "@edusight/notification-widget";
 export {
-  O as BellComponent,
-  Q as InboxPopover,
+  D as BellComponent,
+  Y as InboxPopover,
   Te as NotificationItem,
-  me as NotificationWidget,
-  ee as NotificationWidgetErrorBoundary,
-  Se as PreferencesView,
-  Ee as VERSION,
-  he as WIDGET_NAME
+  ye as NotificationWidget,
+  ne as NotificationWidgetErrorBoundary,
+  _e as PreferencesView,
+  be as VERSION,
+  ge as WIDGET_NAME
 };
 //# sourceMappingURL=index.esm.js.map