@ukpc-lib/react 0.10.8 → 0.10.10

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { jsxs as M, Fragment as de, jsx as u } from "react/jsx-runtime";
 import * as V from "react";
 import pe, { useState as H, useContext as Oe, useEffect as G, useRef as Ee, useCallback as At, forwardRef as Vo, createElement as an, PureComponent as Wo } from "react";
-import { c as Le, a as bt, C as Fe, t as Qe, p as Uo, L as Gn, u as Ko, b as Yo, S as Go, d as qo, e as Zo, Q as Vr, f as Ct, g as Mn, h as Xo, s as It, _ as B, P as N, i as Se, j as Jo, o as Qo, k as $e, l as ei, m as ti, n as qn, q as Ot, r as Zn, I as ni, v as ri, w as Xn, D as oi, x as Wr, y as Ur, z as ii, A as ai, B as si, E as ct } from "../index.module-c243311a.js";
+import { c as Le, a as yt, C as Fe, t as Qe, p as Uo, L as Gn, u as Ko, b as Yo, S as Go, d as qo, e as Zo, Q as Vr, f as Ct, g as Mn, h as Xo, s as It, _ as B, P as N, i as Se, j as Jo, o as Qo, k as $e, l as ei, m as ti, n as qn, q as Ot, r as Zn, I as ni, v as ri, w as Xn, D as oi, x as Wr, y as Ur, z as ii, A as ai, B as si, E as lt } from "../index.module-c243311a.js";
 import { J as B1, G as V1, M as W1, F as U1, H as K1, K as Y1 } from "../index.module-c243311a.js";
 import Q from "moment";
 import { Stack as ie, Dialog as li, DialogTitle as ci, Typography as _e, DialogContent as ui, DialogActions as di, Button as Ft, Box as fi, ClickAwayListener as hi, TextField as Kr, IconButton as mi, CircularProgress as pi, Fade as gi, Paper as yi, Checkbox as bi } from "@mui/material";
@@ -81,7 +81,7 @@ const Si = (e) => {
   setNotiData: n
 }) => async () => {
   var d;
-  const i = e + (t || "/notification-management/api/v1/notifications"), l = (d = (await bt.get(i, {
+  const i = e + (t || "/notification-management/api/v1/notifications"), l = (d = (await yt.get(i, {
     params: {
       // page: 1,
       // notificationFilterType: 'all',
@@ -114,7 +114,7 @@ const Si = (e) => {
   }, { setNotiData: h } = Oe(Fe), m = kn({ baseUrl: t, notiPath: n, setNotiData: h }), v = async (y, x) => {
     try {
       const S = n || `/notification-management/api/v1/notifications/${y}`, C = t + S;
-      await bt.put(C, { isRead: x });
+      await yt.put(C, { isRead: x });
     } catch (S) {
       console.log(S), c({
         id: e.id,
@@ -274,7 +274,7 @@ const Si = (e) => {
   const { setNotiData: l } = Oe(Fe), c = kn({ baseUrl: t, notiPath: n, setNotiData: l }), d = async () => {
     try {
       const m = t + (n || "/notification-management/api/v1/notifications");
-      await bt.put(m);
+      await yt.put(m);
     } catch (h) {
       console.log(h);
     }
@@ -528,8 +528,8 @@ function Ei({
     ) })
   ] });
 }
-const Ci = `.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-wrapper{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;z-index:1000;background:#292929;padding-left:2.5rem}.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}.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}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;font-size:14px;text-overflow:ellipsis}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}
-`, Ii = `::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:rgb(194,194,194);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgb(117,117,117)}.container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.container>div{width:300px;height:40px}.container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.container>div input:focus{outline:1px solid rgb(83,172,255)}.list{display:flex;flex-direction:column;max-height:220px;width:inherit;overflow:auto;overflow-x:hidden;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;color:#000}.list button{background:none;border:none;width:100%;height:100%;max-height:3em;padding:10px;text-align:left;cursor:pointer;border-bottom:1px solid #ccc}.list button:hover{background:#f8f8f8}.list button:last-child{border-bottom:none}.StyledReactSearchAutocomplete{position:relative;height:46px}.StyledReactSearchAutocomplete .wrapper{position:absolute;display:flex;flex-direction:column;width:100%;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;margin-top:2px;border-radius:3px}.StyledReactSearchAutocomplete .wrapper:hover,.StyledReactSearchAutocomplete .wrapper:active,.StyledReactSearchAutocomplete .wrapper:focus-within{box-shadow:#20212447 0 1px 6px}.StyledResults{position:absolute;display:flex;flex-direction:column;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;width:450px;top:calc(100% - 2px);left:0}.StyledResults>div.line{border-top-color:#e8eaed;border-top-style:solid;border-top-width:1px;margin:0 20px 0 14px;padding-bottom:4px}.StyledResults>ul{list-style-type:none;margin:0;padding:0 0 16px;max-height:300px;max-width:450px}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 0;font-size:14px;width:100%}.StyledResults>ul>li>div{margin-left:13px;font-size:14px}.StyledResults .ellipsis{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyledResults .selectedSearch{color:#fff;text-decoration:none;background-color:#0d6efd}.StyledSearchInput{min-height:40px;width:100%;display:flex;align-items:center}.StyledSearchInput>input::-moz-placeholder{color:gray;opacity:1}.StyledSearchInput>input::placeholder{color:gray;opacity:1}.StyledSearchInput>input:-ms-input-placeholder{color:gray}.StyledSearchInput>input::-ms-input-placeholder{color:gray}.StyledClearIcon{margin:0 0 0 2px}.StyledClearIcon:hover{cursor:pointer}.StyledClearIcon>svg{fill:gray}.StyledSearchIcon{flex-shrink:0;margin:0 0 0 10px;fill:gray}.search-icon{position:unset!important;float:left;margin-right:5px;margin-left:5px}
+const Ci = `.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-wrapper{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;z-index:1000;background:#292929;padding-left:2.5rem}.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}.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}.topbar-search-label{display:flex;position:relative}.topbar-search-input{color:#292929;border-radius:3px;height:40px;outline:none;font-size:14px;text-overflow:ellipsis;max-width:166px}#icon{position:absolute;left:9px;top:8px;width:16px;height:24px}
+`, Ii = `::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:rgb(194,194,194);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgb(117,117,117)}.container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.container>div{width:300px;height:40px}.container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.container>div input:focus{outline:1px solid rgb(83,172,255)}.list{display:flex;flex-direction:column;max-height:220px;width:inherit;overflow:auto;overflow-x:hidden;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;color:#000}.list button{background:none;border:none;width:100%;height:100%;max-height:3em;padding:10px;text-align:left;cursor:pointer;border-bottom:1px solid #ccc}.list button:hover{background:#f8f8f8}.list button:last-child{border-bottom:none}.StyledReactSearchAutocomplete{position:relative;height:46px}.StyledReactSearchAutocomplete .wrapper{position:absolute;display:flex;flex-direction:column;width:100%;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;margin-top:2px;border-radius:3px}.StyledReactSearchAutocomplete .wrapper:hover,.StyledReactSearchAutocomplete .wrapper:active,.StyledReactSearchAutocomplete .wrapper:focus-within{box-shadow:#20212447 0 1px 6px}.StyledResults{position:absolute;display:flex;flex-direction:column;border:1px solid #dfe1e5;background-color:#fff;color:#212121;font-size:14px;font-family:Arial;z-index:0;width:450px;top:calc(100% - 2px);left:0}.StyledResults>div.line{border-top-color:#e8eaed;border-top-style:solid;border-top-width:1px;margin:0 20px 0 14px;padding-bottom:4px}.StyledResults>ul{list-style-type:none;margin:0;padding:0 0 16px;max-height:300px;max-width:450px}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 0;font-size:14px;width:100%}.StyledResults>ul>li>div{margin-left:13px;font-size:14px}.StyledResults .ellipsis{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.StyledResults .selectedSearch{color:#fff;text-decoration:none;background-color:#0d6efd}.StyledSearchInput{min-height:40px;width:100%;display:flex;align-items:center}.StyledSearchInput>input::-moz-placeholder{color:gray;opacity:1}.StyledSearchInput>input::placeholder{color:gray;opacity:1}.StyledSearchInput>input:-ms-input-placeholder{color:gray}.StyledSearchInput>input::-ms-input-placeholder{color:gray}.StyledClearIcon{margin:0 0 0 5px}.StyledClearIcon:hover{cursor:pointer}.StyledClearIcon>svg{fill:gray}.StyledSearchIcon{flex-shrink:0;margin:0 0 0 10px;fill:gray}.search-icon{position:unset!important;float:left;margin-right:5px;margin-left:5px}
 `, Ti = `: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}
 `, Mi = `._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}
 `, ki = `._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}
@@ -650,7 +650,7 @@ const Ri = `@keyframes react-loading-skeleton{to{transform:translate(100%)}}.rea
   const o = async () => {
     const a = e + (t || "/user-management/api/v1/users/my-account/access-stella-search");
     try {
-      const l = await bt.get(a);
+      const l = await yt.get(a);
       console.log("hasPermission data", l.data), r(l.data);
     } catch (l) {
       console.log(l);
@@ -1851,7 +1851,7 @@ function ka({
     document.querySelector("global-topbar");
     const b = (_) => {
       const w = document.getElementById("AddTagButton"), E = document.getElementsByClassName("btn-edit");
-      ["a", "e", "t"].includes(_.key.toLowerCase()) && (E[0].addEventListener(
+      ["a", "e", "t"].includes(_.key.toLowerCase()) && ((E == null ? void 0 : E.length) > 0 && E[0].addEventListener(
         "click",
         (x) => {
           const S = document.querySelector("global-topbar"), C = S != null ? S.shadowRoot : document, A = C.getElementById("GlobalSearchInput");
@@ -1951,12 +1951,12 @@ function $a({
   G(() => {
     A(s);
     const z = setTimeout(
-      () => k(lt(s)),
+      () => k(_t(s)),
       0
     );
     return () => clearTimeout(z);
   }, [s]), G(() => {
-    (C == null ? void 0 : C.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && k(lt(C)) : k([]);
+    (C == null ? void 0 : C.length) >= 3 ? e && (e == null ? void 0 : e.length) > 0 && k(e) : k([]);
   }, [e]), G(() => {
     b && C.length > 0 && !me && I.length === 0 && !W ? He(!0) : He(!1);
   }, [me, b, W, C, I]), G(() => {
@@ -1971,13 +1971,13 @@ function $a({
     a(z), Be(!0);
   }, ze = (z) => {
     let te = [];
-    (z == null ? void 0 : z.length) > 0 && (te = lt(z)), k(te), r(z, te), Pe(!1);
+    (z == null ? void 0 : z.length) > 0 && (te = _t(z)), k(te), r(z, te), Pe(!1);
   }, we = pe.useCallback(
     n > 0 ? Ca((z) => ze(z), n) : (z) => ze(z),
     [e]
   ), Ve = (z) => {
     We(), i(z), A(z[p]), q(0);
-  }, lt = (z) => S.search(z, { limit: f }).map((te) => ({ ...te.item })).slice(0, f), on = ({ target: z }) => {
+  }, _t = (z) => S.search(z, { limit: f }).map((te) => ({ ...te.item })).slice(0, f), on = ({ target: z }) => {
     const te = z.value;
     A(te), we(te), Pe(!0), W && oe(!1);
   }, We = () => {
@@ -2916,7 +2916,7 @@ const Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   default: ve,
   isPlainObject: Ae
 }, Symbol.toStringTag, { value: "Module" }));
-function ht(e) {
+function ft(e) {
   let t = "https://mui.com/production-error/?code=" + e;
   for (let n = 1; n < arguments.length; n += 1)
     t += "&args[]=" + encodeURIComponent(arguments[n]);
@@ -2924,7 +2924,7 @@ function ht(e) {
 }
 const Ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ht
+  default: ft
 }, Symbol.toStringTag, { value: "Module" }));
 var vn = { exports: {} }, F = {};
 /**
@@ -3111,7 +3111,7 @@ const Ya = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 function je(e) {
   if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ht(7));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : ft(7));
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 const Ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3221,7 +3221,7 @@ process.env.NODE_ENV !== "production" && (N.node, N.object.isRequired);
 function as(e) {
   return is(e);
 }
-var vt = {}, ao = { exports: {} };
+var bt = {}, ao = { exports: {} };
 (function(e) {
   function t(n) {
     return n && n.__esModule ? n : {
@@ -3292,7 +3292,7 @@ function Sn(e, t) {
 function ee(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function mt(e, t, n) {
+function ht(e, t, n) {
   return e.slice(t, n);
 }
 function ge(e) {
@@ -3311,7 +3311,7 @@ var Kt = 1, nt = 1, fo = 0, re = 0, J = 0, ot = "";
 function Yt(e, t, n, r, o, i, a) {
   return { value: e, root: t, parent: n, type: r, props: o, children: i, line: Kt, column: nt, length: a, return: "" };
 }
-function ut(e, t) {
+function ct(e, t) {
   return gs(Yt("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function xs() {
@@ -3329,10 +3329,10 @@ function xe() {
 function $t() {
   return re;
 }
-function xt(e, t) {
-  return mt(ot, e, t);
+function vt(e, t) {
+  return ht(ot, e, t);
 }
-function pt(e) {
+function mt(e) {
   switch (e) {
     case 0:
     case 9:
@@ -3371,17 +3371,17 @@ function mo(e) {
   return ot = "", e;
 }
 function Nt(e) {
-  return uo(xt(re - 1, wn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return uo(vt(re - 1, wn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function ws(e) {
   for (; (J = xe()) && J < 33; )
     le();
-  return pt(e) > 2 || pt(J) > 3 ? "" : " ";
+  return mt(e) > 2 || mt(J) > 3 ? "" : " ";
 }
 function _s(e, t) {
   for (; --t && le() && !(J < 48 || J > 102 || J > 57 && J < 65 || J > 70 && J < 97); )
     ;
-  return xt(e, $t() + (t < 6 && xe() == 32 && le() == 32));
+  return vt(e, $t() + (t < 6 && xe() == 32 && le() == 32));
 }
 function wn(e) {
   for (; le(); )
@@ -3405,12 +3405,12 @@ function Es(e, t) {
   for (; le() && e + J !== 47 + 10; )
     if (e + J === 42 + 42 && xe() === 47)
       break;
-  return "/*" + xt(t, re - 1) + "*" + Ut(e === 47 ? e : le());
+  return "/*" + vt(t, re - 1) + "*" + Ut(e === 47 ? e : le());
 }
 function Cs(e) {
-  for (; !pt(xe()); )
+  for (; !mt(xe()); )
     le();
-  return xt(e, re);
+  return vt(e, re);
 }
 function Is(e) {
   return mo(Rt("", null, null, null, [""], e = ho(e), 0, [0], e));
@@ -3506,15 +3506,15 @@ function Rt(e, t, n, r, o, i, a, l, c) {
 }
 function dr(e, t, n, r, o, i, a, l, c, d, f) {
   for (var h = o - 1, m = o === 0 ? i : [""], v = Pn(m), p = 0, s = 0, g = 0; p < r; ++p)
-    for (var b = 0, _ = mt(e, h + 1, h = ps(s = a[p])), w = e; b < v; ++b)
+    for (var b = 0, _ = ht(e, h + 1, h = ps(s = a[p])), w = e; b < v; ++b)
       (w = uo(s > 0 ? m[b] + " " + _ : P(_, /&\f/g, m[b]))) && (c[g++] = w);
   return Yt(e, t, n, o === 0 ? Nn : l, c, d, f);
 }
 function Ts(e, t, n) {
-  return Yt(e, t, n, lo, Ut(xs()), mt(e, 2, -2), 0);
+  return Yt(e, t, n, lo, Ut(xs()), ht(e, 2, -2), 0);
 }
 function fr(e, t, n, r) {
-  return Yt(e, t, n, Rn, mt(e, 0, r), mt(e, r + 1, -1), r);
+  return Yt(e, t, n, Rn, ht(e, 0, r), ht(e, r + 1, -1), r);
 }
 function et(e, t) {
   for (var n = "", r = Pn(e), o = 0; o < r; o++)
@@ -3558,13 +3558,13 @@ function po(e) {
   };
 }
 var Os = function(t, n, r) {
-  for (var o = 0, i = 0; o = i, i = xe(), o === 38 && i === 12 && (n[r] = 1), !pt(i); )
+  for (var o = 0, i = 0; o = i, i = xe(), o === 38 && i === 12 && (n[r] = 1), !mt(i); )
     le();
-  return xt(t, re);
+  return vt(t, re);
 }, $s = function(t, n) {
   var r = -1, o = 44;
   do
-    switch (pt(o)) {
+    switch (mt(o)) {
       case 0:
         o === 38 && xe() === 12 && (n[r] = 1), t[r] += Os(re - 1, n, r);
         break;
@@ -3726,7 +3726,7 @@ var zs = function(t, n, r, o) {
         t.return = go(t.value, t.length);
         break;
       case co:
-        return et([ut(t, {
+        return et([ct(t, {
           value: P(t.value, "@", "@" + R)
         })], o);
       case Nn:
@@ -3735,15 +3735,15 @@ var zs = function(t, n, r, o) {
             switch (bs(i, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return et([ut(t, {
+                return et([ct(t, {
                   props: [P(i, /:(read-\w+)/, ":" + Ht + "$1")]
                 })], o);
               case "::placeholder":
-                return et([ut(t, {
+                return et([ct(t, {
                   props: [P(i, /:(plac\w+)/, ":" + R + "input-$1")]
-                }), ut(t, {
+                }), ct(t, {
                   props: [P(i, /:(plac\w+)/, ":" + Ht + "$1")]
-                }), ut(t, {
+                }), ct(t, {
                   props: [P(i, /:(plac\w+)/, ne + "input-$1")]
                 })], o);
             }
@@ -3944,7 +3944,7 @@ function Fs() {
     function Ve(T) {
       return E(T) === r;
     }
-    function lt(T) {
+    function _t(T) {
       return E(T) === p;
     }
     function on(T) {
@@ -3962,7 +3962,7 @@ function Fs() {
     function te(T) {
       return E(T) === h;
     }
-    L.AsyncMode = y, L.ConcurrentMode = x, L.ContextConsumer = S, L.ContextProvider = C, L.Element = A, L.ForwardRef = I, L.Fragment = k, L.Lazy = O, L.Memo = q, L.Portal = W, L.Profiler = oe, L.StrictMode = me, L.Suspense = Pe, L.isAsyncMode = He, L.isConcurrentMode = Me, L.isContextConsumer = Be, L.isContextProvider = st, L.isElement = ze, L.isForwardRef = we, L.isFragment = Ve, L.isLazy = lt, L.isMemo = on, L.isPortal = We, L.isProfiler = Et, L.isStrictMode = z, L.isSuspense = te, L.isValidElementType = w, L.typeOf = E;
+    L.AsyncMode = y, L.ConcurrentMode = x, L.ContextConsumer = S, L.ContextProvider = C, L.Element = A, L.ForwardRef = I, L.Fragment = k, L.Lazy = O, L.Memo = q, L.Portal = W, L.Profiler = oe, L.StrictMode = me, L.Suspense = Pe, L.isAsyncMode = He, L.isConcurrentMode = Me, L.isContextConsumer = Be, L.isContextProvider = st, L.isElement = ze, L.isForwardRef = we, L.isFragment = Ve, L.isLazy = _t, L.isMemo = on, L.isPortal = We, L.isProfiler = Et, L.isStrictMode = z, L.isSuspense = te, L.isValidElementType = w, L.typeOf = E;
   }()), L;
 }
 process.env.NODE_ENV === "production" ? _n.exports = Ls() : _n.exports = Fs();
@@ -4100,7 +4100,7 @@ var Us = {
   }
   return Us[t] !== 1 && !So(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
 }, qs = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function gt(e, t, n) {
+function pt(e, t, n) {
   if (n == null)
     return "";
   var r = n;
@@ -4135,7 +4135,7 @@ function gt(e, t, n) {
     case "function": {
       if (e !== void 0) {
         var c = ye, d = n(e);
-        return ye = c, gt(e, t, d);
+        return ye = c, pt(e, t, d);
       }
       break;
     }
@@ -4150,7 +4150,7 @@ function Zs(e, t, n) {
   var r = "";
   if (Array.isArray(n))
     for (var o = 0; o < n.length; o++)
-      r += gt(e, t, n[o]) + ";";
+      r += pt(e, t, n[o]) + ";";
   else
     for (var i in n) {
       var a = n[i];
@@ -4164,7 +4164,7 @@ function Zs(e, t, n) {
           for (var c = 0; c < a.length; c++)
             gr(a[c]) && (r += ln(i) + ":" + yr(i, a[c]) + ";");
         else {
-          var d = gt(e, t, a);
+          var d = pt(e, t, a);
           switch (i) {
             case "animation":
             case "animationName": {
@@ -4187,13 +4187,13 @@ function Gt(e, t, n) {
   ye = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    r = !1, o += gt(n, t, i);
+    r = !1, o += pt(n, t, i);
   else {
     var a = i;
     o += a[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (o += gt(n, t, e[l]), r) {
+    if (o += pt(n, t, e[l]), r) {
       var c = i;
       o += c[l];
     }
@@ -4643,7 +4643,7 @@ function Mo(e) {
 const El = {
   borderRadius: 4
 }, Cl = El, Il = process.env.NODE_ENV !== "production" ? N.oneOfType([N.number, N.string, N.object, N.array]) : {}, Re = Il;
-function ft(e, t) {
+function dt(e, t) {
   return t ? ve(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
@@ -4763,7 +4763,7 @@ const Al = {
   const [t, n] = e.split(""), r = Al[t], o = Ol[n] || "";
   return Array.isArray(o) ? o.map((i) => r + i) : [r + o];
 }), Xt = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Jt = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Nl = [...Xt, ...Jt];
-function St(e, t, n, r) {
+function xt(e, t, n, r) {
   var o;
   const i = (o = Zt(e, t, !1)) != null ? o : n;
   return typeof i == "number" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${r} argument to be a number or a string, got ${a}.`), i * a) : Array.isArray(i) ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > i.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${a} > ${i.length - 1}, you need to add the missing values.`].join(`
@@ -4773,16 +4773,16 @@ function St(e, t, n, r) {
   });
 }
 function ko(e) {
-  return St(e, "spacing", 8, "spacing");
+  return xt(e, "spacing", 8, "spacing");
 }
-function wt(e, t) {
+function St(e, t) {
   if (typeof t == "string" || t == null)
     return t;
   const n = Math.abs(t), r = e(n);
   return t >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
 }
 function Rl(e, t) {
-  return (n) => e.reduce((r, o) => (r[o] = wt(t, n), r), {});
+  return (n) => e.reduce((r, o) => (r[o] = St(t, n), r), {});
 }
 function Pl(e, t, n, r) {
   if (t.indexOf(n) === -1)
@@ -4792,7 +4792,7 @@ function Pl(e, t, n, r) {
 }
 function Ao(e, t) {
   const n = ko(e.theme);
-  return Object.keys(e).map((r) => Pl(e, t, r, n)).reduce(ft, {});
+  return Object.keys(e).map((r) => Pl(e, t, r, n)).reduce(dt, {});
 }
 function K(e) {
   return Ao(e, Xt);
@@ -4819,7 +4819,7 @@ function zl(e = 8) {
 function Qt(...e) {
   const t = e.reduce((r, o) => (o.filterProps.forEach((i) => {
     r[i] = o;
-  }), r), {}), n = (r) => Object.keys(r).reduce((o, i) => t[i] ? ft(o, t[i](r)) : o, {});
+  }), r), {}), n = (r) => Object.keys(r).reduce((o, i) => t[i] ? dt(o, t[i](r)) : o, {});
   return n.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((r, o) => Object.assign(r, o.propTypes), {}) : {}, n.filterProps = e.reduce((r, o) => r.concat(o.filterProps), []), n;
 }
 function ue(e) {
@@ -4834,8 +4834,8 @@ function he(e, t) {
 }
 const Dl = he("border", ue), Ll = he("borderTop", ue), Fl = he("borderRight", ue), jl = he("borderBottom", ue), Hl = he("borderLeft", ue), Bl = he("borderColor"), Vl = he("borderTopColor"), Wl = he("borderRightColor"), Ul = he("borderBottomColor"), Kl = he("borderLeftColor"), Yl = he("outline", ue), Gl = he("outlineColor"), en = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
-    const t = St(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (r) => ({
-      borderRadius: wt(t, r)
+    const t = xt(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (r) => ({
+      borderRadius: St(t, r)
     });
     return Ie(e, e.borderRadius, n);
   }
@@ -4848,8 +4848,8 @@ en.filterProps = ["borderRadius"];
 Qt(Dl, Ll, Fl, jl, Hl, Bl, Vl, Wl, Ul, Kl, en, Yl, Gl);
 const tn = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
-    const t = St(e.theme, "spacing", 8, "gap"), n = (r) => ({
-      gap: wt(t, r)
+    const t = xt(e.theme, "spacing", 8, "gap"), n = (r) => ({
+      gap: St(t, r)
     });
     return Ie(e, e.gap, n);
   }
@@ -4861,8 +4861,8 @@ tn.propTypes = process.env.NODE_ENV !== "production" ? {
 tn.filterProps = ["gap"];
 const nn = (e) => {
   if (e.columnGap !== void 0 && e.columnGap !== null) {
-    const t = St(e.theme, "spacing", 8, "columnGap"), n = (r) => ({
-      columnGap: wt(t, r)
+    const t = xt(e.theme, "spacing", 8, "columnGap"), n = (r) => ({
+      columnGap: St(t, r)
     });
     return Ie(e, e.columnGap, n);
   }
@@ -4874,8 +4874,8 @@ nn.propTypes = process.env.NODE_ENV !== "production" ? {
 nn.filterProps = ["columnGap"];
 const rn = (e) => {
   if (e.rowGap !== void 0 && e.rowGap !== null) {
-    const t = St(e.theme, "spacing", 8, "rowGap"), n = (r) => ({
-      rowGap: wt(t, r)
+    const t = xt(e.theme, "spacing", 8, "rowGap"), n = (r) => ({
+      rowGap: St(t, r)
     });
     return Ie(e, e.rowGap, n);
   }
@@ -5258,7 +5258,7 @@ const h0 = {
     cssProperty: !1,
     themeKey: "typography"
   }
-}, _t = h0;
+}, wt = h0;
 function m0(...e) {
   const t = e.reduce((r, o) => r.concat(Object.keys(o)), []), n = new Set(t);
   return e.every((r) => n.size === Object.keys(r).length);
@@ -5304,7 +5304,7 @@ function Oo() {
     } = n || {};
     if (!o)
       return null;
-    const a = (r = i.unstable_sxConfig) != null ? r : _t;
+    const a = (r = i.unstable_sxConfig) != null ? r : wt;
     function l(c) {
       let d = c;
       if (typeof c == "function")
@@ -5320,7 +5320,7 @@ function Oo() {
         if (p != null)
           if (typeof p == "object")
             if (a[v])
-              m = ft(m, e(v, p, i, a));
+              m = dt(m, e(v, p, i, a));
             else {
               const s = Ie({
                 theme: i
@@ -5330,10 +5330,10 @@ function Oo() {
               m0(s, p) ? m[v] = t({
                 sx: p,
                 theme: i
-              }) : m = ft(m, s);
+              }) : m = dt(m, s);
             }
           else
-            m = ft(m, e(v, p, i, a));
+            m = dt(m, e(v, p, i, a));
       }), Ml(h, m);
     }
     return Array.isArray(o) ? o.map(l) : l(o);
@@ -5368,7 +5368,7 @@ function Ro(e = {}, ...t) {
     spacing: c,
     shape: B({}, Cl, i)
   }, a);
-  return d.applyStyles = No, d = t.reduce((f, h) => ve(f, h), d), d.unstable_sxConfig = B({}, _t, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.applyStyles = No, d = t.reduce((f, h) => ve(f, h), d), d.unstable_sxConfig = B({}, wt, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return Bn({
       sx: h,
       theme: this
@@ -5385,7 +5385,7 @@ const y0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   const r = {
     systemProps: {},
     otherProps: {}
-  }, o = (t = e == null || (n = e.theme) == null ? void 0 : n.unstable_sxConfig) != null ? t : _t;
+  }, o = (t = e == null || (n = e.theme) == null ? void 0 : n.unstable_sxConfig) != null ? t : wt;
   return Object.keys(e).forEach((i) => {
     o[i] ? r.systemProps[i] = e[i] : r.otherProps[i] = e[i];
   }), r;
@@ -5410,15 +5410,15 @@ const w0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   default: Bn,
   extendSxProp: S0,
   unstable_createStyleFunctionSx: Oo,
-  unstable_defaultSxConfig: _t
+  unstable_defaultSxConfig: wt
 }, Symbol.toStringTag, { value: "Module" })), _0 = /* @__PURE__ */ Se(w0);
 var it = so;
-Object.defineProperty(vt, "__esModule", {
+Object.defineProperty(bt, "__esModule", {
   value: !0
 });
-var E0 = vt.default = L0;
-vt.shouldForwardProp = Pt;
-vt.systemDefaultTheme = void 0;
+var E0 = bt.default = L0;
+bt.shouldForwardProp = Pt;
+bt.systemDefaultTheme = void 0;
 var ce = it(ss), Tn = it(ls), Cr = N0(bl), C0 = vl, I0 = it(xl), T0 = it(Sl), M0 = it(b0), k0 = it(_0);
 const A0 = ["ownerState"], O0 = ["variants"], $0 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function Po(e) {
@@ -5457,7 +5457,7 @@ function P0(e) {
 function Pt(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const z0 = vt.systemDefaultTheme = (0, M0.default)(), Ir = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+const z0 = bt.systemDefaultTheme = (0, M0.default)(), Ir = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
 function kt({
   defaultTheme: e,
   theme: t,
@@ -5770,7 +5770,7 @@ function Q0(e, t, n, r = 1) {
 const ec = {
   black: "#000",
   white: "#fff"
-}, yt = ec, tc = {
+}, gt = ec, tc = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -5830,7 +5830,7 @@ const ec = {
   A200: "#ffab40",
   A400: "#ff9100",
   A700: "#ff6d00"
-}, dt = ic, ac = {
+}, ut = ic, ac = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -5890,8 +5890,8 @@ const ec = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: yt.white,
-    default: yt.white
+    paper: gt.white,
+    default: gt.white
   },
   // The colors used to style the action elements.
   action: {
@@ -5914,7 +5914,7 @@ const ec = {
   }
 }, cn = {
   text: {
-    primary: yt.white,
+    primary: gt.white,
     secondary: "rgba(255, 255, 255, 0.7)",
     disabled: "rgba(255, 255, 255, 0.5)",
     icon: "rgba(255, 255, 255, 0.5)"
@@ -5925,7 +5925,7 @@ const ec = {
     default: "#121212"
   },
   action: {
-    active: yt.white,
+    active: gt.white,
     hover: "rgba(255, 255, 255, 0.08)",
     hoverOpacity: 0.08,
     selected: "rgba(255, 255, 255, 0.16)",
@@ -5999,14 +5999,14 @@ function mc(e = "light") {
 }
 function pc(e = "light") {
   return e === "dark" ? {
-    main: dt[400],
-    light: dt[300],
-    dark: dt[700]
+    main: ut[400],
+    light: ut[300],
+    dark: ut[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: dt[500],
-    dark: dt[900]
+    light: ut[500],
+    dark: ut[900]
   };
 }
 function gc(e) {
@@ -6033,7 +6033,7 @@ function gc(e) {
   }) => {
     if (s = B({}, s), !s.main && s[b] && (s.main = s[b]), !s.hasOwnProperty("main"))
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${g ? ` (${g})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${b}\` property.` : ht(11, g ? ` (${g})` : "", b));
+The color object needs to have a \`main\` property or a \`${b}\` property.` : ft(11, g ? ` (${g})` : "", b));
     if (typeof s.main != "string")
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${g ? ` (${g})` : ""} provided to augmentColor(color) is invalid.
 \`color.main\` should be a string, but \`${JSON.stringify(s.main)}\` was provided instead.
@@ -6048,7 +6048,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : ht(12, g ? ` (${g})` : "", JSON.stringify(s.main)));
+} });` : ft(12, g ? ` (${g})` : "", JSON.stringify(s.main)));
     return Ar(s, "light", _, r), Ar(s, "dark", w, r), s.contrastText || (s.contrastText = h(s.main)), s;
   }, v = {
     dark: cn,
@@ -6056,7 +6056,7 @@ const theme2 = createTheme({ palette: {
   };
   return process.env.NODE_ENV !== "production" && (v[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), ve(B({
     // A collection of common colors.
-    common: B({}, yt),
+    common: B({}, gt),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
@@ -6254,7 +6254,7 @@ function Nc(e = {}, ...t) {
     typography: i = {}
   } = e, a = $e(e, $c);
   if (e.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : ht(18));
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : ft(18));
   const l = gc(r), c = Ro(e);
   let d = ve(c, {
     mixins: F0(c.breakpoints, n),
@@ -6289,7 +6289,7 @@ function Nc(e = {}, ...t) {
       v && m.indexOf("Mui") === 0 && h(v, m);
     });
   }
-  return d.unstable_sxConfig = B({}, _t, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
+  return d.unstable_sxConfig = B({}, wt, a == null ? void 0 : a.unstable_sxConfig), d.unstable_sx = function(h) {
     return Bn({
       sx: h,
       theme: this
@@ -7495,7 +7495,7 @@ const Br = (e) => {
         console.log("current token for client: ", r);
         try {
           const o = "/notification-management/api/v1/notifications/registrations", i = e.baseUrl + o;
-          await bt.post(
+          await yt.post(
             i,
             {
               deviceToken: r
@@ -7551,9 +7551,9 @@ const Br = (e) => {
   console.log(t);
   const { setNotiData: r } = Oe(Fe);
   function o() {
-    const i = /* @__PURE__ */ M("div", { className: ct["notification-massage_content"], children: [
-      /* @__PURE__ */ u("h6", { className: ct["notification-name"], children: t == null ? void 0 : t.actorName }),
-      /* @__PURE__ */ M("div", { className: ct["notification-message_service"], children: [
+    const i = /* @__PURE__ */ M("div", { className: lt["notification-massage_content"], children: [
+      /* @__PURE__ */ u("h6", { className: lt["notification-name"], children: t == null ? void 0 : t.actorName }),
+      /* @__PURE__ */ M("div", { className: lt["notification-message_service"], children: [
         /* @__PURE__ */ M("span", { children: [
           `${t == null ? void 0 : t.message} `,
           " "
@@ -7564,7 +7564,7 @@ const Br = (e) => {
     return /* @__PURE__ */ u(de, { children: t != null && t.contextUrl ? /* @__PURE__ */ u(
       "a",
       {
-        className: ct["notification-massage_container"],
+        className: lt["notification-massage_container"],
         href: t.contextUrl,
         style: { width: "100%", display: "block" },
         children: i
@@ -7572,7 +7572,7 @@ const Br = (e) => {
     ) : /* @__PURE__ */ u(
       "div",
       {
-        className: ct["notification-massage_container"],
+        className: lt["notification-massage_container"],
         style: { width: "100%", display: "block" },
         children: i
       }