@edusight/notification-widget 1.0.36 → 1.0.41

package/dist/{components-DqQ0ehzG.js → components-CWbjrQKA.js}

@@ -1,12 +1,12 @@
-import T, { Component as me, useState as z, useRef as O, useEffect as K, useCallback as I, useMemo as ie } from "react";
-import { jsxs as i, jsx as t, Fragment as B } from "react/jsx-runtime";
+import $, { Component as me, useState as z, useRef as B, useEffect as U, useCallback as I, useMemo as ie } from "react";
+import { jsxs as i, jsx as t, Fragment as P } from "react/jsx-runtime";
 var se = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, J = T.createContext && /* @__PURE__ */ T.createContext(se), ge = ["attr", "size", "title"];
+}, J = $.createContext && /* @__PURE__ */ $.createContext(se), ge = ["attr", "size", "title"];
 function fe(e, r) {
   if (e == null) return {};
   var a = pe(e, r), n, s;
@@ -27,15 +27,15 @@ function pe(e, r) {
     }
   return a;
 }
-function P() {
-  return P = Object.assign ? Object.assign.bind() : function(e) {
+function D() {
+  return D = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var a = arguments[r];
       for (var n in a)
         Object.prototype.hasOwnProperty.call(a, n) && (e[n] = a[n]);
     }
     return e;
-  }, P.apply(this, arguments);
+  }, D.apply(this, arguments);
 }
 function Q(e, r) {
   var a = Object.keys(e);
@@ -47,7 +47,7 @@ function Q(e, r) {
   }
   return a;
 }
-function R(e) {
+function V(e) {
   for (var r = 1; r < arguments.length; r++) {
     var a = arguments[r] != null ? arguments[r] : {};
     r % 2 ? Q(Object(a), !0).forEach(function(n) {
@@ -76,13 +76,13 @@ function xe(e, r) {
   return (r === "string" ? String : Number)(e);
 }
 function le(e) {
-  return e && e.map((r, a) => /* @__PURE__ */ T.createElement(r.tag, R({
+  return e && e.map((r, a) => /* @__PURE__ */ $.createElement(r.tag, V({
     key: a
   }, r.attr), le(r.child)));
 }
 function w(e) {
-  return (r) => /* @__PURE__ */ T.createElement(we, P({
-    attr: R({}, e.attr)
+  return (r) => /* @__PURE__ */ $.createElement(we, D({
+    attr: V({}, e.attr)
   }, r), le(e.child));
 }
 function we(e) {
@@ -92,21 +92,21 @@ function we(e) {
       size: s,
       title: l
     } = e, u = fe(e, ge), h = s || a.size || "1em", d;
-    return a.className && (d = a.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ T.createElement("svg", P({
+    return a.className && (d = a.className), e.className && (d = (d ? d + " " : "") + e.className), /* @__PURE__ */ $.createElement("svg", D({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, n, u, {
       className: d,
-      style: R(R({
+      style: V(V({
         color: e.color || a.color
       }, a.style), e.style),
       height: h,
       width: h,
       xmlns: "http://www.w3.org/2000/svg"
-    }), l && /* @__PURE__ */ T.createElement("title", null, l), e.children);
+    }), l && /* @__PURE__ */ $.createElement("title", null, l), e.children);
   };
-  return J !== void 0 ? /* @__PURE__ */ T.createElement(J.Consumer, null, (a) => r(a)) : r(se);
+  return J !== void 0 ? /* @__PURE__ */ $.createElement(J.Consumer, null, (a) => r(a)) : r(se);
 }
 function ye(e) {
   return w({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M257 120.471c7.083 0 23.911 4.479 23.911 4.479 45.589 10.447 77.678 52.439 77.678 99.85V352.412l9.321 9.364 7.788 7.823H136.302l7.788-7.823 9.321-9.364V224.8c0-47.41 32.089-89.403 77.678-99.85 0 0 18.043-4.479 23.911-4.479M256 48c-17.602 0-31.059 13.518-31.059 31.2v14.559c-59.015 13.523-103.53 67.601-103.53 131.041v114.4L80 380.8v20.8h352v-20.8l-41.411-41.6V224.8c0-63.44-44.516-117.518-103.53-131.041V79.2c0-17.682-13.457-31.2-31.059-31.2zm41.411 374.4h-82.823c0 22.881 18.633 41.6 41.412 41.6s41.411-18.719 41.411-41.6z" }, child: [] }] })(e);
@@ -233,16 +233,16 @@ function ze(e) {
 function de(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m20.54 5.23-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zM12 17.5 6.5 12H10v-2h4v2h3.5L12 17.5zM5.12 5l.81-1h12l.94 1H5.12z" }, child: [] }] })(e);
 }
-function je(e) {
+function Se(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }, child: [] }, { tag: "path", attr: { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, child: [] }] })(e);
 }
-function Se(e) {
+function je(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M17 1.01 7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z" }, child: [] }] })(e);
 }
-function He(e) {
+function Ee(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m21.41 11.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z" }, child: [] }] })(e);
 }
-function Te(e) {
+function He(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" }, child: [] }] })(e);
 }
 function ce(e) {
@@ -257,7 +257,7 @@ function F(e) {
 function Je(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" }, child: [] }] })(e);
 }
-function Ee(e) {
+function Te(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z" }, child: [] }] })(e);
 }
 function ee(e) {
@@ -269,7 +269,7 @@ function Ie(e) {
 function ue(e) {
   return w({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z" }, child: [] }] })(e);
 }
-const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "p-3 text-center", "data-testid": "notifications-fallback", children: [
+const $e = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "p-3 text-center", "data-testid": "notifications-fallback", children: [
   /* @__PURE__ */ t("div", { className: "text-[var(--widget-text-tertiary)] mb-2", children: /* @__PURE__ */ t(q, { className: "w-12 h-12 mx-auto" }) }),
   /* @__PURE__ */ t("p", { className: "text-sm text-[var(--widget-text-secondary)] mb-3", children: r ? "Failed to load notifications" : "No notifications available" }),
   e && /* @__PURE__ */ t(
@@ -327,7 +327,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
 ), Xe = ({ message: e = "Loading..." }) => /* @__PURE__ */ i("div", { className: "p-3 text-center", "data-testid": "loading-fallback", children: [
   /* @__PURE__ */ t("div", { className: "w-6 h-6 border-2 border-[var(--widget-primary)] border-t-transparent rounded-full animate-spin mx-auto mb-2" }),
   /* @__PURE__ */ t("p", { className: "text-sm text-[var(--widget-text-secondary)]", children: e })
-] }), $e = (e, r) => {
+] }), Ae = (e, r) => {
   switch (r) {
     case "all":
       return e;
@@ -364,8 +364,8 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
   }
 }, Be = (e, r, a, n = "newest") => {
   let s = e;
-  return s = $e(s, r), a && (s = Oe(s, a)), s = Le(s, n), s;
-}, Pe = ({
+  return s = Ae(s, r), a && (s = Oe(s, a)), s = Le(s, n), s;
+}, Re = ({
   selectedNotifications: e,
   onMarkAllAsRead: r,
   onMarkAllAsUnread: a,
@@ -516,7 +516,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
   position: a = "top",
   delay: n = 200
 }) => {
-  const [s, l] = z(!1), [u, h] = z({ x: 0, y: 0 }), d = O(null), m = O(null), v = () => {
+  const [s, l] = z(!1), [u, h] = z({ x: 0, y: 0 }), d = B(null), m = B(null), v = () => {
     d.current && clearTimeout(d.current), d.current = setTimeout(() => {
       if (m.current) {
         const x = m.current.getBoundingClientRect();
@@ -541,9 +541,9 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
   }, g = () => {
     d.current && clearTimeout(d.current), l(!1);
   };
-  return K(() => () => {
+  return U(() => () => {
     d.current && clearTimeout(d.current);
-  }, []), /* @__PURE__ */ i(B, { children: [
+  }, []), /* @__PURE__ */ i(P, { children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -558,8 +558,8 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
       "div",
       {
         className: `
-                                fixed z-50 px-2 py-1 text-xs font-medium text-[var(--widget-text)] rounded-md pointer-events-none
-                                bg-[var(--widget-text)] shadow-lg
+                                fixed z-50 px-2 py-1 text-xs font-medium text-white rounded-md pointer-events-none
+                                bg-gray-900 shadow-lg
                                 ${{
           top: "-translate-x-1/2 -translate-y-full",
           bottom: "-translate-x-1/2 translate-y-0",
@@ -576,17 +576,17 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
       }
     )
   ] });
-}, Re = (e) => {
+}, Pe = (e) => {
   if (Number.isNaN(e.getTime())) return "Long ago";
   const n = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), s = Math.floor(n / 6e4), l = Math.floor(n / 36e5), u = Math.floor(n / 864e5);
   return s < 1 ? "Just now" : s < 60 ? `${s}m ago` : l < 24 ? `${l}h ago` : u < 7 ? `${u}d ago` : e.toLocaleDateString();
-}, U = ({ type: e, className: r }) => {
+}, K = ({ type: e, className: r }) => {
   const a = r || "w-4 h-4";
   switch (e) {
     case "mark_read":
       return /* @__PURE__ */ t(q, { className: a });
     case "snooze":
-      return /* @__PURE__ */ t(je, { className: a });
+      return /* @__PURE__ */ t(Se, { className: a });
     case "archive":
       return /* @__PURE__ */ t(de, { className: a });
     default:
@@ -598,7 +598,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
   onSelectionChange: a,
   isSelected: n = !1
 }) => {
-  const [s, l] = z(!1), u = Number.isNaN(e.timestamp.getTime()), h = u ? void 0 : e.timestamp.toISOString(), d = Re(e.timestamp), m = (g) => {
+  const [s, l] = z(!1), u = Number.isNaN(e.timestamp.getTime()), h = u ? void 0 : e.timestamp.toISOString(), d = Pe(e.timestamp), m = (g) => {
     r && r(e.id, g), l(!1);
   }, v = () => {
     a && a(!n);
@@ -692,7 +692,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                         }
                       }),
                       "aria-label": "Mark as read",
-                      children: /* @__PURE__ */ t(U, { type: "mark_read" })
+                      children: /* @__PURE__ */ t(K, { type: "mark_read" })
                     }
                   ) }),
                   /* @__PURE__ */ t(W, { content: "Snooze", position: "top", children: /* @__PURE__ */ t(
@@ -702,7 +702,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                       onClick: () => m({ type: "custom", label: "Snooze", handler: async () => {
                       } }),
                       "aria-label": "Snooze",
-                      children: /* @__PURE__ */ t(U, { type: "snooze" })
+                      children: /* @__PURE__ */ t(K, { type: "snooze" })
                     }
                   ) }),
                   /* @__PURE__ */ t(W, { content: "Archive", position: "top", children: /* @__PURE__ */ t(
@@ -712,7 +712,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                       onClick: () => m({ type: "archive", label: "Archive", handler: async () => {
                       } }),
                       "aria-label": "Archive",
-                      children: /* @__PURE__ */ t(U, { type: "archive" })
+                      children: /* @__PURE__ */ t(K, { type: "archive" })
                     }
                   ) })
                 ]
@@ -733,7 +733,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
       ]
     }
   );
-}, ae = ({ count: e = 3 }) => /* @__PURE__ */ t(B, { children: Array.from({ length: e }).map((r, a) => /* @__PURE__ */ i(
+}, ae = ({ count: e = 3 }) => /* @__PURE__ */ t(P, { children: Array.from({ length: e }).map((r, a) => /* @__PURE__ */ i(
   "div",
   {
     className: "flex items-start gap-3 px-4 py-3 border-b border-border-light animate-pulse",
@@ -763,8 +763,8 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
   hasMore: d = !1,
   className: m = ""
 }) => {
-  const v = O(null), g = O(null), [y, x] = z(!1);
-  K(() => {
+  const v = B(null), g = B(null), [y, x] = z(!1);
+  U(() => {
     if (!(!h || !d || y))
       return v.current = new IntersectionObserver(
         (c) => {
@@ -843,7 +843,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
     }
   ) }) }) : /* @__PURE__ */ i("div", { className: `flex flex-col h-full min-w-[20rem] ${m}`, children: [
     u && n && /* @__PURE__ */ t(
-      Pe,
+      Re,
       {
         selectedNotifications: s,
         onMarkAllAsRead: async (c) => {
@@ -959,7 +959,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
       d && /* @__PURE__ */ t("div", { ref: g, className: "py-2", children: y && /* @__PURE__ */ t(ae, { count: 3 }) })
     ] }) })
   ] });
-}, H = ({
+}, E = ({
   id: e,
   label: r,
   checked: a,
@@ -1048,22 +1048,22 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
     const p = [...e.deliverySchedule.weekdays];
     p[o] = !p[o], r("deliverySchedule.weekdays", p);
   }, A = (o) => {
-    const { scrollTop: p, scrollHeight: M, clientHeight: E } = o.currentTarget;
-    M - p - E < 50 && l && s && !u && s();
-  }, S = (o) => {
+    const { scrollTop: p, scrollHeight: M, clientHeight: H } = o.currentTarget;
+    M - p - H < 50 && l && s && !u && s();
+  }, j = (o) => {
     switch (o) {
       case "email":
         return /* @__PURE__ */ t(ze, { className: "w-4 h-4" });
       case "push":
         return /* @__PURE__ */ t(ee, { className: "w-4 h-4" });
       case "sms":
-        return /* @__PURE__ */ t(Ee, { className: "w-4 h-4" });
+        return /* @__PURE__ */ t(Te, { className: "w-4 h-4" });
       case "inApp":
-        return /* @__PURE__ */ t(Se, { className: "w-4 h-4" });
+        return /* @__PURE__ */ t(je, { className: "w-4 h-4" });
       default:
         return null;
     }
-  }, $ = n || e.subscriptions;
+  }, O = n || e.subscriptions;
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1091,33 +1091,33 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
             ),
             d.global && /* @__PURE__ */ i("div", { className: "px-2 pb-1.5 divide-y divide-border-light bg-[var(--widget-background)]", children: [
               /* @__PURE__ */ t(
-                H,
+                E,
                 {
                   id: "channel-email",
                   label: "Email",
-                  icon: S("email"),
+                  icon: j("email"),
                   checked: e.channels.email,
                   onChange: (o) => C("email", o),
                   disabled: a
                 }
               ),
               /* @__PURE__ */ t(
-                H,
+                E,
                 {
                   id: "channel-inapp",
                   label: "In-App",
-                  icon: S("inApp"),
+                  icon: j("inApp"),
                   checked: e.channels.inApp,
                   onChange: (o) => C("inApp", o),
                   disabled: a
                 }
               ),
               /* @__PURE__ */ t(
-                H,
+                E,
                 {
                   id: "channel-push",
                   label: "Push",
-                  icon: S("push"),
+                  icon: j("push"),
                   checked: e.channels.push,
                   onChange: (o) => C("push", o),
                   disabled: a
@@ -1135,16 +1135,15 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                 children: [
                   /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ t(ke, { className: "w-5 h-5 text-widget-primary" }),
-                    /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-text-primary", children: "Schedule" })
+                    /* @__PURE__ */ t("span", { className: "font-semibold text-sm text-text-primary", children: "Working Hours" })
                   ] }),
                   /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ t(
-                      H,
+                      E,
                       {
                         id: "schedule-enabled",
-                        checked: d.schedule,
-                        onChange: () => {
-                        },
+                        checked: e.deliverySchedule?.enabled || !1,
+                        onChange: (o) => r("deliverySchedule.enabled", o),
                         disabled: a
                       }
                     ),
@@ -1160,57 +1159,50 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                 ]
               }
             ),
-            d.schedule && /* @__PURE__ */ i("div", { className: "px-2 py-1.5 space-y-2 animate-in slide-in-from-top-2 duration-200 bg-[var(--widget-background)]", children: [
-              /* @__PURE__ */ t("div", { className: "text-sm text-[var(--widget-text-secondary)]", children: "Allow notifications between:" }),
-              /* @__PURE__ */ i("div", { className: "grid grid-cols-[auto_1fr_auto_auto] gap-x-4 gap-y-3 items-center", children: [
-                /* @__PURE__ */ t("div", { className: "col-span-2 text-xs font-semibold text-[var(--widget-text-tertiary)] pl-1", children: "Days" }),
-                /* @__PURE__ */ t("div", { className: "text-xs font-semibold text-[var(--widget-text-tertiary)] w-[88px]", children: "From" }),
-                /* @__PURE__ */ t("div", { className: "text-xs font-semibold text-[var(--widget-text-tertiary)] w-[88px]", children: "To" }),
-                Fe.map((o, p) => {
-                  const M = e.deliverySchedule.weekdays[p];
-                  return /* @__PURE__ */ i(T.Fragment, { children: [
-                    /* @__PURE__ */ t("div", { className: "flex items-center h-8", children: /* @__PURE__ */ t(
-                      H,
-                      {
-                        id: `day-${p}`,
-                        checked: M,
-                        onChange: () => f(p),
-                        disabled: a
-                      }
-                    ) }),
-                    /* @__PURE__ */ t(
-                      "div",
-                      {
-                        className: `text-sm ${M ? "text-text-primary" : "text-text-tertiary"}`,
-                        children: o
-                      }
-                    ),
-                    /* @__PURE__ */ t("div", { className: "w-[88px]", children: /* @__PURE__ */ t(
-                      "input",
-                      {
-                        type: "time",
-                        className: "w-full px-2 py-1 bg-widget-background border border-border rounded text-sm text-text-primary focus:outline-none focus:ring-1 focus:ring-widget-primary disabled:opacity-50 disabled:bg-widget-hover",
-                        value: e.deliverySchedule.quietHours.start,
-                        onChange: (E) => r("deliverySchedule.quietHours.start", E.target.value),
-                        disabled: a || !M
-                      }
-                    ) }),
-                    /* @__PURE__ */ t("div", { className: "w-[88px]", children: /* @__PURE__ */ t(
-                      "input",
-                      {
-                        type: "time",
-                        className: "w-full px-2 py-1 bg-widget-background border border-border rounded text-sm text-text-primary focus:outline-none focus:ring-1 focus:ring-widget-primary disabled:opacity-50 disabled:bg-widget-hover",
-                        value: e.deliverySchedule.quietHours.end,
-                        onChange: (E) => r("deliverySchedule.quietHours.end", E.target.value),
-                        disabled: a || !M
-                      }
-                    ) })
-                  ] }, o);
-                })
-              ] })
+            d.schedule && (e.deliverySchedule?.enabled || !1) && /* @__PURE__ */ i("div", { className: "px-2 py-1.5 space-y-2 animate-in slide-in-from-top-2 duration-200 bg-[var(--widget-background)]", children: [
+              /* @__PURE__ */ t("div", { className: "text-xs text-[var(--widget-text-secondary)] mb-2", children: "Set your available hours for receiving notifications:" }),
+              /* @__PURE__ */ t("div", { className: "space-y-2", children: Fe.map((o, p) => {
+                const M = e.deliverySchedule.weekdays[p], H = o.toLowerCase(), L = e.deliverySchedule.weeklySchedule?.[H] || {
+                  start: "09:00",
+                  end: "17:00"
+                };
+                return /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ t(
+                    E,
+                    {
+                      id: `day-${p}`,
+                      checked: M,
+                      onChange: () => f(p),
+                      disabled: a
+                    }
+                  ),
+                  /* @__PURE__ */ t("div", { className: `text-xs font-medium w-16 ${M ? "text-text-primary" : "text-text-tertiary"}`, children: o.slice(0, 3) }),
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      type: "time",
+                      className: "flex-1 px-1.5 py-1 bg-widget-background border border-border rounded text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-widget-primary disabled:opacity-50 disabled:bg-widget-hover",
+                      value: L.start,
+                      onChange: (T) => r(`deliverySchedule.weeklySchedule.${H}.start`, T.target.value),
+                      disabled: a || !M
+                    }
+                  ),
+                  /* @__PURE__ */ t("span", { className: "text-xs text-text-tertiary", children: "to" }),
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      type: "time",
+                      className: "flex-1 px-1.5 py-1 bg-widget-background border border-border rounded text-xs text-text-primary focus:outline-none focus:ring-1 focus:ring-widget-primary disabled:opacity-50 disabled:bg-widget-hover",
+                      value: L.end,
+                      onChange: (T) => r(`deliverySchedule.weeklySchedule.${H}.end`, T.target.value),
+                      disabled: a || !M
+                    }
+                  )
+                ] }, o);
+              }) })
             ] })
           ] }),
-          $.length > 0 && $.map((o) => /* @__PURE__ */ i(
+          O.length > 0 && O.map((o) => /* @__PURE__ */ i(
             "div",
             {
               className: "border border-[var(--widget-border)] rounded-lg overflow-hidden",
@@ -1232,7 +1224,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                       ) }),
                       /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
                         /* @__PURE__ */ t(
-                          H,
+                          E,
                           {
                             id: `workflow-${o.workflowId}`,
                             checked: o.enabled,
@@ -1247,22 +1239,22 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                 ),
                 v[o.workflowId] && o.enabled && /* @__PURE__ */ i("div", { className: "px-2 pb-1.5 divide-y divide-border-light bg-[var(--widget-background)]", children: [
                   /* @__PURE__ */ t(
-                    H,
+                    E,
                     {
                       id: `sub-${o.workflowId}-inapp`,
                       label: "In-App",
-                      icon: S("inApp"),
+                      icon: j("inApp"),
                       checked: o.channels.inApp,
                       onChange: (p) => c(o.workflowId, "inApp", p),
                       disabled: a
                     }
                   ),
                   /* @__PURE__ */ t(
-                    H,
+                    E,
                     {
                       id: `sub-${o.workflowId}-push`,
                       label: "Push",
-                      icon: S("push"),
+                      icon: j("push"),
                       checked: o.channels.push,
                       onChange: (p) => c(o.workflowId, "push", p),
                       disabled: a
@@ -1286,7 +1278,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
       ]
     }
   );
-}, Ue = ({
+}, Ke = ({
   notifications: e,
   activeTab: r,
   onTabChange: a,
@@ -1316,7 +1308,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
       id: `tag:${v}`,
       label: v,
       count: g,
-      icon: /* @__PURE__ */ t(He, { className: "w-4 h-4" })
+      icon: /* @__PURE__ */ t(Ee, { className: "w-4 h-4" })
     }));
     return [...d, ...m];
   }, [e]);
@@ -1387,41 +1379,41 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
   hasMoreSpecific: C,
   isListLoading: k
 }) => {
-  const c = O(null), f = O(null), [A, S] = z("all"), [$, o] = z(""), p = I(() => {
+  const c = B(null), f = B(null), [A, j] = z("all"), [O, o] = z(""), p = I(() => {
     const b = window.__notificationSDK?.config, N = window.__notificationSDK?.client;
     if (!b || !N) return null;
-    const { tenantId: j, environmentId: L, subscriberId: Y } = b;
-    return !j || !L || !Y ? null : { client: N, tenantId: j, environmentId: L, subscriberId: Y };
+    const { tenantId: S, environmentId: R, subscriberId: Y } = b;
+    return !S || !R || !Y ? null : { client: N, tenantId: S, environmentId: R, subscriberId: Y };
   }, []), M = I(
     async (b) => {
       const N = p();
       if (!N)
         return { success: !1, processedCount: 0, failedCount: b.length, errors: [] };
       try {
-        for (const j of b)
+        for (const S of b)
           await N.client.inbox.markAsRead(
-            j,
+            S,
             N.tenantId,
             N.environmentId,
             N.subscriberId
           );
         return { success: !0, processedCount: b.length, failedCount: 0, errors: [] };
-      } catch (j) {
+      } catch (S) {
         return {
           success: !1,
           processedCount: 0,
           failedCount: b.length,
-          errors: [{ notificationId: "", error: j }]
+          errors: [{ notificationId: "", error: S }]
         };
       }
     },
     [p]
-  ), E = ie(() => Be(l, A, $), [l, A, $]), D = I(
+  ), H = ie(() => Be(l, A, O), [l, A, O]), L = I(
     (b) => {
       c.current && !c.current.contains(b.target) && r();
     },
     [r]
-  ), V = I(
+  ), T = I(
     (b) => {
       b.key === "Escape" && r();
     },
@@ -1433,24 +1425,24 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
         if (N.length === 0) return;
-        const j = N[0], L = N[N.length - 1];
-        b.shiftKey ? document.activeElement === j && (L.focus(), b.preventDefault()) : document.activeElement === L && (j.focus(), b.preventDefault());
+        const S = N[0], R = N[N.length - 1];
+        b.shiftKey ? document.activeElement === S && (R.focus(), b.preventDefault()) : document.activeElement === R && (S.focus(), b.preventDefault());
       }
     },
     [e]
   );
-  if (K(() => (e ? (f.current = document.activeElement, document.addEventListener("mousedown", D), document.addEventListener("keydown", V), document.addEventListener("keydown", _), setTimeout(() => {
+  if (U(() => (e ? (f.current = document.activeElement, document.addEventListener("mousedown", L), document.addEventListener("keydown", T), document.addEventListener("keydown", _), setTimeout(() => {
     c.current?.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     )?.focus();
-  }, 0)) : (f.current && f.current.focus(), S("all"), o("")), () => {
-    document.removeEventListener("mousedown", D), document.removeEventListener("keydown", V), document.removeEventListener("keydown", _);
-  }), [e, D, V, _]), !e) return null;
+  }, 0)) : (f.current && f.current.focus(), j("all"), o("")), () => {
+    document.removeEventListener("mousedown", L), document.removeEventListener("keydown", T), document.removeEventListener("keydown", _);
+  }), [e, L, T, _]), !e) return null;
   const he = {
     left: "left-0 origin-top-left",
     right: "right-0 origin-top-right"
   }, G = l.filter((b) => !b.isRead).length;
-  return /* @__PURE__ */ i(B, { children: [
+  return /* @__PURE__ */ i(P, { children: [
     /* @__PURE__ */ t(
       "div",
       {
@@ -1501,7 +1493,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                   onClick: () => s("notifications"),
                   "aria-label": "Back to notifications",
                   "data-testid": "back-button",
-                  children: /* @__PURE__ */ t(Te, { className: "w-5 h-5" })
+                  children: /* @__PURE__ */ t(He, { className: "w-5 h-5" })
                 }
               ),
               /* @__PURE__ */ t(
@@ -1517,7 +1509,7 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
               )
             ] })
           ] }),
-          n === "notifications" ? /* @__PURE__ */ i(B, { children: [
+          n === "notifications" ? /* @__PURE__ */ i(P, { children: [
             /* @__PURE__ */ t("div", { className: "flex-shrink-0 px-4 py-2.5 border-b border-[var(--widget-border)] bg-[var(--widget-background)]", children: /* @__PURE__ */ i("div", { className: "relative", children: [
               /* @__PURE__ */ t("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ t(Ce, { className: "w-5 h-5 text-[var(--widget-text-tertiary)]" }) }),
               /* @__PURE__ */ t(
@@ -1535,25 +1527,25 @@ const Ae = ({ onRetry: e, error: r }) => /* @__PURE__ */ i("div", { className: "
                     transition-colors
                   `,
                   placeholder: "Search notifications...",
-                  value: $,
+                  value: O,
                   onChange: (b) => o(b.target.value),
                   "aria-label": "Search notifications"
                 }
               )
             ] }) }),
             /* @__PURE__ */ t(
-              Ue,
+              Ke,
               {
                 notifications: l,
                 activeTab: A,
-                onTabChange: (b) => S(b),
+                onTabChange: (b) => j(b),
                 size: v
               }
             ),
-            /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto widget-scrollbar bg-[var(--widget-background)] max-h-[calc(var(--widget-popover-max-height)-200px)]", children: /* @__PURE__ */ t(X, { fallback: /* @__PURE__ */ t(Ae, {}), children: /* @__PURE__ */ t(
+            /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto widget-scrollbar bg-[var(--widget-background)] max-h-[calc(var(--widget-popover-max-height)-200px)]", children: /* @__PURE__ */ t(X, { fallback: /* @__PURE__ */ t($e, {}), children: /* @__PURE__ */ t(
               Ve,
               {
-                notifications: E,
+                notifications: H,
                 onNotificationAction: u
               }
             ) }) }),
@@ -1600,4 +1592,4 @@ export {
   Qe as S,
   Je as a
 };
-//# sourceMappingURL=components-DqQ0ehzG.js.map
+//# sourceMappingURL=components-CWbjrQKA.js.map