@asaleh37/ui-base 25.8.2-3 → 25.8.8

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import{useDispatch as o,useSelector as a,Provider as r}from"react-redux";export{useDispatch,useSelector}from"react-redux";import{library as d}from"@fortawesome/fontawesome-svg-core";import{fab as n}from"@fortawesome/free-brands-svg-icons";import{far as l}from"@fortawesome/free-regular-svg-icons";import{fas as s}from"@fortawesome/free-solid-svg-icons";import"react-toastify/dist/ReactToastify.css";import{Dialog as p,DialogTitle as c,DialogContent as m,DialogContentText as u,DialogActions as T,Button as A,Modal as _,Box as f,AppBar as I,Toolbar as E,Typography as O,IconButton as N,Paper as y,TextField as h,Grid2 as R,ListItemButton as L,FormControlLabel as C,Checkbox as D,Autocomplete as P,Popper as M,Avatar as b,Tooltip as g,styled as S,Badge as U,Divider as v,MenuItem as w,InputAdornment as x,Accordion as F,AccordionSummary as B,AccordionDetails as k,keyframes as W,ClickAwayListener as G,Fade as Y,Menu as V,useTheme as q,Backdrop as K,CircularProgress as z,createTheme as H}from"@mui/material";export*from"@mui/material";import{ThemeContext as Q,CacheProvider as Z,ThemeProvider as j}from"@emotion/react";import*as $ from"react";import X,{useState as J,useEffect as ee,createElement as ie,useRef as te}from"react";import{styled as oe,alpha as ae,useTheme as re}from"@mui/material/styles";import de from"@mui/material/CssBaseline";import ne from"@mui/material/AppBar";import le from"@mui/material/Toolbar";import{FontAwesomeIcon as se}from"@fortawesome/react-fontawesome";export{FontAwesomeIcon}from"@fortawesome/react-fontawesome";import{createSlice as pe,configureStore as ce}from"@reduxjs/toolkit";import{toast as me,ToastContainer as ue}from"react-toastify";export{toast}from"react-toastify";import Te from"axios";import Ae from"i18next";import{useTranslation as _e,initReactI18next as fe}from"react-i18next";export{useTranslation}from"react-i18next";import{useForm as Ie}from"react-hook-form";export{useForm}from"react-hook-form";import{useNavigate as Ee,useParams as Oe,Routes as Ne,Route as ye,BrowserRouter as he}from"react-router-dom";export{useParams}from"react-router-dom";import{zodResolver as Re}from"@hookform/resolvers/zod";export{zodResolver}from"@hookform/resolvers/zod";import*as Le from"zod";import{z as Ce}from"zod";export{Le as z};import De from"@mui/material/List";import Pe from"@mui/material/Card";import Me from"@mui/material/CardHeader";import be from"@mui/material/ListItemText";import ge from"@mui/material/ListItemIcon";import Se from"@mui/material/Checkbox";import Ue from"@mui/material/Button";import ve from"@mui/material/Divider";import{LocalizationProvider as we,DatePicker as xe,DateTimePicker as Fe}from"@mui/x-date-pickers";import{AdapterMoment as Be}from"@mui/x-date-pickers/AdapterMoment";import ke from"moment";import We from"@mui/material/CardActions";import Ge from"@mui/material/CardContent";import Ye from"@mui/material/CardMedia";import Ve from"@mui/material/Typography";import{QuickFilter as qe,ToolbarButton as Ke,Toolbar as ze,ColumnsPanelTrigger as He,GridViewColumnIcon as Qe,FilterPanelTrigger as Ze,GridFilterListIcon as je,ExportExcel as $e,QuickFilterTrigger as Xe,QuickFilterControl as Je,QuickFilterClear as ei,GridActionsCellItem as ii,GridExpandMoreIcon as ti,DataGridPremium as oi,GridRowModes as ai}from"@mui/x-data-grid-premium";import{BarChart as ri,Gauge as di,LineChart as ni}from"@mui/x-charts";import li from"@mui/material/LinearProgress";import si from"@mui/material/Box";import{PieChart as pi}from"@mui/x-charts/PieChart";import ci from"@mui/material/IconButton";import mi from"@mui/material/Drawer";import{animated as ui,useSpring as Ti}from"@react-spring/web";import Ai from"@mui/material/Collapse";import{RichTreeView as _i}from"@mui/x-tree-view/RichTreeView";import{treeItemClasses as fi}from"@mui/x-tree-view/TreeItem";import{useTreeItem2 as Ii}from"@mui/x-tree-view/useTreeItem2";import{TreeItem2Root as Ei,TreeItem2Content as Oi,TreeItem2IconContainer as Ni,TreeItem2Checkbox as yi,TreeItem2Label as hi}from"@mui/x-tree-view/TreeItem2";import{TreeItem2Icon as Ri}from"@mui/x-tree-view/TreeItem2Icon";import{TreeItem2Provider as Li}from"@mui/x-tree-view/TreeItem2Provider";import{TreeItem2DragAndDropOverlay as Ci}from"@mui/x-tree-view/TreeItem2DragAndDropOverlay";import Di from"stylis-plugin-rtl";import{prefixer as Pi}from"stylis";import Mi from"@emotion/cache";import bi from"@emotion/styled";import{grey as gi}from"@mui/material/colors";import Si from"@mui/material/SwipeableDrawer";import{LicenseInfo as Ui}from"@mui/x-license";export*from"@mui/lab";export*from"@mui/x-tree-view/models";!function(e,i){void 0===i&&(i={});var t=i.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("html,\nbody {\n  height: 100vh;\n  margin: 0;\n  padding: 0;\n}\n\n#root {\n  height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.red-row {\n  background-color: #f0d8d8;\n}\n");const vi=(e=768)=>{const[i,t]=J(window.innerWidth<e);return ee(()=>{const i=()=>t(window.innerWidth<e);return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e]),i},wi=350,xi=pe({name:"AppLayout",initialState:{themeMode:localStorage.getItem("themeMode")||"light",appDirection:"ar"==localStorage.getItem("language")?"rtl":"ltr"},reducers:{setThemeMode:(e,i)=>{e.themeMode=i.payload},setAppDirection:(e,i)=>{e.appDirection=i.payload}}}),Fi=xi.actions;var Bi=xi.reducer;const ki=pe({name:"loadingMask",initialState:{value:{isOpened:!1,message:null}},reducers:{showLoadingMask:(e,i)=>{e.value.isOpened=!0,e.value.message=i.payload},hideLoadingMask:e=>{e.value.isOpened=!1,e.value.message=null}}}),{showLoadingMask:Wi,hideLoadingMask:Gi}=ki.actions;var Yi=ki.reducer;const Vi=()=>{const e=o();return{show:i=>{e(Wi(i))},hide:()=>{e(Gi())}}},qi=pe({name:"UserSession",initialState:{value:{isAuthenticated:null,authorities:[]}},reducers:{setAuthenticated:(e,i)=>{e.value=i.payload},setUnAuthenticated:e=>{e.value={isAuthenticated:!1,authorities:[]}}}}),Ki=qi.actions;var zi=qi.reducer;const Hi=()=>{const e=Vi(),i=o(),t=a(e=>e.AppInfo.value.apiBaseUrl),r=Te.create({baseURL:t,timeout:6e5,withCredentials:!0});r.defaults.withCredentials=!0,r.interceptors.response.use(e=>e,e=>{if(e&&(e.response&&(e.response.status&&401===e.response.status)))i(Ki.setUnAuthenticated()),me.error("your session is now expired, you need to login again",{autoClose:!1});else if(e&&(e.response&&(e.response.status&&403===e.response.status)))me.error("you aren't authorized to process this request");else if(e&&(e.response&&(e.response.status&&500===e.response.status)))if(e.response.data instanceof Blob){e.response.data.text().then(e=>{me.error(e)})}else me.error(e.response.data);else me.error("failed to communicate with the server ... try again later");return"ERROR"});return{handleGetRequest:async i=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);const t=await r.get(i.endPointURI,{params:{...i.parameters},withCredentials:!0,headers:i.headers,responseType:i?.responseType});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},handlePostRequest:async i=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);let t=await r.post(i.endPointURI,i.data,{params:i.parameters,responseType:i?.responseType,headers:i?.headers});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},handleDeleteRequest:async i=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);let t=await r.delete(i.endPointURI,{params:{...i.parameters},responseType:i?.responseType,headers:i?.headers});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},HandleDownloadHTTPPostPDF:async(i={endPointURI:"",parameters:{},data:{}})=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);const t=await r.post(i.endPointURI,i.data,{responseType:"blob"});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},handleUploadRequest:async i=>{if(null===i.files||0===i.files.length)return me.error("You must add files to upload"),"ERROR";const t=new FormData;for(const e of i.files)t.append("files",e);void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);let o=await r.post(i.endPointURI,t,{params:i?.parameters,headers:{"Content-Type":"multipart/form-data"}});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==o?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(o),o):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(o),"ERROR")}}},Qi=t=>{const[o,a]=J(!1),{t:r}=_e();return{ConfirmationWindow:()=>e(p,{open:o,children:[i(c,{children:t.title}),i(m,{children:i(u,{children:t.body})}),e(T,{children:[i(A,{variant:"contained",color:"primary",onClick:()=>{a(!1)},children:r("NO_LABEL")}),i(A,{variant:"contained",color:"error",onClick:()=>{t.onConfirmationCallBk(),a(!1)},autoFocus:!0,children:r("YES_LABEL")})]})]}),open:o,setOpen:a}},Zi=()=>{const e=a(e=>e.UserSession),i=e.value;return{UserSession:e,isUserAuthorized:i=>{if(e?.value?.authorities)for(let t of e.value.authorities){if("DEVELOPMENT_ADMIN"===i&&("DEVELOPMENT_ADMIN"===t?.authority||"ORGANIZATION_ADMIN"===t?.authority))return!0;if("ORGANIZATION_ADMIN"===i&&"ORGANIZATION_ADMIN"===t?.authority)return!0;if("DEVELOPMENT_ADMIN"!==i&&"ORGANIZATION_ADMIN"!==i&&("ORGANIZATION_ADMIN"===t?.authority||"DEVELOPMENT_ADMIN"===t?.authority||"SYSTEM_ADMIN"===t?.authority||t?.authority===i))return!0}return!1},isCurrentOrganizationAuthorizedToModule:e=>{if(i?.currentOrganization?.systemApplicationModules)for(const t of i.currentOrganization.systemApplicationModules)if(t.toLowerCase()==e.toLowerCase())return!0;return!1},UserInfo:i}},ji=t=>{const[o,a]=J(!1);return{windowState:o,setWindowState:a,Window:r=>i(_,{open:o,sx:{zIndex:e=>e.zIndex.drawer},onClose:()=>{!o&&t?.onCloseCallBack&&t.onCloseCallBack()},children:e(f,{sx:{position:"absolute",top:"50%",left:"50%",maxHeight:"90%",transform:"translate(-50%, -50%)",height:t?.height||"80%",width:t?.width||"90%",minWidth:t.minWidth||400,minHeight:t.minHeight||200,overflow:"hidden",bgcolor:"modalBackground.main",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start"},children:[i(I,{position:"static",children:e(E,{variant:"dense",children:[i(se,{icon:t?.windowIcon||"window-maximize",style:{marginRight:5}}),i(O,{variant:"h6",color:"inherit",component:"div",children:t?.windowTitle||"window"}),i("div",{style:{flexGrow:1}}),i(N,{onClick:()=>{a(!1),null!=t.onCloseCallBack&&null!=t.onCloseCallBack&&t.onCloseCallBack()},color:"secondary",children:i(se,{icon:"xmark-square"})})]})}),i(y,{sx:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",padding:1,overflow:"hidden"},children:r?.children})]})})}},$i=pe({name:"commonStores",initialState:{stores:{},storeKeys:[]},reducers:{setStoresMetaData:(e,i)=>{e.stores=i.payload,e.storeKeys=Object.keys(i.payload)},setStoreData:(e,i)=>{e.stores[i.payload.storeKey].data=i.payload.data}}}),{setStoreData:Xi,setStoresMetaData:Ji}=$i.actions;var et=$i.reducer;const it=e=>{const i=a(e=>e.commonStores.stores),t=o(),r=Zi(),{handleGetRequest:d,handlePostRequest:n,handleDeleteRequest:l}=Hi();return{reloadData:async o=>{if(e?.commonStoreKey){const o=Object.keys(i);for(const a of o)if(a===e.commonStoreKey&&(void 0===i[a]?.authority||null===i[a]?.authority||r.isUserAuthorized(i[a]?.authority))&&""!=i[a]?.url){await d({endPointURI:i[a].url,showMask:!1,successCallBkFn:i=>{t(Xi({storeKey:a,data:i.data})),e.setData(i.data)},failureCallBkFn:()=>{t(Xi({storeKey:a,data:[]})),e.setData([])}});break}}else e?.findAll&&await d({endPointURI:e.findAll,showMask:!0,parameters:o||{},successCallBkFn:i=>{e.setData(i.data)}})},loadRecordById:async i=>{let t=null;if(e?.findById){const o={};o[e?.findByIdParamName||"id"]=i,await d({endPointURI:e.findById,showMask:!0,parameters:o,successCallBkFn:e=>{t=e.data}})}return t},saveRecord:async i=>{let t=null;return e?.save&&await n({endPointURI:e.save,data:i,showMask:!0,successCallBkFn:e=>{t=e.data}}),t},deleteRecordById:async i=>{let t=!0;if(e?.deleteById){const o={};o[e?.deleteByIdParamName||"id"]=i,await l({endPointURI:e.deleteById,showMask:!0,parameters:o,successCallBkFn:()=>{t=!0},failureCallBkFn:()=>{t=!1}})}return t}}},tt=e=>{const{t:o}=_e();return i(h,{...e,slotProps:{inputLabel:{shrink:!0,sx:{fontWeight:"bold"}}},label:i(t,{children:e?.label?o(e.label):""}),helperText:e?.helperText?o(e.helperText):void 0})};function ot(e,i){return e.filter(e=>-1===i.indexOf(e))}function at(e,i){return e.filter(e=>-1!==i.indexOf(e))}const rt=({valueField:t="id",displayField:o="name",options:a=[],selectedOptions:r=[],setSelection:d})=>{const[n,l]=$.useState([]),[s,p]=$.useState([]),[c,m]=$.useState([]),[u,T]=$.useState(""),[A,_]=$.useState(""),I=at(n,s),E=at(n,c);$.useEffect(()=>{a&&p([...a])},[a]),$.useEffect(()=>{r&&m([...r])},[r]);const O=e=>()=>{const i=n.indexOf(e),t=[...n];-1===i?t.push(e):t.splice(i,1),l(t)},N=e=>at(n,e).length,y=e=>()=>{var i,t;N(e)===e.length?l(ot(n,e)):l((i=n,t=e,[...i,...ot(t,i)]))},h=(a,r,d)=>{const l=r.filter(e=>{if(e[o]){const i=e[o];if("left"===d&&i.toLocaleLowerCase().includes(u.toLocaleLowerCase()))return!0;if("right"===d&&i.toLocaleLowerCase().includes(A.toLocaleLowerCase()))return!0}return!1});return e(Pe,{sx:{height:"100%"},children:[i(Me,{sx:{px:2,py:1},avatar:i(Se,{onClick:y(l),checked:N(l)===l.length&&0!==l.length,indeterminate:N(l)!==l.length&&0!==N(l),disabled:0===l.length,inputProps:{"aria-label":"all items selected"}}),title:a,subheader:`${N(r)} / ${r.length} Selected`}),i(f,{sx:{width:"100%",padding:1},children:i(tt,{fullWidth:!0,label:"search",value:"left"===d?u:A,onChange:e=>{"left"===d?T(e.target.value):_(e.target.value)}})}),i(ve,{}),i(De,{sx:{width:"100%",height:"80%",bgcolor:"secondary",overflow:"auto"},dense:!0,component:"div",role:"list",children:l.map(a=>(a[t],e(L,{role:"listitem",onClick:O(a),sx:{cursor:"pointer"},children:[i(ge,{children:i(Se,{checked:-1!==n.indexOf(a),tabIndex:-1,disableRipple:!0})}),i(be,{id:a[t],primary:a[o]})]},a[t])))})]})};return e(R,{container:!0,spacing:2,sx:{flexGrow:1,overflow:"auto",margin:1,display:"flex",width:"100%"},justifyContent:"center",alignItems:"center",children:[i(R,{sx:{height:"100%",flex:1},children:h("Available Items",s,"left")}),i(R,{children:e(R,{container:!0,direction:"column",alignItems:"center",children:[i(Ue,{sx:{my:.5},variant:"outlined",size:"small",onClick:()=>{m(e=>{let i=c.concat(I);return d(i),i}),p(ot(s,I)),l(ot(n,I))},disabled:0===I.length,"aria-label":"move selected right",children:">"}),i(Ue,{sx:{my:.5},variant:"outlined",size:"small",onClick:()=>{p(s.concat(E)),m(e=>{let i=ot(c,E);return d(i),i}),l(ot(n,E))},disabled:0===E.length,"aria-label":"move selected left",children:"<"})]})}),i(R,{sx:{height:"100%",flex:1},children:h("Currently Selected",c,"right")})]})},dt=e=>{const{t:t}=_e();return i(C,{sx:e.sx,hidden:e?.hidden||!1,disabled:e.disabled||!1,required:e.required||!1,control:i(D,{checked:e?.checkedValue==e.value||"true"===e.value||"1"==e.value,onChange:i=>{void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack&&(i.target.checked?void 0!==e.checkedValue&&null!=e.checkedValue?e.onChangeCallBack(e.checkedValue):e.onChangeCallBack(!0):void 0!==e.unCheckedValue&&null!=e.unCheckedValue?e.onChangeCallBack(e.unCheckedValue):e.onChangeCallBack(!1))}}),label:t(e.label)})},nt=e=>{const t=a(e=>e.AppLayout),{t:o}=_e();return i(P,{sx:e.sx,value:(i=>{for(let t of e.options)if(t[e.valueField]==i)return t;return null})(e.value),options:e.options,disabled:e.disabled,hidden:e?.hidden||!1,onChange:(i,t)=>{if(void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack)if(null!=t){let i=t[e.valueField];e.onChangeCallBack(i,t)}else e.onChangeCallBack(null,null)},clearOnBlur:!0,handleHomeEndKeys:!0,getOptionLabel:i=>null!=i?o(i[e.displayField]):"",renderOption:(t,a)=>i("li",{...t,children:null!=a?o(a[e.displayField]):""}),slots:{popper:e=>i(M,{...e,style:{...e.style,direction:t.appDirection}})},renderInput:t=>i(h,{...t,required:e.required||!1,variant:"outlined",slotProps:{inputLabel:{shrink:!0,sx:{fontWeight:"bold"}}},label:o(e.label),error:null!=e.errorMessage&&void 0!==e.errorMessage,helperText:null!=e.errorMessage&&void 0!==e.errorMessage?o(e.errorMessage):""})})},lt="YYYY-MM-DD",st="YYYY-MM-DD HH:mm:ss",pt="#37505C",ct="#ff6d00",mt="#ea690e",ut="#74776B",Tt=e=>{const{t:o}=_e();return e?.hidden?i(t,{}):i(we,{dateAdapter:Be,children:i(xe,{value:null!=e.value&&void 0!==e.value&&""!==e.value?ke(e.value,e?.format||lt):null,sx:e.sx,label:o(e.label),format:e?.format||lt,disabled:e.disabled,onChange:i=>{let t=null;null!=i&&i.isValid()&&(t=i.format(e?.format||lt)),void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack&&e.onChangeCallBack(t)},slotProps:{textField:{InputLabelProps:{shrink:!0,sx:{fontWeight:"bold"}},variant:"outlined",required:e.required,error:void 0!==e.errorMessage&&null!=e.errorMessage,helperText:void 0!==e.errorMessage&&null!=e.errorMessage?i(t,{children:o(e.errorMessage)}):i(t,{})}}})})},At=e=>{const{t:o}=_e();return e?.hidden?i(t,{}):i(we,{dateAdapter:Be,children:i(Fe,{value:null!=e.value&&void 0!==e.value&&""!==e.value?ke(e.value,e?.format||st):null,label:o(e.label),sx:e.sx,format:e?.format||st,disabled:e.disabled,onChange:i=>{let t=null;null!=i&&i.isValid()&&(t=i.format(e?.format||st)),void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack&&e.onChangeCallBack(t)},slotProps:{textField:{InputLabelProps:{shrink:!0,sx:{fontWeight:"bold"}},variant:"outlined",required:e.required,error:void 0!==e.errorMessage&&null!=e.errorMessage,helperText:void 0!==e.errorMessage&&null!=e.errorMessage?i(t,{children:o(e.errorMessage)}):i(t,{})}}})})},_t=e=>{const t=a(e=>e.AppLayout),o=Zi(),[r,d]=J([]),{handleGetRequest:n}=Hi();return ee(()=>{e.lookupType&&(async()=>{await n({endPointURI:"api/v1/public/system/lookup",showMask:!0,parameters:{lookupType:e.lookupType},successCallBkFn:e=>{d(e.data)},failureCallBkFn:()=>{d([])}})})()},[e.lookupType,o.UserSession]),i(nt,{...e,options:r,displayField:"ltr"===t.appDirection?"lookupEnDisplay":"lookupArDisplay",valueField:"lookupValue"})},ft=e=>({...e,type:"string",renderEditCell:e=>i(Tt,{sx:{width:"100%"},label:"",value:e.value,onChangeCallBack:i=>{e.api.setEditCellValue({id:e.id,field:e.field,value:i})}}),valueParser:(e,i,t)=>{let o=null;return null!==e&&(o=ke(e).format(lt)),o},valueFormatter:(e,i,t)=>i[t.field]}),It=e=>({...e,type:"string",renderEditCell:e=>i(At,{sx:{width:"100%"},label:"",value:e.value,onChangeCallBack:i=>{e.api.setEditCellValue({id:e.id,field:e.field,value:i})}}),valueParser:(e,i,t)=>{let o=null;return null!==e&&(o=ke(e).format(st)),o},valueFormatter:(e,i,t)=>i[t.field]}),Et=e=>({...e,type:"custom",valueGetter:e=>e?e+"":e,renderCell:e=>{let t=null;try{t=e.colDef.options.find(i=>i[e.colDef.valueField]==e.value)}catch(e){}return i("div",{children:null!=t?t[e.colDef.displayField]:e.value})},renderEditCell:e=>i(nt,{...e,sx:{width:"100%"},options:e.colDef.options,valueField:e.colDef.valueField,displayField:e.colDef.displayField,onChangeCallBack:(i,t)=>{null===i&&e.api.setEditCellValue({id:e.id,field:e.field,value:null}),e.api.setEditCellValue({id:e.id,field:e.field,value:i+""})}})}),Ot=e=>({...e,type:"custom",valueGetter:e=>null==e||null==e?null:e,renderCell:t=>{const o=t?.value;return o===e.checkedValue||"true"===o||1===o||!0===o?i(se,{icon:"check",color:"green"}):i(se,{icon:"xmark",color:"red"})},renderEditCell:t=>i(dt,{...t,checkedValue:e?.checkedValue||!0,unCheckedValue:e?.unCheckedValue||!1,onChangeCallBack:e=>{t.api.setEditCellValue({id:t.id,field:t.field,value:e})}})}),Nt=e=>{const i=[];if("field"===e.type&&"props"===e.mode&&e?.props)i.push(e.props);else if("group"===e.type&&e?.props&&e?.props?.elements)for(const t of e.props.elements)i.push(...Nt(t));return i},yt=e=>{const i=[];for(const t of e)i.push(...Nt(t));return i},ht=(e,i,t)=>{const o=[];for(const a of e)if("text"===a?.fieldType||"number"===a?.fieldType){const e={...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,type:"number"==a?.fieldType?"number":"string",field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200};o.push(e)}else if("date"===a?.fieldType){const e=ft({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else if("datetime"===a?.fieldType){const e=It({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else if("checkbox"===a?.fieldType){const e=Ot({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,checkedValue:a?.checkedValue,unCheckedValue:a?.unCheckedValue,width:150});o.push(e)}else if("combobox"===a?.fieldType){const e=Et({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,valueField:a?.optionValueField||"value",displayField:a?.optionDisplayField||"display",options:a?.options||[],flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else if("lookup"===a?.fieldType){const e=Et({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,lookupType:a?.lookupType,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,valueField:a?.optionValueField||"value",displayField:a?.optionDisplayField||"display",options:a?.options||[],flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else{const e={field:a.fieldName,...a?.gridProps?.muiProps};o.push(e)}return o},Rt=e=>{const i={};for(const t of e)if(t?.fieldName){const e=t.fieldName;"number"===t.fieldType?i[e]=!0===t?.required?Le.number({required_error:"This field is required",invalid_type_error:"This field must be a number"}):Le.number().optional().nullable():"checkbox"===t.fieldType?i[e]=!0===t?.required?Le.boolean({required_error:"This field is required"}):Le.boolean().optional().nullable():i[e]=!0===t?.required?Le.string({message:"This field is required"}).min(1,"This field is required"):Le.string().optional().nullable()}return i},Lt=(e,i,t)=>{const o=[],a=[];if("exclude"===e.type&&0===e.ids.size)for(const e of i)o.push(e),a.push(e[t]);else if(e?.ids)for(const r of e.ids){const e=i.find(e=>e[t]===r);o.push(e),a.push(r)}return{selectedRecords:o,selectedRecordIds:a}};function Ct(e,...i){const t=new URL(`https://mui.com/production-error/?code=${e}`);return i.forEach(e=>t.searchParams.append("args[]",e)),`Minified MUI error #${e}; visit ${t} for the full message.`}function Dt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Pt,Mt={exports:{}},bt={exports:{}},gt={};var St,Ut,vt,wt,xt,Ft,Bt,kt,Wt,Gt,Yt,Vt,qt,Kt,zt,Ht={};
+import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import{useDispatch as o,useSelector as a,Provider as r}from"react-redux";export{useDispatch,useSelector}from"react-redux";import{library as d}from"@fortawesome/fontawesome-svg-core";import{fab as n}from"@fortawesome/free-brands-svg-icons";import{far as l}from"@fortawesome/free-regular-svg-icons";import{fas as s}from"@fortawesome/free-solid-svg-icons";import"react-toastify/dist/ReactToastify.css";import{Dialog as p,DialogTitle as c,DialogContent as m,DialogContentText as u,DialogActions as T,Button as A,Modal as _,Box as f,AppBar as I,Toolbar as E,Typography as O,IconButton as N,Paper as y,TextField as h,Grid2 as R,ListItemButton as L,FormControlLabel as C,Checkbox as D,Autocomplete as P,Popper as M,Avatar as b,Tooltip as g,styled as S,Badge as U,Divider as v,MenuItem as w,InputAdornment as x,Accordion as F,AccordionSummary as B,AccordionDetails as k,keyframes as W,ClickAwayListener as G,Fade as Y,Menu as V,useTheme as q,Backdrop as K,CircularProgress as z,createTheme as H}from"@mui/material";export*from"@mui/material";import{ThemeContext as Q,CacheProvider as Z,ThemeProvider as j}from"@emotion/react";import*as $ from"react";import X,{useState as J,useEffect as ee,createElement as ie,useRef as te}from"react";import{styled as oe,alpha as ae,useTheme as re}from"@mui/material/styles";import de from"@mui/material/CssBaseline";import ne from"@mui/material/AppBar";import le from"@mui/material/Toolbar";import{FontAwesomeIcon as se}from"@fortawesome/react-fontawesome";export{FontAwesomeIcon}from"@fortawesome/react-fontawesome";import{createSlice as pe,configureStore as ce}from"@reduxjs/toolkit";import{toast as me,ToastContainer as ue}from"react-toastify";export{toast}from"react-toastify";import Te from"axios";import Ae from"i18next";import{useTranslation as _e,initReactI18next as fe}from"react-i18next";export{useTranslation}from"react-i18next";import{useForm as Ie}from"react-hook-form";export{useForm}from"react-hook-form";import{useNavigate as Ee,useParams as Oe,Routes as Ne,Route as ye,BrowserRouter as he}from"react-router-dom";export{useNavigate,useParams}from"react-router-dom";import{zodResolver as Re}from"@hookform/resolvers/zod";export{zodResolver}from"@hookform/resolvers/zod";import*as Le from"zod";import{z as Ce}from"zod";export{Le as z};import De from"@mui/material/List";import Pe from"@mui/material/Card";import Me from"@mui/material/CardHeader";import be from"@mui/material/ListItemText";import ge from"@mui/material/ListItemIcon";import Se from"@mui/material/Checkbox";import Ue from"@mui/material/Button";import ve from"@mui/material/Divider";import{LocalizationProvider as we,DatePicker as xe,DateTimePicker as Fe}from"@mui/x-date-pickers";import{AdapterMoment as Be}from"@mui/x-date-pickers/AdapterMoment";import ke from"moment";import We from"@mui/material/CardActions";import Ge from"@mui/material/CardContent";import Ye from"@mui/material/CardMedia";import Ve from"@mui/material/Typography";import{QuickFilter as qe,ToolbarButton as Ke,Toolbar as ze,ColumnsPanelTrigger as He,GridViewColumnIcon as Qe,FilterPanelTrigger as Ze,GridFilterListIcon as je,ExportExcel as $e,QuickFilterTrigger as Xe,QuickFilterControl as Je,QuickFilterClear as ei,GridActionsCellItem as ii,GridExpandMoreIcon as ti,DataGridPremium as oi,GridRowModes as ai}from"@mui/x-data-grid-premium";import{BarChart as ri,Gauge as di,LineChart as ni}from"@mui/x-charts";import li from"@mui/material/LinearProgress";import si from"@mui/material/Box";import{PieChart as pi}from"@mui/x-charts/PieChart";import ci from"@mui/material/IconButton";import mi from"@mui/material/Drawer";import{animated as ui,useSpring as Ti}from"@react-spring/web";import Ai from"@mui/material/Collapse";import{RichTreeView as _i}from"@mui/x-tree-view/RichTreeView";import{treeItemClasses as fi}from"@mui/x-tree-view/TreeItem";import{useTreeItem2 as Ii}from"@mui/x-tree-view/useTreeItem2";import{TreeItem2Root as Ei,TreeItem2Content as Oi,TreeItem2IconContainer as Ni,TreeItem2Checkbox as yi,TreeItem2Label as hi}from"@mui/x-tree-view/TreeItem2";import{TreeItem2Icon as Ri}from"@mui/x-tree-view/TreeItem2Icon";import{TreeItem2Provider as Li}from"@mui/x-tree-view/TreeItem2Provider";import{TreeItem2DragAndDropOverlay as Ci}from"@mui/x-tree-view/TreeItem2DragAndDropOverlay";import Di from"stylis-plugin-rtl";import{prefixer as Pi}from"stylis";import Mi from"@emotion/cache";import bi from"@emotion/styled";import{grey as gi}from"@mui/material/colors";import Si from"@mui/material/SwipeableDrawer";import{LicenseInfo as Ui}from"@mui/x-license";export*from"@mui/lab";export*from"@mui/x-tree-view/models";!function(e,i){void 0===i&&(i={});var t=i.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("html,\nbody {\n  height: 100vh;\n  margin: 0;\n  padding: 0;\n}\n\n#root {\n  height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.red-row {\n  background-color: #f0d8d8;\n}\n");const vi=(e=768)=>{const[i,t]=J(window.innerWidth<e);return ee(()=>{const i=()=>t(window.innerWidth<e);return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e]),i},wi=350,xi=pe({name:"AppLayout",initialState:{themeMode:localStorage.getItem("themeMode")||"light",appDirection:"ar"==localStorage.getItem("language")?"rtl":"ltr"},reducers:{setThemeMode:(e,i)=>{e.themeMode=i.payload},setAppDirection:(e,i)=>{e.appDirection=i.payload}}}),Fi=xi.actions;var Bi=xi.reducer;const ki=pe({name:"loadingMask",initialState:{value:{isOpened:!1,message:null}},reducers:{showLoadingMask:(e,i)=>{e.value.isOpened=!0,e.value.message=i.payload},hideLoadingMask:e=>{e.value.isOpened=!1,e.value.message=null}}}),{showLoadingMask:Wi,hideLoadingMask:Gi}=ki.actions;var Yi=ki.reducer;const Vi=()=>{const e=o();return{show:i=>{e(Wi(i))},hide:()=>{e(Gi())}}},qi=pe({name:"UserSession",initialState:{value:{isAuthenticated:null,authorities:[]}},reducers:{setAuthenticated:(e,i)=>{e.value=i.payload},setUnAuthenticated:e=>{e.value={isAuthenticated:!1,authorities:[]}}}}),Ki=qi.actions;var zi=qi.reducer;const Hi=()=>{const e=Vi(),i=o(),t=a(e=>e.AppInfo.value.apiBaseUrl),r=Te.create({baseURL:t,timeout:6e5,withCredentials:!0});r.defaults.withCredentials=!0,r.interceptors.response.use(e=>e,e=>{if(e&&(e.response&&(e.response.status&&401===e.response.status)))i(Ki.setUnAuthenticated()),me.error("your session is now expired, you need to login again",{autoClose:!1});else if(e&&(e.response&&(e.response.status&&403===e.response.status)))me.error("you aren't authorized to process this request");else if(e&&(e.response&&(e.response.status&&500===e.response.status)))if(e.response.data instanceof Blob){e.response.data.text().then(e=>{me.error(e)})}else me.error(e.response.data);else me.error("failed to communicate with the server ... try again later");return"ERROR"});return{handleGetRequest:async i=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);const t=await r.get(i.endPointURI,{params:{...i.parameters},withCredentials:!0,headers:i.headers,responseType:i?.responseType});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},handlePostRequest:async i=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);let t=await r.post(i.endPointURI,i.data,{params:i.parameters,responseType:i?.responseType,headers:i?.headers});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},handleDeleteRequest:async i=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);let t=await r.delete(i.endPointURI,{params:{...i.parameters},responseType:i?.responseType,headers:i?.headers});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},HandleDownloadHTTPPostPDF:async(i={endPointURI:"",parameters:{},data:{}})=>{void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);const t=await r.post(i.endPointURI,i.data,{responseType:"blob"});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==t?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(t),t):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(t),"ERROR")},handleUploadRequest:async i=>{if(null===i.files||0===i.files.length)return me.error("You must add files to upload"),"ERROR";const t=new FormData;for(const e of i.files)t.append("files",e);void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.show(i.loadingMessage);let o=await r.post(i.endPointURI,t,{params:i?.parameters,headers:{"Content-Type":"multipart/form-data"}});return void 0!==i.showMask&&null!=i.showMask&&!0===i.showMask&&e.hide(),"ERROR"!==o?(void 0!==i.successCallBkFn&&null!=i.successCallBkFn&&i.successCallBkFn(o),o):(void 0!==i.failureCallBkFn&&null!=i.failureCallBkFn&&i.failureCallBkFn(o),"ERROR")}}},Qi=t=>{const[o,a]=J(!1),{t:r}=_e();return{ConfirmationWindow:()=>e(p,{open:o,children:[i(c,{children:t.title}),i(m,{children:i(u,{children:t.body})}),e(T,{children:[i(A,{variant:"contained",color:"primary",onClick:()=>{a(!1)},children:r("NO_LABEL")}),i(A,{variant:"contained",color:"error",onClick:()=>{t.onConfirmationCallBk(),a(!1)},autoFocus:!0,children:r("YES_LABEL")})]})]}),open:o,setOpen:a}},Zi=()=>{const e=a(e=>e.UserSession),i=e.value;return{UserSession:e,isUserAuthorized:i=>{if(e?.value?.authorities)for(let t of e.value.authorities){if("DEVELOPMENT_ADMIN"===i&&("DEVELOPMENT_ADMIN"===t?.authority||"ORGANIZATION_ADMIN"===t?.authority))return!0;if("ORGANIZATION_ADMIN"===i&&"ORGANIZATION_ADMIN"===t?.authority)return!0;if("DEVELOPMENT_ADMIN"!==i&&"ORGANIZATION_ADMIN"!==i&&("ORGANIZATION_ADMIN"===t?.authority||"DEVELOPMENT_ADMIN"===t?.authority||"SYSTEM_ADMIN"===t?.authority||t?.authority===i))return!0}return!1},isCurrentOrganizationAuthorizedToModule:e=>{if(i?.currentOrganization?.systemApplicationModules)for(const t of i.currentOrganization.systemApplicationModules)if(t.toLowerCase()==e.toLowerCase())return!0;return!1},UserInfo:i}},ji=t=>{const[o,a]=J(!1);return{windowState:o,setWindowState:a,Window:r=>i(_,{open:o,sx:{zIndex:e=>e.zIndex.drawer},onClose:()=>{!o&&t?.onCloseCallBack&&t.onCloseCallBack()},children:e(f,{sx:{position:"absolute",top:"50%",left:"50%",maxHeight:"90%",transform:"translate(-50%, -50%)",height:t?.height||"80%",width:t?.width||"90%",minWidth:t.minWidth||400,minHeight:t.minHeight||200,overflow:"hidden",bgcolor:"modalBackground.main",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start"},children:[i(I,{position:"static",children:e(E,{variant:"dense",children:[i(se,{icon:t?.windowIcon||"window-maximize",style:{marginRight:5}}),i(O,{variant:"h6",color:"inherit",component:"div",children:t?.windowTitle||"window"}),i("div",{style:{flexGrow:1}}),i(N,{onClick:()=>{a(!1),null!=t.onCloseCallBack&&null!=t.onCloseCallBack&&t.onCloseCallBack()},color:"secondary",children:i(se,{icon:"xmark-square"})})]})}),i(y,{sx:{display:"flex",flexDirection:"column",alignItems:"center",width:"100%",height:"100%",padding:1,overflow:"hidden"},children:r?.children})]})})}},$i=pe({name:"commonStores",initialState:{stores:{},storeKeys:[]},reducers:{setStoresMetaData:(e,i)=>{e.stores=i.payload,e.storeKeys=Object.keys(i.payload)},setStoreData:(e,i)=>{e.stores[i.payload.storeKey].data=i.payload.data}}}),{setStoreData:Xi,setStoresMetaData:Ji}=$i.actions;var et=$i.reducer;const it=e=>{const i=a(e=>e.commonStores.stores),t=o(),r=Zi(),{handleGetRequest:d,handlePostRequest:n,handleDeleteRequest:l}=Hi();return{reloadData:async o=>{if(e?.commonStoreKey){const o=Object.keys(i);for(const a of o)if(a===e.commonStoreKey&&(void 0===i[a]?.authority||null===i[a]?.authority||r.isUserAuthorized(i[a]?.authority))&&""!=i[a]?.url){await d({endPointURI:i[a].url,showMask:!1,successCallBkFn:i=>{t(Xi({storeKey:a,data:i.data})),e.setData(i.data)},failureCallBkFn:()=>{t(Xi({storeKey:a,data:[]})),e.setData([])}});break}}else e?.findAll&&await d({endPointURI:e.findAll,showMask:!0,parameters:o||{},successCallBkFn:i=>{e.setData(i.data)}})},loadRecordById:async i=>{let t=null;if(e?.findById){const o={};o[e?.findByIdParamName||"id"]=i,await d({endPointURI:e.findById,showMask:!0,parameters:o,successCallBkFn:e=>{t=e.data}})}return t},saveRecord:async i=>{let t=null;return e?.save&&await n({endPointURI:e.save,data:i,showMask:!0,successCallBkFn:e=>{t=e.data}}),t},deleteRecordById:async i=>{let t=!0;if(e?.deleteById){const o={};o[e?.deleteByIdParamName||"id"]=i,await l({endPointURI:e.deleteById,showMask:!0,parameters:o,successCallBkFn:()=>{t=!0},failureCallBkFn:()=>{t=!1}})}return t}}},tt=e=>{const{t:o}=_e();return i(h,{...e,slotProps:{inputLabel:{shrink:!0,sx:{fontWeight:"bold"}}},label:i(t,{children:e?.label?o(e.label):""}),helperText:e?.helperText?o(e.helperText):void 0})};function ot(e,i){return e.filter(e=>-1===i.indexOf(e))}function at(e,i){return e.filter(e=>-1!==i.indexOf(e))}const rt=({valueField:t="id",displayField:o="name",options:a=[],selectedOptions:r=[],setSelection:d})=>{const[n,l]=$.useState([]),[s,p]=$.useState([]),[c,m]=$.useState([]),[u,T]=$.useState(""),[A,_]=$.useState(""),I=at(n,s),E=at(n,c);$.useEffect(()=>{a&&p([...a])},[a]),$.useEffect(()=>{r&&m([...r])},[r]);const O=e=>()=>{const i=n.indexOf(e),t=[...n];-1===i?t.push(e):t.splice(i,1),l(t)},N=e=>at(n,e).length,y=e=>()=>{var i,t;N(e)===e.length?l(ot(n,e)):l((i=n,t=e,[...i,...ot(t,i)]))},h=(a,r,d)=>{const l=r.filter(e=>{if(e[o]){const i=e[o];if("left"===d&&i.toLocaleLowerCase().includes(u.toLocaleLowerCase()))return!0;if("right"===d&&i.toLocaleLowerCase().includes(A.toLocaleLowerCase()))return!0}return!1});return e(Pe,{sx:{height:"100%"},children:[i(Me,{sx:{px:2,py:1},avatar:i(Se,{onClick:y(l),checked:N(l)===l.length&&0!==l.length,indeterminate:N(l)!==l.length&&0!==N(l),disabled:0===l.length,inputProps:{"aria-label":"all items selected"}}),title:a,subheader:`${N(r)} / ${r.length} Selected`}),i(f,{sx:{width:"100%",padding:1},children:i(tt,{fullWidth:!0,label:"search",value:"left"===d?u:A,onChange:e=>{"left"===d?T(e.target.value):_(e.target.value)}})}),i(ve,{}),i(De,{sx:{width:"100%",height:"80%",bgcolor:"secondary",overflow:"auto"},dense:!0,component:"div",role:"list",children:l.map(a=>(a[t],e(L,{role:"listitem",onClick:O(a),sx:{cursor:"pointer"},children:[i(ge,{children:i(Se,{checked:-1!==n.indexOf(a),tabIndex:-1,disableRipple:!0})}),i(be,{id:a[t],primary:a[o]})]},a[t])))})]})};return e(R,{container:!0,spacing:2,sx:{flexGrow:1,overflow:"auto",margin:1,display:"flex",width:"100%"},justifyContent:"center",alignItems:"center",children:[i(R,{sx:{height:"100%",flex:1},children:h("Available Items",s,"left")}),i(R,{children:e(R,{container:!0,direction:"column",alignItems:"center",children:[i(Ue,{sx:{my:.5},variant:"outlined",size:"small",onClick:()=>{m(e=>{let i=c.concat(I);return d(i),i}),p(ot(s,I)),l(ot(n,I))},disabled:0===I.length,"aria-label":"move selected right",children:">"}),i(Ue,{sx:{my:.5},variant:"outlined",size:"small",onClick:()=>{p(s.concat(E)),m(e=>{let i=ot(c,E);return d(i),i}),l(ot(n,E))},disabled:0===E.length,"aria-label":"move selected left",children:"<"})]})}),i(R,{sx:{height:"100%",flex:1},children:h("Currently Selected",c,"right")})]})},dt=e=>{const{t:t}=_e();return i(C,{sx:e.sx,hidden:e?.hidden||!1,disabled:e.disabled||!1,required:e.required||!1,control:i(D,{checked:e?.checkedValue==e.value||"true"===e.value||"1"==e.value,onChange:i=>{void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack&&(i.target.checked?void 0!==e.checkedValue&&null!=e.checkedValue?e.onChangeCallBack(e.checkedValue):e.onChangeCallBack(!0):void 0!==e.unCheckedValue&&null!=e.unCheckedValue?e.onChangeCallBack(e.unCheckedValue):e.onChangeCallBack(!1))}}),label:t(e.label)})},nt=e=>{const t=a(e=>e.AppLayout),{t:o}=_e();return i(P,{sx:e.sx,value:(i=>{for(let t of e.options)if(t[e.valueField]==i)return t;return null})(e.value),options:e.options,disabled:e.disabled,hidden:e?.hidden||!1,onChange:(i,t)=>{if(void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack)if(null!=t){let i=t[e.valueField];e.onChangeCallBack(i,t)}else e.onChangeCallBack(null,null)},clearOnBlur:!0,handleHomeEndKeys:!0,getOptionLabel:i=>null!=i?o(i[e.displayField]):"",renderOption:(t,a)=>i("li",{...t,children:null!=a?o(a[e.displayField]):""}),slots:{popper:e=>i(M,{...e,style:{...e.style,direction:t.appDirection}})},renderInput:t=>i(h,{...t,required:e.required||!1,variant:"outlined",slotProps:{inputLabel:{shrink:!0,sx:{fontWeight:"bold"}}},label:o(e.label),error:null!=e.errorMessage&&void 0!==e.errorMessage,helperText:null!=e.errorMessage&&void 0!==e.errorMessage?o(e.errorMessage):""})})},lt="YYYY-MM-DD",st="YYYY-MM-DD HH:mm:ss",pt="#37505C",ct="#ff6d00",mt="#ea690e",ut="#74776B",Tt=e=>{const{t:o}=_e();return e?.hidden?i(t,{}):i(we,{dateAdapter:Be,children:i(xe,{value:null!=e.value&&void 0!==e.value&&""!==e.value?ke(e.value,e?.format||lt):null,sx:e.sx,label:o(e.label),format:e?.format||lt,disabled:e.disabled,onChange:i=>{let t=null;null!=i&&i.isValid()&&(t=i.format(e?.format||lt)),void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack&&e.onChangeCallBack(t)},slotProps:{textField:{InputLabelProps:{shrink:!0,sx:{fontWeight:"bold"}},variant:"outlined",required:e.required,error:void 0!==e.errorMessage&&null!=e.errorMessage,helperText:void 0!==e.errorMessage&&null!=e.errorMessage?i(t,{children:o(e.errorMessage)}):i(t,{})}}})})},At=e=>{const{t:o}=_e();return e?.hidden?i(t,{}):i(we,{dateAdapter:Be,children:i(Fe,{value:null!=e.value&&void 0!==e.value&&""!==e.value?ke(e.value,e?.format||st):null,label:o(e.label),sx:e.sx,format:e?.format||st,disabled:e.disabled,onChange:i=>{let t=null;null!=i&&i.isValid()&&(t=i.format(e?.format||st)),void 0!==e.onChangeCallBack&&null!=e.onChangeCallBack&&e.onChangeCallBack(t)},slotProps:{textField:{InputLabelProps:{shrink:!0,sx:{fontWeight:"bold"}},variant:"outlined",required:e.required,error:void 0!==e.errorMessage&&null!=e.errorMessage,helperText:void 0!==e.errorMessage&&null!=e.errorMessage?i(t,{children:o(e.errorMessage)}):i(t,{})}}})})},_t=e=>{const t=a(e=>e.AppLayout),o=Zi(),[r,d]=J([]),{handleGetRequest:n}=Hi();return ee(()=>{e.lookupType&&(async()=>{await n({endPointURI:"api/v1/public/system/lookup",showMask:!0,parameters:{lookupType:e.lookupType},successCallBkFn:e=>{d(e.data)},failureCallBkFn:()=>{d([])}})})()},[e.lookupType,o.UserSession]),i(nt,{...e,options:r,displayField:"ltr"===t.appDirection?"lookupEnDisplay":"lookupArDisplay",valueField:"lookupValue"})},ft=e=>({...e,type:"string",renderEditCell:e=>i(Tt,{sx:{width:"100%"},label:"",value:e.value,onChangeCallBack:i=>{e.api.setEditCellValue({id:e.id,field:e.field,value:i})}}),valueParser:(e,i,t)=>{let o=null;return null!==e&&(o=ke(e).format(lt)),o},valueFormatter:(e,i,t)=>i[t.field]}),It=e=>({...e,type:"string",renderEditCell:e=>i(At,{sx:{width:"100%"},label:"",value:e.value,onChangeCallBack:i=>{e.api.setEditCellValue({id:e.id,field:e.field,value:i})}}),valueParser:(e,i,t)=>{let o=null;return null!==e&&(o=ke(e).format(st)),o},valueFormatter:(e,i,t)=>i[t.field]}),Et=e=>({...e,type:"custom",valueGetter:e=>e?e+"":e,renderCell:e=>{let t=null;try{t=e.colDef.options.find(i=>i[e.colDef.valueField]==e.value)}catch(e){}return i("div",{children:null!=t?t[e.colDef.displayField]:e.value})},renderEditCell:e=>i(nt,{...e,sx:{width:"100%"},options:e.colDef.options,valueField:e.colDef.valueField,displayField:e.colDef.displayField,onChangeCallBack:(i,t)=>{null===i&&e.api.setEditCellValue({id:e.id,field:e.field,value:null}),e.api.setEditCellValue({id:e.id,field:e.field,value:i+""})}})}),Ot=e=>({...e,type:"custom",valueGetter:e=>null==e||null==e?null:e,renderCell:t=>{const o=t?.value;return o===e.checkedValue||"true"===o||1===o||!0===o?i(se,{icon:"check",color:"green"}):i(se,{icon:"xmark",color:"red"})},renderEditCell:t=>i(dt,{...t,checkedValue:e?.checkedValue||!0,unCheckedValue:e?.unCheckedValue||!1,onChangeCallBack:e=>{t.api.setEditCellValue({id:t.id,field:t.field,value:e})}})}),Nt=e=>{const i=[];if("field"===e.type&&"props"===e.mode&&e?.props)i.push(e.props);else if("group"===e.type&&e?.props&&e?.props?.elements)for(const t of e.props.elements)i.push(...Nt(t));return i},yt=e=>{const i=[];for(const t of e)i.push(...Nt(t));return i},ht=(e,i,t)=>{const o=[];for(const a of e)if("text"===a?.fieldType||"number"===a?.fieldType){const e={...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,type:"number"==a?.fieldType?"number":"string",field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200};o.push(e)}else if("date"===a?.fieldType){const e=ft({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else if("datetime"===a?.fieldType){const e=It({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else if("checkbox"===a?.fieldType){const e=Ot({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,checkedValue:a?.checkedValue,unCheckedValue:a?.unCheckedValue,width:150});o.push(e)}else if("combobox"===a?.fieldType){const e=Et({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,valueField:a?.optionValueField||"value",displayField:a?.optionDisplayField||"display",options:a?.options||[],flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else if("lookup"===a?.fieldType){const e=Et({...a?.gridProps?.muiProps,editable:null!=a?.gridProps?.muiProps?.editable?a?.gridProps?.muiProps?.editable:i,lookupType:a?.lookupType,field:a?.fieldName,headerName:t(a?.fieldLabel||a?.fieldName),headerAlign:"center",align:"center",hidden:a?.hidden,searchable:a?.gridProps?.searchable,valueField:a?.optionValueField||"value",displayField:a?.optionDisplayField||"display",options:a?.options||[],flex:a?.gridProps?.muiProps?.width?void 0:1,minWidth:200});o.push(e)}else{const e={field:a.fieldName,...a?.gridProps?.muiProps};o.push(e)}return o},Rt=e=>{const i={};for(const t of e)if(t?.fieldName){const e=t.fieldName;"number"===t.fieldType?i[e]=!0===t?.required?Le.number({required_error:"This field is required",invalid_type_error:"This field must be a number"}):Le.number().optional().nullable():"checkbox"===t.fieldType?i[e]=!0===t?.required?Le.boolean({required_error:"This field is required"}):Le.boolean().optional().nullable():i[e]=!0===t?.required?Le.string({message:"This field is required"}).min(1,"This field is required"):Le.string().optional().nullable()}return i},Lt=(e,i,t)=>{const o=[],a=[];if("exclude"===e.type&&0===e.ids.size)for(const e of i)o.push(e),a.push(e[t]);else if(e?.ids)for(const r of e.ids){const e=i.find(e=>e[t]===r);o.push(e),a.push(r)}return{selectedRecords:o,selectedRecordIds:a}};function Ct(e,...i){const t=new URL(`https://mui.com/production-error/?code=${e}`);return i.forEach(e=>t.searchParams.append("args[]",e)),`Minified MUI error #${e}; visit ${t} for the full message.`}function Dt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Pt,Mt={exports:{}},bt={exports:{}},gt={};var St,Ut,vt,wt,xt,Ft,Bt,kt,Wt,Gt,Yt,Vt,qt,Kt,zt,Ht={};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -22,7 +22,7 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */function co(){return lo||(lo=1,"production"!==process.env.NODE_ENV&&function(){function e(e){if("object"==typeof e&&null!==e){var T=e.$$typeof;switch(T){case i:switch(e=e.type){case o:case r:case a:case s:case p:case u:return e;default:switch(e=e&&e.$$typeof){case n:case l:case m:case c:case d:return e;default:return T}}case t:return T}}}var i=Symbol.for("react.transitional.element"),t=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),d=Symbol.for("react.consumer"),n=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),s=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),c=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),u=Symbol.for("react.view_transition"),T=Symbol.for("react.client.reference");po.ContextConsumer=d,po.ContextProvider=n,po.Element=i,po.ForwardRef=l,po.Fragment=o,po.Lazy=m,po.Memo=c,po.Portal=t,po.Profiler=r,po.StrictMode=a,po.Suspense=s,po.SuspenseList=p,po.isContextConsumer=function(i){return e(i)===d},po.isContextProvider=function(i){return e(i)===n},po.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===i},po.isForwardRef=function(i){return e(i)===l},po.isFragment=function(i){return e(i)===o},po.isLazy=function(i){return e(i)===m},po.isMemo=function(i){return e(i)===c},po.isPortal=function(i){return e(i)===t},po.isProfiler=function(i){return e(i)===r},po.isStrictMode=function(i){return e(i)===a},po.isSuspense=function(i){return e(i)===s},po.isSuspenseList=function(i){return e(i)===p},po.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===r||e===a||e===s||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===c||e.$$typeof===n||e.$$typeof===d||e.$$typeof===l||e.$$typeof===T||void 0!==e.getModuleId)},po.typeOf=e}()),po}function mo(){return so||(so=1,"production"===process.env.NODE_ENV?ao.exports=no():ao.exports=co()),ao.exports}var uo=mo();function To(e){if("object"!=typeof e||null===e)return!1;const i=Object.getPrototypeOf(e);return!(null!==i&&i!==Object.prototype&&null!==Object.getPrototypeOf(i)||Symbol.toStringTag in e||Symbol.iterator in e)}function Ao(e){if($.isValidElement(e)||uo.isValidElementType(e)||!To(e))return e;const i={};return Object.keys(e).forEach(t=>{i[t]=Ao(e[t])}),i}function _o(e,i,t={clone:!0}){const o=t.clone?{...e}:e;return To(e)&&To(i)&&Object.keys(i).forEach(a=>{$.isValidElement(i[a])||uo.isValidElementType(i[a])?o[a]=i[a]:To(i[a])&&Object.prototype.hasOwnProperty.call(e,a)&&To(e[a])?o[a]=_o(e[a],i[a],t):t.clone?o[a]=To(i[a])?Ao(i[a]):i[a]:o[a]=i[a]}),o}function fo(e){const{values:i={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:t="px",step:o=5,...a}=e,r=(e=>{const i=Object.keys(e).map(i=>({key:i,val:e[i]}))||[];return i.sort((e,i)=>e.val-i.val),i.reduce((e,i)=>({...e,[i.key]:i.val}),{})})(i),d=Object.keys(r);function n(e){return`@media (min-width:${"number"==typeof i[e]?i[e]:e}${t})`}function l(e){return`@media (max-width:${("number"==typeof i[e]?i[e]:e)-o/100}${t})`}function s(e,a){const r=d.indexOf(a);return`@media (min-width:${"number"==typeof i[e]?i[e]:e}${t}) and (max-width:${(-1!==r&&"number"==typeof i[d[r]]?i[d[r]]:a)-o/100}${t})`}return{keys:d,values:r,up:n,down:l,between:s,only:function(e){return d.indexOf(e)+1<d.length?s(e,d[d.indexOf(e)+1]):n(e)},not:function(e){const i=d.indexOf(e);return 0===i?n(d[1]):i===d.length-1?l(d[i]):s(e,d[d.indexOf(e)+1]).replace("@media","@media not all and")},unit:t,...a}}function Io(e,i){if(!e.containerQueries)return i;const t=Object.keys(i).filter(e=>e.startsWith("@container")).sort((e,i)=>{const t=/min-width:\s*([0-9.]+)/;return+(e.match(t)?.[1]||0)-+(i.match(t)?.[1]||0)});return t.length?t.reduce((e,t)=>{const o=i[t];return delete e[t],e[t]=o,e},{...i}):i}const Eo={borderRadius:4},Oo="production"!==process.env.NODE_ENV?to.oneOfType([to.number,to.string,to.object,to.array]):{};function No(e,i){return i?_o(e,i,{clone:!1}):e}const yo={xs:0,sm:600,md:900,lg:1200,xl:1536},ho={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${yo[e]}px)`},Ro={containerQueries:e=>({up:i=>{let t="number"==typeof i?i:yo[i]||i;return"number"==typeof t&&(t=`${t}px`),e?`@container ${e} (min-width:${t})`:`@container (min-width:${t})`}})};function Lo(e,i,t){const o=e.theme||{};if(Array.isArray(i)){const e=o.breakpoints||ho;return i.reduce((o,a,r)=>(o[e.up(e.keys[r])]=t(i[r]),o),{})}if("object"==typeof i){const e=o.breakpoints||ho;return Object.keys(i).reduce((a,r)=>{if(d=e.keys,"@"===(n=r)||n.startsWith("@")&&(d.some(e=>n.startsWith(`@${e}`))||n.match(/^@\d/))){const e=function(e,i){const t=i.match(/^@([^/]+)?\/?(.+)?$/);if(!t){if("production"!==process.env.NODE_ENV)throw new Error("production"!==process.env.NODE_ENV?`MUI: The provided shorthand (${i}) is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\nFor example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`:Ct(18,`(${i})`));return null}const[,o,a]=t,r=Number.isNaN(+o)?o||0:+o;return e.containerQueries(a).up(r)}(o.containerQueries?o:Ro,r);e&&(a[e]=t(i[r],r))}else if(Object.keys(e.values||yo).includes(r)){a[e.up(r)]=t(i[r],r)}else{const e=r;a[e]=i[e]}var d,n;return a},{})}return t(i)}function Co(e,i){return e.reduce((e,i)=>{const t=e[i];return(!t||0===Object.keys(t).length)&&delete e[i],e},i)}function Do(e){if("string"!=typeof e)throw new Error("production"!==process.env.NODE_ENV?"MUI: `capitalize(string)` expects a string argument.":Ct(7));return e.charAt(0).toUpperCase()+e.slice(1)}function Po(e,i,t=!0){if(!i||"string"!=typeof i)return null;if(e&&e.vars&&t){const t=`vars.${i}`.split(".").reduce((e,i)=>e&&e[i]?e[i]:null,e);if(null!=t)return t}return i.split(".").reduce((e,i)=>e&&null!=e[i]?e[i]:null,e)}function Mo(e,i,t,o=t){let a;return a="function"==typeof e?e(t):Array.isArray(e)?e[t]||o:Po(e,t)||o,i&&(a=i(a,o,e)),a}function bo(e){const{prop:i,cssProperty:t=e.prop,themeKey:o,transform:a}=e,r=e=>{if(null==e[i])return null;const r=e[i],d=Po(e.theme,o)||{};return Lo(e,r,e=>{let o=Mo(d,a,e);return e===o&&"string"==typeof e&&(o=Mo(d,a,`${i}${"default"===e?"":Do(e)}`,e)),!1===t?o:{[t]:o}})};return r.propTypes="production"!==process.env.NODE_ENV?{[i]:Oo}:{},r.filterProps=[i],r}const go={m:"margin",p:"padding"},So={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},Uo={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},vo=function(e){const i={};return t=>(void 0===i[t]&&(i[t]=e(t)),i[t])}(e=>{if(e.length>2){if(!Uo[e])return[e];e=Uo[e]}const[i,t]=e.split(""),o=go[i],a=So[t]||"";return Array.isArray(a)?a.map(e=>o+e):[o+a]}),wo=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],xo=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Fo=[...wo,...xo];function Bo(e,i,t,o){const a=Po(e,i,!0)??t;return"number"==typeof a||"string"==typeof a?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&"number"!=typeof e&&console.error(`MUI: Expected ${o} argument to be a number or a string, got ${e}.`),"string"==typeof a?a.startsWith("var(")&&0===e?0:a.startsWith("var(")&&1===e?a:`calc(${e} * ${a})`:a*e):Array.isArray(a)?e=>{if("string"==typeof e)return e;const t=Math.abs(e);"production"!==process.env.NODE_ENV&&(Number.isInteger(t)?t>a.length-1&&console.error([`MUI: The value provided (${t}) overflows.`,`The supported values are: ${JSON.stringify(a)}.`,`${t} > ${a.length-1}, you need to add the missing values.`].join("\n")):console.error([`MUI: The \`theme.${i}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${i}\` as a number.`].join("\n")));const o=a[t];return e>=0?o:"number"==typeof o?-o:"string"==typeof o&&o.startsWith("var(")?`calc(-1 * ${o})`:`-${o}`}:"function"==typeof a?a:("production"!==process.env.NODE_ENV&&console.error([`MUI: The \`theme.${i}\` value (${a}) is invalid.`,"It should be a number, an array or a function."].join("\n")),()=>{})}function ko(e){return Bo(e,"spacing",8,"spacing")}function Wo(e,i){return"string"==typeof i||null==i?i:e(i)}function Go(e,i,t,o){if(!i.includes(t))return null;const a=function(e,i){return t=>e.reduce((e,o)=>(e[o]=Wo(i,t),e),{})}(vo(t),o);return Lo(e,e[t],a)}function Yo(e,i){const t=ko(e.theme);return Object.keys(e).map(o=>Go(e,i,o,t)).reduce(No,{})}function Vo(e){return Yo(e,wo)}function qo(e){return Yo(e,xo)}function Ko(...e){const i=e.reduce((e,i)=>(i.filterProps.forEach(t=>{e[t]=i}),e),{}),t=e=>Object.keys(e).reduce((t,o)=>i[o]?No(t,i[o](e)):t,{});return t.propTypes="production"!==process.env.NODE_ENV?e.reduce((e,i)=>Object.assign(e,i.propTypes),{}):{},t.filterProps=e.reduce((e,i)=>e.concat(i.filterProps),[]),t}function zo(e){return"number"!=typeof e?e:`${e}px solid`}function Ho(e,i){return bo({prop:e,themeKey:"borders",transform:i})}Vo.propTypes="production"!==process.env.NODE_ENV?wo.reduce((e,i)=>(e[i]=Oo,e),{}):{},Vo.filterProps=wo,qo.propTypes="production"!==process.env.NODE_ENV?xo.reduce((e,i)=>(e[i]=Oo,e),{}):{},qo.filterProps=xo,"production"===process.env.NODE_ENV||Fo.reduce((e,i)=>(e[i]=Oo,e),{});const Qo=Ho("border",zo),Zo=Ho("borderTop",zo),jo=Ho("borderRight",zo),$o=Ho("borderBottom",zo),Xo=Ho("borderLeft",zo),Jo=Ho("borderColor"),ea=Ho("borderTopColor"),ia=Ho("borderRightColor"),ta=Ho("borderBottomColor"),oa=Ho("borderLeftColor"),aa=Ho("outline",zo),ra=Ho("outlineColor"),da=e=>{if(void 0!==e.borderRadius&&null!==e.borderRadius){const i=Bo(e.theme,"shape.borderRadius",4,"borderRadius"),t=e=>({borderRadius:Wo(i,e)});return Lo(e,e.borderRadius,t)}return null};da.propTypes="production"!==process.env.NODE_ENV?{borderRadius:Oo}:{},da.filterProps=["borderRadius"],Ko(Qo,Zo,jo,$o,Xo,Jo,ea,ia,ta,oa,da,aa,ra);const na=e=>{if(void 0!==e.gap&&null!==e.gap){const i=Bo(e.theme,"spacing",8,"gap"),t=e=>({gap:Wo(i,e)});return Lo(e,e.gap,t)}return null};na.propTypes="production"!==process.env.NODE_ENV?{gap:Oo}:{},na.filterProps=["gap"];const la=e=>{if(void 0!==e.columnGap&&null!==e.columnGap){const i=Bo(e.theme,"spacing",8,"columnGap"),t=e=>({columnGap:Wo(i,e)});return Lo(e,e.columnGap,t)}return null};la.propTypes="production"!==process.env.NODE_ENV?{columnGap:Oo}:{},la.filterProps=["columnGap"];const sa=e=>{if(void 0!==e.rowGap&&null!==e.rowGap){const i=Bo(e.theme,"spacing",8,"rowGap"),t=e=>({rowGap:Wo(i,e)});return Lo(e,e.rowGap,t)}return null};sa.propTypes="production"!==process.env.NODE_ENV?{rowGap:Oo}:{},sa.filterProps=["rowGap"];function pa(e,i){return"grey"===i?i:e}Ko(na,la,sa,bo({prop:"gridColumn"}),bo({prop:"gridRow"}),bo({prop:"gridAutoFlow"}),bo({prop:"gridAutoColumns"}),bo({prop:"gridAutoRows"}),bo({prop:"gridTemplateColumns"}),bo({prop:"gridTemplateRows"}),bo({prop:"gridTemplateAreas"}),bo({prop:"gridArea"}));function ca(e){return e<=1&&0!==e?100*e+"%":e}Ko(bo({prop:"color",themeKey:"palette",transform:pa}),bo({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:pa}),bo({prop:"backgroundColor",themeKey:"palette",transform:pa}));const ma=bo({prop:"width",transform:ca}),ua=e=>{if(void 0!==e.maxWidth&&null!==e.maxWidth){const i=i=>{const t=e.theme?.breakpoints?.values?.[i]||yo[i];return t?"px"!==e.theme?.breakpoints?.unit?{maxWidth:`${t}${e.theme.breakpoints.unit}`}:{maxWidth:t}:{maxWidth:ca(i)}};return Lo(e,e.maxWidth,i)}return null};ua.filterProps=["maxWidth"];const Ta=bo({prop:"minWidth",transform:ca}),Aa=bo({prop:"height",transform:ca}),_a=bo({prop:"maxHeight",transform:ca}),fa=bo({prop:"minHeight",transform:ca});bo({prop:"size",cssProperty:"width",transform:ca}),bo({prop:"size",cssProperty:"height",transform:ca});Ko(ma,ua,Ta,Aa,_a,fa,bo({prop:"boxSizing"}));const Ia={border:{themeKey:"borders",transform:zo},borderTop:{themeKey:"borders",transform:zo},borderRight:{themeKey:"borders",transform:zo},borderBottom:{themeKey:"borders",transform:zo},borderLeft:{themeKey:"borders",transform:zo},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},outline:{themeKey:"borders",transform:zo},outlineColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:da},color:{themeKey:"palette",transform:pa},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:pa},backgroundColor:{themeKey:"palette",transform:pa},p:{style:qo},pt:{style:qo},pr:{style:qo},pb:{style:qo},pl:{style:qo},px:{style:qo},py:{style:qo},padding:{style:qo},paddingTop:{style:qo},paddingRight:{style:qo},paddingBottom:{style:qo},paddingLeft:{style:qo},paddingX:{style:qo},paddingY:{style:qo},paddingInline:{style:qo},paddingInlineStart:{style:qo},paddingInlineEnd:{style:qo},paddingBlock:{style:qo},paddingBlockStart:{style:qo},paddingBlockEnd:{style:qo},m:{style:Vo},mt:{style:Vo},mr:{style:Vo},mb:{style:Vo},ml:{style:Vo},mx:{style:Vo},my:{style:Vo},margin:{style:Vo},marginTop:{style:Vo},marginRight:{style:Vo},marginBottom:{style:Vo},marginLeft:{style:Vo},marginX:{style:Vo},marginY:{style:Vo},marginInline:{style:Vo},marginInlineStart:{style:Vo},marginInlineEnd:{style:Vo},marginBlock:{style:Vo},marginBlockStart:{style:Vo},marginBlockEnd:{style:Vo},displayPrint:{cssProperty:!1,transform:e=>({"@media print":{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:na},rowGap:{style:sa},columnGap:{style:la},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:ca},maxWidth:{style:ua},minWidth:{transform:ca},height:{transform:ca},maxHeight:{transform:ca},minHeight:{transform:ca},boxSizing:{},font:{themeKey:"font"},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};const Ea=function(){function e(e,i,t,o){const a={[e]:i,theme:t},r=o[e];if(!r)return{[e]:i};const{cssProperty:d=e,themeKey:n,transform:l,style:s}=r;if(null==i)return null;if("typography"===n&&"inherit"===i)return{[e]:i};const p=Po(t,n)||{};if(s)return s(a);return Lo(a,i,i=>{let t=Mo(p,l,i);return i===t&&"string"==typeof i&&(t=Mo(p,l,`${e}${"default"===i?"":Do(i)}`,i)),!1===d?t:{[d]:t}})}return function i(t){const{sx:o,theme:a={},nested:r}=t||{};if(!o)return null;const d=a.unstable_sxConfig??Ia;function n(t){let o=t;if("function"==typeof t)o=t(a);else if("object"!=typeof t)return t;if(!o)return null;const n=function(e={}){const i=e.keys?.reduce((i,t)=>(i[e.up(t)]={},i),{});return i||{}}(a.breakpoints),l=Object.keys(n);let s=n;return Object.keys(o).forEach(t=>{const r=(n=o[t],l=a,"function"==typeof n?n(l):n);var n,l;if(null!=r)if("object"==typeof r)if(d[t])s=No(s,e(t,r,a,d));else{const e=Lo({theme:a},r,e=>({[t]:e}));!function(...e){const i=e.reduce((e,i)=>e.concat(Object.keys(i)),[]),t=new Set(i);return e.every(e=>t.size===Object.keys(e).length)}(e,r)?s=No(s,e):s[t]=i({sx:r,theme:a,nested:!0})}else s=No(s,e(t,r,a,d))}),!r&&a.modularCssLayers?{"@layer sx":Io(a,Co(l,s))}:Io(a,Co(l,s))}return Array.isArray(o)?o.map(n):n(o)}}();function Oa(e,i){const t=this;if(t.vars){if(!t.colorSchemes?.[e]||"function"!=typeof t.getColorSchemeSelector)return{};let o=t.getColorSchemeSelector(e);return"&"===o?i:((o.includes("data-")||o.includes("."))&&(o=`*:where(${o.replace(/\s*&$/,"")}) &`),{[o]:i})}return t.palette.mode===e?i:{}}function Na(e=null){const i=$.useContext(Q);return i&&(t=i,0!==Object.keys(t).length)?i:e;var t}Ea.filterProps=["sx"];const ya=function(e={},...i){const{breakpoints:t={},palette:o={},spacing:a,shape:r={},...d}=e,n=fo(t),l=function(e=8,i=ko({spacing:e})){if(e.mui)return e;const t=(...e)=>("production"!==process.env.NODE_ENV&&(e.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)),(0===e.length?[1]:e).map(e=>{const t=i(e);return"number"==typeof t?`${t}px`:t}).join(" "));return t.mui=!0,t}(a);let s=_o({breakpoints:n,direction:"ltr",components:{},palette:{mode:"light",...o},spacing:l,shape:{...Eo,...r}},d);return s=function(e){const i=(e,i)=>e.replace("@media",i?`@container ${i}`:"@container");function t(t,o){t.up=(...t)=>i(e.breakpoints.up(...t),o),t.down=(...t)=>i(e.breakpoints.down(...t),o),t.between=(...t)=>i(e.breakpoints.between(...t),o),t.only=(...t)=>i(e.breakpoints.only(...t),o),t.not=(...t)=>{const a=i(e.breakpoints.not(...t),o);return a.includes("not all and")?a.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):a}}const o={},a=e=>(t(o,e),o);return t(a),{...e,containerQueries:a}}(s),s.applyStyles=Oa,s=i.reduce((e,i)=>_o(e,i),s),s.unstable_sxConfig={...Ia,...d?.unstable_sxConfig},s.unstable_sx=function(e){return Ea({sx:e,theme:this})},s}();function ha(e){const{sx:i,...t}=e,{systemProps:o,otherProps:a}=(e=>{const i={systemProps:{},otherProps:{}},t=e?.theme?.unstable_sxConfig??Ia;return Object.keys(e).forEach(o=>{t[o]?i.systemProps[o]=e[o]:i.otherProps[o]=e[o]}),i})(t);let r;return r=Array.isArray(i)?[o,...i]:"function"==typeof i?(...e)=>{const t=i(...e);return To(t)?{...o,...t}:o}:{...o,...i},{...a,sx:r}}const Ra=e=>e,La=(()=>{let e=Ra;return{configure(i){e=i},generate:i=>e(i),reset(){e=Ra}}})();function Ca(e){var i,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(i=0;i<a;i++)e[i]&&(t=Ca(e[i]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function Da(){for(var e,i,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(i=Ca(e))&&(o&&(o+=" "),o+=i);return o}const Pa={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};const Ma=function(e={}){const{themeId:t,defaultTheme:o,defaultClassName:a="MuiBox-root",generateClassName:r}=e,d=
 /**
- * @mui/styled-engine v7.2.0
+ * @mui/styled-engine v7.3.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the