@edusight/notification-widget 1.0.32 → 1.0.35

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 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 M, { Component as V, useState as C, useCallback as g, useEffect as y, 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-D8XxiFEB.js";
-import { N as Te, P as _e } from "./components-D8XxiFEB.js";
-import { u as ee, c as x } from "./hooks-BTG0z6yd.js";
+import { M as G, a as Q, C as O, B as x, S as X, I as Y, L as Z } from "./components-Dq8aSwWR.js";
+import { N as Te, P as _e } from "./components-Dq8aSwWR.js";
+import { u as ee, c as D } from "./hooks-BTG0z6yd.js";
 const te = ({ error: t, onRetry: r }) => /* @__PURE__ */ k(
   "div",
   {
@@ -113,24 +113,24 @@ class ne extends V {
     ) : this.props.children;
   }
 }
-const re = () => window.__notificationSDK?.client, ie = ({
+const re = () => window.__notificationSDK?.client, oe = ({
   onPreferencesLoaded: t,
   onError: r
 }) => {
-  const l = re(), [p, a] = C(!0), [i, n] = C(null), [s, f] = C(null), m = y(async () => {
+  const l = re(), [p, a] = C(!0), [o, n] = C(null), [s, f] = C(null), w = g(async () => {
     try {
       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: g, tenantId: T, environmentId: w } = u;
-      if (!g || !T || !w)
+      const { subscriberId: b, tenantId: T, environmentId: m } = u;
+      if (!b || !T || !m)
         throw new Error("SubscriberId, TenantId or EnvironmentId not available in config");
       const E = await l.preferences.get(
         T,
-        g,
-        w
+        b,
+        m
       ), N = {
         channels: {
           email: E.emailEnabled ?? !0,
@@ -162,9 +162,9 @@ const re = () => window.__notificationSDK?.client, ie = ({
         });
       }), f(N), t(N);
     } catch (u) {
-      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 = {
+      const b = u instanceof Error ? u : new Error("Failed to load preferences");
+      u?.response?.status === 404 || u?.status === 404 || (n(b), r?.(b));
+      const m = {
         channels: {
           email: !0,
           push: !0,
@@ -181,57 +181,56 @@ const re = () => window.__notificationSDK?.client, ie = ({
           weekdays: [!0, !0, !0, !0, !0, !1, !1]
         }
       };
-      f(w), t(w);
+      f(m), t(m);
     } finally {
       a(!1);
     }
   }, [l, t, r]);
-  return b(() => {
-    l && m();
-  }, [l, m]), {
+  return y(() => {
+    l && w();
+  }, [l, w]), {
     isLoading: p,
-    error: i,
+    error: o,
     preferences: s
   };
-}, oe = () => window.__notificationSDK?.client, ae = () => {
-  const t = oe(), [r, l] = C([]), [p, a] = C(!0), [i, n] = C(null), s = y(async () => {
+}, ie = () => window.__notificationSDK?.client, ae = () => {
+  const t = ie(), [r, l] = C([]), [p, a] = C(!0), [o, n] = C(null), s = g(async () => {
     try {
       if (a(!0), n(null), !t)
-        throw new Error("Notification client not available");
+        throw new Error("[useWorkflows] 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");
+        throw new Error("[useWorkflows] SDK configuration not available");
+      const { tenantId: w, environmentId: u } = f;
+      if (!w || !u)
+        throw new Error("[useWorkflows] TenantId or EnvironmentId not available in config");
       const T = ((await t.workflows.list(
         { status: "active" },
-        // Only load active workflows
-        m,
+        w,
         u
-      ))?.workflows || []).map((w) => ({
-        workflowId: w.workflowId,
-        name: w.name || w.workflowId,
-        description: w.description
+      ))?.workflows || []).map((m) => ({
+        workflowId: m.workflowId,
+        name: m.name || m.workflowId,
+        description: m.description
       }));
       l(T);
     } catch (f) {
-      const m = f instanceof Error ? f : new Error("Failed to load workflows");
-      n(m), l([]);
+      const w = f instanceof Error ? f : new Error("Failed to load workflows");
+      n(w), l([]);
     } finally {
       a(!1);
     }
   }, [t]);
-  return b(() => {
+  return y(() => {
     t && s();
   }, [t, s]), {
     workflows: r,
     isLoading: p,
-    error: i,
+    error: o,
     refetch: s
   };
-}, R = z(null), se = () => {
-  const t = H(R);
+}, W = z(null), se = () => {
+  const t = H(W);
   if (!t)
     throw new Error("useSDK must be used within a NotificationWidget");
   return t;
@@ -275,7 +274,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
     isInitialized: !1,
     error: null
   });
-  return b(() => {
+  return y(() => {
     let a = !0;
     return (async () => {
       try {
@@ -309,37 +308,37 @@ const re = () => window.__notificationSDK?.client, ie = ({
     })(), () => {
       a = !1;
     };
-  }, [t]), /* @__PURE__ */ d(R.Provider, { value: l, children: r });
+  }, [t]), /* @__PURE__ */ d(W.Provider, { value: l, children: r });
 }, le = (t, r) => {
   switch (r.type) {
     case "SET_NOTIFICATIONS":
       return {
         ...t,
         notifications: r.payload,
-        unreadCount: r.payload.filter((i) => !i.isRead).length
+        unreadCount: r.payload.filter((o) => !o.isRead).length
       };
     case "ADD_NOTIFICATION":
       const l = [r.payload, ...t.notifications];
       return {
         ...t,
         notifications: l,
-        unreadCount: l.filter((i) => !i.isRead).length
+        unreadCount: l.filter((o) => !o.isRead).length
       };
     case "UPDATE_NOTIFICATION":
       const p = t.notifications.map(
-        (i) => i.id === r.payload.id ? { ...i, ...r.payload.updates } : i
+        (o) => o.id === r.payload.id ? { ...o, ...r.payload.updates } : o
       );
       return {
         ...t,
         notifications: p,
-        unreadCount: p.filter((i) => !i.isRead).length
+        unreadCount: p.filter((o) => !o.isRead).length
       };
     case "DELETE_NOTIFICATION":
-      const a = t.notifications.filter((i) => i.id !== r.payload);
+      const a = t.notifications.filter((o) => o.id !== r.payload);
       return {
         ...t,
         notifications: a,
-        unreadCount: a.filter((i) => !i.isRead).length
+        unreadCount: a.filter((o) => !o.isRead).length
       };
     case "SET_PREFERENCES":
       return {
@@ -366,26 +365,26 @@ const re = () => window.__notificationSDK?.client, ie = ({
   className: p = "",
   onError: a
 }) => {
-  const [i, n] = q(le, ce), { client: s, isInitialized: f, error: m } = se(), u = $(null), g = y((e) => {
+  const [o, n] = q(le, ce), { client: s, isInitialized: f, error: w } = se(), u = $(null), b = g((e) => {
     n({
       type: "SET_PREFERENCES",
       payload: e
     });
-  }, []), T = y((e) => {
+  }, []), T = g((e) => {
     a && a(e);
-  }, [a]), { error: w } = ie({
-    onPreferencesLoaded: g,
+  }, [a]), { error: m } = oe({
+    onPreferencesLoaded: b,
     onError: T
   }), { workflows: E, isLoading: N } = ae(), { updatePreference: v, isSaving: _, error: K } = ee({
-    preferences: i.preferences,
-    onPreferencesChange: g,
+    preferences: o.preferences,
+    onPreferencesChange: b,
     onError: T
   });
-  b(() => {
+  y(() => {
     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,
+      const e = E.map((i) => o.preferences.subscriptions.find((I) => I.workflowId === i.workflowId) || {
+        workflowId: i.workflowId,
+        name: i.name,
         enabled: !0,
         // Default to enabled
         channels: {
@@ -395,24 +394,24 @@ const re = () => window.__notificationSDK?.client, ie = ({
           inApp: !0
         }
       });
-      JSON.stringify(e) !== JSON.stringify(i.preferences.subscriptions) && n({
+      JSON.stringify(e) !== JSON.stringify(o.preferences.subscriptions) && n({
         type: "SET_PREFERENCES",
         payload: {
-          ...i.preferences,
+          ...o.preferences,
           subscriptions: e
         }
       });
     }
-  }, [E, N, i.preferences]);
-  const A = y((e) => {
+  }, [E, N, o.preferences]);
+  const A = g((e) => {
     try {
-      const o = x();
+      const i = D();
       switch (e.type) {
         case "notification_received": {
           const c = e.data;
-          if (!o.validateWebSocketPayload(c))
+          if (!i.validateWebSocketPayload(c))
             break;
-          const I = o.toWidgetNotificationFromWebSocket(c);
+          const I = i.toWidgetNotificationFromWebSocket(c);
           n({
             type: "ADD_NOTIFICATION",
             payload: I
@@ -444,7 +443,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
       }
     } catch {
     }
-  }, []), W = y(async () => {
+  }, []), R = g(async () => {
     if (!(!s || !f || u.current))
       try {
         n({
@@ -499,7 +498,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
           payload: { connected: !1, reconnecting: !1 }
         }), a && a(e);
       }
-  }, [s, f, A, a]), F = y(() => {
+  }, [s, f, A, a]), F = g(() => {
     if (u.current)
       try {
         u.current.disconnect && u.current.disconnect(), u.current = null, n({
@@ -508,22 +507,22 @@ const re = () => window.__notificationSDK?.client, ie = ({
         });
       } catch {
       }
-  }, []), P = y(() => {
+  }, []), P = g(() => {
     n({
       type: "SET_UI_STATE",
-      payload: { isOpen: !i.ui.isOpen }
+      payload: { isOpen: !o.ui.isOpen }
     });
-  }, [i.ui.isOpen]), U = y(() => {
+  }, [o.ui.isOpen]), U = g(() => {
     n({
       type: "SET_UI_STATE",
       payload: { isOpen: !1 }
     });
-  }, []), L = y((e) => {
+  }, []), L = g((e) => {
     n({
       type: "SET_UI_STATE",
       payload: { currentView: e }
     });
-  }, []), B = y(async (e, o) => {
+  }, []), B = g(async (e, i) => {
     if (!s || !f)
       return;
     const c = window.__notificationSDK?.config;
@@ -531,7 +530,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
       if (!e)
         throw new Error("notificationId is required");
       try {
-        switch (o.type) {
+        switch (i.type) {
           case "mark_read":
             await s.inbox.markAsRead(e, c.tenantId, c.environmentId, c.subscriberId);
             break;
@@ -545,10 +544,10 @@ const re = () => window.__notificationSDK?.client, ie = ({
             await s.inbox.delete(e, c.tenantId, c.environmentId, c.subscriberId);
             break;
           default:
-            o.handler && await o.handler(e);
+            i.handler && await i.handler(e);
             break;
         }
-        switch (o.type) {
+        switch (i.type) {
           case "mark_read":
             n({
               type: "UPDATE_NOTIFICATION",
@@ -579,7 +578,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
       }
     }
   }, [s]);
-  return b(() => {
+  return y(() => {
     if (!s || !f) return;
     (async () => {
       try {
@@ -587,18 +586,18 @@ const re = () => window.__notificationSDK?.client, ie = ({
           type: "SET_UI_STATE",
           payload: { isLoading: !0 }
         });
-        const o = window.__notificationSDK?.config;
-        if (!o)
+        const i = window.__notificationSDK?.config;
+        if (!i)
           throw new Error("SDK configuration not available");
-        const c = x(), h = ((await s.inbox.getRenderedNotifications(
+        const c = D(), h = ((await s.inbox.getRenderedNotifications(
           {
             channel: "in_app",
             limit: 50,
             offset: 0
           },
-          o.tenantId,
-          o.environmentId,
-          o.subscriberId
+          i.tenantId,
+          i.environmentId,
+          i.subscriberId
         ))?.items || []).map(
           (S) => c.toWidgetNotification(S)
         );
@@ -609,34 +608,34 @@ const re = () => window.__notificationSDK?.client, ie = ({
           type: "SET_UI_STATE",
           payload: { isLoading: !1, error: null }
         });
-      } catch (o) {
+      } catch (i) {
         n({
           type: "SET_UI_STATE",
           payload: {
             isLoading: !1,
-            error: o
+            error: i
           }
-        }), a && a(o);
+        }), a && a(i);
       }
     })();
-  }, [s, f, a]), b(() => (s && f && W(), () => {
+  }, [s, f, a]), y(() => (s && f && R(), () => {
     F();
-  }), [s]), b(() => {
-    if (!s || !f || i.websocket.connected) return;
+  }), [s]), y(() => {
+    if (!s || !f || o.websocket.connected) return;
     const e = setInterval(async () => {
       try {
-        const o = window.__notificationSDK?.config;
-        if (!o)
+        const i = window.__notificationSDK?.config;
+        if (!i)
           return;
-        const c = x(), h = ((await s.inbox.getRenderedNotifications(
+        const c = D(), h = ((await s.inbox.getRenderedNotifications(
           {
             channel: "in_app",
             limit: 50,
             offset: 0
           },
-          o.tenantId,
-          o.environmentId,
-          o.subscriberId
+          i.tenantId,
+          i.environmentId,
+          i.subscriberId
         ))?.items || []).map(
           (S) => c.toWidgetNotification(S)
         );
@@ -648,36 +647,37 @@ const re = () => window.__notificationSDK?.client, ie = ({
       }
     }, 3e4);
     return () => clearInterval(e);
-  }, [s, i.websocket.connected]), b(() => {
-    const e = (o) => {
-      if (o.key === "notification_widget_sync" && o.newValue)
+  }, [s, o.websocket.connected]), y(() => {
+    const e = (i) => {
+      if (i.key === "notification_widget_sync" && i.newValue)
         try {
-          const c = JSON.parse(o.newValue);
+          const c = JSON.parse(i.newValue);
           A(c);
         } catch {
         }
     };
     return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
-  }, [A]), b(() => {
+  }, [A]), y(() => {
     n({
       type: "SET_UI_STATE",
       payload: { isLoading: _ }
     });
-  }, [_]), b(() => {
-    const e = m || K || w;
+  }, [_]), y(() => {
+    const e = w || K || m;
     e && n({
       type: "SET_UI_STATE",
       payload: { error: e }
     });
-  }, [m, K, w]), !f && !m ? /* @__PURE__ */ d(
+  }, [w, K, m]), !f && !w ? /* @__PURE__ */ d(
     "div",
     {
-      className: `relative inline-block ${p}`,
+      className: `mx-widget-root relative inline-block ${p}`,
+      "data-mx-widget": "root",
       "data-widget-size": r || "small",
       "data-theme": l,
       "data-testid": "notification-widget",
       children: /* @__PURE__ */ d(O, { componentName: "BellComponent", children: /* @__PURE__ */ d(
-        D,
+        x,
         {
           unreadCount: 0,
           onClick: () => {
@@ -687,10 +687,11 @@ const re = () => window.__notificationSDK?.client, ie = ({
         }
       ) })
     }
-  ) : m ? /* @__PURE__ */ d(
+  ) : w ? /* @__PURE__ */ d(
     "div",
     {
-      className: `relative inline-block ${p}`,
+      className: `mx-widget-root relative inline-block ${p}`,
+      "data-mx-widget": "root",
       "data-widget-size": r || "small",
       "data-theme": l,
       "data-testid": "notification-widget",
@@ -701,12 +702,12 @@ const re = () => window.__notificationSDK?.client, ie = ({
           fallback: /* @__PURE__ */ d(
             X,
             {
-              error: m.message,
+              error: w.message,
               onRetry: () => window.location.reload()
             }
           ),
           children: /* @__PURE__ */ d(
-            D,
+            x,
             {
               unreadCount: 0,
               onClick: () => {
@@ -721,18 +722,19 @@ const re = () => window.__notificationSDK?.client, ie = ({
   ) : /* @__PURE__ */ k(
     "div",
     {
-      className: `relative inline-block ${p}`,
+      className: `mx-widget-root relative inline-block ${p}`,
+      "data-mx-widget": "root",
       "data-widget-size": r || "small",
       "data-theme": l,
       "data-testid": "notification-widget",
       children: [
         /* @__PURE__ */ d(O, { componentName: "BellComponent", children: /* @__PURE__ */ d(
-          D,
+          x,
           {
-            unreadCount: i.unreadCount,
+            unreadCount: o.unreadCount,
             onClick: P,
             size: r,
-            disabled: i.ui.isLoading
+            disabled: o.ui.isLoading
           }
         ) }),
         /* @__PURE__ */ d(
@@ -743,14 +745,14 @@ const re = () => window.__notificationSDK?.client, ie = ({
             children: /* @__PURE__ */ d(
               Y,
               {
-                isOpen: i.ui.isOpen,
+                isOpen: o.ui.isOpen,
                 onClose: U,
                 position: t,
-                currentView: i.ui.currentView,
+                currentView: o.ui.currentView,
                 onViewChange: L,
-                notifications: i.notifications,
+                notifications: o.notifications,
                 onNotificationAction: B,
-                preferences: i.preferences,
+                preferences: o.preferences,
                 onPreferenceChange: v,
                 isPreferencesLoading: _
               }
@@ -760,18 +762,18 @@ const re = () => window.__notificationSDK?.client, ie = ({
       ]
     }
   );
-}, ye = ({
+}, ge = ({
   sdkConfig: t,
   ...r
-}) => /* @__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";
+}) => /* @__PURE__ */ d(ne, { onError: r.onError, children: /* @__PURE__ */ d(de, { config: t, children: /* @__PURE__ */ d(fe, { ...r }) }) }), ye = "3.0.0", be = "@edusight/notification-widget";
 export {
-  D as BellComponent,
+  x as BellComponent,
   Y as InboxPopover,
   Te as NotificationItem,
-  ye as NotificationWidget,
+  ge as NotificationWidget,
   ne as NotificationWidgetErrorBoundary,
   _e as PreferencesView,
-  be as VERSION,
-  ge as WIDGET_NAME
+  ye as VERSION,
+  be as WIDGET_NAME
 };
 //# sourceMappingURL=index.esm.js.map