npm - @ukpc-lib/react - Versions diffs - 0.2.38 → 0.2.40 - Mend

@ukpc-lib/react 0.2.38 → 0.2.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/index.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 `;function qo({isOpen:e,onClose:t,onConfirm:n}){if(!e)return null;function r(i){var o;((o=i.target)==null?void 0:o.id)==="modal-wrapper"&&t()}return p.jsxs(p.Fragment,{children:[p.jsx("style",{type:"text/css",children:wc}),p.jsx("div",{onClick:r,className:"modal-overlay",id:"modal-wrapper",children:p.jsxs("div",{className:"modal-container",children:[p.jsx("h3",{className:"modal-title",children:"Log out"}),p.jsx("p",{className:"text-sm",children:"Are you sure want to log out?"}),p.jsxs("div",{className:"modal-footer",children:[p.jsx("button",{className:"modal-button",onClick:t,children:"Cancel"}),p.jsx("button",{onClick:n,className:"text-white confirm-btn modal-button",children:"Confirm"})]})]})})]})}function Sc({primaryColor:e="#009d4f"}){return p.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[p.jsx("path",{d:"M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",stroke:e,"stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),p.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),p.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),p.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const Ec=e=>{const{tabs:t}=e,n=r=>{e.setCurrentTab(r.target.id)};return p.jsxs("div",{className:"tab-container",children:[p.jsx("div",{style:{display:"flex",width:"100%",height:"50px",borderBottom:`1px solid ${Ho.color.grey200}`},className:"tab-container__title",children:t.map((r,i)=>p.jsx("button",{id:r.id,disabled:e.currentTab===`${r.id}`,onClick:n,className:`tab-title ${e.currentTab===`${r.id}`?"is-active":""}`,children:r.tabTitle},i))}),p.jsx("div",{className:"tab-content",children:t.map((r,i)=>p.jsx("div",{children:e.currentTab===`${r.id}`&&p.jsx("div",{children:r.children})},i))})]})},Cc=({notification:e,handleUpdateRead:t})=>{const n=r=>{const i=re(),o=re(r),s=i.diff(o,"days"),a=i.diff(o,"minutes"),l=i.diff(o,"months"),c=i.diff(o,"years");if(console.log("diffInMonths",l),a<1)return"Just now";if(s===0){if(a<=60)return`${a} minute${a>1?"s":""} ago`;const u=Math.floor(a/60);return console.log("diffIhours",u),`${u} hour${u>1?"s":""} ago`}if(s===1)return"Yesterday";if(s>=2&&s<7)return`${s} days ago`;if(s<30){const u=Math.floor(s/7);return`${u} week${u>1?"s":""} ago`}return l===0||l===1?"1 month ago":l<12?`${l} months ago`:c===0||c===1?"1 year ago":"Over 1 year ago"};return p.jsxs("div",{className:"notitification-item__container",onClick:()=>t(e.id,!e.isRead),children:[p.jsx("div",{className:"notification-item__image-container",children:p.jsx("img",{src:e==null?void 0:e.userAvatarUrl,onError:({currentTarget:r})=>{r.onerror=null,r.src="https://ukpcsaprod.blob.core.windows.net/account/logo.png"},alt:e.userName})}),p.jsxs("div",{className:"notification-item__content",children:[p.jsx("p",{className:"notification-item__user-name",children:e.userName}),p.jsxs("p",{children:[`${e.message} `,p.jsx("span",{children:e==null?void 0:e.context})]})]}),p.jsx("div",{className:"notification-item__time",children:p.jsx("p",{children:n(e.createdAt)})}),p.jsx("button",{className:`${(e==null?void 0:e.isRead)===!1?"unread":"read"} notification-item__read-at`,onClick:()=>t(e.id,!e.isRead),"aria-label":"Mark as read"})]})},Wi=({notidata:e,handleUpdateRead:t,handleUpdateReadAll:n})=>p.jsxs("div",{children:[p.jsx("div",{className:"mark-all-read",children:p.jsx("button",{onClick:n,children:"Mark all as read"})}),p.jsx("div",{className:"notification-items__wrapper",children:p.jsx("div",{className:"notification-items__content",children:Object.values(e).map((r,i)=>p.jsx(Cc,{notification:r,handleUpdateRead:t},i))})})]}),Yo=({baseUrl:e,notiPath:t,setNotiData:n})=>async()=>{const o=e+(t||"/notification-management/api/v1/notifications"),s=await At.get(o,{params:{filter:{notificationFilterType:"all"}},withCredentials:!0}),a=await At.get(o,{params:{filter:{notificationFilterType:"unread"}},withCredentials:!0});Promise.all([s,a]).then(l=>{var c,u,d,h;console.log("result: "+l),n({all:{rows:(c=l[0].data)==null?void 0:c.rows,total:(u=l[0].data)==null?void 0:u.total},unread:{rows:(d=l[1].data)==null?void 0:d.rows,total:(h=l[1].data)==null?void 0:h.total}})})},_c=({baseUrl:e,notiPath:t})=>{var d,h,m,y;const{setShowModalFalse:n}=T.useContext(w.CustomOpenList),{notidata:r,setNotiData:i}=T.useContext(w.CustomOpenList);console.log(r);const[o,s]=T.useState("all"),a=Yo({baseUrl:e,notiPath:t,setNotiData:i}),l=async()=>{var f,g;try{const S=e+(t||"/notification-management/api/v1/notifications");await At.put(S,{withCredentials:!0})}catch(b){console.log(b),w.pushError(((g=(f=b.response)==null?void 0:f.data)==null?void 0:g.errorMessage)||"Have error when get notification list")}await a()},c=async(f,g)=>{var b,S;try{const x=t||`/notification-management/api/v1/notifications/${f}`,E=e+x;await At.put(E,{isRead:g},{withCredentials:!0})}catch(x){w.pushError(((S=(b=x.response)==null?void 0:b.data)==null?void 0:S.errorMessage)||"Have error when get notification list")}await a()},u=[{id:"all",tabTitle:`All (${((d=r==null?void 0:r.all)==null?void 0:d.total)||0})`,children:p.jsx(Wi,{notidata:((h=r==null?void 0:r.all)==null?void 0:h.rows)||[],handleUpdateRead:c,handleUpdateReadAll:l})},{id:"unread",tabTitle:`Unread (${((m=r==null?void 0:r.unread)==null?void 0:m.total)||0})`,children:p.jsx(Wi,{notidata:((y=r==null?void 0:r.unread)==null?void 0:y.rows)||[],handleUpdateRead:c,handleUpdateReadAll:l})}];return p.jsx(p.Fragment,{children:p.jsx("div",{style:{position:"absolute",backgroundColor:"#fff",width:"550px",height:"90vh",right:"100px",top:"100%",padding:"32px",boxShadow:"10px 0px 20px #999",borderRadius:"0 0 8px 8px",overflow:"hidden"},children:p.jsxs("div",{className:"list-content",children:[p.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[p.jsx("h3",{style:{fontSize:"24px",fontWeight:"500"},className:"list-title",children:"Notifications"}),p.jsx("button",{onClick:n,children:p.jsx("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p.jsx("path",{d:"M7.05086 6.13616C6.66033 5.74563 6.02717 5.74563 5.63664 6.13616C5.24612 6.52668 5.24612 7.15984 5.63664 7.55037L10.5864 12.5001L5.63664 17.4499C5.24612 17.8404 5.24612 18.4736 5.63664 18.8641C6.02717 19.2546 6.66033 19.2546 7.05086 18.8641L12.0006 13.9143L16.9504 18.8641C17.3409 19.2546 17.974 19.2546 18.3646 18.8641C18.7551 18.4736 18.7551 17.8404 18.3646 17.4499L13.4148 12.5001L18.3646 7.55037C18.7551 7.15984 18.7551 6.52668 18.3646 6.13616C17.974 5.74563 17.3409 5.74563 16.9504 6.13616L12.0006 11.0859L7.05086 6.13616Z",fill:"#85858A"})})})]}),p.jsx(Ec,{tabs:u,setCurrentTab:s,currentTab:o})]})})})};function ti({childrenClass:e,action:t,childrenOpenClass:n}){const r=document.querySelector("#topbar-wrapper"),i=r==null?void 0:r.shadowRoot,o=i==null?void 0:i.querySelector(`.${e}`),s=i==null?void 0:i.querySelector(`.${n}`),a=i==null?void 0:i.querySelector("nav"),l=c=>{a==null||a.addEventListener("click",function(u){if(n&&s&&s.contains(u.target)){if(o&&!o.contains(u.target))return}else o&&!o.contains(u.target)&&t()}),r&&!r.contains(c.target)&&t()};document.addEventListener("click",l,!0)}function Tc({primaryColor:e="#009d4f",baseUrl:t,notiPath:n}){var u,d;const{isOpen:r,toggleOpen:i,setShowModalFalse:o}=T.useContext(w.CustomOpenList),{notidata:s,setNotiData:a}=T.useContext(w.CustomOpenList),l=Yo({baseUrl:t,notiPath:n,setNotiData:a}),c=async()=>{var h,m;try{await l()}catch(y){w.pushError(((m=(h=y.response)==null?void 0:h.data)==null?void 0:m.errorMessage)||"Have error when get notification list")}};return T.useEffect(()=>{c()},[r]),T.useEffect(()=>{ti({childrenClass:"noti-container",childrenOpenClass:"noti-list-container",action(){o()}})}),p.jsxs("div",{children:[p.jsxs("div",{className:"noti-container",style:{position:"relative"},children:[p.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:i,style:{cursor:"pointer"},children:[p.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),p.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(s==null?void 0:s.unread)&&(s==null?void 0:s.unread.total)!=0&&p.jsx("span",{style:{position:"absolute",top:"-9px",right:"-6px",background:`${Ho.color.dangerDark}`,width:"20px",height:"20px",border:"1px solid #fff",borderRadius:"50%",color:"#fff",fontSize:"12px",display:"flex",alignItems:"center",justifyContent:"center"},className:"notification-badge",children:((u=s==null?void 0:s.unread)==null?void 0:u.total)>9?"9+":`${(d=s==null?void 0:s.unread)==null?void 0:d.total}`})]}),p.jsx("div",{className:"noti-list-container",children:!r&&p.jsx(_c,{baseUrl:t,notiPath:n})})]})}const Pc=`*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}
 `;function Go({children:e,styles:t=[],...n}){return p.jsxs(w.C.div,{...n,children:[[Pc,...t].map((r,i)=>p.jsx("style",{type:"text/css",children:r},i)),e]})}const Ac=`.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{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-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}
 `,kc=`.tab-title{min-width:90px;padding:5px 16px;font-size:14px;font-weight:500;color:#c5c5c5;transition:all .3s ease-in-out;position:relative}.tab-title.is-active{color:#2e7d32}.tab-title.is-active:before{transition:all .3s ease-in-out;position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-bottom:2px solid #2E7D32}.tab-content{padding:16px 0}
-`,Oc=`: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}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
+`,Oc=`: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;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
 `,jc=`._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}
 `,Mc=`._subscription-diaglog_1gvmm_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_1gvmm_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1gvmm_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1gvmm_25,._subscription-text_1gvmm_34{margin-bottom:24px}._subscription-btn__container_1gvmm_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1gvmm_44,._btn-cancel_1gvmm_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px}._btn-cancel_1gvmm_45{background-color:#ddd}._btn-success_1gvmm_44{background-color:#93d500}
 `;function Nc(e){return p.jsxs("svg",{width:"34",height:"25",viewBox:"0 0 34 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[p.jsxs("g",{"clip-path":"url(#clip0_16865_28134)",children:[p.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"#1A47B8"}),p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.61691 0.5H0V4.5L30.3635 24.5L34 24.5V20.5L3.61691 0.5Z",fill:"white"}),p.jsx("path",{d:"M1.20635 0.5L34 22.1567V24.5H32.8219L0 2.82089V0.5H1.20635Z",fill:"#F93939"}),p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M30.7619 0.5H34V4.5C34 4.5 12.9683 17.8249 3.2381 24.5H0V20.5L30.7619 0.5Z",fill:"white"}),p.jsx("path",{d:"M34 0.5H32.9019L0 22.1753V24.5H1.20635L34 2.83842V0.5Z",fill:"#F93939"}),p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.3648 0.5H21.6635V7.90291H34V17.0922H21.6635V24.5H12.3648V17.0922H0V7.90291H12.3648V0.5Z",fill:"white"}),p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.3158 0.5H19.6842V9.73077H34V15.2692H19.6842V24.5H14.3158V15.2692H0V9.73077H14.3158V0.5Z",fill:"#F93939"})]}),p.jsx("defs",{children:p.jsx("clipPath",{id:"clip0_16865_28134",children:p.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"white"})})})]})}function Dc(e){return p.jsxs("svg",{width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[p.jsxs("g",{"clip-path":"url(#clip0_16886_62505)",children:[p.jsx("rect",{width:"34",height:"24",rx:"3",fill:"#F93939"}),p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 16H34V24H0V16Z",fill:"#FFDA2C"}),p.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 0H34V8H0V0Z",fill:"#151515"})]}),p.jsx("defs",{children:p.jsx("clipPath",{id:"clip0_16886_62505",children:p.jsx("rect",{width:"34",height:"24",rx:"3",fill:"white"})})})]})}function Rc({logo:e,user:t,baseUrl:n,notiPath:r,style:i,classNames:o="",customColors:s,notiprops:a}){const l=e||"/public/assets/icons/logo-header.png",c={...i,color:(s==null?void 0:s.color)||"black",backgroundColor:(s==null?void 0:s.bgColor)||"black"},[u,d]=T.useState(!1),h=()=>{window.location.href=`${n}/authentication/logout?callbackUrl=${window.location.href}`};return p.jsxs(Go,{styles:[Ac,kc,Oc,jc,Mc],style:{zIndex:1202},id:"topbar-wrapper",children:[p.jsx("nav",{className:`navbar ${o}`,style:s?c:i,children:p.jsxs("div",{className:"navbar-container",children:[p.jsx("div",{className:"logo-container",children:p.jsx("img",{src:l,alt:"logo-header"})}),p.jsxs("div",{className:"right-side-container",children:[p.jsx("span",{children:p.jsxs(w.CustomOpenListProvider,{children:[p.jsx(vc,{baseUrl:a.baseUrl,path:a.path,apiKey:a.apiKey,authDomain:a.authDomain,projectId:a.projectId,storageBucket:a.storageBucket,messagingSenderId:a.messagingSenderId,appId:a.appId,measurementId:a.measurementId,vapidKey:a.vapidKey}),p.jsx(Tc,{primaryColor:s==null?void 0:s.primaryColor,baseUrl:n,notiPath:r})]})}),p.jsx("span",{className:"cursor-pointer",children:p.jsx(Sc,{primaryColor:s==null?void 0:s.primaryColor})}),p.jsx(Ic,{primaryColor:s==null?void 0:s.primaryColor}),p.jsxs("div",{className:"userContainer",children:[p.jsx(Vc,{primaryColor:s==null?void 0:s.primaryColor,avatarUrl:t==null?void 0:t.avatarUrl,userName:t==null?void 0:t.firstName,setShowConfirmModal:d}),p.jsx("p",{className:"userFullName",children:`${(t==null?void 0:t.firstName)||"Unknown"} ${(t==null?void 0:t.lastName)||"User"}`})]})]})]})}),p.jsx(qo,{isOpen:u,onClose:()=>d(!1),onConfirm:h})]})}function Ic({primaryColor:e="#009d4f"}){var d;const t=[{value:w.Language.en,element:p.jsx(Nc,{})},{value:w.Language.de,element:p.jsx(Dc,{})}],[n,r]=T.useState(!1),[i,o]=T.useState(new Array(t.length).fill(!1)),s={width:"100px",padding:"8px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease-in-out"},{language:a,setLanguage:l}=w.useCustomTranslation();T.useEffect(()=>{ti({childrenClass:"languageDropdown",action(){r(!1)}})},[]);const c=h=>{o(m=>m.map((y,f)=>f===h))},u=h=>{o(m=>m.map((y,f)=>!1))};return p.jsxs("div",{className:"languageDropdownContainer",style:{position:"relative"},children:[p.jsxs("div",{className:"languageDropdown",onClick:()=>{r(!n)},children:[(d=t.find(h=>h.value==a))==null?void 0:d.element,p.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p.jsx("path",{d:"M4.42724 7.92678L7.82372 11.3232C7.92135 11.4209 8.07964 11.4209 8.17727 11.3232L11.5737 7.92678C11.7312 7.76928 11.6197 7.5 11.3969 7.5H4.60402C4.38129 7.5 4.26975 7.76929 4.42724 7.92678Z",fill:"#85858A"})})]}),p.jsx("div",{className:"dropdownListLanguage",style:{display:n?"block":"none",position:"absolute",top:"53px",right:"0px",padding:"8px",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",backgroundColor:"#fafafa"},children:t.filter(h=>h.value!==a).map((h,m)=>p.jsx("div",{className:"languageItem",style:{...s,backgroundColor:i[m]?e:"transparent"},onMouseEnter:()=>c(m),onMouseLeave:()=>u(m),onClick:()=>{l(h.value),localStorage.setItem("language",h.value),w.instance.changeLanguage(h.value),r(!1),u(m)},children:h.element}))})]})}function Vc({avatarUrl:e,userName:t,setShowConfirmModal:n,primaryColor:r="#009d4f"}){const[i,o]=T.useState(!1),s=T.useRef(null),a=T.useRef(null),[l,c]=T.useState(!1),[u,d]=T.useState(!1),h={backgroundColor:l?r:"transparent"},m={backgroundColor:u?r:"transparent"};return T.useEffect(()=>{ti({childrenClass:"userAvatar",action(){o(!1)}})},[]),p.jsx(p.Fragment,{children:p.jsxs("div",{style:{position:"relative"},children:[e?p.jsx("img",{onClick:()=>o(!i),ref:s,alt:"user avatar",className:"userAvatar",src:e}):p.jsx("div",{onClick:()=>o(!i),ref:s,className:"userAvatar",id:"userAvatarNull",children:(t==null?void 0:t.charAt(0))??""}),p.jsx("div",{style:{display:i?"block":"none"},className:"avartarDropdownMenu",ref:a,children:p.jsxs("ul",{children:[p.jsx("li",{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),style:m,className:"avatar-dropdown-item",children:"Profile"}),p.jsx("li",{onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),style:h,onClick:()=>n(!0),className:"avatar-dropdown-item",children:"Logout"})]})})]})})}var Lc=typeof global=="object"&&global&&global.Object===Object&&global;const $c=Lc;var zc=typeof self=="object"&&self&&self.Object===Object&&self,Fc=$c||zc||Function("return this")();const Ko=Fc;var Bc=Ko.Symbol;const Dn=Bc;var Xo=Object.prototype,Wc=Xo.hasOwnProperty,Hc=Xo.toString,Lt=Dn?Dn.toStringTag:void 0;function Uc(e){var t=Wc.call(e,Lt),n=e[Lt];try{e[Lt]=void 0;var r=!0}catch{}var i=Hc.call(e);return r&&(t?e[Lt]=n:delete e[Lt]),i}var qc=Object.prototype,Yc=qc.toString;function Gc(e){return Yc.call(e)}var Kc="[object Null]",Xc="[object Undefined]",Hi=Dn?Dn.toStringTag:void 0;function Zc(e){return e==null?e===void 0?Xc:Kc:Hi&&Hi in Object(e)?Uc(e):Gc(e)}function Jc(e){return e!=null&&typeof e=="object"}var Qc="[object Symbol]";function eu(e){return typeof e=="symbol"||Jc(e)&&Zc(e)==Qc}var tu=/\s/;function nu(e){for(var t=e.length;t--&&tu.test(e.charAt(t)););return t}var ru=/^\s+/;function iu(e){return e&&e.slice(0,nu(e)+1).replace(ru,"")}function Rn(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ui=0/0,su=/^[-+]0x[0-9a-f]+$/i,ou=/^0b[01]+$/i,au=/^0o[0-7]+$/i,lu=parseInt;function qi(e){if(typeof e=="number")return e;if(eu(e))return Ui;if(Rn(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=Rn(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=iu(e);var n=ou.test(e);return n||au.test(e)?lu(e.slice(2),n?2:8):su.test(e)?Ui:+e}var cu=function(){return Ko.Date.now()};const gr=cu;var uu="Expected a function",du=Math.max,fu=Math.min;function En(e,t,n){var r,i,o,s,a,l,c=0,u=!1,d=!1,h=!0;if(typeof e!="function")throw new TypeError(uu);t=qi(t)||0,Rn(n)&&(u=!!n.leading,d="maxWait"in n,o=d?du(qi(n.maxWait)||0,t):o,h="trailing"in n?!!n.trailing:h);function m(C){var _=r,P=i;return r=i=void 0,c=C,s=e.apply(P,_),s}function y(C){return c=C,a=setTimeout(b,t),u?m(C):s}function f(C){var _=C-l,P=C-c,k=t-_;return d?fu(k,o-P):k}function g(C){var _=C-l,P=C-c;return l===void 0||_>=t||_<0||d&&P>=o}function b(){var C=gr();if(g(C))return S(C);a=setTimeout(b,f(C))}function S(C){return a=void 0,h&&r?m(C):(r=i=void 0,s)}function x(){a!==void 0&&clearTimeout(a),c=0,r=l=i=a=void 0}function E(){return a===void 0?s:S(gr())}function v(){var C=gr(),_=g(C);if(r=arguments,i=this,l=C,_){if(a===void 0)return y(l);if(d)return clearTimeout(a),a=setTimeout(b,t),m(l)}return a===void 0&&(a=setTimeout(b,t)),s}return v.cancel=x,v.flush=E,v}var hu="Expected a function";function pu(e,t,n){var r=!0,i=!0;if(typeof e!="function")throw new TypeError(hu);return Rn(n)&&(r="leading"in n?!!n.leading:r,i="trailing"in n?!!n.trailing:i),En(e,t,{leading:r,maxWait:t,trailing:i})}var mu=!!(typeof window<"u"&&window.document&&window.document.createElement),gu=mu;const Zo=w.getDefaultExportFromCjs(gu);var xt=function(){return xt=Object.assign||function(t){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},xt.apply(this,arguments)},bt=null,Yi=null;Zo&&window.addEventListener("resize",function(){Yi!==window.devicePixelRatio&&(Yi=window.devicePixelRatio,bt=null)});function Gi(){if(bt===null){if(typeof document>"u")return bt=0,bt;var e=document.body,t=document.createElement("div");t.classList.add("simplebar-hide-scrollbar"),e.appendChild(t);var n=t.getBoundingClientRect().right;e.removeChild(t),bt=n}return bt}function Jo(e){return!e||!e.ownerDocument||!e.ownerDocument.defaultView?window:e.ownerDocument.defaultView}function Qo(e){return!e||!e.ownerDocument?document:e.ownerDocument}var ea=function(e){var t={},n=Array.prototype.reduce.call(e,function(r,i){var o=i.name.match(/data-simplebar-(.+)/);if(o){var s=o[1].replace(/\W+(.)/g,function(a,l){return l.toUpperCase()});switch(i.value){case"true":r[s]=!0;break;case"false":r[s]=!1;break;case void 0:r[s]=!0;break;default:r[s]=i.value}}return r},t);return n};function ta(e,t){var n;e&&(n=e.classList).add.apply(n,t.split(" "))}function na(e,t){e&&t.split(" ").forEach(function(n){e.classList.remove(n)})}function ra(e){return".".concat(e.split(" ").join("."))}var yu=Object.freeze({__proto__:null,getElementWindow:Jo,getElementDocument:Qo,getOptions:ea,addClasses:ta,removeClasses:na,classNamesToQuery:ra}),He=Jo,yr=Qo,vu=ea,Ue=ta,qe=na,de=ra,mn=function(){function e(t,n){n===void 0&&(n={});var r=this;if(this.removePreventClickId=null,this.minScrollbarWidth=20,this.stopScrollDelay=175,this.isScrolling=!1,this.isMouseEntering=!1,this.scrollXTicking=!1,this.scrollYTicking=!1,this.wrapperEl=null,this.contentWrapperEl=null,this.contentEl=null,this.offsetEl=null,this.maskEl=null,this.placeholderEl=null,this.heightAutoObserverWrapperEl=null,this.heightAutoObserverEl=null,this.rtlHelpers=null,this.scrollbarWidth=0,this.resizeObserver=null,this.mutationObserver=null,this.elStyles=null,this.isRtl=null,this.mouseX=0,this.mouseY=0,this.onMouseMove=function(){},this.onWindowResize=function(){},this.onStopScrolling=function(){},this.onMouseEntered=function(){},this.onScroll=function(){var i=He(r.el);r.scrollXTicking||(i.requestAnimationFrame(r.scrollX),r.scrollXTicking=!0),r.scrollYTicking||(i.requestAnimationFrame(r.scrollY),r.scrollYTicking=!0),r.isScrolling||(r.isScrolling=!0,Ue(r.el,r.classNames.scrolling)),r.showScrollbar("x"),r.showScrollbar("y"),r.onStopScrolling()},this.scrollX=function(){r.axis.x.isOverflowing&&r.positionScrollbar("x"),r.scrollXTicking=!1},this.scrollY=function(){r.axis.y.isOverflowing&&r.positionScrollbar("y"),r.scrollYTicking=!1},this._onStopScrolling=function(){qe(r.el,r.classNames.scrolling),r.options.autoHide&&(r.hideScrollbar("x"),r.hideScrollbar("y")),r.isScrolling=!1},this.onMouseEnter=function(){r.isMouseEntering||(Ue(r.el,r.classNames.mouseEntered),r.showScrollbar("x"),r.showScrollbar("y"),r.isMouseEntering=!0),r.onMouseEntered()},this._onMouseEntered=function(){qe(r.el,r.classNames.mouseEntered),r.options.autoHide&&(r.hideScrollbar("x"),r.hideScrollbar("y")),r.isMouseEntering=!1},this._onMouseMove=function(i){r.mouseX=i.clientX,r.mouseY=i.clientY,(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&r.onMouseMoveForAxis("x"),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&r.onMouseMoveForAxis("y")},this.onMouseLeave=function(){r.onMouseMove.cancel(),(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&r.onMouseLeaveForAxis("x"),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&r.onMouseLeaveForAxis("y"),r.mouseX=-1,r.mouseY=-1},this._onWindowResize=function(){r.scrollbarWidth=r.getScrollbarWidth(),r.hideNativeScrollbar()},this.onPointerEvent=function(i){if(!(!r.axis.x.track.el||!r.axis.y.track.el||!r.axis.x.scrollbar.el||!r.axis.y.scrollbar.el)){var o,s;r.axis.x.track.rect=r.axis.x.track.el.getBoundingClientRect(),r.axis.y.track.rect=r.axis.y.track.el.getBoundingClientRect(),(r.axis.x.isOverflowing||r.axis.x.forceVisible)&&(o=r.isWithinBounds(r.axis.x.track.rect)),(r.axis.y.isOverflowing||r.axis.y.forceVisible)&&(s=r.isWithinBounds(r.axis.y.track.rect)),(o||s)&&(i.stopPropagation(),i.type==="pointerdown"&&i.pointerType!=="touch"&&(o&&(r.axis.x.scrollbar.rect=r.axis.x.scrollbar.el.getBoundingClientRect(),r.isWithinBounds(r.axis.x.scrollbar.rect)?r.onDragStart(i,"x"):r.onTrackClick(i,"x")),s&&(r.axis.y.scrollbar.rect=r.axis.y.scrollbar.el.getBoundingClientRect(),r.isWithinBounds(r.axis.y.scrollbar.rect)?r.onDragStart(i,"y"):r.onTrackClick(i,"y"))))}},this.drag=function(i){var o,s,a,l,c,u,d,h,m,y,f;if(!(!r.draggedAxis||!r.contentWrapperEl)){var g,b=r.axis[r.draggedAxis].track,S=(s=(o=b.rect)===null||o===void 0?void 0:o[r.axis[r.draggedAxis].sizeAttr])!==null&&s!==void 0?s:0,x=r.axis[r.draggedAxis].scrollbar,E=(l=(a=r.contentWrapperEl)===null||a===void 0?void 0:a[r.axis[r.draggedAxis].scrollSizeAttr])!==null&&l!==void 0?l:0,v=parseInt((u=(c=r.elStyles)===null||c===void 0?void 0:c[r.axis[r.draggedAxis].sizeAttr])!==null&&u!==void 0?u:"0px",10);i.preventDefault(),i.stopPropagation(),r.draggedAxis==="y"?g=i.pageY:g=i.pageX;var C=g-((h=(d=b.rect)===null||d===void 0?void 0:d[r.axis[r.draggedAxis].offsetAttr])!==null&&h!==void 0?h:0)-r.axis[r.draggedAxis].dragOffset;C=r.draggedAxis==="x"&&r.isRtl?((y=(m=b.rect)===null||m===void 0?void 0:m[r.axis[r.draggedAxis].sizeAttr])!==null&&y!==void 0?y:0)-x.size-C:C;var _=C/(S-x.size),P=_*(E-v);r.draggedAxis==="x"&&r.isRtl&&(P=!((f=e.getRtlHelpers())===null||f===void 0)&&f.isScrollingToNegative?-P:P),r.contentWrapperEl[r.axis[r.draggedAxis].scrollOffsetAttr]=P}},this.onEndDrag=function(i){var o=yr(r.el),s=He(r.el);i.preventDefault(),i.stopPropagation(),qe(r.el,r.classNames.dragging),o.removeEventListener("mousemove",r.drag,!0),o.removeEventListener("mouseup",r.onEndDrag,!0),r.removePreventClickId=s.setTimeout(function(){o.removeEventListener("click",r.preventClick,!0),o.removeEventListener("dblclick",r.preventClick,!0),r.removePreventClickId=null})},this.preventClick=function(i){i.preventDefault(),i.stopPropagation()},this.el=t,this.options=xt(xt({},e.defaultOptions),n),this.classNames=xt(xt({},e.defaultOptions.classNames),n.classNames),this.axis={x:{scrollOffsetAttr:"scrollLeft",sizeAttr:"width",scrollSizeAttr:"scrollWidth",offsetSizeAttr:"offsetWidth",offsetAttr:"left",overflowAttr:"overflowX",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}},y:{scrollOffsetAttr:"scrollTop",sizeAttr:"height",scrollSizeAttr:"scrollHeight",offsetSizeAttr:"offsetHeight",offsetAttr:"top",overflowAttr:"overflowY",dragOffset:0,isOverflowing:!0,forceVisible:!1,track:{size:null,el:null,rect:null,isVisible:!1},scrollbar:{size:null,el:null,rect:null,isVisible:!1}}},typeof this.el!="object"||!this.el.nodeName)throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));this.onMouseMove=pu(this._onMouseMove,64),this.onWindowResize=En(this._onWindowResize,64,{leading:!0}),this.onStopScrolling=En(this._onStopScrolling,this.stopScrollDelay),this.onMouseEntered=En(this._onMouseEntered,this.stopScrollDelay),this.init()}return e.getRtlHelpers=function(){if(e.rtlHelpers)return e.rtlHelpers;var t=document.createElement("div");t.innerHTML='<div class="simplebar-dummy-scrollbar-size"><div></div></div>';var n=t.firstElementChild,r=n==null?void 0:n.firstElementChild;if(!r)return null;document.body.appendChild(n),n.scrollLeft=0;var i=e.getOffset(n),o=e.getOffset(r);n.scrollLeft=-999;var s=e.getOffset(r);return document.body.removeChild(n),e.rtlHelpers={isScrollOriginAtZero:i.left!==o.left,isScrollingToNegative:o.left!==s.left},e.rtlHelpers},e.prototype.getScrollbarWidth=function(){try{return this.contentWrapperEl&&getComputedStyle(this.contentWrapperEl,"::-webkit-scrollbar").display==="none"||"scrollbarWidth"in document.documentElement.style||"-ms-overflow-style"in document.documentElement.style?0:Gi()}catch{return Gi()}},e.getOffset=function(t){var n=t.getBoundingClientRect(),r=yr(t),i=He(t);return{top:n.top+(i.pageYOffset||r.documentElement.scrollTop),left:n.left+(i.pageXOffset||r.documentElement.scrollLeft)}},e.prototype.init=function(){Zo&&(this.initDOM(),this.rtlHelpers=e.getRtlHelpers(),this.scrollbarWidth=this.getScrollbarWidth(),this.recalculate(),this.initListeners())},e.prototype.initDOM=function(){var t,n;this.wrapperEl=this.el.querySelector(de(this.classNames.wrapper)),this.contentWrapperEl=this.options.scrollableNode||this.el.querySelector(de(this.classNames.contentWrapper)),this.contentEl=this.options.contentNode||this.el.querySelector(de(this.classNames.contentEl)),this.offsetEl=this.el.querySelector(de(this.classNames.offset)),this.maskEl=this.el.querySelector(de(this.classNames.mask)),this.placeholderEl=this.findChild(this.wrapperEl,de(this.classNames.placeholder)),this.heightAutoObserverWrapperEl=this.el.querySelector(de(this.classNames.heightAutoObserverWrapperEl)),this.heightAutoObserverEl=this.el.querySelector(de(this.classNames.heightAutoObserverEl)),this.axis.x.track.el=this.findChild(this.el,"".concat(de(this.classNames.track)).concat(de(this.classNames.horizontal))),this.axis.y.track.el=this.findChild(this.el,"".concat(de(this.classNames.track)).concat(de(this.classNames.vertical))),this.axis.x.scrollbar.el=((t=this.axis.x.track.el)===null||t===void 0?void 0:t.querySelector(de(this.classNames.scrollbar)))||null,this.axis.y.scrollbar.el=((n=this.axis.y.track.el)===null||n===void 0?void 0:n.querySelector(de(this.classNames.scrollbar)))||null,this.options.autoHide||(Ue(this.axis.x.scrollbar.el,this.classNames.visible),Ue(this.axis.y.scrollbar.el,this.classNames.visible))},e.prototype.initListeners=function(){var t=this,n,r=He(this.el);if(this.el.addEventListener("mouseenter",this.onMouseEnter),this.el.addEventListener("pointerdown",this.onPointerEvent,!0),this.el.addEventListener("mousemove",this.onMouseMove),this.el.addEventListener("mouseleave",this.onMouseLeave),(n=this.contentWrapperEl)===null||n===void 0||n.addEventListener("scroll",this.onScroll),r.addEventListener("resize",this.onWindowResize),!!this.contentEl){if(window.ResizeObserver){var i=!1,o=r.ResizeObserver||ResizeObserver;this.resizeObserver=new o(function(){i&&r.requestAnimationFrame(function(){t.recalculate()})}),this.resizeObserver.observe(this.el),this.resizeObserver.observe(this.contentEl),r.requestAnimationFrame(function(){i=!0})}this.mutationObserver=new r.MutationObserver(function(){r.requestAnimationFrame(function(){t.recalculate()})}),this.mutationObserver.observe(this.contentEl,{childList:!0,subtree:!0,characterData:!0})}},e.prototype.recalculate=function(){if(!(!this.heightAutoObserverEl||!this.contentEl||!this.contentWrapperEl||!this.wrapperEl||!this.placeholderEl)){var t=He(this.el);this.elStyles=t.getComputedStyle(this.el),this.isRtl=this.elStyles.direction==="rtl";var n=this.contentEl.offsetWidth,r=this.heightAutoObserverEl.offsetHeight<=1,i=this.heightAutoObserverEl.offsetWidth<=1||n>0,o=this.contentWrapperEl.offsetWidth,s=this.elStyles.overflowX,a=this.elStyles.overflowY;this.contentEl.style.padding="".concat(this.elStyles.paddingTop," ").concat(this.elStyles.paddingRight," ").concat(this.elStyles.paddingBottom," ").concat(this.elStyles.paddingLeft),this.wrapperEl.style.margin="-".concat(this.elStyles.paddingTop," -").concat(this.elStyles.paddingRight," -").concat(this.elStyles.paddingBottom," -").concat(this.elStyles.paddingLeft);var l=this.contentEl.scrollHeight,c=this.contentEl.scrollWidth;this.contentWrapperEl.style.height=r?"auto":"100%",this.placeholderEl.style.width=i?"".concat(n||c,"px"):"auto",this.placeholderEl.style.height="".concat(l,"px");var u=this.contentWrapperEl.offsetHeight;this.axis.x.isOverflowing=n!==0&&c>n,this.axis.y.isOverflowing=l>u,this.axis.x.isOverflowing=s==="hidden"?!1:this.axis.x.isOverflowing,this.axis.y.isOverflowing=a==="hidden"?!1:this.axis.y.isOverflowing,this.axis.x.forceVisible=this.options.forceVisible==="x"||this.options.forceVisible===!0,this.axis.y.forceVisible=this.options.forceVisible==="y"||this.options.forceVisible===!0,this.hideNativeScrollbar();var d=this.axis.x.isOverflowing?this.scrollbarWidth:0,h=this.axis.y.isOverflowing?this.scrollbarWidth:0;this.axis.x.isOverflowing=this.axis.x.isOverflowing&&c>o-h,this.axis.y.isOverflowing=this.axis.y.isOverflowing&&l>u-d,this.axis.x.scrollbar.size=this.getScrollbarSize("x"),this.axis.y.scrollbar.size=this.getScrollbarSize("y"),this.axis.x.scrollbar.el&&(this.axis.x.scrollbar.el.style.width="".concat(this.axis.x.scrollbar.size,"px")),this.axis.y.scrollbar.el&&(this.axis.y.scrollbar.el.style.height="".concat(this.axis.y.scrollbar.size,"px")),this.positionScrollbar("x"),this.positionScrollbar("y"),this.toggleTrackVisibility("x"),this.toggleTrackVisibility("y")}},e.prototype.getScrollbarSize=function(t){var n,r;if(t===void 0&&(t="y"),!this.axis[t].isOverflowing||!this.contentEl)return 0;var i=this.contentEl[this.axis[t].scrollSizeAttr],o=(r=(n=this.axis[t].track.el)===null||n===void 0?void 0:n[this.axis[t].offsetSizeAttr])!==null&&r!==void 0?r:0,s=o/i,a;return a=Math.max(~~(s*o),this.options.scrollbarMinSize),this.options.scrollbarMaxSize&&(a=Math.min(a,this.options.scrollbarMaxSize)),a},e.prototype.positionScrollbar=function(t){var n,r,i;t===void 0&&(t="y");var o=this.axis[t].scrollbar;if(!(!this.axis[t].isOverflowing||!this.contentWrapperEl||!o.el||!this.elStyles)){var s=this.contentWrapperEl[this.axis[t].scrollSizeAttr],a=((n=this.axis[t].track.el)===null||n===void 0?void 0:n[this.axis[t].offsetSizeAttr])||0,l=parseInt(this.elStyles[this.axis[t].sizeAttr],10),c=this.contentWrapperEl[this.axis[t].scrollOffsetAttr];c=t==="x"&&this.isRtl&&(!((r=e.getRtlHelpers())===null||r===void 0)&&r.isScrollOriginAtZero)?-c:c,t==="x"&&this.isRtl&&(c=!((i=e.getRtlHelpers())===null||i===void 0)&&i.isScrollingToNegative?c:-c);var u=c/(s-l),d=~~((a-o.size)*u);d=t==="x"&&this.isRtl?-d+(a-o.size):d,o.el.style.transform=t==="x"?"translate3d(".concat(d,"px, 0, 0)"):"translate3d(0, ".concat(d,"px, 0)")}},e.prototype.toggleTrackVisibility=function(t){t===void 0&&(t="y");var n=this.axis[t].track.el,r=this.axis[t].scrollbar.el;!n||!r||!this.contentWrapperEl||(this.axis[t].isOverflowing||this.axis[t].forceVisible?(n.style.visibility="visible",this.contentWrapperEl.style[this.axis[t].overflowAttr]="scroll",this.el.classList.add("".concat(this.classNames.scrollable,"-").concat(t))):(n.style.visibility="hidden",this.contentWrapperEl.style[this.axis[t].overflowAttr]="hidden",this.el.classList.remove("".concat(this.classNames.scrollable,"-").concat(t))),this.axis[t].isOverflowing?r.style.display="block":r.style.display="none")},e.prototype.showScrollbar=function(t){t===void 0&&(t="y"),this.axis[t].isOverflowing&&!this.axis[t].scrollbar.isVisible&&(Ue(this.axis[t].scrollbar.el,this.classNames.visible),this.axis[t].scrollbar.isVisible=!0)},e.prototype.hideScrollbar=function(t){t===void 0&&(t="y"),this.axis[t].isOverflowing&&this.axis[t].scrollbar.isVisible&&(qe(this.axis[t].scrollbar.el,this.classNames.visible),this.axis[t].scrollbar.isVisible=!1)},e.prototype.hideNativeScrollbar=function(){this.offsetEl&&(this.offsetEl.style[this.isRtl?"left":"right"]=this.axis.y.isOverflowing||this.axis.y.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px",this.offsetEl.style.bottom=this.axis.x.isOverflowing||this.axis.x.forceVisible?"-".concat(this.scrollbarWidth,"px"):"0px")},e.prototype.onMouseMoveForAxis=function(t){t===void 0&&(t="y");var n=this.axis[t];!n.track.el||!n.scrollbar.el||(n.track.rect=n.track.el.getBoundingClientRect(),n.scrollbar.rect=n.scrollbar.el.getBoundingClientRect(),this.isWithinBounds(n.track.rect)?(this.showScrollbar(t),Ue(n.track.el,this.classNames.hover),this.isWithinBounds(n.scrollbar.rect)?Ue(n.scrollbar.el,this.classNames.hover):qe(n.scrollbar.el,this.classNames.hover)):(qe(n.track.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(t)))},e.prototype.onMouseLeaveForAxis=function(t){t===void 0&&(t="y"),qe(this.axis[t].track.el,this.classNames.hover),qe(this.axis[t].scrollbar.el,this.classNames.hover),this.options.autoHide&&this.hideScrollbar(t)},e.prototype.onDragStart=function(t,n){var r;n===void 0&&(n="y");var i=yr(this.el),o=He(this.el),s=this.axis[n].scrollbar,a=n==="y"?t.pageY:t.pageX;this.axis[n].dragOffset=a-(((r=s.rect)===null||r===void 0?void 0:r[this.axis[n].offsetAttr])||0),this.draggedAxis=n,Ue(this.el,this.classNames.dragging),i.addEventListener("mousemove",this.drag,!0),i.addEventListener("mouseup",this.onEndDrag,!0),this.removePreventClickId===null?(i.addEventListener("click",this.preventClick,!0),i.addEventListener("dblclick",this.preventClick,!0)):(o.clearTimeout(this.removePreventClickId),this.removePreventClickId=null)},e.prototype.onTrackClick=function(t,n){var r=this,i,o,s,a;n===void 0&&(n="y");var l=this.axis[n];if(!(!this.options.clickOnTrack||!l.scrollbar.el||!this.contentWrapperEl)){t.preventDefault();var c=He(this.el);this.axis[n].scrollbar.rect=l.scrollbar.el.getBoundingClientRect();var u=this.axis[n].scrollbar,d=(o=(i=u.rect)===null||i===void 0?void 0:i[this.axis[n].offsetAttr])!==null&&o!==void 0?o:0,h=parseInt((a=(s=this.elStyles)===null||s===void 0?void 0:s[this.axis[n].sizeAttr])!==null&&a!==void 0?a:"0px",10),m=this.contentWrapperEl[this.axis[n].scrollOffsetAttr],y=n==="y"?this.mouseY-d:this.mouseX-d,f=y<0?-1:1,g=f===-1?m-h:m+h,b=40,S=function(){r.contentWrapperEl&&(f===-1?m>g&&(m-=b,r.contentWrapperEl[r.axis[n].scrollOffsetAttr]=m,c.requestAnimationFrame(S)):m<g&&(m+=b,r.contentWrapperEl[r.axis[n].scrollOffsetAttr]=m,c.requestAnimationFrame(S)))};S()}},e.prototype.getContentElement=function(){return this.contentEl},e.prototype.getScrollElement=function(){return this.contentWrapperEl},e.prototype.removeListeners=function(){var t=He(this.el);this.el.removeEventListener("mouseenter",this.onMouseEnter),this.el.removeEventListener("pointerdown",this.onPointerEvent,!0),this.el.removeEventListener("mousemove",this.onMouseMove),this.el.removeEventListener("mouseleave",this.onMouseLeave),this.contentWrapperEl&&this.contentWrapperEl.removeEventListener("scroll",this.onScroll),t.removeEventListener("resize",this.onWindowResize),this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeObserver&&this.resizeObserver.disconnect(),this.onMouseMove.cancel(),this.onWindowResize.cancel(),this.onStopScrolling.cancel(),this.onMouseEntered.cancel()},e.prototype.unMount=function(){this.removeListeners()},e.prototype.isWithinBounds=function(t){return this.mouseX>=t.left&&this.mouseX<=t.left+t.width&&this.mouseY>=t.top&&this.mouseY<=t.top+t.height},e.prototype.findChild=function(t,n){var r=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector;return Array.prototype.filter.call(t.children,function(i){return r.call(i,n)})[0]},e.rtlHelpers=null,e.defaultOptions={forceVisible:!1,clickOnTrack:!0,scrollbarMinSize:25,scrollbarMaxSize:0,ariaLabel:"scrollable content",classNames:{contentEl:"simplebar-content",contentWrapper:"simplebar-content-wrapper",offset:"simplebar-offset",mask:"simplebar-mask",wrapper:"simplebar-wrapper",placeholder:"simplebar-placeholder",scrollbar:"simplebar-scrollbar",track:"simplebar-track",heightAutoObserverWrapperEl:"simplebar-height-auto-observer-wrapper",heightAutoObserverEl:"simplebar-height-auto-observer",visible:"simplebar-visible",horizontal:"simplebar-horizontal",vertical:"simplebar-vertical",hover:"simplebar-hover",dragging:"simplebar-dragging",scrolling:"simplebar-scrolling",scrollable:"simplebar-scrollable",mouseEntered:"simplebar-mouse-entered"},scrollableNode:null,contentNode:null,autoHide:!0},e.getOptions=vu,e.helpers=yu,e}(),me=function(){return me=Object.assign||function(t){for(var n,r=1,i=arguments.length;r<i;r++){n=arguments[r];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},me.apply(this,arguments)};function bu(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n}var ia=N.forwardRef(function(e,t){var n=e.children,r=e.scrollableNodeProps,i=r===void 0?{}:r,o=bu(e,["children","scrollableNodeProps"]),s=N.useRef(),a=N.useRef(),l=N.useRef(),c={},u={};Object.keys(o).forEach(function(m){Object.prototype.hasOwnProperty.call(mn.defaultOptions,m)?c[m]=o[m]:u[m]=o[m]});var d=me(me({},mn.defaultOptions.classNames),c.classNames),h=me(me({},i),{className:"".concat(d.contentWrapper).concat(i.className?" ".concat(i.className):""),tabIndex:0,role:"region","aria-label":c.ariaLabel||mn.defaultOptions.ariaLabel});return N.useEffect(function(){var m;return a.current=h.ref?h.ref.current:a.current,s.current&&(m=new mn(s.current,me(me(me({},c),a.current&&{scrollableNode:a.current}),l.current&&{contentNode:l.current})),typeof t=="function"?t(m):t&&(t.current=m)),function(){m==null||m.unMount(),m=null,typeof t=="function"&&t(null)}},[]),N.createElement("div",me({"data-simplebar":"init",ref:s},u),N.createElement("div",{className:d.wrapper},N.createElement("div",{className:d.heightAutoObserverWrapperEl},N.createElement("div",{className:d.heightAutoObserverEl})),N.createElement("div",{className:d.mask},N.createElement("div",{className:d.offset},typeof n=="function"?n({scrollableNodeRef:a,scrollableNodeProps:me(me({},h),{ref:a}),contentNodeRef:l,contentNodeProps:{className:d.contentEl,ref:l}}):N.createElement("div",me({},h),N.createElement("div",{className:d.contentEl},n)))),N.createElement("div",{className:d.placeholder})),N.createElement("div",{className:"".concat(d.track," simplebar-horizontal")},N.createElement("div",{className:d.scrollbar})),N.createElement("div",{className:"".concat(d.track," simplebar-vertical")},N.createElement("div",{className:d.scrollbar})))});ia.displayName="SimpleBar";const xu=`[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
@@ -80,4 +80,4 @@ const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });`:Jt(12,g?` (${g})`:"",JSON.stringify(f.main)));return jo(f,"light",S,r),jo(f,"dark",x,r),f.contrastText||(f.contrastText=d(f.main)),f},m={dark:jr,light:Oo};return process.env.NODE_ENV!=="production"&&(m[t]||console.error(`MUI: The palette mode \`${t}\` is not supported.`)),Ne(w._extends({common:w._extends({},nn),mode:t,primary:h({color:o,name:"primary"}),secondary:h({color:s,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:h({color:a,name:"error"}),warning:h({color:u,name:"warning"}),info:h({color:l,name:"info"}),success:h({color:c,name:"success"}),grey:sg,contrastThreshold:n,getContrastText:d,augmentColor:h,tonalOffset:r},m[t]),i)}const xg=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];function wg(e){return Math.round(e*1e5)/1e5}const Mo={textTransform:"uppercase"},No='"Roboto", "Helvetica", "Arial", sans-serif';function Sg(e,t){const n=typeof t=="function"?t(e):t,{fontFamily:r=No,fontSize:i=14,fontWeightLight:o=300,fontWeightRegular:s=400,fontWeightMedium:a=500,fontWeightBold:l=700,htmlFontSize:c=16,allVariants:u,pxToRem:d}=n,h=w._objectWithoutPropertiesLoose(n,xg);process.env.NODE_ENV!=="production"&&(typeof i!="number"&&console.error("MUI: `fontSize` is required to be a number."),typeof c!="number"&&console.error("MUI: `htmlFontSize` is required to be a number."));const m=i/14,y=d||(b=>`${b/c*m}rem`),f=(b,S,x,E,v)=>w._extends({fontFamily:r,fontWeight:b,fontSize:y(S),lineHeight:x},r===No?{letterSpacing:`${wg(E/S)}em`}:{},v,u),g={h1:f(o,96,1.167,-1.5),h2:f(o,60,1.2,-.5),h3:f(s,48,1.167,0),h4:f(s,34,1.235,.25),h5:f(s,24,1.334,0),h6:f(a,20,1.6,.15),subtitle1:f(s,16,1.75,.15),subtitle2:f(a,14,1.57,.1),body1:f(s,16,1.5,.15),body2:f(s,14,1.43,.15),button:f(a,14,1.75,.4,Mo),caption:f(s,12,1.66,.4),overline:f(s,12,2.66,1,Mo),inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}};return Ne(w._extends({htmlFontSize:c,pxToRem:y,fontFamily:r,fontSize:i,fontWeightLight:o,fontWeightRegular:s,fontWeightMedium:a,fontWeightBold:l},g),h,{clone:!1})}const Eg=.2,Cg=.14,_g=.12;function Y(...e){return[`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Eg})`,`${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Cg})`,`${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${_g})`].join(",")}const Tg=["none",Y(0,2,1,-1,0,1,1,0,0,1,3,0),Y(0,3,1,-2,0,2,2,0,0,1,5,0),Y(0,3,3,-2,0,3,4,0,0,1,8,0),Y(0,2,4,-1,0,4,5,0,0,1,10,0),Y(0,3,5,-1,0,5,8,0,0,1,14,0),Y(0,3,5,-1,0,6,10,0,0,1,18,0),Y(0,4,5,-2,0,7,10,1,0,2,16,1),Y(0,5,5,-3,0,8,10,1,0,3,14,2),Y(0,5,6,-3,0,9,12,1,0,3,16,2),Y(0,6,6,-3,0,10,14,1,0,4,18,3),Y(0,6,7,-4,0,11,15,1,0,4,20,3),Y(0,7,8,-4,0,12,17,2,0,5,22,4),Y(0,7,8,-4,0,13,19,2,0,5,24,4),Y(0,7,9,-4,0,14,21,2,0,5,26,4),Y(0,8,9,-5,0,15,22,2,0,6,28,5),Y(0,8,10,-5,0,16,24,2,0,6,30,5),Y(0,8,11,-5,0,17,26,2,0,6,32,5),Y(0,9,11,-5,0,18,28,2,0,7,34,6),Y(0,9,12,-6,0,19,29,2,0,7,36,6),Y(0,10,13,-6,0,20,31,3,0,8,38,7),Y(0,10,13,-6,0,21,33,3,0,8,40,7),Y(0,10,14,-6,0,22,35,3,0,8,42,7),Y(0,11,14,-7,0,23,36,3,0,9,44,8),Y(0,11,15,-7,0,24,38,3,0,9,46,8)],Pg=Tg,Ag=["duration","easing","delay"],kg={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},Og={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function Do(e){return`${Math.round(e)}ms`}function jg(e){if(!e)return 0;const t=e/36;return Math.round((4+15*t**.25+t/5)*10)}function Mg(e){const t=w._extends({},kg,e.easing),n=w._extends({},Og,e.duration),r=(i=["all"],o={})=>{const{duration:s=n.standard,easing:a=t.easeInOut,delay:l=0}=o,c=w._objectWithoutPropertiesLoose(o,Ag);if(process.env.NODE_ENV!=="production"){const u=h=>typeof h=="string",d=h=>!isNaN(parseFloat(h));!u(i)&&!Array.isArray(i)&&console.error('MUI: Argument "props" must be a string or Array.'),!d(s)&&!u(s)&&console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`),u(a)||console.error('MUI: Argument "easing" must be a string.'),!d(l)&&!u(l)&&console.error('MUI: Argument "delay" must be a number or a string.'),typeof o!="object"&&console.error(["MUI: Secong argument of transition.create must be an object.","Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)),Object.keys(c).length!==0&&console.error(`MUI: Unrecognized argument(s) [${Object.keys(c).join(",")}].`)}return(Array.isArray(i)?i:[i]).map(u=>`${u} ${typeof s=="string"?s:Do(s)} ${a} ${typeof l=="string"?l:Do(l)}`).join(",")};return w._extends({getAutoHeightDuration:jg,create:r},e,{easing:t,duration:n})}const Ng={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},Dg=Ng,Rg=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function Ig(e={},...t){const{mixins:n={},palette:r={},transitions:i={},typography:o={}}=e,s=w._objectWithoutPropertiesLoose(e,Rg);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.":Jt(18));const a=bg(r),l=ki(e);let c=Ne(l,{mixins:Bm(l.breakpoints,n),palette:a,shadows:Pg.slice(),typography:Sg(a,o),transitions:Mg(i),zIndex:w._extends({},Dg)});if(c=Ne(c,s),c=t.reduce((u,d)=>Ne(u,d),c),process.env.NODE_ENV!=="production"){const u=["active","checked","completed","disabled","error","expanded","focused","focusVisible","required","selected"],d=(h,m)=>{let y;for(y in h){const f=h[y];if(u.indexOf(y)!==-1&&Object.keys(f).length>0){if(process.env.NODE_ENV!=="production"){const g=_i("",y);console.error([`MUI: The \`${m}\` component increases the CSS specificity of the \`${y}\` internal state.`,"You can not override it like this: ",JSON.stringify(h,null,2),"",`Instead, you need to use the '&.${g}' syntax:`,JSON.stringify({root:{[`&.${g}`]:f}},null,2),"","https://mui.com/r/state-classes-guide"].join(`
-`))}h[y]={}}}};Object.keys(c.components).forEach(h=>{const m=c.components[h].styleOverrides;m&&h.indexOf("Mui")===0&&d(m,h)})}return c.unstable_sxConfig=w._extends({},dn,s==null?void 0:s.unstable_sxConfig),c.unstable_sx=function(d){return Ai({sx:d,theme:this})},c}const Vg=Ig(),hc=Vg,pc="$$material";function Lg({props:e,name:t}){return Vm({props:e,name:t,defaultTheme:hc,themeId:pc})}var hn={};const $g=w.getAugmentedNamespace(w._extends$1),zg=w.getAugmentedNamespace(w.objectWithoutPropertiesLoose),Fg=w.getAugmentedNamespace(Mm),Bg=w.getAugmentedNamespace(n1),Wg=w.getAugmentedNamespace(c1),Hg=w.getAugmentedNamespace(l1),Ug=w.getAugmentedNamespace(pp),qg=w.getAugmentedNamespace(Fm);var Rt=oc;Object.defineProperty(hn,"__esModule",{value:!0});var Yg=hn.default=l2,Gg=hn.shouldForwardProp=kn;hn.systemDefaultTheme=void 0;var Se=Rt($g),Qr=Rt(zg),Ro=r2(Fg),Kg=Bg,Xg=Rt(Wg),Zg=Rt(Hg),Jg=Rt(Ug),Qg=Rt(qg);const e2=["ownerState"],t2=["variants"],n2=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function mc(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(mc=function(r){return r?n:t})(e)}function r2(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=mc(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var s=i?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function i2(e){return Object.keys(e).length===0}function s2(e){return typeof e=="string"&&e.charCodeAt(0)>96}function kn(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const o2=hn.systemDefaultTheme=(0,Jg.default)(),Io=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function Sn({defaultTheme:e,theme:t,themeId:n}){return i2(t)?e:t[n]||t}function a2(e){return e?(t,n)=>n[e]:null}function On(e,t){let{ownerState:n}=t,r=(0,Qr.default)(t,e2);const i=typeof e=="function"?e((0,Se.default)({ownerState:n},r)):e;if(Array.isArray(i))return i.flatMap(o=>On(o,(0,Se.default)({ownerState:n},r)));if(i&&typeof i=="object"&&Array.isArray(i.variants)){const{variants:o=[]}=i;let a=(0,Qr.default)(i,t2);return o.forEach(l=>{let c=!0;typeof l.props=="function"?c=l.props((0,Se.default)({ownerState:n},r,n)):Object.keys(l.props).forEach(u=>{(n==null?void 0:n[u])!==l.props[u]&&r[u]!==l.props[u]&&(c=!1)}),c&&(Array.isArray(a)||(a=[a]),a.push(typeof l.style=="function"?l.style((0,Se.default)({ownerState:n},r,n)):l.style))}),a}return i}function l2(e={}){const{themeId:t,defaultTheme:n=o2,rootShouldForwardProp:r=kn,slotShouldForwardProp:i=kn}=e,o=s=>(0,Qg.default)((0,Se.default)({},s,{theme:Sn((0,Se.default)({},s,{defaultTheme:n,themeId:t}))}));return o.__mui_systemSx=!0,(s,a={})=>{(0,Ro.internal_processStyles)(s,v=>v.filter(C=>!(C!=null&&C.__mui_systemSx)));const{name:l,slot:c,skipVariantsResolver:u,skipSx:d,overridesResolver:h=a2(Io(c))}=a,m=(0,Qr.default)(a,n2),y=u!==void 0?u:c&&c!=="Root"&&c!=="root"||!1,f=d||!1;let g;process.env.NODE_ENV!=="production"&&l&&(g=`${l}-${Io(c||"Root")}`);let b=kn;c==="Root"||c==="root"?b=r:c?b=i:s2(s)&&(b=void 0);const S=(0,Ro.default)(s,(0,Se.default)({shouldForwardProp:b,label:g},m)),x=v=>typeof v=="function"&&v.__emotion_real!==v||(0,Kg.isPlainObject)(v)?C=>On(v,(0,Se.default)({},C,{theme:Sn({theme:C.theme,defaultTheme:n,themeId:t})})):v,E=(v,...C)=>{let _=x(v);const P=C?C.map(x):[];l&&h&&P.push(j=>{const R=Sn((0,Se.default)({},j,{defaultTheme:n,themeId:t}));if(!R.components||!R.components[l]||!R.components[l].styleOverrides)return null;const G=R.components[l].styleOverrides,H={};return Object.entries(G).forEach(([ue,U])=>{H[ue]=On(U,(0,Se.default)({},j,{theme:R}))}),h(j,H)}),l&&!y&&P.push(j=>{var R;const G=Sn((0,Se.default)({},j,{defaultTheme:n,themeId:t})),H=G==null||(R=G.components)==null||(R=R[l])==null?void 0:R.variants;return On({variants:H},(0,Se.default)({},j,{theme:G}))}),f||P.push(o);const k=P.length-C.length;if(Array.isArray(v)&&k>0){const j=new Array(k).fill("");_=[...v,...j],_.raw=[...v.raw,...j]}const D=S(_,...P);if(process.env.NODE_ENV!=="production"){let j;l&&(j=`${l}${(0,Xg.default)(c||"")}`),j===void 0&&(j=`Styled(${(0,Zg.default)(s)})`),D.displayName=j}return s.muiName&&(D.muiName=s.muiName),D};return S.withConfig&&(E.withConfig=S.withConfig),E}}const c2=e=>Gg(e)&&e!=="classes",u2=Yg({themeId:pc,defaultTheme:hc,rootShouldForwardProp:c2}),d2=u2;function f2(e){return _i("MuiSvgIcon",e)}m1("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const h2=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],p2=e=>{const{color:t,fontSize:n,classes:r}=e,i={root:["root",t!=="inherit"&&`color${at(t)}`,`fontSize${at(n)}`]};return u1(i,f2,r)},m2=d2("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.color!=="inherit"&&t[`color${at(n.color)}`],t[`fontSize${at(n.fontSize)}`]]}})(({theme:e,ownerState:t})=>{var n,r,i,o,s,a,l,c,u,d,h,m,y;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:t.hasSvgAsChild?void 0:"currentColor",flexShrink:0,transition:(n=e.transitions)==null||(r=n.create)==null?void 0:r.call(n,"fill",{duration:(i=e.transitions)==null||(i=i.duration)==null?void 0:i.shorter}),fontSize:{inherit:"inherit",small:((o=e.typography)==null||(s=o.pxToRem)==null?void 0:s.call(o,20))||"1.25rem",medium:((a=e.typography)==null||(l=a.pxToRem)==null?void 0:l.call(a,24))||"1.5rem",large:((c=e.typography)==null||(u=c.pxToRem)==null?void 0:u.call(c,35))||"2.1875rem"}[t.fontSize],color:(d=(h=(e.vars||e).palette)==null||(h=h[t.color])==null?void 0:h.main)!=null?d:{action:(m=(e.vars||e).palette)==null||(m=m.action)==null?void 0:m.active,disabled:(y=(e.vars||e).palette)==null||(y=y.action)==null?void 0:y.disabled,inherit:void 0}[t.color]}}),Fi=N.forwardRef(function(t,n){const r=Lg({props:t,name:"MuiSvgIcon"}),{children:i,className:o,color:s="inherit",component:a="svg",fontSize:l="medium",htmlColor:c,inheritViewBox:u=!1,titleAccess:d,viewBox:h="0 0 24 24"}=r,m=w._objectWithoutPropertiesLoose(r,h2),y=N.isValidElement(i)&&i.type==="svg",f=w._extends({},r,{color:s,component:a,fontSize:l,instanceFontSize:t.fontSize,inheritViewBox:u,viewBox:h,hasSvgAsChild:y}),g={};u||(g.viewBox=h);const b=p2(f);return p.jsxs(m2,w._extends({as:a,className:w.clsx(b.root,o),focusable:"false",color:c,"aria-hidden":d?void 0:!0,role:d?"img":void 0,ref:n},g,m,y&&i.props,{ownerState:f,children:[y?i.props.children:i,d?p.jsx("title",{children:d}):null]}))});process.env.NODE_ENV!=="production"&&(Fi.propTypes={children:w.PropTypes.node,classes:w.PropTypes.object,className:w.PropTypes.string,color:w.PropTypes.oneOfType([w.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),w.PropTypes.string]),component:w.PropTypes.elementType,fontSize:w.PropTypes.oneOfType([w.PropTypes.oneOf(["inherit","large","medium","small"]),w.PropTypes.string]),htmlColor:w.PropTypes.string,inheritViewBox:w.PropTypes.bool,shapeRendering:w.PropTypes.string,sx:w.PropTypes.oneOfType([w.PropTypes.arrayOf(w.PropTypes.oneOfType([w.PropTypes.func,w.PropTypes.object,w.PropTypes.bool])),w.PropTypes.func,w.PropTypes.object]),titleAccess:w.PropTypes.string,viewBox:w.PropTypes.string});Fi.muiName="SvgIcon";const Vo=Fi;function g2(e,t){function n(r,i){return p.jsx(Vo,w._extends({"data-testid":`${t}Icon`,ref:i},r,{children:e}))}return process.env.NODE_ENV!=="production"&&(n.displayName=`${t}Icon`),n.muiName=Vo.muiName,N.memo(N.forwardRef(n))}const y2=g2(p.jsx("path",{d:"m7 10 5 5 5-5z"}),"ArrowDropDown");var Lo=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function v2(e,t){return!!(e===t||Lo(e)&&Lo(t))}function b2(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!v2(e[n],t[n]))return!1;return!0}function Mr(e,t){t===void 0&&(t=b2);var n,r=[],i,o=!1;function s(){for(var a=[],l=0;l<arguments.length;l++)a[l]=arguments[l];return o&&n===this&&t(a,r)||(i=e.apply(this,a),o=!0,n=this,r=a),i}return s}var x2=typeof performance=="object"&&typeof performance.now=="function",$o=x2?function(){return performance.now()}:function(){return Date.now()};function zo(e){cancelAnimationFrame(e.id)}function w2(e,t){var n=$o();function r(){$o()-n>=t?e.call(null):i.id=requestAnimationFrame(r)}var i={id:requestAnimationFrame(r)};return i}var Nr=-1;function Fo(e){if(e===void 0&&(e=!1),Nr===-1||e){var t=document.createElement("div"),n=t.style;n.width="50px",n.height="50px",n.overflow="scroll",document.body.appendChild(t),Nr=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return Nr}var vt=null;function Bo(e){if(e===void 0&&(e=!1),vt===null||e){var t=document.createElement("div"),n=t.style;n.width="50px",n.height="50px",n.overflow="scroll",n.direction="rtl";var r=document.createElement("div"),i=r.style;return i.width="100px",i.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?vt="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?vt="negative":vt="positive-ascending"),document.body.removeChild(t),vt}return vt}process.env.NODE_ENV;var S2=150,E2=function(t,n){return t},jn=null,Mn=null;process.env.NODE_ENV!=="production"&&typeof window<"u"&&typeof window.WeakSet<"u"&&(jn=new WeakSet,Mn=new WeakSet);function C2(e){var t,n=e.getItemOffset,r=e.getEstimatedTotalSize,i=e.getItemSize,o=e.getOffsetForIndexAndAlignment,s=e.getStartIndexForOffset,a=e.getStopIndexForStartIndex,l=e.initInstanceProps,c=e.shouldResetStyleCacheOnItemSizeChange,u=e.validateProps;return t=function(d){w._inheritsLoose(h,d);function h(y){var f;return f=d.call(this,y)||this,f._instanceProps=l(f.props,w._assertThisInitialized(f)),f._outerRef=void 0,f._resetIsScrollingTimeoutId=null,f.state={instance:w._assertThisInitialized(f),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof f.props.initialScrollOffset=="number"?f.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},f._callOnItemsRendered=void 0,f._callOnItemsRendered=Mr(function(g,b,S,x){return f.props.onItemsRendered({overscanStartIndex:g,overscanStopIndex:b,visibleStartIndex:S,visibleStopIndex:x})}),f._callOnScroll=void 0,f._callOnScroll=Mr(function(g,b,S){return f.props.onScroll({scrollDirection:g,scrollOffset:b,scrollUpdateWasRequested:S})}),f._getItemStyle=void 0,f._getItemStyle=function(g){var b=f.props,S=b.direction,x=b.itemSize,E=b.layout,v=f._getItemStyleCache(c&&x,c&&E,c&&S),C;if(v.hasOwnProperty(g))C=v[g];else{var _=n(f.props,g,f._instanceProps),P=i(f.props,g,f._instanceProps),k=S==="horizontal"||E==="horizontal",D=S==="rtl",j=k?_:0;v[g]=C={position:"absolute",left:D?void 0:j,right:D?j:void 0,top:k?0:_,height:k?"100%":P,width:k?P:"100%"}}return C},f._getItemStyleCache=void 0,f._getItemStyleCache=Mr(function(g,b,S){return{}}),f._onScrollHorizontal=function(g){var b=g.currentTarget,S=b.clientWidth,x=b.scrollLeft,E=b.scrollWidth;f.setState(function(v){if(v.scrollOffset===x)return null;var C=f.props.direction,_=x;if(C==="rtl")switch(Bo()){case"negative":_=-x;break;case"positive-descending":_=E-S-x;break}return _=Math.max(0,Math.min(_,E-S)),{isScrolling:!0,scrollDirection:v.scrollOffset<_?"forward":"backward",scrollOffset:_,scrollUpdateWasRequested:!1}},f._resetIsScrollingDebounced)},f._onScrollVertical=function(g){var b=g.currentTarget,S=b.clientHeight,x=b.scrollHeight,E=b.scrollTop;f.setState(function(v){if(v.scrollOffset===E)return null;var C=Math.max(0,Math.min(E,x-S));return{isScrolling:!0,scrollDirection:v.scrollOffset<C?"forward":"backward",scrollOffset:C,scrollUpdateWasRequested:!1}},f._resetIsScrollingDebounced)},f._outerRefSetter=function(g){var b=f.props.outerRef;f._outerRef=g,typeof b=="function"?b(g):b!=null&&typeof b=="object"&&b.hasOwnProperty("current")&&(b.current=g)},f._resetIsScrollingDebounced=function(){f._resetIsScrollingTimeoutId!==null&&zo(f._resetIsScrollingTimeoutId),f._resetIsScrollingTimeoutId=w2(f._resetIsScrolling,S2)},f._resetIsScrolling=function(){f._resetIsScrollingTimeoutId=null,f.setState({isScrolling:!1},function(){f._getItemStyleCache(-1,null)})},f}h.getDerivedStateFromProps=function(f,g){return _2(f,g),u(f),null};var m=h.prototype;return m.scrollTo=function(f){f=Math.max(0,f),this.setState(function(g){return g.scrollOffset===f?null:{scrollDirection:g.scrollOffset<f?"forward":"backward",scrollOffset:f,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},m.scrollToItem=function(f,g){g===void 0&&(g="auto");var b=this.props,S=b.itemCount,x=b.layout,E=this.state.scrollOffset;f=Math.max(0,Math.min(f,S-1));var v=0;if(this._outerRef){var C=this._outerRef;x==="vertical"?v=C.scrollWidth>C.clientWidth?Fo():0:v=C.scrollHeight>C.clientHeight?Fo():0}this.scrollTo(o(this.props,f,g,E,this._instanceProps,v))},m.componentDidMount=function(){var f=this.props,g=f.direction,b=f.initialScrollOffset,S=f.layout;if(typeof b=="number"&&this._outerRef!=null){var x=this._outerRef;g==="horizontal"||S==="horizontal"?x.scrollLeft=b:x.scrollTop=b}this._callPropsCallbacks()},m.componentDidUpdate=function(){var f=this.props,g=f.direction,b=f.layout,S=this.state,x=S.scrollOffset,E=S.scrollUpdateWasRequested;if(E&&this._outerRef!=null){var v=this._outerRef;if(g==="horizontal"||b==="horizontal")if(g==="rtl")switch(Bo()){case"negative":v.scrollLeft=-x;break;case"positive-ascending":v.scrollLeft=x;break;default:var C=v.clientWidth,_=v.scrollWidth;v.scrollLeft=_-C-x;break}else v.scrollLeft=x;else v.scrollTop=x}this._callPropsCallbacks()},m.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&zo(this._resetIsScrollingTimeoutId)},m.render=function(){var f=this.props,g=f.children,b=f.className,S=f.direction,x=f.height,E=f.innerRef,v=f.innerElementType,C=f.innerTagName,_=f.itemCount,P=f.itemData,k=f.itemKey,D=k===void 0?E2:k,j=f.layout,R=f.outerElementType,G=f.outerTagName,H=f.style,ue=f.useIsScrolling,U=f.width,ae=this.state.isScrolling,le=S==="horizontal"||j==="horizontal",pe=le?this._onScrollHorizontal:this._onScrollVertical,Oe=this._getRangeToRender(),W=Oe[0],Te=Oe[1],Re=[];if(_>0)for(var be=W;be<=Te;be++)Re.push(T.createElement(g,{data:P,key:D(be,P),index:be,isScrolling:ue?ae:void 0,style:this._getItemStyle(be)}));var Ie=r(this.props,this._instanceProps);return T.createElement(R||G||"div",{className:b,onScroll:pe,ref:this._outerRefSetter,style:w._extends({position:"relative",height:x,width:U,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:S},H)},T.createElement(v||C||"div",{children:Re,ref:E,style:{height:le?"100%":Ie,pointerEvents:ae?"none":void 0,width:le?Ie:"100%"}}))},m._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var f=this.props.itemCount;if(f>0){var g=this._getRangeToRender(),b=g[0],S=g[1],x=g[2],E=g[3];this._callOnItemsRendered(b,S,x,E)}}if(typeof this.props.onScroll=="function"){var v=this.state,C=v.scrollDirection,_=v.scrollOffset,P=v.scrollUpdateWasRequested;this._callOnScroll(C,_,P)}},m._getRangeToRender=function(){var f=this.props,g=f.itemCount,b=f.overscanCount,S=this.state,x=S.isScrolling,E=S.scrollDirection,v=S.scrollOffset;if(g===0)return[0,0,0,0];var C=s(this.props,v,this._instanceProps),_=a(this.props,C,v,this._instanceProps),P=!x||E==="backward"?Math.max(1,b):1,k=!x||E==="forward"?Math.max(1,b):1;return[Math.max(0,C-P),Math.max(0,Math.min(g-1,_+k)),C,_]},h}(T.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var _2=function(t,n){var r=t.children,i=t.direction,o=t.height,s=t.layout,a=t.innerTagName,l=t.outerTagName,c=t.width,u=n.instance;if(process.env.NODE_ENV!=="production"){(a!=null||l!=null)&&Mn&&!Mn.has(u)&&(Mn.add(u),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var d=i==="horizontal"||s==="horizontal";switch(i){case"horizontal":case"vertical":jn&&!jn.has(u)&&(jn.add(u),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". '+('"'+i+'" was specified.'))}switch(s){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". '+('"'+s+'" was specified.'))}if(r==null)throw Error('An invalid "children" prop has been specified. Value should be a React component. '+('"'+(r===null?"null":typeof r)+'" was specified.'));if(d&&typeof c!="number")throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. '+('"'+(c===null?"null":typeof c)+'" was specified.'));if(!d&&typeof o!="number")throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. '+('"'+(o===null?"null":typeof o)+'" was specified.'))}},T2=50,_t=function(t,n,r){var i=t,o=i.itemSize,s=r.itemMetadataMap,a=r.lastMeasuredIndex;if(n>a){var l=0;if(a>=0){var c=s[a];l=c.offset+c.size}for(var u=a+1;u<=n;u++){var d=o(u);s[u]={offset:l,size:d},l+=d}r.lastMeasuredIndex=n}return s[n]},P2=function(t,n,r){var i=n.itemMetadataMap,o=n.lastMeasuredIndex,s=o>0?i[o].offset:0;return s>=r?gc(t,n,o,0,r):A2(t,n,Math.max(0,o),r)},gc=function(t,n,r,i,o){for(;i<=r;){var s=i+Math.floor((r-i)/2),a=_t(t,s,n).offset;if(a===o)return s;a<o?i=s+1:a>o&&(r=s-1)}return i>0?i-1:0},A2=function(t,n,r,i){for(var o=t.itemCount,s=1;r<o&&_t(t,r,n).offset<i;)r+=s,s*=2;return gc(t,n,Math.min(r,o-1),Math.floor(r/2),i)},Wo=function(t,n){var r=t.itemCount,i=n.itemMetadataMap,o=n.estimatedItemSize,s=n.lastMeasuredIndex,a=0;if(s>=r&&(s=r-1),s>=0){var l=i[s];a=l.offset+l.size}var c=r-s-1,u=c*o;return a+u},k2=C2({getItemOffset:function(t,n,r){return _t(t,n,r).offset},getItemSize:function(t,n,r){return r.itemMetadataMap[n].size},getEstimatedTotalSize:Wo,getOffsetForIndexAndAlignment:function(t,n,r,i,o,s){var a=t.direction,l=t.height,c=t.layout,u=t.width,d=a==="horizontal"||c==="horizontal",h=d?u:l,m=_t(t,n,o),y=Wo(t,o),f=Math.max(0,Math.min(y-h,m.offset)),g=Math.max(0,m.offset-h+m.size+s);switch(r==="smart"&&(i>=g-h&&i<=f+h?r="auto":r="center"),r){case"start":return f;case"end":return g;case"center":return Math.round(g+(f-g)/2);case"auto":default:return i>=g&&i<=f?i:i<g?g:f}},getStartIndexForOffset:function(t,n,r){return P2(t,r,n)},getStopIndexForStartIndex:function(t,n,r,i){for(var o=t.direction,s=t.height,a=t.itemCount,l=t.layout,c=t.width,u=o==="horizontal"||l==="horizontal",d=u?c:s,h=_t(t,n,i),m=r+d,y=h.offset+h.size,f=n;f<a-1&&y<m;)f++,y+=_t(t,f,i).size;return f},initInstanceProps:function(t,n){var r=t,i=r.estimatedItemSize,o={itemMetadataMap:{},estimatedItemSize:i||T2,lastMeasuredIndex:-1};return n.resetAfterIndex=function(s,a){a===void 0&&(a=!0),o.lastMeasuredIndex=Math.min(o.lastMeasuredIndex,s-1),n._getItemStyleCache(-1),a&&n.forceUpdate()},o},shouldResetStyleCacheOnItemSizeChange:!1,validateProps:function(t){var n=t.itemSize;if(process.env.NODE_ENV!=="production"&&typeof n!="function")throw Error('An invalid "itemSize" prop has been specified. Value should be a function. '+('"'+(n===null?"null":typeof n)+'" was specified.'))}});function Nn(e,t){return t?e:void 0}function ei(e){return p.jsx(L.Stack,{sx:{cursor:"pointer"},onClick:t=>{var n;t.preventDefault(),t.stopPropagation(),(n=e.onClick)==null||n.call(e,e.option)},...e.stackProps,children:p.jsx(L.Stack,{sx:{p:1,transition:"0.2s",borderRadius:"5px",cursor:"pointer",...Nn({backgroundColor:"#eeeeee80"},e.select),":hover":{backgroundColor:"#eeeeee80",borderColor:"transparent"}},children:e.renderOption(e.option)})})}const Gn=37,O2=(e,t)=>{const s=document.createElement("p");s.innerText=t,s.style.width=`${e-16-16-4}px`,document.body.appendChild(s);const a=s.offsetHeight;return document.body.removeChild(s),a>21?Gn+21:Gn};function j2(e){const[t,n]=T.useState(!1),[r,i]=T.useState(""),[o,s]=T.useState(""),[a,l]=T.useState(!1),{isRequired:c=!1}=e,u=T.useCallback(w._.debounce(E=>{var v;(v=e.handleChangeSearch)==null||v.call(e,E)},300),[e.handleChangeSearch]),d=()=>{n(!t)},h=()=>{n(!1),s(""),u("")};T.useEffect(()=>{i(e.value?e.getOptionLabel(e.value):"")},[e.value]),T.useEffect(()=>{t||i(e.value?e.getOptionLabel(e.value):"")},[t]),T.useEffect(()=>{l(e.searchLoading)},[e.paging.rows,e.searchLoading]);const m=e.paging.rows,{hasNextPage:y}=e,f=y?m.length+1:m.length,g=()=>e.isNextPageLoading?void 0:e.loadNextPage(o),b=E=>!y||E<m.length,S=E=>{i(E.target.value),t&&(s(E.target.value),u(E.target.value),l(!0))},x=T.useRef(null);return p.jsx(L.ClickAwayListener,{onClickAway:h,mouseEvent:"onMouseDown",touchEvent:"onTouchEnd",children:p.jsx("div",{ref:x,style:{width:e.wrapperWidth??"auto"},children:p.jsxs(L.Stack,{sx:{position:"relative"},children:[p.jsx(L.TextField,{required:c,label:e.label,value:r,disabled:e.loading||e.disabled||e.readOnly,fullWidth:!0,error:e.error,helperText:e.helperText,onClick:E=>{e.loading||e.disabled||e.readOnly||(E.preventDefault(),E.stopPropagation(),n(!0))},autoComplete:"off",onChange:S,placeholder:e.placeholder||"All options",sx:{"& input:not(:focus)":{"&::placeholder":{color:e.placeHolderColor||"#C5C5C5",opacity:1}}},InputProps:{readOnly:e.readOnly,endAdornment:p.jsx(L.IconButton,{size:"small",sx:{padding:"1px"},onClick:E=>{E.preventDefault(),E.stopPropagation(),d()},disabled:e.loading||e.disabled||e.readOnly,children:e.loading?p.jsx(L.CircularProgress,{size:"16px"}):p.jsx(y2,{fontSize:"small",style:{transition:"0.3s"},className:t?"rotate":""})})}}),p.jsx(L.Fade,{in:t,timeout:0,unmountOnExit:!1,children:p.jsxs(L.Paper,{sx:{position:"absolute",top:"calc(100% + 2px)",zIndex:2,left:0,right:0,p:1},children:[!e.disabledAllOption&&p.jsx(L.Stack,{sx:{...Nn({display:"none"},!!a)},children:p.jsx(L.Stack,{children:p.jsx(ei,{option:void 0,select:!e.value,renderOption:()=>p.jsx(L.Typography,{children:e.placeholder||"All options"}),onClick:()=>{var E,v;h(),(E=e.onChange)==null||E.call(e,void 0),(v=e.handleChangeSearch)==null||v.call(e,"")}})})}),!a&&p.jsx(w.InfiniteLoader,{isItemLoaded:b,itemCount:f,loadMoreItems:g,threshold:5,children:({onItemsRendered:E,ref:v})=>p.jsx(k2,{ref:v,onItemsRendered:E,height:Gn*Math.min(e.itemsNumber||6,f),itemCount:f,itemSize:C=>{var _;return O2((_=x.current)==null?void 0:_.offsetWidth,m[C]?e.getOptionLabel(m[C]):"")},width:"100%",className:"styled-scroll",children:({index:C,style:_})=>{var k;const P=m[C];return b(C)?p.jsx(ei,{stackProps:{style:_},option:P,renderOption:D=>{var j;return p.jsxs(L.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[p.jsx(L.Typography,{children:e.getOptionLabel(D)}),(j=e.renderOptionTooltip)==null?void 0:j.call(e,D)]})},onClick:D=>{var j;h(),(j=e.onChange)==null||j.call(e,D)},select:((k=e.isEqual)==null?void 0:k.call(e,P,e.value))??w._.isEqual(P,e.value)}):p.jsx(L.Stack,{style:_,sx:{height:Gn,pl:1},justifyContent:"center",children:p.jsx(L.Typography,{children:"Loading..."})})}})}),p.jsx(L.Stack,{sx:{height:30,display:"flex",justifyContent:"center",paddingLeft:"5px",...Nn({display:"none"},!a)},children:p.jsx(L.Typography,{color:"grayText",children:"Searching..."})}),p.jsx(L.Stack,{sx:{height:30,display:"flex",justifyContent:"center",paddingLeft:"5px",...Nn({display:"none"},!!(m.length||e.loading||a))},children:p.jsx(L.Typography,{color:"grayText",children:"No options"})})]})})]})})})}function M2(e){var u;const{listProps:t}=e,[n,r]=T.useState({initLoading:!e.disabled,searchLoading:!1,hasNextPage:!1,isNextPageLoading:!1,paging:{page:1,pageSize:((u=e.listProps)==null?void 0:u.pageSize)||20,rows:[],total:0,totalPages:1}}),i=async(d,h)=>{var m,y;if(e.list)r(()=>{var b;const f=((b=d==null?void 0:d.search)==null?void 0:b.content)||"";return{hasNextPage:!1,isNextPageLoading:!1,paging:{page:1,pageSize:1e5,rows:e.list.options.filter(S=>e.list.searchOption?e.list.searchOption(S,f):w.search(S,f,e.list.searchFields)),total:e.list.options.length,totalPages:1},searchLoading:!1,initLoading:!1}});else{r(f=>({...f,isNextPageLoading:!0}));try{const f={page:1,pageSize:20,filter:{...t==null?void 0:t.filter,...d==null?void 0:d.filter},...w.lodashExports.omit(t,"filter"),...w.lodashExports.omit(d,"filter"),search:{fields:((m=t==null?void 0:t.search)==null?void 0:m.fields)??[],content:((y=d==null?void 0:d.search)==null?void 0:y.content)??""}};h&&(f.filter={},f.search&&(f.search.content=""),f.page=1);const g=await e.getList(f);r(b=>({initLoading:!1,searchLoading:!1,isNextPageLoading:!1,paging:{...g,rows:(d==null?void 0:d.page)===1?g.rows:b.paging.rows.concat(g.rows)},hasNextPage:g.page<g.totalPages}))}catch{}}},o=()=>(r(d=>({...d,initLoading:!0})),i(void 0,!0)),s=d=>(r(h=>({...h,initLoading:!0})),i(d)),a=d=>{i({page:n.paging.page+1,search:{content:d}})},l=d=>{r(h=>({...h,searchLoading:!0})),i({page:1,search:{content:d}})};T.useEffect(()=>{e.disabled||(r(d=>({...d,initLoading:!0})),i({page:1}))},[...e.dependencyList||[]]);const c=()=>{r(d=>({...d,initLoading:!d.initLoading}))};return{...e,loadNextPage:a,handleChangeSearch:l,paging:n.paging,hasNextPage:n.hasNextPage,isNextPageLoading:n.isNextPageLoading,searchLoading:n.searchLoading,loading:e.loading||n.initLoading,getList:s,reset:o,toggleLoading:c}}function N2(e){return p.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[p.jsx("path",{d:"M12 3.16663H3.99998C2.80336 3.16663 1.83331 4.13668 1.83331 5.33329V12C1.83331 13.1966 2.80336 14.1666 3.99998 14.1666H12C13.1966 14.1666 14.1666 13.1966 14.1666 12V5.33329C14.1666 4.13668 13.1966 3.16663 12 3.16663Z",stroke:"#85858A"}),p.jsx("path",{d:"M4.5 1.83337V4.16671",stroke:"#85858A",strokeLinecap:"round"}),p.jsx("path",{d:"M2.5 6.16663H13.5",stroke:"#85858A",strokeLinecap:"round"}),p.jsx("path",{d:"M11.8333 1.83337V4.16671",stroke:"#85858A",strokeLinecap:"round"}),p.jsx("path",{d:"M5.5 9.33337C5.77614 9.33337 6 9.10952 6 8.83337C6 8.55723 5.77614 8.33337 5.5 8.33337C5.22386 8.33337 5 8.55723 5 8.83337C5 9.10952 5.22386 9.33337 5.5 9.33337Z",fill:"#85858A"}),p.jsx("path",{d:"M8.16669 9.33337C8.44283 9.33337 8.66669 9.10952 8.66669 8.83337C8.66669 8.55723 8.44283 8.33337 8.16669 8.33337C7.89054 8.33337 7.66669 8.55723 7.66669 8.83337C7.66669 9.10952 7.89054 9.33337 8.16669 9.33337Z",fill:"#85858A"}),p.jsx("path",{d:"M10.8333 9.33337C11.1095 9.33337 11.3333 9.10952 11.3333 8.83337C11.3333 8.55723 11.1095 8.33337 10.8333 8.33337C10.5572 8.33337 10.3333 8.55723 10.3333 8.83337C10.3333 9.10952 10.5572 9.33337 10.8333 9.33337Z",fill:"#85858A"}),p.jsx("path",{d:"M5.5 12C5.77614 12 6 11.7761 6 11.5C6 11.2239 5.77614 11 5.5 11C5.22386 11 5 11.2239 5 11.5C5 11.7761 5.22386 12 5.5 12Z",fill:"#85858A"}),p.jsx("path",{d:"M8.16669 12C8.44283 12 8.66669 11.7761 8.66669 11.5C8.66669 11.2239 8.44283 11 8.16669 11C7.89054 11 7.66669 11.2239 7.66669 11.5C7.66669 11.7761 7.89054 12 8.16669 12Z",fill:"#85858A"}),p.jsx("path",{d:"M10.8333 12C11.1095 12 11.3333 11.7761 11.3333 11.5C11.3333 11.2239 11.1095 11 10.8333 11C10.5572 11 10.3333 11.2239 10.3333 11.5C10.3333 11.7761 10.5572 12 10.8333 12Z",fill:"#85858A"})]})}const D2="Reset date";function R2(e){var i,o;const[t,n]=T.useState(e.value),r=!(t!=null&&t.startDate)||!(t!=null&&t.endDate)?"":re(t==null?void 0:t.startDate).format("DD/MM/YYYY")+" ~ "+re(t==null?void 0:t.endDate).format("DD/MM/YYYY");return T.useEffect(()=>{n(e.value)},[e.value]),p.jsx(w.DateRangePicker,{initialSettings:{autoApply:!0,ranges:{Today:[re(),re()],Yesterday:[re().subtract(1,"days"),re().subtract(1,"days")],"Last 7 days":[re().subtract(6,"days"),re()],"Last 30 days":[re().subtract(29,"days"),re()],"This month":[re().startOf("month"),re().endOf("month")],"Last month":[re().subtract(1,"month").startOf("month"),re().subtract(1,"month").endOf("month")],"Reset date":[((i=e.dateReset)==null?void 0:i.startDate)??void 0,((o=e.dateReset)==null?void 0:o.endDate)??void 0]},alwaysShowCalendars:!0,startDate:(t==null?void 0:t.startDate)??void 0,endDate:(t==null?void 0:t.endDate)??void 0,opens:"left",maxDate:re(),...e.initialSettings},onApply:(s,a)=>{var m,y,f;const l=a.chosenLabel===D2,{startDate:c,endDate:u}=a,d=l?((m=e.dateReset)==null?void 0:m.startDate)??void 0:c.toDate(),h=l?((y=e.dateReset)==null?void 0:y.endDate)??void 0:u.toDate();n({startDate:d,endDate:h}),(f=e.onChange)==null||f.call(e,{startDate:d,endDate:h})},children:p.jsx(L.TextField,{label:e.label??"Permit date",placeholder:"Select date range",value:r,InputProps:{readOnly:!0,endAdornment:p.jsx(N2,{width:24,height:24,color:"gray"})},fullWidth:!0,sx:{"& *":{cursor:"pointer"},display:"flex",justifyContent:"center",minWidth:"250px"}})})}function I2(e){return p.jsx("svg",{...e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p.jsx("path",{d:"M16 2.75H8C5.10051 2.75 2.75 5.10051 2.75 8V16C2.75 18.8995 5.10051 21.25 8 21.25H16C18.8995 21.25 21.25 18.8995 21.25 16V8C21.25 5.10051 18.8995 2.75 16 2.75Z",stroke:"#85858A",strokeWidth:"1.5"})})}function V2(e){return p.jsxs("svg",{...e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p.jsx("path",{d:"M16 2.75H8C5.10051 2.75 2.75 5.10051 2.75 8V16C2.75 18.8995 5.10051 21.25 8 21.25H16C18.8995 21.25 21.25 18.8995 21.25 16V8C21.25 5.10051 18.8995 2.75 16 2.75Z",stroke:"#009D4F",strokeWidth:"1.5"}),p.jsx("path",{d:"M9 12L11 14L15 10",stroke:"#009D4F",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}const yc=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=w.getMessagingInWindow(w.initializeApp({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));w.getToken(n,{serviceWorkerRegistration:t,vapidKey:e.vapidKey}).then(async r=>{var i,o;if(r){console.log("current token for client: ",r);try{const s="/notification-management/api/v1/notifications/registrations",a=e.baseUrl+s;await At.post(a,{deviceToken:r},{withCredentials:!0})}catch(s){console.log(s),w.pushError(((o=(i=s.response)==null?void 0:i.data)==null?void 0:o.errorMessage)||"Have error when get notification list")}}else console.log("No registration token available. Request permission to generate one.")}).catch(r=>{console.log("An error occurred while retrieving token. ",r)})}).catch(function(t){console.log("Service worker registration failed, error:",t)})},L2=e=>{const t=new BroadcastChannel("my-channel");t.onmessage=n=>{console.log("Broadcast chanel message",n),n&&e(r=>({...r,unread:{...r.unread,total:r.unread.total+1}}))}},$2=e=>new Promise(t=>{const n=w.getMessagingInWindow(w.initializeApp({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));w.onMessage(n,r=>{console.log("payload",r),t(r)})}),z2=["granted","denied"],F2=e=>{const[t,n]=T.useState(!1),r=()=>{Notification.requestPermission(function(o){o==="granted"&&yc(e),z2.includes(o)&&n(!0)})},i=()=>{n(!0)};return p.jsx(p.Fragment,{children:t?"":p.jsx("div",{className:w.styles$1["subscription-diaglog"],children:p.jsxs("div",{className:w.styles$1["subscription-container"],children:[p.jsx("h4",{className:w.styles$1["subscription-title"],children:"Notification"}),p.jsx("p",{className:w.styles$1["subscription-text"],children:"Option to receive notifications about the latest information. You can turn them off at any time."}),p.jsxs("div",{className:w.styles$1["subscription-btn__container"],children:[p.jsx("button",{className:w.styles$1["btn-cancel"],onClick:i,children:"Not now"}),p.jsx("button",{className:w.styles$1["btn-success"],onClick:r,children:"Turn on"})]})]})})})},vc=e=>{const[t,n]=T.useState({userName:"",message:"",context:""});console.log(t);const{setNotiData:r}=T.useContext(w.CustomOpenList);function i(){return p.jsx("div",{className:w.styles$2["notification-massage_container"],children:p.jsxs("div",{className:w.styles$2["notification-massage_content"],children:[p.jsx("h6",{className:w.styles$2["notification-name"],children:t==null?void 0:t.userName}),p.jsxs("div",{className:w.styles$2["notification-message_service"],children:[p.jsxs("span",{children:[`${t==null?void 0:t.message} `," "]}),p.jsx("span",{children:t==null?void 0:t.context})]})]})})}return T.useEffect(()=>{t&&Notification.permission==="granted"&&t.userName&&t.message&&t.context&&w.notify(p.jsx(i,{}))},[t]),T.useEffect(()=>{Notification.permission==="granted"&&yc(e)},[Notification.permission]),T.useEffect(()=>{L2(r)},[]),$2(e).then(o=>{var s,a,l;console.log("aaa",o),n({userName:(s=o==null?void 0:o.data)==null?void 0:s.userName,message:(a=o==null?void 0:o.data)==null?void 0:a.message,context:(l=o==null?void 0:o.data)==null?void 0:l.context}),r(c=>{var u;return{...c,unread:{...c.unread,total:((u=c.unread)==null?void 0:u.total)+1}}})}).catch(o=>console.log("failed: ",o)),p.jsx("div",{children:"Notification"in window&&Notification.permission==="default"?p.jsx(F2,{...e}):""})},B2=(e,t)=>T.cloneElement(t,{},e),W2=({children:e,providers:t})=>p.jsx(p.Fragment,{children:t.reduceRight(B2,e)});exports.notify=w.notify;exports.pushError=w.pushError;exports.pushSuccess=w.pushSuccess;exports.pushWarning=w.pushWarning;exports.AutocompleteOption=ei;exports.CheckedIcon=V2;exports.GlobalMenu=qh;exports.MultiProvider=W2;exports.NoData=Yh;exports.NotificationBase=vc;exports.PopUpBase=Jh;exports.StyledAutocomplete=j2;exports.StyledDateRangePicker=R2;exports.ToastConfig=wu;exports.ToastConfigNotification=Su;exports.TopBar=Rc;exports.UnauthorizedPage=e1;exports.UncheckedIcon=I2;exports.usePopUp=Qh;exports.useStyledAutocomplete=M2;
+`))}h[y]={}}}};Object.keys(c.components).forEach(h=>{const m=c.components[h].styleOverrides;m&&h.indexOf("Mui")===0&&d(m,h)})}return c.unstable_sxConfig=w._extends({},dn,s==null?void 0:s.unstable_sxConfig),c.unstable_sx=function(d){return Ai({sx:d,theme:this})},c}const Vg=Ig(),hc=Vg,pc="$$material";function Lg({props:e,name:t}){return Vm({props:e,name:t,defaultTheme:hc,themeId:pc})}var hn={};const $g=w.getAugmentedNamespace(w._extends$1),zg=w.getAugmentedNamespace(w.objectWithoutPropertiesLoose),Fg=w.getAugmentedNamespace(Mm),Bg=w.getAugmentedNamespace(n1),Wg=w.getAugmentedNamespace(c1),Hg=w.getAugmentedNamespace(l1),Ug=w.getAugmentedNamespace(pp),qg=w.getAugmentedNamespace(Fm);var Rt=oc;Object.defineProperty(hn,"__esModule",{value:!0});var Yg=hn.default=l2,Gg=hn.shouldForwardProp=kn;hn.systemDefaultTheme=void 0;var Se=Rt($g),Qr=Rt(zg),Ro=r2(Fg),Kg=Bg,Xg=Rt(Wg),Zg=Rt(Hg),Jg=Rt(Ug),Qg=Rt(qg);const e2=["ownerState"],t2=["variants"],n2=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function mc(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,n=new WeakMap;return(mc=function(r){return r?n:t})(e)}function r2(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var n=mc(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var s=i?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function i2(e){return Object.keys(e).length===0}function s2(e){return typeof e=="string"&&e.charCodeAt(0)>96}function kn(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const o2=hn.systemDefaultTheme=(0,Jg.default)(),Io=e=>e&&e.charAt(0).toLowerCase()+e.slice(1);function Sn({defaultTheme:e,theme:t,themeId:n}){return i2(t)?e:t[n]||t}function a2(e){return e?(t,n)=>n[e]:null}function On(e,t){let{ownerState:n}=t,r=(0,Qr.default)(t,e2);const i=typeof e=="function"?e((0,Se.default)({ownerState:n},r)):e;if(Array.isArray(i))return i.flatMap(o=>On(o,(0,Se.default)({ownerState:n},r)));if(i&&typeof i=="object"&&Array.isArray(i.variants)){const{variants:o=[]}=i;let a=(0,Qr.default)(i,t2);return o.forEach(l=>{let c=!0;typeof l.props=="function"?c=l.props((0,Se.default)({ownerState:n},r,n)):Object.keys(l.props).forEach(u=>{(n==null?void 0:n[u])!==l.props[u]&&r[u]!==l.props[u]&&(c=!1)}),c&&(Array.isArray(a)||(a=[a]),a.push(typeof l.style=="function"?l.style((0,Se.default)({ownerState:n},r,n)):l.style))}),a}return i}function l2(e={}){const{themeId:t,defaultTheme:n=o2,rootShouldForwardProp:r=kn,slotShouldForwardProp:i=kn}=e,o=s=>(0,Qg.default)((0,Se.default)({},s,{theme:Sn((0,Se.default)({},s,{defaultTheme:n,themeId:t}))}));return o.__mui_systemSx=!0,(s,a={})=>{(0,Ro.internal_processStyles)(s,v=>v.filter(C=>!(C!=null&&C.__mui_systemSx)));const{name:l,slot:c,skipVariantsResolver:u,skipSx:d,overridesResolver:h=a2(Io(c))}=a,m=(0,Qr.default)(a,n2),y=u!==void 0?u:c&&c!=="Root"&&c!=="root"||!1,f=d||!1;let g;process.env.NODE_ENV!=="production"&&l&&(g=`${l}-${Io(c||"Root")}`);let b=kn;c==="Root"||c==="root"?b=r:c?b=i:s2(s)&&(b=void 0);const S=(0,Ro.default)(s,(0,Se.default)({shouldForwardProp:b,label:g},m)),x=v=>typeof v=="function"&&v.__emotion_real!==v||(0,Kg.isPlainObject)(v)?C=>On(v,(0,Se.default)({},C,{theme:Sn({theme:C.theme,defaultTheme:n,themeId:t})})):v,E=(v,...C)=>{let _=x(v);const P=C?C.map(x):[];l&&h&&P.push(j=>{const R=Sn((0,Se.default)({},j,{defaultTheme:n,themeId:t}));if(!R.components||!R.components[l]||!R.components[l].styleOverrides)return null;const G=R.components[l].styleOverrides,H={};return Object.entries(G).forEach(([ue,U])=>{H[ue]=On(U,(0,Se.default)({},j,{theme:R}))}),h(j,H)}),l&&!y&&P.push(j=>{var R;const G=Sn((0,Se.default)({},j,{defaultTheme:n,themeId:t})),H=G==null||(R=G.components)==null||(R=R[l])==null?void 0:R.variants;return On({variants:H},(0,Se.default)({},j,{theme:G}))}),f||P.push(o);const k=P.length-C.length;if(Array.isArray(v)&&k>0){const j=new Array(k).fill("");_=[...v,...j],_.raw=[...v.raw,...j]}const D=S(_,...P);if(process.env.NODE_ENV!=="production"){let j;l&&(j=`${l}${(0,Xg.default)(c||"")}`),j===void 0&&(j=`Styled(${(0,Zg.default)(s)})`),D.displayName=j}return s.muiName&&(D.muiName=s.muiName),D};return S.withConfig&&(E.withConfig=S.withConfig),E}}const c2=e=>Gg(e)&&e!=="classes",u2=Yg({themeId:pc,defaultTheme:hc,rootShouldForwardProp:c2}),d2=u2;function f2(e){return _i("MuiSvgIcon",e)}m1("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const h2=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],p2=e=>{const{color:t,fontSize:n,classes:r}=e,i={root:["root",t!=="inherit"&&`color${at(t)}`,`fontSize${at(n)}`]};return u1(i,f2,r)},m2=d2("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.color!=="inherit"&&t[`color${at(n.color)}`],t[`fontSize${at(n.fontSize)}`]]}})(({theme:e,ownerState:t})=>{var n,r,i,o,s,a,l,c,u,d,h,m,y;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:t.hasSvgAsChild?void 0:"currentColor",flexShrink:0,transition:(n=e.transitions)==null||(r=n.create)==null?void 0:r.call(n,"fill",{duration:(i=e.transitions)==null||(i=i.duration)==null?void 0:i.shorter}),fontSize:{inherit:"inherit",small:((o=e.typography)==null||(s=o.pxToRem)==null?void 0:s.call(o,20))||"1.25rem",medium:((a=e.typography)==null||(l=a.pxToRem)==null?void 0:l.call(a,24))||"1.5rem",large:((c=e.typography)==null||(u=c.pxToRem)==null?void 0:u.call(c,35))||"2.1875rem"}[t.fontSize],color:(d=(h=(e.vars||e).palette)==null||(h=h[t.color])==null?void 0:h.main)!=null?d:{action:(m=(e.vars||e).palette)==null||(m=m.action)==null?void 0:m.active,disabled:(y=(e.vars||e).palette)==null||(y=y.action)==null?void 0:y.disabled,inherit:void 0}[t.color]}}),Fi=N.forwardRef(function(t,n){const r=Lg({props:t,name:"MuiSvgIcon"}),{children:i,className:o,color:s="inherit",component:a="svg",fontSize:l="medium",htmlColor:c,inheritViewBox:u=!1,titleAccess:d,viewBox:h="0 0 24 24"}=r,m=w._objectWithoutPropertiesLoose(r,h2),y=N.isValidElement(i)&&i.type==="svg",f=w._extends({},r,{color:s,component:a,fontSize:l,instanceFontSize:t.fontSize,inheritViewBox:u,viewBox:h,hasSvgAsChild:y}),g={};u||(g.viewBox=h);const b=p2(f);return p.jsxs(m2,w._extends({as:a,className:w.clsx(b.root,o),focusable:"false",color:c,"aria-hidden":d?void 0:!0,role:d?"img":void 0,ref:n},g,m,y&&i.props,{ownerState:f,children:[y?i.props.children:i,d?p.jsx("title",{children:d}):null]}))});process.env.NODE_ENV!=="production"&&(Fi.propTypes={children:w.PropTypes.node,classes:w.PropTypes.object,className:w.PropTypes.string,color:w.PropTypes.oneOfType([w.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),w.PropTypes.string]),component:w.PropTypes.elementType,fontSize:w.PropTypes.oneOfType([w.PropTypes.oneOf(["inherit","large","medium","small"]),w.PropTypes.string]),htmlColor:w.PropTypes.string,inheritViewBox:w.PropTypes.bool,shapeRendering:w.PropTypes.string,sx:w.PropTypes.oneOfType([w.PropTypes.arrayOf(w.PropTypes.oneOfType([w.PropTypes.func,w.PropTypes.object,w.PropTypes.bool])),w.PropTypes.func,w.PropTypes.object]),titleAccess:w.PropTypes.string,viewBox:w.PropTypes.string});Fi.muiName="SvgIcon";const Vo=Fi;function g2(e,t){function n(r,i){return p.jsx(Vo,w._extends({"data-testid":`${t}Icon`,ref:i},r,{children:e}))}return process.env.NODE_ENV!=="production"&&(n.displayName=`${t}Icon`),n.muiName=Vo.muiName,N.memo(N.forwardRef(n))}const y2=g2(p.jsx("path",{d:"m7 10 5 5 5-5z"}),"ArrowDropDown");var Lo=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function v2(e,t){return!!(e===t||Lo(e)&&Lo(t))}function b2(e,t){if(e.length!==t.length)return!1;for(var n=0;n<e.length;n++)if(!v2(e[n],t[n]))return!1;return!0}function Mr(e,t){t===void 0&&(t=b2);var n,r=[],i,o=!1;function s(){for(var a=[],l=0;l<arguments.length;l++)a[l]=arguments[l];return o&&n===this&&t(a,r)||(i=e.apply(this,a),o=!0,n=this,r=a),i}return s}var x2=typeof performance=="object"&&typeof performance.now=="function",$o=x2?function(){return performance.now()}:function(){return Date.now()};function zo(e){cancelAnimationFrame(e.id)}function w2(e,t){var n=$o();function r(){$o()-n>=t?e.call(null):i.id=requestAnimationFrame(r)}var i={id:requestAnimationFrame(r)};return i}var Nr=-1;function Fo(e){if(e===void 0&&(e=!1),Nr===-1||e){var t=document.createElement("div"),n=t.style;n.width="50px",n.height="50px",n.overflow="scroll",document.body.appendChild(t),Nr=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return Nr}var vt=null;function Bo(e){if(e===void 0&&(e=!1),vt===null||e){var t=document.createElement("div"),n=t.style;n.width="50px",n.height="50px",n.overflow="scroll",n.direction="rtl";var r=document.createElement("div"),i=r.style;return i.width="100px",i.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?vt="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?vt="negative":vt="positive-ascending"),document.body.removeChild(t),vt}return vt}process.env.NODE_ENV;var S2=150,E2=function(t,n){return t},jn=null,Mn=null;process.env.NODE_ENV!=="production"&&typeof window<"u"&&typeof window.WeakSet<"u"&&(jn=new WeakSet,Mn=new WeakSet);function C2(e){var t,n=e.getItemOffset,r=e.getEstimatedTotalSize,i=e.getItemSize,o=e.getOffsetForIndexAndAlignment,s=e.getStartIndexForOffset,a=e.getStopIndexForStartIndex,l=e.initInstanceProps,c=e.shouldResetStyleCacheOnItemSizeChange,u=e.validateProps;return t=function(d){w._inheritsLoose(h,d);function h(y){var f;return f=d.call(this,y)||this,f._instanceProps=l(f.props,w._assertThisInitialized(f)),f._outerRef=void 0,f._resetIsScrollingTimeoutId=null,f.state={instance:w._assertThisInitialized(f),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof f.props.initialScrollOffset=="number"?f.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},f._callOnItemsRendered=void 0,f._callOnItemsRendered=Mr(function(g,b,S,x){return f.props.onItemsRendered({overscanStartIndex:g,overscanStopIndex:b,visibleStartIndex:S,visibleStopIndex:x})}),f._callOnScroll=void 0,f._callOnScroll=Mr(function(g,b,S){return f.props.onScroll({scrollDirection:g,scrollOffset:b,scrollUpdateWasRequested:S})}),f._getItemStyle=void 0,f._getItemStyle=function(g){var b=f.props,S=b.direction,x=b.itemSize,E=b.layout,v=f._getItemStyleCache(c&&x,c&&E,c&&S),C;if(v.hasOwnProperty(g))C=v[g];else{var _=n(f.props,g,f._instanceProps),P=i(f.props,g,f._instanceProps),k=S==="horizontal"||E==="horizontal",D=S==="rtl",j=k?_:0;v[g]=C={position:"absolute",left:D?void 0:j,right:D?j:void 0,top:k?0:_,height:k?"100%":P,width:k?P:"100%"}}return C},f._getItemStyleCache=void 0,f._getItemStyleCache=Mr(function(g,b,S){return{}}),f._onScrollHorizontal=function(g){var b=g.currentTarget,S=b.clientWidth,x=b.scrollLeft,E=b.scrollWidth;f.setState(function(v){if(v.scrollOffset===x)return null;var C=f.props.direction,_=x;if(C==="rtl")switch(Bo()){case"negative":_=-x;break;case"positive-descending":_=E-S-x;break}return _=Math.max(0,Math.min(_,E-S)),{isScrolling:!0,scrollDirection:v.scrollOffset<_?"forward":"backward",scrollOffset:_,scrollUpdateWasRequested:!1}},f._resetIsScrollingDebounced)},f._onScrollVertical=function(g){var b=g.currentTarget,S=b.clientHeight,x=b.scrollHeight,E=b.scrollTop;f.setState(function(v){if(v.scrollOffset===E)return null;var C=Math.max(0,Math.min(E,x-S));return{isScrolling:!0,scrollDirection:v.scrollOffset<C?"forward":"backward",scrollOffset:C,scrollUpdateWasRequested:!1}},f._resetIsScrollingDebounced)},f._outerRefSetter=function(g){var b=f.props.outerRef;f._outerRef=g,typeof b=="function"?b(g):b!=null&&typeof b=="object"&&b.hasOwnProperty("current")&&(b.current=g)},f._resetIsScrollingDebounced=function(){f._resetIsScrollingTimeoutId!==null&&zo(f._resetIsScrollingTimeoutId),f._resetIsScrollingTimeoutId=w2(f._resetIsScrolling,S2)},f._resetIsScrolling=function(){f._resetIsScrollingTimeoutId=null,f.setState({isScrolling:!1},function(){f._getItemStyleCache(-1,null)})},f}h.getDerivedStateFromProps=function(f,g){return _2(f,g),u(f),null};var m=h.prototype;return m.scrollTo=function(f){f=Math.max(0,f),this.setState(function(g){return g.scrollOffset===f?null:{scrollDirection:g.scrollOffset<f?"forward":"backward",scrollOffset:f,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},m.scrollToItem=function(f,g){g===void 0&&(g="auto");var b=this.props,S=b.itemCount,x=b.layout,E=this.state.scrollOffset;f=Math.max(0,Math.min(f,S-1));var v=0;if(this._outerRef){var C=this._outerRef;x==="vertical"?v=C.scrollWidth>C.clientWidth?Fo():0:v=C.scrollHeight>C.clientHeight?Fo():0}this.scrollTo(o(this.props,f,g,E,this._instanceProps,v))},m.componentDidMount=function(){var f=this.props,g=f.direction,b=f.initialScrollOffset,S=f.layout;if(typeof b=="number"&&this._outerRef!=null){var x=this._outerRef;g==="horizontal"||S==="horizontal"?x.scrollLeft=b:x.scrollTop=b}this._callPropsCallbacks()},m.componentDidUpdate=function(){var f=this.props,g=f.direction,b=f.layout,S=this.state,x=S.scrollOffset,E=S.scrollUpdateWasRequested;if(E&&this._outerRef!=null){var v=this._outerRef;if(g==="horizontal"||b==="horizontal")if(g==="rtl")switch(Bo()){case"negative":v.scrollLeft=-x;break;case"positive-ascending":v.scrollLeft=x;break;default:var C=v.clientWidth,_=v.scrollWidth;v.scrollLeft=_-C-x;break}else v.scrollLeft=x;else v.scrollTop=x}this._callPropsCallbacks()},m.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&zo(this._resetIsScrollingTimeoutId)},m.render=function(){var f=this.props,g=f.children,b=f.className,S=f.direction,x=f.height,E=f.innerRef,v=f.innerElementType,C=f.innerTagName,_=f.itemCount,P=f.itemData,k=f.itemKey,D=k===void 0?E2:k,j=f.layout,R=f.outerElementType,G=f.outerTagName,H=f.style,ue=f.useIsScrolling,U=f.width,ae=this.state.isScrolling,le=S==="horizontal"||j==="horizontal",pe=le?this._onScrollHorizontal:this._onScrollVertical,Oe=this._getRangeToRender(),W=Oe[0],Te=Oe[1],Re=[];if(_>0)for(var be=W;be<=Te;be++)Re.push(T.createElement(g,{data:P,key:D(be,P),index:be,isScrolling:ue?ae:void 0,style:this._getItemStyle(be)}));var Ie=r(this.props,this._instanceProps);return T.createElement(R||G||"div",{className:b,onScroll:pe,ref:this._outerRefSetter,style:w._extends({position:"relative",height:x,width:U,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:S},H)},T.createElement(v||C||"div",{children:Re,ref:E,style:{height:le?"100%":Ie,pointerEvents:ae?"none":void 0,width:le?Ie:"100%"}}))},m._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var f=this.props.itemCount;if(f>0){var g=this._getRangeToRender(),b=g[0],S=g[1],x=g[2],E=g[3];this._callOnItemsRendered(b,S,x,E)}}if(typeof this.props.onScroll=="function"){var v=this.state,C=v.scrollDirection,_=v.scrollOffset,P=v.scrollUpdateWasRequested;this._callOnScroll(C,_,P)}},m._getRangeToRender=function(){var f=this.props,g=f.itemCount,b=f.overscanCount,S=this.state,x=S.isScrolling,E=S.scrollDirection,v=S.scrollOffset;if(g===0)return[0,0,0,0];var C=s(this.props,v,this._instanceProps),_=a(this.props,C,v,this._instanceProps),P=!x||E==="backward"?Math.max(1,b):1,k=!x||E==="forward"?Math.max(1,b):1;return[Math.max(0,C-P),Math.max(0,Math.min(g-1,_+k)),C,_]},h}(T.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var _2=function(t,n){var r=t.children,i=t.direction,o=t.height,s=t.layout,a=t.innerTagName,l=t.outerTagName,c=t.width,u=n.instance;if(process.env.NODE_ENV!=="production"){(a!=null||l!=null)&&Mn&&!Mn.has(u)&&(Mn.add(u),console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));var d=i==="horizontal"||s==="horizontal";switch(i){case"horizontal":case"vertical":jn&&!jn.has(u)&&(jn.add(u),console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));break;case"ltr":case"rtl":break;default:throw Error('An invalid "direction" prop has been specified. Value should be either "ltr" or "rtl". '+('"'+i+'" was specified.'))}switch(s){case"horizontal":case"vertical":break;default:throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". '+('"'+s+'" was specified.'))}if(r==null)throw Error('An invalid "children" prop has been specified. Value should be a React component. '+('"'+(r===null?"null":typeof r)+'" was specified.'));if(d&&typeof c!="number")throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. '+('"'+(c===null?"null":typeof c)+'" was specified.'));if(!d&&typeof o!="number")throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. '+('"'+(o===null?"null":typeof o)+'" was specified.'))}},T2=50,_t=function(t,n,r){var i=t,o=i.itemSize,s=r.itemMetadataMap,a=r.lastMeasuredIndex;if(n>a){var l=0;if(a>=0){var c=s[a];l=c.offset+c.size}for(var u=a+1;u<=n;u++){var d=o(u);s[u]={offset:l,size:d},l+=d}r.lastMeasuredIndex=n}return s[n]},P2=function(t,n,r){var i=n.itemMetadataMap,o=n.lastMeasuredIndex,s=o>0?i[o].offset:0;return s>=r?gc(t,n,o,0,r):A2(t,n,Math.max(0,o),r)},gc=function(t,n,r,i,o){for(;i<=r;){var s=i+Math.floor((r-i)/2),a=_t(t,s,n).offset;if(a===o)return s;a<o?i=s+1:a>o&&(r=s-1)}return i>0?i-1:0},A2=function(t,n,r,i){for(var o=t.itemCount,s=1;r<o&&_t(t,r,n).offset<i;)r+=s,s*=2;return gc(t,n,Math.min(r,o-1),Math.floor(r/2),i)},Wo=function(t,n){var r=t.itemCount,i=n.itemMetadataMap,o=n.estimatedItemSize,s=n.lastMeasuredIndex,a=0;if(s>=r&&(s=r-1),s>=0){var l=i[s];a=l.offset+l.size}var c=r-s-1,u=c*o;return a+u},k2=C2({getItemOffset:function(t,n,r){return _t(t,n,r).offset},getItemSize:function(t,n,r){return r.itemMetadataMap[n].size},getEstimatedTotalSize:Wo,getOffsetForIndexAndAlignment:function(t,n,r,i,o,s){var a=t.direction,l=t.height,c=t.layout,u=t.width,d=a==="horizontal"||c==="horizontal",h=d?u:l,m=_t(t,n,o),y=Wo(t,o),f=Math.max(0,Math.min(y-h,m.offset)),g=Math.max(0,m.offset-h+m.size+s);switch(r==="smart"&&(i>=g-h&&i<=f+h?r="auto":r="center"),r){case"start":return f;case"end":return g;case"center":return Math.round(g+(f-g)/2);case"auto":default:return i>=g&&i<=f?i:i<g?g:f}},getStartIndexForOffset:function(t,n,r){return P2(t,r,n)},getStopIndexForStartIndex:function(t,n,r,i){for(var o=t.direction,s=t.height,a=t.itemCount,l=t.layout,c=t.width,u=o==="horizontal"||l==="horizontal",d=u?c:s,h=_t(t,n,i),m=r+d,y=h.offset+h.size,f=n;f<a-1&&y<m;)f++,y+=_t(t,f,i).size;return f},initInstanceProps:function(t,n){var r=t,i=r.estimatedItemSize,o={itemMetadataMap:{},estimatedItemSize:i||T2,lastMeasuredIndex:-1};return n.resetAfterIndex=function(s,a){a===void 0&&(a=!0),o.lastMeasuredIndex=Math.min(o.lastMeasuredIndex,s-1),n._getItemStyleCache(-1),a&&n.forceUpdate()},o},shouldResetStyleCacheOnItemSizeChange:!1,validateProps:function(t){var n=t.itemSize;if(process.env.NODE_ENV!=="production"&&typeof n!="function")throw Error('An invalid "itemSize" prop has been specified. Value should be a function. '+('"'+(n===null?"null":typeof n)+'" was specified.'))}});function Nn(e,t){return t?e:void 0}function ei(e){return p.jsx(L.Stack,{sx:{cursor:"pointer"},onClick:t=>{var n;t.preventDefault(),t.stopPropagation(),(n=e.onClick)==null||n.call(e,e.option)},...e.stackProps,children:p.jsx(L.Stack,{sx:{p:1,transition:"0.2s",borderRadius:"5px",cursor:"pointer",...Nn({backgroundColor:"#eeeeee80"},e.select),":hover":{backgroundColor:"#eeeeee80",borderColor:"transparent"}},children:e.renderOption(e.option)})})}const Gn=37,O2=(e,t)=>{const s=document.createElement("p");s.innerText=t,s.style.width=`${e-16-16-4}px`,document.body.appendChild(s);const a=s.offsetHeight;return document.body.removeChild(s),a>21?Gn+21:Gn};function j2(e){const[t,n]=T.useState(!1),[r,i]=T.useState(""),[o,s]=T.useState(""),[a,l]=T.useState(!1),{isRequired:c=!1}=e,u=T.useCallback(w._.debounce(E=>{var v;(v=e.handleChangeSearch)==null||v.call(e,E)},300),[e.handleChangeSearch]),d=()=>{n(!t)},h=()=>{n(!1),s(""),u("")};T.useEffect(()=>{i(e.value?e.getOptionLabel(e.value):"")},[e.value]),T.useEffect(()=>{t||i(e.value?e.getOptionLabel(e.value):"")},[t]),T.useEffect(()=>{l(e.searchLoading)},[e.paging.rows,e.searchLoading]);const m=e.paging.rows,{hasNextPage:y}=e,f=y?m.length+1:m.length,g=()=>e.isNextPageLoading?void 0:e.loadNextPage(o),b=E=>!y||E<m.length,S=E=>{i(E.target.value),t&&(s(E.target.value),u(E.target.value),l(!0))},x=T.useRef(null);return p.jsx(L.ClickAwayListener,{onClickAway:h,mouseEvent:"onMouseDown",touchEvent:"onTouchEnd",children:p.jsx("div",{ref:x,style:{width:e.wrapperWidth??"auto"},children:p.jsxs(L.Stack,{sx:{position:"relative"},children:[p.jsx(L.TextField,{required:c,label:e.label,value:r,disabled:e.loading||e.disabled||e.readOnly,fullWidth:!0,error:e.error,helperText:e.helperText,onClick:E=>{e.loading||e.disabled||e.readOnly||(E.preventDefault(),E.stopPropagation(),n(!0))},autoComplete:"off",onChange:S,placeholder:e.placeholder||"All options",sx:{"& input:not(:focus)":{"&::placeholder":{color:e.placeHolderColor||"#C5C5C5",opacity:1}}},InputProps:{readOnly:e.readOnly,endAdornment:p.jsx(L.IconButton,{size:"small",sx:{padding:"1px"},onClick:E=>{E.preventDefault(),E.stopPropagation(),d()},disabled:e.loading||e.disabled||e.readOnly,children:e.loading?p.jsx(L.CircularProgress,{size:"16px"}):p.jsx(y2,{fontSize:"small",style:{transition:"0.3s"},className:t?"rotate":""})})}}),p.jsx(L.Fade,{in:t,timeout:0,unmountOnExit:!1,children:p.jsxs(L.Paper,{sx:{position:"absolute",top:"calc(100% + 2px)",zIndex:2,left:0,right:0,p:1},children:[!e.disabledAllOption&&p.jsx(L.Stack,{sx:{...Nn({display:"none"},!!a)},children:p.jsx(L.Stack,{children:p.jsx(ei,{option:void 0,select:!e.value,renderOption:()=>p.jsx(L.Typography,{children:e.placeholder||"All options"}),onClick:()=>{var E,v;h(),(E=e.onChange)==null||E.call(e,void 0),(v=e.handleChangeSearch)==null||v.call(e,"")}})})}),!a&&p.jsx(w.InfiniteLoader,{isItemLoaded:b,itemCount:f,loadMoreItems:g,threshold:5,children:({onItemsRendered:E,ref:v})=>p.jsx(k2,{ref:v,onItemsRendered:E,height:Gn*Math.min(e.itemsNumber||6,f),itemCount:f,itemSize:C=>{var _;return O2((_=x.current)==null?void 0:_.offsetWidth,m[C]?e.getOptionLabel(m[C]):"")},width:"100%",className:"styled-scroll",children:({index:C,style:_})=>{var k;const P=m[C];return b(C)?p.jsx(ei,{stackProps:{style:_},option:P,renderOption:D=>{var j;return p.jsxs(L.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[p.jsx(L.Typography,{children:e.getOptionLabel(D)}),(j=e.renderOptionTooltip)==null?void 0:j.call(e,D)]})},onClick:D=>{var j;h(),(j=e.onChange)==null||j.call(e,D)},select:((k=e.isEqual)==null?void 0:k.call(e,P,e.value))??w._.isEqual(P,e.value)}):p.jsx(L.Stack,{style:_,sx:{height:Gn,pl:1},justifyContent:"center",children:p.jsx(L.Typography,{children:"Loading..."})})}})}),p.jsx(L.Stack,{sx:{height:30,display:"flex",justifyContent:"center",paddingLeft:"5px",...Nn({display:"none"},!a)},children:p.jsx(L.Typography,{color:"grayText",children:"Searching..."})}),p.jsx(L.Stack,{sx:{height:30,display:"flex",justifyContent:"center",paddingLeft:"5px",...Nn({display:"none"},!!(m.length||e.loading||a))},children:p.jsx(L.Typography,{color:"grayText",children:"No options"})})]})})]})})})}function M2(e){var u;const{listProps:t}=e,[n,r]=T.useState({initLoading:!e.disabled,searchLoading:!1,hasNextPage:!1,isNextPageLoading:!1,paging:{page:1,pageSize:((u=e.listProps)==null?void 0:u.pageSize)||20,rows:[],total:0,totalPages:1}}),i=async(d,h)=>{var m,y;if(e.list)r(()=>{var b;const f=((b=d==null?void 0:d.search)==null?void 0:b.content)||"";return{hasNextPage:!1,isNextPageLoading:!1,paging:{page:1,pageSize:1e5,rows:e.list.options.filter(S=>e.list.searchOption?e.list.searchOption(S,f):w.search(S,f,e.list.searchFields)),total:e.list.options.length,totalPages:1},searchLoading:!1,initLoading:!1}});else{r(f=>({...f,isNextPageLoading:!0}));try{const f={page:1,pageSize:20,filter:{...t==null?void 0:t.filter,...d==null?void 0:d.filter},...w.lodashExports.omit(t,"filter"),...w.lodashExports.omit(d,"filter"),search:{fields:((m=t==null?void 0:t.search)==null?void 0:m.fields)??[],content:((y=d==null?void 0:d.search)==null?void 0:y.content)??""}};h&&(f.filter={},f.search&&(f.search.content=""),f.page=1);const g=await e.getList(f);r(b=>({initLoading:!1,searchLoading:!1,isNextPageLoading:!1,paging:{...g,rows:(d==null?void 0:d.page)===1?g.rows:b.paging.rows.concat(g.rows)},hasNextPage:g.page<g.totalPages}))}catch{}}},o=()=>(r(d=>({...d,initLoading:!0})),i(void 0,!0)),s=d=>(r(h=>({...h,initLoading:!0})),i(d)),a=d=>{i({page:n.paging.page+1,search:{content:d}})},l=d=>{r(h=>({...h,searchLoading:!0})),i({page:1,search:{content:d}})};T.useEffect(()=>{e.disabled||(r(d=>({...d,initLoading:!0})),i({page:1}))},[...e.dependencyList||[]]);const c=()=>{r(d=>({...d,initLoading:!d.initLoading}))};return{...e,loadNextPage:a,handleChangeSearch:l,paging:n.paging,hasNextPage:n.hasNextPage,isNextPageLoading:n.isNextPageLoading,searchLoading:n.searchLoading,loading:e.loading||n.initLoading,getList:s,reset:o,toggleLoading:c}}function N2(e){return p.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[p.jsx("path",{d:"M12 3.16663H3.99998C2.80336 3.16663 1.83331 4.13668 1.83331 5.33329V12C1.83331 13.1966 2.80336 14.1666 3.99998 14.1666H12C13.1966 14.1666 14.1666 13.1966 14.1666 12V5.33329C14.1666 4.13668 13.1966 3.16663 12 3.16663Z",stroke:"#85858A"}),p.jsx("path",{d:"M4.5 1.83337V4.16671",stroke:"#85858A",strokeLinecap:"round"}),p.jsx("path",{d:"M2.5 6.16663H13.5",stroke:"#85858A",strokeLinecap:"round"}),p.jsx("path",{d:"M11.8333 1.83337V4.16671",stroke:"#85858A",strokeLinecap:"round"}),p.jsx("path",{d:"M5.5 9.33337C5.77614 9.33337 6 9.10952 6 8.83337C6 8.55723 5.77614 8.33337 5.5 8.33337C5.22386 8.33337 5 8.55723 5 8.83337C5 9.10952 5.22386 9.33337 5.5 9.33337Z",fill:"#85858A"}),p.jsx("path",{d:"M8.16669 9.33337C8.44283 9.33337 8.66669 9.10952 8.66669 8.83337C8.66669 8.55723 8.44283 8.33337 8.16669 8.33337C7.89054 8.33337 7.66669 8.55723 7.66669 8.83337C7.66669 9.10952 7.89054 9.33337 8.16669 9.33337Z",fill:"#85858A"}),p.jsx("path",{d:"M10.8333 9.33337C11.1095 9.33337 11.3333 9.10952 11.3333 8.83337C11.3333 8.55723 11.1095 8.33337 10.8333 8.33337C10.5572 8.33337 10.3333 8.55723 10.3333 8.83337C10.3333 9.10952 10.5572 9.33337 10.8333 9.33337Z",fill:"#85858A"}),p.jsx("path",{d:"M5.5 12C5.77614 12 6 11.7761 6 11.5C6 11.2239 5.77614 11 5.5 11C5.22386 11 5 11.2239 5 11.5C5 11.7761 5.22386 12 5.5 12Z",fill:"#85858A"}),p.jsx("path",{d:"M8.16669 12C8.44283 12 8.66669 11.7761 8.66669 11.5C8.66669 11.2239 8.44283 11 8.16669 11C7.89054 11 7.66669 11.2239 7.66669 11.5C7.66669 11.7761 7.89054 12 8.16669 12Z",fill:"#85858A"}),p.jsx("path",{d:"M10.8333 12C11.1095 12 11.3333 11.7761 11.3333 11.5C11.3333 11.2239 11.1095 11 10.8333 11C10.5572 11 10.3333 11.2239 10.3333 11.5C10.3333 11.7761 10.5572 12 10.8333 12Z",fill:"#85858A"})]})}const D2="Reset date";function R2(e){var i,o;const[t,n]=T.useState(e.value),r=!(t!=null&&t.startDate)||!(t!=null&&t.endDate)?"":re(t==null?void 0:t.startDate).format("DD/MM/YYYY")+" ~ "+re(t==null?void 0:t.endDate).format("DD/MM/YYYY");return T.useEffect(()=>{n(e.value)},[e.value]),p.jsx(w.DateRangePicker,{initialSettings:{autoApply:!0,ranges:{Today:[re(),re()],Yesterday:[re().subtract(1,"days"),re().subtract(1,"days")],"Last 7 days":[re().subtract(6,"days"),re()],"Last 30 days":[re().subtract(29,"days"),re()],"This month":[re().startOf("month"),re().endOf("month")],"Last month":[re().subtract(1,"month").startOf("month"),re().subtract(1,"month").endOf("month")],"Reset date":[((i=e.dateReset)==null?void 0:i.startDate)??void 0,((o=e.dateReset)==null?void 0:o.endDate)??void 0]},alwaysShowCalendars:!0,startDate:(t==null?void 0:t.startDate)??void 0,endDate:(t==null?void 0:t.endDate)??void 0,opens:"left",maxDate:re(),...e.initialSettings},onApply:(s,a)=>{var m,y,f;const l=a.chosenLabel===D2,{startDate:c,endDate:u}=a,d=l?((m=e.dateReset)==null?void 0:m.startDate)??void 0:c.toDate(),h=l?((y=e.dateReset)==null?void 0:y.endDate)??void 0:u.toDate();n({startDate:d,endDate:h}),(f=e.onChange)==null||f.call(e,{startDate:d,endDate:h})},children:p.jsx(L.TextField,{label:e.label??"Permit date",placeholder:"Select date range",value:r,InputProps:{readOnly:!0,endAdornment:p.jsx(N2,{width:24,height:24,color:"gray"})},fullWidth:!0,sx:{"& *":{cursor:"pointer"},display:"flex",justifyContent:"center",minWidth:"250px"}})})}function I2(e){return p.jsx("svg",{...e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p.jsx("path",{d:"M16 2.75H8C5.10051 2.75 2.75 5.10051 2.75 8V16C2.75 18.8995 5.10051 21.25 8 21.25H16C18.8995 21.25 21.25 18.8995 21.25 16V8C21.25 5.10051 18.8995 2.75 16 2.75Z",stroke:"#85858A",strokeWidth:"1.5"})})}function V2(e){return p.jsxs("svg",{...e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[p.jsx("path",{d:"M16 2.75H8C5.10051 2.75 2.75 5.10051 2.75 8V16C2.75 18.8995 5.10051 21.25 8 21.25H16C18.8995 21.25 21.25 18.8995 21.25 16V8C21.25 5.10051 18.8995 2.75 16 2.75Z",stroke:"#009D4F",strokeWidth:"1.5"}),p.jsx("path",{d:"M9 12L11 14L15 10",stroke:"#009D4F",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}const yc=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=w.getMessagingInWindow(w.initializeApp({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));w.getToken(n,{serviceWorkerRegistration:t,vapidKey:e.vapidKey}).then(async r=>{var i,o;if(r){console.log("current token for client: ",r);try{const s="/notification-management/api/v1/notifications/registrations",a=e.baseUrl+s;await At.post(a,{deviceToken:r},{withCredentials:!0})}catch(s){console.log(s),w.pushError(((o=(i=s.response)==null?void 0:i.data)==null?void 0:o.errorMessage)||"Have error when get notification list")}}else console.log("No registration token available. Request permission to generate one.")}).catch(r=>{console.log("An error occurred while retrieving token. ",r)})}).catch(function(t){console.log("Service worker registration failed, error:",t)})},L2=e=>{const t=new BroadcastChannel("my-channel");t.onmessage=n=>{console.log("Broadcast chanel message",n),n&&e(r=>({...r,unread:{...r.unread,total:r.unread.total+1}}))}},$2=e=>new Promise(t=>{const n=w.getMessagingInWindow(w.initializeApp({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));w.onMessage(n,r=>{console.log("payload",r),t(r)})}),z2=["granted","denied"],F2=e=>{const[t,n]=T.useState(!1),r=()=>{Notification.requestPermission(function(o){o==="granted"&&yc(e),z2.includes(o)&&n(!0)})},i=()=>{n(!0)};return p.jsx(p.Fragment,{children:t?"":p.jsx("div",{className:w.styles$1["subscription-diaglog"],children:p.jsxs("div",{className:w.styles$1["subscription-container"],children:[p.jsx("h4",{className:w.styles$1["subscription-title"],children:"Notification"}),p.jsx("p",{className:w.styles$1["subscription-text"],children:"Option to receive notifications about the latest information. You can turn them off at any time."}),p.jsxs("div",{className:w.styles$1["subscription-btn__container"],children:[p.jsx("button",{className:w.styles$1["btn-cancel"],onClick:i,children:"Not now"}),p.jsx("button",{className:w.styles$1["btn-success"],onClick:r,children:"Turn on"})]})]})})})},vc=e=>{const[t,n]=T.useState({userName:"",message:"",context:""});console.log(t);const{setNotiData:r}=T.useContext(w.CustomOpenList);function i(){return p.jsx("div",{className:w.styles$2["notification-massage_container"],children:p.jsxs("div",{className:w.styles$2["notification-massage_content"],children:[p.jsx("h6",{className:w.styles$2["notification-name"],children:t==null?void 0:t.userName}),p.jsxs("div",{className:w.styles$2["notification-message_service"],children:[p.jsxs("span",{children:[`${t==null?void 0:t.message} `," "]}),p.jsx("span",{children:t==null?void 0:t.context})]})]})})}return T.useEffect(()=>{t&&Notification.permission==="granted"&&(t.userName||t.message||t.context)&&w.notify(p.jsx(i,{}))},[t]),T.useEffect(()=>{Notification.permission==="granted"&&yc(e)},[Notification.permission]),T.useEffect(()=>{L2(r)},[]),$2(e).then(o=>{var s,a,l;console.log("aaa",o),n({userName:(s=o==null?void 0:o.data)==null?void 0:s.userName,message:(a=o==null?void 0:o.data)==null?void 0:a.message,context:(l=o==null?void 0:o.data)==null?void 0:l.context}),r(c=>{var u;return{...c,unread:{...c.unread,total:((u=c.unread)==null?void 0:u.total)+1}}})}).catch(o=>console.log("failed: ",o)),p.jsx("div",{children:"Notification"in window&&Notification.permission==="default"?p.jsx(F2,{...e}):""})},B2=(e,t)=>T.cloneElement(t,{},e),W2=({children:e,providers:t})=>p.jsx(p.Fragment,{children:t.reduceRight(B2,e)});exports.notify=w.notify;exports.pushError=w.pushError;exports.pushSuccess=w.pushSuccess;exports.pushWarning=w.pushWarning;exports.AutocompleteOption=ei;exports.CheckedIcon=V2;exports.GlobalMenu=qh;exports.MultiProvider=W2;exports.NoData=Yh;exports.NotificationBase=vc;exports.PopUpBase=Jh;exports.StyledAutocomplete=j2;exports.StyledDateRangePicker=R2;exports.ToastConfig=wu;exports.ToastConfigNotification=Su;exports.TopBar=Rc;exports.UnauthorizedPage=e1;exports.UncheckedIcon=I2;exports.usePopUp=Qh;exports.useStyledAutocomplete=M2;

package/dist/components/index.js CHANGED Viewed

@@ -476,7 +476,7 @@ function Ca({ children: e, styles: t = [], ...n }) {
 }
 const Ru = `.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{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-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}
 `, Iu = `.tab-title{min-width:90px;padding:5px 16px;font-size:14px;font-weight:500;color:#c5c5c5;transition:all .3s ease-in-out;position:relative}.tab-title.is-active{color:#2e7d32}.tab-title.is-active:before{transition:all .3s ease-in-out;position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-bottom:2px solid #2E7D32}.tab-content{padding:16px 0}
-`, Vu = `: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}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
+`, Vu = `: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;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
 `, Lu = `._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}
 `, $u = `._subscription-diaglog_1gvmm_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_1gvmm_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1gvmm_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1gvmm_25,._subscription-text_1gvmm_34{margin-bottom:24px}._subscription-btn__container_1gvmm_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1gvmm_44,._btn-cancel_1gvmm_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px}._btn-cancel_1gvmm_45{background-color:#ddd}._btn-success_1gvmm_44{background-color:#93d500}
 `;
@@ -11525,7 +11525,7 @@ const Gc = (e) => {
     ] }) });
   }
   return ce(() => {
-    t && Notification.permission === "granted" && t.userName && t.message && t.context && du(/* @__PURE__ */ g(i, {}));
+    t && Notification.permission === "granted" && (t.userName || t.message || t.context) && du(/* @__PURE__ */ g(i, {}));
   }, [t]), ce(() => {
     Notification.permission === "granted" && Gc(e);
   }, [Notification.permission]), ce(() => {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.2.38",
+  "version": "0.2.40",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",

package/web-components-bundle/global-topbar/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-5d347552.cjs");require("../index-01dc8163.cjs");const e=require("../index-~~63f15635~~.cjs");require("../index-5627e1e9.cjs");exports.TopBar=e.TopBar;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-5d347552.cjs");require("../index-01dc8163.cjs");const e=require("../index-25e1af9c.cjs");require("../index-5627e1e9.cjs");exports.TopBar=e.TopBar;

package/web-components-bundle/global-topbar/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "../react-to-web-component-24d28041.js";
 import "../index-30758085.js";
-import { T as i } from "../index-0e4d0c2e.js";
+import { T as i } from "../index-265fbeae.js";
 import "../index-c0edc305.js";
 export {
   i as TopBar

package/web-components-bundle/has-permission/index.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-5d347552.cjs");const e=require("../index-~~63f15635~~.cjs");require("../index-01dc8163.cjs");require("../index-5627e1e9.cjs");exports.HasPermission=e.HasPermission;exports.getUseHasPermission=e.getUseHasPermission;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-5d347552.cjs");const e=require("../index-25e1af9c.cjs");require("../index-01dc8163.cjs");require("../index-5627e1e9.cjs");exports.HasPermission=e.HasPermission;exports.getUseHasPermission=e.getUseHasPermission;

package/web-components-bundle/has-permission/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "../react-to-web-component-24d28041.js";
-import { H as e, g as t } from "../index-0e4d0c2e.js";
+import { H as e, g as t } from "../index-265fbeae.js";
 import "../index-30758085.js";
 import "../index-c0edc305.js";
 export {

package/web-components-bundle/{index-63f15635.cjs → index-25e1af9c.cjs} RENAMED Viewed

@@ -1058,9 +1058,9 @@ function print() { __p += __j.call(arguments, '') }
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */function dy(e=HA()){return SO().then(t=>{if(!t)throw nn.create("unsupported-browser")},t=>{throw nn.create("indexed-db-unsupported")}),Hd(Wd(e),"messaging").getImmediate()}async function CO(e,t){return e=Wd(e),fy(e,t)}function DO(e,t){return e=Wd(e),kO(e,t)}wO();const hy=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 r=dy(Ud({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));CO(r,{serviceWorkerRegistration:t,vapidKey:e.vapidKey}).then(async s=>{var o,c;if(s){console.log("current token for client: ",s);try{const h="/notification-management/api/v1/notifications/registrations",x=e.baseUrl+h;await ce.axios.post(x,{deviceToken:s},{withCredentials:!0})}catch(h){console.log(h),ce.pushError(((c=(o=h.response)==null?void 0:o.data)==null?void 0:c.errorMessage)||"Have error when get notification list")}}else console.log("No registration token available. Request permission to generate one.")}).catch(s=>{console.log("An error occurred while retrieving token. ",s)})}).catch(function(t){console.log("Service worker registration failed, error:",t)})},EO=e=>{const t=new BroadcastChannel("my-channel");t.onmessage=r=>{console.log("Broadcast chanel message",r),r&&e(s=>({...s,unread:{...s.unread,total:s.unread.total+1}}))}},TO=e=>new Promise(t=>{const r=dy(Ud({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));DO(r,s=>{console.log("payload",s),t(s)})}),os={"subscription-diaglog":"_subscription-diaglog_1gvmm_2","subscription-container":"_subscription-container_1gvmm_15","subscription-title":"_subscription-title_1gvmm_25","subscription-text":"_subscription-text_1gvmm_34","subscription-btn__container":"_subscription-btn__container_1gvmm_38","btn-success":"_btn-success_1gvmm_44","btn-cancel":"_btn-cancel_1gvmm_45"},MO=["granted","denied"],RO=e=>{const[t,r]=D.reactExports.useState(!1),s=()=>{Notification.requestPermission(function(c){c==="granted"&&hy(e),MO.includes(c)&&r(!0)})},o=()=>{r(!0)};return D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:t?"":D.jsxRuntimeExports.jsx("div",{className:os["subscription-diaglog"],children:D.jsxRuntimeExports.jsxs("div",{className:os["subscription-container"],children:[D.jsxRuntimeExports.jsx("h4",{className:os["subscription-title"],children:"Notification"}),D.jsxRuntimeExports.jsx("p",{className:os["subscription-text"],children:"Option to receive notifications about the latest information. You can turn them off at any time."}),D.jsxRuntimeExports.jsxs("div",{className:os["subscription-btn__container"],children:[D.jsxRuntimeExports.jsx("button",{className:os["btn-cancel"],onClick:o,children:"Not now"}),D.jsxRuntimeExports.jsx("button",{className:os["btn-success"],onClick:s,children:"Turn on"})]})]})})})},Au={"notification-massage_container":"_notification-massage_container_ql4az_1","notification-name":"_notification-name_ql4az_18","notification-message_service":"_notification-message_service_ql4az_23","notification-message_button-close":"_notification-message_button-close_ql4az_27"},AO=e=>{const[t,r]=D.reactExports.useState({userName:"",message:"",context:""});console.log(t);const{setNotiData:s}=D.reactExports.useContext(Xs);function o(){return D.jsxRuntimeExports.jsx("div",{className:Au["notification-massage_container"],children:D.jsxRuntimeExports.jsxs("div",{className:Au["notification-massage_content"],children:[D.jsxRuntimeExports.jsx("h6",{className:Au["notification-name"],children:t==null?void 0:t.userName}),D.jsxRuntimeExports.jsxs("div",{className:Au["notification-message_service"],children:[D.jsxRuntimeExports.jsxs("span",{children:[`${t==null?void 0:t.message} `," "]}),D.jsxRuntimeExports.jsx("span",{children:t==null?void 0:t.context})]})]})})}return D.reactExports.useEffect(()=>{t&&Notification.permission==="granted"&&t.userName&&t.message&&t.context&&ce.notify(D.jsxRuntimeExports.jsx(o,{}))},[t]),D.reactExports.useEffect(()=>{Notification.permission==="granted"&&hy(e)},[Notification.permission]),D.reactExports.useEffect(()=>{EO(s)},[]),TO(e).then(c=>{var h,x,S;console.log("aaa",c),r({userName:(h=c==null?void 0:c.data)==null?void 0:h.userName,message:(x=c==null?void 0:c.data)==null?void 0:x.message,context:(S=c==null?void 0:c.data)==null?void 0:S.context}),s(E=>{var A;return{...E,unread:{...E.unread,total:((A=E.unread)==null?void 0:A.total)+1}}})}).catch(c=>console.log("failed: ",c)),D.jsxRuntimeExports.jsx("div",{children:"Notification"in window&&Notification.permission==="default"?D.jsxRuntimeExports.jsx(RO,{...e}):""})},py=({baseUrl:e,notiPath:t,setNotiData:r})=>async()=>{const c=e+(t||"/notification-management/api/v1/notifications"),h=await ce.axios.get(c,{params:{filter:{notificationFilterType:"all"}},withCredentials:!0}),x=await ce.axios.get(c,{params:{filter:{notificationFilterType:"unread"}},withCredentials:!0});Promise.all([h,x]).then(S=>{var E,A,Y,F;console.log("result: "+S),r({all:{rows:(E=S[0].data)==null?void 0:E.rows,total:(A=S[0].data)==null?void 0:A.total},unread:{rows:(Y=S[1].data)==null?void 0:Y.rows,total:(F=S[1].data)==null?void 0:F.total}})})},IO=({baseUrl:e,notiPath:t})=>{var Y,F,V,q;const{setShowModalFalse:r}=D.reactExports.useContext(Xs),{notidata:s,setNotiData:o}=D.reactExports.useContext(Xs);console.log(s);const[c,h]=D.reactExports.useState("all"),x=py({baseUrl:e,notiPath:t,setNotiData:o}),S=async()=>{var $,te;try{const pe=e+(t||"/notification-management/api/v1/notifications");await ce.axios.put(pe,{withCredentials:!0})}catch(H){console.log(H),ce.pushError(((te=($=H.response)==null?void 0:$.data)==null?void 0:te.errorMessage)||"Have error when get notification list")}await x()},E=async($,te)=>{var H,pe;try{const me=t||`/notification-management/api/v1/notifications/${$}`,ye=e+me;await ce.axios.put(ye,{isRead:te},{withCredentials:!0})}catch(me){ce.pushError(((pe=(H=me.response)==null?void 0:H.data)==null?void 0:pe.errorMessage)||"Have error when get notification list")}await x()},A=[{id:"all",tabTitle:`All (${((Y=s==null?void 0:s.all)==null?void 0:Y.total)||0})`,children:D.jsxRuntimeExports.jsx(Zp,{notidata:((F=s==null?void 0:s.all)==null?void 0:F.rows)||[],handleUpdateRead:E,handleUpdateReadAll:S})},{id:"unread",tabTitle:`Unread (${((V=s==null?void 0:s.unread)==null?void 0:V.total)||0})`,children:D.jsxRuntimeExports.jsx(Zp,{notidata:((q=s==null?void 0:s.unread)==null?void 0:q.rows)||[],handleUpdateRead:E,handleUpdateReadAll:S})}];return D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:D.jsxRuntimeExports.jsx("div",{style:{position:"absolute",backgroundColor:"#fff",width:"550px",height:"90vh",right:"100px",top:"100%",padding:"32px",boxShadow:"10px 0px 20px #999",borderRadius:"0 0 8px 8px",overflow:"hidden"},children:D.jsxRuntimeExports.jsxs("div",{className:"list-content",children:[D.jsxRuntimeExports.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[D.jsxRuntimeExports.jsx("h3",{style:{fontSize:"24px",fontWeight:"500"},className:"list-title",children:"Notifications"}),D.jsxRuntimeExports.jsx("button",{onClick:r,children:D.jsxRuntimeExports.jsx("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D.jsxRuntimeExports.jsx("path",{d:"M7.05086 6.13616C6.66033 5.74563 6.02717 5.74563 5.63664 6.13616C5.24612 6.52668 5.24612 7.15984 5.63664 7.55037L10.5864 12.5001L5.63664 17.4499C5.24612 17.8404 5.24612 18.4736 5.63664 18.8641C6.02717 19.2546 6.66033 19.2546 7.05086 18.8641L12.0006 13.9143L16.9504 18.8641C17.3409 19.2546 17.974 19.2546 18.3646 18.8641C18.7551 18.4736 18.7551 17.8404 18.3646 17.4499L13.4148 12.5001L18.3646 7.55037C18.7551 7.15984 18.7551 6.52668 18.3646 6.13616C17.974 5.74563 17.3409 5.74563 16.9504 6.13616L12.0006 11.0859L7.05086 6.13616Z",fill:"#85858A"})})})]}),D.jsxRuntimeExports.jsx(ww,{tabs:A,setCurrentTab:h,currentTab:c})]})})})};function eh({childrenClass:e,action:t,childrenOpenClass:r}){const s=document.querySelector("#topbar-wrapper"),o=s==null?void 0:s.shadowRoot,c=o==null?void 0:o.querySelector(`.${e}`),h=o==null?void 0:o.querySelector(`.${r}`),x=o==null?void 0:o.querySelector("nav"),S=E=>{x==null||x.addEventListener("click",function(A){if(r&&h&&h.contains(A.target)){if(c&&!c.contains(A.target))return}else c&&!c.contains(A.target)&&t()}),s&&!s.contains(E.target)&&t()};document.addEventListener("click",S,!0)}function OO({primaryColor:e="#009d4f",baseUrl:t,notiPath:r}){var A,Y;const{isOpen:s,toggleOpen:o,setShowModalFalse:c}=D.reactExports.useContext(Xs),{notidata:h,setNotiData:x}=D.reactExports.useContext(Xs),S=py({baseUrl:t,notiPath:r,setNotiData:x}),E=async()=>{var F,V;try{await S()}catch(q){ce.pushError(((V=(F=q.response)==null?void 0:F.data)==null?void 0:V.errorMessage)||"Have error when get notification list")}};return D.reactExports.useEffect(()=>{E()},[s]),D.reactExports.useEffect(()=>{eh({childrenClass:"noti-container",childrenOpenClass:"noti-list-container",action(){c()}})}),D.jsxRuntimeExports.jsxs("div",{children:[D.jsxRuntimeExports.jsxs("div",{className:"noti-container",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:o,style:{cursor:"pointer"},children:[D.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),D.jsxRuntimeExports.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(h==null?void 0:h.unread)&&(h==null?void 0:h.unread.total)!=0&&D.jsxRuntimeExports.jsx("span",{style:{position:"absolute",top:"-9px",right:"-6px",background:`${ce.color.dangerDark}`,width:"20px",height:"20px",border:"1px solid #fff",borderRadius:"50%",color:"#fff",fontSize:"12px",display:"flex",alignItems:"center",justifyContent:"center"},className:"notification-badge",children:((A=h==null?void 0:h.unread)==null?void 0:A.total)>9?"9+":`${(Y=h==null?void 0:h.unread)==null?void 0:Y.total}`})]}),D.jsxRuntimeExports.jsx("div",{className:"noti-list-container",children:!s&&D.jsxRuntimeExports.jsx(IO,{baseUrl:t,notiPath:r})})]})}const PO=`.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{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-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}
+ */function dy(e=HA()){return SO().then(t=>{if(!t)throw nn.create("unsupported-browser")},t=>{throw nn.create("indexed-db-unsupported")}),Hd(Wd(e),"messaging").getImmediate()}async function CO(e,t){return e=Wd(e),fy(e,t)}function DO(e,t){return e=Wd(e),kO(e,t)}wO();const hy=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 r=dy(Ud({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));CO(r,{serviceWorkerRegistration:t,vapidKey:e.vapidKey}).then(async s=>{var o,c;if(s){console.log("current token for client: ",s);try{const h="/notification-management/api/v1/notifications/registrations",x=e.baseUrl+h;await ce.axios.post(x,{deviceToken:s},{withCredentials:!0})}catch(h){console.log(h),ce.pushError(((c=(o=h.response)==null?void 0:o.data)==null?void 0:c.errorMessage)||"Have error when get notification list")}}else console.log("No registration token available. Request permission to generate one.")}).catch(s=>{console.log("An error occurred while retrieving token. ",s)})}).catch(function(t){console.log("Service worker registration failed, error:",t)})},EO=e=>{const t=new BroadcastChannel("my-channel");t.onmessage=r=>{console.log("Broadcast chanel message",r),r&&e(s=>({...s,unread:{...s.unread,total:s.unread.total+1}}))}},TO=e=>new Promise(t=>{const r=dy(Ud({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));DO(r,s=>{console.log("payload",s),t(s)})}),os={"subscription-diaglog":"_subscription-diaglog_1gvmm_2","subscription-container":"_subscription-container_1gvmm_15","subscription-title":"_subscription-title_1gvmm_25","subscription-text":"_subscription-text_1gvmm_34","subscription-btn__container":"_subscription-btn__container_1gvmm_38","btn-success":"_btn-success_1gvmm_44","btn-cancel":"_btn-cancel_1gvmm_45"},MO=["granted","denied"],RO=e=>{const[t,r]=D.reactExports.useState(!1),s=()=>{Notification.requestPermission(function(c){c==="granted"&&hy(e),MO.includes(c)&&r(!0)})},o=()=>{r(!0)};return D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:t?"":D.jsxRuntimeExports.jsx("div",{className:os["subscription-diaglog"],children:D.jsxRuntimeExports.jsxs("div",{className:os["subscription-container"],children:[D.jsxRuntimeExports.jsx("h4",{className:os["subscription-title"],children:"Notification"}),D.jsxRuntimeExports.jsx("p",{className:os["subscription-text"],children:"Option to receive notifications about the latest information. You can turn them off at any time."}),D.jsxRuntimeExports.jsxs("div",{className:os["subscription-btn__container"],children:[D.jsxRuntimeExports.jsx("button",{className:os["btn-cancel"],onClick:o,children:"Not now"}),D.jsxRuntimeExports.jsx("button",{className:os["btn-success"],onClick:s,children:"Turn on"})]})]})})})},Au={"notification-massage_container":"_notification-massage_container_ql4az_1","notification-name":"_notification-name_ql4az_18","notification-message_service":"_notification-message_service_ql4az_23","notification-message_button-close":"_notification-message_button-close_ql4az_27"},AO=e=>{const[t,r]=D.reactExports.useState({userName:"",message:"",context:""});console.log(t);const{setNotiData:s}=D.reactExports.useContext(Xs);function o(){return D.jsxRuntimeExports.jsx("div",{className:Au["notification-massage_container"],children:D.jsxRuntimeExports.jsxs("div",{className:Au["notification-massage_content"],children:[D.jsxRuntimeExports.jsx("h6",{className:Au["notification-name"],children:t==null?void 0:t.userName}),D.jsxRuntimeExports.jsxs("div",{className:Au["notification-message_service"],children:[D.jsxRuntimeExports.jsxs("span",{children:[`${t==null?void 0:t.message} `," "]}),D.jsxRuntimeExports.jsx("span",{children:t==null?void 0:t.context})]})]})})}return D.reactExports.useEffect(()=>{t&&Notification.permission==="granted"&&(t.userName||t.message||t.context)&&ce.notify(D.jsxRuntimeExports.jsx(o,{}))},[t]),D.reactExports.useEffect(()=>{Notification.permission==="granted"&&hy(e)},[Notification.permission]),D.reactExports.useEffect(()=>{EO(s)},[]),TO(e).then(c=>{var h,x,S;console.log("aaa",c),r({userName:(h=c==null?void 0:c.data)==null?void 0:h.userName,message:(x=c==null?void 0:c.data)==null?void 0:x.message,context:(S=c==null?void 0:c.data)==null?void 0:S.context}),s(E=>{var A;return{...E,unread:{...E.unread,total:((A=E.unread)==null?void 0:A.total)+1}}})}).catch(c=>console.log("failed: ",c)),D.jsxRuntimeExports.jsx("div",{children:"Notification"in window&&Notification.permission==="default"?D.jsxRuntimeExports.jsx(RO,{...e}):""})},py=({baseUrl:e,notiPath:t,setNotiData:r})=>async()=>{const c=e+(t||"/notification-management/api/v1/notifications"),h=await ce.axios.get(c,{params:{filter:{notificationFilterType:"all"}},withCredentials:!0}),x=await ce.axios.get(c,{params:{filter:{notificationFilterType:"unread"}},withCredentials:!0});Promise.all([h,x]).then(S=>{var E,A,Y,F;console.log("result: "+S),r({all:{rows:(E=S[0].data)==null?void 0:E.rows,total:(A=S[0].data)==null?void 0:A.total},unread:{rows:(Y=S[1].data)==null?void 0:Y.rows,total:(F=S[1].data)==null?void 0:F.total}})})},IO=({baseUrl:e,notiPath:t})=>{var Y,F,V,q;const{setShowModalFalse:r}=D.reactExports.useContext(Xs),{notidata:s,setNotiData:o}=D.reactExports.useContext(Xs);console.log(s);const[c,h]=D.reactExports.useState("all"),x=py({baseUrl:e,notiPath:t,setNotiData:o}),S=async()=>{var $,te;try{const pe=e+(t||"/notification-management/api/v1/notifications");await ce.axios.put(pe,{withCredentials:!0})}catch(H){console.log(H),ce.pushError(((te=($=H.response)==null?void 0:$.data)==null?void 0:te.errorMessage)||"Have error when get notification list")}await x()},E=async($,te)=>{var H,pe;try{const me=t||`/notification-management/api/v1/notifications/${$}`,ye=e+me;await ce.axios.put(ye,{isRead:te},{withCredentials:!0})}catch(me){ce.pushError(((pe=(H=me.response)==null?void 0:H.data)==null?void 0:pe.errorMessage)||"Have error when get notification list")}await x()},A=[{id:"all",tabTitle:`All (${((Y=s==null?void 0:s.all)==null?void 0:Y.total)||0})`,children:D.jsxRuntimeExports.jsx(Zp,{notidata:((F=s==null?void 0:s.all)==null?void 0:F.rows)||[],handleUpdateRead:E,handleUpdateReadAll:S})},{id:"unread",tabTitle:`Unread (${((V=s==null?void 0:s.unread)==null?void 0:V.total)||0})`,children:D.jsxRuntimeExports.jsx(Zp,{notidata:((q=s==null?void 0:s.unread)==null?void 0:q.rows)||[],handleUpdateRead:E,handleUpdateReadAll:S})}];return D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:D.jsxRuntimeExports.jsx("div",{style:{position:"absolute",backgroundColor:"#fff",width:"550px",height:"90vh",right:"100px",top:"100%",padding:"32px",boxShadow:"10px 0px 20px #999",borderRadius:"0 0 8px 8px",overflow:"hidden"},children:D.jsxRuntimeExports.jsxs("div",{className:"list-content",children:[D.jsxRuntimeExports.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[D.jsxRuntimeExports.jsx("h3",{style:{fontSize:"24px",fontWeight:"500"},className:"list-title",children:"Notifications"}),D.jsxRuntimeExports.jsx("button",{onClick:r,children:D.jsxRuntimeExports.jsx("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D.jsxRuntimeExports.jsx("path",{d:"M7.05086 6.13616C6.66033 5.74563 6.02717 5.74563 5.63664 6.13616C5.24612 6.52668 5.24612 7.15984 5.63664 7.55037L10.5864 12.5001L5.63664 17.4499C5.24612 17.8404 5.24612 18.4736 5.63664 18.8641C6.02717 19.2546 6.66033 19.2546 7.05086 18.8641L12.0006 13.9143L16.9504 18.8641C17.3409 19.2546 17.974 19.2546 18.3646 18.8641C18.7551 18.4736 18.7551 17.8404 18.3646 17.4499L13.4148 12.5001L18.3646 7.55037C18.7551 7.15984 18.7551 6.52668 18.3646 6.13616C17.974 5.74563 17.3409 5.74563 16.9504 6.13616L12.0006 11.0859L7.05086 6.13616Z",fill:"#85858A"})})})]}),D.jsxRuntimeExports.jsx(ww,{tabs:A,setCurrentTab:h,currentTab:c})]})})})};function eh({childrenClass:e,action:t,childrenOpenClass:r}){const s=document.querySelector("#topbar-wrapper"),o=s==null?void 0:s.shadowRoot,c=o==null?void 0:o.querySelector(`.${e}`),h=o==null?void 0:o.querySelector(`.${r}`),x=o==null?void 0:o.querySelector("nav"),S=E=>{x==null||x.addEventListener("click",function(A){if(r&&h&&h.contains(A.target)){if(c&&!c.contains(A.target))return}else c&&!c.contains(A.target)&&t()}),s&&!s.contains(E.target)&&t()};document.addEventListener("click",S,!0)}function OO({primaryColor:e="#009d4f",baseUrl:t,notiPath:r}){var A,Y;const{isOpen:s,toggleOpen:o,setShowModalFalse:c}=D.reactExports.useContext(Xs),{notidata:h,setNotiData:x}=D.reactExports.useContext(Xs),S=py({baseUrl:t,notiPath:r,setNotiData:x}),E=async()=>{var F,V;try{await S()}catch(q){ce.pushError(((V=(F=q.response)==null?void 0:F.data)==null?void 0:V.errorMessage)||"Have error when get notification list")}};return D.reactExports.useEffect(()=>{E()},[s]),D.reactExports.useEffect(()=>{eh({childrenClass:"noti-container",childrenOpenClass:"noti-list-container",action(){c()}})}),D.jsxRuntimeExports.jsxs("div",{children:[D.jsxRuntimeExports.jsxs("div",{className:"noti-container",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:o,style:{cursor:"pointer"},children:[D.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),D.jsxRuntimeExports.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(h==null?void 0:h.unread)&&(h==null?void 0:h.unread.total)!=0&&D.jsxRuntimeExports.jsx("span",{style:{position:"absolute",top:"-9px",right:"-6px",background:`${ce.color.dangerDark}`,width:"20px",height:"20px",border:"1px solid #fff",borderRadius:"50%",color:"#fff",fontSize:"12px",display:"flex",alignItems:"center",justifyContent:"center"},className:"notification-badge",children:((A=h==null?void 0:h.unread)==null?void 0:A.total)>9?"9+":`${(Y=h==null?void 0:h.unread)==null?void 0:Y.total}`})]}),D.jsxRuntimeExports.jsx("div",{className:"noti-list-container",children:!s&&D.jsxRuntimeExports.jsx(IO,{baseUrl:t,notiPath:r})})]})}const PO=`.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{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-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}
 `,NO=`.tab-title{min-width:90px;padding:5px 16px;font-size:14px;font-weight:500;color:#c5c5c5;transition:all .3s ease-in-out;position:relative}.tab-title.is-active{color:#2e7d32}.tab-title.is-active:before{transition:all .3s ease-in-out;position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-bottom:2px solid #2E7D32}.tab-content{padding:16px 0}
-`,LO=`: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}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
+`,LO=`: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;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
 `,jO=`._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}
 `,$O=`._subscription-diaglog_1gvmm_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_1gvmm_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1gvmm_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1gvmm_25,._subscription-text_1gvmm_34{margin-bottom:24px}._subscription-btn__container_1gvmm_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1gvmm_44,._btn-cancel_1gvmm_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px}._btn-cancel_1gvmm_45{background-color:#ddd}._btn-success_1gvmm_44{background-color:#93d500}
 `;function FO(e){return D.jsxRuntimeExports.jsxs("svg",{width:"34",height:"25",viewBox:"0 0 34 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[D.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_16865_28134)",children:[D.jsxRuntimeExports.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"#1A47B8"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.61691 0.5H0V4.5L30.3635 24.5L34 24.5V20.5L3.61691 0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{d:"M1.20635 0.5L34 22.1567V24.5H32.8219L0 2.82089V0.5H1.20635Z",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M30.7619 0.5H34V4.5C34 4.5 12.9683 17.8249 3.2381 24.5H0V20.5L30.7619 0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{d:"M34 0.5H32.9019L0 22.1753V24.5H1.20635L34 2.83842V0.5Z",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.3648 0.5H21.6635V7.90291H34V17.0922H21.6635V24.5H12.3648V17.0922H0V7.90291H12.3648V0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.3158 0.5H19.6842V9.73077H34V15.2692H19.6842V24.5H14.3158V15.2692H0V9.73077H14.3158V0.5Z",fill:"#F93939"})]}),D.jsxRuntimeExports.jsx("defs",{children:D.jsxRuntimeExports.jsx("clipPath",{id:"clip0_16865_28134",children:D.jsxRuntimeExports.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"white"})})})]})}function YO(e){return D.jsxRuntimeExports.jsxs("svg",{width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[D.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_16886_62505)",children:[D.jsxRuntimeExports.jsx("rect",{width:"34",height:"24",rx:"3",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 16H34V24H0V16Z",fill:"#FFDA2C"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 0H34V8H0V0Z",fill:"#151515"})]}),D.jsxRuntimeExports.jsx("defs",{children:D.jsxRuntimeExports.jsx("clipPath",{id:"clip0_16886_62505",children:D.jsxRuntimeExports.jsx("rect",{width:"34",height:"24",rx:"3",fill:"white"})})})]})}function gy({logo:e,user:t,baseUrl:r,notiPath:s,style:o,classNames:c="",customColors:h,notiprops:x}){const S=e||"/public/assets/icons/logo-header.png",E={...o,color:(h==null?void 0:h.color)||"black",backgroundColor:(h==null?void 0:h.bgColor)||"black"},[A,Y]=D.reactExports.useState(!1),F=()=>{window.location.href=`${r}/authentication/logout?callbackUrl=${window.location.href}`};return D.jsxRuntimeExports.jsxs(ce.ShadowDomWrapper,{styles:[PO,NO,LO,jO,$O],style:{zIndex:1202},id:"topbar-wrapper",children:[D.jsxRuntimeExports.jsx("nav",{className:`navbar ${c}`,style:h?E:o,children:D.jsxRuntimeExports.jsxs("div",{className:"navbar-container",children:[D.jsxRuntimeExports.jsx("div",{className:"logo-container",children:D.jsxRuntimeExports.jsx("img",{src:S,alt:"logo-header"})}),D.jsxRuntimeExports.jsxs("div",{className:"right-side-container",children:[D.jsxRuntimeExports.jsx("span",{children:D.jsxRuntimeExports.jsxs(CD,{children:[D.jsxRuntimeExports.jsx(AO,{baseUrl:x.baseUrl,path:x.path,apiKey:x.apiKey,authDomain:x.authDomain,projectId:x.projectId,storageBucket:x.storageBucket,messagingSenderId:x.messagingSenderId,appId:x.appId,measurementId:x.measurementId,vapidKey:x.vapidKey}),D.jsxRuntimeExports.jsx(OO,{primaryColor:h==null?void 0:h.primaryColor,baseUrl:r,notiPath:s})]})}),D.jsxRuntimeExports.jsx("span",{className:"cursor-pointer",children:D.jsxRuntimeExports.jsx(_w,{primaryColor:h==null?void 0:h.primaryColor})}),D.jsxRuntimeExports.jsx(WO,{primaryColor:h==null?void 0:h.primaryColor}),D.jsxRuntimeExports.jsxs("div",{className:"userContainer",children:[D.jsxRuntimeExports.jsx(BO,{primaryColor:h==null?void 0:h.primaryColor,avatarUrl:t==null?void 0:t.avatarUrl,userName:t==null?void 0:t.firstName,setShowConfirmModal:Y}),D.jsxRuntimeExports.jsx("p",{className:"userFullName",children:`${(t==null?void 0:t.firstName)||"Unknown"} ${(t==null?void 0:t.lastName)||"User"}`})]})]})]})}),D.jsxRuntimeExports.jsx(ce.LogoutConfirmModal,{isOpen:A,onClose:()=>Y(!1),onConfirm:F})]})}function WO({primaryColor:e="#009d4f"}){var Y;const t=[{value:Iu.Language.en,element:D.jsxRuntimeExports.jsx(FO,{})},{value:Iu.Language.de,element:D.jsxRuntimeExports.jsx(YO,{})}],[r,s]=D.reactExports.useState(!1),[o,c]=D.reactExports.useState(new Array(t.length).fill(!1)),h={width:"100px",padding:"8px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease-in-out"},{language:x,setLanguage:S}=MR();D.reactExports.useEffect(()=>{eh({childrenClass:"languageDropdown",action(){s(!1)}})},[]);const E=F=>{c(V=>V.map((q,$)=>$===F))},A=F=>{c(V=>V.map((q,$)=>!1))};return D.jsxRuntimeExports.jsxs("div",{className:"languageDropdownContainer",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("div",{className:"languageDropdown",onClick:()=>{s(!r)},children:[(Y=t.find(F=>F.value==x))==null?void 0:Y.element,D.jsxRuntimeExports.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D.jsxRuntimeExports.jsx("path",{d:"M4.42724 7.92678L7.82372 11.3232C7.92135 11.4209 8.07964 11.4209 8.17727 11.3232L11.5737 7.92678C11.7312 7.76928 11.6197 7.5 11.3969 7.5H4.60402C4.38129 7.5 4.26975 7.76929 4.42724 7.92678Z",fill:"#85858A"})})]}),D.jsxRuntimeExports.jsx("div",{className:"dropdownListLanguage",style:{display:r?"block":"none",position:"absolute",top:"53px",right:"0px",padding:"8px",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",backgroundColor:"#fafafa"},children:t.filter(F=>F.value!==x).map((F,V)=>D.jsxRuntimeExports.jsx("div",{className:"languageItem",style:{...h,backgroundColor:o[V]?e:"transparent"},onMouseEnter:()=>E(V),onMouseLeave:()=>A(V),onClick:()=>{S(F.value),localStorage.setItem("language",F.value),Iu.instance.changeLanguage(F.value),s(!1),A(V)},children:F.element}))})]})}function BO({avatarUrl:e,userName:t,setShowConfirmModal:r,primaryColor:s="#009d4f"}){const[o,c]=D.reactExports.useState(!1),h=D.reactExports.useRef(null),x=D.reactExports.useRef(null),[S,E]=D.reactExports.useState(!1),[A,Y]=D.reactExports.useState(!1),F={backgroundColor:S?s:"transparent"},V={backgroundColor:A?s:"transparent"};return D.reactExports.useEffect(()=>{eh({childrenClass:"userAvatar",action(){c(!1)}})},[]),D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:D.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[e?D.jsxRuntimeExports.jsx("img",{onClick:()=>c(!o),ref:h,alt:"user avatar",className:"userAvatar",src:e}):D.jsxRuntimeExports.jsx("div",{onClick:()=>c(!o),ref:h,className:"userAvatar",id:"userAvatarNull",children:(t==null?void 0:t.charAt(0))??""}),D.jsxRuntimeExports.jsx("div",{style:{display:o?"block":"none"},className:"avartarDropdownMenu",ref:x,children:D.jsxRuntimeExports.jsxs("ul",{children:[D.jsxRuntimeExports.jsx("li",{onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),style:V,className:"avatar-dropdown-item",children:"Profile"}),D.jsxRuntimeExports.jsx("li",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:F,onClick:()=>r(!0),className:"avatar-dropdown-item",children:"Logout"})]})})]})})}{const e=D.s(gy,{props:{logo:"string",user:"json",baseUrl:"string",notiPath:"string",classNames:"string",style:"json",customColors:"json",notiprops:"json"},shadow:"open"});customElements.define("global-topbar",e)}exports.HasPermission=T0;exports.TopBar=gy;exports.getUseHasPermission=E0;

package/web-components-bundle/{index-0e4d0c2e.js → index-265fbeae.js} RENAMED Viewed

@@ -18059,7 +18059,7 @@ const wy = (e) => {
     ] }) });
   }
   return te.useEffect(() => {
-    t && Notification.permission === "granted" && t.userName && t.message && t.context && Ox(/* @__PURE__ */ q.jsx(o, {}));
+    t && Notification.permission === "granted" && (t.userName || t.message || t.context) && Ox(/* @__PURE__ */ q.jsx(o, {}));
   }, [t]), te.useEffect(() => {
     Notification.permission === "granted" && wy(e);
   }, [Notification.permission]), te.useEffect(() => {
@@ -18352,7 +18352,7 @@ function XR({
 }
 const JR = `.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{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-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}
 `, QR = `.tab-title{min-width:90px;padding:5px 16px;font-size:14px;font-weight:500;color:#c5c5c5;transition:all .3s ease-in-out;position:relative}.tab-title.is-active{color:#2e7d32}.tab-title.is-active:before{transition:all .3s ease-in-out;position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-bottom:2px solid #2E7D32}.tab-content{padding:16px 0}
-`, eP = `: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}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
+`, eP = `: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;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width: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__context-link{color:#007bff}.notification-item__content{width:60%;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}
 `, tP = `._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}
 `, nP = `._subscription-diaglog_1gvmm_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_1gvmm_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1gvmm_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1gvmm_25,._subscription-text_1gvmm_34{margin-bottom:24px}._subscription-btn__container_1gvmm_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1gvmm_44,._btn-cancel_1gvmm_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px}._btn-cancel_1gvmm_45{background-color:#ddd}._btn-success_1gvmm_44{background-color:#93d500}
 `;