@edusight/notification-widget 1.0.32 → 1.0.33

package/dist/index.esm.js

@@ -1,9 +1,9 @@
-import { jsx as d, jsxs as k } from "react/jsx-runtime";
+import { jsx as l, 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-D8XxiFEB.js";
-import { N as Te, P as _e } from "./components-D8XxiFEB.js";
+import { M as G, a as Q, C as O, B as D, S as X, I as Y, L as Z } from "./components-Cfc2kMlt.js";
+import { N as Te, P as _e } from "./components-Cfc2kMlt.js";
 import { u as ee, c as x } from "./hooks-BTG0z6yd.js";
 const te = ({ error: t, onRetry: r }) => /* @__PURE__ */ k(
   "div",
@@ -13,14 +13,14 @@ const te = ({ error: t, onRetry: r }) => /* @__PURE__ */ k(
     "data-testid": "error-boundary-fallback",
     children: [
       /* @__PURE__ */ k("div", { className: "flex items-center mb-2", children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           G,
           {
             className: "w-6 h-6 text-[var(--widget-error)] mr-2",
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "h3",
           {
             className: "text-sm font-medium text-[var(--widget-error)]",
@@ -28,7 +28,7 @@ const te = ({ error: t, onRetry: r }) => /* @__PURE__ */ k(
           }
         )
       ] }),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ l(
         "p",
         {
           className: "text-sm mb-3 text-[var(--widget-error)]/80",
@@ -36,7 +36,7 @@ const te = ({ error: t, onRetry: r }) => /* @__PURE__ */ k(
         }
       ),
       process.env.NODE_ENV === "development" && t && /* @__PURE__ */ k("details", { className: "mb-3", children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "summary",
           {
             className: "text-xs cursor-pointer text-[var(--widget-error)] hover:text-[var(--widget-error)]/80 transition-colors",
@@ -64,7 +64,7 @@ ${t.stack}`
           onClick: r,
           "data-testid": "error-retry-button",
           children: [
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ l(
               Q,
               {
                 className: "mr-1 w-4 h-4",
@@ -98,13 +98,13 @@ class ne extends V {
       error: r
     };
   }
-  componentDidCatch(r, l) {
+  componentDidCatch(r, d) {
     this.setState({
-      errorInfo: l
-    }), this.props.onError && this.props.onError(r, l);
+      errorInfo: d
+    }), this.props.onError && this.props.onError(r, d);
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ d(
+    return this.state.hasError ? /* @__PURE__ */ l(
       te,
       {
         error: this.state.error,
@@ -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 d = re(), [p, a] = C(!0), [o, n] = C(null), [s, f] = C(null), w = y(async () => {
     try {
-      if (a(!0), n(null), !l)
+      if (a(!0), n(null), !d)
         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: g, tenantId: T, environmentId: m } = u;
+      if (!g || !T || !m)
         throw new Error("SubscriberId, TenantId or EnvironmentId not available in config");
-      const E = await l.preferences.get(
+      const E = await d.preferences.get(
         T,
         g,
-        w
+        m
       ), N = {
         channels: {
           email: E.emailEnabled ?? !0,
@@ -164,7 +164,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
     } 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 m = {
         channels: {
           email: !0,
           push: !0,
@@ -181,43 +181,42 @@ 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]);
+  }, [d, t, r]);
   return b(() => {
-    l && m();
-  }, [l, m]), {
+    d && w();
+  }, [d, 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, d] = C([]), [p, a] = C(!0), [o, n] = C(null), s = y(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);
+      d(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), d([]);
     } finally {
       a(!1);
     }
@@ -227,11 +226,11 @@ const re = () => window.__notificationSDK?.client, ie = ({
   }, [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;
@@ -266,11 +265,11 @@ const re = () => window.__notificationSDK?.client, ie = ({
     connected: !1,
     reconnecting: !1
   }
-}, de = ({
+}, le = ({
   config: t,
   children: r
 }) => {
-  const [l, p] = M.useState({
+  const [d, p] = M.useState({
     client: null,
     isInitialized: !1,
     error: null
@@ -309,37 +308,37 @@ const re = () => window.__notificationSDK?.client, ie = ({
     })(), () => {
       a = !1;
     };
-  }, [t]), /* @__PURE__ */ d(R.Provider, { value: l, children: r });
-}, le = (t, r) => {
+  }, [t]), /* @__PURE__ */ l(W.Provider, { value: d, children: r });
+}, de = (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];
+      const d = [r.payload, ...t.notifications];
       return {
         ...t,
-        notifications: l,
-        unreadCount: l.filter((i) => !i.isRead).length
+        notifications: d,
+        unreadCount: d.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 {
@@ -362,30 +361,30 @@ const re = () => window.__notificationSDK?.client, ie = ({
 }, fe = ({
   position: t = "right",
   size: r = "medium",
-  theme: l = "light",
+  theme: d = "light",
   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(de, ce), { client: s, isInitialized: f, error: w } = se(), u = $(null), g = y((e) => {
     n({
       type: "SET_PREFERENCES",
       payload: e
     });
   }, []), T = y((e) => {
     a && a(e);
-  }, [a]), { error: w } = ie({
+  }, [a]), { error: m } = oe({
     onPreferencesLoaded: g,
     onError: T
   }), { workflows: E, isLoading: N } = ae(), { updatePreference: v, isSaving: _, error: K } = ee({
-    preferences: i.preferences,
+    preferences: o.preferences,
     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,
+      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]);
+  }, [E, N, o.preferences]);
   const A = y((e) => {
     try {
-      const o = x();
+      const i = x();
       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 = y(async () => {
     if (!(!s || !f || u.current))
       try {
         n({
@@ -511,9 +510,9 @@ const re = () => window.__notificationSDK?.client, ie = ({
   }, []), P = y(() => {
     n({
       type: "SET_UI_STATE",
-      payload: { isOpen: !i.ui.isOpen }
+      payload: { isOpen: !o.ui.isOpen }
     });
-  }, [i.ui.isOpen]), U = y(() => {
+  }, [o.ui.isOpen]), U = y(() => {
     n({
       type: "SET_UI_STATE",
       payload: { isOpen: !1 }
@@ -523,7 +522,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
       type: "SET_UI_STATE",
       payload: { currentView: e }
     });
-  }, []), B = y(async (e, o) => {
+  }, []), B = y(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",
@@ -587,8 +586,8 @@ 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(
           {
@@ -596,9 +595,9 @@ const re = () => window.__notificationSDK?.client, ie = ({
             limit: 50,
             offset: 0
           },
-          o.tenantId,
-          o.environmentId,
-          o.subscriberId
+          i.tenantId,
+          i.environmentId,
+          i.subscriberId
         ))?.items || []).map(
           (S) => c.toWidgetNotification(S)
         );
@@ -609,24 +608,24 @@ 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]), b(() => (s && f && R(), () => {
     F();
   }), [s]), b(() => {
-    if (!s || !f || i.websocket.connected) return;
+    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(
           {
@@ -634,9 +633,9 @@ const re = () => window.__notificationSDK?.client, ie = ({
             limit: 50,
             offset: 0
           },
-          o.tenantId,
-          o.environmentId,
-          o.subscriberId
+          i.tenantId,
+          i.environmentId,
+          i.subscriberId
         ))?.items || []).map(
           (S) => c.toWidgetNotification(S)
         );
@@ -648,11 +647,11 @@ 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]), b(() => {
+    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 {
         }
@@ -664,19 +663,19 @@ const re = () => window.__notificationSDK?.client, ie = ({
       payload: { isLoading: _ }
     });
   }, [_]), b(() => {
-    const e = m || K || w;
+    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__ */ l(
     "div",
     {
       className: `relative inline-block ${p}`,
       "data-widget-size": r || "small",
-      "data-theme": l,
+      "data-theme": d,
       "data-testid": "notification-widget",
-      children: /* @__PURE__ */ d(O, { componentName: "BellComponent", children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ l(O, { componentName: "BellComponent", children: /* @__PURE__ */ l(
         D,
         {
           unreadCount: 0,
@@ -687,25 +686,25 @@ const re = () => window.__notificationSDK?.client, ie = ({
         }
       ) })
     }
-  ) : m ? /* @__PURE__ */ d(
+  ) : w ? /* @__PURE__ */ l(
     "div",
     {
       className: `relative inline-block ${p}`,
       "data-widget-size": r || "small",
-      "data-theme": l,
+      "data-theme": d,
       "data-testid": "notification-widget",
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ l(
         O,
         {
           componentName: "BellComponent",
-          fallback: /* @__PURE__ */ d(
+          fallback: /* @__PURE__ */ l(
             X,
             {
-              error: m.message,
+              error: w.message,
               onRetry: () => window.location.reload()
             }
           ),
-          children: /* @__PURE__ */ d(
+          children: /* @__PURE__ */ l(
             D,
             {
               unreadCount: 0,
@@ -723,34 +722,34 @@ const re = () => window.__notificationSDK?.client, ie = ({
     {
       className: `relative inline-block ${p}`,
       "data-widget-size": r || "small",
-      "data-theme": l,
+      "data-theme": d,
       "data-testid": "notification-widget",
       children: [
-        /* @__PURE__ */ d(O, { componentName: "BellComponent", children: /* @__PURE__ */ d(
+        /* @__PURE__ */ l(O, { componentName: "BellComponent", children: /* @__PURE__ */ l(
           D,
           {
-            unreadCount: i.unreadCount,
+            unreadCount: o.unreadCount,
             onClick: P,
             size: r,
-            disabled: i.ui.isLoading
+            disabled: o.ui.isLoading
           }
         ) }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           O,
           {
             componentName: "InboxPopover",
-            fallback: /* @__PURE__ */ d(Z, { message: "Unable to load notifications" }),
-            children: /* @__PURE__ */ d(
+            fallback: /* @__PURE__ */ l(Z, { message: "Unable to load notifications" }),
+            children: /* @__PURE__ */ l(
               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: _
               }
@@ -763,7 +762,7 @@ const re = () => window.__notificationSDK?.client, ie = ({
 }, ye = ({
   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__ */ l(ne, { onError: r.onError, children: /* @__PURE__ */ l(le, { config: t, children: /* @__PURE__ */ l(fe, { ...r }) }) }), be = "3.0.0", ge = "@edusight/notification-widget";
 export {
   D as BellComponent,
   Y as InboxPopover,