@asaleh37/ui-base 1.2.26 → 1.2.27

package/README.md

@@ -0,0 +1,52 @@
+**UI Base** is a React JS template designed for quickly scaffolding robust, production-ready Enterprise Applications Interface. It incorporates enterprise-grade architectural patterns and integrates a suite of essential features to accelerate development, including:
+
+- A modular, layered architecture with a clean separation of concerns and industry-standard project structure.
+
+- [ ] Create new react project using vite.
+
+```javascript
+npm create vite@latest YOUR_APP_NAME    //choose typescript as template
+cd YOUR_APP_NAME
+npm install
+```
+
+- [ ] Install the UI Base Dependency.
+
+```javascript
+npm install @asaleh37/ui-base --force
+```
+
+- [ ] replace the content of the file src/main.tsx
+
+```javascript
+import { BaseApp } from "@asaleh37/ui-base";
+import { createRoot } from "react-dom/client";
+
+createRoot(document.getElementById("root")!).render(
+  <BaseApp
+    apiBaseUrl="YOUR_API_URL"
+    appLogo={"YOUR_APP_LOGO_PATH"}
+    appName="YOUR_APP_NAME"
+    appVersion="YOUR_APP_VERSION"
+    businessCommonStoresMetaData={{}}
+    businessNavigationItems={[]}
+    businessReduxReducers={{}}
+    businessRoutes={[]}
+    documentTitle="YOUR_HTML_DOCUMENT_TITLE"
+    enableAdministrationModule={true}  // to enable administration module or not
+		/* // To Change APP Coloring Theme modify the following colors
+    appTheme={{
+      dark: { primaryColor: "#b3a10c", secondaryColor: "#2b3c46" },
+      light: { primaryColor: "#2b3c46", secondaryColor: "#b3a10c" },
+    }}
+		*/
+   muiPremiumKey="YOUR_MUI_PREMIUM_KEY"
+  />
+);
+```
+
+- [ ] then go to the root of your project and then run the following command	
+
+```javascript
+npm run dev
+```

package/dist/index.js

@@ -28,7 +28,7 @@ object-assign
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function(e,t){const i=oe(e,t);return"production"!==process.env.NODE_ENV?(...t)=>{const o=`"${e}"`;return 0===t.length?console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`,'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n")):t.some((e=>void 0===e))&&console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`),i(...t)}:i}("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})($i),d=pe.forwardRef((function(t,d){const l=function(e=eo){return Ji(e)}(o),{className:s,component:p="div",...c}=to(t);return e.jsx(n,{as:p,ref:d,className:ro(s,r?r(a):a),theme:i&&l[i]||l,...c})}));return d}({defaultClassName:function(e,t,i="Mui"){const o={};return t.forEach((t=>{o[t]=function(e,t,i="Mui"){const o=no[t];return o?`${i}-${o}`:`${oo.generate(e)}-${t}`}(e,t,i)})),o}("MuiBox",["root"]).root,generateClassName:oo.generate});function so(e){return"number"==typeof e&&!isNaN(e)}function po(e){return"string"==typeof e&&""!==e.trim()&&!isNaN(Number(e))}function co(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}function uo(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function mo(e,t){const i=new Date(e),o=new Date,a=Math.floor((i-o)/1e3),r="rtl"===t?"ar":"en",n=new Intl.RelativeTimeFormat(r,{numeric:"auto"}),d=[{unit:"year",seconds:31536e3},{unit:"month",seconds:2592e3},{unit:"week",seconds:604800},{unit:"day",seconds:86400},{unit:"hour",seconds:3600},{unit:"minute",seconds:60},{unit:"second",seconds:1}];for(const{unit:e,seconds:t}of d){const i=Math.floor(a/t);if(Math.abs(i)>1)return n.format(i,e)}return"ar"===r?"الآن":"just now"}"production"!==process.env.NODE_ENV&&(lo.propTypes={children:vt.node,component:vt.elementType,sx:vt.oneOfType([vt.arrayOf(vt.oneOfType([vt.func,vt.object,vt.bool])),vt.func,vt.object])});const To=i=>{const o=t.useSelector((e=>e.AppLayout)),a=Se(),[r,n]=l.useState([]),{handleGetRequest:d}=Ce();return l.useEffect((()=>{i.lookupType&&(async()=>{await d({endPointURI:"api/v1/public/system/lookup",showMask:!0,parameters:{lookupType:i.lookupType},successCallBkFn:e=>{n(e.data)},failureCallBkFn:()=>{n([])}})})()}),[i.lookupType,a.UserSession]),e.jsx(Xe,{...i,options:r,displayField:"ltr"===o.appDirection?"lookupEnDisplay":"lookupArDisplay",valueField:"lookupValue"})},Ao=t=>{if(t?.fieldInfo){const i=t.fieldInfo,o=t?.formManager||null,a=t?.formActions||null,r=t?.formValues||null,d=t?.fieldInfo?.fieldName||null,l=t?.fieldInfo?.fieldType||null;return i&&o&&r&&d&&l?t.hiddenFields.includes(d)?e.jsx(e.Fragment,{}):e.jsx(n.Grid2,{size:i?.formProps?.fieldSize||{lg:12,md:12,sm:12},sx:{padding:1,width:"100%"},children:"text"===l||"number"===l?e.jsx(je,{...i.muiTextFieldProps,fullWidth:!0,type:l,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),hidden:i?.hidden||!1,label:i?.fieldLabel,value:r[d],onChange:e=>{let t=null;""!=e.target.value&&(t="number"===l&&po(e.target.value)?Number(e.target.value):e.target.value),o.setValue(d,t),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(t,o,a)},sx:{"& .MuiInputBase-root":{height:`${i?.formProps?.fieldHeight}px`||void 0},"& .MuiInputBase-input":{height:"100% !important"},...i?.formProps?.style},error:null!=o.formState.errors[d],helperText:o?.formState?.errors[d]?.message?.toString()}):"date"===i?.fieldType?e.jsx(rt,{format:i?.dateFormat||Je,sx:i?.formProps?.style||{width:"100%"},disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),label:i?.fieldLabel,onChangeCallBack:e=>{o.setValue(d,e),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(e,o,a)},value:r[d],error:null!=o.formState.errors[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):"datetime"===i?.fieldType?e.jsx(nt,{format:i?.dateFormat||et,sx:i?.formProps?.style||{width:"100%"},disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),label:i?.fieldLabel,onChangeCallBack:e=>{o.setValue(d,e),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(e,o,a)},value:r[d],error:null!=o.formState.errors[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):"checkbox"===i?.fieldType?e.jsx($e,{label:i?.fieldLabel,onChangeCallBack:e=>{o.setValue(d,e),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(e,o,a)},value:r[d],checkedValue:i?.checkedValue||!0,unCheckedValue:i?.unCheckedValue||!1,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),sx:i?.formProps?.style}):"combobox"===i?.fieldType?e.jsx(Xe,{sx:i?.formProps?.style||{width:"100%"},label:i?.fieldLabel,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),onChangeCallBack:(e,t)=>{let r=null;e&&(r=e+""),o.setValue(d,r),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(r,o,a,t)},options:i?.options||[],displayField:i?.optionDisplayField||"",valueField:i?.optionValueField||"",value:r[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):"lookup"===i?.fieldType?e.jsx(To,{sx:i?.formProps?.style||{width:"100%"},label:i?.fieldLabel,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),onChangeCallBack:(e,t)=>{let r=null;e&&(r=e+""),o.setValue(d,r),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(r,o,a,t)},lookupType:i.lookupType,value:r[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):null}):e.jsx(e.Fragment,{})}return e.jsx(e.Fragment,{})},_o=t=>{const i=Se(),{ConfirmationWindow:o,setOpen:a}=xe({body:t?.confirmationMessage||"",title:"Confirmation",onConfirmationCallBk:()=>{t?.actionFn(t?.record)}});return null==t?.authority||i.isUserAuthorized(t.authority)?e.jsxs(e.Fragment,{children:[e.jsx(o,{}),e.jsxs(n.Button,{variant:t?.formActionProps?.actionButtonVariant,color:t?.formActionProps?.actionButtonColor,onClick:()=>{if(t?.actionFn){if(t?.preActionValidation&&!t.preActionValidation(t.record))return;!0===t?.isConfirmationRequired?a(!0):t?.actionFn(t.record)}},children:[t?.icon?e.jsx(m.FontAwesomeIcon,{icon:t.icon,style:{marginRight:5,marginLeft:5}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:t?.label})]})]}):e.jsx(e.Fragment,{})},fo=t=>{const{t:i}=I.useTranslation();return e.jsx(e.Fragment,{children:e.jsxs(n.Grid2,{container:!0,sx:t?.style,alignItems:"flex-start",children:[t?.label?e.jsx(n.Grid2,{size:12,sx:{padding:1,fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"flex-start"},children:t?.icon?e.jsxs(e.Fragment,{children:[e.jsx(m.FontAwesomeIcon,{icon:t.icon,style:{marginRight:5,marginLeft:5}}),e.jsx("div",{children:i(t.label)})]}):e.jsx(e.Fragment,{children:i(t.label)})}):e.jsx(e.Fragment,{}),t?.elements?t.elements.map((i=>"group"===i.type?e.jsx(fo,{...i.props,formManager:t.formManager,formValues:t.formValues,formActions:t.formActions,hiddenFields:t.hiddenFields,disabledFields:t.disabledFields}):"field"===i.type&&"props"===i.mode?e.jsx(Ao,{fieldInfo:i.props,formManager:t.formManager,formValues:t.formValues,formActions:t.formActions,hiddenFields:t.hiddenFields,disabledFields:t.disabledFields}):"field"===i.type&&"node"===i.mode?e.jsx(n.Grid2,{size:i?.props?.formProps?.fieldSize||{lg:3,md:6,sm:12},sx:{padding:1,width:"100%"},children:e.jsx(i.node,{formManager:t.formManager,formValues:t.formValues,formActions:t.formActions})}):void 0)):null,t?.actions?e.jsx(n.Grid2,{size:{sm:12},sx:{padding:1},children:t.actions.map((i=>e.jsx(_o,{...i,record:t.formValues})))}):e.jsx(e.Fragment,{})]})})},Io=t=>({...t,type:"string",renderEditCell:t=>e.jsx(nt,{sx:{width:"100%"},label:"",value:t.value,onChangeCallBack:e=>{t.api.setEditCellValue({id:t.id,field:t.field,value:e})}}),valueParser:(e,t,i)=>{let o=null;return null!==e&&(o=U(e).format(et)),o},valueFormatter:(e,t,i)=>t[i.field]}),Eo=t=>({...t,type:"custom",valueGetter:e=>e?e+"":e,renderCell:t=>{let i=null;try{i=t.colDef.options.find((e=>e[t.colDef.valueField]==t.value))}catch(e){}return e.jsx("div",{children:null!=i?i[t.colDef.displayField]:t.value})},renderEditCell:t=>e.jsx(Xe,{...t,sx:{width:"100%"},options:t.colDef.options,valueField:t.colDef.valueField,displayField:t.colDef.displayField,onChangeCallBack:(e,i)=>{null===e&&t.api.setEditCellValue({id:t.id,field:t.field,value:null}),t.api.setEditCellValue({id:t.id,field:t.field,value:e+""})}})}),Oo=t=>({...t,type:"custom",valueGetter:e=>null==e||null==e?null:e,renderCell:i=>{const o=i?.value;return o===t.checkedValue||"true"===o||1===o||!0===o?e.jsx(m.FontAwesomeIcon,{icon:"check",color:"green"}):e.jsx(m.FontAwesomeIcon,{icon:"xmark",color:"red"})},renderEditCell:i=>e.jsx($e,{...i,checkedValue:t?.checkedValue||!0,unCheckedValue:t?.unCheckedValue||!1,onChangeCallBack:e=>{i.api.setEditCellValue({id:i.id,field:i.field,value:e})}})}),No=e=>{const t=[];if("field"===e.type&&"props"===e.mode&&e?.props)t.push(e.props);else if("group"===e.type&&e?.props&&e?.props?.elements)for(const i of e.props.elements)t.push(...No(i));return t},yo=e=>{const t=[];for(const i of e)t.push(...No(i));return t},ho=e=>{const t={};for(const i of e)if(i?.fieldName){const e=i.fieldName;"number"===i.fieldType?t[e]=!0===i?.required?ce.number({required_error:"This field is required",invalid_type_error:"This field must be a number"}):ce.number().optional().nullable():"checkbox"===i.fieldType?t[e]=!0===i?.required?ce.boolean({required_error:"This field is required"}):ce.boolean().optional().nullable():t[e]=!0===i?.required?ce.string({message:"This field is required"}).min(1,"This field is required"):ce.string().optional().nullable()}return t},Ro=i=>{let o=t.useSelector((e=>e.AppInfo.value.apiBaseUrl))+"/api/v1/attachment/";i?.attachmentId?o+="download?attachmentId="+i.attachmentId:(o+=`downloadImage?attachmentCode=${i.attachmentCode}&refKey=${i.refKey}`,i?.category&&(o+=`&category=${i.category}`));const[a,r]=l.useState(o);return i?.showAsAvatar?e.jsx(n.Avatar,{src:a,sx:i.style}):e.jsx("img",{src:a,alt:"image",onError:()=>r("/no_image.png"),style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})},Lo=t=>{const{handleGetRequest:i,handleDeleteRequest:o}=Ce(),{isUserAuthorized:a}=Se();let r=!0;t?.downloadAuthorityKey&&(r=a(t.downloadAuthorityKey));const{ConfirmationWindow:d,setOpen:l}=xe({title:"Confirmation",body:"Are you sure you want to delete this attachment?",onConfirmationCallBk:()=>{(async()=>{await o({endPointURI:"api/v1/attachment/archive",parameters:{attachmentCode:t.attachmentCode,refKey:t.refKey,attachmentId:t.id},successCallBkFn:e=>{t.setAttachmentConfig(e.data)},showMask:!0})})()}});return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsxs(O,{sx:{width:300,border:"0.5px solid gray"},children:[e.jsx(G,{sx:{height:140,width:300,display:"flex",alignItems:"center",justifyContent:"center"},children:t?.docType.toLocaleLowerCase().includes("image")?e.jsx(Ro,{attachmentId:t.id}):e.jsx(m.FontAwesomeIcon,{icon:"file",size:"3x"})}),e.jsxs(j,{children:[e.jsx(g,{gutterBottom:!0,variant:"h6",component:"div",children:t.fileName}),e.jsx(g,{variant:"body2",sx:{color:"text.secondary"},children:`File Size: ${t?.attachmentSize||"unknown"} kb`}),e.jsx(g,{variant:"body2",sx:{color:"text.secondary"},children:`File Type: ${t?.category||"NA"}`}),e.jsx(g,{variant:"body2",sx:{color:"text.secondary"},children:t.remark})]}),e.jsxs(k,{children:[t?.allowDelete?e.jsx(n.IconButton,{size:"small",onClick:()=>{l(!0)},children:e.jsx(n.Tooltip,{title:"Delete Attachment",children:e.jsx(m.FontAwesomeIcon,{icon:"trash"})})}):e.jsx(e.Fragment,{}),e.jsx("div",{style:{flex:1}}),r?e.jsx(n.IconButton,{size:"small",onClick:async()=>{await i({endPointURI:"api/v1/attachment/download",parameters:{attachmentId:t.id},showMask:!0,responseType:"blob",successCallBkFn:e=>{const i=window.URL.createObjectURL(new Blob([e.data])),o=document.createElement("a");o.href=i,o.setAttribute("download",t.fileName),document.body.appendChild(o),o.click(),o.remove()}})},children:e.jsx(n.Tooltip,{title:"Download Attachment",children:e.jsx(m.FontAwesomeIcon,{icon:"download"})})}):e.jsx(e.Fragment,{})]})]})]})},Co=t=>{const{handleUploadRequest:i,handleGetRequest:o}=Ce(),[a,r]=l.useState(null),[d,s]=l.useState([]),[p,c]=l.useState(null),[u,T]=l.useState(null),[_,f]=l.useState([]),[I,E]=l.useState(null),{isUserAuthorized:O}=Se(),N=e=>e.split(".").pop()?.toLowerCase()||"";l.useEffect((()=>{(async()=>{await o({endPointURI:"api/v1/attachment/info",showMask:!0,parameters:{attachmentCode:t.attachmentCode,refKey:t.refKey},successCallBkFn:e=>{E(e.data)}})})()}),[t.refKey,t.attachmentCode]),l.useEffect((()=>{if(f(I?.allowedFileTypes?I.allowedFileTypes.split(","):[]),I?.attachmentCategories){const e=[];for(const t of I.attachmentCategories.split(","))e.push({value:t});s(e)}else s([])}),[I]);let y=!0;I?.downloadAuthorityKey&&!O(I?.downloadAuthorityKey)&&(y=!1);let h=!0;return!1===t?.enableAttachment&&(h=!1),I?.uploadAuthorityKey&&!O(I.uploadAuthorityKey)&&(h=!1),e.jsxs(n.Paper,{sx:{display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"flex-start",overflow:"hidden",flexGrow:1},children:[h?e.jsx(e.Fragment,{children:null==I?.maxAllowedNumberOfFiles||I?.maxAllowedNumberOfFiles>I.refKeyAttachments.length?e.jsxs(e.Fragment,{children:[e.jsxs("h3",{children:[e.jsx(m.FontAwesomeIcon,{icon:"paperclip",style:{marginRight:10,marginLeft:10}}),"Attachment Uploader"]}),e.jsx("input",{type:"file",style:{margin:20},accept:I?.allowedFileTypes,multiple:!0,onChange:e=>{if(e.target.files)for(const t of e.target.files){const e=N(t.name);if(_.length>0&&!_.includes(e))return void A.toast.error(e+" is not allowed")}r(e.target.files)}}),d.length>0?e.jsx(Xe,{label:"Attachment Type",sx:{width:300,m:1},options:d,displayField:"value",valueField:"value",value:u,onChangeCallBack:e=>{T(e)}}):e.jsx(e.Fragment,{}),e.jsx(je,{label:"Remark",value:p,onChange:e=>c(e.target.value),multiline:!0,sx:{width:300,m:1},rows:3}),e.jsx(n.Button,{sx:{m:1},variant:"contained",onClick:async()=>{let e=I?.refKeyAttachments.length||0;I?.maxAllowedNumberOfFiles&&a.length+e>I.maxAllowedNumberOfFiles?A.toast.error("Maximum number of attachments is "+I.maxAllowedNumberOfFiles):!0===I?.isCategoryRequired&&d.length>0&&(null==u||void 0===u||""===u)?A.toast.error("You must selected document type to process your request"):a?await i({endPointURI:"api/v1/attachment/upload",showMask:!0,loadingMessage:"Uploading files ... please wait",parameters:{refKey:t.refKey,attachmentCode:t.attachmentCode,remark:p,category:u},files:a,successCallBkFn:e=>{E(e.data),r(null),T(null),c(null),A.toast.success("Your request has been process successfully")}}):A.toast.error("You must add files to upload")},children:"Upload"})]}):e.jsx(e.Fragment,{})}):e.jsx(e.Fragment,{}),y&&I?.refKeyAttachments?.length>0?e.jsxs(e.Fragment,{children:[e.jsxs("h3",{children:[e.jsx(m.FontAwesomeIcon,{style:{marginRight:10,marginLeft:10},icon:"paperclip"}),"Attachments"]}),e.jsx(n.Grid2,{container:!0,spacing:2,sx:{overflow:"auto",padding:1,justifyContent:"center"},children:I?.refKeyAttachments.map((i=>e.jsx(n.Grid2,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:e.jsx(Lo,{...i,attachmentCode:t.attachmentCode,setAttachmentConfig:E,downloadAuthorityKey:I.downloadAuthorityKey,allowDelete:h})})))})]}):e.jsx(e.Fragment,{})]})},Do=i=>{const o=t.useSelector((e=>e.AppLayout)),{t:a}=I.useTranslation();return e.jsxs(n.Paper,{sx:{display:"flex",flexDirection:"column",flexGrow:1,padding:1,margin:1,alignItems:"center",justifyContent:"center"},children:[e.jsxs(n.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:"bold"},children:[e.jsx(m.FontAwesomeIcon,{icon:"history",style:{marginRight:10,marginLeft:10}}),a("WF_ACTION_HISTORY_LABEL")]}),e.jsx(n.Box,{sx:{flexGrow:1,width:"100%",display:"flex",flexDirection:"column",overflowY:"auto",alignItems:"center",justifyContent:"flex-start"},children:i.actionHistory.map(((t,a)=>e.jsx(e.Fragment,{children:e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",marginBottom:2},children:[e.jsxs(n.Box,{sx:{display:"flex",flex:1,flexDirection:"column",alignItems:"flex-end",justifyContent:"center"},children:[e.jsx(n.Box,{sx:{marginBottom:.2},children:t.actionTime}),e.jsxs(g,{children:["via ",t.actionMethod]})]}),e.jsxs(n.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",position:"relative",marginRight:2,marginLeft:2},children:[e.jsx(Ro,{showAsAvatar:!0,attachmentCode:"EMPLOYEE_PHOTOS",refKey:t?.personId+""||"0",style:{m:1,width:70,height:70}}),a!==i.actionHistory.length-1?e.jsx(n.Box,{sx:{marginTop:11,position:"absolute"},children:"|"}):e.jsx(e.Fragment,{})]}),e.jsxs(n.Box,{sx:{display:"flex",flex:1,flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},children:[e.jsxs(n.Box,{sx:{width:"100%"},children:["ltr"===o.appDirection?`${t?.documentActionEnName}`:`${t?.documentActionArName}`,t?.actionComment?" - "+t.actionComment:""]}),e.jsx(n.Box,{sx:{width:"100%"},children:"ltr"===o.appDirection?`${t?.employeeEnName}`:`${t?.employeeArName}`})]})]})})))})]})},Po=t=>{const{t:i}=I.useTranslation(),o=Se(),{ConfirmationWindow:a,setOpen:r}=xe({body:i(t?.confirmationMessage||"ACTION_CONFIRMATION"),title:i("CONFIRMATION"),onConfirmationCallBk:async()=>{await(t?.actionFn(t.recordsToProcessActionOn,t.recordIdsToProcessActionOn)),t?.reloadData&&t.reloadData()}});let d=!0;if(t.authority&&(d=o.isUserAuthorized(t.authority)),d)return e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(n.Button,{onClick:async()=>{if(t?.recordsToProcessActionOn&&t?.recordsToProcessActionOn.length>0){if(t?.preActionValidation)for(const e of t.recordsToProcessActionOn)if(!t.preActionValidation(e))return;!0===t?.isConfirmationRequired?r(!0):(await t.actionFn(t.recordsToProcessActionOn,t.recordIdsToProcessActionOn),t?.reloadData&&t.reloadData())}else A.toast.error(i("AT_LEAST_ONE_RECORD_SELECTED_MESSAGE"))},variant:t?.label?"outlined":t?.formActionProps?.actionButtonVariant?t.formActionProps.actionButtonVariant:"text",size:"small",color:t?.formActionProps?.actionButtonColor||"primary",children:[t?.icon?e.jsx(m.FontAwesomeIcon,{style:{marginRight:5,marginLeft:5},icon:t.icon}):e.jsx(e.Fragment,{}),t?.label?i(t.label):e.jsx(e.Fragment,{})]})]})},go=n.styled(W.QuickFilter)({display:"grid",alignItems:"center"}),Mo=n.styled(W.ToolbarButton)((({theme:e,ownerState:t})=>({gridArea:"1 / 1",width:"min-content",height:"min-content",zIndex:1,opacity:t.expanded?0:1,pointerEvents:t.expanded?"none":"auto",transition:e.transitions.create(["opacity"])}))),bo=n.styled(n.TextField)((({theme:e,ownerState:t})=>({gridArea:"1 / 1",overflowX:"clip",width:t.expanded?260:"var(--trigger-width)",opacity:t.expanded?1:0,transition:e.transitions.create(["width","opacity"])}))),xo=t=>{const{t:i}=I.useTranslation(),o=Se(),a=!t?.templateProps?.editAction?.authority||o.isUserAuthorized(t.templateProps.editAction.authority),r=((e,t,i)=>{const o=[],a=[];if("exclude"===e.type&&0===e.ids.size)for(const e of t)o.push(e),a.push(e[i]);else if(e?.ids)for(const r of e.ids){const e=t.find((e=>e[i]===r));o.push(e),a.push(r)}return{selectedRecords:o,selectedRecordIds:a}})(t?.templateProps?.rowSelectionModel||{ids:new Set,type:"include"},t?.templateProps?.data||[],t?.templateProps?.keyColumnName||"id");return e.jsxs(W.Toolbar,{children:[a&&"none"!=t?.templateProps?.editMode?.editMode?e.jsxs(n.Button,{onClick:t?.handleCreateNewRecord,children:[e.jsx(m.FontAwesomeIcon,{icon:"add",style:{marginRight:5,marginLeft:5}}),i("ADD_BTN_LABEL")]}):e.jsx(e.Fragment,{}),t?.templateProps?.rowActions?t.templateProps.rowActions.map(((e,i)=>!0===e?.gridActionProps?.multiRecord?l.createElement(Po,{...e,key:i,reloadData:async()=>{t.templateProps.apiActions.reloadData(t?.templateProps?.gridLoadParametersValues)},recordIdsToProcessActionOn:r.selectedRecordIds,recordsToProcessActionOn:r.selectedRecords}):null)):e.jsx(e.Fragment,{}),e.jsx(n.Box,{sx:{flex:1,mx:.5},children:t?.templateProps?.tBar}),e.jsx(n.Tooltip,{title:"Columns",children:e.jsx(W.ColumnsPanelTrigger,{render:e.jsx(W.ToolbarButton,{}),children:e.jsx(W.GridViewColumnIcon,{fontSize:"small"})})}),e.jsx(n.Tooltip,{title:"Filters",children:e.jsx(W.FilterPanelTrigger,{render:(t,i)=>e.jsx(W.ToolbarButton,{...t,color:"default",children:e.jsx(n.Badge,{badgeContent:i.filterCount,color:"primary",variant:"dot",children:e.jsx(W.GridFilterListIcon,{fontSize:"small"})})})})}),t?.templateProps?.gridStateKey?e.jsx(n.Tooltip,{title:i("RESET_GRID_STATE"),children:e.jsx(n.IconButton,{onClick:t?.clearGridState,children:e.jsx(m.FontAwesomeIcon,{icon:"eraser"})})}):e.jsx(e.Fragment,{}),e.jsx(n.Divider,{orientation:"vertical",variant:"middle",flexItem:!0,sx:{mx:.5}}),e.jsx(n.Tooltip,{title:i("EXPORT_EXECL_LABEL"),children:e.jsx(W.ExportExcel,{render:e.jsx(n.MenuItem,{}),children:e.jsx(m.FontAwesomeIcon,{icon:"file-excel",color:"green"})})}),e.jsxs(go,{children:[e.jsx(W.QuickFilterTrigger,{render:(t,o)=>e.jsx(n.Tooltip,{title:i("SEARCH_BTN_LABEL"),enterDelay:0,children:e.jsx(Mo,{...t,ownerState:{expanded:o.expanded},color:"default","aria-disabled":o.expanded,children:e.jsx(m.FontAwesomeIcon,{icon:"search"})})})}),e.jsx(W.QuickFilterControl,{render:({ref:t,...o},a)=>e.jsx(bo,{...o,ownerState:{expanded:a.expanded},inputRef:t,"aria-label":"Search",placeholder:`${i("SEARCH_BTN_LABEL")}...`,size:"small",slotProps:{input:{startAdornment:e.jsx(n.InputAdornment,{position:"start",children:e.jsx(m.FontAwesomeIcon,{icon:"search"})}),endAdornment:a.value?e.jsx(n.InputAdornment,{position:"end",children:e.jsx(W.QuickFilterClear,{edge:"end",size:"small","aria-label":"Clear search",children:e.jsx(m.FontAwesomeIcon,{icon:"xmark"})})}):null,...o.slotProps?.input},...o.slotProps}})})]}),e.jsx(n.IconButton,{onClick:()=>{t.templateProps.apiActions.reloadData(t?.templateProps?.gridLoadParametersValues)},children:e.jsx(m.FontAwesomeIcon,{icon:"refresh"})})]})},So=t=>{const{t:i}=I.useTranslation(),o=Se(),{ConfirmationWindow:a,setOpen:r}=xe({body:i(t?.confirmationMessage||"ACTION_CONFIRMATION"),title:i("CONFIRMATION"),onConfirmationCallBk:async()=>{await(t?.actionFn(t.record)),t?.reloadData&&t.reloadData()}});let d=!0;t.authority&&(d=o.isUserAuthorized(t.authority));let l={};t?.getActionIconStyleForRecord&&(l=t.getActionIconStyleForRecord(t.record));let s=!0;t?.isActionVisibleForRecord&&(s=t?.isActionVisibleForRecord(t.record));let p=!1;if(t?.isActionDisabledForRecord&&(p=t.isActionDisabledForRecord(t.record)),d&&s)return e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(W.GridActionsCellItem,{disabled:p,icon:e.jsx(n.Tooltip,{title:t?.label?i(t.label):"",children:e.jsx(m.FontAwesomeIcon,{icon:t.icon,style:{...l,color:p?"gray":null!=l?.color?l.color:void 0}})}),showInMenu:t?.gridActionProps?.showInMenu||!1,label:"",className:"textPrimary",color:"inherit",onClick:async()=>{if(!p){if(t?.preActionValidation&&!t.preActionValidation(t.record))return;!0===t?.isConfirmationRequired?r(!0):(await t.actionFn(t.record),!0===t?.gridActionProps?.reloadGridAfterAction&&t?.reloadData&&t.reloadData())}}})]})};let Uo=-1;const Fo=e=>{try{const t=localStorage.getItem(e);return t?JSON.parse(t):{}}catch(e){return console.error("Failed to load grid state",e),{}}},wo=(e,t)=>{const i=Fo(e);localStorage.setItem(e,JSON.stringify({...i,...t}))},vo=["__check__","actions"],Bo=i=>{const{t:o}=I.useTranslation(),a=t.useSelector((e=>e.AppLayout)),[r,d]=l.useState({}),[s,p]=l.useState(!0),{getLookupOptions:c}=(()=>{const{handleGetRequest:e}=Ce(),i=t.useSelector((e=>e.AppLayout)),o=async t=>{let i=[];return await e({endPointURI:"api/v1/public/system/lookup",showMask:!0,parameters:{lookupType:t},successCallBkFn:e=>{i=e.data}}),i};return{generateLookupGridColumn:async e=>{let t=await o(e.lookupType);return{...e,options:t,displayField:"ltr"===i.appDirection?"lookupEnDisplay":"lookupArDisplay",valueField:"lookupValue"}},getLookupOptions:o}})(),{Window:u,setWindowState:T}=Ue({windowTitle:o(i.gridTitle)+" Attachments",windowIcon:"paperclip",width:"fit-content",height:"fit-content",minHeight:500,minWidth:"50%",onCloseCallBack:()=>{i?.apiActions?.reloadData(i.gridLoadParametersValues)}}),{Window:_,setWindowState:f}=Ue({windowTitle:o(i.gridTitle)+" Approvals",windowIcon:"stamp",width:"fit-content",height:"fit-content",minHeight:500,minWidth:"80%",onCloseCallBack:()=>{i?.apiActions?.reloadData(i.gridLoadParametersValues)}}),[E,O]=l.useState([]),N=yo(i.formElements),y=[],h=l.useMemo((()=>i?.gridStateKey?Fo(i.gridStateKey):{}),[]);for(const e of N)!0===e?.gridProps?.hidden&&y.push(e.fieldName);let R={};if(h?.columnVisibilityModel){R=h.columnVisibilityModel;const e=Object.keys(R);for(const t of y)e.includes(t)||(R[t]=!1)}else for(const e of y)R[e]=!1;const L=t.useSelector((e=>e.AppLayout.appDirection)),[C,D]=l.useState(R),[P,g]=l.useState(h.columnOrder||[]),[M,b]=l.useState(h.columnWidths||{}),[x,S]=l.useState(h.columnGroupingModel||[]);let w=h?.pinnedColumns?.left||[];w=w.filter((e=>!vo.includes(e)));let v=h?.pinnedColumns?.right||[]||[];v=v.filter((e=>!vo.includes(e)));const[k,j]=l.useState({left:[..."ltr"===L?vo:[],...w],right:[..."rtl"===L?vo:[],...v]}),G=Se(),Y=B.useNavigate(),[V,q]=l.useState(null),[K,H]=l.useState(null),[z,Q]=l.useState({}),Z=async()=>{let t=((t,i,o)=>{const a=[];for(const n of t)if("text"===n?.fieldType||"number"===n?.fieldType){const e={...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,type:"number"==n?.fieldType?"number":"string",field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,flex:1,minWidth:200};a.push(e)}else if("date"===n?.fieldType){const t=(r={...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,flex:1,minWidth:200},{...r,type:"string",renderEditCell:t=>e.jsx(rt,{sx:{width:"100%"},label:"",value:t.value,onChangeCallBack:e=>{t.api.setEditCellValue({id:t.id,field:t.field,value:e})}}),valueParser:(e,t,i)=>{let o=null;return null!==e&&(o=U(e).format(Je)),o},valueFormatter:(e,t,i)=>t[i.field]});a.push(t)}else if("datetime"===n?.fieldType){const e=Io({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,flex:1,minWidth:200});a.push(e)}else if("checkbox"===n?.fieldType){const e=Oo({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,checkedValue:n?.checkedValue,unCheckedValue:n?.unCheckedValue,width:150});a.push(e)}else if("combobox"===n?.fieldType){const e=Eo({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,valueField:n?.optionValueField||"value",displayField:n?.optionDisplayField||"display",options:n?.options||[],flex:1,minWidth:200});a.push(e)}else if("lookup"===n?.fieldType){const e=Eo({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,lookupType:n?.lookupType,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,valueField:n?.optionValueField||"value",displayField:n?.optionDisplayField||"display",options:n?.options||[],flex:1,minWidth:200});a.push(e)}else{const e={field:n.fieldName,...n?.gridProps?.muiProps};a.push(e)}var r;return a})(N,"row"===i?.editMode?.editMode||!1,o);for(let e of t)e?.lookupType&&(e.displayField="ltr"===a.appDirection?"lookupEnDisplay":"lookupArDisplay",e.options=await c(e.lookupType),e.valueField="lookupValue");O(t)},[$,X]=l.useState({ids:new Set,type:"include"});let J="id";i?.keyColumnName&&(J=i?.keyColumnName);const ee=i.setData,te=F.z.object(ho(N));let ie=!0;i?.editAction?.authority&&(ie=G.isUserAuthorized(i.editAction.authority));let oe=!0;i?.deleteAction?.authority&&(oe=G.isUserAuthorized(i.deleteAction.authority));const{ConfirmationWindow:ae,setOpen:re}=xe({title:"Confirmation",body:"Are you sure you want to delete this record ?",onConfirmationCallBk:async()=>{let e=!0;V&&!0===V?.isNew||(e=await i.apiActions.deleteRecordById(V[J])),e&&(i?.deleteAction?.postActionCallBack&&await i.deleteAction.postActionCallBack(V),ee((e=>e.filter((e=>e[J]!=V[J])))))}});let ne,de,le,se,pe,ce;"modal"===i?.editMode?.editMode&&(ne=i?.editMode?.specs?.modalHeight||"fit-content",de=i?.editMode?.specs?.modalWidth||"300",le=i?.editMode?.specs?.modalMinHeight,se=i?.editMode?.specs?.modalMinWidth,pe=i?.editMode?.specs?.modalIcon||"window",ce=i?.editMode?.specs?.modalTitle||"Record Form");const{Window:ue,setWindowState:me}=Ue({height:ne,minHeight:le,minWidth:se,onCloseCallBack:()=>{i.apiActions.reloadData(i?.gridLoadParametersValues)},width:de,windowIcon:pe,windowTitle:ce}),Te={type:"actions",field:"actions",headerName:"",headerAlign:"center",width:(i?.rowActions?30*i.rowActions.length:0)+(i?.editAction&&i?.editAction?.isEnabled?30:0)+(i?.deleteAction&&i?.deleteAction?.isEnabled?30:0)+(i?.attachment?30:0)+(i?.workFlowDocumentCode?30:0),getActions:t=>{const a=t.row,r=[];if("none"!=i?.editMode?.editMode&&(void 0===i?.disableDefaultAction||!i.disableDefaultAction)){const t=z[a[J]]?.mode===W.GridRowModes.Edit;if("row"===i.editMode.editMode&&t)ie&&(r.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(m.FontAwesomeIcon,{icon:"save"}),label:o("SAVE_BTN_LABEL"),onClick:()=>{(e=>{const t=e[J];Q({...z,[t]:{mode:W.GridRowModes.View}})})(a)}})),r.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(m.FontAwesomeIcon,{icon:"cancel"}),label:o("CANCEL_BTN_LABEL"),onClick:()=>{(e=>{const t=e[J];t&&so(t)&&t<0?(Q({...z,[t]:{mode:W.GridRowModes.View,ignoreModifications:!0}}),ee((e=>{const i=e.filter((e=>e[J]!=t));return i}))):Q({...z,[t]:{mode:W.GridRowModes.View,ignoreModifications:!0}})})(a)},color:"inherit"})));else{if(i?.editAction&&!0===i?.editAction?.isEnabled){let t=!0;i?.editAction?.isActionVisibleForRecord&&(t=i?.editAction?.isActionVisibleForRecord(a));let d=!1;i?.editAction?.isActionDisabledForRecord&&(d=i?.editAction?.isActionDisabledForRecord(a)),ie&&t&&r.push(e.jsx(W.GridActionsCellItem,{disabled:d,icon:e.jsx(n.Tooltip,{title:o("EDIT_BTN_LABEL"),children:e.jsx(m.FontAwesomeIcon,{icon:"edit",style:{color:d?"gray":void 0}})}),showInMenu:i?.editAction?.gridActionProps?.showInMenu||!1,label:o("EDIT_BTN_LABEL"),className:"textPrimary",color:"inherit",onClick:()=>{ie&&!d&&(async e=>{if(e)if(H(e),"form"===i.editMode.editMode)Y(i.editMode.specs.formRoute+"/"+e[J]);else if("modal"===i.editMode.editMode)me(!0);else if("row"===i?.editMode?.editMode){const t=e[J];Q({...z,[t]:{mode:W.GridRowModes.Edit}})}})(a)}}))}if(i?.deleteAction&&!0===i?.deleteAction?.isEnabled){let t=!0;i?.deleteAction?.isActionVisibleForRecord&&(t=i?.deleteAction?.isActionVisibleForRecord(a));let d=!1;i?.deleteAction?.isActionDisabledForRecord&&(d=i?.deleteAction?.isActionDisabledForRecord(a)),oe&&t&&r.push(e.jsx(W.GridActionsCellItem,{disabled:d,icon:e.jsx(n.Tooltip,{title:o("DELETE_BTN_LABEL"),children:e.jsx(m.FontAwesomeIcon,{icon:"trash",style:{color:d?"gray":void 0}})}),showInMenu:i?.deleteAction?.gridActionProps?.showInMenu||!1,label:o("DELETE_BTN_LABEL"),className:"textPrimary",color:"inherit",onClick:()=>{if(oe&&!d){if(i?.deleteAction?.preActionValidation&&!i.deleteAction.preActionValidation(a))return;q(a),re(!0)}}}))}}}if(a[i?.keyColumnName||"id"]&&a[i?.keyColumnName||"id"]>0&&i?.attachment&&r?.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(n.Tooltip,{title:"Attachments",children:e.jsx(m.FontAwesomeIcon,{icon:"paperclip"})}),label:"Attachments",className:"textPrimary",color:"inherit",onClick:()=>{d(a),p(!i?.attachment?.enableAttachFn||i.attachment.enableAttachFn(a)),T(!0)}})),a[i?.keyColumnName||"id"]&&a[i?.keyColumnName||"id"]>0&&i?.workFlowDocumentCode&&r?.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(n.Tooltip,{title:"Approvals",children:e.jsx(m.FontAwesomeIcon,{icon:"stamp"})}),label:"Approvals",className:"textPrimary",color:"inherit",onClick:()=>{d(a),f(!0)}})),a[i?.keyColumnName||"id"]&&a[i?.keyColumnName||"id"]>0&&i?.rowActions)for(const t of i.rowActions)t?.gridActionProps?.multiRecord&&!0===t?.gridActionProps?.multiRecord||r.push(e.jsx(So,{...t,record:a,reloadData:async()=>{i.apiActions.reloadData(i?.gridLoadParametersValues)}}));return r}};let Ae=[];(void 0===i?.disableDefaultAction||!i.disableDefaultAction||i?.rowActions&&i?.rowActions.length>0)&&Ae.push(Te),Ae=[...Ae,...E];l.useEffect((()=>{void 0!==i?.autoLoad&&!0!==i.autoLoad||i.apiActions.reloadData(i?.gridLoadParametersValues),Z()}),[]),l.useEffect((()=>{i.apiActions.reloadData(i?.gridLoadParametersValues)}),[G.UserInfo?.currentOrganization]),l.useEffect((()=>{Z()}),[L,i.formElements]);const _e=l.useMemo((()=>{const e=Ae.map((e=>({...e,width:M[e.field]||e.width})));if(P.length){const t=new Map(e.map((e=>[e.field,e])));return P.map((e=>t.get(e))).filter(Boolean)}return e}),[P,M,Ae]);return e.jsxs(e.Fragment,{children:[e.jsx(ae,{}),"modal"===i?.editMode?.editMode?e.jsx(ue,{children:i?.editMode?.specs?.formComponent?e.jsx(i.editMode.specs.formComponent,{recordIdToEdit:K?K[J]:void 0,formCloseCallBk:()=>{me(!1),i.apiActions.reloadData(i?.gridLoadParametersValues)}}):e.jsx(Yo,{keyColumnName:i.keyColumnName,attachment:i.attachment,formLoadCallBk:i.formLoadCallBk,recordIdToEdit:K?K[J]:void 0,formCloseCallBk:()=>{me(!1),i.apiActions.reloadData(i?.gridLoadParametersValues)},elements:i.formElements,apiActions:i.apiActions,editAuthorityKey:i?.editAction?.authority,formSavedSuccessfullyCallBk:i?.editAction?.postActionCallBack,preSaveValidation:i?.editAction?.preActionValidation,actions:i?.rowActions})}):e.jsx(e.Fragment,{}),void 0!==i?.hideInfoBar||i?.hideInfoBar?e.jsx(e.Fragment,{}):e.jsxs(n.Box,{sx:{display:"flex"},children:[void 0!==i?.hideBackButton||i?.hideBackButton?e.jsx(e.Fragment,{}):e.jsx(n.IconButton,{onClick:()=>{Y(-1,{replace:!0})},children:e.jsx(m.FontAwesomeIcon,{icon:"arrow-left"})}),e.jsxs(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:[i?.girdIcon?e.jsx(m.FontAwesomeIcon,{icon:i.girdIcon,style:{marginRight:5,marginLeft:5}}):e.jsx(e.Fragment,{}),e.jsx(n.Typography,{variant:"h5",children:i?.gridTitle?co(o(i?.gridTitle)):""})]})]}),i?.gridLoadParameters&&i?.gridLoadParameters.length>0&&i?.gridLoadParametersValues&&i?.setGridLoadParametersValues?e.jsxs(n.Accordion,{defaultExpanded:!0,sx:{width:"100%"},children:[e.jsx(n.AccordionSummary,{expandIcon:e.jsx(W.GridExpandMoreIcon,{}),children:e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(m.FontAwesomeIcon,{style:{marginLeft:5,marginRight:5},icon:"search"}),e.jsx(n.Typography,{component:"span",children:"Filters"})]})}),e.jsx(n.AccordionDetails,{children:e.jsx(n.Box,{children:e.jsx(Yo,{saveButtonSpecs:{label:o("SEARCH_BTN_LABEL"),icon:"search",actionButtonVariant:"outlined",actionButtonColor:"success"},cancelButtonSpecs:{label:o("RESET_BTN_LABEL"),icon:"eraser",actionButtonVariant:"outlined",actionButtonColor:"error"},apiActions:{deleteRecordById:async()=>!0,saveRecord:async e=>{null!=e?i.setGridLoadParametersValues(e):i.setGridLoadParametersValues({}),i.apiActions.reloadData(e)},reloadData:async()=>{},loadRecordById:async()=>{}},elements:i.gridLoadParameters})})})]}):e.jsx(e.Fragment,{}),i?.attachment?e.jsx(u,{children:e.jsx(Co,{attachmentCode:i.attachment.attachmentCode,refKey:r[i?.keyColumnName||"id"],enableAttachment:s})}):e.jsx(e.Fragment,{}),i?.workFlowDocumentCode?e.jsx(_,{children:e.jsx(Wo,{workFlowDocumentCode:i.workFlowDocumentCode,refDocumentId:r[i?.keyColumnName||"id"],postActionCallBk:()=>{f(!1),i.apiActions.reloadData(i.gridLoadParametersValues)},cancelActionCallBk:()=>{f(!1),i.apiActions.reloadData(i.gridLoadParametersValues)}})}):e.jsx(e.Fragment,{}),e.jsx(W.DataGridPremium,{...i?.muiProps,slots:{toolbar:xo},slotProps:{toolbar:{templateProps:{...i,rowSelectionModel:$,data:i?.data},handleCreateNewRecord:()=>{if("form"===i?.editMode?.editMode)Y(i.editMode.specs.formRoute);else if("modal"===i?.editMode?.editMode)H(null),me(!0);else if("row"===i?.editMode?.editMode){Uo-=1;const e={};e[J]=Uo,e.isNew=!0;for(const t of E)"actions"!=t?.type&&t?.field!=J&&t?.field&&(e[t.field]=null);ee((t=>[e,...t])),Q((e=>({...e,[Uo]:{mode:W.GridRowModes.Edit}})))}},clearGridState:()=>{i?.gridStateKey&&localStorage.removeItem(i.gridStateKey),D({}),g([]),b({}),S([]),j({left:[..."ltr"===L?vo:[]],right:[..."rtl"===L?vo:[]]})}}},getRowId:e=>e[J],showToolbar:!0,rows:i?.data,columns:_e,checkboxSelection:!0,editMode:"row",onRowEditStop:(e,t)=>{"rowFocusOut"===e.reason&&(t.defaultMuiPrevented=!0)},rowModesModel:"row"==i.editMode.editMode?z:void 0,onRowModesModelChange:"row"==i.editMode.editMode?e=>{Q(e)}:void 0,rowGroupingColumnMode:"multiple",processRowUpdate:async t=>{if("row"===i.editMode.editMode){let o=null;const a=(e=>{try{te.parse(e)}catch(e){console.log("validateRecord err",e);let t=null;return t=e instanceof F.z.ZodError?e.errors.map((e=>"Error in field ("+e.path+") : "+e.message)).join(","):"invalid record data",t}})(t);if(a){const t=a.split(",");throw A.toast.error(e.jsx("div",{style:{},children:t.map((t=>e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx(n.Divider,{})]})))})),new Error(a)}if(i?.editAction?.preActionValidation&&!i.editAction.preActionValidation(t))throw new Error("error on the configured presave validation");const r={...t};if(t[J]&&so(t[J])&&Number(t[J])<0&&(r[J]=null),o=await i.apiActions.saveRecord(r),null==o)throw new Error("Failed to process your request, contact your administrator");return i?.editAction?.postActionCallBack&&await i.editAction.postActionCallBack(t),!0===t?.isNew&&ee((e=>{const i=e.filter((e=>e[J]!==t[J]));return[o,...i]})),!0===i?.editMode?.reloadAfterSave&&i?.apiActions?.reloadData&&i?.apiActions?.reloadData(i?.gridLoadParametersValues),o}},rowSelectionModel:$,onRowSelectionModelChange:e=>{X(e)},columnVisibilityModel:C,onColumnVisibilityModelChange:e=>{D(e),i?.gridStateKey&&wo(i.gridStateKey,{columnVisibilityModel:e})},onColumnOrderChange:e=>{const{column:t,targetIndex:o}=e;g((e=>{const a=e.length?[...e]:Ae.map((e=>e.field)),r=a.indexOf(t.field);return-1===r||(a.splice(r,1),a.splice(o,0,t.field),i?.gridStateKey&&wo(i.gridStateKey,{columnOrder:a})),a}))},onColumnWidthChange:e=>{const t={...M,[e.colDef.field]:e.width};b(t),i?.gridStateKey&&wo(i.gridStateKey,{columnWidths:t})},rowGroupingModel:x,onRowGroupingModelChange:e=>{(e=>{S(e),i?.gridStateKey&&wo(i.gridStateKey,{columnGroupingModel:e})})(e)},pinnedColumns:k,onPinnedColumnsChange:e=>{let t=e?.left||[];t=t.filter((e=>!vo.includes(e)));let o=e?.right||[];o=o.filter((e=>!vo.includes(e)));const a={left:[..."ltr"===L?vo:[],...t],right:[..."rtl"===L?vo:[],...o]};j(a),i?.gridStateKey&&wo(i.gridStateKey,{pinnedColumns:a})},sx:{width:"100%"}})]})},ko=e=>{if(0===e.length)return[];const t=[];for(const i of Object.keys(e[0])){const e={type:"field",mode:"props",props:{fieldLabel:i,fieldName:i,fieldType:"text"}};t.push(e)}return console.log("formElements",t),t},jo=t=>(console.log("reportdata",t.reportData),e.jsx(Bo,{data:t.reportData,disableDefaultAction:!0,setData:t.setReportData,formElements:ko(t.reportData),gridLoadParameters:t.gridLoadParameters,gridLoadParametersValues:t.gridLoadParametersValues,setGridLoadParametersValues:t.setGridLoadParametersValues,editMode:{editMode:"none"},girdIcon:"file-excel",gridTitle:"Report",autoLoad:!0,hideInfoBar:!0,apiActions:{deleteRecordById:async()=>!0,loadRecordById:async()=>{},reloadData:async()=>{t.reloadReport()},saveRecord:async()=>{}}})),Go=t=>{const[i,o]=l.useState(null),[a,r]=l.useState(null),[d,s]=l.useState([]),[p,c]=l.useState("WAITING_REPORT_CODE"),{handleGetRequest:u,handlePostRequest:T,HandleDownloadHTTPPostPDF:A}=Ce(),[_,f]=l.useState(null),[E,O]=l.useState({...t?.reportParametersValues}),[N,y]=l.useState([]),{t:h}=I.useTranslation(),R=e=>{const t=[];for(const i of e){const e={type:"field",mode:"props",props:{fieldLabel:i?.parameterLabel,fieldName:i?.parameterCode,fieldType:i?.parameterType,hidden:i?.hidden,formProps:{fieldSize:{lg:4,md:6,sm:12}},required:i?.mandatory,defaultValue:E[i?.parameterCode]||i?.defaultValue}};t.push(e)}return t},L=async(e,i)=>{c("WAITING_RESULT"),"Excel"===e?.reportType?await T({endPointURI:"api/v1/public/report/run",showMask:!0,data:{reportCode:t.reportCode,parameters:i,resultMode:t.resultMode,jasperOutPutFileType:t.jasperOutPutFileType},successCallBkFn:e=>{c("SHOWING_RESULT"),s(e.data)}}):e?.reportType&&await A({endPointURI:"api/v1/public/report/run",showMask:!0,data:{reportCode:t.reportCode,parameters:i,resultMode:t.resultMode,jasperOutPutFileType:t.jasperOutPutFileType},successCallBkFn:e=>{c("SHOWING_RESULT");const t=e.headers["content-disposition"];let i="downloaded_file";if(t&&-1!==t.indexOf("filename=")){const e=t.match(/filename="?([^"]+)"?/);e&&e[1]&&(i=e[1])}if(i.includes("pdf")){const t=new Blob([e.data],{type:"application/pdf"}),i=URL.createObjectURL(t);o(i)}else{const t=new Blob([e.data],{type:e.headers["content-type"]}),o=window.URL.createObjectURL(t),a=document.createElement("a");a.href=o,a.download=i,document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(o)}console.log(e)},failureCallBkFn:e=>{r("Failed To run report ... contact your administrator"),c("ERROR")}})};return l.useEffect((()=>{t?.reportCode&&(async()=>{c("LOADING_METADATA"),await u({endPointURI:"api/v1/public/report/metadata",showMask:!0,parameters:{reportCode:t.reportCode},successCallBkFn:e=>{f(e.data),y(R(e.data.reportParameters)),!0===t?.byPassParameterEntry||0==e.data.reportParameters.length?(L(e.data,E),c("WAITING_RESULT")):c("WAITING_PARAMETER_INPUT")},failureCallBkFn:e=>{r("Failed loading report metadata ... contact your administrator"),c("ERROR")}})})()}),[t.reportCode,t.byPassParameterEntry,t.reportParametersValues,t.jasperOutPutFileType,t.resultMode]),e.jsxs(e.Fragment,{children:[e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%"},children:[e.jsxs(n.Box,{sx:{flex:1,textAlign:"center",marginBottom:1},children:[e.jsx(m.FontAwesomeIcon,{icon:"Excel"===_?.reportType?"file-excel":"file-pdf",color:"Excel"===_?.reportType?"darkgreen":"darkred",style:{marginRight:10,marginLeft:10}}),_?.reportName]}),"Excel"!=_?.reportType&&"SHOWING_RESULT"===p?e.jsxs(e.Fragment,{children:[!0===t?.byPassParameterEntry?e.jsx(e.Fragment,{}):N.length>0?e.jsx(n.IconButton,{onClick:()=>{y(R(_.reportParameters)),c("WAITING_PARAMETER_INPUT")},children:e.jsx(m.FontAwesomeIcon,{icon:"filter"})}):e.jsx(e.Fragment,{}),e.jsx(n.IconButton,{children:e.jsx(m.FontAwesomeIcon,{icon:"refresh",onClick:()=>{L(_,E)}})})]}):e.jsx(e.Fragment,{})]}),e.jsx(n.Box,{sx:{flexGrow:1,width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start"},children:"WAITING_PARAMETER_INPUT"===p&&"Excel"!=_?.reportType?e.jsxs(n.Accordion,{defaultExpanded:!0,sx:{width:"100%"},expanded:!0,children:[e.jsx(n.AccordionSummary,{children:e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(m.FontAwesomeIcon,{style:{marginLeft:5,marginRight:5},icon:"search"}),e.jsx(n.Typography,{component:"span",children:"Filters"})]})}),e.jsx(n.AccordionDetails,{children:e.jsx(n.Box,{children:e.jsx(Yo,{saveButtonSpecs:{label:h("SHOW_REPORT_BTN_LABEL"),icon:"search",actionButtonVariant:"outlined",actionButtonColor:"success",hidden:!0},cancelButtonSpecs:{label:h("RESET_BTN_LABEL"),icon:"eraser",actionButtonVariant:"outlined",actionButtonColor:"error"},apiActions:{deleteRecordById:async()=>!0,saveRecord:async e=>{O(null!=e?e:{}),L(_,e)},reloadData:async()=>{},loadRecordById:async()=>{}},elements:N})})})]}):"SHOWING_RESULT"===p||("WAITING_PARAMETER_INPUT"===p||"WAITING_RESULT"===p)&&"Excel"===_?.reportType?"Excel"===_?.reportType?e.jsx(jo,{reportData:d,setReportData:s,reloadReport:async()=>{L(_,E)},gridLoadParameters:N,gridLoadParametersValues:E,setGridLoadParametersValues:O}):e.jsx("iframe",{src:i,width:"100%",height:"100%",title:"PDF Preview",style:{border:"1px solid #ccc",marginTop:"20px"}}):"ERROR"===p?e.jsxs(n.Box,{sx:{display:"flex",flex:1,alignItems:"center",justifyContent:"center"},children:[e.jsx(m.FontAwesomeIcon,{icon:"circle-exclamation",color:"darkred",style:{marginRight:10,marginLeft:10}}),a]}):e.jsx(e.Fragment,{})})]})},Wo=i=>{const o=B.useNavigate(),a=t.useSelector((e=>e.AppLayout)),{isUserAuthorized:r,UserInfo:d}=Se(),{handleGetRequest:s,handlePostRequest:p}=Ce(),[c,u]=l.useState(null),[T,_]=l.useState([]),{t:f}=I.useTranslation(),[E,O]=l.useState(null),[N,y]=l.useState({referencedDocument:null,workflowDocumentReport:null,workflowDocument:null,workflowDocumentStatus:null,actionsHistory:[],nextActionTakers:null,nextActions:[]}),{Window:h,setWindowState:R}=Ue({windowTitle:"ltr"===a.appDirection?N?.workflowDocument&&N?.referencedDocument?`${N?.workflowDocument?.documentEnName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`:"Document":N?.workflowDocument&&N?.referencedDocument?`${N?.workflowDocument?.documentArName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`:"وثيقة",windowIcon:"eye",width:"80%"}),L=async()=>{await s({endPointURI:"api/v1/public/workflow/doc/info",showMask:!0,parameters:{workflowDocumentCode:i.workFlowDocumentCode,refDocumentId:i.refDocumentId},successCallBkFn:e=>{y(e.data)},failureCallBkFn:()=>{y({referencedDocument:null,workflowDocumentReport:null,workflowDocument:null,workflowDocumentStatus:null,actionsHistory:[],nextActions:[],nextActionTakers:null})}})},C=async()=>{await p({endPointURI:"api/v1/public/workflow/doc/action",showMask:!0,data:{workflowDocumentId:N?.workflowDocument?.id,refDocumentId:i.refDocumentId,actionId:c.id,refDocumentStatus:N?.workflowDocumentStatus?.documentStatusCode,actionComment:E},successCallBkFn:async e=>{c?.post_action_endpoint?await p({endPointURI:c.post_action_endpoint,showMask:!0,loadingMessage:"Processing post action process ... please wait",parameters:{refDocumentId:i.refDocumentId,actionId:c.id},successCallBkFn:()=>{L(),i?.postActionCallBk&&i.postActionCallBk()}}):L()}})};return l.useEffect((()=>{i.refDocumentId&&i.workFlowDocumentCode&&L()}),[i.refDocumentId,i.workFlowDocumentCode]),l.useEffect((()=>{_(N?.nextActions&&N?.nextActions?.length>0?N.nextActions.filter((e=>{if(!N?.workflowDocumentStatus?.nextActionTakersAuthority&&!N?.nextActionTakers)return!0;if(N?.workflowDocumentStatus?.nextActionTakersAuthority&&r(N.workflowDocumentStatus.nextActionTakersAuthority))return!0;if(N?.nextActionTakers)for(const e of N.nextActionTakers)if(d?.username===e?.username||d?.username===e?.USERNAME)return!0;return!1})):[])}),[N.nextActions,N.nextActionTakers]),e.jsxs(e.Fragment,{children:[N?.workflowDocumentReport?.id?e.jsx(h,{children:e.jsx(Go,{reportCode:N?.workflowDocumentReport?.reportCode,resultMode:"App",byPassParameterEntry:!0,reportParametersValues:{doc_id:i.refDocumentId+""}})}):e.jsx(e.Fragment,{}),N?.workflowDocument?e.jsxs(n.Box,{sx:{width:"100%",textAlign:"center",fontSize:20,fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(n.IconButton,{onClick:()=>{o(-1,{replace:!0})},children:e.jsx(m.FontAwesomeIcon,{icon:"arrow-left"})}),e.jsx(n.Box,{sx:{flex:1}}),e.jsx(m.FontAwesomeIcon,{icon:"file",style:{marginRight:10,marginLeft:10}}),"ltr"===a.appDirection?`${N?.workflowDocument?.documentEnName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`:`${N?.workflowDocument?.documentArName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`,N?.workflowDocumentStatus?"ltr"===a.appDirection?` ( ${N?.workflowDocumentStatus?.documentStatusEnName} )`:` ( ${N?.workflowDocumentStatus?.documentStatusArName} )`:"",e.jsx(n.Box,{sx:{flex:1}}),N?.workflowDocumentReport?.id?e.jsx(n.Button,{onClick:()=>{R(!0)},variant:"outlined",startIcon:e.jsx(m.FontAwesomeIcon,{icon:"eye"}),children:f("VIEW_LABEL")}):e.jsx(e.Fragment,{})]}):e.jsx(e.Fragment,{}),e.jsxs(n.Box,{sx:{flex:1,width:"100%",overflow:"hidden",display:"flex"},children:[T?.length>0?e.jsxs(n.Paper,{sx:{padding:2,display:"flex",flex:1,margin:1,flexDirection:"column",alignItems:"center",justifyContent:"flex-start",overflow:"hidden"},children:[e.jsx(Xe,{sx:{marginBottom:2,width:400},label:f("WE_AVAILABLE_ACTIONS_LABEL"),displayField:"ltr"===a.appDirection?"document_action_en_name":"document_action_ar_name",valueField:"id",value:c?.id,options:T,onChangeCallBack:(e,t)=>{u(t)}}),e.jsx(je,{sx:{width:400},rows:3,value:E,onChange:e=>{O(e.target.value)},multiline:!0,label:f("WF_COMMENT_LABEL")}),e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(n.Button,{color:"success",variant:"contained",sx:{width:200,m:1},onClick:async()=>{null!=c&&null!=c?.id?!0!==c.require_comment&&1!==c.require_comment&&"true"!==c.require_comment||null!==E&&""!==E?c?.pre_action_endpoint?await p({endPointURI:c.pre_action_endpoint,showMask:!0,loadingMessage:"Processing pre action validation ... please wait",parameters:{refDocumentId:i.refDocumentId,actionId:c.id},successCallBkFn:()=>{C()}}):C():A.toast.error("You must enter comment for the action to be processed"):A.toast.error("You must select action to process")},children:f("WF_TAKE_ACTION_BTN_LABEL")}),i?.cancelActionCallBk?e.jsx(n.Button,{variant:"contained",sx:{width:200,m:1},color:"error",onClick:()=>{i?.cancelActionCallBk&&i.cancelActionCallBk()},children:f("WF_CANCEL_BTN_LABEL")}):e.jsx(e.Fragment,{})]}),N?.nextActionTakers&&N.nextActionTakers.length>0?e.jsxs(e.Fragment,{children:[e.jsx(n.Divider,{variant:"fullWidth",flexItem:!0,sx:{marginTop:1,marginBottom:1},children:e.jsxs(n.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:"bold"},children:[e.jsx(m.FontAwesomeIcon,{icon:"users",style:{marginRight:10,marginLeft:10}})," ",f("WF_WAITING_FOR_LABEL")]})}),e.jsx(n.Box,{sx:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",overflow:"auto",padding:1,width:"100%"},children:N.nextActionTakers.map((t=>e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",border:"1px dotted black",width:400,marginBottom:2,padding:2},children:[e.jsx(Ro,{showAsAvatar:!0,attachmentCode:"EMPLOYEE_PHOTOS",refKey:t?.id||"0",style:{marginRight:2,marginLeft:2,width:60,height:60}}),e.jsxs(n.Box,{sx:{flex:2,display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},children:[e.jsx("div",{children:"ltr"===a.appDirection?t?.employee_en_name:t?.employee_ar_name}),e.jsx("div",{children:t?.email?e.jsxs(e.Fragment,{children:[e.jsx(m.FontAwesomeIcon,{icon:"envelope",style:{marginRight:10,marginLeft:10}}),t?.email]}):e.jsx(e.Fragment,{})}),e.jsx("div",{children:t?.mobile_number?e.jsxs(e.Fragment,{children:[e.jsx(m.FontAwesomeIcon,{icon:"mobile",style:{marginRight:10,marginLeft:10}}),t?.mobile_number]}):e.jsx(e.Fragment,{})})]})]})))})]}):e.jsx(e.Fragment,{})]}):e.jsx(e.Fragment,{}),N?.actionsHistory.length>0?e.jsx(Do,{actionHistory:N.actionsHistory}):e.jsxs(n.Paper,{sx:{display:"flex",flexDirection:"column",flexGrow:1,padding:2,margin:1,alignItems:"center",justifyContent:"center"},children:[e.jsxs(n.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:"bold"},children:[e.jsx(m.FontAwesomeIcon,{icon:"history",style:{marginRight:10,marginLeft:10}}),f("WF_ACTION_HISTORY_LABEL")]}),e.jsx(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:"No Action Log available"})]})]})]})},Yo=t=>{const{Window:i,setWindowState:o}=Ue({windowTitle:"Attachments",windowIcon:"paperclip",width:"fit-content",height:"fit-content",minHeight:500,minWidth:400}),{Window:a,setWindowState:r}=Ue({windowTitle:"Approvals",windowIcon:"stamp",width:"fit-content",height:"fit-content",minHeight:500,minWidth:400}),[d,s]=l.useState(!0),{t:p}=I.useTranslation(),c=yo(t.elements),u=[];for(const e of c)e?.hidden&&u.push(e.fieldName);const[T,_]=l.useState(u),f={};for(const e of t.elements)"field"===e?.type&&"props"===e?.mode&&e?.props?.defaultValue&&(f[e.props.fieldName]=e.props.defaultValue);const[E,O]=l.useState([]),N=ce.object(ho(c)),y=w.useForm({resolver:v.zodResolver(N),defaultValues:f}),h=y.watch(),R=B.useParams(),L=t?.formRouteRecordIdParamName,C=async()=>{let e=null;if(t?.recordIdToEdit?e=t.recordIdToEdit:L&&R[L]&&(e=R[L]),e){const i=await t.apiActions.loadRecordById(e);if(i){y.reset({...i}),t?.formLoadCallBk&&t?.formLoadCallBk(D,y,i);for(const e of c)"combobox"===e?.fieldType&&i[e.fieldName]&&y.setValue(e.fieldName,i[e.fieldName]+"")}}else y.reset({})},D={setFieldValue:(e,t)=>{y.setValue(e,t)},hideField:e=>{_((t=>[...t,e]))},showField:e=>{_((t=>t.filter((t=>t!==e))))},disableField:e=>{O((t=>[...t,e]))},enableField:e=>{O((t=>t.filter((t=>t!==e))))}};return l.useEffect((()=>{C()}),[t?.recordIdToEdit]),l.useEffect((()=>{s(!t?.attachment||!t?.attachment?.enableAttachFn||t.attachment.enableAttachFn(h))}),[h]),e.jsxs(e.Fragment,{children:[t?.attachment?e.jsx(i,{children:e.jsx(Co,{attachmentCode:t.attachment.attachmentCode,refKey:h[t?.keyColumnName||"id"],enableAttachment:d})}):e.jsx(e.Fragment,{}),t?.workFlowDocumentCode?e.jsx(a,{children:e.jsx(Wo,{workFlowDocumentCode:t.workFlowDocumentCode,refDocumentId:h[t?.keyColumnName||"id"],postActionCallBk:()=>{r(!1),C()},cancelActionCallBk:()=>{r(!1)}})}):e.jsx(e.Fragment,{}),e.jsx(lo,{sx:{display:"flex",flex:1,width:"100%",height:"fit-content",flexDirection:"column",alignItems:"center",overflow:"auto"},children:e.jsx(n.Grid2,{sx:{width:"100%"},container:!0,children:t.elements.map(((t,i)=>"group"===t.type?e.jsx(fo,{...t.props,formManager:y,formValues:h,formActions:D,hiddenFields:T,disabledFields:E},i):"field"===t.type&&"props"===t.mode?e.jsx(Ao,{fieldInfo:t.props,formManager:y,formValues:h,formActions:D,hiddenFields:T,disabledFields:E},i):"field"===t.type&&"node"===t.mode?e.jsx(n.Grid2,{size:t?.props?.formProps?.fieldSize||{lg:3,md:6,xs:12},sx:{padding:1,width:"100%"},children:e.jsx(t.node,{formManager:y,formValues:h})},i):void 0))})}),e.jsxs(lo,{sx:{display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-start"},children:[h[t?.keyColumnName||"id"]&&t?.attachment?e.jsx(n.Tooltip,{title:"Attachments",children:e.jsx(n.IconButton,{onClick:()=>{o(!0)},children:e.jsx(m.FontAwesomeIcon,{icon:"paperclip"})})}):null,h[t?.keyColumnName||"id"]&&t?.workFlowDocumentCode?e.jsx(n.Tooltip,{title:"Approvals",children:e.jsx(n.IconButton,{onClick:()=>{r(!0)},children:e.jsx(m.FontAwesomeIcon,{icon:"stamp"})})}):null,t?.actions&&h[t?.keyColumnName||"id"]?t.actions.map((t=>!0===t?.formActionProps?.enabled?e.jsx(_o,{...t,record:h}):e.jsx(e.Fragment,{}))):e.jsx(e.Fragment,{}),e.jsx("div",{style:{flex:1}}),e.jsx(n.Button,{variant:t?.saveButtonSpecs?.actionButtonVariant?t.saveButtonSpecs.actionButtonVariant:"contained",sx:{m:1},startIcon:t?.saveButtonSpecs?.icon?e.jsx(m.FontAwesomeIcon,{icon:t.saveButtonSpecs.icon}):null,color:t?.saveButtonSpecs?.actionButtonColor?t.saveButtonSpecs.actionButtonColor:"primary",onClick:y.handleSubmit((e=>{console.log("form values",e),(async e=>{if((!t?.preSaveValidation||t.preSaveValidation(e))&&e){const i=await t.apiActions.saveRecord(e);i&&(y.reset({...i}),t?.formSavedSuccessfullyCallBk&&t.formSavedSuccessfullyCallBk(i),t?.formCloseCallBk&&t.formCloseCallBk())}})(e)}),(e=>{A.toast.error("Form Data is not valid, make sure you have all field with valid data"),console.log("form validation error",e)})),children:p(t?.saveButtonSpecs?.label||"SAVE_BTN_LABEL")}),e.jsx(n.Button,{variant:t?.cancelButtonSpecs?.actionButtonVariant?t.cancelButtonSpecs.actionButtonVariant:"contained",startIcon:t?.cancelButtonSpecs?.icon?e.jsx(m.FontAwesomeIcon,{icon:t.cancelButtonSpecs.icon}):null,color:t?.cancelButtonSpecs?.actionButtonColor?t.cancelButtonSpecs.actionButtonColor:"error",sx:{m:1},onClick:()=>{t?.formCloseCallBk&&t.formCloseCallBk(),y.reset(f)},children:p(t?.cancelButtonSpecs?.label||"CANCEL_BTN_LABEL")})]})]})},Vo=()=>{const{workflowDocumentCode:t,refDocumentId:i}=B.useParams();return e.jsx(Wo,{workFlowDocumentCode:t,refDocumentId:i})},qo=i=>{const{UserSession:o}=Se(),a=t.useSelector((e=>e.AppLayout)),r=t.useDispatch(),{handlePostRequest:d}=Ce(),[s,p]=l.useState(o.value.currentOrganization.id);return e.jsxs(n.Box,{sx:{display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"center",padding:1},children:[e.jsx(Xe,{sx:{width:"100%"},displayField:"ltr"===a.appDirection?"organizationEnName":"organizationArName",valueField:"id",label:"",options:o.value.userOrganizations,value:s,onChangeCallBack:e=>{p(e)}}),e.jsx(n.Button,{sx:{m:1},variant:"contained",disabled:null==s||s===o.value.currentOrganization.id,onClick:async()=>{await d({endPointURI:"api/auth/changeCurrentOrg",showMask:!0,parameters:{username:o.value.username,orgId:s},data:{},successCallBkFn:e=>{const t={...e.data,isAuthenticated:!0};r(Re.setAuthenticated(t)),i.successChangeCallBackFn&&i.successChangeCallBackFn()}})},children:"Change Organization"})]})},Ko=T.createSlice({name:"SideBar",initialState:{isOpened:!1},reducers:{toggleSideBarState:e=>{e.isOpened=!e.isOpened},setSideBarState:(e,t)=>{e.isOpened=t.payload}}}),{toggleSideBarState:Ho,setSideBarState:zo}=Ko.actions;var Qo=Ko.reducer;function Zo(e,t){const i=l.useRef(e);l.useEffect((()=>{i.current=e}),[e]),l.useEffect((()=>{const e=setInterval((()=>i.current?.()),t);return()=>clearInterval(e)}),[t])}const $o=n.keyframes`
+function(e,t){const i=oe(e,t);return"production"!==process.env.NODE_ENV?(...t)=>{const o=`"${e}"`;return 0===t.length?console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`,'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n")):t.some((e=>void 0===e))&&console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`),i(...t)}:i}("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})($i),d=pe.forwardRef((function(t,d){const l=function(e=eo){return Ji(e)}(o),{className:s,component:p="div",...c}=to(t);return e.jsx(n,{as:p,ref:d,className:ro(s,r?r(a):a),theme:i&&l[i]||l,...c})}));return d}({defaultClassName:function(e,t,i="Mui"){const o={};return t.forEach((t=>{o[t]=function(e,t,i="Mui"){const o=no[t];return o?`${i}-${o}`:`${oo.generate(e)}-${t}`}(e,t,i)})),o}("MuiBox",["root"]).root,generateClassName:oo.generate});function so(e){return"number"==typeof e&&!isNaN(e)}function po(e){return"string"==typeof e&&""!==e.trim()&&!isNaN(Number(e))}function co(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}function uo(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)}function mo(e,t){const i=new Date(e),o=new Date,a=Math.floor((i-o)/1e3),r="rtl"===t?"ar":"en",n=new Intl.RelativeTimeFormat(r,{numeric:"auto"}),d=[{unit:"year",seconds:31536e3},{unit:"month",seconds:2592e3},{unit:"week",seconds:604800},{unit:"day",seconds:86400},{unit:"hour",seconds:3600},{unit:"minute",seconds:60},{unit:"second",seconds:1}];for(const{unit:e,seconds:t}of d){const i=Math.floor(a/t);if(Math.abs(i)>1)return n.format(i,e)}return"ar"===r?"الآن":"just now"}"production"!==process.env.NODE_ENV&&(lo.propTypes={children:vt.node,component:vt.elementType,sx:vt.oneOfType([vt.arrayOf(vt.oneOfType([vt.func,vt.object,vt.bool])),vt.func,vt.object])});const To=i=>{const o=t.useSelector((e=>e.AppLayout)),a=Se(),[r,n]=l.useState([]),{handleGetRequest:d}=Ce();return l.useEffect((()=>{i.lookupType&&(async()=>{await d({endPointURI:"api/v1/public/system/lookup",showMask:!0,parameters:{lookupType:i.lookupType},successCallBkFn:e=>{n(e.data)},failureCallBkFn:()=>{n([])}})})()}),[i.lookupType,a.UserSession]),e.jsx(Xe,{...i,options:r,displayField:"ltr"===o.appDirection?"lookupEnDisplay":"lookupArDisplay",valueField:"lookupValue"})},Ao=t=>{if(t?.fieldInfo){const i=t.fieldInfo,o=t?.formManager||null,a=t?.formActions||null,r=t?.formValues||null,d=t?.fieldInfo?.fieldName||null,l=t?.fieldInfo?.fieldType||null;return i&&o&&r&&d&&l?t.hiddenFields.includes(d)?e.jsx(e.Fragment,{}):e.jsx(n.Grid2,{size:i?.formProps?.fieldSize||{lg:12,md:12,sm:12},sx:{padding:1,width:"100%"},children:"text"===l||"number"===l?e.jsx(je,{...i.muiTextFieldProps,fullWidth:!0,type:l,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),hidden:i?.hidden||!1,label:i?.fieldLabel,value:r[d],onChange:e=>{let t=null;""!=e.target.value&&(t="number"===l&&po(e.target.value)?Number(e.target.value):e.target.value),o.setValue(d,t),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(t,o,a)},sx:{"& .MuiInputBase-root":{height:`${i?.formProps?.fieldHeight}px`||void 0},"& .MuiInputBase-input":{height:"100% !important"},...i?.formProps?.style},error:null!=o.formState.errors[d],helperText:o?.formState?.errors[d]?.message?.toString()}):"date"===i?.fieldType?e.jsx(rt,{format:i?.dateFormat||Je,sx:i?.formProps?.style||{width:"100%"},disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),label:i?.fieldLabel,onChangeCallBack:e=>{o.setValue(d,e),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(e,o,a)},value:r[d],error:null!=o.formState.errors[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):"datetime"===i?.fieldType?e.jsx(nt,{format:i?.dateFormat||et,sx:i?.formProps?.style||{width:"100%"},disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),label:i?.fieldLabel,onChangeCallBack:e=>{o.setValue(d,e),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(e,o,a)},value:r[d],error:null!=o.formState.errors[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):"checkbox"===i?.fieldType?e.jsx($e,{label:i?.fieldLabel,onChangeCallBack:e=>{o.setValue(d,e),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(e,o,a)},value:r[d],checkedValue:i?.checkedValue||!0,unCheckedValue:i?.unCheckedValue||!1,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),sx:i?.formProps?.style}):"combobox"===i?.fieldType?e.jsx(Xe,{sx:i?.formProps?.style||{width:"100%"},label:i?.fieldLabel,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),onChangeCallBack:(e,t)=>{let r=null;e&&(r=e+""),o.setValue(d,r),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(r,o,a,t)},options:i?.options||[],displayField:i?.optionDisplayField||"",valueField:i?.optionValueField||"",value:r[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):"lookup"===i?.fieldType?e.jsx(To,{sx:i?.formProps?.style||{width:"100%"},label:i?.fieldLabel,disabled:!(!i?.disabled&&!t.disabledFields.includes(d)),onChangeCallBack:(e,t)=>{let r=null;e&&(r=e+""),o.setValue(d,r),i?.formProps?.onValueChangeCallBack&&i?.formProps?.onValueChangeCallBack(r,o,a,t)},lookupType:i.lookupType,value:r[d],errorMessage:o?.formState?.errors[d]?.message?.toString()}):null}):e.jsx(e.Fragment,{})}return e.jsx(e.Fragment,{})},_o=t=>{const i=Se(),{ConfirmationWindow:o,setOpen:a}=xe({body:t?.confirmationMessage||"",title:"Confirmation",onConfirmationCallBk:()=>{t?.actionFn(t?.record)}});return null==t?.authority||i.isUserAuthorized(t.authority)?e.jsxs(e.Fragment,{children:[e.jsx(o,{}),e.jsxs(n.Button,{variant:t?.formActionProps?.actionButtonVariant,color:t?.formActionProps?.actionButtonColor,onClick:()=>{if(t?.actionFn){if(t?.preActionValidation&&!t.preActionValidation(t.record))return;!0===t?.isConfirmationRequired?a(!0):t?.actionFn(t.record)}},children:[t?.icon?e.jsx(m.FontAwesomeIcon,{icon:t.icon,style:{marginRight:5,marginLeft:5}}):e.jsx(e.Fragment,{}),e.jsx("div",{children:t?.label})]})]}):e.jsx(e.Fragment,{})},fo=t=>{const{t:i}=I.useTranslation();return e.jsx(e.Fragment,{children:e.jsxs(n.Grid2,{container:!0,sx:t?.style,alignItems:"flex-start",children:[t?.label?e.jsx(n.Grid2,{size:12,sx:{padding:1,fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"flex-start"},children:t?.icon?e.jsxs(e.Fragment,{children:[e.jsx(m.FontAwesomeIcon,{icon:t.icon,style:{marginRight:5,marginLeft:5}}),e.jsx("div",{children:i(t.label)})]}):e.jsx(e.Fragment,{children:i(t.label)})}):e.jsx(e.Fragment,{}),t?.elements?t.elements.map((i=>"group"===i.type?e.jsx(fo,{...i.props,formManager:t.formManager,formValues:t.formValues,formActions:t.formActions,hiddenFields:t.hiddenFields,disabledFields:t.disabledFields}):"field"===i.type&&"props"===i.mode?e.jsx(Ao,{fieldInfo:i.props,formManager:t.formManager,formValues:t.formValues,formActions:t.formActions,hiddenFields:t.hiddenFields,disabledFields:t.disabledFields}):"field"===i.type&&"node"===i.mode?e.jsx(n.Grid2,{size:i?.props?.formProps?.fieldSize||{lg:3,md:6,sm:12},sx:{padding:1,width:"100%"},children:e.jsx(i.node,{formManager:t.formManager,formValues:t.formValues,formActions:t.formActions})}):void 0)):null,t?.actions?e.jsx(n.Grid2,{size:{sm:12},sx:{padding:1},children:t.actions.map((i=>e.jsx(_o,{...i,record:t.formValues})))}):e.jsx(e.Fragment,{})]})})},Io=t=>({...t,type:"string",renderEditCell:t=>e.jsx(nt,{sx:{width:"100%"},label:"",value:t.value,onChangeCallBack:e=>{t.api.setEditCellValue({id:t.id,field:t.field,value:e})}}),valueParser:(e,t,i)=>{let o=null;return null!==e&&(o=U(e).format(et)),o},valueFormatter:(e,t,i)=>t[i.field]}),Eo=t=>({...t,type:"custom",valueGetter:e=>e?e+"":e,renderCell:t=>{let i=null;try{i=t.colDef.options.find((e=>e[t.colDef.valueField]==t.value))}catch(e){}return e.jsx("div",{children:null!=i?i[t.colDef.displayField]:t.value})},renderEditCell:t=>e.jsx(Xe,{...t,sx:{width:"100%"},options:t.colDef.options,valueField:t.colDef.valueField,displayField:t.colDef.displayField,onChangeCallBack:(e,i)=>{null===e&&t.api.setEditCellValue({id:t.id,field:t.field,value:null}),t.api.setEditCellValue({id:t.id,field:t.field,value:e+""})}})}),Oo=t=>({...t,type:"custom",valueGetter:e=>null==e||null==e?null:e,renderCell:i=>{const o=i?.value;return o===t.checkedValue||"true"===o||1===o||!0===o?e.jsx(m.FontAwesomeIcon,{icon:"check",color:"green"}):e.jsx(m.FontAwesomeIcon,{icon:"xmark",color:"red"})},renderEditCell:i=>e.jsx($e,{...i,checkedValue:t?.checkedValue||!0,unCheckedValue:t?.unCheckedValue||!1,onChangeCallBack:e=>{i.api.setEditCellValue({id:i.id,field:i.field,value:e})}})}),No=e=>{const t=[];if("field"===e.type&&"props"===e.mode&&e?.props)t.push(e.props);else if("group"===e.type&&e?.props&&e?.props?.elements)for(const i of e.props.elements)t.push(...No(i));return t},yo=e=>{const t=[];for(const i of e)t.push(...No(i));return t},ho=e=>{const t={};for(const i of e)if(i?.fieldName){const e=i.fieldName;"number"===i.fieldType?t[e]=!0===i?.required?ce.number({required_error:"This field is required",invalid_type_error:"This field must be a number"}):ce.number().optional().nullable():"checkbox"===i.fieldType?t[e]=!0===i?.required?ce.boolean({required_error:"This field is required"}):ce.boolean().optional().nullable():t[e]=!0===i?.required?ce.string({message:"This field is required"}).min(1,"This field is required"):ce.string().optional().nullable()}return t},Ro=i=>{let o=t.useSelector((e=>e.AppInfo.value.apiBaseUrl))+"/api/v1/attachment/";i?.attachmentId?o+="download?attachmentId="+i.attachmentId:(o+=`downloadImage?attachmentCode=${i.attachmentCode}&refKey=${i.refKey}`,i?.category&&(o+=`&category=${i.category}`));const[a,r]=l.useState(o);return i?.showAsAvatar?e.jsx(n.Avatar,{src:a,sx:i.style}):e.jsx("img",{src:a,alt:"image",onError:()=>r("/no_image.png"),style:{width:"100%",height:"100%",objectFit:"cover",display:"block"}})},Lo=t=>{const{handleGetRequest:i,handleDeleteRequest:o}=Ce(),{isUserAuthorized:a}=Se();let r=!0;t?.downloadAuthorityKey&&(r=a(t.downloadAuthorityKey));const{ConfirmationWindow:d,setOpen:l}=xe({title:"Confirmation",body:"Are you sure you want to delete this attachment?",onConfirmationCallBk:()=>{(async()=>{await o({endPointURI:"api/v1/attachment/archive",parameters:{attachmentCode:t.attachmentCode,refKey:t.refKey,attachmentId:t.id},successCallBkFn:e=>{t.setAttachmentConfig(e.data)},showMask:!0})})()}});return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsxs(O,{sx:{width:300,border:"0.5px solid gray"},children:[e.jsx(G,{sx:{height:140,width:300,display:"flex",alignItems:"center",justifyContent:"center"},children:t?.docType.toLocaleLowerCase().includes("image")?e.jsx(Ro,{attachmentId:t.id}):e.jsx(m.FontAwesomeIcon,{icon:"file",size:"3x"})}),e.jsxs(j,{children:[e.jsx(g,{gutterBottom:!0,variant:"h6",component:"div",children:t.fileName}),e.jsx(g,{variant:"body2",sx:{color:"text.secondary"},children:`File Size: ${t?.attachmentSize||"unknown"} kb`}),e.jsx(g,{variant:"body2",sx:{color:"text.secondary"},children:`File Type: ${t?.category||"NA"}`}),e.jsx(g,{variant:"body2",sx:{color:"text.secondary"},children:t.remark})]}),e.jsxs(k,{children:[t?.allowDelete?e.jsx(n.IconButton,{size:"small",onClick:()=>{l(!0)},children:e.jsx(n.Tooltip,{title:"Delete Attachment",children:e.jsx(m.FontAwesomeIcon,{icon:"trash"})})}):e.jsx(e.Fragment,{}),e.jsx("div",{style:{flex:1}}),r?e.jsx(n.IconButton,{size:"small",onClick:async()=>{await i({endPointURI:"api/v1/attachment/download",parameters:{attachmentId:t.id},showMask:!0,responseType:"blob",successCallBkFn:e=>{const i=window.URL.createObjectURL(new Blob([e.data])),o=document.createElement("a");o.href=i,o.setAttribute("download",t.fileName),document.body.appendChild(o),o.click(),o.remove()}})},children:e.jsx(n.Tooltip,{title:"Download Attachment",children:e.jsx(m.FontAwesomeIcon,{icon:"download"})})}):e.jsx(e.Fragment,{})]})]})]})},Co=t=>{const{handleUploadRequest:i,handleGetRequest:o}=Ce(),[a,r]=l.useState(null),[d,s]=l.useState([]),[p,c]=l.useState(null),[u,T]=l.useState(null),[_,f]=l.useState([]),[I,E]=l.useState(null),{isUserAuthorized:O}=Se(),N=e=>e.split(".").pop()?.toLowerCase()||"";l.useEffect((()=>{(async()=>{await o({endPointURI:"api/v1/attachment/info",showMask:!0,parameters:{attachmentCode:t.attachmentCode,refKey:t.refKey},successCallBkFn:e=>{E(e.data)}})})()}),[t.refKey,t.attachmentCode]),l.useEffect((()=>{if(f(I?.allowedFileTypes?I.allowedFileTypes.split(","):[]),I?.attachmentCategories){const e=[];for(const t of I.attachmentCategories.split(","))e.push({value:t});s(e)}else s([])}),[I]);let y=!0;I?.downloadAuthorityKey&&!O(I?.downloadAuthorityKey)&&(y=!1);let h=!0;return!1===t?.enableAttachment&&(h=!1),I?.uploadAuthorityKey&&!O(I.uploadAuthorityKey)&&(h=!1),e.jsxs(n.Paper,{sx:{display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"flex-start",overflow:"hidden",flexGrow:1},children:[h?e.jsx(e.Fragment,{children:null==I?.maxAllowedNumberOfFiles||I?.maxAllowedNumberOfFiles>I.refKeyAttachments.length?e.jsxs(e.Fragment,{children:[e.jsxs("h3",{children:[e.jsx(m.FontAwesomeIcon,{icon:"paperclip",style:{marginRight:10,marginLeft:10}}),"Attachment Uploader"]}),e.jsx("input",{type:"file",style:{margin:20},accept:I?.allowedFileTypes,multiple:!0,onChange:e=>{if(e.target.files)for(const t of e.target.files){const e=N(t.name);if(_.length>0&&!_.includes(e))return void A.toast.error(e+" is not allowed")}r(e.target.files)}}),d.length>0?e.jsx(Xe,{label:"Attachment Type",sx:{width:300,m:1},options:d,displayField:"value",valueField:"value",value:u,onChangeCallBack:e=>{T(e)}}):e.jsx(e.Fragment,{}),e.jsx(je,{label:"Remark",value:p,onChange:e=>c(e.target.value),multiline:!0,sx:{width:300,m:1},rows:3}),e.jsx(n.Button,{sx:{m:1},variant:"contained",onClick:async()=>{let e=I?.refKeyAttachments.length||0;I?.maxAllowedNumberOfFiles&&a.length+e>I.maxAllowedNumberOfFiles?A.toast.error("Maximum number of attachments is "+I.maxAllowedNumberOfFiles):!0===I?.isCategoryRequired&&d.length>0&&(null==u||void 0===u||""===u)?A.toast.error("You must selected document type to process your request"):a?await i({endPointURI:"api/v1/attachment/upload",showMask:!0,loadingMessage:"Uploading files ... please wait",parameters:{refKey:t.refKey,attachmentCode:t.attachmentCode,remark:p,category:u},files:a,successCallBkFn:e=>{E(e.data),r(null),T(null),c(null),A.toast.success("Your request has been process successfully")}}):A.toast.error("You must add files to upload")},children:"Upload"})]}):e.jsx(e.Fragment,{})}):e.jsx(e.Fragment,{}),y&&I?.refKeyAttachments?.length>0?e.jsxs(e.Fragment,{children:[e.jsxs("h3",{children:[e.jsx(m.FontAwesomeIcon,{style:{marginRight:10,marginLeft:10},icon:"paperclip"}),"Attachments"]}),e.jsx(n.Grid2,{container:!0,spacing:2,sx:{overflow:"auto",padding:1,justifyContent:"center"},children:I?.refKeyAttachments.map((i=>e.jsx(n.Grid2,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:e.jsx(Lo,{...i,attachmentCode:t.attachmentCode,setAttachmentConfig:E,downloadAuthorityKey:I.downloadAuthorityKey,allowDelete:h})})))})]}):e.jsx(e.Fragment,{})]})},Do=i=>{const o=t.useSelector((e=>e.AppLayout)),{t:a}=I.useTranslation();return e.jsxs(n.Paper,{sx:{display:"flex",flexDirection:"column",flexGrow:1,padding:1,margin:1,alignItems:"center",justifyContent:"center"},children:[e.jsxs(n.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:"bold"},children:[e.jsx(m.FontAwesomeIcon,{icon:"history",style:{marginRight:10,marginLeft:10}}),a("WF_ACTION_HISTORY_LABEL")]}),e.jsx(n.Box,{sx:{flexGrow:1,width:"100%",display:"flex",flexDirection:"column",overflowY:"auto",alignItems:"center",justifyContent:"flex-start"},children:i.actionHistory.map(((t,a)=>e.jsx(e.Fragment,{children:e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",marginBottom:2},children:[e.jsxs(n.Box,{sx:{display:"flex",flex:1,flexDirection:"column",alignItems:"flex-end",justifyContent:"center"},children:[e.jsx(n.Box,{sx:{marginBottom:.2},children:t.actionTime}),e.jsxs(g,{children:["via ",t.actionMethod]})]}),e.jsxs(n.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",position:"relative",marginRight:2,marginLeft:2},children:[e.jsx(Ro,{showAsAvatar:!0,attachmentCode:"EMPLOYEE_PHOTOS",refKey:t?.personId+""||"0",style:{m:1,width:70,height:70}}),a!==i.actionHistory.length-1?e.jsx(n.Box,{sx:{marginTop:11,position:"absolute"},children:"|"}):e.jsx(e.Fragment,{})]}),e.jsxs(n.Box,{sx:{display:"flex",flex:1,flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},children:[e.jsxs(n.Box,{sx:{width:"100%"},children:["ltr"===o.appDirection?`${t?.documentActionEnName}`:`${t?.documentActionArName}`,t?.actionComment?" - "+t.actionComment:""]}),e.jsx(n.Box,{sx:{width:"100%"},children:"ltr"===o.appDirection?`${t?.employeeEnName}`:`${t?.employeeArName}`})]})]})})))})]})},Po=t=>{const{t:i}=I.useTranslation(),o=Se(),{ConfirmationWindow:a,setOpen:r}=xe({body:i(t?.confirmationMessage||"ACTION_CONFIRMATION"),title:i("CONFIRMATION"),onConfirmationCallBk:async()=>{await(t?.actionFn(t.recordsToProcessActionOn,t.recordIdsToProcessActionOn)),t?.reloadData&&t.reloadData()}});let d=!0;if(t.authority&&(d=o.isUserAuthorized(t.authority)),d)return e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(n.Button,{onClick:async()=>{if(t?.recordsToProcessActionOn&&t?.recordsToProcessActionOn.length>0){if(t?.preActionValidation)for(const e of t.recordsToProcessActionOn)if(!t.preActionValidation(e))return;!0===t?.isConfirmationRequired?r(!0):(await t.actionFn(t.recordsToProcessActionOn,t.recordIdsToProcessActionOn),t?.reloadData&&t.reloadData())}else A.toast.error(i("AT_LEAST_ONE_RECORD_SELECTED_MESSAGE"))},variant:t?.label?"outlined":t?.formActionProps?.actionButtonVariant?t.formActionProps.actionButtonVariant:"text",size:"small",color:t?.formActionProps?.actionButtonColor||"primary",children:[t?.icon?e.jsx(m.FontAwesomeIcon,{style:{marginRight:5,marginLeft:5},icon:t.icon}):e.jsx(e.Fragment,{}),t?.label?i(t.label):e.jsx(e.Fragment,{})]})]})},go=n.styled(W.QuickFilter)({display:"grid",alignItems:"center"}),Mo=n.styled(W.ToolbarButton)((({theme:e,ownerState:t})=>({gridArea:"1 / 1",width:"min-content",height:"min-content",zIndex:1,opacity:t.expanded?0:1,pointerEvents:t.expanded?"none":"auto",transition:e.transitions.create(["opacity"])}))),bo=n.styled(n.TextField)((({theme:e,ownerState:t})=>({gridArea:"1 / 1",overflowX:"clip",width:t.expanded?260:"var(--trigger-width)",opacity:t.expanded?1:0,transition:e.transitions.create(["width","opacity"])}))),xo=t=>{const{t:i}=I.useTranslation(),o=Se(),a=!t?.templateProps?.editAction?.authority||o.isUserAuthorized(t.templateProps.editAction.authority),r=((e,t,i)=>{const o=[],a=[];if("exclude"===e.type&&0===e.ids.size)for(const e of t)o.push(e),a.push(e[i]);else if(e?.ids)for(const r of e.ids){const e=t.find((e=>e[i]===r));o.push(e),a.push(r)}return{selectedRecords:o,selectedRecordIds:a}})(t?.templateProps?.rowSelectionModel||{ids:new Set,type:"include"},t?.templateProps?.data||[],t?.templateProps?.keyColumnName||"id");return e.jsxs(W.Toolbar,{children:[a&&"none"!=t?.templateProps?.editMode?.editMode?e.jsxs(n.Button,{onClick:t?.handleCreateNewRecord,children:[e.jsx(m.FontAwesomeIcon,{icon:"add",style:{marginRight:5,marginLeft:5}}),i("ADD_BTN_LABEL")]}):e.jsx(e.Fragment,{}),t?.templateProps?.rowActions?t.templateProps.rowActions.map(((e,i)=>!0===e?.gridActionProps?.multiRecord?l.createElement(Po,{...e,key:i,reloadData:async()=>{t.templateProps.apiActions.reloadData(t?.templateProps?.gridLoadParametersValues)},recordIdsToProcessActionOn:r.selectedRecordIds,recordsToProcessActionOn:r.selectedRecords}):null)):e.jsx(e.Fragment,{}),e.jsx(n.Box,{sx:{flex:1,mx:.5},children:t?.templateProps?.tBar}),e.jsx(n.Tooltip,{title:"Columns",children:e.jsx(W.ColumnsPanelTrigger,{render:e.jsx(W.ToolbarButton,{}),children:e.jsx(W.GridViewColumnIcon,{fontSize:"small"})})}),e.jsx(n.Tooltip,{title:"Filters",children:e.jsx(W.FilterPanelTrigger,{render:(t,i)=>e.jsx(W.ToolbarButton,{...t,color:"default",children:e.jsx(n.Badge,{badgeContent:i.filterCount,color:"primary",variant:"dot",children:e.jsx(W.GridFilterListIcon,{fontSize:"small"})})})})}),t?.templateProps?.gridStateKey?e.jsx(n.Tooltip,{title:i("RESET_GRID_STATE"),children:e.jsx(n.IconButton,{onClick:t?.clearGridState,children:e.jsx(m.FontAwesomeIcon,{icon:"eraser"})})}):e.jsx(e.Fragment,{}),e.jsx(n.Divider,{orientation:"vertical",variant:"middle",flexItem:!0,sx:{mx:.5}}),e.jsx(n.Tooltip,{title:i("EXPORT_EXECL_LABEL"),children:e.jsx(W.ExportExcel,{render:e.jsx(n.MenuItem,{}),children:e.jsx(m.FontAwesomeIcon,{icon:"file-excel",color:"green"})})}),e.jsxs(go,{children:[e.jsx(W.QuickFilterTrigger,{render:(t,o)=>e.jsx(n.Tooltip,{title:i("SEARCH_BTN_LABEL"),enterDelay:0,children:e.jsx(Mo,{...t,ownerState:{expanded:o.expanded},color:"default","aria-disabled":o.expanded,children:e.jsx(m.FontAwesomeIcon,{icon:"search"})})})}),e.jsx(W.QuickFilterControl,{render:({ref:t,...o},a)=>e.jsx(bo,{...o,ownerState:{expanded:a.expanded},inputRef:t,"aria-label":"Search",placeholder:`${i("SEARCH_BTN_LABEL")}...`,size:"small",slotProps:{input:{startAdornment:e.jsx(n.InputAdornment,{position:"start",children:e.jsx(m.FontAwesomeIcon,{icon:"search"})}),endAdornment:a.value?e.jsx(n.InputAdornment,{position:"end",children:e.jsx(W.QuickFilterClear,{edge:"end",size:"small","aria-label":"Clear search",children:e.jsx(m.FontAwesomeIcon,{icon:"xmark"})})}):null,...o.slotProps?.input},...o.slotProps}})})]}),e.jsx(n.IconButton,{onClick:()=>{t.templateProps.apiActions.reloadData(t?.templateProps?.gridLoadParametersValues)},children:e.jsx(m.FontAwesomeIcon,{icon:"refresh"})})]})},So=t=>{const{t:i}=I.useTranslation(),o=Se(),{ConfirmationWindow:a,setOpen:r}=xe({body:i(t?.confirmationMessage||"ACTION_CONFIRMATION"),title:i("CONFIRMATION"),onConfirmationCallBk:async()=>{await(t?.actionFn(t.record)),t?.reloadData&&t.reloadData()}});let d=!0;t.authority&&(d=o.isUserAuthorized(t.authority));let l={};t?.getActionIconStyleForRecord&&(l=t.getActionIconStyleForRecord(t.record));let s=!0;t?.isActionVisibleForRecord&&(s=t?.isActionVisibleForRecord(t.record));let p=!1;if(t?.isActionDisabledForRecord&&(p=t.isActionDisabledForRecord(t.record)),d&&s)return e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(W.GridActionsCellItem,{disabled:p,icon:e.jsx(n.Tooltip,{title:t?.label?i(t.label):"",children:e.jsx(m.FontAwesomeIcon,{icon:t.icon,style:{...l,color:p?"gray":null!=l?.color?l.color:void 0}})}),showInMenu:t?.gridActionProps?.showInMenu||!1,label:"",className:"textPrimary",color:"inherit",onClick:async()=>{if(!p){if(t?.preActionValidation&&!t.preActionValidation(t.record))return;!0===t?.isConfirmationRequired?r(!0):(await t.actionFn(t.record),!0===t?.gridActionProps?.reloadGridAfterAction&&t?.reloadData&&t.reloadData())}}})]})};let Uo=-1;const Fo=e=>{try{const t=localStorage.getItem(e);return t?JSON.parse(t):{}}catch(e){return console.error("Failed to load grid state",e),{}}},wo=(e,t)=>{const i=Fo(e);localStorage.setItem(e,JSON.stringify({...i,...t}))},vo=["__check__","actions"],Bo=i=>{const{t:o}=I.useTranslation(),a=t.useSelector((e=>e.AppLayout)),[r,d]=l.useState({}),[s,p]=l.useState(!0),{getLookupOptions:c}=(()=>{const{handleGetRequest:e}=Ce(),i=t.useSelector((e=>e.AppLayout)),o=async t=>{let i=[];return await e({endPointURI:"api/v1/public/system/lookup",showMask:!0,parameters:{lookupType:t},successCallBkFn:e=>{i=e.data}}),i};return{generateLookupGridColumn:async e=>{let t=await o(e.lookupType);return{...e,options:t,displayField:"ltr"===i.appDirection?"lookupEnDisplay":"lookupArDisplay",valueField:"lookupValue"}},getLookupOptions:o}})(),{Window:u,setWindowState:T}=Ue({windowTitle:o(i.gridTitle)+" Attachments",windowIcon:"paperclip",width:"fit-content",height:"fit-content",minHeight:500,minWidth:"50%",onCloseCallBack:()=>{i?.apiActions?.reloadData(i.gridLoadParametersValues)}}),{Window:_,setWindowState:f}=Ue({windowTitle:o(i.gridTitle)+" Approvals",windowIcon:"stamp",width:"fit-content",height:"fit-content",minHeight:500,minWidth:"80%",onCloseCallBack:()=>{i?.apiActions?.reloadData(i.gridLoadParametersValues)}}),[E,O]=l.useState([]),N=yo(i.formElements),y=[],h=l.useMemo((()=>i?.gridStateKey?Fo(i.gridStateKey):{}),[]);for(const e of N)!0===e?.gridProps?.hidden&&y.push(e.fieldName);let R={};if(h?.columnVisibilityModel){R=h.columnVisibilityModel;const e=Object.keys(R);for(const t of y)e.includes(t)||(R[t]=!1)}else for(const e of y)R[e]=!1;const L=t.useSelector((e=>e.AppLayout.appDirection)),[C,D]=l.useState(R),[P,g]=l.useState(h.columnOrder||[]),[M,b]=l.useState(h.columnWidths||{}),[x,S]=l.useState(h.columnGroupingModel||[]);let w=h?.pinnedColumns?.left||[];w=w.filter((e=>!vo.includes(e)));let v=h?.pinnedColumns?.right||[]||[];v=v.filter((e=>!vo.includes(e)));const[k,j]=l.useState({left:[..."ltr"===L?vo:[],...w],right:[..."rtl"===L?vo:[],...v]}),G=Se(),Y=B.useNavigate(),[V,q]=l.useState(null),[K,H]=l.useState(null),[z,Q]=l.useState({}),Z=async()=>{let t=((t,i,o)=>{const a=[];for(const n of t)if("text"===n?.fieldType||"number"===n?.fieldType){const e={...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,type:"number"==n?.fieldType?"number":"string",field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,flex:1,minWidth:200};a.push(e)}else if("date"===n?.fieldType){const t=(r={...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,flex:1,minWidth:200},{...r,type:"string",renderEditCell:t=>e.jsx(rt,{sx:{width:"100%"},label:"",value:t.value,onChangeCallBack:e=>{t.api.setEditCellValue({id:t.id,field:t.field,value:e})}}),valueParser:(e,t,i)=>{let o=null;return null!==e&&(o=U(e).format(Je)),o},valueFormatter:(e,t,i)=>t[i.field]});a.push(t)}else if("datetime"===n?.fieldType){const e=Io({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,flex:1,minWidth:200});a.push(e)}else if("checkbox"===n?.fieldType){const e=Oo({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,checkedValue:n?.checkedValue,unCheckedValue:n?.unCheckedValue,width:150});a.push(e)}else if("combobox"===n?.fieldType){const e=Eo({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,valueField:n?.optionValueField||"value",displayField:n?.optionDisplayField||"display",options:n?.options||[],flex:1,minWidth:200});a.push(e)}else if("lookup"===n?.fieldType){const e=Eo({...n?.gridProps?.muiProps,editable:null!=n?.gridProps?.muiProps?.editable?n?.gridProps?.muiProps?.editable:i,lookupType:n?.lookupType,field:n?.fieldName,headerName:o(n?.fieldLabel||n?.fieldName),headerAlign:"center",align:"center",hidden:n?.hidden,searchable:n?.gridProps?.searchable,valueField:n?.optionValueField||"value",displayField:n?.optionDisplayField||"display",options:n?.options||[],flex:1,minWidth:200});a.push(e)}else{const e={field:n.fieldName,...n?.gridProps?.muiProps};a.push(e)}var r;return a})(N,"row"===i?.editMode?.editMode||!1,o);for(let e of t)e?.lookupType&&(e.displayField="ltr"===a.appDirection?"lookupEnDisplay":"lookupArDisplay",e.options=await c(e.lookupType),e.valueField="lookupValue");O(t)},[$,X]=l.useState({ids:new Set,type:"include"});let J="id";i?.keyColumnName&&(J=i?.keyColumnName);const ee=i.setData,te=F.z.object(ho(N));let ie=!0;i?.editAction?.authority&&(ie=G.isUserAuthorized(i.editAction.authority));let oe=!0;i?.deleteAction?.authority&&(oe=G.isUserAuthorized(i.deleteAction.authority));const{ConfirmationWindow:ae,setOpen:re}=xe({title:"Confirmation",body:"Are you sure you want to delete this record ?",onConfirmationCallBk:async()=>{let e=!0;V&&!0===V?.isNew||(e=await i.apiActions.deleteRecordById(V[J])),e&&(i?.deleteAction?.postActionCallBack&&await i.deleteAction.postActionCallBack(V),ee((e=>e.filter((e=>e[J]!=V[J])))))}});let ne,de,le,se,pe,ce;"modal"===i?.editMode?.editMode&&(ne=i?.editMode?.specs?.modalHeight||"fit-content",de=i?.editMode?.specs?.modalWidth||"300",le=i?.editMode?.specs?.modalMinHeight,se=i?.editMode?.specs?.modalMinWidth,pe=i?.editMode?.specs?.modalIcon||"window",ce=i?.editMode?.specs?.modalTitle||"Record Form");const{Window:ue,setWindowState:me}=Ue({height:ne,minHeight:le,minWidth:se,onCloseCallBack:()=>{i.apiActions.reloadData(i?.gridLoadParametersValues)},width:de,windowIcon:pe,windowTitle:ce}),Te={type:"actions",field:"actions",headerName:"",headerAlign:"center",width:(i?.rowActions?30*i.rowActions.length:0)+(i?.editAction&&i?.editAction?.isEnabled?30:0)+(i?.deleteAction&&i?.deleteAction?.isEnabled?30:0)+(i?.attachment?30:0)+(i?.workFlowDocumentCode?30:0),getActions:t=>{const a=t.row,r=[];if("none"!=i?.editMode?.editMode&&(void 0===i?.disableDefaultAction||!i.disableDefaultAction)){const t=z[a[J]]?.mode===W.GridRowModes.Edit;if("row"===i.editMode.editMode&&t)ie&&(r.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(m.FontAwesomeIcon,{icon:"save"}),label:o("SAVE_BTN_LABEL"),onClick:()=>{(e=>{const t=e[J];Q({...z,[t]:{mode:W.GridRowModes.View}})})(a)}})),r.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(m.FontAwesomeIcon,{icon:"cancel"}),label:o("CANCEL_BTN_LABEL"),onClick:()=>{(e=>{const t=e[J];t&&so(t)&&t<0?(Q({...z,[t]:{mode:W.GridRowModes.View,ignoreModifications:!0}}),ee((e=>{const i=e.filter((e=>e[J]!=t));return i}))):Q({...z,[t]:{mode:W.GridRowModes.View,ignoreModifications:!0}})})(a)},color:"inherit"})));else{if(i?.editAction&&!0===i?.editAction?.isEnabled){let t=!0;i?.editAction?.isActionVisibleForRecord&&(t=i?.editAction?.isActionVisibleForRecord(a));let d=!1;i?.editAction?.isActionDisabledForRecord&&(d=i?.editAction?.isActionDisabledForRecord(a)),ie&&t&&r.push(e.jsx(W.GridActionsCellItem,{disabled:d,icon:e.jsx(n.Tooltip,{title:o("EDIT_BTN_LABEL"),children:e.jsx(m.FontAwesomeIcon,{icon:"edit",style:{color:d?"gray":void 0}})}),showInMenu:i?.editAction?.gridActionProps?.showInMenu||!1,label:o("EDIT_BTN_LABEL"),className:"textPrimary",color:"inherit",onClick:()=>{ie&&!d&&(async e=>{if(e)if(H(e),"form"===i.editMode.editMode)Y(i.editMode.specs.formRoute+"/"+e[J]);else if("modal"===i.editMode.editMode)me(!0);else if("row"===i?.editMode?.editMode){const t=e[J];Q({...z,[t]:{mode:W.GridRowModes.Edit}})}})(a)}}))}if(i?.deleteAction&&!0===i?.deleteAction?.isEnabled){let t=!0;i?.deleteAction?.isActionVisibleForRecord&&(t=i?.deleteAction?.isActionVisibleForRecord(a));let d=!1;i?.deleteAction?.isActionDisabledForRecord&&(d=i?.deleteAction?.isActionDisabledForRecord(a)),oe&&t&&r.push(e.jsx(W.GridActionsCellItem,{disabled:d,icon:e.jsx(n.Tooltip,{title:o("DELETE_BTN_LABEL"),children:e.jsx(m.FontAwesomeIcon,{icon:"trash",style:{color:d?"gray":void 0}})}),showInMenu:i?.deleteAction?.gridActionProps?.showInMenu||!1,label:o("DELETE_BTN_LABEL"),className:"textPrimary",color:"inherit",onClick:()=>{if(oe&&!d){if(i?.deleteAction?.preActionValidation&&!i.deleteAction.preActionValidation(a))return;q(a),re(!0)}}}))}}}if(a[i?.keyColumnName||"id"]&&a[i?.keyColumnName||"id"]>0&&i?.attachment&&r?.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(n.Tooltip,{title:"Attachments",children:e.jsx(m.FontAwesomeIcon,{icon:"paperclip"})}),label:"Attachments",className:"textPrimary",color:"inherit",onClick:()=>{d(a),p(!i?.attachment?.enableAttachFn||i.attachment.enableAttachFn(a)),T(!0)}})),a[i?.keyColumnName||"id"]&&a[i?.keyColumnName||"id"]>0&&i?.workFlowDocumentCode&&r?.push(e.jsx(W.GridActionsCellItem,{icon:e.jsx(n.Tooltip,{title:"Approvals",children:e.jsx(m.FontAwesomeIcon,{icon:"stamp"})}),label:"Approvals",className:"textPrimary",color:"inherit",onClick:()=>{d(a),f(!0)}})),a[i?.keyColumnName||"id"]&&a[i?.keyColumnName||"id"]>0&&i?.rowActions)for(const t of i.rowActions)t?.gridActionProps?.multiRecord&&!0===t?.gridActionProps?.multiRecord||r.push(e.jsx(So,{...t,record:a,reloadData:async()=>{i.apiActions.reloadData(i?.gridLoadParametersValues)}}));return r}};let Ae=[];(void 0===i?.disableDefaultAction||!i.disableDefaultAction||i?.rowActions&&i?.rowActions.length>0)&&Ae.push(Te),Ae=[...Ae,...E];l.useEffect((()=>{void 0!==i?.autoLoad&&!0!==i.autoLoad||i.apiActions.reloadData(i?.gridLoadParametersValues),Z()}),[]),l.useEffect((()=>{i.apiActions.reloadData(i?.gridLoadParametersValues)}),[G.UserInfo?.currentOrganization]),l.useEffect((()=>{Z()}),[L,i.formElements]);const _e=l.useMemo((()=>{const e=Ae.map((e=>({...e,width:M[e.field]||e.width})));if(P.length){const t=new Map(e.map((e=>[e.field,e])));return P.map((e=>t.get(e))).filter(Boolean)}return e}),[P,M,Ae]);return e.jsxs(e.Fragment,{children:[e.jsx(ae,{}),"modal"===i?.editMode?.editMode?e.jsx(ue,{children:i?.editMode?.specs?.formComponent?e.jsx(i.editMode.specs.formComponent,{recordIdToEdit:K?K[J]:void 0,formCloseCallBk:()=>{me(!1),i.apiActions.reloadData(i?.gridLoadParametersValues)}}):e.jsx(Yo,{keyColumnName:i.keyColumnName,attachment:i.attachment,formLoadCallBk:i.formLoadCallBk,recordIdToEdit:K?K[J]:void 0,formCloseCallBk:()=>{me(!1),i.apiActions.reloadData(i?.gridLoadParametersValues)},elements:i.formElements,apiActions:i.apiActions,editAuthorityKey:i?.editAction?.authority,formSavedSuccessfullyCallBk:i?.editAction?.postActionCallBack,preSaveValidation:i?.editAction?.preActionValidation,actions:i?.rowActions})}):e.jsx(e.Fragment,{}),void 0!==i?.hideInfoBar||i?.hideInfoBar?e.jsx(e.Fragment,{}):e.jsxs(n.Box,{sx:{display:"flex"},children:[void 0!==i?.hideBackButton||i?.hideBackButton?e.jsx(e.Fragment,{}):e.jsx(n.IconButton,{onClick:()=>{Y(-1,{replace:!0})},children:e.jsx(m.FontAwesomeIcon,{icon:"arrow-left"})}),e.jsxs(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:[i?.girdIcon?e.jsx(m.FontAwesomeIcon,{icon:i.girdIcon,style:{marginRight:5,marginLeft:5}}):e.jsx(e.Fragment,{}),e.jsx(n.Typography,{variant:"h5",children:i?.gridTitle?co(o(i?.gridTitle)):""})]})]}),i?.gridLoadParameters&&i?.gridLoadParameters.length>0&&i?.gridLoadParametersValues&&i?.setGridLoadParametersValues?e.jsxs(n.Accordion,{defaultExpanded:!0,sx:{width:"100%"},children:[e.jsx(n.AccordionSummary,{expandIcon:e.jsx(W.GridExpandMoreIcon,{}),children:e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(m.FontAwesomeIcon,{style:{marginLeft:5,marginRight:5},icon:"search"}),e.jsx(n.Typography,{component:"span",children:"Filters"})]})}),e.jsx(n.AccordionDetails,{children:e.jsx(n.Box,{children:e.jsx(Yo,{saveButtonSpecs:{label:o("SEARCH_BTN_LABEL"),icon:"search",actionButtonVariant:"outlined",actionButtonColor:"success"},cancelButtonSpecs:{label:o("RESET_BTN_LABEL"),icon:"eraser",actionButtonVariant:"outlined",actionButtonColor:"error"},apiActions:{deleteRecordById:async()=>!0,saveRecord:async e=>{null!=e?i.setGridLoadParametersValues(e):i.setGridLoadParametersValues({}),i.apiActions.reloadData(e)},reloadData:async()=>{},loadRecordById:async()=>{}},elements:i.gridLoadParameters})})})]}):e.jsx(e.Fragment,{}),i?.attachment?e.jsx(u,{children:e.jsx(Co,{attachmentCode:i.attachment.attachmentCode,refKey:r[i?.keyColumnName||"id"],enableAttachment:s})}):e.jsx(e.Fragment,{}),i?.workFlowDocumentCode?e.jsx(_,{children:e.jsx(Wo,{workFlowDocumentCode:i.workFlowDocumentCode,refDocumentId:r[i?.keyColumnName||"id"],postActionCallBk:()=>{f(!1),i.apiActions.reloadData(i.gridLoadParametersValues)},cancelActionCallBk:()=>{f(!1),i.apiActions.reloadData(i.gridLoadParametersValues)}})}):e.jsx(e.Fragment,{}),e.jsx(W.DataGridPremium,{...i?.muiProps,slots:{toolbar:xo},slotProps:{toolbar:{templateProps:{...i,rowSelectionModel:$,data:i?.data},handleCreateNewRecord:()=>{if("form"===i?.editMode?.editMode)Y(i.editMode.specs.formRoute);else if("modal"===i?.editMode?.editMode)H(null),me(!0);else if("row"===i?.editMode?.editMode){Uo-=1;const e={};e[J]=Uo,e.isNew=!0;for(const t of E)"actions"!=t?.type&&t?.field!=J&&t?.field&&(e[t.field]=null);ee((t=>[e,...t])),Q((e=>({...e,[Uo]:{mode:W.GridRowModes.Edit}})))}},clearGridState:()=>{i?.gridStateKey&&localStorage.removeItem(i.gridStateKey),D({}),g([]),b({}),S([]),j({left:[..."ltr"===L?vo:[]],right:[..."rtl"===L?vo:[]]})}}},getRowId:e=>e[J],showToolbar:!0,rows:i?.data,columns:_e,checkboxSelection:!0,editMode:"row",onRowEditStop:(e,t)=>{"rowFocusOut"===e.reason&&(t.defaultMuiPrevented=!0)},rowModesModel:"row"==i.editMode.editMode?z:void 0,onRowModesModelChange:"row"==i.editMode.editMode?e=>{Q(e)}:void 0,rowGroupingColumnMode:"multiple",processRowUpdate:async t=>{if("row"===i.editMode.editMode){let o=null;const a=(e=>{try{te.parse(e)}catch(e){console.log("validateRecord err",e);let t=null;return t=e instanceof F.z.ZodError?e.errors.map((e=>"Error in field ("+e.path+") : "+e.message)).join(","):"invalid record data",t}})(t);if(a){const t=a.split(",");throw A.toast.error(e.jsx("div",{style:{},children:t.map((t=>e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx(n.Divider,{})]})))})),new Error(a)}if(i?.editAction?.preActionValidation&&!i.editAction.preActionValidation(t))throw new Error("error on the configured presave validation");const r={...t};if(t[J]&&so(t[J])&&Number(t[J])<0&&(r[J]=null),o=await i.apiActions.saveRecord(r),null==o)throw new Error("Failed to process your request, contact your administrator");return i?.editAction?.postActionCallBack&&await i.editAction.postActionCallBack(t),!0===t?.isNew&&ee((e=>{const i=e.filter((e=>e[J]!==t[J]));return[o,...i]})),!0===i?.editMode?.reloadAfterSave&&i?.apiActions?.reloadData&&i?.apiActions?.reloadData(i?.gridLoadParametersValues),o}},rowSelectionModel:$,onRowSelectionModelChange:e=>{X(e)},columnVisibilityModel:C,onColumnVisibilityModelChange:e=>{D(e),i?.gridStateKey&&wo(i.gridStateKey,{columnVisibilityModel:e})},onColumnOrderChange:e=>{const{column:t,targetIndex:o}=e;g((e=>{const a=e.length?[...e]:Ae.map((e=>e.field)),r=a.indexOf(t.field);return-1===r||(a.splice(r,1),a.splice(o,0,t.field),i?.gridStateKey&&wo(i.gridStateKey,{columnOrder:a})),a}))},onColumnWidthChange:e=>{const t={...M,[e.colDef.field]:e.width};b(t),i?.gridStateKey&&wo(i.gridStateKey,{columnWidths:t})},rowGroupingModel:x,onRowGroupingModelChange:e=>{(e=>{S(e),i?.gridStateKey&&wo(i.gridStateKey,{columnGroupingModel:e})})(e)},pinnedColumns:k,onPinnedColumnsChange:e=>{let t=e?.left||[];t=t.filter((e=>!vo.includes(e)));let o=e?.right||[];o=o.filter((e=>!vo.includes(e)));const a={left:[..."ltr"===L?vo:[],...t],right:[..."rtl"===L?vo:[],...o]};j(a),i?.gridStateKey&&wo(i.gridStateKey,{pinnedColumns:a})},sx:{width:"100%"}})]})},ko=e=>{if(0===e.length)return[];const t=[];for(const i of Object.keys(e[0])){const e={type:"field",mode:"props",props:{fieldLabel:i,fieldName:i,fieldType:"text"}};t.push(e)}return console.log("formElements",t),t},jo=t=>{const[i,o]=l.useState([]);return l.useEffect((()=>{const e=t.reportData.map(((e,t)=>({...e,report_record_data_key:t})));o(e)}),[t.reportData]),e.jsx(Bo,{data:i,disableDefaultAction:!0,setData:t.setReportData,formElements:ko(t.reportData),gridLoadParameters:t.gridLoadParameters,gridLoadParametersValues:t.gridLoadParametersValues,setGridLoadParametersValues:t.setGridLoadParametersValues,editMode:{editMode:"none"},girdIcon:"file-excel",gridTitle:"Report",autoLoad:!0,keyColumnName:"report_record_data_key",hideInfoBar:!0,apiActions:{deleteRecordById:async()=>!0,loadRecordById:async()=>{},reloadData:async()=>{t.reloadReport()},saveRecord:async()=>{}}})},Go=t=>{const[i,o]=l.useState(null),[a,r]=l.useState(null),[d,s]=l.useState([]),[p,c]=l.useState("WAITING_REPORT_CODE"),{handleGetRequest:u,handlePostRequest:T,HandleDownloadHTTPPostPDF:A}=Ce(),[_,f]=l.useState(null),[E,O]=l.useState({...t?.reportParametersValues}),[N,y]=l.useState([]),{t:h}=I.useTranslation(),R=e=>{const t=[];for(const i of e){const e={type:"field",mode:"props",props:{fieldLabel:i?.parameterLabel,fieldName:i?.parameterCode,fieldType:i?.parameterType,hidden:i?.hidden,formProps:{fieldSize:{lg:4,md:6,sm:12}},required:i?.mandatory,defaultValue:E[i?.parameterCode]||i?.defaultValue}};t.push(e)}return t},L=async(e,i)=>{c("WAITING_RESULT"),"Excel"===e?.reportType?await T({endPointURI:"api/v1/public/report/run",showMask:!0,data:{reportCode:t.reportCode,parameters:i,resultMode:t.resultMode,jasperOutPutFileType:t.jasperOutPutFileType},successCallBkFn:e=>{c("SHOWING_RESULT"),s(e.data)}}):e?.reportType&&await A({endPointURI:"api/v1/public/report/run",showMask:!0,data:{reportCode:t.reportCode,parameters:i,resultMode:t.resultMode,jasperOutPutFileType:t.jasperOutPutFileType},successCallBkFn:e=>{c("SHOWING_RESULT");const t=e.headers["content-disposition"];let i="downloaded_file";if(t&&-1!==t.indexOf("filename=")){const e=t.match(/filename="?([^"]+)"?/);e&&e[1]&&(i=e[1])}if(i.includes("pdf")){const t=new Blob([e.data],{type:"application/pdf"}),i=URL.createObjectURL(t);o(i)}else{const t=new Blob([e.data],{type:e.headers["content-type"]}),o=window.URL.createObjectURL(t),a=document.createElement("a");a.href=o,a.download=i,document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(o)}console.log(e)},failureCallBkFn:e=>{r("Failed To run report ... contact your administrator"),c("ERROR")}})};return l.useEffect((()=>{t?.reportCode&&(async()=>{c("LOADING_METADATA"),await u({endPointURI:"api/v1/public/report/metadata",showMask:!0,parameters:{reportCode:t.reportCode},successCallBkFn:e=>{f(e.data),y(R(e.data.reportParameters)),!0===t?.byPassParameterEntry||0==e.data.reportParameters.length?(L(e.data,E),c("WAITING_RESULT")):c("WAITING_PARAMETER_INPUT")},failureCallBkFn:e=>{r("Failed loading report metadata ... contact your administrator"),c("ERROR")}})})()}),[t.reportCode,t.byPassParameterEntry,t.reportParametersValues,t.jasperOutPutFileType,t.resultMode]),e.jsxs(e.Fragment,{children:[e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%"},children:[e.jsxs(n.Box,{sx:{flex:1,textAlign:"center",marginBottom:1},children:[e.jsx(m.FontAwesomeIcon,{icon:"Excel"===_?.reportType?"file-excel":"file-pdf",color:"Excel"===_?.reportType?"darkgreen":"darkred",style:{marginRight:10,marginLeft:10}}),_?.reportName]}),"Excel"!=_?.reportType&&"SHOWING_RESULT"===p?e.jsxs(e.Fragment,{children:[!0===t?.byPassParameterEntry?e.jsx(e.Fragment,{}):N.length>0?e.jsx(n.IconButton,{onClick:()=>{y(R(_.reportParameters)),c("WAITING_PARAMETER_INPUT")},children:e.jsx(m.FontAwesomeIcon,{icon:"filter"})}):e.jsx(e.Fragment,{}),e.jsx(n.IconButton,{children:e.jsx(m.FontAwesomeIcon,{icon:"refresh",onClick:()=>{L(_,E)}})})]}):e.jsx(e.Fragment,{})]}),e.jsx(n.Box,{sx:{flexGrow:1,width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start"},children:"WAITING_PARAMETER_INPUT"===p&&"Excel"!=_?.reportType?e.jsxs(n.Accordion,{defaultExpanded:!0,sx:{width:"100%"},expanded:!0,children:[e.jsx(n.AccordionSummary,{children:e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(m.FontAwesomeIcon,{style:{marginLeft:5,marginRight:5},icon:"search"}),e.jsx(n.Typography,{component:"span",children:"Filters"})]})}),e.jsx(n.AccordionDetails,{children:e.jsx(n.Box,{children:e.jsx(Yo,{saveButtonSpecs:{label:h("SHOW_REPORT_BTN_LABEL"),icon:"search",actionButtonVariant:"outlined",actionButtonColor:"success",hidden:!0},cancelButtonSpecs:{label:h("RESET_BTN_LABEL"),icon:"eraser",actionButtonVariant:"outlined",actionButtonColor:"error"},apiActions:{deleteRecordById:async()=>!0,saveRecord:async e=>{O(null!=e?e:{}),L(_,e)},reloadData:async()=>{},loadRecordById:async()=>{}},elements:N})})})]}):"SHOWING_RESULT"===p||("WAITING_PARAMETER_INPUT"===p||"WAITING_RESULT"===p)&&"Excel"===_?.reportType?"Excel"===_?.reportType?e.jsx(jo,{reportData:d,setReportData:s,reloadReport:async()=>{L(_,E)},gridLoadParameters:N,gridLoadParametersValues:E,setGridLoadParametersValues:O}):e.jsx("iframe",{src:i,width:"100%",height:"100%",title:"PDF Preview",style:{border:"1px solid #ccc",marginTop:"20px"}}):"ERROR"===p?e.jsxs(n.Box,{sx:{display:"flex",flex:1,alignItems:"center",justifyContent:"center"},children:[e.jsx(m.FontAwesomeIcon,{icon:"circle-exclamation",color:"darkred",style:{marginRight:10,marginLeft:10}}),a]}):e.jsx(e.Fragment,{})})]})},Wo=i=>{const o=B.useNavigate(),a=t.useSelector((e=>e.AppLayout)),{isUserAuthorized:r,UserInfo:d}=Se(),{handleGetRequest:s,handlePostRequest:p}=Ce(),[c,u]=l.useState(null),[T,_]=l.useState([]),{t:f}=I.useTranslation(),[E,O]=l.useState(null),[N,y]=l.useState({referencedDocument:null,workflowDocumentReport:null,workflowDocument:null,workflowDocumentStatus:null,actionsHistory:[],nextActionTakers:null,nextActions:[]}),{Window:h,setWindowState:R}=Ue({windowTitle:"ltr"===a.appDirection?N?.workflowDocument&&N?.referencedDocument?`${N?.workflowDocument?.documentEnName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`:"Document":N?.workflowDocument&&N?.referencedDocument?`${N?.workflowDocument?.documentArName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`:"وثيقة",windowIcon:"eye",width:"80%"}),L=async()=>{await s({endPointURI:"api/v1/public/workflow/doc/info",showMask:!0,parameters:{workflowDocumentCode:i.workFlowDocumentCode,refDocumentId:i.refDocumentId},successCallBkFn:e=>{y(e.data)},failureCallBkFn:()=>{y({referencedDocument:null,workflowDocumentReport:null,workflowDocument:null,workflowDocumentStatus:null,actionsHistory:[],nextActions:[],nextActionTakers:null})}})},C=async()=>{await p({endPointURI:"api/v1/public/workflow/doc/action",showMask:!0,data:{workflowDocumentId:N?.workflowDocument?.id,refDocumentId:i.refDocumentId,actionId:c.id,refDocumentStatus:N?.workflowDocumentStatus?.documentStatusCode,actionComment:E},successCallBkFn:async e=>{c?.post_action_endpoint?await p({endPointURI:c.post_action_endpoint,showMask:!0,loadingMessage:"Processing post action process ... please wait",parameters:{refDocumentId:i.refDocumentId,actionId:c.id},successCallBkFn:()=>{L(),i?.postActionCallBk&&i.postActionCallBk()}}):L()}})};return l.useEffect((()=>{i.refDocumentId&&i.workFlowDocumentCode&&L()}),[i.refDocumentId,i.workFlowDocumentCode]),l.useEffect((()=>{_(N?.nextActions&&N?.nextActions?.length>0?N.nextActions.filter((e=>{if(!N?.workflowDocumentStatus?.nextActionTakersAuthority&&!N?.nextActionTakers)return!0;if(N?.workflowDocumentStatus?.nextActionTakersAuthority&&r(N.workflowDocumentStatus.nextActionTakersAuthority))return!0;if(N?.nextActionTakers)for(const e of N.nextActionTakers)if(d?.username===e?.username||d?.username===e?.USERNAME)return!0;return!1})):[])}),[N.nextActions,N.nextActionTakers]),e.jsxs(e.Fragment,{children:[N?.workflowDocumentReport?.id?e.jsx(h,{children:e.jsx(Go,{reportCode:N?.workflowDocumentReport?.reportCode,resultMode:"App",byPassParameterEntry:!0,reportParametersValues:{doc_id:i.refDocumentId+""}})}):e.jsx(e.Fragment,{}),N?.workflowDocument?e.jsxs(n.Box,{sx:{width:"100%",textAlign:"center",fontSize:20,fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(n.IconButton,{onClick:()=>{o(-1,{replace:!0})},children:e.jsx(m.FontAwesomeIcon,{icon:"arrow-left"})}),e.jsx(n.Box,{sx:{flex:1}}),e.jsx(m.FontAwesomeIcon,{icon:"file",style:{marginRight:10,marginLeft:10}}),"ltr"===a.appDirection?`${N?.workflowDocument?.documentEnName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`:`${N?.workflowDocument?.documentArName} # ${N?.referencedDocument[N?.workflowDocument?.documentNumberField]}`,N?.workflowDocumentStatus?"ltr"===a.appDirection?` ( ${N?.workflowDocumentStatus?.documentStatusEnName} )`:` ( ${N?.workflowDocumentStatus?.documentStatusArName} )`:"",e.jsx(n.Box,{sx:{flex:1}}),N?.workflowDocumentReport?.id?e.jsx(n.Button,{onClick:()=>{R(!0)},variant:"outlined",startIcon:e.jsx(m.FontAwesomeIcon,{icon:"eye"}),children:f("VIEW_LABEL")}):e.jsx(e.Fragment,{})]}):e.jsx(e.Fragment,{}),e.jsxs(n.Box,{sx:{flex:1,width:"100%",overflow:"hidden",display:"flex"},children:[T?.length>0?e.jsxs(n.Paper,{sx:{padding:2,display:"flex",flex:1,margin:1,flexDirection:"column",alignItems:"center",justifyContent:"flex-start",overflow:"hidden"},children:[e.jsx(Xe,{sx:{marginBottom:2,width:400},label:f("WE_AVAILABLE_ACTIONS_LABEL"),displayField:"ltr"===a.appDirection?"document_action_en_name":"document_action_ar_name",valueField:"id",value:c?.id,options:T,onChangeCallBack:(e,t)=>{u(t)}}),e.jsx(je,{sx:{width:400},rows:3,value:E,onChange:e=>{O(e.target.value)},multiline:!0,label:f("WF_COMMENT_LABEL")}),e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:[e.jsx(n.Button,{color:"success",variant:"contained",sx:{width:200,m:1},onClick:async()=>{null!=c&&null!=c?.id?!0!==c.require_comment&&1!==c.require_comment&&"true"!==c.require_comment||null!==E&&""!==E?c?.pre_action_endpoint?await p({endPointURI:c.pre_action_endpoint,showMask:!0,loadingMessage:"Processing pre action validation ... please wait",parameters:{refDocumentId:i.refDocumentId,actionId:c.id},successCallBkFn:()=>{C()}}):C():A.toast.error("You must enter comment for the action to be processed"):A.toast.error("You must select action to process")},children:f("WF_TAKE_ACTION_BTN_LABEL")}),i?.cancelActionCallBk?e.jsx(n.Button,{variant:"contained",sx:{width:200,m:1},color:"error",onClick:()=>{i?.cancelActionCallBk&&i.cancelActionCallBk()},children:f("WF_CANCEL_BTN_LABEL")}):e.jsx(e.Fragment,{})]}),N?.nextActionTakers&&N.nextActionTakers.length>0?e.jsxs(e.Fragment,{children:[e.jsx(n.Divider,{variant:"fullWidth",flexItem:!0,sx:{marginTop:1,marginBottom:1},children:e.jsxs(n.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:"bold"},children:[e.jsx(m.FontAwesomeIcon,{icon:"users",style:{marginRight:10,marginLeft:10}})," ",f("WF_WAITING_FOR_LABEL")]})}),e.jsx(n.Box,{sx:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",overflow:"auto",padding:1,width:"100%"},children:N.nextActionTakers.map((t=>e.jsxs(n.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",border:"1px dotted black",width:400,marginBottom:2,padding:2},children:[e.jsx(Ro,{showAsAvatar:!0,attachmentCode:"EMPLOYEE_PHOTOS",refKey:t?.id||"0",style:{marginRight:2,marginLeft:2,width:60,height:60}}),e.jsxs(n.Box,{sx:{flex:2,display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},children:[e.jsx("div",{children:"ltr"===a.appDirection?t?.employee_en_name:t?.employee_ar_name}),e.jsx("div",{children:t?.email?e.jsxs(e.Fragment,{children:[e.jsx(m.FontAwesomeIcon,{icon:"envelope",style:{marginRight:10,marginLeft:10}}),t?.email]}):e.jsx(e.Fragment,{})}),e.jsx("div",{children:t?.mobile_number?e.jsxs(e.Fragment,{children:[e.jsx(m.FontAwesomeIcon,{icon:"mobile",style:{marginRight:10,marginLeft:10}}),t?.mobile_number]}):e.jsx(e.Fragment,{})})]})]})))})]}):e.jsx(e.Fragment,{})]}):e.jsx(e.Fragment,{}),N?.actionsHistory.length>0?e.jsx(Do,{actionHistory:N.actionsHistory}):e.jsxs(n.Paper,{sx:{display:"flex",flexDirection:"column",flexGrow:1,padding:2,margin:1,alignItems:"center",justifyContent:"center"},children:[e.jsxs(n.Box,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:18,fontWeight:"bold"},children:[e.jsx(m.FontAwesomeIcon,{icon:"history",style:{marginRight:10,marginLeft:10}}),f("WF_ACTION_HISTORY_LABEL")]}),e.jsx(n.Box,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center"},children:"No Action Log available"})]})]})]})},Yo=t=>{const{Window:i,setWindowState:o}=Ue({windowTitle:"Attachments",windowIcon:"paperclip",width:"fit-content",height:"fit-content",minHeight:500,minWidth:400}),{Window:a,setWindowState:r}=Ue({windowTitle:"Approvals",windowIcon:"stamp",width:"fit-content",height:"fit-content",minHeight:500,minWidth:400}),[d,s]=l.useState(!0),{t:p}=I.useTranslation(),c=yo(t.elements),u=[];for(const e of c)e?.hidden&&u.push(e.fieldName);const[T,_]=l.useState(u),f={};for(const e of t.elements)"field"===e?.type&&"props"===e?.mode&&e?.props?.defaultValue&&(f[e.props.fieldName]=e.props.defaultValue);const[E,O]=l.useState([]),N=ce.object(ho(c)),y=w.useForm({resolver:v.zodResolver(N),defaultValues:f}),h=y.watch(),R=B.useParams(),L=t?.formRouteRecordIdParamName,C=async()=>{let e=null;if(t?.recordIdToEdit?e=t.recordIdToEdit:L&&R[L]&&(e=R[L]),e){const i=await t.apiActions.loadRecordById(e);if(i){y.reset({...i}),t?.formLoadCallBk&&t?.formLoadCallBk(D,y,i);for(const e of c)"combobox"===e?.fieldType&&i[e.fieldName]&&y.setValue(e.fieldName,i[e.fieldName]+"")}}else y.reset({})},D={setFieldValue:(e,t)=>{y.setValue(e,t)},hideField:e=>{_((t=>[...t,e]))},showField:e=>{_((t=>t.filter((t=>t!==e))))},disableField:e=>{O((t=>[...t,e]))},enableField:e=>{O((t=>t.filter((t=>t!==e))))}};return l.useEffect((()=>{C()}),[t?.recordIdToEdit]),l.useEffect((()=>{s(!t?.attachment||!t?.attachment?.enableAttachFn||t.attachment.enableAttachFn(h))}),[h]),e.jsxs(e.Fragment,{children:[t?.attachment?e.jsx(i,{children:e.jsx(Co,{attachmentCode:t.attachment.attachmentCode,refKey:h[t?.keyColumnName||"id"],enableAttachment:d})}):e.jsx(e.Fragment,{}),t?.workFlowDocumentCode?e.jsx(a,{children:e.jsx(Wo,{workFlowDocumentCode:t.workFlowDocumentCode,refDocumentId:h[t?.keyColumnName||"id"],postActionCallBk:()=>{r(!1),C()},cancelActionCallBk:()=>{r(!1)}})}):e.jsx(e.Fragment,{}),e.jsx(lo,{sx:{display:"flex",flex:1,width:"100%",height:"fit-content",flexDirection:"column",alignItems:"center",overflow:"auto"},children:e.jsx(n.Grid2,{sx:{width:"100%"},container:!0,children:t.elements.map(((t,i)=>"group"===t.type?e.jsx(fo,{...t.props,formManager:y,formValues:h,formActions:D,hiddenFields:T,disabledFields:E},i):"field"===t.type&&"props"===t.mode?e.jsx(Ao,{fieldInfo:t.props,formManager:y,formValues:h,formActions:D,hiddenFields:T,disabledFields:E},i):"field"===t.type&&"node"===t.mode?e.jsx(n.Grid2,{size:t?.props?.formProps?.fieldSize||{lg:3,md:6,xs:12},sx:{padding:1,width:"100%"},children:e.jsx(t.node,{formManager:y,formValues:h})},i):void 0))})}),e.jsxs(lo,{sx:{display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-start"},children:[h[t?.keyColumnName||"id"]&&t?.attachment?e.jsx(n.Tooltip,{title:"Attachments",children:e.jsx(n.IconButton,{onClick:()=>{o(!0)},children:e.jsx(m.FontAwesomeIcon,{icon:"paperclip"})})}):null,h[t?.keyColumnName||"id"]&&t?.workFlowDocumentCode?e.jsx(n.Tooltip,{title:"Approvals",children:e.jsx(n.IconButton,{onClick:()=>{r(!0)},children:e.jsx(m.FontAwesomeIcon,{icon:"stamp"})})}):null,t?.actions&&h[t?.keyColumnName||"id"]?t.actions.map((t=>!0===t?.formActionProps?.enabled?e.jsx(_o,{...t,record:h}):e.jsx(e.Fragment,{}))):e.jsx(e.Fragment,{}),e.jsx("div",{style:{flex:1}}),e.jsx(n.Button,{variant:t?.saveButtonSpecs?.actionButtonVariant?t.saveButtonSpecs.actionButtonVariant:"contained",sx:{m:1},startIcon:t?.saveButtonSpecs?.icon?e.jsx(m.FontAwesomeIcon,{icon:t.saveButtonSpecs.icon}):null,color:t?.saveButtonSpecs?.actionButtonColor?t.saveButtonSpecs.actionButtonColor:"primary",onClick:y.handleSubmit((e=>{console.log("form values",e),(async e=>{if((!t?.preSaveValidation||t.preSaveValidation(e))&&e){const i=await t.apiActions.saveRecord(e);i&&(y.reset({...i}),t?.formSavedSuccessfullyCallBk&&t.formSavedSuccessfullyCallBk(i),t?.formCloseCallBk&&t.formCloseCallBk())}})(e)}),(e=>{A.toast.error("Form Data is not valid, make sure you have all field with valid data"),console.log("form validation error",e)})),children:p(t?.saveButtonSpecs?.label||"SAVE_BTN_LABEL")}),e.jsx(n.Button,{variant:t?.cancelButtonSpecs?.actionButtonVariant?t.cancelButtonSpecs.actionButtonVariant:"contained",startIcon:t?.cancelButtonSpecs?.icon?e.jsx(m.FontAwesomeIcon,{icon:t.cancelButtonSpecs.icon}):null,color:t?.cancelButtonSpecs?.actionButtonColor?t.cancelButtonSpecs.actionButtonColor:"error",sx:{m:1},onClick:()=>{t?.formCloseCallBk&&t.formCloseCallBk(),y.reset(f)},children:p(t?.cancelButtonSpecs?.label||"CANCEL_BTN_LABEL")})]})]})},Vo=()=>{const{workflowDocumentCode:t,refDocumentId:i}=B.useParams();return e.jsx(Wo,{workFlowDocumentCode:t,refDocumentId:i})},qo=i=>{const{UserSession:o}=Se(),a=t.useSelector((e=>e.AppLayout)),r=t.useDispatch(),{handlePostRequest:d}=Ce(),[s,p]=l.useState(o.value.currentOrganization.id);return e.jsxs(n.Box,{sx:{display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"center",padding:1},children:[e.jsx(Xe,{sx:{width:"100%"},displayField:"ltr"===a.appDirection?"organizationEnName":"organizationArName",valueField:"id",label:"",options:o.value.userOrganizations,value:s,onChangeCallBack:e=>{p(e)}}),e.jsx(n.Button,{sx:{m:1},variant:"contained",disabled:null==s||s===o.value.currentOrganization.id,onClick:async()=>{await d({endPointURI:"api/auth/changeCurrentOrg",showMask:!0,parameters:{username:o.value.username,orgId:s},data:{},successCallBkFn:e=>{const t={...e.data,isAuthenticated:!0};r(Re.setAuthenticated(t)),i.successChangeCallBackFn&&i.successChangeCallBackFn()}})},children:"Change Organization"})]})},Ko=T.createSlice({name:"SideBar",initialState:{isOpened:!1},reducers:{toggleSideBarState:e=>{e.isOpened=!e.isOpened},setSideBarState:(e,t)=>{e.isOpened=t.payload}}}),{toggleSideBarState:Ho,setSideBarState:zo}=Ko.actions;var Qo=Ko.reducer;function Zo(e,t){const i=l.useRef(e);l.useEffect((()=>{i.current=e}),[e]),l.useEffect((()=>{const e=setInterval((()=>i.current?.()),t);return()=>clearInterval(e)}),[t])}const $o=n.keyframes`
   0% { transform: scale(1); opacity: 1; }
   25% { transform: scale(1); opacity: 0.6; }
   50% { transform: scale(1); opacity: 1; }