@ukpc-lib/react 0.15.8-sandbox.saas-9173 → 0.15.8

package/dist/components/index.js

@@ -1,11 +1,11 @@
-import di, { jsxs as M, Fragment as ve, jsx as u } from "react/jsx-runtime";
+import fi, { jsxs as M, Fragment as ve, jsx as u } from "react/jsx-runtime";
 import * as $ from "react";
-import Ee, { createElement as cn, PureComponent as fi, useState as D, useEffect as J, useRef as ye, useContext as We, useCallback as dt, forwardRef as hi } from "react";
-import { c as Ie, a as ht, _ as mi, b as Jn, d as W, C as nt, t as Le, I as Zr, N as pi, p as gi, L as Qn, u as yi, e as vi, S as Xr, f as bi, g as xi, Q as Jr, h as Tt, s as er, i as Qr, j as Si, k as It, P, l as we, m as wi, o as _i, n as Fe, q as Ei, r as At, v as tr, w as Ci, x as nr, D as Ti, y as eo, z as to, A as Ii, B as Mi, E as ki } from "../index.esm2017-C2gSTh9B.js";
-import { J as cu, G as lu, M as uu, F as du, H as fu, K as hu } from "../index.esm2017-C2gSTh9B.js";
-import { Box as no, CircularProgress as ro, Typography as Me, Stack as Se, Dialog as Oi, DialogTitle as Ai, DialogContent as $i, DialogActions as Ni, Button as yn, ClickAwayListener as Pi, TextField as oo, IconButton as Ri, Fade as zi, Paper as Li, Checkbox as Di, Breadcrumbs as Fi } from "@mui/material";
+import Ee, { createElement as cn, PureComponent as hi, useState as D, useEffect as J, useRef as ye, useContext as We, useCallback as dt, forwardRef as mi } from "react";
+import { c as Ie, a as ht, _ as pi, b as Jn, d as W, C as nt, t as Le, I as Zr, N as gi, p as yi, L as Qn, u as vi, e as Xr, S as Jr, f as bi, g as xi, Q as Qr, h as Tt, s as er, i as eo, j as Si, k as It, P, l as we, m as wi, o as _i, n as Fe, q as Ei, r as At, v as tr, w as Ci, x as nr, D as Ti, y as to, z as no, A as Ii, B as Mi, E as ki } from "../index.esm2017-jR6fhPGf.js";
+import { J as lu, G as uu, M as du, F as fu, H as hu, K as mu } from "../index.esm2017-jR6fhPGf.js";
+import { Box as ro, CircularProgress as oo, Typography as Me, Stack as Se, Dialog as Oi, DialogTitle as Ai, DialogContent as $i, DialogActions as Ni, Button as yn, ClickAwayListener as Pi, TextField as io, IconButton as Ri, Fade as zi, Paper as Li, Checkbox as Di, Breadcrumbs as Fi } from "@mui/material";
 import "axios";
-import { useParams as Hi, Link as io } from "react-router-dom";
+import { useParams as Hi, Link as ao } from "react-router-dom";
 import "@r2wc/react-to-web-component";
 import "react-query";
 import "react-dom";
@@ -75,7 +75,7 @@ const ji = (e) => {
       /* @__PURE__ */ u("div", { className: "tab-content", children: t.map((i, a) => /* @__PURE__ */ u("div", { children: e.currentTab === `${i.id}` && /* @__PURE__ */ u("div", { children: i.children }) }, a)) })
     ] })
   ] });
-}, ao = ({
+}, so = ({
   baseUrl: e,
   notiPath: t,
   setNotiData: n
@@ -170,7 +170,7 @@ process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.We
 function Yi(e) {
   var t, n = e.getItemOffset, r = e.getEstimatedTotalSize, o = e.getItemSize, i = e.getOffsetForIndexAndAlignment, a = e.getStartIndexForOffset, c = e.getStopIndexForStartIndex, l = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, d = e.validateProps;
   return t = /* @__PURE__ */ function(h) {
-    mi(m, h);
+    pi(m, h);
     function m(g) {
       var s;
       return s = h.call(this, g) || this, s._instanceProps = l(s.props, Jn(s)), s._outerRef = void 0, s._resetIsScrollingTimeoutId = null, s.state = {
@@ -366,7 +366,7 @@ function Yi(e) {
       var w = a(this.props, y, this._instanceProps), _ = c(this.props, w, y, this._instanceProps), I = !x || E === "backward" ? Math.max(1, b) : 1, k = !x || E === "forward" ? Math.max(1, b) : 1;
       return [Math.max(0, w - I), Math.max(0, Math.min(p - 1, _ + k)), w, _];
     }, m;
-  }(fi), t.defaultProps = {
+  }(hi), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -424,8 +424,8 @@ var qi = function(t, n) {
   return a[n];
 }, Xi = function(t, n, r) {
   var o = n.itemMetadataMap, i = n.lastMeasuredIndex, a = i > 0 ? o[i].offset : 0;
-  return a >= r ? so(t, n, i, 0, r) : Ji(t, n, Math.max(0, i), r);
-}, so = function(t, n, r, o, i) {
+  return a >= r ? co(t, n, i, 0, r) : Ji(t, n, Math.max(0, i), r);
+}, co = function(t, n, r, o, i) {
   for (; o <= r; ) {
     var a = o + Math.floor((r - o) / 2), c = Qe(t, a, n).offset;
     if (c === i)
@@ -436,7 +436,7 @@ var qi = function(t, n) {
 }, Ji = function(t, n, r, o) {
   for (var i = t.itemCount, a = 1; r < i && Qe(t, r, n).offset < o; )
     r += a, a *= 2;
-  return so(t, n, Math.min(r, i - 1), Math.floor(r / 2), o);
+  return co(t, n, Math.min(r, i - 1), Math.floor(r / 2), o);
 }, cr = function(t, n) {
   var r = t.itemCount, o = n.itemMetadataMap, i = n.estimatedItemSize, a = n.lastMeasuredIndex, c = 0;
   if (a >= r && (a = r - 1), a >= 0) {
@@ -445,7 +445,7 @@ var qi = function(t, n) {
   }
   var f = r - a - 1, d = f * i;
   return c + d;
-}, co = /* @__PURE__ */ Yi({
+}, lo = /* @__PURE__ */ Yi({
   getItemOffset: function(t, n, r) {
     return Qe(t, n, r).offset;
   },
@@ -507,7 +507,7 @@ const dn = 20, lr = ({
     };
     return N(), window.addEventListener("resize", N), () => window.removeEventListener("resize", N);
   }, []);
-  const [d, h] = D([]), [m, v] = D(!0), [g, s] = D(!1), [p, b] = D(1), [S, x] = D({}), E = ye(null), { setNotiData: y } = We(nt), w = ao({ baseUrl: e, notiPath: t, setNotiData: y }), _ = ye(null), I = dt(async () => {
+  const [d, h] = D([]), [m, v] = D(!0), [g, s] = D(!1), [p, b] = D(1), [S, x] = D({}), E = ye(null), { setNotiData: y } = We(nt), w = so({ baseUrl: e, notiPath: t, setNotiData: y }), _ = ye(null), I = dt(async () => {
     if (!(g || !m)) {
       s(!0);
       try {
@@ -543,7 +543,7 @@ const dn = 20, lr = ({
   }, O = () => {
     c(!0), C();
   }, R = ({ style: N }) => /* @__PURE__ */ M(
-    no,
+    ro,
     {
       style: N,
       display: "flex",
@@ -553,7 +553,7 @@ const dn = 20, lr = ({
       py: 4,
       className: "notification-loading-item",
       children: [
-        /* @__PURE__ */ u(ro, { style: { color: n == null ? void 0 : n.primary500 } }),
+        /* @__PURE__ */ u(oo, { style: { color: n == null ? void 0 : n.primary500 } }),
         /* @__PURE__ */ u(Me, { color: "text.first", variant: "body2", children: "Loading..." })
       ]
     }
@@ -588,7 +588,7 @@ const dn = 20, lr = ({
       return /* @__PURE__ */ u(R, { style: z });
     const U = d[N];
     return /* @__PURE__ */ u("div", { style: z, children: /* @__PURE__ */ u(
-      pi,
+      gi,
       {
         notification: U,
         notiPath: t,
@@ -623,7 +623,7 @@ const dn = 20, lr = ({
             loadMoreItems: I,
             threshold: 10,
             children: ({ onItemsRendered: N, ref: z }) => /* @__PURE__ */ u(
-              co,
+              lo,
               {
                 height: l,
                 itemCount: k,
@@ -774,7 +774,7 @@ function ea({
   brandColors: r
 }) {
   var d, h;
-  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = We(nt), { notidata: c, setNotiData: l } = We(nt), f = ao({ baseUrl: t, notiPath: n, setNotiData: l });
+  const { isOpen: o, toggleOpen: i, setShowModalFalse: a } = We(nt), { notidata: c, setNotiData: l } = We(nt), f = so({ baseUrl: t, notiPath: n, setNotiData: l });
   return J(() => {
     (async () => {
       var v, g;
@@ -789,7 +789,7 @@ function ea({
           }
         }));
       } catch (s) {
-        gi(
+        yi(
           ((g = (v = s.response) == null ? void 0 : v.data) == null ? void 0 : g.errorMessage) || "Have error when get notification list"
         );
       }
@@ -867,7 +867,7 @@ function ea({
     ) })
   ] });
 }
-const ta = ".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:1100;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:#ddd;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}", na = ".StyledReactSearchAutocomplete ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb:hover{background:#757575}.StyledReactSearchAutocomplete .container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.StyledReactSearchAutocomplete .container>div{width:300px;height:40px}.StyledReactSearchAutocomplete .container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.StyledReactSearchAutocomplete .container>div input:focus{outline:1px solid rgb(83,172,255)}.StyledReactSearchAutocomplete .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}.StyledReactSearchAutocomplete .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}.StyledReactSearchAutocomplete .list button:hover{background:#f8f8f8}.StyledReactSearchAutocomplete .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:inherit;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:inherit;z-index:0;min-width:250px;max-width:400px;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}#autocomplete-results strong,#autocomplete-results li strong,#autocomplete-results li div strong{font-weight:700!important}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 10px 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{width:100%}.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}", ra = ':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:40px;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__context-text{color:#292929}.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}', oa = "._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}", lo = '.notification-massage_container{background:#fff;padding:0 64px 0 72px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif;text-decoration:none;color:inherit}.notification-massage_container: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{font-weight:500;font-size:14px;margin:0}.notification-message_service{font-size:12px}.notification-message_button-close{position:absolute;top:12px;right:24px;width:24px;height:24px}';
+const ta = ".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:1100;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:#ddd;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}", na = ".StyledReactSearchAutocomplete ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:5px}.StyledReactSearchAutocomplete ::-webkit-scrollbar-thumb:hover{background:#757575}.StyledReactSearchAutocomplete .container{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.StyledReactSearchAutocomplete .container>div{width:300px;height:40px}.StyledReactSearchAutocomplete .container>div input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#000}.StyledReactSearchAutocomplete .container>div input:focus{outline:1px solid rgb(83,172,255)}.StyledReactSearchAutocomplete .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}.StyledReactSearchAutocomplete .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}.StyledReactSearchAutocomplete .list button:hover{background:#f8f8f8}.StyledReactSearchAutocomplete .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:inherit;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:inherit;z-index:0;min-width:250px;max-width:400px;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}#autocomplete-results strong,#autocomplete-results li strong,#autocomplete-results li div strong{font-weight:700!important}.StyledResults>ul>li{display:flex;align-items:center;padding:4px 10px 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{width:100%}.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}", ra = ':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:40px;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__context-text{color:#292929}.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}', oa = "._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}", uo = '.notification-massage_container{background:#fff;padding:0 64px 0 72px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif;text-decoration:none;color:inherit}.notification-massage_container: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{font-weight:500;font-size:14px;margin:0}.notification-message_service{font-size:12px}.notification-message_button-close{position:absolute;top:12px;right:24px;width:24px;height:24px}';
 function ia(e) {
   return /* @__PURE__ */ M(
     "svg",
@@ -937,12 +937,12 @@ function ia(e) {
     }
   );
 }
-const aa = Ee.createContext({}), uo = !0;
-function sa({ baseColor: e, highlightColor: t, width: n, height: r, borderRadius: o, circle: i, direction: a, duration: c, enableAnimation: l = uo, customHighlightBackground: f }) {
+const aa = Ee.createContext({}), fo = !0;
+function sa({ baseColor: e, highlightColor: t, width: n, height: r, borderRadius: o, circle: i, direction: a, duration: c, enableAnimation: l = fo, customHighlightBackground: f }) {
   const d = {};
   return a === "rtl" && (d["--animation-direction"] = "reverse"), typeof c == "number" && (d["--animation-duration"] = `${c}s`), l || (d["--pseudo-element-display"] = "none"), (typeof n == "string" || typeof n == "number") && (d.width = n), (typeof r == "string" || typeof r == "number") && (d.height = r), (typeof o == "string" || typeof o == "number") && (d.borderRadius = o), i && (d.borderRadius = "50%"), typeof e < "u" && (d["--base-color"] = e), typeof t < "u" && (d["--highlight-color"] = t), typeof f == "string" && (d["--custom-highlight-background"] = f), d;
 }
-function fo({ count: e = 1, wrapper: t, className: n, containerClassName: r, containerTestId: o, circle: i = !1, style: a, ...c }) {
+function ho({ count: e = 1, wrapper: t, className: n, containerClassName: r, containerTestId: o, circle: i = !1, style: a, ...c }) {
   var l, f, d;
   const h = Ee.useContext(aa), m = { ...c };
   for (const [x, E] of Object.entries(c))
@@ -972,7 +972,7 @@ function fo({ count: e = 1, wrapper: t, className: n, containerClassName: r, con
       Ee.createElement("br", null)
     ));
   }
-  return Ee.createElement("span", { className: r, "data-testid": o, "aria-live": "polite", "aria-busy": (d = v.enableAnimation) !== null && d !== void 0 ? d : uo }, t ? b.map((x, E) => Ee.createElement(t, { key: E }, x)) : b);
+  return Ee.createElement("span", { className: r, "data-testid": o, "aria-live": "polite", "aria-busy": (d = v.enableAnimation) !== null && d !== void 0 ? d : fo }, t ? b.map((x, E) => Ee.createElement(t, { key: E }, x)) : b);
 }
 const ca = '@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}', la = ({
   baseUrl: e,
@@ -993,7 +993,7 @@ const ca = '@keyframes react-loading-skeleton{to{transform:translate(100%)}}.rea
     o();
   }, [e, t]), { hasPermission: n };
 };
-function ho({
+function mo({
   childrenClass: e,
   action: t,
   childrenOpenClass: n
@@ -1050,7 +1050,7 @@ function ua(e) {
 }
 const da = ".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}";
 function Ne(e) {
-  return Array.isArray ? Array.isArray(e) : go(e) === "[object Array]";
+  return Array.isArray ? Array.isArray(e) : yo(e) === "[object Array]";
 }
 function fa(e) {
   if (typeof e == "string")
@@ -1064,17 +1064,17 @@ function ha(e) {
 function ke(e) {
   return typeof e == "string";
 }
-function mo(e) {
+function po(e) {
   return typeof e == "number";
 }
 function ma(e) {
-  return e === !0 || e === !1 || pa(e) && go(e) == "[object Boolean]";
+  return e === !0 || e === !1 || pa(e) && yo(e) == "[object Boolean]";
 }
-function po(e) {
+function go(e) {
   return typeof e == "object";
 }
 function pa(e) {
-  return po(e) && e !== null;
+  return go(e) && e !== null;
 }
 function fe(e) {
   return e != null;
@@ -1082,7 +1082,7 @@ function fe(e) {
 function fn(e) {
   return !e.trim().length;
 }
-function go(e) {
+function yo(e) {
   return e == null ? e === void 0 ? "[object Undefined]" : "[object Null]" : Object.prototype.toString.call(e);
 }
 const ga = "Incorrect 'index' type", ya = (e) => `Invalid value for key ${e}`, va = (e) => `Pattern length exceeds max of ${e}.`, ba = (e) => `Missing ${e} property in key`, xa = (e) => `Property 'weight' in key '${e}' must be a positive integer`, ur = Object.prototype.hasOwnProperty;
@@ -1091,7 +1091,7 @@ class Sa {
     this._keys = [], this._keyMap = {};
     let n = 0;
     t.forEach((r) => {
-      let o = yo(r);
+      let o = vo(r);
       n += o.weight, this._keys.push(o), this._keyMap[o.id] = o, n += o.weight;
     }), this._keys.forEach((r) => {
       r.weight /= n;
@@ -1107,7 +1107,7 @@ class Sa {
     return JSON.stringify(this._keys);
   }
 }
-function yo(e) {
+function vo(e) {
   let t = null, n = null, r = null, o = 1, i = null;
   if (ke(e) || Ne(e))
     r = e, t = dr(e), n = vn(e);
@@ -1138,7 +1138,7 @@ function wa(e, t) {
         const f = i[l];
         if (!fe(f))
           return;
-        if (c === a.length - 1 && (ke(f) || mo(f) || ma(f)))
+        if (c === a.length - 1 && (ke(f) || po(f) || ma(f)))
           n.push(ha(f));
         else if (Ne(f)) {
           r = !0;
@@ -1319,9 +1319,9 @@ class Rn {
     };
   }
 }
-function vo(e, t, { getFn: n = A.getFn, fieldNormWeight: r = A.fieldNormWeight } = {}) {
+function bo(e, t, { getFn: n = A.getFn, fieldNormWeight: r = A.fieldNormWeight } = {}) {
   const o = new Rn({ getFn: n, fieldNormWeight: r });
-  return o.setKeys(e.map(yo)), o.setSources(t), o.create(), o;
+  return o.setKeys(e.map(vo)), o.setSources(t), o.create(), o;
 }
 function ka(e, { getFn: t = A.getFn, fieldNormWeight: n = A.fieldNormWeight } = {}) {
   const { keys: r, records: o } = e, i = new Rn({ getFn: t, fieldNormWeight: n });
@@ -1436,7 +1436,7 @@ function $a(e) {
   }
   return t;
 }
-class bo {
+class xo {
   constructor(t, {
     location: n = A.location,
     threshold: r = A.threshold,
@@ -1663,7 +1663,7 @@ class Da extends He {
     };
   }
 }
-class xo extends He {
+class So extends He {
   constructor(t, {
     location: n = A.location,
     threshold: r = A.threshold,
@@ -1674,7 +1674,7 @@ class xo extends He {
     isCaseSensitive: l = A.isCaseSensitive,
     ignoreLocation: f = A.ignoreLocation
   } = {}) {
-    super(t), this._bitapSearch = new bo(t, {
+    super(t), this._bitapSearch = new xo(t, {
       location: n,
       threshold: r,
       distance: o,
@@ -1698,7 +1698,7 @@ class xo extends He {
     return this._bitapSearch.searchIn(t);
   }
 }
-class So extends He {
+class wo extends He {
   constructor(t) {
     super(t);
   }
@@ -1726,13 +1726,13 @@ class So extends He {
 }
 const bn = [
   Na,
-  So,
+  wo,
   Ra,
   za,
   Da,
   La,
   Pa,
-  xo
+  So
 ], hr = bn.length, Fa = / +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/, Ha = "|";
 function ja(e, t = {}) {
   return e.split(Ha).map((n) => {
@@ -1758,7 +1758,7 @@ function ja(e, t = {}) {
     return o;
   });
 }
-const Ba = /* @__PURE__ */ new Set([xo.type, So.type]);
+const Ba = /* @__PURE__ */ new Set([So.type, wo.type]);
 class Va {
   constructor(t, {
     isCaseSensitive: n = A.isCaseSensitive,
@@ -1833,7 +1833,7 @@ function Sn(e, t) {
     if (o.condition(e, t))
       return new o(e, t);
   }
-  return new bo(e, t);
+  return new xo(e, t);
 }
 const Ft = {
   AND: "$and",
@@ -1841,12 +1841,12 @@ const Ft = {
 }, wn = {
   PATH: "$path",
   PATTERN: "$val"
-}, _n = (e) => !!(e[Ft.AND] || e[Ft.OR]), Ua = (e) => !!e[wn.PATH], Ga = (e) => !Ne(e) && po(e) && !_n(e), mr = (e) => ({
+}, _n = (e) => !!(e[Ft.AND] || e[Ft.OR]), Ua = (e) => !!e[wn.PATH], Ga = (e) => !Ne(e) && go(e) && !_n(e), mr = (e) => ({
   [Ft.AND]: Object.keys(e).map((t) => ({
     [t]: e[t]
   }))
 });
-function wo(e, t, { auto: n = !0 } = {}) {
+function _o(e, t, { auto: n = !0 } = {}) {
   const r = (o) => {
     let i = Object.keys(o);
     const a = Ua(o);
@@ -1925,7 +1925,7 @@ class ot {
   setCollection(t, n) {
     if (this._docs = t, n && !(n instanceof Rn))
       throw new Error(ga);
-    this._myIndex = n || vo(this.options.keys, this._docs, {
+    this._myIndex = n || bo(this.options.keys, this._docs, {
       getFn: this.options.getFn,
       fieldNormWeight: this.options.fieldNormWeight
     });
@@ -1956,7 +1956,7 @@ class ot {
       ignoreFieldNorm: c
     } = this.options;
     let l = ke(t) ? ke(this._docs[0]) ? this._searchStringList(t) : this._searchObjectList(t) : this._searchLogical(t);
-    return Ka(l, { ignoreFieldNorm: c }), i && l.sort(a), mo(n) && n > -1 && (l = l.slice(0, n)), Za(l, this._docs, {
+    return Ka(l, { ignoreFieldNorm: c }), i && l.sort(a), po(n) && n > -1 && (l = l.slice(0, n)), Za(l, this._docs, {
       includeMatches: r,
       includeScore: o
     });
@@ -1975,7 +1975,7 @@ class ot {
     }), o;
   }
   _searchLogical(t) {
-    const n = wo(t, this.options), r = (c, l, f) => {
+    const n = _o(t, this.options), r = (c, l, f) => {
       if (!c.children) {
         const { keyId: h, searcher: m } = c, v = this._findMatches({
           key: this._keyStore.get(h),
@@ -2056,10 +2056,10 @@ class ot {
   }
 }
 ot.version = "6.6.2";
-ot.createIndex = vo;
+ot.createIndex = bo;
 ot.parseIndex = ka;
 ot.config = A;
-ot.parseQuery = wo;
+ot.parseQuery = _o;
 Wa(Va);
 const pr = {
   shouldSort: !0,
@@ -2443,13 +2443,13 @@ function is({ classNames: e = "", ...t }) {
     ] })
   ] }) : /* @__PURE__ */ u(ve, { children: /* @__PURE__ */ u("div", { dangerouslySetInnerHTML: { __html: C.name } }) });
   return /* @__PURE__ */ M(
-    Xr,
+    Jr,
     {
       styles: [
         ta,
         // tabStyles,
         ra,
-        lo,
+        uo,
         oa,
         ca,
         na
@@ -2537,7 +2537,7 @@ function is({ classNames: e = "", ...t }) {
                         width: t.isFetching ? "100px" : "auto"
                       },
                       children: t.isFetching ? /* @__PURE__ */ u(
-                        fo,
+                        ho,
                         {
                           baseColor: "#ebebeb26",
                           highlightColor: "#f5f5f57d",
@@ -2576,9 +2576,9 @@ function as() {
     }
   ], [t, n] = D(!1), [r, o] = D(
     new Array(e.length).fill(!1)
-  ), { language: i, setLanguage: a } = yi();
+  ), { language: i, setLanguage: a } = vi();
   J(() => {
-    ho({
+    mo({
       childrenClass: "languageDropdown",
       action() {
         n(!1);
@@ -2615,7 +2615,7 @@ function ss({
   ye(null);
   const [i, a] = D(!1), [c, l] = D(!1);
   return J(() => {
-    ho({
+    mo({
       childrenClass: "userAvatar",
       action() {
         r(!1);
@@ -2642,7 +2642,7 @@ function ss({
   ) }) });
 }
 function W1(e) {
-  const { user: t, logout: n, isFetching: r } = vi();
+  const { user: t, logout: n, isFetching: r } = Xr();
   return /* @__PURE__ */ u(
     is,
     {
@@ -2654,19 +2654,19 @@ function W1(e) {
   );
 }
 const U1 = (e) => /* @__PURE__ */ u(
-  Jr,
+  Qr,
   {
     autoClose: 3e3,
     hideProgressBar: !0,
     closeButton: !1,
-    position: "bottom-left",
+    position: "top-right",
     newestOnTop: !0,
     pauseOnFocusLoss: !1,
     style: { fontFamily: "inherit" },
     ...e
   }
 ), G1 = (e) => /* @__PURE__ */ u(
-  Jr,
+  Qr,
   {
     autoClose: 3e3,
     hideProgressBar: !0,
@@ -3106,14 +3106,14 @@ function Z1({ rootPath: e }) {
       children: [
         /* @__PURE__ */ u("h1", { children: "404 - Not Found" }),
         /* @__PURE__ */ u("p", { children: "Sorry, the page you are looking for does not exist." }),
-        /* @__PURE__ */ u(no, { height: "16px" }),
-        /* @__PURE__ */ u(io, { to: e, children: /* @__PURE__ */ u(yn, { variant: "contained", color: "primary", children: "Go to Home" }) })
+        /* @__PURE__ */ u(ro, { height: "16px" }),
+        /* @__PURE__ */ u(ao, { to: e, children: /* @__PURE__ */ u(yn, { variant: "contained", color: "primary", children: "Go to Home" }) })
       ]
     }
   );
 }
 function X1() {
-  const { colors: e } = Qr();
+  const { colors: e } = eo();
   return /* @__PURE__ */ u(
     "div",
     {
@@ -3240,12 +3240,12 @@ function ze(e) {
   const t = Object.getPrototypeOf(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function _o(e) {
+function Eo(e) {
   if (/* @__PURE__ */ $.isValidElement(e) || !ze(e))
     return e;
   const t = {};
   return Object.keys(e).forEach((n) => {
-    t[n] = _o(e[n]);
+    t[n] = Eo(e[n]);
   }), t;
 }
 function Oe(e, t, n = {
@@ -3254,7 +3254,7 @@ function Oe(e, t, n = {
   const r = n.clone ? W({}, e) : e;
   return ze(e) && ze(t) && Object.keys(t).forEach((o) => {
     /* @__PURE__ */ $.isValidElement(t[o]) ? r[o] = t[o] : ze(t[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && ze(e[o]) ? r[o] = Oe(e[o], t[o], n) : n.clone ? r[o] = ze(t[o]) ? _o(t[o]) : t[o] : r[o] = t[o];
+    Object.prototype.hasOwnProperty.call(e, o) && ze(e[o]) ? r[o] = Oe(e[o], t[o], n) : n.clone ? r[o] = ze(t[o]) ? Eo(t[o]) : t[o] : r[o] = t[o];
   }), r;
 }
 const hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -3422,15 +3422,15 @@ function gs() {
 process.env.NODE_ENV === "production" ? Cn.exports = ps() : Cn.exports = gs();
 var br = Cn.exports;
 const ys = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
-function Eo(e) {
+function Co(e) {
   const t = `${e}`.match(ys);
   return t && t[1] || "";
 }
-function Co(e, t = "") {
-  return e.displayName || e.name || Eo(e) || t;
+function To(e, t = "") {
+  return e.displayName || e.name || Co(e) || t;
 }
 function xr(e, t, n) {
-  const r = Co(t);
+  const r = To(t);
   return e.displayName || (r !== "" ? `${n}(${r})` : n);
 }
 function vs(e) {
@@ -3438,7 +3438,7 @@ function vs(e) {
     if (typeof e == "string")
       return e;
     if (typeof e == "function")
-      return Co(e, "Component");
+      return To(e, "Component");
     if (typeof e == "object")
       switch (e.$$typeof) {
         case br.ForwardRef:
@@ -3453,7 +3453,7 @@ function vs(e) {
 const bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: vs,
-  getFunctionName: Eo
+  getFunctionName: Co
 }, Symbol.toStringTag, { value: "Module" }));
 function De(e) {
   if (typeof e != "string")
@@ -3497,11 +3497,11 @@ function Es(e, t) {
     (n = e.type.muiName) != null ? n : (r = e.type) == null || (r = r._payload) == null || (r = r.value) == null ? void 0 : r.muiName
   ) !== -1;
 }
-function To(e) {
+function Io(e) {
   return e && e.ownerDocument || document;
 }
 function Cs(e) {
-  return To(e).defaultView || window;
+  return Io(e).defaultView || window;
 }
 function Ts(e, t) {
   if (process.env.NODE_ENV === "production")
@@ -3517,10 +3517,10 @@ function Ts(e, t) {
     return typeof i[a] < "u" && !i[o] ? new Error(`The prop \`${h}\` of \`${e}\` can only be used together with the \`${o}\` prop.`) : null;
   };
 }
-function Io(e, t) {
+function Mo(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
-const Mo = typeof window < "u" ? $.useLayoutEffect : $.useEffect;
+const ko = typeof window < "u" ? $.useLayoutEffect : $.useEffect;
 let Sr = 0;
 function Is(e) {
   const [t, n] = $.useState(e), r = e || t;
@@ -3571,7 +3571,7 @@ function Os({
 }
 function As(e) {
   const t = $.useRef(e);
-  return Mo(() => {
+  return ko(() => {
     t.current = e;
   }), $.useRef((...n) => (
     // @ts-expect-error hide `this`
@@ -3581,7 +3581,7 @@ function As(e) {
 function $s(...e) {
   return $.useMemo(() => e.every((t) => t == null) ? null : (t) => {
     e.forEach((n) => {
-      Io(n, t);
+      Mo(n, t);
     });
   }, e);
 }
@@ -3710,7 +3710,7 @@ const _r = (e) => e, Bs = () => {
       e = _r;
     }
   };
-}, ko = Bs(), Vs = {
+}, Oo = Bs(), Vs = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -3726,7 +3726,7 @@ const _r = (e) => e, Bs = () => {
 };
 function Ln(e, t, n = "Mui") {
   const r = Vs[t];
-  return r ? `${n}-${r}` : `${ko.generate(e)}-${t}`;
+  return r ? `${n}-${r}` : `${Oo.generate(e)}-${t}`;
 }
 function Ws(e, t, n = "Mui") {
   const r = {};
@@ -3770,7 +3770,7 @@ process.env.NODE_ENV !== "production" && (P.node, P.object.isRequired);
 function Zs(e) {
   return qs(e);
 }
-var bt = {}, Oo = { exports: {} };
+var bt = {}, Ao = { exports: {} };
 (function(e) {
   function t(n) {
     return n && n.__esModule ? n : {
@@ -3778,8 +3778,8 @@ var bt = {}, Oo = { exports: {} };
     };
   }
   e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
-})(Oo);
-var Dn = Oo.exports;
+})(Ao);
+var Dn = Ao.exports;
 const Xs = /* @__PURE__ */ we(wi), Js = /* @__PURE__ */ we(_i);
 function Qs(e) {
   if (e.sheet)
@@ -3821,11 +3821,11 @@ var tc = /* @__PURE__ */ function() {
       return (o = r.parentNode) == null ? void 0 : o.removeChild(r);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), se = "-ms-", Ht = "-moz-", H = "-webkit-", Ao = "comm", Fn = "rule", Hn = "decl", nc = "@import", $o = "@keyframes", rc = "@layer", oc = Math.abs, Gt = String.fromCharCode, ic = Object.assign;
+}(), se = "-ms-", Ht = "-moz-", H = "-webkit-", $o = "comm", Fn = "rule", Hn = "decl", nc = "@import", No = "@keyframes", rc = "@layer", oc = Math.abs, Gt = String.fromCharCode, ic = Object.assign;
 function ac(e, t) {
   return oe(e, 0) ^ 45 ? (((t << 2 ^ oe(e, 0)) << 2 ^ oe(e, 1)) << 2 ^ oe(e, 2)) << 2 ^ oe(e, 3) : 0;
 }
-function No(e) {
+function Po(e) {
   return e.trim();
 }
 function sc(e, t) {
@@ -3855,7 +3855,7 @@ function kt(e, t) {
 function cc(e, t) {
   return e.map(t).join("");
 }
-var Kt = 1, rt = 1, Po = 0, le = 0, ne = 0, it = "";
+var Kt = 1, rt = 1, Ro = 0, le = 0, ne = 0, it = "";
 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: rt, length: a, return: "" };
 }
@@ -3869,7 +3869,7 @@ function uc() {
   return ne = le > 0 ? oe(it, --le) : 0, rt--, ne === 10 && (rt = 1, Kt--), ne;
 }
 function me() {
-  return ne = le < Po ? oe(it, le++) : 0, rt++, ne === 10 && (rt = 1, Kt++), ne;
+  return ne = le < Ro ? oe(it, le++) : 0, rt++, ne === 10 && (rt = 1, Kt++), ne;
 }
 function Ae() {
   return oe(it, le);
@@ -3912,14 +3912,14 @@ function gt(e) {
   }
   return 0;
 }
-function Ro(e) {
-  return Kt = rt = 1, Po = Ce(it = e), le = 0, [];
-}
 function zo(e) {
+  return Kt = rt = 1, Ro = Ce(it = e), le = 0, [];
+}
+function Lo(e) {
   return it = "", e;
 }
 function Rt(e) {
-  return No(xt(le - 1, kn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Po(xt(le - 1, kn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function dc(e) {
   for (; (ne = Ae()) && ne < 33; )
@@ -3961,7 +3961,7 @@ function mc(e) {
   return xt(e, le);
 }
 function pc(e) {
-  return zo(zt("", null, null, null, [""], e = Ro(e), 0, [0], e));
+  return Lo(zt("", null, null, null, [""], e = zo(e), 0, [0], e));
 }
 function zt(e, t, n, r, o, i, a, c, l) {
   for (var f = 0, d = 0, h = a, m = 0, v = 0, g = 0, s = 1, p = 1, b = 1, S = 0, x = "", E = o, y = i, w = r, _ = x; p; )
@@ -4055,11 +4055,11 @@ function zt(e, t, n, r, o, i, a, c, l) {
 function Er(e, t, n, r, o, i, a, c, l, f, d) {
   for (var h = o - 1, m = o === 0 ? i : [""], v = jn(m), g = 0, s = 0, p = 0; g < r; ++g)
     for (var b = 0, S = pt(e, h + 1, h = oc(s = a[g])), x = e; b < v; ++b)
-      (x = No(s > 0 ? m[b] + " " + S : j(S, /&\f/g, m[b]))) && (l[p++] = x);
+      (x = Po(s > 0 ? m[b] + " " + S : j(S, /&\f/g, m[b]))) && (l[p++] = x);
   return Yt(e, t, n, o === 0 ? Fn : c, l, f, d);
 }
 function gc(e, t, n) {
-  return Yt(e, t, n, Ao, Gt(lc()), pt(e, 2, -2), 0);
+  return Yt(e, t, n, $o, Gt(lc()), pt(e, 2, -2), 0);
 }
 function Cr(e, t, n, r) {
   return Yt(e, t, n, Hn, pt(e, 0, r), pt(e, r + 1, -1), r);
@@ -4077,9 +4077,9 @@ function yc(e, t, n, r) {
     case nc:
     case Hn:
       return e.return = e.return || e.value;
-    case Ao:
-      return "";
     case $o:
+      return "";
+    case No:
       return e.return = e.value + "{" + et(e.children, r) + "}";
     case Fn:
       e.value = e.props.join(",");
@@ -4099,7 +4099,7 @@ function bc(e) {
     t.root || (t = t.return) && e(t);
   };
 }
-function Lo(e) {
+function Do(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return t[n] === void 0 && (t[n] = e(n)), t[n];
@@ -4130,7 +4130,7 @@ var xc = function(t, n, r) {
   while (o = me());
   return t;
 }, wc = function(t, n) {
-  return zo(Sc(Ro(t), n));
+  return Lo(Sc(zo(t), n));
 }, Tr = /* @__PURE__ */ new WeakMap(), _c = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
@@ -4153,7 +4153,7 @@ var xc = function(t, n, r) {
     n.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function Do(e, t) {
+function Fo(e, t) {
   switch (ac(e, t)) {
     case 5103:
       return H + "print-" + e + e;
@@ -4240,7 +4240,7 @@ function Do(e, t) {
           case 102:
             return j(e, /(.+:)(.+)-([^]+)/, "$1" + H + "$2-$3$1" + Ht + (oe(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
           case 115:
-            return ~Mn(e, "stretch") ? Do(j(e, "stretch", "fill-available"), t) + e : e;
+            return ~Mn(e, "stretch") ? Fo(j(e, "stretch", "fill-available"), t) + e : e;
         }
       break;
     case 4949:
@@ -4271,9 +4271,9 @@ var Cc = function(t, n, r, o) {
   if (t.length > -1 && !t.return)
     switch (t.type) {
       case Hn:
-        t.return = Do(t.value, t.length);
+        t.return = Fo(t.value, t.length);
         break;
-      case $o:
+      case No:
         return et([lt(t, {
           value: j(t.value, "@", "@" + H)
         })], o);
@@ -4298,7 +4298,7 @@ var Cc = function(t, n, r, o) {
             return "";
           });
     }
-}, Tc = [Cc], Fo = function(t) {
+}, Tc = [Cc], Ho = function(t) {
   var n = t.key;
   if (n === "css") {
     var r = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -4514,7 +4514,7 @@ function Mc() {
   }()), V;
 }
 process.env.NODE_ENV === "production" ? On.exports = Ic() : On.exports = Mc();
-var kc = On.exports, Ho = kc, Oc = {
+var kc = On.exports, jo = kc, Oc = {
   $$typeof: !0,
   render: !0,
   defaultProps: !0,
@@ -4527,11 +4527,11 @@ var kc = On.exports, Ho = kc, Oc = {
   displayName: !0,
   propTypes: !0,
   type: !0
-}, jo = {};
-jo[Ho.ForwardRef] = Oc;
-jo[Ho.Memo] = Ac;
+}, Bo = {};
+Bo[jo.ForwardRef] = Oc;
+Bo[jo.Memo] = Ac;
 var $c = !0;
-function Bo(e, t, n) {
+function Vo(e, t, n) {
   var r = "";
   return n.split(" ").forEach(function(o) {
     e[o] !== void 0 ? t.push(e[o] + ";") : o && (r += o + " ");
@@ -4627,12 +4627,12 @@ var Pc = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Rc = /[A-Z]|^ms/g, zc = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Vo = function(t) {
+}, Rc = /[A-Z]|^ms/g, zc = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Wo = function(t) {
   return t.charCodeAt(1) === 45;
 }, kr = function(t) {
   return t != null && typeof t != "boolean";
-}, mn = /* @__PURE__ */ Lo(function(e) {
-  return Vo(e) ? e : e.replace(Rc, "-$&").toLowerCase();
+}, mn = /* @__PURE__ */ Do(function(e) {
+  return Wo(e) ? e : e.replace(Rc, "-$&").toLowerCase();
 }), Or = function(t, n) {
   switch (t) {
     case "animation":
@@ -4646,7 +4646,7 @@ var Pc = {
           }, o;
         });
   }
-  return Pc[t] !== 1 && !Vo(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return Pc[t] !== 1 && !Wo(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
 function yt(e, t, n) {
   if (n == null)
@@ -4753,19 +4753,19 @@ function qt(e, t, n) {
 }
 var Dc = function(t) {
   return t();
-}, Wo = $.useInsertionEffect ? $.useInsertionEffect : !1, Uo = Wo || Dc, $r = Wo || $.useLayoutEffect, Go = /* @__PURE__ */ $.createContext(
+}, Uo = $.useInsertionEffect ? $.useInsertionEffect : !1, Go = Uo || Dc, $r = Uo || $.useLayoutEffect, Ko = /* @__PURE__ */ $.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ Fo({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Ho({
     key: "css"
   }) : null
-), Fc = Go.Provider, Wn = function(t) {
-  return /* @__PURE__ */ hi(function(n, r) {
-    var o = We(Go);
+), Fc = Ko.Provider, Wn = function(t) {
+  return /* @__PURE__ */ mi(function(n, r) {
+    var o = We(Ko);
     return t(n, o, r);
   });
 }, Zt = /* @__PURE__ */ $.createContext({}), Un = {}.hasOwnProperty, An = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Hc = function(t, n) {
@@ -4775,14 +4775,14 @@ var Dc = function(t) {
   return r[An] = t, r;
 }, jc = function(t) {
   var n = t.cache, r = t.serialized, o = t.isStringTag;
-  return Bn(n, r, o), Uo(function() {
+  return Bn(n, r, o), Go(function() {
     return Vn(n, r, o);
   }), null;
 }, Bc = /* @__PURE__ */ Wn(function(e, t, n) {
   var r = e.css;
   typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
   var o = e[An], i = [r], a = "";
-  typeof e.className == "string" ? a = Bo(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
+  typeof e.className == "string" ? a = Vo(t.registered, i, e.className) : e.className != null && (a = e.className + " ");
   var c = qt(i, void 0, $.useContext(Zt));
   a += t.key + "-" + c.name;
   var l = {};
@@ -4832,13 +4832,13 @@ var Wc = /* @__PURE__ */ Wn(function(e, t) {
     t.insert("", r, a, !1);
   }, [t, r.name]), null;
 });
-function Ko() {
+function Yo() {
   for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
     t[n] = arguments[n];
   return qt(t);
 }
 function Uc() {
-  var e = Ko.apply(void 0, arguments), t = "animation-" + e.name;
+  var e = Yo.apply(void 0, arguments), t = "animation-" + e.name;
   return {
     name: t,
     styles: "@keyframes " + t + "{" + e.styles + "}",
@@ -4848,7 +4848,7 @@ function Uc() {
     }
   };
 }
-var Gc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Kc = /* @__PURE__ */ Lo(
+var Gc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Kc = /* @__PURE__ */ Do(
   function(e) {
     return Gc.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -4871,7 +4871,7 @@ var Gc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
   return typeof o != "function" && r && (o = t.__emotion_forwardProp), o;
 }, Zc = function(t) {
   var n = t.cache, r = t.serialized, o = t.isStringTag;
-  return Bn(n, r, o), Uo(function() {
+  return Bn(n, r, o), Go(function() {
     return Vn(n, r, o);
   }), null;
 }, Xc = function e(t, n) {
@@ -4896,7 +4896,7 @@ var Gc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
           w[_] = p[_];
         w.theme = $.useContext(Zt);
       }
-      typeof p.className == "string" ? E = Bo(b.registered, y, p.className) : p.className != null && (E = p.className + " ");
+      typeof p.className == "string" ? E = Vo(b.registered, y, p.className) : p.className != null && (E = p.className + " ");
       var I = qt(h.concat(y), b.registered, w);
       E += b.key + "-" + I.name, a !== void 0 && (E += " " + a);
       var k = f && c === void 0 ? Pr(x) : l, L = {};
@@ -5060,11 +5060,11 @@ Jc.forEach(function(e) {
   $n[e] = $n(e);
 });
 let Nn;
-typeof document == "object" && (Nn = Fo({
+typeof document == "object" && (Nn = Ho({
   key: "css",
   prepend: !0
 }));
-function Yo(e) {
+function qo(e) {
   const {
     injectFirst: t,
     children: n
@@ -5074,7 +5074,7 @@ function Yo(e) {
     children: n
   }) : n;
 }
-process.env.NODE_ENV !== "production" && (Yo.propTypes = {
+process.env.NODE_ENV !== "production" && (qo.propTypes = {
   /**
    * Your component tree.
    */
@@ -5089,7 +5089,7 @@ process.env.NODE_ENV !== "production" && (Yo.propTypes = {
 function Qc(e) {
   return e == null || Object.keys(e).length === 0;
 }
-function qo(e) {
+function Zo(e) {
   const {
     styles: t,
     defaultTheme: n = {}
@@ -5098,7 +5098,7 @@ function qo(e) {
     styles: typeof t == "function" ? (o) => t(Qc(o) ? n : o) : t
   });
 }
-process.env.NODE_ENV !== "production" && (qo.propTypes = {
+process.env.NODE_ENV !== "production" && (Zo.propTypes = {
   defaultTheme: P.object,
   styles: P.oneOfType([P.array, P.string, P.object, P.func])
 });
@@ -5121,10 +5121,10 @@ const tl = (e, t) => {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
 }, nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GlobalStyles: qo,
-  StyledEngineProvider: Yo,
+  GlobalStyles: Zo,
+  StyledEngineProvider: qo,
   ThemeContext: Zt,
-  css: Ko,
+  css: Yo,
   default: el,
   internal_processStyles: tl,
   keyframes: Uc
@@ -5137,7 +5137,7 @@ const tl = (e, t) => {
     [r.key]: r.val
   }), {});
 };
-function Zo(e) {
+function Xo(e) {
   const {
     // The breakpoint **start** at this value.
     // For instance with the first breakpoint xs: [xs, sm).
@@ -5316,7 +5316,7 @@ function St(e, t, n, r) {
 `)), () => {
   });
 }
-function Xo(e) {
+function Jo(e) {
   return St(e, "spacing", 8, "spacing");
 }
 function wt(e, t) {
@@ -5334,17 +5334,17 @@ function vl(e, t, n, r) {
   const o = pl(n), i = yl(o, r), a = e[n];
   return Pe(e, a, i);
 }
-function Jo(e, t) {
-  const n = Xo(e.theme);
+function Qo(e, t) {
+  const n = Jo(e.theme);
   return Object.keys(e).map((r) => vl(e, t, r, n)).reduce(ft, {});
 }
 function Z(e) {
-  return Jo(e, Jt);
+  return Qo(e, Jt);
 }
 Z.propTypes = process.env.NODE_ENV !== "production" ? Jt.reduce((e, t) => (e[t] = je, e), {}) : {};
 Z.filterProps = Jt;
 function X(e) {
-  return Jo(e, Qt);
+  return Qo(e, Qt);
 }
 X.propTypes = process.env.NODE_ENV !== "production" ? Qt.reduce((e, t) => (e[t] = je, e), {}) : {};
 X.filterProps = Qt;
@@ -5352,7 +5352,7 @@ process.env.NODE_ENV !== "production" && gl.reduce((e, t) => (e[t] = je, e), {})
 function bl(e = 8) {
   if (e.mui)
     return e;
-  const t = Xo({
+  const t = Jo({
     spacing: e
   }), n = (...r) => (process.env.NODE_ENV !== "production" && (r.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${r.length}`)), (r.length === 0 ? [1] : r).map((i) => {
     const a = t(i);
@@ -5810,7 +5810,7 @@ function Zl(...e) {
 function Xl(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Qo() {
+function ei() {
   function e(n, r, o, i) {
     const a = {
       [n]: r,
@@ -5884,22 +5884,22 @@ function Qo() {
   }
   return t;
 }
-const an = Qo();
+const an = ei();
 an.filterProps = ["sx"];
-function ei(e, t) {
+function ti(e, t) {
   const n = this;
   return n.vars && typeof n.getColorSchemeSelector == "function" ? {
     [n.getColorSchemeSelector(e).replace(/(\[[^\]]+\])/, "*:where($1)")]: t
   } : n.palette.mode === e ? t : {};
 }
 const Jl = ["breakpoints", "palette", "spacing", "shape"];
-function ti(e = {}, ...t) {
+function ni(e = {}, ...t) {
   const {
     breakpoints: n = {},
     palette: r = {},
     spacing: o,
     shape: i = {}
-  } = e, a = Fe(e, Jl), c = Zo(n), l = bl(o);
+  } = e, a = Fe(e, Jl), c = Xo(n), l = bl(o);
   let f = Oe({
     breakpoints: c,
     direction: "ltr",
@@ -5911,7 +5911,7 @@ function ti(e = {}, ...t) {
     spacing: l,
     shape: W({}, ll, i)
   }, a);
-  return f.applyStyles = ei, f = t.reduce((d, h) => Oe(d, h), f), f.unstable_sxConfig = W({}, _t, a == null ? void 0 : a.unstable_sxConfig), f.unstable_sx = function(h) {
+  return f.applyStyles = ti, f = t.reduce((d, h) => Oe(d, h), f), f.unstable_sxConfig = W({}, _t, a == null ? void 0 : a.unstable_sxConfig), f.unstable_sx = function(h) {
     return an({
       sx: h,
       theme: this
@@ -5920,9 +5920,9 @@ function ti(e = {}, ...t) {
 }
 const Ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ti,
-  private_createBreakpoints: Zo,
-  unstable_applyStyles: ei
+  default: ni,
+  private_createBreakpoints: Xo,
+  unstable_applyStyles: ti
 }, Symbol.toStringTag, { value: "Module" })), e0 = /* @__PURE__ */ we(Ql), t0 = ["sx"], n0 = (e) => {
   var t, n;
   const r = {
@@ -5952,7 +5952,7 @@ const o0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: an,
   extendSxProp: r0,
-  unstable_createStyleFunctionSx: Qo,
+  unstable_createStyleFunctionSx: ei,
   unstable_defaultSxConfig: _t
 }, Symbol.toStringTag, { value: "Module" })), i0 = /* @__PURE__ */ we(o0);
 var at = Dn;
@@ -5964,11 +5964,11 @@ bt.shouldForwardProp = Lt;
 bt.systemDefaultTheme = void 0;
 var pe = at(Xs), Pn = at(Js), Dr = p0(rl), s0 = ol, c0 = at(il), l0 = at(al), u0 = at(e0), d0 = at(i0);
 const f0 = ["ownerState"], h0 = ["variants"], m0 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
-function ni(e) {
+function ri(e) {
   if (typeof WeakMap != "function")
     return null;
   var t = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap();
-  return (ni = function(r) {
+  return (ri = function(r) {
     return r ? n : t;
   })(e);
 }
@@ -5977,7 +5977,7 @@ function p0(e, t) {
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
     return { default: e };
-  var n = ni(t);
+  var n = ri(t);
   if (n && n.has(e))
     return n.get(e);
   var r = { __proto__: null }, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -6140,20 +6140,20 @@ function S0(e, t) {
 }
 var ee = {};
 const w0 = /* @__PURE__ */ we(ms), _0 = /* @__PURE__ */ we(Gs);
-var ri = Dn;
+var oi = Dn;
 Object.defineProperty(ee, "__esModule", {
   value: !0
 });
-ee.alpha = si;
+ee.alpha = ci;
 ee.blend = R0;
 ee.colorChannel = void 0;
 var E0 = ee.darken = qn;
 ee.decomposeColor = be;
-ee.emphasize = ci;
+ee.emphasize = li;
 var Hr = ee.getContrastRatio = O0;
 ee.getLuminance = Bt;
-ee.hexToRgb = oi;
-ee.hslToRgb = ai;
+ee.hexToRgb = ii;
+ee.hslToRgb = si;
 var C0 = ee.lighten = Zn;
 ee.private_safeAlpha = A0;
 ee.private_safeColorChannel = void 0;
@@ -6162,11 +6162,11 @@ ee.private_safeEmphasize = P0;
 ee.private_safeLighten = N0;
 ee.recomposeColor = st;
 ee.rgbToHex = k0;
-var jr = ri(w0), T0 = ri(_0);
+var jr = oi(w0), T0 = oi(_0);
 function Yn(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), (0, T0.default)(e, t, n);
 }
-function oi(e) {
+function ii(e) {
   e = e.slice(1);
   const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
   let n = e.match(t);
@@ -6180,7 +6180,7 @@ function be(e) {
   if (e.type)
     return e;
   if (e.charAt(0) === "#")
-    return be(oi(e));
+    return be(ii(e));
   const t = e.indexOf("("), n = e.substring(0, t);
   if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
@@ -6198,14 +6198,14 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace: o
   };
 }
-const ii = (e) => {
+const ai = (e) => {
   const t = be(e);
   return t.values.slice(0, 3).map((n, r) => t.type.indexOf("hsl") !== -1 && r !== 0 ? `${n}%` : n).join(" ");
 };
-ee.colorChannel = ii;
+ee.colorChannel = ai;
 const M0 = (e, t) => {
   try {
-    return ii(e);
+    return ai(e);
   } catch {
     return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
   }
@@ -6229,7 +6229,7 @@ function k0(e) {
   } = be(e);
   return `#${t.map((n, r) => I0(r === 3 ? Math.round(255 * n) : n)).join("")}`;
 }
-function ai(e) {
+function si(e) {
   e = be(e);
   const {
     values: t
@@ -6243,19 +6243,19 @@ function ai(e) {
 }
 function Bt(e) {
   e = be(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? be(ai(e)).values : e.values;
+  let t = e.type === "hsl" || e.type === "hsla" ? be(si(e)).values : e.values;
   return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
 }
 function O0(e, t) {
   const n = Bt(e), r = Bt(t);
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
-function si(e, t) {
+function ci(e, t) {
   return e = be(e), t = Yn(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, st(e);
 }
 function A0(e, t, n) {
   try {
-    return si(e, t);
+    return ci(e, t);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
@@ -6293,12 +6293,12 @@ function N0(e, t, n) {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
 }
-function ci(e, t = 0.15) {
+function li(e, t = 0.15) {
   return Bt(e) > 0.5 ? qn(e, t) : Zn(e, t);
 }
 function P0(e, t, n) {
   try {
-    return ci(e, t);
+    return li(e, t);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
@@ -6746,7 +6746,7 @@ function i1(e = {}, ...t) {
   } = e, a = Fe(e, o1);
   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." : mt(18));
-  const c = W0(r), l = ti(e);
+  const c = W0(r), l = ni(e);
   let f = Oe(l, {
     mixins: S0(l.breakpoints, n),
     palette: c,
@@ -6961,7 +6961,7 @@ process.env.NODE_ENV !== "production" && (Vt.propTypes = {
   viewBox: P.string
 });
 Vt.muiName = "SvgIcon";
-function li(e, t) {
+function ui(e, t) {
   function n(r, o) {
     return /* @__PURE__ */ u(Vt, W({
       "data-testid": `${t}Icon`,
@@ -6975,33 +6975,33 @@ function li(e, t) {
 const p1 = {
   configure: (e) => {
     process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
-`)), ko.configure(e);
+`)), Oo.configure(e);
   }
 }, g1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   capitalize: De,
   createChainedFunction: Ss,
-  createSvgIcon: li,
+  createSvgIcon: ui,
   debounce: ws,
   deprecatedPropType: _s,
   isMuiElement: Es,
-  ownerDocument: To,
+  ownerDocument: Io,
   ownerWindow: Cs,
   requirePropFactory: Ts,
-  setRef: Io,
+  setRef: Mo,
   unstable_ClassNameGenerator: p1,
-  unstable_useEnhancedEffect: Mo,
+  unstable_useEnhancedEffect: ko,
   unstable_useId: Ms,
   unsupportedProp: ks,
   useControlled: Os,
   useEventCallback: As,
   useForkRef: $s,
   useIsFocusVisible: Hs
-}, Symbol.toStringTag, { value: "Module" })), y1 = li(/* @__PURE__ */ u("path", {
+}, Symbol.toStringTag, { value: "Module" })), y1 = ui(/* @__PURE__ */ u("path", {
   d: "m7 10 5 5 5-5z"
 }), "ArrowDropDown");
 function Kr(e) {
-  const { colors: t } = Qr();
+  const { colors: t } = eo();
   return /* @__PURE__ */ u(
     Se,
     {
@@ -7078,7 +7078,7 @@ function Q1(e) {
           },
           children: [
             /* @__PURE__ */ u(
-              oo,
+              io,
               {
                 required: f,
                 label: e.label,
@@ -7120,7 +7120,7 @@ function Q1(e) {
                         w.preventDefault(), w.stopPropagation(), h(), (_ = x.current) == null || _.focus();
                       },
                       disabled: e.loading || e.disabled || e.readOnly,
-                      children: e.loading ? /* @__PURE__ */ u(ro, { size: "16px" }) : /* @__PURE__ */ u(
+                      children: e.loading ? /* @__PURE__ */ u(oo, { size: "16px" }) : /* @__PURE__ */ u(
                         y1,
                         {
                           fontSize: "small",
@@ -7176,7 +7176,7 @@ function Q1(e) {
                       loadMoreItems: p,
                       threshold: 5,
                       children: ({ onItemsRendered: w, ref: _ }) => /* @__PURE__ */ u(
-                        co,
+                        lo,
                         {
                           ref: _,
                           onItemsRendered: w,
@@ -7486,7 +7486,7 @@ function tu(e) {
         n({ startDate: g, endDate: s }), (S = e.onChange) == null || S.call(e, { startDate: g, endDate: s });
       },
       children: /* @__PURE__ */ u(
-        oo,
+        io,
         {
           inputRef: o,
           label: e.label ?? "Permit date",
@@ -7600,8 +7600,8 @@ function nu(e) {
 const Yr = (e) => {
   "serviceWorker" in navigator && navigator.serviceWorker.register(e.path).then(function(t) {
     console.log("Registration successful, scope is:", t.scope), console.log("initialize service worker props ", e);
-    const n = eo(
-      to({
+    const n = to(
+      no({
         apiKey: e.apiKey,
         authDomain: e.authDomain,
         projectId: e.projectId,
@@ -7651,8 +7651,8 @@ const Yr = (e) => {
     }));
   };
 }, E1 = (e) => new Promise((t) => {
-  const n = eo(
-    to({
+  const n = to(
+    no({
       apiKey: e.apiKey,
       authDomain: e.authDomain,
       projectId: e.projectId,
@@ -7686,7 +7686,7 @@ const Yr = (e) => {
       ] })
     ] });
     return /* @__PURE__ */ M(ve, { children: [
-      /* @__PURE__ */ u("style", { children: lo }),
+      /* @__PURE__ */ u("style", { children: uo }),
       t != null && t.contextUrl ? /* @__PURE__ */ u(
         "a",
         {
@@ -7776,7 +7776,7 @@ const Yr = (e) => {
   const e = () => {
     window.top && (window.top.location.href = "/app/home");
   };
-  return console.log("window.location.origin", window.location.origin), /* @__PURE__ */ u(Xr, { styles: [I1], children: /* @__PURE__ */ M("div", { className: "pnf-container", children: [
+  return console.log("window.location.origin", window.location.origin), /* @__PURE__ */ u(Jr, { styles: [I1], children: /* @__PURE__ */ M("div", { className: "pnf-container", children: [
     /* @__PURE__ */ u(
       "img",
       {
@@ -7825,8 +7825,8 @@ var O1 = Dn;
 Object.defineProperty(Xn, "__esModule", {
   value: !0
 });
-var ui = Xn.default = void 0, A1 = O1(k1()), $1 = di;
-ui = Xn.default = (0, A1.default)(/* @__PURE__ */ (0, $1.jsx)("path", {
+var di = Xn.default = void 0, A1 = O1(k1()), $1 = fi;
+di = Xn.default = (0, A1.default)(/* @__PURE__ */ (0, $1.jsx)("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), "NavigateNext");
 function N1({ index: e, href: t, title: n, ssr: r }) {
@@ -7843,7 +7843,7 @@ function N1({ index: e, href: t, title: n, ssr: r }) {
     },
     e
   ) : /* @__PURE__ */ u(
-    io,
+    ao,
     {
       style: {
         color: Ie.linkPrimary,
@@ -7857,12 +7857,12 @@ function N1({ index: e, href: t, title: n, ssr: r }) {
   );
 }
 function iu(e) {
-  return console.log("BaseBreadcrumbs", e), e.isLoading ? /* @__PURE__ */ u(fo, { width: 300 }) : /* @__PURE__ */ u(ve, { children: /* @__PURE__ */ u(
+  return console.log("BaseBreadcrumbs", e), e.isLoading ? /* @__PURE__ */ u(ho, { width: 300 }) : /* @__PURE__ */ u(ve, { children: /* @__PURE__ */ u(
     Fi,
     {
       sx: { fontSize: "12px", fontFamily: "inherit" },
       separator: /* @__PURE__ */ u(
-        ui,
+        di,
         {
           sx: { color: Ie.linkPrimary, fontSize: "inherit" }
         }
@@ -7907,15 +7907,23 @@ function iu(e) {
     }
   ) });
 }
+function au({
+  children: e,
+  accessKeys: t,
+  requireAll: n
+}) {
+  const { permissions: r } = Xr();
+  return n ? t.every((o) => r.includes(o)) ? e : null : t.some((o) => r.includes(o)) ? e : null;
+}
 export {
   Kr as AutocompleteOption,
   iu as BaseBreadcrumbs,
   nu as BaseCheckbox,
   w1 as CheckedIcon,
-  cu as FavoriteMenu,
-  lu as GlobalMenu,
+  lu as FavoriteMenu,
+  uu as GlobalMenu,
   X1 as HomePage,
-  uu as IconComponent,
+  du as IconComponent,
   as as LanguageDropdown,
   ru as MultiProvider,
   K1 as NoData,
@@ -7930,11 +7938,12 @@ export {
   W1 as TopBar,
   J1 as UnauthorizedPage,
   S1 as UncheckedIcon,
+  au as WrapPermission,
   ki as notify,
-  gi as pushError,
-  du as pushSuccess,
-  fu as pushWarning,
-  hu as updateFavoriteItems,
+  yi as pushError,
+  fu as pushSuccess,
+  hu as pushWarning,
+  mu as updateFavoriteItems,
   q1 as usePopUp,
   eu as useStyledAutocomplete
 };