@ukpc-lib/react 0.4.6 → 0.4.7

package/dist/components/index.js

@@ -1,10 +1,10 @@
 import { jsxs as N, Fragment as Ie, jsx as c } from "react/jsx-runtime";
 import * as L from "react";
 import ge, { useState as G, useContext as _e, useEffect as Q, useRef as xe, useCallback as xt, forwardRef as Oo, createElement as rr, PureComponent as No } from "react";
-import { c as Te, a as Rt, C as ke, p as To, u as ko, S as $o, b as Io, L as Ao, d as Pr, e as Mo, Q as $n, f as pt, g as Po, s as gt, _ as z, h as we, P as k, i as he, j as Ro, o as Do, k as zo, l as Fo, m as Rr, n as In, q as _t, r as Dr, I as Lo, t as jo, v as zr, D as Vo, w as An, x as Mn, y as Bo, z as Ho, A as Ne, B as Wo, E as yt } from "../index.module-dc63d1c3.js";
-import { G as Rc, F as Dc, H as zc } from "../index.module-dc63d1c3.js";
+import { c as Te, a as Rt, C as ke, p as To, u as ko, S as $o, b as Io, L as Ao, d as Pr, e as Mo, Q as $n, f as pt, g as Po, s as gt, _ as z, h as we, P as k, i as he, j as Ro, o as Do, k as zo, l as Fo, m as Rr, n as In, q as _t, r as Dr, I as Lo, t as jo, v as zr, D as Vo, w as An, x as Mn, y as Bo, z as Ho, A as Ne, B as Uo, E as yt } from "../index.module-62a8833c.js";
+import { G as Rc, F as Dc, H as zc } from "../index.module-62a8833c.js";
 import Z from "moment";
-import { Stack as te, Dialog as Uo, DialogTitle as qo, Typography as ye, DialogContent as Yo, DialogActions as Go, Button as kt, Box as Ko, ClickAwayListener as Zo, TextField as Pn, IconButton as Xo, CircularProgress as Jo, Fade as Qo, Paper as ei, Checkbox as ti } from "@mui/material";
+import { Stack as te, Dialog as Wo, DialogTitle as qo, Typography as ye, DialogContent as Yo, DialogActions as Go, Button as kt, Box as Ko, ClickAwayListener as Zo, TextField as Pn, IconButton as Xo, CircularProgress as Jo, Fade as Qo, Paper as ei, Checkbox as ti } from "@mui/material";
 import "@r2wc/react-to-web-component";
 import "axios";
 import { Link as Rn } from "react-router-dom";
@@ -113,10 +113,7 @@ const ri = (e) => {
   }, { setNotiData: m } = _e(ke), g = mr({ baseUrl: t, notiPath: r, setNotiData: m }), b = async (_, x) => {
     try {
       const S = r || `/notification-management/api/v1/notifications/${_}`, p = t + S;
-      await Rt.put(
-        p,
-        { isRead: x }
-      );
+      await Rt.put(p, { isRead: x });
     } catch (S) {
       console.log(S), d({
         id: e.id,
@@ -178,9 +175,9 @@ const ri = (e) => {
       /* @__PURE__ */ N("div", { className: "notification-item__content-wrapper", children: [
         /* @__PURE__ */ N("div", { className: "notification-item__content", children: [
           /* @__PURE__ */ c("p", { className: "notification-item__user-name", children: e.actorName }),
-          /* @__PURE__ */ N("p", { children: [
+          /* @__PURE__ */ N("a", { href: e == null ? void 0 : e.contextUrl, style: { cursor: "pointer" }, children: [
             `${e.message} `,
-            /* @__PURE__ */ c("span", { children: e == null ? void 0 : e.context })
+            /* @__PURE__ */ c("span", { className: "notification-item__context-link", children: e == null ? void 0 : e.context })
           ] }),
           (e == null ? void 0 : e.notificationType) === "deleteMultiple" && /* @__PURE__ */ N(
             "button",
@@ -510,7 +507,7 @@ function ii({
   ] });
 }
 const ai = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{display:flex;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}
-`, si = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}
+`, si = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}
 `, li = `._subscription-diaglog_1bysb_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1bysb_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1bysb_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1bysb_25,._subscription-text_1bysb_34{margin-bottom:24px}._subscription-btn__container_1bysb_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1bysb_44,._btn-cancel_1bysb_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}._btn-cancel_1bysb_45{background-color:#ddd}._btn-cancel_1bysb_45:hover{background-color:#c5c5c5}._btn-success_1bysb_44{background-color:#93d500}._btn-success_1bysb_44:hover{background-color:#2e7d32}
 `, ci = `._notification-massage_container_ql4az_1{background:#fff;padding:0 64px 0 84px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif}._notification-massage_container_ql4az_1:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}._notification-name_ql4az_18{font-weight:500;font-size:14px}._notification-message_service_ql4az_23{font-size:12px}._notification-message_button-close_ql4az_27{position:absolute;top:12px;right:24px;width:24px;height:24px}
 `;
@@ -1229,7 +1226,7 @@ function Si(e) {
 }
 function Sc(e) {
   var t;
-  return /* @__PURE__ */ N(Uo, { ...e.dialogProps, open: e.open, children: [
+  return /* @__PURE__ */ N(Wo, { ...e.dialogProps, open: e.open, children: [
     !e.hideTitle && /* @__PURE__ */ N(
       qo,
       {
@@ -1571,7 +1568,7 @@ function Ti() {
         }
       }
     }
-    var w = a, E = i, $ = e, T = d, H = r, F = g, W = m, K = t, ce = o, Ee = n, Ce = u, Me = h, me = !1, Pe = !1;
+    var w = a, E = i, $ = e, T = d, H = r, F = g, U = m, K = t, ce = o, Ee = n, Ce = u, Me = h, me = !1, Pe = !1;
     function Oe(O) {
       return me || (me = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -1614,7 +1611,7 @@ function Ti() {
     function et(O) {
       return p(O) === h;
     }
-    P.ContextConsumer = w, P.ContextProvider = E, P.Element = $, P.ForwardRef = T, P.Fragment = H, P.Lazy = F, P.Memo = W, P.Portal = K, P.Profiler = ce, P.StrictMode = Ee, P.Suspense = Ce, P.SuspenseList = Me, P.isAsyncMode = Oe, P.isConcurrentMode = Je, P.isContextConsumer = Qe, P.isContextProvider = Re, P.isElement = pe, P.isForwardRef = De, P.isFragment = Zt, P.isLazy = Xt, P.isMemo = Jt, P.isPortal = Qt, P.isProfiler = er, P.isStrictMode = tr, P.isSuspense = C, P.isSuspenseList = et, P.isValidElementType = S, P.typeOf = p;
+    P.ContextConsumer = w, P.ContextProvider = E, P.Element = $, P.ForwardRef = T, P.Fragment = H, P.Lazy = F, P.Memo = U, P.Portal = K, P.Profiler = ce, P.StrictMode = Ee, P.Suspense = Ce, P.SuspenseList = Me, P.isAsyncMode = Oe, P.isConcurrentMode = Je, P.isContextConsumer = Qe, P.isContextProvider = Re, P.isElement = pe, P.isForwardRef = De, P.isFragment = Zt, P.isLazy = Xt, P.isMemo = Jt, P.isPortal = Qt, P.isProfiler = er, P.isStrictMode = tr, P.isSuspense = C, P.isSuspenseList = et, P.isValidElementType = S, P.typeOf = p;
   }()), P;
 }
 process.env.NODE_ENV === "production" ? sr.exports = Ni() : sr.exports = Ti();
@@ -1800,9 +1797,9 @@ function Vn(e) {
     unit: r
   }, o);
 }
-const Wi = {
+const Ui = {
   borderRadius: 4
-}, Ui = Wi, qi = process.env.NODE_ENV !== "production" ? k.oneOfType([k.number, k.string, k.object, k.array]) : {}, Se = qi;
+}, Wi = Ui, qi = process.env.NODE_ENV !== "production" ? k.oneOfType([k.number, k.string, k.object, k.array]) : {}, Se = qi;
 function nt(e, t) {
   return t ? ue(e, t, {
     clone: !1
@@ -1820,7 +1817,7 @@ const yr = {
   // desktop
   xl: 1536
   // large screen
-}, Wr = {
+}, Ur = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
@@ -1829,11 +1826,11 @@ const yr = {
 function ve(e, t, r) {
   const n = e.theme || {};
   if (Array.isArray(t)) {
-    const i = n.breakpoints || Wr;
+    const i = n.breakpoints || Ur;
     return t.reduce((a, s, d) => (a[i.up(i.keys[d])] = r(t[d]), a), {});
   }
   if (typeof t == "object") {
-    const i = n.breakpoints || Wr;
+    const i = n.breakpoints || Ur;
     return Object.keys(t).reduce((a, s) => {
       if (Object.keys(i.values || yr).indexOf(s) !== -1) {
         const d = i.up(s);
@@ -1874,7 +1871,7 @@ function $t(e, t, r, n = r) {
   let o;
   return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Dt(e, r) || n, t && (o = t(o, n, e)), o;
 }
-function U(e) {
+function W(e) {
   const {
     prop: t,
     cssProperty: r = e.prop,
@@ -1909,15 +1906,15 @@ const Zi = {
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, Ur = {
+}, Wr = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
 }, Ji = Ki((e) => {
   if (e.length > 2)
-    if (Ur[e])
-      e = Ur[e];
+    if (Wr[e])
+      e = Wr[e];
     else
       return [e];
   const [t, r] = e.split(""), n = Zi[t], o = Xi[r] || "";
@@ -1986,7 +1983,7 @@ function ie(e) {
   return typeof e != "number" ? e : `${e}px solid`;
 }
 function se(e, t) {
-  return U({
+  return W({
     prop: e,
     themeKey: "borders",
     transform: t
@@ -2045,48 +2042,48 @@ Ht.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: Se
 } : {};
 Ht.filterProps = ["rowGap"];
-const pa = U({
+const pa = W({
   prop: "gridColumn"
-}), ga = U({
+}), ga = W({
   prop: "gridRow"
-}), ya = U({
+}), ya = W({
   prop: "gridAutoFlow"
-}), va = U({
+}), va = W({
   prop: "gridAutoColumns"
-}), ba = U({
+}), ba = W({
   prop: "gridAutoRows"
-}), xa = U({
+}), xa = W({
   prop: "gridTemplateColumns"
-}), _a = U({
+}), _a = W({
   prop: "gridTemplateRows"
-}), wa = U({
+}), wa = W({
   prop: "gridTemplateAreas"
-}), Sa = U({
+}), Sa = W({
   prop: "gridArea"
 });
 Lt(Vt, Bt, Ht, pa, ga, ya, va, ba, xa, _a, wa, Sa);
-function Ue(e, t) {
+function We(e, t) {
   return t === "grey" ? t : e;
 }
-const Ea = U({
+const Ea = W({
   prop: "color",
   themeKey: "palette",
-  transform: Ue
-}), Ca = U({
+  transform: We
+}), Ca = W({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
-  transform: Ue
-}), Oa = U({
+  transform: We
+}), Oa = W({
   prop: "backgroundColor",
   themeKey: "palette",
-  transform: Ue
+  transform: We
 });
 Lt(Ea, Ca, Oa);
 function re(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Na = U({
+const Na = W({
   prop: "width",
   transform: re
 }), vr = (e) => {
@@ -2107,30 +2104,30 @@ const Na = U({
   return null;
 };
 vr.filterProps = ["maxWidth"];
-const Ta = U({
+const Ta = W({
   prop: "minWidth",
   transform: re
-}), ka = U({
+}), ka = W({
   prop: "height",
   transform: re
-}), $a = U({
+}), $a = W({
   prop: "maxHeight",
   transform: re
-}), Ia = U({
+}), Ia = W({
   prop: "minHeight",
   transform: re
 });
-U({
+W({
   prop: "size",
   cssProperty: "width",
   transform: re
 });
-U({
+W({
   prop: "size",
   cssProperty: "height",
   transform: re
 });
-const Aa = U({
+const Aa = W({
   prop: "boxSizing"
 });
 Lt(Na, vr, Ta, ka, $a, Ia, Aa);
@@ -2185,16 +2182,16 @@ const Ma = {
   // palette
   color: {
     themeKey: "palette",
-    transform: Ue
+    transform: We
   },
   bgcolor: {
     themeKey: "palette",
     cssProperty: "backgroundColor",
-    transform: Ue
+    transform: We
   },
   backgroundColor: {
     themeKey: "palette",
-    transform: Ue
+    transform: We
   },
   // spacing
   p: {
@@ -2426,7 +2423,7 @@ function Pa(...e) {
 function Ra(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Wn() {
+function Un() {
   function e(r, n, o, i) {
     const a = {
       [r]: n,
@@ -2500,9 +2497,9 @@ function Wn() {
   }
   return t;
 }
-const Un = Wn();
-Un.filterProps = ["sx"];
-const br = Un;
+const Wn = Un();
+Wn.filterProps = ["sx"];
+const br = Wn;
 function qn(e, t) {
   const r = this;
   return r.vars && typeof r.getColorSchemeSelector == "function" ? {
@@ -2526,7 +2523,7 @@ function xr(e = {}, ...t) {
       mode: "light"
     }, n),
     spacing: d,
-    shape: z({}, Ui, i)
+    shape: z({}, Wi, i)
   }, a);
   return u.applyStyles = qn, u = t.reduce((h, m) => ue(h, m), u), u.unstable_sxConfig = z({}, ut, a == null ? void 0 : a.unstable_sxConfig), u.unstable_sx = function(m) {
     return br({
@@ -2598,7 +2595,7 @@ var Ba = /* @__PURE__ */ function() {
       return n.parentNode && n.parentNode.removeChild(n);
     }), this.tags = [], this.ctr = 0, process.env.NODE_ENV !== "production" && (this._alreadyInsertedOrderInsensitiveRule = !1);
   }, e;
-}(), J = "-ms-", It = "-moz-", I = "-webkit-", _r = "comm", wr = "rule", Sr = "decl", Ha = "@import", Gn = "@keyframes", Wa = "@layer", Ua = Math.abs, Wt = String.fromCharCode, qa = Object.assign;
+}(), J = "-ms-", It = "-moz-", I = "-webkit-", _r = "comm", wr = "rule", Sr = "decl", Ha = "@import", Gn = "@keyframes", Ua = "@layer", Wa = Math.abs, Ut = String.fromCharCode, qa = Object.assign;
 function Ya(e, t) {
   return X(e, 0) ^ 45 ? (((t << 2 ^ X(e, 0)) << 2 ^ X(e, 1)) << 2 ^ X(e, 2)) << 2 ^ X(e, 3) : 0;
 }
@@ -2632,9 +2629,9 @@ function vt(e, t) {
 function Ka(e, t) {
   return e.map(t).join("");
 }
-var Ut = 1, Ye = 1, Zn = 0, ee = 0, Y = 0, Ke = "";
+var Wt = 1, Ye = 1, Zn = 0, ee = 0, Y = 0, Ke = "";
 function qt(e, t, r, n, o, i, a) {
-  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: Ut, column: Ye, length: a, return: "" };
+  return { value: e, root: t, parent: r, type: n, props: o, children: i, line: Wt, column: Ye, length: a, return: "" };
 }
 function tt(e, t) {
   return qa(qt("", null, null, "", null, null, 0), e, { length: -e.length }, t);
@@ -2643,10 +2640,10 @@ function Za() {
   return Y;
 }
 function Xa() {
-  return Y = ee > 0 ? X(Ke, --ee) : 0, Ye--, Y === 10 && (Ye = 1, Ut--), Y;
+  return Y = ee > 0 ? X(Ke, --ee) : 0, Ye--, Y === 10 && (Ye = 1, Wt--), Y;
 }
 function ne() {
-  return Y = ee < Zn ? X(Ke, ee++) : 0, Ye++, Y === 10 && (Ye = 1, Ut++), Y;
+  return Y = ee < Zn ? X(Ke, ee++) : 0, Ye++, Y === 10 && (Ye = 1, Wt++), Y;
 }
 function fe() {
   return X(Ke, ee);
@@ -2690,7 +2687,7 @@ function at(e) {
   return 0;
 }
 function Xn(e) {
-  return Ut = Ye = 1, Zn = de(Ke = e), ee = 0, [];
+  return Wt = Ye = 1, Zn = de(Ke = e), ee = 0, [];
 }
 function Jn(e) {
   return Ke = "", e;
@@ -2730,7 +2727,7 @@ function es(e, t) {
   for (; ne() && e + Y !== 47 + 10; )
     if (e + Y === 42 + 42 && fe() === 47)
       break;
-  return "/*" + ft(t, ee - 1) + "*" + Wt(e === 47 ? e : ne());
+  return "/*" + ft(t, ee - 1) + "*" + Ut(e === 47 ? e : ne());
 }
 function ts(e) {
   for (; !at(fe()); )
@@ -2813,7 +2810,7 @@ function Et(e, t, r, n, o, i, a, s, d) {
           else if (_ == 125 && l++ == 0 && Xa() == 125)
             continue;
         }
-        switch (E += Wt(_), _ * l) {
+        switch (E += Ut(_), _ * l) {
           case 38:
             v = h > 0 ? 1 : (E += "\f", -1);
             break;
@@ -2831,12 +2828,12 @@ function Et(e, t, r, n, o, i, a, s, d) {
 }
 function qr(e, t, r, n, o, i, a, s, d, u, h) {
   for (var m = o - 1, g = o === 0 ? i : [""], b = Er(g), y = 0, l = 0, f = 0; y < n; ++y)
-    for (var v = 0, _ = it(e, m + 1, m = Ua(l = a[y])), x = e; v < b; ++v)
+    for (var v = 0, _ = it(e, m + 1, m = Wa(l = a[y])), x = e; v < b; ++v)
       (x = Kn(l > 0 ? g[v] + " " + _ : A(_, /&\f/g, g[v]))) && (d[f++] = x);
   return qt(e, t, r, o === 0 ? wr : s, d, u, h);
 }
 function ns(e, t, r) {
-  return qt(e, t, r, _r, Wt(Za()), it(e, 2, -2), 0);
+  return qt(e, t, r, _r, Ut(Za()), it(e, 2, -2), 0);
 }
 function Yr(e, t, r, n) {
   return qt(e, t, r, Sr, it(e, 0, n), it(e, n + 1, -1), n);
@@ -2848,7 +2845,7 @@ function qe(e, t) {
 }
 function os(e, t, r, n) {
   switch (e.type) {
-    case Wa:
+    case Ua:
       if (e.children.length)
         break;
     case Ha:
@@ -2896,7 +2893,7 @@ var ss = function(t, r, n) {
           break;
         }
       default:
-        t[n] += Wt(o);
+        t[n] += Ut(o);
     }
   while (o = ne());
   return t;
@@ -3295,7 +3292,7 @@ function xs() {
         }
       }
     }
-    var p = d, w = u, E = s, $ = a, T = t, H = h, F = n, W = y, K = b, ce = r, Ee = i, Ce = o, Me = m, me = !1;
+    var p = d, w = u, E = s, $ = a, T = t, H = h, F = n, U = y, K = b, ce = r, Ee = i, Ce = o, Me = m, me = !1;
     function Pe(C) {
       return me || (me = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Oe(C) || S(C) === d;
     }
@@ -3335,7 +3332,7 @@ function xs() {
     function tr(C) {
       return S(C) === m;
     }
-    D.AsyncMode = p, D.ConcurrentMode = w, D.ContextConsumer = E, D.ContextProvider = $, D.Element = T, D.ForwardRef = H, D.Fragment = F, D.Lazy = W, D.Memo = K, D.Portal = ce, D.Profiler = Ee, D.StrictMode = Ce, D.Suspense = Me, D.isAsyncMode = Pe, D.isConcurrentMode = Oe, D.isContextConsumer = Je, D.isContextProvider = Qe, D.isElement = Re, D.isForwardRef = pe, D.isFragment = De, D.isLazy = Zt, D.isMemo = Xt, D.isPortal = Jt, D.isProfiler = Qt, D.isStrictMode = er, D.isSuspense = tr, D.isValidElementType = x, D.typeOf = S;
+    D.AsyncMode = p, D.ConcurrentMode = w, D.ContextConsumer = E, D.ContextProvider = $, D.Element = T, D.ForwardRef = H, D.Fragment = F, D.Lazy = U, D.Memo = K, D.Portal = ce, D.Profiler = Ee, D.StrictMode = Ce, D.Suspense = Me, D.isAsyncMode = Pe, D.isConcurrentMode = Oe, D.isContextConsumer = Je, D.isContextProvider = Qe, D.isElement = Re, D.isForwardRef = pe, D.isFragment = De, D.isLazy = Zt, D.isMemo = Xt, D.isPortal = Jt, D.isProfiler = Qt, D.isStrictMode = er, D.isSuspense = tr, D.isValidElementType = x, D.typeOf = S;
   }()), D;
 }
 process.env.NODE_ENV === "production" ? dr.exports = bs() : dr.exports = xs();
@@ -3864,13 +3861,13 @@ function Hs(e, t, r) {
   var n = [], o = Cr(e, n, r);
   return n.length < 2 ? r : o + t(n);
 }
-var Ws = function(t) {
+var Us = function(t) {
   var r = t.cache, n = t.serializedArr;
   return Nr(function() {
     for (var o = 0; o < n.length; o++)
       Gt(r, n[o], !1);
   }), null;
-}, Us = /* @__PURE__ */ Kt(function(e, t) {
+}, Ws = /* @__PURE__ */ Kt(function(e, t) {
   var r = !1, n = [], o = function() {
     if (r && process.env.NODE_ENV !== "production")
       throw new Error("css can only be used during render");
@@ -3889,12 +3886,12 @@ var Ws = function(t) {
     cx: i,
     theme: L.useContext(Ae)
   }, s = e.children(a);
-  return r = !0, /* @__PURE__ */ L.createElement(L.Fragment, null, /* @__PURE__ */ L.createElement(Ws, {
+  return r = !0, /* @__PURE__ */ L.createElement(L.Fragment, null, /* @__PURE__ */ L.createElement(Us, {
     cache: t,
     serializedArr: n
   }), s);
 });
-process.env.NODE_ENV !== "production" && (Us.displayName = "EmotionClassNames");
+process.env.NODE_ENV !== "production" && (Ws.displayName = "EmotionClassNames");
 if (process.env.NODE_ENV !== "production") {
   var sn = !0, qs = typeof jest < "u" || typeof vi < "u";
   if (sn && !qs) {
@@ -4239,7 +4236,7 @@ const d0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: br,
   extendSxProp: c0,
-  unstable_createStyleFunctionSx: Wn,
+  unstable_createStyleFunctionSx: Un,
   unstable_defaultSxConfig: ut
 }, Symbol.toStringTag, { value: "Module" }));
 function u0(e, t) {
@@ -4780,13 +4777,13 @@ const theme2 = createTheme({ palette: {
   }, b[t]), o);
 }
 const H0 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-function W0(e) {
+function U0(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const yn = {
   textTransform: "uppercase"
 }, vn = '"Roboto", "Helvetica", "Arial", sans-serif';
-function U0(e, t) {
+function W0(e, t) {
   const r = typeof t == "function" ? t(e) : t, {
     fontFamily: n = vn,
     // The default font size of the Material Specification.
@@ -4811,7 +4808,7 @@ function U0(e, t) {
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
     lineHeight: x
   }, n === vn ? {
-    letterSpacing: `${W0(S / _)}em`
+    letterSpacing: `${U0(S / _)}em`
   } : {}, p, h), f = {
     h1: l(i, 96, 1.167, -1.5),
     h2: l(i, 60, 1.2, -0.5),
@@ -4932,7 +4929,7 @@ function il(e = {}, ...t) {
     palette: s,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: Z0.slice(),
-    typography: U0(s, i),
+    typography: W0(s, i),
     transitions: tl(o),
     zIndex: z({}, nl)
   });
@@ -5109,24 +5106,24 @@ function Il(e = {}) {
       let E = x(p);
       const $ = w ? w.map(x) : [];
       d && g && $.push((F) => {
-        const W = bt((0, oe.default)({}, F, {
+        const U = bt((0, oe.default)({}, F, {
           defaultTheme: r,
           themeId: t
         }));
-        if (!W.components || !W.components[d] || !W.components[d].styleOverrides)
+        if (!U.components || !U.components[d] || !U.components[d].styleOverrides)
           return null;
-        const K = W.components[d].styleOverrides, ce = {};
+        const K = U.components[d].styleOverrides, ce = {};
         return Object.entries(K).forEach(([Ee, Ce]) => {
           ce[Ee] = Ot(Ce, (0, oe.default)({}, F, {
-            theme: W
+            theme: U
           }));
         }), g(F, ce);
       }), d && !y && $.push((F) => {
-        var W;
+        var U;
         const K = bt((0, oe.default)({}, F, {
           defaultTheme: r,
           themeId: t
-        })), ce = K == null || (W = K.components) == null || (W = W[d]) == null ? void 0 : W.variants;
+        })), ce = K == null || (U = K.components) == null || (U = U[d]) == null ? void 0 : U.variants;
         return Ot({
           variants: ce
         }, (0, oe.default)({}, F, {
@@ -5365,7 +5362,7 @@ var Hl = typeof performance == "object" && typeof performance.now == "function",
 function Cn(e) {
   cancelAnimationFrame(e.id);
 }
-function Wl(e, t) {
+function Ul(e, t) {
   var r = En();
   function n() {
     En() - r >= t ? e.call(null) : o.id = requestAnimationFrame(n);
@@ -5394,7 +5391,7 @@ function Nn(e) {
   return He;
 }
 process.env.NODE_ENV;
-var Ul = 150, ql = function(t, r) {
+var Wl = 150, ql = function(t, r) {
   return t;
 }, Nt = null, Tt = null;
 process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (Nt = /* @__PURE__ */ new WeakSet(), Tt = /* @__PURE__ */ new WeakSet());
@@ -5480,7 +5477,7 @@ function Yl(e) {
         var v = l.props.outerRef;
         l._outerRef = f, typeof v == "function" ? v(f) : v != null && typeof v == "object" && v.hasOwnProperty("current") && (v.current = f);
       }, l._resetIsScrollingDebounced = function() {
-        l._resetIsScrollingTimeoutId !== null && Cn(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = Wl(l._resetIsScrolling, Ul);
+        l._resetIsScrollingTimeoutId !== null && Cn(l._resetIsScrollingTimeoutId), l._resetIsScrollingTimeoutId = Ul(l._resetIsScrolling, Wl);
       }, l._resetIsScrolling = function() {
         l._resetIsScrollingTimeoutId = null, l.setState({
           isScrolling: !1
@@ -5545,7 +5542,7 @@ function Yl(e) {
     }, b.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && Cn(this._resetIsScrollingTimeoutId);
     }, b.render = function() {
-      var l = this.props, f = l.children, v = l.className, _ = l.direction, x = l.height, S = l.innerRef, p = l.innerElementType, w = l.innerTagName, E = l.itemCount, $ = l.itemData, T = l.itemKey, H = T === void 0 ? ql : T, F = l.layout, W = l.outerElementType, K = l.outerTagName, ce = l.style, Ee = l.useIsScrolling, Ce = l.width, Me = this.state.isScrolling, me = _ === "horizontal" || F === "horizontal", Pe = me ? this._onScrollHorizontal : this._onScrollVertical, Oe = this._getRangeToRender(), Je = Oe[0], Qe = Oe[1], Re = [];
+      var l = this.props, f = l.children, v = l.className, _ = l.direction, x = l.height, S = l.innerRef, p = l.innerElementType, w = l.innerTagName, E = l.itemCount, $ = l.itemData, T = l.itemKey, H = T === void 0 ? ql : T, F = l.layout, U = l.outerElementType, K = l.outerTagName, ce = l.style, Ee = l.useIsScrolling, Ce = l.width, Me = this.state.isScrolling, me = _ === "horizontal" || F === "horizontal", Pe = me ? this._onScrollHorizontal : this._onScrollVertical, Oe = this._getRangeToRender(), Je = Oe[0], Qe = Oe[1], Re = [];
       if (E > 0)
         for (var pe = Je; pe <= Qe; pe++)
           Re.push(rr(f, {
@@ -5556,7 +5553,7 @@ function Yl(e) {
             style: this._getItemStyle(pe)
           }));
       var De = n(this.props, this._instanceProps);
-      return rr(W || K || "div", {
+      return rr(U || K || "div", {
         className: v,
         onScroll: Pe,
         ref: this._outerRefSetter,
@@ -5635,7 +5632,7 @@ var Gl = function(t, r) {
     if (!m && typeof i != "number")
       throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
-}, Kl = 50, We = function(t, r, n) {
+}, Kl = 50, Ue = function(t, r, n) {
   var o = t, i = o.itemSize, a = n.itemMetadataMap, s = n.lastMeasuredIndex;
   if (r > s) {
     var d = 0;
@@ -5658,14 +5655,14 @@ var Gl = function(t, r) {
   return a >= n ? Eo(t, r, i, 0, n) : Xl(t, r, Math.max(0, i), n);
 }, Eo = function(t, r, n, o, i) {
   for (; o <= n; ) {
-    var a = o + Math.floor((n - o) / 2), s = We(t, a, r).offset;
+    var a = o + Math.floor((n - o) / 2), s = Ue(t, a, r).offset;
     if (s === i)
       return a;
     s < i ? o = a + 1 : s > i && (n = a - 1);
   }
   return o > 0 ? o - 1 : 0;
 }, Xl = function(t, r, n, o) {
-  for (var i = t.itemCount, a = 1; n < i && We(t, n, r).offset < o; )
+  for (var i = t.itemCount, a = 1; n < i && Ue(t, n, r).offset < o; )
     n += a, a *= 2;
   return Eo(t, r, Math.min(n, i - 1), Math.floor(n / 2), o);
 }, Tn = function(t, r) {
@@ -5678,14 +5675,14 @@ var Gl = function(t, r) {
   return s + h;
 }, Jl = /* @__PURE__ */ Yl({
   getItemOffset: function(t, r, n) {
-    return We(t, r, n).offset;
+    return Ue(t, r, n).offset;
   },
   getItemSize: function(t, r, n) {
     return n.itemMetadataMap[r].size;
   },
   getEstimatedTotalSize: Tn,
   getOffsetForIndexAndAlignment: function(t, r, n, o, i, a) {
-    var s = t.direction, d = t.height, u = t.layout, h = t.width, m = s === "horizontal" || u === "horizontal", g = m ? h : d, b = We(t, r, i), y = Tn(t, i), l = Math.max(0, Math.min(y - g, b.offset)), f = Math.max(0, b.offset - g + b.size + a);
+    var s = t.direction, d = t.height, u = t.layout, h = t.width, m = s === "horizontal" || u === "horizontal", g = m ? h : d, b = Ue(t, r, i), y = Tn(t, i), l = Math.max(0, Math.min(y - g, b.offset)), f = Math.max(0, b.offset - g + b.size + a);
     switch (n === "smart" && (o >= f - g && o <= l + g ? n = "auto" : n = "center"), n) {
       case "start":
         return l;
@@ -5702,8 +5699,8 @@ var Gl = function(t, r) {
     return Zl(t, n, r);
   },
   getStopIndexForStartIndex: function(t, r, n, o) {
-    for (var i = t.direction, a = t.height, s = t.itemCount, d = t.layout, u = t.width, h = i === "horizontal" || d === "horizontal", m = h ? u : a, g = We(t, r, o), b = n + m, y = g.offset + g.size, l = r; l < s - 1 && y < b; )
-      l++, y += We(t, l, o).size;
+    for (var i = t.direction, a = t.height, s = t.itemCount, d = t.layout, u = t.width, h = i === "horizontal" || d === "horizontal", m = h ? u : a, g = Ue(t, r, o), b = n + m, y = g.offset + g.size, l = r; l < s - 1 && y < b; )
+      l++, y += Ue(t, l, o).size;
     return l;
   },
   initInstanceProps: function(t, r) {
@@ -5922,7 +5919,7 @@ function Nc(e) {
                               {
                                 stackProps: { style: T },
                                 option: H,
-                                renderOption: (W) => {
+                                renderOption: (U) => {
                                   var K;
                                   return /* @__PURE__ */ N(
                                     te,
@@ -5931,15 +5928,15 @@ function Nc(e) {
                                       alignItems: "center",
                                       justifyContent: "space-between",
                                       children: [
-                                        /* @__PURE__ */ c(ye, { children: e.getOptionLabel(W) }),
-                                        (K = e.renderOptionTooltip) == null ? void 0 : K.call(e, W)
+                                        /* @__PURE__ */ c(ye, { children: e.getOptionLabel(U) }),
+                                        (K = e.renderOptionTooltip) == null ? void 0 : K.call(e, U)
                                       ]
                                     }
                                   );
                                 },
-                                onClick: (W) => {
+                                onClick: (U) => {
                                   var K;
-                                  g(), (K = e.onChange) == null || K.call(e, W);
+                                  g(), (K = e.onChange) == null || K.call(e, U);
                                 },
                                 select: ((F = e.isEqual) == null ? void 0 : F.call(e, H, e.value)) ?? Dr.isEqual(H, e.value)
                               }
@@ -6415,49 +6412,57 @@ const Co = (e) => {
   const [t, r] = G({
     actorName: "",
     message: "",
-    context: ""
+    context: "",
+    contextUrl: ""
   });
   console.log(t);
   const { setNotiData: n } = _e(ke);
   function o() {
-    return /* @__PURE__ */ c("div", { className: yt["notification-massage_container"], children: /* @__PURE__ */ N(
+    return /* @__PURE__ */ c(
       "a",
       {
-        className: yt["notification-massage_content"],
+        className: yt["notification-massage_container"],
         href: t == null ? void 0 : t.contextUrl,
         style: { width: "100%", display: "block" },
-        children: [
-          /* @__PURE__ */ c("h6", { className: yt["notification-name"], children: t == null ? void 0 : t.actorName }),
-          /* @__PURE__ */ N("div", { className: yt["notification-message_service"], children: [
-            /* @__PURE__ */ N("span", { children: [
-              `${t == null ? void 0 : t.message} `,
-              " "
-            ] }),
-            /* @__PURE__ */ c("span", { children: t == null ? void 0 : t.context })
-          ] })
-        ]
+        children: /* @__PURE__ */ N(
+          "div",
+          {
+            className: yt["notification-massage_content"],
+            children: [
+              /* @__PURE__ */ c("h6", { className: yt["notification-name"], children: t == null ? void 0 : t.actorName }),
+              /* @__PURE__ */ N("div", { className: yt["notification-message_service"], children: [
+                /* @__PURE__ */ N("span", { children: [
+                  `${t == null ? void 0 : t.message} `,
+                  " "
+                ] }),
+                /* @__PURE__ */ c("span", { children: t == null ? void 0 : t.context })
+              ] })
+            ]
+          }
+        )
       }
-    ) });
+    );
   }
   return Q(() => {
-    t && Notification.permission === "granted" && (t.actorName || t.message || t.context) && Wo(/* @__PURE__ */ c(o, {}));
+    t && Notification.permission === "granted" && (t.actorName || t.message || t.context || t.contextUrl) && Uo(/* @__PURE__ */ c(o, {}));
   }, [t]), Q(() => {
     Notification.permission === "granted" && Co(e);
   }, [Notification.permission]), Q(() => {
     oc(n);
   }, []), ic(e).then((i) => {
-    var a, s, d;
+    var a, s, d, u;
     console.log("aaa", i), r({
       actorName: (a = i == null ? void 0 : i.data) == null ? void 0 : a.actorName,
       message: (s = i == null ? void 0 : i.data) == null ? void 0 : s.message,
-      context: (d = i == null ? void 0 : i.data) == null ? void 0 : d.context
-    }), n((u) => {
-      var h;
+      context: (d = i == null ? void 0 : i.data) == null ? void 0 : d.context,
+      contextUrl: (u = i == null ? void 0 : i.data) == null ? void 0 : u.contextUrl
+    }), n((h) => {
+      var m;
       return {
-        ...u,
+        ...h,
         unread: {
-          ...u.unread,
-          total: ((h = u.unread) == null ? void 0 : h.total) + 1
+          ...h.unread,
+          total: ((m = h.unread) == null ? void 0 : m.total) + 1
         }
       };
     });
@@ -6525,7 +6530,7 @@ export {
   bc as TopBar,
   Oc as UnauthorizedPage,
   rc as UncheckedIcon,
-  Wo as notify,
+  Uo as notify,
   To as pushError,
   Dc as pushSuccess,
   zc as pushWarning,