@ukpc-lib/react 0.2.39 → 0.2.40

package/dist/components/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../index.module-dbbc618c.cjs"),p=require("react/jsx-runtime"),T=require("react"),Ho=require("../Colors-51ce6654.cjs"),re=require("moment"),At=require("axios");require("@r2wc/react-to-web-component");const Uo=require("react-router-dom"),bc=require("react-dom"),L=require("@mui/material");function xc(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const N=xc(T),wc=`.modal-overlay{z-index:1300;position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-title{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}.modal-button{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../index.module-30dd8648.cjs"),p=require("react/jsx-runtime"),T=require("react"),Ho=require("../Colors-51ce6654.cjs"),re=require("moment"),At=require("axios");require("@r2wc/react-to-web-component");const Uo=require("react-router-dom"),bc=require("react-dom"),L=require("@mui/material");function xc(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const N=xc(T),wc=`.modal-overlay{z-index:1300;position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal-title{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}.modal-footer{display:flex;justify-content:space-between;width:80%}.modal-container{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}.modal-button{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}.confirm-btn{background:#e01b00!important}.text-white{color:#fff}.text-sm{font-size:.875rem;line-height:1.25rem}
 `;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}
@@ -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

@@ -1,5 +1,5 @@
-import { C as cn, p as un, a as qc, b as Kc, L as co, u as Xc, i as Zc, g as Jc, Q as ga, R as Qc, l as eu, c as On, d as tu, s as Mn, _ as W, e as st, P as R, f as ze, h as nu, o as ru, j as iu, k as ou, m as uo, n as fo, I as su, q as au, r as ho, D as lu, t as ya, v as va, w as cu, x as uu, y as ut, z as du, A as Nn } from "../index.module-b4e99b4d.js";
-import { B as u5, E as d5 } from "../index.module-b4e99b4d.js";
+import { C as cn, p as un, a as qc, b as Kc, L as co, u as Xc, i as Zc, g as Jc, Q as ga, R as Qc, l as eu, c as On, d as tu, s as Mn, _ as W, e as st, P as R, f as ze, h as nu, o as ru, j as iu, k as ou, m as uo, n as fo, I as su, q as au, r as ho, D as lu, t as ya, v as va, w as cu, x as uu, y as ut, z as du, A as Nn } from "../index.module-b722c374.js";
+import { B as u5, E as d5 } from "../index.module-b722c374.js";
 import { jsxs as P, Fragment as Bt, jsx as g } from "react/jsx-runtime";
 import * as N from "react";
 import xi, { useContext as ie, useState as U, useEffect as ce, useRef as Ye, createContext as Wt, useLayoutEffect as wi, useInsertionEffect as fu, useCallback as tn, useMemo as hr, forwardRef as ba, createElement as nn, useId as hu, PureComponent as pu } from "react";
@@ -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(() => {