@edusight/notification-widget 1.0.36 → 1.0.41

package/dist/index.esm.js

@@ -1,29 +1,39 @@
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
+import { jsx as u, jsxs as A } from "react/jsx-runtime";
 import { NotificationClient as $ } from "@edusight/notification-sdk";
-import F, { useState as C, useCallback as T, useEffect as _, Component as j, createContext as J, useReducer as G, useRef as Q, useContext as X } from "react";
+import F, { useState as v, useCallback as T, useEffect as k, Component as j, createContext as J, useReducer as G, useRef as Q, useContext as X } from "react";
 import { io as Y } from "socket.io-client";
-import { u as Z, c as K } from "./hooks-C7dzVxIU.js";
-import { M as ee, a as te, C as x, B as P, S as ne, I as re, L as ie } from "./components-DqQ0ehzG.js";
-import { N as ke, P as ve } from "./components-DqQ0ehzG.js";
+import { u as Z, c as K } from "./hooks-S0z2_-4B.js";
+import { M as ee, a as te, C as x, B as P, S as ne, I as re, L as ie } from "./components-CWbjrQKA.js";
+import { N as Ce, P as ve } from "./components-CWbjrQKA.js";
 const oe = () => window.__notificationSDK?.client, ae = ({
   onPreferencesLoaded: t,
   onError: n
 }) => {
-  const f = oe(), [m, a] = C(!0), [d, s] = C(null), [r, c] = C(null), h = T(async () => {
+  const f = oe(), [h, a] = v(!0), [l, s] = v(null), [r, d] = v(null), m = T(async () => {
     try {
       if (a(!0), s(null), !f)
         throw new Error("Notification client not available");
       const p = window.__notificationSDK?.config;
       if (!p)
         throw new Error("SDK configuration not available");
-      const { subscriberId: y, tenantId: S, environmentId: b } = p;
-      if (!y || !S || !b)
+      const { subscriberId: E, tenantId: I, environmentId: b } = p;
+      if (!E || !I || !b)
         throw new Error("SubscriberId, TenantId or EnvironmentId not available in config");
       const w = await f.preferences.get(
-        S,
-        y,
+        I,
+        E,
         b
-      ), u = {
+      );
+      let c = null;
+      try {
+        c = await f.preferences.getSchedule(
+          I,
+          E,
+          b
+        );
+      } catch {
+      }
+      const N = {
         channels: {
           email: w.emailEnabled ?? !0,
           push: w.pushEnabled ?? !0,
@@ -32,30 +42,40 @@ const oe = () => window.__notificationSDK?.client, ae = ({
         },
         subscriptions: [],
         deliverySchedule: {
+          enabled: c?.isEnabled || !1,
           timezone: "UTC",
           quietHours: {
             start: w.quietHoursStart ?? "22:00",
             end: w.quietHoursEnd ?? "08:00"
           },
-          weekdays: [!0, !0, !0, !0, !0, !1, !1]
+          weekdays: c?.weeklySchedule ? [
+            !!c.weeklySchedule.monday,
+            !!c.weeklySchedule.tuesday,
+            !!c.weeklySchedule.wednesday,
+            !!c.weeklySchedule.thursday,
+            !!c.weeklySchedule.friday,
+            !!c.weeklySchedule.saturday,
+            !!c.weeklySchedule.sunday
+          ] : [!0, !0, !0, !0, !0, !1, !1],
+          weeklySchedule: c?.weeklySchedule || void 0
         }
       };
-      w.categories && Object.entries(w.categories).forEach(([k, N]) => {
-        u.subscriptions.push({
-          workflowId: k,
-          name: k,
+      w.categories && Object.entries(w.categories).forEach(([C, _]) => {
+        N.subscriptions.push({
+          workflowId: C,
+          name: C,
           enabled: !0,
           channels: {
-            email: N.emailEnabled ?? !0,
-            push: N.pushEnabled ?? !0,
-            sms: N.smsEnabled ?? !1,
-            inApp: N.inAppEnabled ?? !0
+            email: _.emailEnabled ?? !0,
+            push: _.pushEnabled ?? !0,
+            sms: _.smsEnabled ?? !1,
+            inApp: _.inAppEnabled ?? !0
           }
         });
-      }), c(u), t(u);
+      }), d(N), t(N);
     } catch (p) {
-      const y = p instanceof Error ? p : new Error("Failed to load preferences");
-      p?.response?.status === 404 || p?.status === 404 || (s(y), n?.(y));
+      const E = p instanceof Error ? p : new Error("Failed to load preferences");
+      p?.response?.status === 404 || p?.status === 404 || (s(E), n?.(E));
       const b = {
         channels: {
           email: !0,
@@ -65,6 +85,7 @@ const oe = () => window.__notificationSDK?.client, ae = ({
         },
         subscriptions: [],
         deliverySchedule: {
+          enabled: !1,
           timezone: "UTC",
           quietHours: {
             start: "22:00",
@@ -73,83 +94,83 @@ const oe = () => window.__notificationSDK?.client, ae = ({
           weekdays: [!0, !0, !0, !0, !0, !1, !1]
         }
       };
-      c(b), t(b);
+      d(b), t(b);
     } finally {
       a(!1);
     }
   }, [f, t, n]);
-  return _(() => {
-    f && h();
-  }, [f, h]), {
-    isLoading: m,
-    error: d,
+  return k(() => {
+    f && m();
+  }, [f, m]), {
+    isLoading: h,
+    error: l,
     preferences: r
   };
 }, se = () => window.__notificationSDK?.client, ce = () => {
-  const t = se(), [n, f] = C([]), [m, a] = C(!1), [d, s] = C(!0), [r, c] = C(0), h = 5, p = T(async () => {
-    if (!(!t || m || !d))
+  const t = se(), [n, f] = v([]), [h, a] = v(!1), [l, s] = v(!0), [r, d] = v(0), m = 5, p = T(async () => {
+    if (!(!t || h || !l))
       try {
         a(!0);
-        const S = window.__notificationSDK?.config;
-        if (!S) return;
+        const I = window.__notificationSDK?.config;
+        if (!I) return;
         const b = await t.preferences.listSpecific(
-          S.tenantId,
-          S.subscriberId,
+          I.tenantId,
+          I.subscriberId,
           {
             includeWorkflows: !0,
             includeTemplates: !1,
             activeOnly: !0,
-            limit: h,
+            limit: m,
             offset: r
           }
-        ), w = (b.items || []).map((u) => ({
-          workflowId: u.identifier,
-          name: u.name,
-          enabled: u.preference.enabled,
-          channels: u.preference.channels
+        ), w = (b.items || []).map((c) => ({
+          workflowId: c.identifier,
+          name: c.name,
+          enabled: c.preference.enabled,
+          channels: c.preference.channels
         }));
-        f((u) => {
-          const k = new Set(u.map((A) => A.workflowId)), N = w.filter((A) => !k.has(A.workflowId));
-          return [...u, ...N];
-        }), c((u) => u + h), (w.length < h || b.total !== void 0 && n.length + w.length >= b.total) && s(!1);
+        f((c) => {
+          const N = new Set(c.map((_) => _.workflowId)), C = w.filter((_) => !N.has(_.workflowId));
+          return [...c, ...C];
+        }), d((c) => c + m), (w.length < m || b.total !== void 0 && n.length + w.length >= b.total) && s(!1);
       } catch {
       } finally {
         a(!1);
       }
-  }, [t, r, d, m, n.length]);
-  return _(() => {
+  }, [t, r, l, h, n.length]);
+  return k(() => {
     t && r === 0 && n.length === 0 && p();
   }, [t, p, r, n.length]), {
     specificPreferences: n,
-    isLoading: m,
-    hasMore: d,
+    isLoading: h,
+    hasMore: l,
     loadMore: p,
     refetch: async () => {
-      f([]), c(0), s(!0);
+      f([]), d(0), s(!0);
     }
   };
-}, de = ({ error: t, onRetry: n }) => /* @__PURE__ */ v(
+}, de = ({ error: t, onRetry: n }) => /* @__PURE__ */ A(
   "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__ */ v("div", { className: "flex items-center mb-2", children: [
-        /* @__PURE__ */ l(ee, { className: "w-6 h-6 text-[var(--widget-error)] mr-2", "aria-hidden": "true" }),
-        /* @__PURE__ */ l("h3", { className: "text-sm font-medium text-[var(--widget-error)]", children: "Something went wrong" })
+      /* @__PURE__ */ A("div", { className: "flex items-center mb-2", children: [
+        /* @__PURE__ */ u(ee, { className: "w-6 h-6 text-[var(--widget-error)] mr-2", "aria-hidden": "true" }),
+        /* @__PURE__ */ u("h3", { className: "text-sm font-medium text-[var(--widget-error)]", children: "Something went wrong" })
       ] }),
-      /* @__PURE__ */ l("p", { className: "text-sm mb-3 text-[var(--widget-error)]/80", children: "The notification widget encountered an error and couldn't load properly." }),
-      process.env.NODE_ENV === "development" && t && /* @__PURE__ */ v("details", { className: "mb-3", children: [
-        /* @__PURE__ */ l("summary", { className: "text-xs cursor-pointer text-[var(--widget-error)] hover:text-[var(--widget-error)]/80 transition-colors", children: "Error details (development only)" }),
-        /* @__PURE__ */ v("pre", { className: "mt-2 text-xs bg-[var(--widget-error)]/5 p-2 rounded overflow-auto max-h-32 text-[var(--widget-error)]", children: [
+      /* @__PURE__ */ u("p", { className: "text-sm mb-3 text-[var(--widget-error)]/80", children: "The notification widget encountered an error and couldn't load properly." }),
+      process.env.NODE_ENV === "development" && t && /* @__PURE__ */ A("details", { className: "mb-3", children: [
+        /* @__PURE__ */ u("summary", { className: "text-xs cursor-pointer text-[var(--widget-error)] hover:text-[var(--widget-error)]/80 transition-colors", children: "Error details (development only)" }),
+        /* @__PURE__ */ A("pre", { className: "mt-2 text-xs bg-[var(--widget-error)]/5 p-2 rounded overflow-auto max-h-32 text-[var(--widget-error)]", children: [
           t.message,
           t.stack && `
 
 ${t.stack}`
         ] })
       ] }),
-      /* @__PURE__ */ v(
+      /* @__PURE__ */ A(
         "button",
         {
           type: "button",
@@ -157,7 +178,7 @@ ${t.stack}`
           onClick: n,
           "data-testid": "error-retry-button",
           children: [
-            /* @__PURE__ */ l(te, { className: "mr-1 w-4 h-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ u(te, { className: "mr-1 w-4 h-4", "aria-hidden": "true" }),
             "Try again"
           ]
         }
@@ -191,15 +212,15 @@ class le extends j {
     }), this.props.onError && this.props.onError(n, f);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ l(de, { error: this.state.error, onRetry: this.handleRetry }) : this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ u(de, { error: this.state.error, onRetry: this.handleRetry }) : this.props.children;
   }
 }
-const L = J(null), fe = () => {
+const L = J(null), ue = () => {
   const t = X(L);
   if (!t)
     throw new Error("useSDK must be used within a NotificationWidget");
   return t;
-}, ue = {
+}, fe = {
   notifications: [],
   unreadCount: 0,
   preferences: {
@@ -234,18 +255,18 @@ const L = J(null), fe = () => {
   config: t,
   children: n
 }) => {
-  const [f, m] = F.useState({
+  const [f, h] = F.useState({
     client: null,
     isInitialized: !1,
     error: null
   });
-  return _(() => {
+  return k(() => {
     let a = !0;
     return (async () => {
       try {
         const s = window.__notificationSDK;
         if (s?.client && JSON.stringify(s.config) === JSON.stringify(t)) {
-          a && m({
+          a && h({
             client: s.client,
             isInitialized: !0,
             error: null
@@ -258,13 +279,13 @@ const L = J(null), fe = () => {
           tenantId: t.tenantId,
           environmentId: t.environmentId
         });
-        window.__notificationSDK = { client: r, config: t }, a && m({
+        window.__notificationSDK = { client: r, config: t }, a && h({
           client: r,
           isInitialized: !0,
           error: null
         });
       } catch (s) {
-        a && m({
+        a && h({
           client: null,
           isInitialized: !1,
           error: s
@@ -273,37 +294,37 @@ const L = J(null), fe = () => {
     })(), () => {
       a = !1;
     };
-  }, [t]), /* @__PURE__ */ l(L.Provider, { value: f, children: n });
-}, me = (t, n) => {
+  }, [t]), /* @__PURE__ */ u(L.Provider, { value: f, children: n });
+}, he = (t, n) => {
   switch (n.type) {
     case "SET_NOTIFICATIONS":
       return {
         ...t,
         notifications: n.payload,
-        unreadCount: n.payload.filter((d) => !d.isRead).length
+        unreadCount: n.payload.filter((l) => !l.isRead).length
       };
     case "ADD_NOTIFICATION":
       const f = [n.payload, ...t.notifications];
       return {
         ...t,
         notifications: f,
-        unreadCount: f.filter((d) => !d.isRead).length
+        unreadCount: f.filter((l) => !l.isRead).length
       };
     case "UPDATE_NOTIFICATION":
-      const m = t.notifications.map(
-        (d) => d.id === n.payload.id ? { ...d, ...n.payload.updates } : d
+      const h = t.notifications.map(
+        (l) => l.id === n.payload.id ? { ...l, ...n.payload.updates } : l
       );
       return {
         ...t,
-        notifications: m,
-        unreadCount: m.filter((d) => !d.isRead).length
+        notifications: h,
+        unreadCount: h.filter((l) => !l.isRead).length
       };
     case "DELETE_NOTIFICATION":
-      const a = t.notifications.filter((d) => d.id !== n.payload);
+      const a = t.notifications.filter((l) => l.id !== n.payload);
       return {
         ...t,
         notifications: a,
-        unreadCount: a.filter((d) => !d.isRead).length
+        unreadCount: a.filter((l) => !l.isRead).length
       };
     case "SET_PREFERENCES":
       return {
@@ -323,15 +344,15 @@ const L = J(null), fe = () => {
     default:
       return t;
   }
-}, he = ({
+}, me = ({
   position: t = "right",
   size: n = "medium",
   theme: f = "light",
-  className: m = "",
+  className: h = "",
   onError: a,
-  onMorePreferencesClick: d
+  onMorePreferencesClick: l
 }) => {
-  const [s, r] = G(me, ue), { client: c, isInitialized: h, error: p } = fe(), y = Q(null), S = T((e) => {
+  const [s, r] = G(he, fe), { client: d, isInitialized: m, error: p } = ue(), E = Q(null), I = T((e) => {
     r({
       type: "SET_PREFERENCES",
       payload: e
@@ -342,33 +363,33 @@ const L = J(null), fe = () => {
     },
     [a]
   ), { error: w } = ae({
-    onPreferencesLoaded: S,
+    onPreferencesLoaded: I,
     onError: b
   }), {
-    specificPreferences: u,
-    isLoading: k,
-    hasMore: N,
-    loadMore: A
+    specificPreferences: c,
+    isLoading: N,
+    hasMore: C,
+    loadMore: _
   } = ce(), {
     updatePreference: U,
     isSaving: D,
     error: R
   } = Z({
     preferences: s.preferences,
-    onPreferencesChange: S,
+    onPreferencesChange: I,
     onError: b
   });
-  _(() => {
-    if (u.length > 0) {
+  k(() => {
+    if (c.length > 0) {
       const i = [...s.preferences.subscriptions];
       let o = !1;
-      u.forEach((I) => {
-        const E = i.findIndex((g) => g.workflowId === I.workflowId);
-        if (E === -1)
-          i.push(I), o = !0;
+      c.forEach((g) => {
+        const y = i.findIndex((S) => S.workflowId === g.workflowId);
+        if (y === -1)
+          i.push(g), o = !0;
         else {
-          const g = i[E];
-          g.name === g.workflowId && I.name && I.name !== I.workflowId && (i[E] = { ...g, name: I.name }, o = !0);
+          const S = i[y];
+          S.name === S.workflowId && g.name && g.name !== g.workflowId && (i[y] = { ...S, name: g.name }, o = !0);
         }
       }), o && r({
         type: "SET_PREFERENCES",
@@ -378,8 +399,8 @@ const L = J(null), fe = () => {
         }
       });
     }
-  }, [u]);
-  const W = F.useMemo(() => u.map((e) => s.preferences.subscriptions.find((o) => o.workflowId === e.workflowId) || e), [u, s.preferences.subscriptions]), O = T((e) => {
+  }, [c]);
+  const W = F.useMemo(() => c.map((e) => s.preferences.subscriptions.find((o) => o.workflowId === e.workflowId) || e), [c, s.preferences.subscriptions]), O = T((e) => {
     try {
       const i = K();
       switch (e.type) {
@@ -387,10 +408,10 @@ const L = J(null), fe = () => {
           const o = e.data;
           if (!i.validateWebSocketPayload(o))
             break;
-          const I = i.toWidgetNotificationFromWebSocket(o);
+          const g = i.toWidgetNotificationFromWebSocket(o);
           r({
             type: "ADD_NOTIFICATION",
-            payload: I
+            payload: g
           });
           break;
         }
@@ -420,7 +441,7 @@ const L = J(null), fe = () => {
     } catch {
     }
   }, []), M = T(async () => {
-    if (!(!c || !h || y.current))
+    if (!(!d || !m || E.current))
       try {
         r({
           type: "SET_WEBSOCKET_STATE",
@@ -429,7 +450,7 @@ const L = J(null), fe = () => {
         const e = window.__notificationSDK?.config;
         if (!e)
           throw new Error("SDK configuration not available for WebSocket connection");
-        const I = `${c.getApiHost()}/v1/notifications`, E = Y(I, {
+        const g = `${d.getApiHost()}/v1/notifications`, y = Y(g, {
           query: {
             tenantId: e.tenantId,
             subscriberId: e.subscriberId,
@@ -442,42 +463,42 @@ const L = J(null), fe = () => {
           reconnectionDelay: 1e3,
           reconnectionDelayMax: 5e3
         });
-        y.current = E, E.on("notification", (g) => {
+        E.current = y, y.on("notification", (S) => {
           O({
             type: "notification_received",
-            data: g
+            data: S
           });
-        }), E.on("connect", () => {
+        }), y.on("connect", () => {
           r({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !0, reconnecting: !1 }
           });
-        }), E.on("disconnect", (g) => {
+        }), y.on("disconnect", (S) => {
           r({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !1, reconnecting: !1 }
           });
-        }), E.on("reconnect_attempt", (g) => {
+        }), y.on("reconnect_attempt", (S) => {
           r({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !1, reconnecting: !0 }
           });
-        }), E.on("connect_error", (g) => {
+        }), y.on("connect_error", (S) => {
           r({
             type: "SET_WEBSOCKET_STATE",
             payload: { connected: !1, reconnecting: !1 }
-          }), a && a(g);
-        }), E.connect();
+          }), a && a(S);
+        }), y.connect();
       } catch (e) {
         r({
           type: "SET_WEBSOCKET_STATE",
           payload: { connected: !1, reconnecting: !1 }
         }), a && a(e);
       }
-  }, [c, h, O, a]), B = T(() => {
-    if (y.current)
+  }, [d, m, O, a]), B = T(() => {
+    if (E.current)
       try {
-        y.current.disconnect && y.current.disconnect(), y.current = null, r({
+        E.current.disconnect && E.current.disconnect(), E.current = null, r({
           type: "SET_WEBSOCKET_STATE",
           payload: { connected: !1, reconnecting: !1 }
         });
@@ -500,7 +521,7 @@ const L = J(null), fe = () => {
     });
   }, []), H = T(
     async (e, i) => {
-      if (!c || !h)
+      if (!d || !m)
         return;
       const o = window.__notificationSDK?.config;
       if (o) {
@@ -509,7 +530,7 @@ const L = J(null), fe = () => {
         try {
           switch (i.type) {
             case "mark_read":
-              await c.inbox.markAsRead(
+              await d.inbox.markAsRead(
                 e,
                 o.tenantId,
                 o.environmentId,
@@ -517,7 +538,7 @@ const L = J(null), fe = () => {
               );
               break;
             case "mark_unread":
-              await c.inbox.markAsUnread(
+              await d.inbox.markAsUnread(
                 e,
                 o.tenantId,
                 o.environmentId,
@@ -525,7 +546,7 @@ const L = J(null), fe = () => {
               );
               break;
             case "archive":
-              await c.inbox.archive(
+              await d.inbox.archive(
                 e,
                 o.tenantId,
                 o.environmentId,
@@ -533,7 +554,7 @@ const L = J(null), fe = () => {
               );
               break;
             case "delete":
-              await c.inbox.delete(
+              await d.inbox.delete(
                 e,
                 o.tenantId,
                 o.environmentId,
@@ -570,15 +591,15 @@ const L = J(null), fe = () => {
               });
               break;
           }
-        } catch (I) {
-          a && a(I);
+        } catch (g) {
+          a && a(g);
         }
       }
     },
-    [c]
+    [d]
   );
-  return _(() => {
-    if (!c || !h) return;
+  return k(() => {
+    if (!d || !m) return;
     (async () => {
       try {
         r({
@@ -588,7 +609,7 @@ const L = J(null), fe = () => {
         const i = window.__notificationSDK?.config;
         if (!i)
           throw new Error("SDK configuration not available");
-        const o = K(), E = ((await c.inbox.getRenderedNotifications(
+        const o = K(), y = ((await d.inbox.getRenderedNotifications(
           {
             channel: "in_app",
             limit: 50,
@@ -598,11 +619,11 @@ const L = J(null), fe = () => {
           i.environmentId,
           i.subscriberId
         ))?.items || []).map(
-          (g) => o.toWidgetNotification(g)
+          (S) => o.toWidgetNotification(S)
         );
         r({
           type: "SET_NOTIFICATIONS",
-          payload: E
+          payload: y
         }), r({
           type: "SET_UI_STATE",
           payload: { isLoading: !1, error: null }
@@ -617,16 +638,16 @@ const L = J(null), fe = () => {
         }), a && a(i);
       }
     })();
-  }, [c, h, a]), _(() => (c && h && M(), () => {
+  }, [d, m, a]), k(() => (d && m && M(), () => {
     B();
-  }), [c]), _(() => {
-    if (!c || !h || s.websocket.connected) return;
+  }), [d]), k(() => {
+    if (!d || !m || s.websocket.connected) return;
     const e = setInterval(async () => {
       try {
         const i = window.__notificationSDK?.config;
         if (!i)
           return;
-        const o = K(), E = ((await c.inbox.getRenderedNotifications(
+        const o = K(), y = ((await d.inbox.getRenderedNotifications(
           {
             channel: "in_app",
             limit: 50,
@@ -636,17 +657,17 @@ const L = J(null), fe = () => {
           i.environmentId,
           i.subscriberId
         ))?.items || []).map(
-          (g) => o.toWidgetNotification(g)
+          (S) => o.toWidgetNotification(S)
         );
         r({
           type: "SET_NOTIFICATIONS",
-          payload: E
+          payload: y
         });
       } catch {
       }
     }, 3e4);
     return () => clearInterval(e);
-  }, [c, s.websocket.connected]), _(() => {
+  }, [d, s.websocket.connected]), k(() => {
     const e = (i) => {
       if (i.key === "notification_widget_sync" && i.newValue)
         try {
@@ -656,62 +677,62 @@ const L = J(null), fe = () => {
         }
     };
     return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
-  }, [O]), _(() => {
+  }, [O]), k(() => {
     r({
       type: "SET_UI_STATE",
       payload: { isLoading: D }
     });
-  }, [D]), _(() => {
+  }, [D]), k(() => {
     const e = p || R || w;
     e && r({
       type: "SET_UI_STATE",
       payload: { error: e }
     });
-  }, [p, R, w]), !h && !p ? /* @__PURE__ */ l(
+  }, [p, R, w]), !m && !p ? /* @__PURE__ */ u(
     "div",
     {
-      className: `mx-widget-root relative inline-block ${m}`,
+      className: `mx-widget-root relative inline-block ${h}`,
       "data-mx-widget": "root",
       "data-widget-size": n || "small",
       "data-theme": f,
       "data-testid": "notification-widget",
-      children: /* @__PURE__ */ l(x, { componentName: "BellComponent", children: /* @__PURE__ */ l(P, { unreadCount: 0, onClick: () => {
+      children: /* @__PURE__ */ u(x, { componentName: "BellComponent", children: /* @__PURE__ */ u(P, { unreadCount: 0, onClick: () => {
       }, size: n, disabled: !0 }) })
     }
-  ) : p ? /* @__PURE__ */ l(
+  ) : p ? /* @__PURE__ */ u(
     "div",
     {
-      className: `mx-widget-root relative inline-block ${m}`,
+      className: `mx-widget-root relative inline-block ${h}`,
       "data-mx-widget": "root",
       "data-widget-size": n || "small",
       "data-theme": f,
       "data-testid": "notification-widget",
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ u(
         x,
         {
           componentName: "BellComponent",
-          fallback: /* @__PURE__ */ l(
+          fallback: /* @__PURE__ */ u(
             ne,
             {
               error: p.message,
               onRetry: () => window.location.reload()
             }
           ),
-          children: /* @__PURE__ */ l(P, { unreadCount: 0, onClick: () => {
+          children: /* @__PURE__ */ u(P, { unreadCount: 0, onClick: () => {
           }, size: n, disabled: !0 })
         }
       )
     }
-  ) : /* @__PURE__ */ v(
+  ) : /* @__PURE__ */ A(
     "div",
     {
-      className: `mx-widget-root relative inline-block ${m}`,
+      className: `mx-widget-root relative inline-block ${h}`,
       "data-mx-widget": "root",
       "data-widget-size": n || "small",
       "data-theme": f,
       "data-testid": "notification-widget",
       children: [
-        /* @__PURE__ */ l(x, { componentName: "BellComponent", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ u(x, { componentName: "BellComponent", children: /* @__PURE__ */ u(
           P,
           {
             unreadCount: s.unreadCount,
@@ -720,12 +741,12 @@ const L = J(null), fe = () => {
             disabled: s.ui.isLoading
           }
         ) }),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ u(
           x,
           {
             componentName: "InboxPopover",
-            fallback: /* @__PURE__ */ l(ie, { message: "Unable to load notifications" }),
-            children: /* @__PURE__ */ l(
+            fallback: /* @__PURE__ */ u(ie, { message: "Unable to load notifications" }),
+            children: /* @__PURE__ */ u(
               re,
               {
                 isOpen: s.ui.isOpen,
@@ -739,10 +760,10 @@ const L = J(null), fe = () => {
                 onPreferenceChange: U,
                 isPreferencesLoading: D,
                 specificPreferences: W,
-                onLoadMoreSpecific: A,
-                hasMoreSpecific: N,
-                isListLoading: k,
-                onMorePreferencesClick: d
+                onLoadMoreSpecific: _,
+                hasMoreSpecific: C,
+                isListLoading: N,
+                onMorePreferencesClick: l
               }
             )
           }
@@ -750,12 +771,12 @@ const L = J(null), fe = () => {
       ]
     }
   );
-}, Se = ({ sdkConfig: t, ...n }) => /* @__PURE__ */ l(le, { onError: n.onError, children: /* @__PURE__ */ l(pe, { config: t, children: /* @__PURE__ */ l(he, { ...n }) }) }), Te = "3.0.0", _e = "@edusight/notification-widget";
+}, Ie = ({ sdkConfig: t, ...n }) => /* @__PURE__ */ u(le, { onError: n.onError, children: /* @__PURE__ */ u(pe, { config: t, children: /* @__PURE__ */ u(me, { ...n }) }) }), Te = "3.0.0", _e = "@edusight/notification-widget";
 export {
   P as BellComponent,
   re as InboxPopover,
-  ke as NotificationItem,
-  Se as NotificationWidget,
+  Ce as NotificationItem,
+  Ie as NotificationWidget,
   le as NotificationWidgetErrorBoundary,
   ve as PreferencesView,
   Te as VERSION,