npm - @esvndev/es-react-table-interface - Versions diffs - 1.8.32 → 1.8.33 - Mend

@esvndev/es-react-table-interface 1.8.32 → 1.8.33

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

Files changed (2) hide show

package/dist/index.js +2 -2
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -798,12 +798,12 @@ li.nav-item.has-sub {
-`,iee=e=>{const{menuCollapsed:t,menu:r,skin:o,menuData:a,onSelectItem:s}=e,[l,c]=n.useState([]),[h,d]=n.useState([]),[u,p]=n.useState([]),[g,m]=n.useState(null),[f,v]=n.useState(!1),y=n.useRef(null);return i.jsx(n.Fragment,{children:i.jsx(tee,{className:Oi("menu-accordion menu-shadow",{expanded:f||!1===t,"menu-light":"semi-dark"!==o&&"dark"!==o,"menu-dark":"semi-dark"===o||"dark"===o}),onMouseEnter:()=>{},onMouseLeave:()=>v(!1),children:r?r({...e}):i.jsxs(n.Fragment,{children:[i.jsx("div",{className:"shadow-bottom",ref:y}),i.jsx("ul",{className:"navigation navigation-main p-0 pe-1",children:i.jsx($9,{items:a,menuData:a,menuHover:f,groupOpen:l,activeItem:g,groupActive:h,setGroupOpen:c,menuCollapsed:t,setActiveItem:e=>{m(e.stateId),s&&s(e)},setGroupActive:d,currentActiveGroup:u,setCurrentActiveGroup:p})})]})})})},nee={isOpen:!1,key:"",eventOpen:e=>{}};function ree(e){const t=atob(e),i=t?.length,n=[];for(let e=0;e<i;e++)n.push(t.charCodeAt(e));return n}const oee=yG(mG);Ct=new Dt("ORg4AjUWIQA/Gnt2VVhiQlFadVlJXmJWf1FpTGpQdk5yd19DaVZUTX1dQl9hSXlTckVmXHtfcHNVRGM="),t.GuidSidebar=e=>{const{stateId:t,t:r=()=>null,disableGuide:o=!1}=e,[a,s]=n.useState(nee.isOpen),[l,c]=n.useState(!1),[h,d]=n.useState(!1),[u,p]=n.useState(""),[g,m]=n.useState([]),[f,v]=n.useState([]),[y,M]=n.useState(!0),[b,w]=n.useState(nee.key),[I,x]=n.useState({}),[N,D]=n.useState(""),[C,S]=n.useState({}),E=n.useRef([]),[A,T]=n.useState([]),[k,z]=n.useState(null),j=_9().shape({name:J6().required(NE(r,["Help_Name","is required"])),stateId:J6().required(NE(r,["Help_StateId","is required"]))}),{control:L,setValue:O,reset:P,watch:F,handleSubmit:H,formState:{errors:B}}=function(e={}){const t=n.useRef(),[i,r]=n.useState({isDirty:!1,isValidating:!1,isLoading:ZN(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},errors:{},defaultValues:ZN(e.defaultValues)?void 0:e.defaultValues});t.current||(t.current={...wD(e,()=>r(e=>({...e}))),formState:i});const o=t.current.control;return o._options=e,zN({subject:o._subjects.state,next:e=>{AN(e,o._proxyFormState,o._updateFormState,!0)&&r({...o._formState})}}),n.useEffect(()=>{e.values&&!cD(e.values,o._defaultValues)?o._reset(e.values,o._options.resetOptions):o._resetDefaultValues()},[e.values,o]),n.useEffect(()=>{o._state.mount||(o._updateValid(),o._state.mount=!0),o._state.watch&&(o._state.watch=!1,o._subjects.state.next({...o._formState})),o._removeUnmounted()}),t.current.formState=SN(i,o),t.current}({mode:"onChange",defaultValues:{refCode:[],content:""},resolver:Q9(j)}),R=e=>{e.preventDefault(),P(),p(""),S({}),x({}),D(""),d(!1),c(!1),q.current&&(q.current.unselectAll&&q.current.unselectAll(),q.current.clearChecked&&q.current.clearChecked()),s(!a),nee.isOpen=!1,nee.key=""},U=e=>{e.preventDefault(),d(!h)},_=()=>{p("Edit"),Object.entries(C).forEach(([e,t])=>{e.includes("Date")||e.includes("date")?O(e,t?new Date(t):void 0):O(e,"refCode"===e?"string"==typeof t?t.split(","):t??[]:t)})},W=()=>{const e={organizationGuid:C.organizationGuid,id:C.id,updatedBy:null,updatedByName:null,updatedDate:null};oee.fire({title:r("Confirm"),text:r("Help_ConfirmDelete"),allowOutsideClick:!1,showCancelButton:!0,confirmButtonText:r("Delete"),cancelButtonText:r("Cancel"),customClass:{confirmButton:"btn btn-primary",cancelButton:"btn btn-danger ms-1"},buttonsStyling:!1}).then(async t=>{t.isConfirmed&&(e=>{const t=`${ID}/api/helppo/delete-help`,i={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${DD()}`},body:JSON.stringify(e)};return fetch(t,i).then(e=>{if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return e.json()})})(e).then(e=>{console.log(e),D(""),Q(),bG(r("Help_DeleteSuccessful"))}).catch(e=>{console.log(e),wG(r("Help_DeleteFail"))})})},V=e=>{(e=>{const t=`${ID}/api/helppo/add-help`,i={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${DD()}`},body:JSON.stringify(e)};return fetch(t,i).then(e=>{if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return e.json()})})({organizationGuid:wE().id,createdBy:null,createdByName:null,createdDate:null,tableColumn:[{id:e.id??ME(),code:e.code,organizationGuid:wE().id,stateId:e.stateId,createdBy:e.createdBy??yE,createdByName:e.createdByName??"",createdDate:e.createdDate??new Date,updatedBy:e.updatedBy??yE,updatedByName:e.updatedByName??"",updatedDate:e.updatedDate??new Date,isActive:e.isActive??!0,sortOrder:e.sortOrder??0,description:e.description,name:e.name,isDelete:e.isDelete??!1,parentId:e.parentId??null,title:e.title,moduleCode:ND,content:e.content,keyword:e.keyword,viewCount:e.viewCount,readMinute:e.readMinute,comment:e.comment,version:e.version,languageCode:e.languageCode,refCode:Array.isArray(e.refCode)?e.refCode.join(","):e.refCode}]}).then(e=>{console.log(e),p(""),Q(),bG(r("Help_AddSuccessful"))}).catch(e=>{console.log(e),wG(r("Help_AddFail"))})},Y=e=>{(e=>{const t=`${ID}/api/helppo/update-help`,i={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${DD()}`},body:JSON.stringify(e)};return fetch(t,i).then(e=>{if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return e.json()})})({organizationGuid:e.organizationGuid,updateBy:null,updateByName:null,updateDate:null,tableColumn:[{id:e.id,code:e.code,organizationGuid:e.organizationGuid,stateId:e.stateId,createdBy:e.createdBy??yE,createdByName:e.createdByName??"",createdDate:e.createdDate??new Date,updatedBy:e.updatedBy??yE,updatedByName:e.updatedByName??"",updatedDate:e.updatedDate??new Date,isActive:e.isActive,sortOrder:e.sortOrder,description:e.description,name:e.name,isDelete:e.isDelete,parentId:e.parentId,title:e.title,moduleCode:e.moduleCode,content:e.content,keyword:e.keyword,viewCount:e.viewCount,fileData:e.fileData?ree(e.fileData):null,readMinute:e.readMinute,comment:e.comment,version:e.version,languageCode:e.languageCode,refCode:Array.isArray(e.refCode)?e.refCode.join(","):e.refCode}]}).then(t=>{console.log(t),p(""),S({}),D(e.content),Q(),bG(r("Help_EditSuccessful"))}).catch(e=>{console.log(e),wG(r("Help_EditFail"))})},Q=()=>{m([]);const e={stateId:b,organizationGuid:wE().id,version:null,moduleCode:ND,code:null,action:"All",type:null};CD(e).then(e=>{E.current=e,m(e);const t=function(e){const t=new Map;for(const i of e)t.set(i.id,{id:i.id,title:i.name??"",stateId:i.stateId,navLink:`/help/${i.moduleCode}`,parent:i.parentId??null,sortOrder:i.sortOrder??0,status:1,resAttributes:{ISBOOKMARKED:"0",VLAYOUT_ICON:i.parentId?"File":"Folder"},children:[]});const i=[];for(const n of e){const e=t.get(n.id);n.parentId&&t.has(n.parentId)?t.get(n.parentId).children.push(e):i.push(e)}const n=e=>{e.sort((e,t)=>e.sortOrder-t.sortOrder),e.forEach(e=>n(e.children))};n(i);const r=e=>e.map(e=>{const t=r(e.children),{children:i,...n}=e;return 0===t.length?{...n}:{...n,children:t}});return r(i)}(e);T(t)}).catch(e=>{console.log(e)})},Z=e=>{const t={stateId:e,organizationGuid:wE().id,version:null,moduleCode:ND,code:null,action:null,type:null};CD(t).then(e=>{x(e[0]),D(e[0]?.content),S(e[0])}).catch(e=>{console.log(e)})};n.useEffect(()=>{let e=0;const t=()=>{const e=wE();return!!e?.id&&(Q(),nee.eventOpen=e=>{s(!0),w(e)},!0)};if(t())return;const i=setInterval(()=>{e++,(t()||e>=10)&&(clearInterval(i),e>=10&&wG(r("Organization not found")))},500);return()=>clearInterval(i)},[nee.isOpen]);n.useEffect(()=>{if(!q.current||!b||0===g?.length||!a)return;const e=g.find(e=>e.stateId===b);if(!e)return;const t=((e,t)=>{const i=new Map(t.map(e=>[e.id,e.parentId])),n=[];let r=i.get(e);for(;r;)n.unshift(r),r=i.get(r);return n})(e.id,g);setTimeout(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{(async()=>{for(const e of t){const t=document.querySelector(`li#${CSS.escape(e)}`);t&&q.current?.expandNode&&(q.current.expandNode(t),await new Promise(e=>setTimeout(e,100)))}q.current.selectedNodes=[e.id],D(I.content),S(I)})()})})},300),d(!0)},[a,g,b]);const q=n.useRef(null),G=(e=>{const t={},i=[];return e.forEach(e=>{t[e.id]={...e,value:e.id,label:e.name,children:[]}}),e.forEach(e=>{const n=t[e.id];e.parentId&&t[e.parentId]?t[e.parentId].children.push(n):i.push(n)}),i})(g),X=g.map(e=>({code:e.code,label:e.name,value:e.stateId,key:e.id}));n.useEffect(()=>{C&&"Edit"===u&&_()},[C]),n.useEffect(()=>{J(k)},[k]);const J=e=>{if(!e||!e.stateId)return;const t=E.current.find(t=>t?.id===e?.id);Z(t?.stateId)};return n.useEffect(()=>{a&&b&&Z(b)},[a,b]),i.jsxs("div",{className:Oi("guidesidebar d-none d-md-block",{open:a,openExtend:l}),children:[!a&&!o&&i.jsxs(i.Fragment,{children:[i.jsx(DE,{className:Oi({"guide-show":!y}),children:i.jsxs("div",{className:"guide-widget",children:[i.jsx("div",{className:"close-icon",children:i.jsx(Yi,{fontSize:14,color:"#fff",onClick:()=>M(!0)})}),i.jsxs("div",{onClick:R,children:[i.jsx("div",{className:"px-75",children:i.jsx("img",{src:"data:image/png;base64,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",alt:"",style:{maxWidth:65}})}),i.jsx("div",{className:"guide-widget-content",children:i.jsx("span",{children:r("Help function")})})]})]})}),i.jsx(CE,{className:Oi({"guide-widget-icon-show":y}),children:i.jsx("div",{className:"cursor-pointer",onClick:()=>M(!1),children:i.jsx("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUQSURBVHgBvVZLbBtVFD3zsyd27NhJnDRtVZyqfFqgSRCiUiuVNiyQQGpd0Q8LpCQbhNjQbrpNskFsUMOCil1dJL4tIkCphFBJEFKFkEotRAu00Ex/pHbieOz4M/Z7M4/3bFKaNvEnkTiWPR/feWfuvefe+4AaSBxQBtNHm1nyoDqM/xOJ/UrUubKJ5aMdbOaQdrieZ6YiCExH9HA1Gxk1IEGO0SkL+nY/XBv14RRftJr97EFtoHVz85R3q2tq9iUlsmJilZJofjJtinPXI00Bqqq9y9kmD2lvNPW3RH1DawLaFk/VdWsSB8dhkqu50cI5E3KXCxJjS3o8/TLC2lbP4ab+AJjloDBpGu2f2ePLrauiDoROO2MJKWXKkJ8lth1bykYjSq/+tC9spyhyHyeM4h1rd7U1JfEzs189Jkks4ADfd5yyo1gBEge0Xi2knmB5xyyaxaGucRjV7KXEAfR6+9sv6jv8KF3Ow/ohPWndLiz7oFCsT1Mi7G7I5VjoNJ1Egyh7PDfonvC93rVLCahweKgyJ+Ox1uOFvnsNRQ7duvuEq8e7S+G5llt9nNMD+9Y0rB8zBk2S0UaiVSYWJWIHXWOenYEB7XEPSheyyH2X7us4Rcr5FFHR1nknfIM7AsqGfQBNgvGPOCJ7pryQdT6Dwtm5sbZP6ZH7SXgqd/HDXkmSAjxSpkrpqHS/AWOISBJMHr6RBU/1gD7hP/pqWO7YC7A8WIaT5c494EXx5yyynyePhD4hY+JapKWl1XXC/Yw/4n6qGTKPaOm3PLLvx/ctUvW/uZq8955mK8O+13ZWSMktsOTbgJPHUhCL82ZzLFU0o6IMm1X1sG9gTUSkRoBes1D4JhUTlVG1nEQKlM3eQblzC2Dz8M4dX5b07os+6YV1IctbKx1hkjSe/SgxILe5YN8uGnaWfCFKU9hVJRZdyt2t8wTGeFOIccVPwZ4uQX8uACHEpaC2a5B8crm7VTRCuvkCD9hV7Vy8tsPqWlc5xOIrcT3JQRXk0n9eE16CogwX4GQpFLfcgxqo3rkcmKITqd2VSzevdSEgoWDHpOXWuCAYbaMORp3KCyuSgRqo6rFi25OUh3bRA5yoiYfa82Jr5ZpHQJxzMjhxwkXvgCZKBlZDLJRp37CMe+85/EVEfglXqJhAQskaVy29YYERBnK9CMakk1gNcZkoRRcNBZuHWJQHEeF9yA17loAYFVJwr8nF+Wg9LbTmdKJZO02utsKxbK6k2xChFwJy8jZvlyUwh1UMOWnuq6RRnCuNog7UJJa9wZaS8QTUh7fBvnkZyiaCwnkL9OZZkKAMdb1dJs1/PRdL81HYzdODOlDHPGagRQtk4iRkmU/k9g1cYGvg6tkDaf1jKP01AfL7t0YjpHURS4W0MXvlFzQH26C3rYMtZsOda0AmAdz4FUgneJ7pUCOkAkq1PzNfvjsYn5t/q6D5kXMUzJRUpDM5XsNxEH8nJEogm3+/E/pw/j00iKqqZu1rA13Pv4LOUBD+tAFf+jo8uTvIqT5YiVuYN1OmkoqPYAWQahlMHxuaUvteCLuKJtiMAefmJRQzKd7HdeguF1gh2dfx5vkYGkRNYj6jR2Y7e4etR/uhdm1CwO+Fqihwg0D1tIz7t+/ZhxWgJnF5A78tkkIozGv4T+TyFvLzGTOY+iPW9UF6N1aIuvbV9MKZURRz0MI98Mslsz3+0+7VkArU9HgBYgukUjWcpTTWaOkshX8AqKdcZecSWcQAAAAASUVORK5CYII=",alt:"",style:{maxWidth:65}})})})]}),i.jsxs("div",{className:"guidesidebar-header px-2 pt-1 pb-0 position-relative d-flex justify-content-between align-items-center",children:[i.jsxs("h4",{className:"mb-0",children:[i.jsx("a",{href:"/",className:"",onClick:e=>{e.preventDefault(),c(!l)},style:{paddingRight:"5px"},children:!1===l?i.jsx(Ri,{}):i.jsx(_i,{})}),r("Help function")]}),i.jsxs("div",{className:"d-flex align-items-center",style:{marginRight:"10px"},children:[i.jsx("div",{className:"bar__action-left"}),i.jsxs("div",{className:"bar__action-right d-flex",children:[""!==u&&i.jsxs(i.Fragment,{children:[i.jsx(Jx,{className:"me-1",onClick:()=>{p("")},variant:"outlined",children:"View"}),i.jsx(Jx,{className:"me-1",onClick:()=>{},variant:"outlined",children:"Publish"}),"Add"===u&&i.jsx(Jx,{className:"me-1",type:"primary",onClick:()=>{H(V)()},children:r("Save")}),"Edit"===u&&i.jsx(Jx,{className:"me-1",type:"primary",onClick:()=>{H(Y)()},children:r("Save")})]}),""===u&&i.jsxs(i.Fragment,{children:[i.jsx(Jx,{className:"me-1",onClick:()=>(P(),p("Add"),S({}),D(""),void x({})),type:"primary",children:r("Add")}),i.jsx(Jx,{className:"me-1",onClick:()=>_(),type:"primary",children:r("Edit")}),i.jsx(Jx,{className:"me-1",onClick:()=>W(),type:"primary",children:r("Delete")})]})]})]}),i.jsx("a",{href:"/",className:"guidesidebar-close",onClick:R,children:i.jsx(Yi,{})})]}),i.jsx("hr",{style:{marginBottom:"0px"}}),i.jsx(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content view",children:i.jsxs("div",{className:"guide-layout d-flex",children:[i.jsx("div",{className:"guide-tree "+(!0===h?"collapsed":"expanded"),children:i.jsxs(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content view",children:[i.jsxs("h4",{className:"mb-0 d-flex align-items-center justify-content-between",children:[i.jsx("span",{children:r("Help content")}),i.jsx("button",{type:"button",onClick:U,style:{background:"none",border:"none",cursor:"pointer",paddingLeft:"5px"},children:i.jsx(Ui,{})})]}),i.jsx("div",{className:"control-pane custom-treeview",children:i.jsx("div",{className:"control-section",children:i.jsx("div",{className:"tree-control_wrapper custom-treeview",children:i.jsx(iee,{menuData:A,onSelectItem:e=>{z(e)}})})})})]})}),!0===h&&i.jsx("div",{style:{padding:"0.75rem"},children:i.jsx("button",{type:"button",onClick:U,style:{background:"none",border:"none",cursor:"pointer"},children:i.jsx(Ui,{})})}),i.jsx("div",{className:"guide-detail",children:i.jsxs(i.Fragment,{children:[""===u&&i.jsx(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content view",children:N&&i.jsx("div",{dangerouslySetInnerHTML:{__html:N},style:{paddingLeft:"10px"}})}),("Add"===u||"Edit"===u)&&i.jsx(i.Fragment,{children:i.jsx("div",{style:{flex:1,overflow:"hidden"},children:i.jsx(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content",children:i.jsxs(to,{className:"mb-1",children:[i.jsx(uo,{md:6,xs:12,children:i.jsx(SE,{control:L,name:"name",label:r("Help_Name"),required:!0,labelSize:"label-small",inLine:!1,errors:B.name})}),i.jsx(uo,{md:3,xs:12,children:i.jsx(SE,{control:L,name:"stateId",label:r("Help_StateId"),required:!0,labelSize:"label-small",inLine:!1,errors:B.stateId,disabled:"Edit"===u})}),i.jsx(uo,{md:3,xs:12,children:i.jsx(SE,{control:L,name:"sortOrder",label:r("STT"),labelSize:"label-small",inLine:!1,type:"number"})}),i.jsx(uo,{lg:6,md:12,xs:12,children:i.jsx(hX,{control:L,name:"parentId",watch:F,label:r("Help_SelectParentCategory"),options:G,labelSize:"label-small",inLine:!1,callback:e=>{O("parentId",e?.value)}})}),i.jsx(uo,{lg:6,md:12,xs:12,children:i.jsx(P0,{control:L,name:"refCode",label:r("Help_RefCode"),options:X,labelSize:"label-small",inLine:!1,isMulti:!0})}),i.jsx(uo,{md:12,xs:12,children:i.jsx(SE,{control:L,name:"description",label:r("Help_Description"),labelSize:"label-small",inLine:!1,type:"textarea",row:1})}),i.jsx(uo,{lg:12,md:12,xs:12,children:i.jsx(fY,{editorTab:!0,labelSize:"label-small",control:L,name:"content",label:r("Help_Content"),placeholder:r("Enter description"),required:!0,inLine:!1,height:800})}),i.jsx(IG,{userSubject:b,typeModal:u,listFile:f,setListFile:v,dataItem:g,listObjectDate:[""]})]})})})})]})})]})})]})},t.HelpEventClose=function(){nee.isOpen=!1},t.HelpEventOpen=function(e){nee.isOpen=!0,nee.key=e,nee.eventOpen(e)},t.statusHelp=nee}(CYe,CYe.exports);T('@charset "UTF-8";\n.react-select-table .select-table-control {\n  opacity: 1;\n  border: 1px solid hsl(0, 0%, 80%);\n  border-radius: 0.357rem;\n  width: 100%;\n  height: 28px;\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  padding: 2px 8px;\n}\n.react-select-table .select-table-control .select-table-indicator svg {\n  fill: #c4c4c4 !important;\n}\n.react-select-table .select-table-control.r-select-is-open .select-table-indicator svg {\n  fill: rgba(0, 0, 0, 0.6862745098) !important;\n}\n.react-select-table .select-table-control.r-select-is-invalid {\n  border: 1px solid red !important;\n}\n.react-select-table .select-table-control.r-select-is-focus {\n  border: 1px solid #1989fa !important;\n}\n.react-select-table .select-table-control.r-select-is-disabled {\n  background-color: #efefef !important;\n}\n.react-select-table .select-table-control .select-table-container {\n  position: relative;\n  flex: 1;\n}\n.react-select-table .select-table-control .select-table-container .input-container {\n  background-color: transparent;\n  white-space: nowrap;\n  top: 0px;\n  left: 0px;\n  display: inline;\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input {\n  background-color: transparent;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box;\n  margin-left: -3px;\n  border: none;\n  /* Loại bỏ border */\n  outline: none;\n  /* Loại bỏ outline khi input được chọn */\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input:focus {\n  border-width: 0px !important;\n}\n.react-select-table .select-table-control .select-table-container .select-placeholder {\n  position: absolute;\n  color: #283046;\n  margin-top: 1px;\n  background-color: transparent;\n}\n.react-select-table .select-table-control .select-table-container .select-value {\n  position: absolute;\n  background-color: transparent;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.react-select-table .formula-dropdown {\n  min-width: min-content !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.react-select-table input::placeholder {\n  color: #000000 !important;\n  opacity: 1;\n  /* Firefox */\n}\n\n.r-select-grid.r-select-tree-grid .r-select-gridtable .r-select-row:hover {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619;\n}\n\n.r-select-grid {\n  font-size: 12px;\n  font-family: Montserrat, Helvetica, Arial, serif;\n  font-weight: 500 !important;\n  border-radius: 4px !important;\n  overflow: hidden;\n}\n.r-select-grid table {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0px;\n}\n.r-select-grid .r-select-gridtable {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: auto;\n  position: relative;\n  background-color: #ffffff;\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-weight: 400 !important;\n  font-size: 13px !important;\n  /* Toàn bộ thanh cuộn */\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-track {\n  background: #FCFCFC;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  border-radius: 6px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell {\n  color: rgba(0, 0, 0, 0.6862745098) !important;\n  position: sticky;\n  padding: 0px;\n  height: 35px;\n  z-index: 1;\n  border-width: 0px;\n  line-height: 16px;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-div {\n  border-bottom: 1px solid #e0e0e0;\n  background-color: #fafafa;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  padding: 5px 10px;\n  height: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-text {\n  width: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row {\n  background-color: #ffffff;\n  cursor: pointer;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .cell-fixed {\n  position: sticky;\n  z-index: 1;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.fisrt-row .r-select-rowcell {\n  border-top-width: 0px !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.last-row .r-select-rowcell {\n  border-bottom: 1px solid #e0e0e0;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell {\n  border-top: 1px solid #e0e0e0;\n  height: 30px !important;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding: 7px 9px;\n  vertical-align: middle !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-move {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619 !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-active {\n  background-color: #eb4619 !important;\n  color: #ffffff !important;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden {\n  display: none;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden ::after {\n  display: none;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand {\n  transition: transform 0.3s ease !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand.is-open {\n  transform: rotate(90deg) !important;\n  -moz-transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n  -o-transform: rotate(90deg);\n}\n.r-select-grid .r-select-gridtable.no-header .r-select-rowcell {\n  border: none !important;\n}\n.r-select-grid .r-no-data {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 7px 9px;\n  color: #8f8f8f;\n}\n.r-select-grid .r-select-footer {\n  height: 30px;\n  background-color: #fafafa;\n}\n.r-select-grid .r-select-footer button {\n  font-weight: 400 !important;\n  font-size: 13px;\n}\n.r-select-grid .r-select-footer .r-btn {\n  border-width: 0px !important;\n}\n\n.r-pagesize .react-select-table .select-table-control {\n  border-radius: 0px;\n  border: 0px;\n  border-bottom: 1px solid #e0e0e0 !important;\n}\n.r-pagesize .react-select-table .select-table-control.r-select-is-focus {\n  border: 0px !important;\n  border-bottom: 1px solid #1989fa !important;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -400px;\n  padding: 0;\n  background-color: #fff;\n  z-index: 1051;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  height: 100vh;\n  height: calc(var(--vh, 1vh) * 100);\n  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n  backface-visibility: hidden;\n  border-left: 1px solid rgba(34, 41, 47, 0.05);\n}\n.r-sidebar.open {\n  box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);\n  right: 0;\n}\n.r-sidebar .modal-header {\n  background-color: #fff;\n}\n.r-sidebar .modal-header .btn-close {\n  padding: 0.8rem;\n  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);\n  border-radius: 0.357rem;\n  background-color: #fff;\n  opacity: 1;\n  transition: all 0.23s ease 0.1s;\n  position: relative;\n  transform: translate(18px, -10px);\n}\n.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {\n  opacity: 1;\n  outline: none;\n  transform: translate(15px, -2px);\n  box-shadow: none;\n}\n\n.r-sidebar .react-select {\n  max-width: 100%;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -100vw;\n  height: 100vh;\n}\n.r-sidebar.customizer-md {\n  width: 600px;\n}\n.r-sidebar.customizer-lg {\n  width: 800px;\n}\n.r-sidebar.customizer-500 {\n  width: 500px;\n}\n@media (max-width: 500px) {\n  .r-sidebar.customizer-500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-600 {\n  width: 600px;\n}\n@media (max-width: 600px) {\n  .r-sidebar.customizer-600 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-700 {\n  width: 700px;\n}\n@media (max-width: 700px) {\n  .r-sidebar.customizer-700 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-800 {\n  width: 800px;\n}\n@media (max-width: 800px) {\n  .r-sidebar.customizer-800 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-900 {\n  width: 900px;\n}\n@media (max-width: 900px) {\n  .r-sidebar.customizer-900 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1000 {\n  width: 1000px;\n}\n@media (max-width: 1000px) {\n  .r-sidebar.customizer-1000 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1500 {\n  width: 1500px;\n}\n@media (max-width: 1500px) {\n  .r-sidebar.customizer-1500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.fullscreen {\n  width: 100%;\n}\n.r-sidebar.open {\n  right: 0;\n}\n\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow,\n.react-datepicker__navigation-icon::before {\n  border-color: #aeaeae;\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  content: "";\n  display: block;\n  height: 9px;\n  position: absolute;\n  top: 6px;\n  width: 9px;\n}\n\n.react-datepicker-wrapper {\n  display: inline-block;\n  width: 100% !important;\n  padding: 0;\n  border: 0;\n}\n.react-datepicker-wrapper .react-datepicker__input-container input {\n  height: 29px !important;\n}\n\n.react-datepicker {\n  font-family: "Helvetica Neue", helvetica, arial, sans-serif;\n  font-size: 0.8rem;\n  background-color: #fff;\n  color: #000;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  display: inline-block;\n  position: relative;\n  line-height: initial;\n}\n\n.react-datepicker--time-only .react-datepicker__time-container {\n  border-left: 0;\n}\n\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker-popper {\n  position: relative;\n  line-height: 0;\n}\n\n.react-datepicker-popper .react-datepicker__triangle {\n  stroke: #aeaeae;\n}\n\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n  fill: #f0f0f0;\n  color: #f0f0f0;\n}\n\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n  fill: #fff;\n  color: #fff;\n}\n\n.react-datepicker__header {\n  text-align: center;\n  background-color: #FFF;\n  border-bottom: 1px solid #aeaeae;\n  border-top-left-radius: 0.3rem;\n  padding: 8px 0;\n  position: relative;\n}\n\n.react-datepicker__header--time {\n  padding-bottom: 8px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n  border-top-left-radius: 0;\n}\n\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n  display: inline-block;\n  margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n  margin-top: 0;\n  color: #000;\n  font-weight: bold;\n  font-size: 0.944rem;\n}\n\nh2.react-datepicker__current-month {\n  padding: 0;\n  margin: 0;\n}\n\n.react-datepicker-time__header {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation {\n  align-items: center;\n  background: none;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  position: absolute;\n  top: 2px;\n  padding: 0;\n  border: none;\n  z-index: 1;\n  height: 32px;\n  width: 32px;\n  text-indent: -999em;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation--previous {\n  left: 2px;\n}\n\n.react-datepicker__navigation--next {\n  right: 2px;\n}\n\n.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n  right: 85px;\n}\n\n.react-datepicker__navigation--years {\n  position: relative;\n  top: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.react-datepicker__navigation--years-previous {\n  top: 4px;\n}\n\n.react-datepicker__navigation--years-upcoming {\n  top: -4px;\n}\n\n.react-datepicker__navigation:hover *::before {\n  border-color: #eb4619;\n}\n\n.react-datepicker__navigation-icon {\n  position: relative;\n  top: -1px;\n  font-size: 20px;\n  width: 0;\n}\n\n.react-datepicker__navigation-icon--next {\n  left: -2px;\n}\n\n.react-datepicker__navigation-icon--next::before {\n  transform: rotate(45deg);\n  left: -7px;\n}\n\n.react-datepicker__navigation-icon--previous {\n  right: -2px;\n}\n\n.react-datepicker__navigation-icon--previous::before {\n  transform: rotate(225deg);\n  right: -7px;\n}\n\n.react-datepicker__month-container {\n  float: left;\n}\n\n.react-datepicker__year {\n  margin: 0.4rem;\n  text-align: center;\n}\n\n.react-datepicker__year-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 180px;\n}\n\n.react-datepicker__year .react-datepicker__year-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__month {\n  margin: 0.4rem;\n  text-align: center;\n}\n\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n  clear: both;\n  width: 100%;\n  float: left;\n  margin: 5px 0 10px 15px;\n  text-align: left;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n  display: inline-block;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container {\n  display: inline-block;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n  display: inline-block;\n  margin-left: 10px;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n  width: auto;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n  margin-left: 5px;\n  display: inline-block;\n}\n\n.react-datepicker__time-container {\n  float: right;\n  border-left: 1px solid #aeaeae;\n  width: 85px;\n}\n\n.react-datepicker__time-container--with-today-button {\n  display: inline;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  position: absolute;\n  right: -87px;\n  top: 0;\n}\n\n.react-datepicker__time-container .react-datepicker__time {\n  position: relative;\n  background: white;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n  width: 85px;\n  overflow-x: hidden;\n  margin: 0 auto;\n  text-align: center;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n  list-style: none;\n  margin: 0;\n  height: calc(195px + 0.85rem);\n  overflow-y: scroll;\n  padding-right: 0;\n  padding-left: 0;\n  width: 100%;\n  box-sizing: content-box;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {\n  height: 30px;\n  padding: 5px 10px;\n  white-space: nowrap;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {\n  cursor: pointer;\n  background-color: #f0f0f0;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {\n  background-color: #216ba5;\n  color: white;\n  font-weight: bold;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {\n  background-color: #216ba5;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {\n  color: #ccc;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n\n.react-datepicker__week-number {\n  color: #ccc;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n  cursor: pointer;\n}\n\n.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,\n.react-datepicker__week-number--keyboard-selected):hover {\n  border-radius: 0.3rem;\n  background-color: #f0f0f0;\n}\n\n.react-datepicker__week-number--selected {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n\n.react-datepicker__week-number--selected:hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__week-number--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: rgb(41.5, 134.5606060606, 207.5);\n  color: #fff;\n}\n\n.react-datepicker__week-number--keyboard-selected:hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__day-names {\n  white-space: nowrap;\n  margin-bottom: -8px;\n}\n\n.react-datepicker__week {\n  white-space: nowrap;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n  color: #000;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n  cursor: pointer;\n}\n\n.react-datepicker__day:not([aria-disabled=true]):hover,\n.react-datepicker__month-text:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text:not([aria-disabled=true]):hover,\n.react-datepicker__year-text:not([aria-disabled=true]):hover {\n  border-radius: 0.3rem;\n  background-color: #FFF;\n}\n\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n  font-weight: bold;\n}\n\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n  border-radius: 0.3rem;\n  background-color: #3dcc4a;\n  color: #fff;\n}\n\n.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {\n  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n  color: magenta;\n}\n\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n  color: green;\n}\n\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n  position: relative;\n  border-radius: 0.3rem;\n  background-color: #ff6803;\n  color: #fff;\n}\n\n.react-datepicker__day--holidays .overlay,\n.react-datepicker__month-text--holidays .overlay,\n.react-datepicker__quarter-text--holidays .overlay,\n.react-datepicker__year-text--holidays .overlay {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__day--holidays:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {\n  background-color: rgb(207, 82.9642857143, 0);\n}\n\n.react-datepicker__day--holidays:hover .overlay,\n.react-datepicker__month-text--holidays:hover .overlay,\n.react-datepicker__quarter-text--holidays:hover .overlay,\n.react-datepicker__year-text--holidays:hover .overlay {\n  visibility: visible;\n  opacity: 1;\n}\n\n.react-datepicker__day--selected,\n.react-datepicker__day--in-selecting-range,\n.react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n\n.react-datepicker__day--selected:not([aria-disabled=true]):hover,\n.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__day--in-range:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: rgb(186.25, 217.0833333333, 241.25);\n  color: rgb(0, 0, 0);\n}\n\n.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range) {\n  background-color: rgba(33, 107, 165, 0.5);\n}\n\n.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range) {\n  background-color: #f0f0f0;\n  color: #000;\n}\n\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n  cursor: default;\n  color: #ccc;\n}\n\n.react-datepicker__day--disabled .overlay,\n.react-datepicker__month-text--disabled .overlay,\n.react-datepicker__quarter-text--disabled .overlay,\n.react-datepicker__year-text--disabled .overlay {\n  position: absolute;\n  bottom: 70%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__input-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n  position: absolute;\n  padding: 0.5rem;\n  box-sizing: content-box;\n}\n\n.react-datepicker__view-calendar-icon input {\n  padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n  border: 1px solid transparent;\n  border-radius: 0.3rem;\n  position: relative;\n}\n\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n  cursor: pointer;\n}\n\n.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n  border-top-color: rgb(178.5, 178.5, 178.5);\n}\n\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n  transform: rotate(135deg);\n  right: -16px;\n  top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n  background-color: #f0f0f0;\n  position: absolute;\n  width: 50%;\n  left: 25%;\n  top: 30px;\n  z-index: 1;\n  text-align: center;\n  border-radius: 0.3rem;\n  border: 1px solid #aeaeae;\n}\n\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n  cursor: pointer;\n}\n\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n  height: 150px;\n  overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n  line-height: 20px;\n  width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n  border-top-left-radius: 0.3rem;\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n  background-color: #ccc;\n}\n\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n  border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n  border-top-color: rgb(178.5, 178.5, 178.5);\n}\n\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n  position: absolute;\n  left: 15px;\n}\n\n.react-datepicker__close-icon {\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  padding: 0 6px 0 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.react-datepicker__close-icon::after {\n  cursor: pointer;\n  background-color: #216ba5;\n  color: #fff;\n  border-radius: 50%;\n  height: 16px;\n  width: 16px;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  display: table-cell;\n  vertical-align: middle;\n  content: "×";\n}\n\n.react-datepicker__close-icon--disabled {\n  cursor: default;\n}\n\n.react-datepicker__close-icon--disabled::after {\n  cursor: default;\n  background-color: #ccc;\n}\n\n.react-datepicker__today-button {\n  background: #f0f0f0;\n  border-top: 1px solid #aeaeae;\n  cursor: pointer;\n  text-align: center;\n  font-weight: bold;\n  padding: 5px 0;\n  clear: left;\n}\n\n.react-datepicker__portal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  z-index: 2147483647;\n}\n\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n  width: 3rem;\n  line-height: 3rem;\n}\n\n@media (max-width: 400px), (max-height: 550px) {\n  .react-datepicker__portal .react-datepicker__day-name,\n  .react-datepicker__portal .react-datepicker__day,\n  .react-datepicker__portal .react-datepicker__time-name {\n    width: 2rem;\n    line-height: 2rem;\n  }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n  font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n  width: 13.8rem;\n  margin: 0.4rem;\n  padding-right: 0.2rem;\n  padding-left: 0.2rem;\n  height: auto;\n}\n\n.react-datepicker__aria-live {\n  position: absolute;\n  clip-path: circle(0);\n  border: 0;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.125em;\n}\n\n.react-datepicker-popper {\n  z-index: 999 !important;\n  position: fixed !important;\n}\n.react-datepicker-popper .react-datepicker__current-month {\n  color: rgba(0, 0, 0, 0.9) !important;\n  font-weight: 500 !important;\n  display: none;\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown {\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container {\n  margin: 0px 3px 0px 0px;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {\n  margin: 0px 0px 0px 3px;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select:focus,\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select:focus {\n  border: 1px solid #1989fa !important;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown {\n  /* Giao diện của menu dropdown (tháng và năm) */\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select,\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select {\n  background-color: #FFF;\n  height: 22px;\n  border-radius: 2px;\n  padding: 2px 0;\n  border: 1px solid hsl(0, 0%, 80%);\n  outline: none;\n}\n.react-datepicker-popper .react-datepicker__navigation {\n  margin-top: 4px;\n  color: #eb4619;\n}\n.react-datepicker-popper .react-datepicker__day-name {\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__day {\n  outline: none;\n  border-radius: 20px !important;\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__day:hover {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n}\n.react-datepicker-popper .react-datepicker__day--today {\n  color: #eb4619;\n}\n.react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--selected {\n  color: #fff;\n}\n.react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--keyboard-selected {\n  background-color: rgba(235, 70, 25, 0.1);\n}\n.react-datepicker-popper .react-datepicker__day--selected {\n  background-color: #eb4619 !important;\n}\n\n.tab-custom {\n  font-family: Roboto, "Segoe UI", GeezaPro, "DejaVu Serif", "sans-serif", -apple-system, BlinkMacSystemFont;\n  display: flex;\n}\n.tab-custom.tab-parent {\n  border-bottom: solid 1px #c9c9c9;\n}\n.tab-custom .btn-scroll {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.tab-custom .tab-component::-webkit-scrollbar {\n  display: none; /* Ẩn thanh cuộn nếu không cần */\n}\n.tab-custom .tab-component {\n  white-space: nowrap;\n  overflow-x: hidden;\n  scroll-behavior: smooth;\n}\n.tab-custom .tab-component > * {\n  display: inline-block;\n}\n.tab-custom .tab-component .tab-custom-item {\n  display: inline-block;\n  padding: 3px 10px;\n  line-height: 23px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  text-transform: uppercase;\n  height: 30px;\n  color: rgba(0, 0, 0, 0.5);\n}\n.tab-custom .tab-component .tab-custom-item.active {\n  border-bottom: solid 2px #eb4619 !important;\n  color: #eb4619;\n}\n.tab-custom.tab-child .tab-custom-item {\n  font-size: 12px !important;\n  line-height: 23px !important;\n  border-radius: 5px 5px 0px 0px;\n  margin: 8px 3px 0px 3px;\n  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n}\n\n.bs-stepper {\n  background-color: #fff;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);\n  border-radius: 0.5rem;\n}\n.bs-stepper .bs-stepper-header {\n  padding: 1.5rem 1.5rem;\n  flex-wrap: wrap;\n  border-bottom: 1px solid rgba(34, 41, 47, 0.08);\n  margin: 0;\n}\n.bs-stepper .bs-stepper-header .line {\n  flex: 0;\n  min-width: auto;\n  min-height: auto;\n  background-color: transparent;\n  margin: 0;\n  padding: 0 1.75rem;\n  color: #283046;\n  font-size: 1.5rem;\n}\n.bs-stepper .bs-stepper-header .step {\n  margin-bottom: 0.25rem;\n  margin-top: 0.25rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger {\n  flex-wrap: nowrap;\n  padding: 0;\n  font-weight: normal;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  padding: 0.5em 0;\n  font-weight: 500;\n  color: #babfc7;\n  background-color: rgba(186, 191, 199, 0.12);\n  border-radius: 0.35rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {\n  text-align: left;\n  margin: 0;\n  margin-top: 0.5rem;\n  margin-left: 1rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n  display: inherit;\n  color: #283046;\n  font-weight: 600;\n  line-height: 1rem;\n  margin-bottom: 0rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n  font-weight: 400;\n  font-size: 0.85rem;\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger:hover {\n  background-color: transparent;\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n  background-color: #eb4619;\n  color: #fff;\n  box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {\n  background-color: rgba(235, 70, 25, 0.12);\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step.crossed + .line {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-content {\n  padding: 1.5rem 1.5rem;\n}\n.bs-stepper .bs-stepper-content .content {\n  margin-left: 0;\n}\n.bs-stepper .bs-stepper-content .content .content-header {\n  margin-bottom: 1rem;\n}\n.bs-stepper.vertical .bs-stepper-header {\n  border-right: 1px solid #ebe9f1;\n  border-bottom: none;\n}\n.bs-stepper.vertical .bs-stepper-header .step .step-trigger {\n  padding: 1rem 0;\n}\n.bs-stepper.vertical .bs-stepper-header .line {\n  display: none;\n}\n.bs-stepper.vertical .bs-stepper-content {\n  width: 100%;\n  padding-top: 2.5rem;\n}\n.bs-stepper.vertical .bs-stepper-content .content:not(.active) {\n  display: none;\n}\n.bs-stepper.vertical.wizard-icons .step {\n  text-align: center;\n}\n.bs-stepper.wizard-modern {\n  background-color: transparent;\n  box-shadow: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-header {\n  border: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-content {\n  background-color: #fff;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);\n}\n\n.horizontal-wizard,\n.vertical-wizard,\n.modern-horizontal-wizard,\n.modern-vertical-wizard {\n  margin-bottom: 2.2rem;\n}\n\n.dark-layout .bs-stepper {\n  background-color: #283046;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);\n}\n.dark-layout .bs-stepper .bs-stepper-header {\n  border-bottom: 1px solid rgba(59, 66, 83, 0.08);\n}\n.dark-layout .bs-stepper .bs-stepper-header .line {\n  color: #b4b7bd;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n  color: #babfc7;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #b4b7bd;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n  color: #676d7d;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n  background-color: #eb4619;\n  color: #fff;\n  box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #eb4619;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label,\n.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {\n  color: #676d7d;\n}\n.dark-layout .bs-stepper.vertical .bs-stepper-header {\n  border-right-color: #3b4253;\n}\n.dark-layout .bs-stepper.wizard-modern {\n  background-color: transparent;\n  box-shadow: none;\n}\n.dark-layout .bs-stepper.wizard-modern .bs-stepper-header {\n  border: none;\n}\n.dark-layout .bs-stepper.wizard-modern .bs-stepper-content {\n  background-color: #283046;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);\n}\n\nhtml[data-textdirection=rtl] .btn-prev,\nhtml[data-textdirection=rtl] .btn-next {\n  display: flex;\n}\nhtml[data-textdirection=rtl] .btn-prev i,\nhtml[data-textdirection=rtl] .btn-prev svg,\nhtml[data-textdirection=rtl] .btn-next i,\nhtml[data-textdirection=rtl] .btn-next svg {\n  transform: rotate(-180deg);\n}\n\n@media (max-width: 992px) {\n  .bs-stepper .bs-stepper-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .bs-stepper .bs-stepper-header .step .step-trigger {\n    padding: 0.5rem 0 !important;\n    flex-direction: row;\n  }\n  .bs-stepper .bs-stepper-header .line {\n    display: none;\n  }\n  .bs-stepper.vertical {\n    flex-direction: column;\n  }\n  .bs-stepper.vertical .bs-stepper-header {\n    align-items: flex-start;\n  }\n  .bs-stepper.vertical .bs-stepper-content {\n    padding-top: 1.5rem;\n  }\n}\n.r-tooltip .tooltip-inner {\n  font-size: 11px !important;\n}\n.r-tooltip.tooltip-error ::before {\n  border-top-color: rgb(235, 78, 78) !important;\n}\n.r-tooltip.tooltip-error .tooltip-inner {\n  background-color: rgb(235, 78, 78) !important;\n}\n\n.btn-input-style {\n  font-weight: 500;\n  text-transform: uppercase;\n  border: 1px solid #e0e0e0;\n  border-radius: 5px;\n  margin-left: 3px;\n  height: 28px !important;\n  padding: 2px 5px;\n  cursor: pointer;\n}\n.btn-input-style:hover {\n  background-color: rgba(235, 70, 25, 0.1);\n  color: #eb4619;\n}\n.btn-input-style.active-custom {\n  background-color: #eb4619 !important;\n  color: #ffffff !important;\n}\n\n.export_excel_table_config table tbody tr td:first-child {\n  text-align: center;\n}\n\n.export_excel_table_config table tbody tr th:not(:first-child) div:first-child,\n.export_excel_table_config table tbody tr td:not(:first-child) div:first-child {\n  padding-left: 7px;\n}');const EYe=e=>null==e,AYe=[{value:1,label:"Times New Roman"},{value:2,label:"Arial"},{value:3,label:"Arial Black"},{value:4,label:"Calibri"},{value:5,label:"Cambria"},{value:6,label:"Candara"},{value:7,label:"Comic Sans MS"},{value:8,label:"Consolas"},{value:9,label:"Courier New"},{value:10,label:"Georgia"},{value:11,label:"Impact"},{value:12,label:"Lucida Console"},{value:13,label:"Lucida Sans Unicode"},{value:14,label:"Palatino Linotype"},{value:15,label:"Segoe UI"},{value:16,label:"Tahoma"},{value:17,label:"Trebuchet MS"},{value:18,label:"Verdana"},{value:19,label:"Book Antiqua"},{value:20,label:"Garamond"},{value:21,label:"Gill Sans"},{value:22,label:"Helvetica"},{value:23,label:"Franklin Gothic Medium"},{value:24,label:"Futura"},{value:25,label:"Baskerville"},{value:26,label:"Brush Script MT"},{value:27,label:"Rockwell"},{value:28,label:"Century Gothic"},{value:29,label:"Perpetua"},{value:30,label:"Didot"},{value:31,label:"Arial Narrow"},{value:32,label:"Arial Rounded MT Bold"},{value:33,label:"Calibri Light"},{value:34,label:"Cambria Math"},{value:35,label:"Century"},{value:36,label:"Charter"},{value:37,label:"Cochin"},{value:40,label:"Frank Ruhl"},{value:43,label:"Lucida Bright"},{value:44,label:"Lucida Handwriting"},{value:45,label:"Mongolian Baiti"},{value:46,label:"Miriam"},{value:47,label:"MS Gothic"},{value:48,label:"MS Mincho"},{value:49,label:"MS PMincho"},{value:50,label:"MS PGothic"},{value:51,label:"MT Extra"},{value:52,label:"Palatino"},{value:53,label:"Tisa"},{value:54,label:"Vivaldi"},{value:55,label:"WST_Gothic"},{value:56,label:"Andalus"},{value:57,label:"Angsana New"},{value:58,label:"Arabic Typesetting"},{value:59,label:"Avenir"},{value:60,label:"Browallia New"},{value:63,label:"Iris"},{value:64,label:"Jasmine"},{value:65,label:"Mistral"},{value:66,label:"Myriad Pro"},{value:68,label:"Vladimir Script"},{value:69,label:"Algerian"},{value:70,label:"Berlin Sans FB"},{value:71,label:"Bodoni MT"},{value:72,label:"Bookman Old Style"},{value:73,label:"Copperplate Gothic"},{value:74,label:"Elephant"},{value:75,label:"FangSong"},{value:76,label:"Garamond Premr"},{value:77,label:"Jokerman"},{value:78,label:"Kaiti"},{value:79,label:"MingLiU"},{value:80,label:"Myriad"},{value:81,label:"Oklahoma"},{value:82,label:"Papyrus"},{value:83,label:"Perpetua Titling MT"},{value:84,label:"Rockwell Extra Bold"},{value:85,label:"Script MT Bold"},{value:86,label:"Snap ITC"},{value:88,label:"Viner Hand ITC"},{value:89,label:"Wingdings"},{value:90,label:"Zapf Dingbats"},{value:91,label:"Apple Chancery"},{value:92,label:"Avant Garde"},{value:93,label:"Big Caslon"},{value:94,label:"Bodoni 72"},{value:95,label:"Caslon"},{value:96,label:"Chaparral Pro"},{value:97,label:"Clarendon"},{value:98,label:"Coolvetica"},{value:99,label:"Doulos SIL"},{value:100,label:"Fira Sans"},{value:101,label:"Frutiger"},{value:102,label:"Georgia Pro"},{value:103,label:"Goudy Old Style"},{value:104,label:"ITC Garamond"},{value:105,label:"ITC Officina Sans"},{value:106,label:"Janson Text"},{value:108,label:"Kabel"},{value:109,label:"Lato"},{value:110,label:"Lora"},{value:111,label:"Mangal"},{value:112,label:"Marlett"},{value:113,label:"Minion Pro"},{value:114,label:"Modern No. 20"},{value:115,label:"Neutraface"},{value:116,label:"Noto Sans"},{value:117,label:"Open Sans"},{value:118,label:"Orator"},{value:119,label:"Oswald"},{value:120,label:"Playfair Display"},{value:121,label:"Quicksand"},{value:122,label:"Roboto"},{value:124,label:"Sabon"},{value:125,label:"Segoe Print"},{value:126,label:"Segoe Script"},{value:128,label:"TeX Gyre Adventor"},{value:129,label:"TeX Gyre Bonum"},{value:130,label:"TeX Gyre Chorus"},{value:131,label:"TeX Gyre Cursor"},{value:132,label:"TeX Gyre Heros"},{value:133,label:"TeX Gyre Pagella"},{value:134,label:"TeX Gyre Schola"},{value:135,label:"TeX Gyre Termes"},{value:136,label:"Trajan Pro"},{value:137,label:"Univers"},{value:138,label:"Verdana Pro"},{value:140,label:"Zapf Calligraphic"},{value:141,label:"Zapf Chancery"},{value:143,label:"Abadi MT Condensed"},{value:144,label:"Albertus"},{value:146,label:"Aldine"},{value:147,label:"American Typewriter"},{value:148,label:"Andale Mono"},{value:149,label:"Apple Gothic"},{value:150,label:"Apple Symbols"},{value:151,label:"Arial Unicode MS"},{value:153,label:"Bernhard Fashion"},{value:154,label:"Bernhard Gothic"},{value:155,label:"Bernhard Modern"},{value:157,label:"Blackadder ITC"},{value:158,label:"Bodoni MT Condensed"},{value:160,label:"Bookman"},{value:162,label:"Bradley Hand ITC"},{value:163,label:"Brush Script Std"},{value:164,label:"Calisto MT"},{value:165,label:"Castle"},{value:166,label:"Chalkboard SE"},{value:167,label:"Chalkduster"},{value:168,label:"Cheltenham"},{value:170,label:"Copperplate"},{value:171,label:"Courier"},{value:172,label:"Creepster"},{value:173,label:"Crimson Text"},{value:177,label:"Freestyle Script"},{value:180,label:"Gill Sans MT"},{value:181,label:"Gotham"},{value:182,label:"Harlow Solid Italic"},{value:183,label:"Harrington"},{value:184,label:"Hobo Std"},{value:185,label:"Hoefler Text"},{value:186,label:"Humin"},{value:187,label:"Inconsolata"},{value:189,label:"Kaiti SC"},{value:190,label:"Klavika"},{value:191,label:"Kozuka Gothic"},{value:192,label:"Kozuka Mincho"},{value:193,label:"Lucida Grande"},{value:194,label:"Lucida Sans"},{value:195,label:"Lucida Sans Typewriter"},{value:196,label:"Merryweather"},{value:198,label:"Monaco"},{value:200,label:"Noto Serif"},{value:201,label:"Odin Rounded"},{value:202,label:"Open Sans Condensed"},{value:203,label:"Optima"},{value:205,label:"Parchment"},{value:208,label:"PT Serif"},{value:210,label:"Ravie"},{value:212,label:"Ruge Boogie"},{value:214,label:"Segoe MDL2 Assets"},{value:217,label:"Shonar Bangla"},{value:218,label:"Simplified Arabic"},{value:219,label:"Sitka"},{value:220,label:"Stencil"},{value:221,label:"Swis721 BT"},{value:230,label:"Adobe Caslon Pro"},{value:231,label:"Adobe Garamond Pro"},{value:232,label:"Avenir Next"},{value:233,label:"Baskerville Old Face"},{value:234,label:"Bebas Neue"},{value:235,label:"Bembo"},{value:238,label:"Bodoni MT Poster Compressed"},{value:239,label:"Braggadocio"},{value:241,label:"Castellar"},{value:242,label:"Chiller"},{value:244,label:"Edwardian Script ITC"},{value:245,label:"Exo"},{value:246,label:"Fira Code"},{value:251,label:"Helvetica Neue"},{value:252,label:"Karla"},{value:254,label:"Merriweather"},{value:255,label:"Montserrat"},{value:257,label:"Old English Text MT"},{value:258,label:"Oxygen"},{value:261,label:"Roboto Condensed"},{value:262,label:"Source Sans Pro"},{value:263,label:"Space Mono"},{value:264,label:"Spectral"},{value:265,label:"Titan One"},{value:266,label:"Ubuntu"},{value:267,label:"Ubuntu Condensed"},{value:268,label:"Varela Round"}],TYe=t=>{const{value:i,onChange:n,disabled:r,disabledColor:o,disabledBackgroundColor:a,disabledFontFamily:s,disabledFontSize:l,disabledBold:c,disabledItalic:h,disabledUnderline:u}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:"d-flex align-items-center"},v.default.createElement(d.SelectTable,{options:AYe,isDisabled:r||s,noHeader:!0,value:i.fontFamily?AYe.find(e=>e.label===i.fontFamily):null,onChange:e=>{n({...i,fontFamily:e.label})},fieldValue:"label",columns:[{field:"label",headerText:"",template:e=>v.default.createElement("div",{style:{fontFamily:e.label}},e.label)}],formatOptionLabel:e=>v.default.createElement("p",{style:{paddingLeft:3,borderRadius:2,marginTop:1,marginBottom:0,fontFamily:i.fontFamily,fontWeight:i.bold?"bold":"normal",fontStyle:i.italic?"italic":"normal",textDecoration:i.underline?"underline":"normal",backgroundColor:i.backgroundColor??"#ffffff",color:i.color??"#000000"}},e.label)}),v.default.createElement("div",{className:dt("ms-25",{"d-none":l}),style:{width:60}},v.default.createElement(d.SelectTable,{options:Array.from({length:100},(e,t)=>({value:t+1,label:t+1})),noHeader:!0,isDisabled:r,value:i.fontSize?{value:i.fontSize,label:i.fontSize}:null,onChange:e=>{n({...i,fontSize:e.value})}})),v.default.createElement("div",{className:dt("btn-input-style",{"active-custom":i.bold},{"d-none":c}),onClick:()=>{r||n({...i,bold:!i.bold})}},v.default.createElement(Qr,{fontSize:18})),v.default.createElement("div",{className:dt("btn-input-style",{"active-custom":i.italic},{"d-none":h}),onClick:()=>{r||n({...i,italic:!i.italic})}},v.default.createElement(so,{fontSize:18})),v.default.createElement("div",{className:dt("btn-input-style",{"active-custom":i.underline},{"d-none":u}),onClick:()=>{r||n({...i,underline:!i.underline})}},v.default.createElement(No,{fontSize:18})),v.default.createElement(wi,{tag:"label",color:"none",className:dt("btn-input-style",{"d-none":o})},v.default.createElement(xo,{stroke:i.color??"#000000",fontSize:18}),v.default.createElement("input",{type:"color",id:"color",disabled:r,value:i.color,style:{color:"#FFF",border:"none",height:0,width:0,outline:"none",padding:0},onChange:e=>{n({...i,color:e.target.value})}})),v.default.createElement(wi,{tag:"label",color:"none",className:dt("btn-input-style",{"d-none":a})},v.default.createElement($r,{fill:i.backgroundColor??"#ffffff",fontSize:18}),v.default.createElement(pr,{id:"backgroundColor",type:"color",disabled:r,style:{color:"#FFF",border:"none",height:0,width:0,outline:"none",padding:0},value:i.backgroundColor,onChange:e=>{n({...i,backgroundColor:e.target.value})}}))))},kYe=t=>{const{open:i,children:n,toggleSidebar:r,width:o,keyboard:a,hiddenBackground:s,hiddenFullScreenButton:l}=t,[c,h]=e.useState(!1),[d,u]=e.useState(i);e.useEffect(()=>{i!==d&&(i?u(i):setTimeout(()=>{u(i)},50))},[i]);const p=()=>{u(!1),setTimeout(()=>{r()},400)};return v.default.createElement("div",{tabIndex:0,className:dt({"d-none":!i}),onKeyDown:e=>{!a&&"Escape"===e.code&&d&&(p(),e.stopPropagation(),e.preventDefault())}},v.default.createElement("div",{className:dt("offcanvas-backdrop fade",{"d-none":!d||s,show:d}),style:{zIndex:1056},onClick:p}),v.default.createElement("div",{className:dt("customizer d-md-block ",`customizer-${o??600}`,{open:d,fullscreen:c}),style:{zIndex:1057}},v.default.createElement("div",{style:{position:"fixed",top:"50%",transform:"translate(-50%, -50%)",background:"#FFF",filter:"drop-shadow(0.9px 0.9px 1.5px)",height:50,display:"flex",alignItems:"center",borderRadius:"0px 5px 5px 0px",cursor:"pointer",zIndex:9,marginLeft:7},className:dt({"d-none":l}),onClick:()=>{h(!c)}},v.default.createElement(Gr,{className:""+(c?"d-none":""),fontSize:16}),v.default.createElement(Xr,{className:""+(c?"":"d-none"),fontSize:15})),n))},zYe=e=>{const{title:t,handleModal:i,typeModal:n="Edit",component:r}=e,{t:o}=Nc();return v.default.createElement("div",{className:"modal-header d-flex align-items-center justify-content-between"},v.default.createElement("div",{className:"d-flex align-items-center justify-content-start"},v.default.createElement("h5",{className:"modal-title"},"Edit"===n||"Approval"===n?v.default.createElement(eo,{fontSize:17,className:"me-1"}):"View"===n||"Detail"===n?v.default.createElement(ao,{fontSize:17,className:"me-1"}):"Order"===n?v.default.createElement("span",{className:"e-icons e-sorting-1 me-1",style:{fontSize:"14px"}}):"Process"===n?v.default.createElement("span",{className:"e-flat e-icons e-paste-match-destination me-1",style:{fontSize:"14px"}}):v.default.createElement(go,{fontSize:17,className:"me-1"})," ",o(t)),r?r():v.default.createElement(v.default.Fragment,null)),v.default.createElement("div",{className:"todo-item-action d-flex align-items-center"},v.default.createElement(Do,{className:dt("fw-normal mt-25 cursor-pointer",{"d-none":!i}),fontSize:20,onClick:i})))},jYe=t=>{const{t:i}=Nc(),{isLabel:n,name:r,label:o,required:a}=t;return v.default.createElement(e.Fragment,null,!1===n?"":v.default.createElement(xr,{for:r},i(o||"")," ",a?v.default.createElement("span",{className:"text-danger"},"*"):""," "))},LYe=t=>{const{control:i,id:n,name:r,min:o,max:a,type:s,label:l,labelSize:c,required:h,errors:d,height:u,disabled:p,row:g,isLabel:m,placeholder:f,autoFocus:y,inLine:M,callback:b,readOnly:w,classes:I,...x}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:dt(" align",{[c||""]:c,[I||""]:I,"form-row-inline-error":d},!1===M?"form-group ":"form-row-inline d-flex")},jYe({isLabel:m,name:r,label:l,required:h}),v.default.createElement("div",{className:dt("form-input-content",{"hidden-label":!1===m})},v.default.createElement(e.Fragment,null,v.default.createElement(oee,{name:r,control:i,render:({field:{value:e,onChange:t}})=>v.default.createElement(pr,{id:n,value:EYe(e)?"":e,onChange:e=>{o||a?(o&&Number(e.target.value)>=o&&(t(e.target.value),b&&b(e)),a&&Number(e.target.value)<=a&&(t(e.target.value),b&&b(e))):(t(e.target.value),b&&b(e))},style:{height:`${u}px`},autoFocus:y,disabled:p,placeholder:f,type:s||"text",invalid:d&&!0,className:"h-100",rows:g,min:o,max:a,readOnly:w,...x})}),d&&v.default.createElement(tr,null,d?.message)))))};function OYe(){return"function"==typeof BigInt}function PYe(e){return!e&&0!==e&&!Number.isNaN(e)||!String(e).trim()}function FYe(e){var t=e.trim(),i=t.startsWith("-");i&&(t=t.slice(1)),(t=t.replace(/(\.\d*[^0])0*$/,"$1").replace(/\.0*$/,"").replace(/^0+/,"")).startsWith(".")&&(t="0".concat(t));var n=t||"0",r=n.split("."),o=r[0]||"0",a=r[1]||"0";"0"===o&&"0"===a&&(i=!1);var s=i?"-":"";return{negative:i,negativeStr:s,trimStr:n,integerStr:o,decimalStr:a,fullStr:"".concat(s).concat(n)}}function HYe(e){var t=String(e);return!Number.isNaN(Number(t))&&t.includes("e")}function BYe(e){var t=String(e);if(HYe(e)){var i=Number(t.slice(t.indexOf("e-")+2)),n=t.match(/\.(\d+)/);return null!=n&&n[1]&&(i+=n[1].length),i}return t.includes(".")&&UYe(t)?t.length-t.indexOf(".")-1:0}function RYe(e){var t=String(e);if(HYe(e)){if(e>Number.MAX_SAFE_INTEGER)return String(OYe()?BigInt(e).toString():Number.MAX_SAFE_INTEGER);if(e<Number.MIN_SAFE_INTEGER)return String(OYe()?BigInt(e).toString():Number.MIN_SAFE_INTEGER);t=e.toFixed(BYe(t))}return FYe(t).fullStr}function UYe(e){return"number"==typeof e?!Number.isNaN(e):!!e&&(/^\s*-?\d+(\.\d+)?\s*$/.test(e)||/^\s*-?\d+\.\s*$/.test(e)||/^\s*-?\.\d+\s*$/.test(e))}var _Ye=function(){function e(t){if(Hl(this,e),Tl(this,"origin",""),Tl(this,"negative",void 0),Tl(this,"integer",void 0),Tl(this,"decimal",void 0),Tl(this,"decimalLen",void 0),Tl(this,"empty",void 0),Tl(this,"nan",void 0),PYe(t))this.empty=!0;else if(this.origin=String(t),"-"===t||Number.isNaN(t))this.nan=!0;else{var i=t;if(HYe(i)&&(i=Number(i)),UYe(i="string"==typeof i?i:RYe(i))){var n=FYe(i);this.negative=n.negative;var r=n.trimStr.split(".");this.integer=BigInt(r[0]);var o=r[1]||"0";this.decimal=BigInt(o),this.decimalLen=o.length}else this.nan=!0}}return Rl(e,[{key:"getMark",value:function(){return this.negative?"-":""}},{key:"getIntegerStr",value:function(){return this.integer.toString()}},{key:"getDecimalStr",value:function(){return this.decimal.toString().padStart(this.decimalLen,"0")}},{key:"alignDecimal",value:function(e){var t="".concat(this.getMark()).concat(this.getIntegerStr()).concat(this.getDecimalStr().padEnd(e,"0"));return BigInt(t)}},{key:"negate",value:function(){var t=new e(this.toString());return t.negative=!t.negative,t}},{key:"cal",value:function(t,i,n){var r=Math.max(this.getDecimalStr().length,t.getDecimalStr().length),o=i(this.alignDecimal(r),t.alignDecimal(r)).toString(),a=n(r),s=FYe(o),l=s.negativeStr,c=s.trimStr,h="".concat(l).concat(c.padStart(a+1,"0"));return new e("".concat(h.slice(0,-a),".").concat(h.slice(-a)))}},{key:"add",value:function(t){if(this.isInvalidate())return new e(t);var i=new e(t);return i.isInvalidate()?this:this.cal(i,function(e,t){return e+t},function(e){return e})}},{key:"multi",value:function(t){var i=new e(t);return this.isInvalidate()||i.isInvalidate()?new e(NaN):this.cal(i,function(e,t){return e*t},function(e){return 2*e})}},{key:"isEmpty",value:function(){return this.empty}},{key:"isNaN",value:function(){return this.nan}},{key:"isInvalidate",value:function(){return this.isEmpty()||this.isNaN()}},{key:"equals",value:function(e){return this.toString()===(null==e?void 0:e.toString())}},{key:"lessEquals",value:function(e){return this.add(e.negate().toString()).toNumber()<=0}},{key:"toNumber",value:function(){return this.isNaN()?NaN:Number(this.toString())}},{key:"toString",value:function(){return!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?this.isInvalidate()?"":FYe("".concat(this.getMark()).concat(this.getIntegerStr(),".").concat(this.getDecimalStr())).fullStr:this.origin}}]),e}(),WYe=function(){function e(t){Hl(this,e),Tl(this,"origin",""),Tl(this,"number",void 0),Tl(this,"empty",void 0),PYe(t)?this.empty=!0:(this.origin=String(t),this.number=Number(t))}return Rl(e,[{key:"negate",value:function(){return new e(-this.toNumber())}},{key:"add",value:function(t){if(this.isInvalidate())return new e(t);var i=Number(t);if(Number.isNaN(i))return this;var n=this.number+i;if(n>Number.MAX_SAFE_INTEGER)return new e(Number.MAX_SAFE_INTEGER);if(n<Number.MIN_SAFE_INTEGER)return new e(Number.MIN_SAFE_INTEGER);var r=Math.max(BYe(this.number),BYe(i));return new e(n.toFixed(r))}},{key:"multi",value:function(t){var i=Number(t);if(this.isInvalidate()||Number.isNaN(i))return new e(NaN);var n=this.number*i;if(n>Number.MAX_SAFE_INTEGER)return new e(Number.MAX_SAFE_INTEGER);if(n<Number.MIN_SAFE_INTEGER)return new e(Number.MIN_SAFE_INTEGER);var r=Math.max(BYe(this.number),BYe(i));return new e(n.toFixed(r))}},{key:"isEmpty",value:function(){return this.empty}},{key:"isNaN",value:function(){return Number.isNaN(this.number)}},{key:"isInvalidate",value:function(){return this.isEmpty()||this.isNaN()}},{key:"equals",value:function(e){return this.toNumber()===(null==e?void 0:e.toNumber())}},{key:"lessEquals",value:function(e){return this.add(e.negate().toString()).toNumber()<=0}},{key:"toNumber",value:function(){return this.number}},{key:"toString",value:function(){return!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?this.isInvalidate()?"":RYe(this.number):this.origin}}]),e}();function VYe(e){return OYe()?new _Ye(e):new WYe(e)}function YYe(e,t,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(""===e)return"";var r=FYe(e),o=r.negativeStr,a=r.integerStr,s=r.decimalStr,l="".concat(t).concat(s),c="".concat(o).concat(a);if(i>=0){var h=Number(s[i]);return h>=5&&!n?YYe(VYe(e).add("".concat(o,"0.").concat("0".repeat(i)).concat(10-h)).toString(),t,i,n):0===i?c:"".concat(c).concat(t).concat(s.padEnd(i,"0").slice(0,i))}return".0"===l?c:"".concat(c).concat(l)}var QYe=v.default.forwardRef(function(t,i){var n,r,o,a=t.inputElement,s=t.children,l=t.prefixCls,c=t.prefix,h=t.suffix,d=t.addonBefore,u=t.addonAfter,p=t.className,g=t.style,m=t.disabled,f=t.readOnly,y=t.focused,M=t.triggerFocus,b=t.allowClear,w=t.value,I=t.handleReset,x=t.hidden,N=t.classes,D=t.classNames,C=t.dataAttrs,S=t.styles,E=t.components,A=t.onClear,T=null!=s?s:a,k=(null==E?void 0:E.affixWrapper)||"span",z=(null==E?void 0:E.groupWrapper)||"span",j=(null==E?void 0:E.wrapper)||"span",L=(null==E?void 0:E.groupAddon)||"span",O=e.useRef(null),P=function(e){return!!(e.prefix||e.suffix||e.allowClear)}(t),F=e.cloneElement(T,{value:w,className:dt(null===(n=T.props)||void 0===n?void 0:n.className,!P&&(null==D?void 0:D.variant))||null}),H=e.useRef(null);if(v.default.useImperativeHandle(i,function(){return{nativeElement:H.current||O.current}}),P){var B=null;if(b){var R=!m&&!f&&w,U="".concat(l,"-clear-icon"),_="object"===El(b)&&null!=b&&b.clearIcon?b.clearIcon:"✖";B=v.default.createElement("button",{type:"button",tabIndex:-1,onClick:function(e){null==I||I(e),null==A||A()},onMouseDown:function(e){return e.preventDefault()},className:dt(U,Tl(Tl({},"".concat(U,"-hidden"),!R),"".concat(U,"-has-suffix"),!!h))},_)}var W="".concat(l,"-affix-wrapper"),V=dt(W,Tl(Tl(Tl(Tl(Tl({},"".concat(l,"-disabled"),m),"".concat(W,"-disabled"),m),"".concat(W,"-focused"),y),"".concat(W,"-readonly"),f),"".concat(W,"-input-with-clear-btn"),h&&b&&w),null==N?void 0:N.affixWrapper,null==D?void 0:D.affixWrapper,null==D?void 0:D.variant),Y=(h||b)&&v.default.createElement("span",{className:dt("".concat(l,"-suffix"),null==D?void 0:D.suffix),style:null==S?void 0:S.suffix},B,h);F=v.default.createElement(k,Ii({className:V,style:null==S?void 0:S.affixWrapper,onClick:function(e){var t;null!==(t=O.current)&&void 0!==t&&t.contains(e.target)&&(null==M||M())}},null==C?void 0:C.affixWrapper,{ref:O}),c&&v.default.createElement("span",{className:dt("".concat(l,"-prefix"),null==D?void 0:D.prefix),style:null==S?void 0:S.prefix},c),F,Y)}if(function(e){return!(!e.addonBefore&&!e.addonAfter)}(t)){var Q="".concat(l,"-group"),Z="".concat(Q,"-addon"),q="".concat(Q,"-wrapper"),G=dt("".concat(l,"-wrapper"),Q,null==N?void 0:N.wrapper,null==D?void 0:D.wrapper),X=dt(q,Tl({},"".concat(q,"-disabled"),m),null==N?void 0:N.group,null==D?void 0:D.groupWrapper);F=v.default.createElement(z,{className:X,ref:H},v.default.createElement(j,{className:G},d&&v.default.createElement(L,{className:Z},d),F,u&&v.default.createElement(L,{className:Z},u)))}return v.default.cloneElement(F,{className:dt(null===(r=F.props)||void 0===r?void 0:r.className,p)||null,style:Tve(Tve({},null===(o=F.props)||void 0===o?void 0:o.style),g),hidden:x})});var ZYe=function(){var t=wc(e.useState(!1),2),i=t[0],n=t[1];return Mye(function(){n(AMe())},[]),i};function qYe(e){var t=e.prefixCls,i=e.upNode,n=e.downNode,r=e.upDisabled,o=e.downDisabled,a=e.onStep,s=y.useRef(),l=y.useRef([]),c=y.useRef();c.current=a;var h=function(){clearTimeout(s.current)},d=function(e,t){e.preventDefault(),h(),c.current(t),s.current=setTimeout(function e(){c.current(t),s.current=setTimeout(e,200)},600)};if(y.useEffect(function(){return function(){h(),l.current.forEach(function(e){return fbe.cancel(e)})}},[]),ZYe())return null;var u="".concat(t,"-handler"),p=dt(u,"".concat(u,"-up"),Tl({},"".concat(u,"-up-disabled"),r)),g=dt(u,"".concat(u,"-down"),Tl({},"".concat(u,"-down-disabled"),o)),m=function(){return l.current.push(fbe(h))},f={unselectable:"on",role:"button",onMouseUp:m,onMouseLeave:m};return y.createElement("div",{className:"".concat(u,"-wrap")},y.createElement("span",Ii({},f,{onMouseDown:function(e){d(e,!0)},"aria-label":"Increase Value","aria-disabled":r,className:p}),i||y.createElement("span",{unselectable:"on",className:"".concat(t,"-handler-up-inner")})),y.createElement("span",Ii({},f,{onMouseDown:function(e){d(e,!1)},"aria-label":"Decrease Value","aria-disabled":o,className:g}),n||y.createElement("span",{unselectable:"on",className:"".concat(t,"-handler-down-inner")})))}function GYe(e){var t="number"==typeof e?RYe(e):FYe(e).fullStr;return t.includes(".")?FYe(t.replace(/(\d)\.(\d)/g,"$1$2.")).fullStr:e+"0"}var XYe=["prefixCls","className","style","min","max","step","defaultValue","value","disabled","readOnly","upHandler","downHandler","keyboard","changeOnWheel","controls","classNames","stringMode","parser","formatter","precision","decimalSeparator","onChange","onInput","onPressEnter","onStep","changeOnBlur","domRef"],JYe=["disabled","style","prefixCls","value","prefix","suffix","addonBefore","addonAfter","className","classNames"],KYe=function(e,t){return e||t.isEmpty()?t.toString():t.toNumber()},$Ye=function(e){var t=VYe(e);return t.isInvalidate()?null:t},eQe=y.forwardRef(function(t,i){var n=t.prefixCls,r=t.className,o=t.style,a=t.min,s=t.max,l=t.step,c=void 0===l?1:l,h=t.defaultValue,d=t.value,u=t.disabled,p=t.readOnly,g=t.upHandler,m=t.downHandler,f=t.keyboard,v=t.changeOnWheel,M=void 0!==v&&v,b=t.controls,w=void 0===b||b;t.classNames;var I=t.stringMode,x=t.parser,N=t.formatter,D=t.precision,C=t.decimalSeparator,S=t.onChange,E=t.onInput,A=t.onPressEnter,T=t.onStep,k=t.changeOnBlur,z=void 0===k||k,j=t.domRef,L=Sl(t,XYe),O="".concat(n,"-input"),P=y.useRef(null),F=wc(y.useState(!1),2),H=F[0],B=F[1],R=y.useRef(!1),U=y.useRef(!1),_=y.useRef(!1),W=wc(y.useState(function(){return VYe(null!=d?d:h)}),2),V=W[0],Y=W[1];var Q=y.useCallback(function(e,t){if(!t)return D>=0?D:Math.max(BYe(e),BYe(c))},[D,c]),Z=y.useCallback(function(e){var t=String(e);if(x)return x(t);var i=t;return C&&(i=i.replace(C,".")),i.replace(/[^\w.-]+/g,"")},[x,C]),q=y.useRef(""),G=y.useCallback(function(e,t){if(N)return N(e,{userTyping:t,input:String(q.current)});var i="number"==typeof e?RYe(e):e;if(!t){var n=Q(i,t);if(UYe(i)&&(C||n>=0))i=YYe(i,C||".",n)}return i},[N,Q,C]),X=wc(y.useState(function(){var e=null!=h?h:d;return V.isInvalidate()&&["string","number"].includes(El(e))?Number.isNaN(e)?"":e:G(V.toString(),!1)}),2),J=X[0],K=X[1];function $(e,t){K(G(e.isInvalidate()?e.toString(!1):e.toString(!t),t))}q.current=J;var ee,te,ie,ne,re,oe=y.useMemo(function(){return $Ye(s)},[s,D]),ae=y.useMemo(function(){return $Ye(a)},[a,D]),se=y.useMemo(function(){return!(!oe||!V||V.isInvalidate())&&oe.lessEquals(V)},[oe,V]),le=y.useMemo(function(){return!(!ae||!V||V.isInvalidate())&&V.lessEquals(ae)},[ae,V]),ce=(ee=P.current,te=H,ie=e.useRef(null),[function(){try{var e=ee.selectionStart,t=ee.selectionEnd,i=ee.value,n=i.substring(0,e),r=i.substring(t);ie.current={start:e,end:t,value:i,beforeTxt:n,afterTxt:r}}catch(e){}},function(){if(ee&&ie.current&&te)try{var e=ee.value,t=ie.current,i=t.beforeTxt,n=t.afterTxt,r=t.start,o=e.length;if(e.startsWith(i))o=i.length;else if(e.endsWith(n))o=e.length-ie.current.afterTxt.length;else{var a=i[r-1],s=e.indexOf(a,r-1);-1!==s&&(o=s+1)}ee.setSelectionRange(o,o)}catch(e){Fve(!1,"Something warning of cursor restore. Please fire issue about this: ".concat(e.message))}}]),he=wc(ce,2),de=he[0],ue=he[1],pe=function(e){return oe&&!e.lessEquals(oe)?oe:ae&&!ae.lessEquals(e)?ae:null},ge=function(e){return!pe(e)},me=function(e,t){var i,n=e,r=ge(n)||n.isEmpty();if(n.isEmpty()||t||(n=pe(n)||n,r=!0),!p&&!u&&r){var o=n.toString(),a=Q(o,t);return a>=0&&(n=VYe(YYe(o,".",a)),ge(n)||(n=VYe(YYe(o,".",a,!0)))),n.equals(V)||(i=n,void 0===d&&Y(i),null==S||S(n.isEmpty()?null:KYe(I,n)),void 0===d&&$(n,t)),n}return V},fe=(ne=e.useRef(0),re=function(){fbe.cancel(ne.current)},e.useEffect(function(){return re},[]),function(e){re(),ne.current=fbe(function(){e()})}),ve=function e(t){if(de(),q.current=t,K(t),!U.current){var i=VYe(Z(t));i.isNaN()||me(i,!0)}null==E||E(t),fe(function(){var i=t;x||(i=t.replace(/。/g,".")),i!==t&&e(i)})},ye=function(e){var t;if(!(e&&se||!e&&le)){R.current=!1;var i=VYe(_.current?GYe(c):c);e||(i=i.negate());var n=(V||VYe(0)).add(i.toString()),r=me(n,!1);null==T||T(KYe(I,r),{offset:_.current?GYe(c):c,type:e?"up":"down"}),null===(t=P.current)||void 0===t||t.focus()}},Me=function(e){var t,i=VYe(Z(J));t=i.isNaN()?me(V,e):me(i,e),void 0!==d?$(V,!1):t.isNaN()||$(t,!1)};y.useEffect(function(){if(M&&H){var e=function(e){ye(e.deltaY<0),e.preventDefault()},t=P.current;if(t)return t.addEventListener("wheel",e,{passive:!1}),function(){return t.removeEventListener("wheel",e)}}});return bye(function(){V.isInvalidate()||$(V,!1)},[D,N]),bye(function(){var e=VYe(d);Y(e);var t=VYe(Z(J));e.equals(t)&&R.current&&!N||$(e,R.current)},[d]),bye(function(){N&&ue()},[J]),y.createElement("div",{ref:j,className:dt(n,r,Tl(Tl(Tl(Tl(Tl({},"".concat(n,"-focused"),H),"".concat(n,"-disabled"),u),"".concat(n,"-readonly"),p),"".concat(n,"-not-a-number"),V.isNaN()),"".concat(n,"-out-of-range"),!V.isInvalidate()&&!ge(V))),style:o,onFocus:function(){B(!0)},onBlur:function(){z&&Me(!1),B(!1),R.current=!1},onKeyDown:function(e){var t=e.key,i=e.shiftKey;R.current=!0,_.current=i,"Enter"===t&&(U.current||(R.current=!1),Me(!1),null==A||A(e)),!1!==f&&!U.current&&["Up","ArrowUp","Down","ArrowDown"].includes(t)&&(ye("Up"===t||"ArrowUp"===t),e.preventDefault())},onKeyUp:function(){R.current=!1,_.current=!1},onCompositionStart:function(){U.current=!0},onCompositionEnd:function(){U.current=!1,ve(P.current.value)},onBeforeInput:function(){R.current=!0}},w&&y.createElement(qYe,{prefixCls:n,upNode:g,downNode:m,upDisabled:se,downDisabled:le,onStep:ye}),y.createElement("div",{className:"".concat(O,"-wrap")},y.createElement("input",Ii({autoComplete:"off",role:"spinbutton","aria-valuemin":a,"aria-valuemax":s,"aria-valuenow":V.isInvalidate()?null:V.toString(),step:c},L,{ref:hye(P,i),className:O,value:J,onChange:function(e){ve(e.target.value)},disabled:u,readOnly:p}))))}),tQe=y.forwardRef(function(e,t){var i=e.disabled,n=e.style,r=e.prefixCls,o=void 0===r?"rc-input-number":r,a=e.value,s=e.prefix,l=e.suffix,c=e.addonBefore,h=e.addonAfter,d=e.className,u=e.classNames,p=Sl(e,JYe),g=y.useRef(null),m=y.useRef(null),f=y.useRef(null),v=function(e){f.current&&function(e,t){if(e){e.focus(t);var i=(t||{}).cursor;if(i){var n=e.value.length;switch(i){case"start":e.setSelectionRange(0,0);break;case"end":e.setSelectionRange(n,n);break;default:e.setSelectionRange(0,n)}}}}(f.current,e)};return y.useImperativeHandle(t,function(){return function(e,t){return"undefined"!=typeof Proxy&&e?new Proxy(e,{get:function(e,i){if(t[i])return t[i];var n=e[i];return"function"==typeof n?n.bind(e):n}}):e}(f.current,{focus:v,nativeElement:g.current.nativeElement||m.current})}),y.createElement(QYe,{className:d,triggerFocus:v,prefixCls:o,value:a,disabled:i,style:n,prefix:s,suffix:l,addonAfter:h,addonBefore:c,classNames:u,components:{affixWrapper:"div",groupWrapper:"div",wrapper:"div",groupAddon:"div"},ref:g},y.createElement(eQe,Ii({prefixCls:o,disabled:i,ref:f,domRef:m,className:null==u?void 0:u.input},p)))});"production"!==process.env.NODE_ENV&&(tQe.displayName="InputNumber");const iQe=t=>{const{control:i,name:n,min:r,max:o,label:a,labelSize:s,required:l,errors:c,disabled:h,isLabel:d,placeholder:u,inLine:p,callback:g,classes:m,width:f,...y}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:dt(" align",{[s||""]:s,[m||""]:m,"form-row-inline-error":c},!1===p?"form-group ":"form-row-inline d-flex")},jYe({isLabel:d,name:n,label:a,required:l}),v.default.createElement("div",{style:{width:f||void 0},className:dt("form-input-content",{"hidden-label":!1===d})},v.default.createElement(e.Fragment,null,v.default.createElement(oee,{name:n,control:i,render:({field:{value:e,onChange:t}})=>v.default.createElement(tQe,{...y,value:EYe(e)?0:e,onChange:e=>{t(e),g&&g(e)},upHandler:v.default.createElement(go,null),downHandler:v.default.createElement(uo,null),min:r,max:o,placeholder:u,disabled:h})}),c&&v.default.createElement(tr,null,c?.message)))))},nQe={title:{color:"#000000",backgroundColor:"#ffffff",fontFamily:"Times New Roman",fontSize:18,row:2,bold:!0,italic:!1,underline:!1},subtitle:{color:"#000000",backgroundColor:"#ffffff",fontFamily:"Times New Roman",fontSize:12,row:3,bold:!1,italic:!0,underline:!1},header:{color:"#000000",backgroundColor:"#ffe0cc",fontFamily:"Times New Roman",fontSize:14,row:5,bold:!0,italic:!1,underline:!1},group1:{color:"#000000",backgroundColor:"#bfbfbf",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1},group2:{color:"#000000",backgroundColor:"#d9d9d9",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1},group3:{color:"#000000",backgroundColor:"#f2f2f2",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1},content:{color:"#000000",backgroundColor:"#ffffff",fontFamily:"Times New Roman",fontSize:11,bold:!1,italic:!1,underline:!1},summary:{color:"#000000",backgroundColor:"#ffe0cc",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1}},rQe=t=>{const{control:i,name:n,label:r,labelSize:o,required:a,errors:s,height:l,disabled:c,isLabel:h,inLine:d,classes:u,disabledBackgroundColor:p,disabledFontFamily:g,disabledFontSize:m,disabledBold:f,disabledItalic:y,disabledUnderline:M}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:dt(" align",{[o||""]:o,[u||""]:u,"form-row-inline-error":s},!1===d?"form-group ":"form-row-inline d-flex")},jYe({isLabel:h,name:n,label:r,required:a}),v.default.createElement("div",{style:{height:`${l}px`},className:dt("form-input-content",{"hidden-label":!1===h})},v.default.createElement(e.Fragment,null,v.default.createElement(oee,{name:n,control:i,render:({field:{value:e,onChange:t}})=>v.default.createElement(TYe,{disabledBackgroundColor:p,disabledFontFamily:g,disabledFontSize:m,disabledBold:f,disabledItalic:y,disabledUnderline:M,disabled:c,value:e,onChange:t})}),s&&v.default.createElement(tr,null,s?.message)))))},oQe=process.env.REACT_APP_BASE_URL,aQe=process.env.REACT_APP_BASE_URL_EXPORT;process.env.REACT_APP_BASE_URL_IMPORT,process.env.REACT_APP_BASE_URL_IMPORT_VALIDATE,process.env.REACT_APP_BASE_URL_IMPORT_TEMPLATE;const sQe=()=>{let e=localStorage.getItem("access_token");if(!e){const t=localStorage.getItem("userData");t&&t.length&&(e=JSON.parse(t).id_token)}return e};C.default(Qpe);const lQe=({openModal:i,typeModal:n,handleModal:r,windowSize:o,dataItem:a,columns:s,columnGroups:l,stateid:c,url:h,dataOption:d,t:u})=>{const[p,g]=e.useState([]),[m,f]=e.useState([]),[y,M]=e.useState([]),{control:b,reset:w,handleSubmit:x,clearErrors:N,getValues:D,setValue:C}=_ee({mode:"onChange",defaultValues:nQe}),S=()=>{r("ExportExcelComponent")};e.useEffect(()=>{i&&"ExportExcel"===n&&(C("nameFile",a?.nameFile??a?.title),C("textTitle",a?.title),C("textSubtitle",a?.subTitle))},[i,a]),e.useEffect(()=>{i||(N(),g([]),w(),f([]),E())},[i]);const E=()=>{let e=[...s].map(e=>({...e,rowId:e.field}));m.forEach(t=>{const i=l?.find(e=>e.label===t);i&&(e=[...e,...i.columns])}),M(e),g(e)};e.useEffect(()=>{E()},[s,m]);const A=t=>{const i=p.map(e=>({...e,headerText:u(e.headerText),width:e.width?Number(e.width):void 0,minWidth:e.minWidth?Number(e.minWidth):void 0,maxWidth:e.maxWidth?Number(e.maxWidth):void 0}));(async(e={},t={},i=15e3)=>{const n=e?.url?e?.url:`${oQe}/${aQe}`,r={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${sQe()}`,...t.headers||{}},body:JSON.stringify(e),...t},o=new Promise((e,t)=>{setTimeout(()=>t(new Error("Request timed out")),i)});try{const e=await Promise.race([fetch(n,r),o]);return e.ok?await e.blob():(console.log(`HTTP error! Status: ${e.status}`),null)}catch(e){console.log("Error in fetch request:",e)}})({stateid:c,FilterOption:JSON.stringify(a),columns:i,style:t,dataOption:d,title:D("textTitle"),subtitle:D("textSubtitle"),url:h}).then(t=>{if(null!==t){const e=window.URL.createObjectURL(new Blob([t])),i=document.createElement("a");i.href=e,i.setAttribute("download",`${D("nameFile")??"EEEE"}.xlsx`),document.body.appendChild(i),i.click(),r()}else i=u("export_error_http"),I.default.error(v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:"toastify-header"},v.default.createElement("div",{className:"title-wrapper"},v.default.createElement("h6",{className:"toast-title"},i))),v.default.createElement("div",{className:"toastify-body"},v.default.createElement("ul",{className:"list-unstyled mb-0"},v.default.createElement("li",null)))));var i}).catch(e=>{console.log(`${u("IE_Error export excel")}:`,e)})};return v.default.createElement(v.default.Fragment,null,v.default.createElement(kYe,{open:i,toggleSidebar:S,width:900},v.default.createElement(zYe,{typeModal:n,handleModal:()=>S(),title:u("IE_Setting")}),v.default.createElement(Kpe.Scrollbars,{autoHeight:!0,autoHeightMax:o.innerHeight-105,autoHeightMin:o.innerHeight-105},v.default.createElement(Xn,{id:"form-general-info",className:"todo-modal"},v.default.createElement(Hn,null,v.default.createElement("div",{className:"box form-box__border mb-2"},v.default.createElement("h5",{className:"m-0 form-box__border--title"},u("IE_Column customization")),v.default.createElement(Wt,{className:"gy-1"},v.default.createElement($t,{lg:12,md:12,xs:12,className:"export_excel_table_config"},v.default.createElement(t.GridComponent,{key:"export_excel_table_config",dataSource:y,height:o.innerHeight-480,showToolbar:!1,columns:[{field:"selection_column",textAlign:"center",width:40,fixed:"left"},{type:"string",field:"headerText",headerText:u("IE_Column name"),textAlign:"left",template:e=>u(e.rowData.headerText),width:360,minWidth:320,maxWidth:400}],selectionSettings:{type:"multiple",mode:"checkbox",defaultSelectedRowKeys:p.map(e=>e.field),selectedRowKeys:p.map(e=>e.field)},rowSelected:e=>{g(e.selected)},editAble:!1})))),v.default.createElement("div",{className:"box form-box__border"},v.default.createElement("h5",{className:"m-0 form-box__border--title"},a.title),v.default.createElement(Wt,{className:"gy-1"},v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(LYe,{control:b,name:"nameFile",label:u("IE_NameFile"),labelSize:"label-small",inLine:!0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(LYe,{control:b,name:"textTitle",label:u("IE_TitleReport"),labelSize:"label-small",placeholder:u("IE_Report title content"),inLine:!0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(LYe,{control:b,name:"textSubtitle",label:u("IE_SubTitle"),labelSize:"label-small",placeholder:u("IE_SubTitle content"),inLine:!0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"title",disabledBackgroundColor:!0,label:u("IE_TitleReport"),labelSize:"label-small"})),v.default.createElement($t,{lg:4,md:6,xs:6},v.default.createElement(iQe,{control:b,name:"title.row",label:u("IE_Row"),labelSize:"label-small",min:0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"subtitle",disabledBackgroundColor:!0,label:u("IE_SubTitle"),labelSize:"label-small"})),v.default.createElement($t,{lg:4,md:6,xs:6},v.default.createElement(iQe,{control:b,name:"subtitle.row",label:u("IE_Row"),labelSize:"label-small",min:0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"header",label:u("IE_TitleTable"),labelSize:"label-small"})),v.default.createElement($t,{lg:4,md:6,xs:6},v.default.createElement(iQe,{control:b,name:"header.row",label:u("IE_Row"),labelSize:"label-small",min:0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"content",label:u("IE_ContentTable"),labelSize:"label-small"}))))))),v.default.createElement("div",{className:"d-flex justify-content-end p-1",style:{boxShadow:"0 4px 24px 0 rgb(34 41 47 / 10%)"}},v.default.createElement(e.Fragment,null,v.default.createElement(wi,{color:"primary",className:"me-1",onClick:x(A)},u("IE_Export")),v.default.createElement(wi,{color:"secondary",onClick:S,outline:!0,className:"me-1"},u("IE_Close"))))))};var cQe={exports:{}};
+`,iee=e=>{const{menuCollapsed:t,menu:r,skin:o,menuData:a,onSelectItem:s}=e,[l,c]=n.useState([]),[h,d]=n.useState([]),[u,p]=n.useState([]),[g,m]=n.useState(null),[f,v]=n.useState(!1),y=n.useRef(null);return i.jsx(n.Fragment,{children:i.jsx(tee,{className:Oi("menu-accordion menu-shadow",{expanded:f||!1===t,"menu-light":"semi-dark"!==o&&"dark"!==o,"menu-dark":"semi-dark"===o||"dark"===o}),onMouseEnter:()=>{},onMouseLeave:()=>v(!1),children:r?r({...e}):i.jsxs(n.Fragment,{children:[i.jsx("div",{className:"shadow-bottom",ref:y}),i.jsx("ul",{className:"navigation navigation-main p-0 pe-1",children:i.jsx($9,{items:a,menuData:a,menuHover:f,groupOpen:l,activeItem:g,groupActive:h,setGroupOpen:c,menuCollapsed:t,setActiveItem:e=>{m(e.stateId),s&&s(e)},setGroupActive:d,currentActiveGroup:u,setCurrentActiveGroup:p})})]})})})},nee={isOpen:!1,key:"",eventOpen:e=>{}};function ree(e){const t=atob(e),i=t?.length,n=[];for(let e=0;e<i;e++)n.push(t.charCodeAt(e));return n}const oee=yG(mG);Ct=new Dt("ORg4AjUWIQA/Gnt2VVhiQlFadVlJXmJWf1FpTGpQdk5yd19DaVZUTX1dQl9hSXlTckVmXHtfcHNVRGM="),t.GuidSidebar=e=>{const{stateId:t,t:r=()=>null,disableGuide:o=!1}=e,[a,s]=n.useState(nee.isOpen),[l,c]=n.useState(!1),[h,d]=n.useState(!1),[u,p]=n.useState(""),[g,m]=n.useState([]),[f,v]=n.useState([]),[y,M]=n.useState(!0),[b,w]=n.useState(nee.key),[I,x]=n.useState({}),[N,D]=n.useState(""),[C,S]=n.useState({}),E=n.useRef([]),[A,T]=n.useState([]),[k,z]=n.useState(null),j=_9().shape({name:J6().required(NE(r,["Help_Name","is required"])),stateId:J6().required(NE(r,["Help_StateId","is required"]))}),{control:L,setValue:O,reset:P,watch:F,handleSubmit:H,formState:{errors:B}}=function(e={}){const t=n.useRef(),[i,r]=n.useState({isDirty:!1,isValidating:!1,isLoading:ZN(e.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},errors:{},defaultValues:ZN(e.defaultValues)?void 0:e.defaultValues});t.current||(t.current={...wD(e,()=>r(e=>({...e}))),formState:i});const o=t.current.control;return o._options=e,zN({subject:o._subjects.state,next:e=>{AN(e,o._proxyFormState,o._updateFormState,!0)&&r({...o._formState})}}),n.useEffect(()=>{e.values&&!cD(e.values,o._defaultValues)?o._reset(e.values,o._options.resetOptions):o._resetDefaultValues()},[e.values,o]),n.useEffect(()=>{o._state.mount||(o._updateValid(),o._state.mount=!0),o._state.watch&&(o._state.watch=!1,o._subjects.state.next({...o._formState})),o._removeUnmounted()}),t.current.formState=SN(i,o),t.current}({mode:"onChange",defaultValues:{refCode:[],content:""},resolver:Q9(j)}),R=e=>{e.preventDefault(),P(),p(""),S({}),x({}),D(""),d(!1),c(!1),q.current&&(q.current.unselectAll&&q.current.unselectAll(),q.current.clearChecked&&q.current.clearChecked()),s(!a),nee.isOpen=!1,nee.key=""},U=e=>{e.preventDefault(),d(!h)},_=()=>{p("Edit"),Object.entries(C).forEach(([e,t])=>{e.includes("Date")||e.includes("date")?O(e,t?new Date(t):void 0):O(e,"refCode"===e?"string"==typeof t?t.split(","):t??[]:t)})},W=()=>{const e={organizationGuid:C.organizationGuid,id:C.id,updatedBy:null,updatedByName:null,updatedDate:null};oee.fire({title:r("Confirm"),text:r("Help_ConfirmDelete"),allowOutsideClick:!1,showCancelButton:!0,confirmButtonText:r("Delete"),cancelButtonText:r("Cancel"),customClass:{confirmButton:"btn btn-primary",cancelButton:"btn btn-danger ms-1"},buttonsStyling:!1}).then(async t=>{t.isConfirmed&&(e=>{const t=`${ID}/api/helppo/delete-help`,i={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${DD()}`},body:JSON.stringify(e)};return fetch(t,i).then(e=>{if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return e.json()})})(e).then(e=>{console.log(e),D(""),Q(),bG(r("Help_DeleteSuccessful"))}).catch(e=>{console.log(e),wG(r("Help_DeleteFail"))})})},V=e=>{(e=>{const t=`${ID}/api/helppo/add-help`,i={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${DD()}`},body:JSON.stringify(e)};return fetch(t,i).then(e=>{if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return e.json()})})({organizationGuid:wE().id,createdBy:null,createdByName:null,createdDate:null,tableColumn:[{id:e.id??ME(),code:e.code,organizationGuid:wE().id,stateId:e.stateId,createdBy:e.createdBy??yE,createdByName:e.createdByName??"",createdDate:e.createdDate??new Date,updatedBy:e.updatedBy??yE,updatedByName:e.updatedByName??"",updatedDate:e.updatedDate??new Date,isActive:e.isActive??!0,sortOrder:e.sortOrder??0,description:e.description,name:e.name,isDelete:e.isDelete??!1,parentId:e.parentId??null,title:e.title,moduleCode:ND,content:e.content,keyword:e.keyword,viewCount:e.viewCount,readMinute:e.readMinute,comment:e.comment,version:e.version,languageCode:e.languageCode,refCode:Array.isArray(e.refCode)?e.refCode.join(","):e.refCode}]}).then(e=>{console.log(e),p(""),Q(),bG(r("Help_AddSuccessful"))}).catch(e=>{console.log(e),wG(r("Help_AddFail"))})},Y=e=>{(e=>{const t=`${ID}/api/helppo/update-help`,i={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${DD()}`},body:JSON.stringify(e)};return fetch(t,i).then(e=>{if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return e.json()})})({organizationGuid:e.organizationGuid,updateBy:null,updateByName:null,updateDate:null,tableColumn:[{id:e.id,code:e.code,organizationGuid:e.organizationGuid,stateId:e.stateId,createdBy:e.createdBy??yE,createdByName:e.createdByName??"",createdDate:e.createdDate??new Date,updatedBy:e.updatedBy??yE,updatedByName:e.updatedByName??"",updatedDate:e.updatedDate??new Date,isActive:e.isActive,sortOrder:e.sortOrder,description:e.description,name:e.name,isDelete:e.isDelete,parentId:e.parentId,title:e.title,moduleCode:e.moduleCode,content:e.content,keyword:e.keyword,viewCount:e.viewCount,fileData:e.fileData?ree(e.fileData):null,readMinute:e.readMinute,comment:e.comment,version:e.version,languageCode:e.languageCode,refCode:Array.isArray(e.refCode)?e.refCode.join(","):e.refCode}]}).then(t=>{console.log(t),p(""),S({}),D(e.content),Q(),bG(r("Help_EditSuccessful"))}).catch(e=>{console.log(e),wG(r("Help_EditFail"))})},Q=()=>{m([]);const e={stateId:b,organizationGuid:wE().id,version:null,moduleCode:ND,code:null,action:"All",type:null};CD(e).then(e=>{E.current=e,m(e);const t=function(e){const t=new Map;for(const i of e)t.set(i.id,{id:i.id,title:i.name??"",stateId:i.stateId,navLink:`/help/${i.moduleCode}`,parent:i.parentId??null,sortOrder:i.sortOrder??0,status:1,resAttributes:{ISBOOKMARKED:"0",VLAYOUT_ICON:i.parentId?"File":"Folder"},children:[]});const i=[];for(const n of e){const e=t.get(n.id);n.parentId&&t.has(n.parentId)?t.get(n.parentId).children.push(e):i.push(e)}const n=e=>{e.sort((e,t)=>e.sortOrder-t.sortOrder),e.forEach(e=>n(e.children))};n(i);const r=e=>e.map(e=>{const t=r(e.children),{children:i,...n}=e;return 0===t.length?{...n}:{...n,children:t}});return r(i)}(e);T(t)}).catch(e=>{console.log(e)})},Z=e=>{const t={stateId:e,organizationGuid:wE().id,version:null,moduleCode:ND,code:null,action:null,type:null};CD(t).then(e=>{x(e[0]),D(e[0]?.content),S(e[0])}).catch(e=>{console.log(e)})};n.useEffect(()=>{let e=0;const t=()=>{const e=wE();return!!e?.id&&(Q(),nee.eventOpen=e=>{s(!0),w(e)},!0)};if(t())return;const i=setInterval(()=>{e++,(t()||e>=10)&&(clearInterval(i),e>=10&&wG(r("Organization not found")))},500);return()=>clearInterval(i)},[nee.isOpen]);n.useEffect(()=>{if(!q.current||!b||0===g?.length||!a)return;const e=g.find(e=>e.stateId===b);if(!e)return;const t=((e,t)=>{const i=new Map(t.map(e=>[e.id,e.parentId])),n=[];let r=i.get(e);for(;r;)n.unshift(r),r=i.get(r);return n})(e.id,g);setTimeout(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{(async()=>{for(const e of t){const t=document.querySelector(`li#${CSS.escape(e)}`);t&&q.current?.expandNode&&(q.current.expandNode(t),await new Promise(e=>setTimeout(e,100)))}q.current.selectedNodes=[e.id],D(I.content),S(I)})()})})},300),d(!0)},[a,g,b]);const q=n.useRef(null),G=(e=>{const t={},i=[];return e.forEach(e=>{t[e.id]={...e,value:e.id,label:e.name,children:[]}}),e.forEach(e=>{const n=t[e.id];e.parentId&&t[e.parentId]?t[e.parentId].children.push(n):i.push(n)}),i})(g),X=g.map(e=>({code:e.code,label:e.name,value:e.stateId,key:e.id}));n.useEffect(()=>{C&&"Edit"===u&&_()},[C]),n.useEffect(()=>{J(k)},[k]);const J=e=>{if(!e||!e.stateId)return;const t=E.current.find(t=>t?.id===e?.id);Z(t?.stateId)};return n.useEffect(()=>{a&&b&&Z(b)},[a,b]),i.jsxs("div",{className:Oi("guidesidebar d-none d-md-block",{open:a,openExtend:l}),children:[!a&&!o&&i.jsxs(i.Fragment,{children:[i.jsx(DE,{className:Oi({"guide-show":!y}),children:i.jsxs("div",{className:"guide-widget",children:[i.jsx("div",{className:"close-icon",children:i.jsx(Yi,{fontSize:14,color:"#fff",onClick:()=>M(!0)})}),i.jsxs("div",{onClick:R,children:[i.jsx("div",{className:"px-75",children:i.jsx("img",{src:"data:image/png;base64,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",alt:"",style:{maxWidth:65}})}),i.jsx("div",{className:"guide-widget-content",children:i.jsx("span",{children:r("Help function")})})]})]})}),i.jsx(CE,{className:Oi({"guide-widget-icon-show":y}),children:i.jsx("div",{className:"cursor-pointer",onClick:()=>M(!1),children:i.jsx("img",{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUQSURBVHgBvVZLbBtVFD3zsyd27NhJnDRtVZyqfFqgSRCiUiuVNiyQQGpd0Q8LpCQbhNjQbrpNskFsUMOCil1dJL4tIkCphFBJEFKFkEotRAu00Ex/pHbieOz4M/Z7M4/3bFKaNvEnkTiWPR/feWfuvefe+4AaSBxQBtNHm1nyoDqM/xOJ/UrUubKJ5aMdbOaQdrieZ6YiCExH9HA1Gxk1IEGO0SkL+nY/XBv14RRftJr97EFtoHVz85R3q2tq9iUlsmJilZJofjJtinPXI00Bqqq9y9kmD2lvNPW3RH1DawLaFk/VdWsSB8dhkqu50cI5E3KXCxJjS3o8/TLC2lbP4ab+AJjloDBpGu2f2ePLrauiDoROO2MJKWXKkJ8lth1bykYjSq/+tC9spyhyHyeM4h1rd7U1JfEzs189Jkks4ADfd5yyo1gBEge0Xi2knmB5xyyaxaGucRjV7KXEAfR6+9sv6jv8KF3Ow/ohPWndLiz7oFCsT1Mi7G7I5VjoNJ1Egyh7PDfonvC93rVLCahweKgyJ+Ox1uOFvnsNRQ7duvuEq8e7S+G5llt9nNMD+9Y0rB8zBk2S0UaiVSYWJWIHXWOenYEB7XEPSheyyH2X7us4Rcr5FFHR1nknfIM7AsqGfQBNgvGPOCJ7pryQdT6Dwtm5sbZP6ZH7SXgqd/HDXkmSAjxSpkrpqHS/AWOISBJMHr6RBU/1gD7hP/pqWO7YC7A8WIaT5c494EXx5yyynyePhD4hY+JapKWl1XXC/Yw/4n6qGTKPaOm3PLLvx/ctUvW/uZq8955mK8O+13ZWSMktsOTbgJPHUhCL82ZzLFU0o6IMm1X1sG9gTUSkRoBes1D4JhUTlVG1nEQKlM3eQblzC2Dz8M4dX5b07os+6YV1IctbKx1hkjSe/SgxILe5YN8uGnaWfCFKU9hVJRZdyt2t8wTGeFOIccVPwZ4uQX8uACHEpaC2a5B8crm7VTRCuvkCD9hV7Vy8tsPqWlc5xOIrcT3JQRXk0n9eE16CogwX4GQpFLfcgxqo3rkcmKITqd2VSzevdSEgoWDHpOXWuCAYbaMORp3KCyuSgRqo6rFi25OUh3bRA5yoiYfa82Jr5ZpHQJxzMjhxwkXvgCZKBlZDLJRp37CMe+85/EVEfglXqJhAQskaVy29YYERBnK9CMakk1gNcZkoRRcNBZuHWJQHEeF9yA17loAYFVJwr8nF+Wg9LbTmdKJZO02utsKxbK6k2xChFwJy8jZvlyUwh1UMOWnuq6RRnCuNog7UJJa9wZaS8QTUh7fBvnkZyiaCwnkL9OZZkKAMdb1dJs1/PRdL81HYzdODOlDHPGagRQtk4iRkmU/k9g1cYGvg6tkDaf1jKP01AfL7t0YjpHURS4W0MXvlFzQH26C3rYMtZsOda0AmAdz4FUgneJ7pUCOkAkq1PzNfvjsYn5t/q6D5kXMUzJRUpDM5XsNxEH8nJEogm3+/E/pw/j00iKqqZu1rA13Pv4LOUBD+tAFf+jo8uTvIqT5YiVuYN1OmkoqPYAWQahlMHxuaUvteCLuKJtiMAefmJRQzKd7HdeguF1gh2dfx5vkYGkRNYj6jR2Y7e4etR/uhdm1CwO+Fqihwg0D1tIz7t+/ZhxWgJnF5A78tkkIozGv4T+TyFvLzGTOY+iPW9UF6N1aIuvbV9MKZURRz0MI98Mslsz3+0+7VkArU9HgBYgukUjWcpTTWaOkshX8AqKdcZecSWcQAAAAASUVORK5CYII=",alt:"",style:{maxWidth:65}})})})]}),i.jsxs("div",{className:"guidesidebar-header px-2 pt-1 pb-0 position-relative d-flex justify-content-between align-items-center",children:[i.jsxs("h4",{className:"mb-0",children:[i.jsx("a",{href:"/",className:"",onClick:e=>{e.preventDefault(),c(!l)},style:{paddingRight:"5px"},children:!1===l?i.jsx(Ri,{}):i.jsx(_i,{})}),r("Help function")]}),i.jsxs("div",{className:"d-flex align-items-center",style:{marginRight:"10px"},children:[i.jsx("div",{className:"bar__action-left"}),i.jsxs("div",{className:"bar__action-right d-flex",children:[""!==u&&i.jsxs(i.Fragment,{children:[i.jsx(Jx,{className:"me-1",onClick:()=>{p("")},variant:"outlined",children:"View"}),i.jsx(Jx,{className:"me-1",onClick:()=>{},variant:"outlined",children:"Publish"}),"Add"===u&&i.jsx(Jx,{className:"me-1",type:"primary",onClick:()=>{H(V)()},children:r("Save")}),"Edit"===u&&i.jsx(Jx,{className:"me-1",type:"primary",onClick:()=>{H(Y)()},children:r("Save")})]}),""===u&&i.jsxs(i.Fragment,{children:[i.jsx(Jx,{className:"me-1",onClick:()=>(P(),p("Add"),S({}),D(""),void x({})),type:"primary",children:r("Add")}),i.jsx(Jx,{className:"me-1",onClick:()=>_(),type:"primary",children:r("Edit")}),i.jsx(Jx,{className:"me-1",onClick:()=>W(),type:"primary",children:r("Delete")})]})]})]}),i.jsx("a",{href:"/",className:"guidesidebar-close",onClick:R,children:i.jsx(Yi,{})})]}),i.jsx("hr",{style:{marginBottom:"0px"}}),i.jsx(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content view",children:i.jsxs("div",{className:"guide-layout d-flex",children:[i.jsx("div",{className:"guide-tree "+(!0===h?"collapsed":"expanded"),children:i.jsxs(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content view",children:[i.jsxs("h4",{className:"mb-0 d-flex align-items-center justify-content-between",children:[i.jsx("span",{children:r("Help content")}),i.jsx("button",{type:"button",onClick:U,style:{background:"none",border:"none",cursor:"pointer",paddingLeft:"5px"},children:i.jsx(Ui,{})})]}),i.jsx("div",{className:"control-pane custom-treeview",children:i.jsx("div",{className:"control-section",children:i.jsx("div",{className:"tree-control_wrapper custom-treeview",children:i.jsx(iee,{menuData:A,onSelectItem:e=>{z(e)}})})})})]})}),!0===h&&i.jsx("div",{style:{padding:"0.75rem"},children:i.jsx("button",{type:"button",onClick:U,style:{background:"none",border:"none",cursor:"pointer"},children:i.jsx(Ui,{})})}),i.jsx("div",{className:"guide-detail",children:i.jsxs(i.Fragment,{children:[""===u&&i.jsx(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content view",children:N&&i.jsx("div",{dangerouslySetInnerHTML:{__html:N},style:{paddingLeft:"10px"}})}),("Add"===u||"Edit"===u)&&i.jsx(i.Fragment,{children:i.jsx("div",{style:{flex:1,overflow:"hidden"},children:i.jsx(Zi.Scrollbars,{autoHide:!0,className:"guidesidebar-content",children:i.jsxs(to,{className:"mb-1",children:[i.jsx(uo,{md:6,xs:12,children:i.jsx(SE,{control:L,name:"name",label:r("Help_Name"),required:!0,labelSize:"label-small",inLine:!1,errors:B.name})}),i.jsx(uo,{md:3,xs:12,children:i.jsx(SE,{control:L,name:"stateId",label:r("Help_StateId"),required:!0,labelSize:"label-small",inLine:!1,errors:B.stateId,disabled:"Edit"===u})}),i.jsx(uo,{md:3,xs:12,children:i.jsx(SE,{control:L,name:"sortOrder",label:r("STT"),labelSize:"label-small",inLine:!1,type:"number"})}),i.jsx(uo,{lg:6,md:12,xs:12,children:i.jsx(hX,{control:L,name:"parentId",watch:F,label:r("Help_SelectParentCategory"),options:G,labelSize:"label-small",inLine:!1,callback:e=>{O("parentId",e?.value)}})}),i.jsx(uo,{lg:6,md:12,xs:12,children:i.jsx(P0,{control:L,name:"refCode",label:r("Help_RefCode"),options:X,labelSize:"label-small",inLine:!1,isMulti:!0})}),i.jsx(uo,{md:12,xs:12,children:i.jsx(SE,{control:L,name:"description",label:r("Help_Description"),labelSize:"label-small",inLine:!1,type:"textarea",row:1})}),i.jsx(uo,{lg:12,md:12,xs:12,children:i.jsx(fY,{editorTab:!0,labelSize:"label-small",control:L,name:"content",label:r("Help_Content"),placeholder:r("Enter description"),required:!0,inLine:!1,height:800})}),i.jsx(IG,{userSubject:b,typeModal:u,listFile:f,setListFile:v,dataItem:g,listObjectDate:[""]})]})})})})]})})]})})]})},t.HelpEventClose=function(){nee.isOpen=!1},t.HelpEventOpen=function(e){nee.isOpen=!0,nee.key=e,nee.eventOpen(e)},t.statusHelp=nee}(CYe,CYe.exports);T('@charset "UTF-8";\n.react-select-table .select-table-control {\n  opacity: 1;\n  border: 1px solid hsl(0, 0%, 80%);\n  border-radius: 0.357rem;\n  width: 100%;\n  height: 28px;\n  background-color: #fff;\n  display: flex;\n  align-items: center;\n  padding: 2px 8px;\n}\n.react-select-table .select-table-control .select-table-indicator svg {\n  fill: #c4c4c4 !important;\n}\n.react-select-table .select-table-control.r-select-is-open .select-table-indicator svg {\n  fill: rgba(0, 0, 0, 0.6862745098) !important;\n}\n.react-select-table .select-table-control.r-select-is-invalid {\n  border: 1px solid red !important;\n}\n.react-select-table .select-table-control.r-select-is-focus {\n  border: 1px solid #1989fa !important;\n}\n.react-select-table .select-table-control.r-select-is-disabled {\n  background-color: #efefef !important;\n}\n.react-select-table .select-table-control .select-table-container {\n  position: relative;\n  flex: 1;\n}\n.react-select-table .select-table-control .select-table-container .input-container {\n  background-color: transparent;\n  white-space: nowrap;\n  top: 0px;\n  left: 0px;\n  display: inline;\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input {\n  background-color: transparent;\n  text-align: center;\n  width: 100%;\n  box-sizing: border-box;\n  margin-left: -3px;\n  border: none;\n  /* Loại bỏ border */\n  outline: none;\n  /* Loại bỏ outline khi input được chọn */\n}\n.react-select-table .select-table-control .select-table-container .input-container .select-input:focus {\n  border-width: 0px !important;\n}\n.react-select-table .select-table-control .select-table-container .select-placeholder {\n  position: absolute;\n  color: #283046;\n  margin-top: 1px;\n  background-color: transparent;\n}\n.react-select-table .select-table-control .select-table-container .select-value {\n  position: absolute;\n  background-color: transparent;\n  top: 0px;\n  left: 0px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.react-select-table .formula-dropdown {\n  min-width: min-content !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;\n}\n.react-select-table input::placeholder {\n  color: #000000 !important;\n  opacity: 1;\n  /* Firefox */\n}\n\n.r-select-grid.r-select-tree-grid .r-select-gridtable .r-select-row:hover {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619;\n}\n\n.r-select-grid {\n  font-size: 12px;\n  font-family: Montserrat, Helvetica, Arial, serif;\n  font-weight: 500 !important;\n  border-radius: 4px !important;\n  overflow: hidden;\n}\n.r-select-grid table {\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0px;\n}\n.r-select-grid .r-select-gridtable {\n  -webkit-overflow-scrolling: touch;\n  overflow-x: auto;\n  overflow-y: auto;\n  position: relative;\n  background-color: #ffffff;\n  color: rgba(0, 0, 0, 0.8705882353) !important;\n  font-weight: 400 !important;\n  font-size: 13px !important;\n  /* Toàn bộ thanh cuộn */\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar {\n  width: 9px;\n  height: 9px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-track {\n  background: #FCFCFC;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb {\n  background: #8B8B8B;\n  border-radius: 6px;\n}\n.r-select-grid .r-select-gridtable::-webkit-scrollbar-thumb:hover {\n  background: #636363;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell {\n  color: rgba(0, 0, 0, 0.6862745098) !important;\n  position: sticky;\n  padding: 0px;\n  height: 35px;\n  z-index: 1;\n  border-width: 0px;\n  line-height: 16px;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-div {\n  border-bottom: 1px solid #e0e0e0;\n  background-color: #fafafa;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  padding: 5px 10px;\n  height: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridheader .r-select-row .r-select-headercell .r-select-headercell-text {\n  width: 100%;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row {\n  background-color: #ffffff;\n  cursor: pointer;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .cell-fixed {\n  position: sticky;\n  z-index: 1;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.fisrt-row .r-select-rowcell {\n  border-top-width: 0px !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row.last-row .r-select-rowcell {\n  border-bottom: 1px solid #e0e0e0;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell {\n  border-top: 1px solid #e0e0e0;\n  height: 30px !important;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding: 7px 9px;\n  vertical-align: middle !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-move {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n  color: #eb4619 !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-select-active {\n  background-color: #eb4619 !important;\n  color: #ffffff !important;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden {\n  display: none;\n}\n.r-tooltip .r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell.r-hidden ::after {\n  display: none;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand {\n  transition: transform 0.3s ease !important;\n}\n.r-select-grid .r-select-gridtable .r-select-gridcontent .r-select-row .r-select-rowcell .r-icon-expand.is-open {\n  transform: rotate(90deg) !important;\n  -moz-transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n  -o-transform: rotate(90deg);\n}\n.r-select-grid .r-select-gridtable.no-header .r-select-rowcell {\n  border: none !important;\n}\n.r-select-grid .r-no-data {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  padding: 7px 9px;\n  color: #8f8f8f;\n}\n.r-select-grid .r-select-footer {\n  height: 30px;\n  background-color: #fafafa;\n}\n.r-select-grid .r-select-footer button {\n  font-weight: 400 !important;\n  font-size: 13px;\n}\n.r-select-grid .r-select-footer .r-btn {\n  border-width: 0px !important;\n}\n\n.r-pagesize .react-select-table .select-table-control {\n  border-radius: 0px;\n  border: 0px;\n  border-bottom: 1px solid #e0e0e0 !important;\n}\n.r-pagesize .react-select-table .select-table-control.r-select-is-focus {\n  border: 0px !important;\n  border-bottom: 1px solid #1989fa !important;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -400px;\n  padding: 0;\n  background-color: #fff;\n  z-index: 1051;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  height: 100vh;\n  height: calc(var(--vh, 1vh) * 100);\n  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);\n  backface-visibility: hidden;\n  border-left: 1px solid rgba(34, 41, 47, 0.05);\n}\n.r-sidebar.open {\n  box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);\n  right: 0;\n}\n.r-sidebar .modal-header {\n  background-color: #fff;\n}\n.r-sidebar .modal-header .btn-close {\n  padding: 0.8rem;\n  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);\n  border-radius: 0.357rem;\n  background-color: #fff;\n  opacity: 1;\n  transition: all 0.23s ease 0.1s;\n  position: relative;\n  transform: translate(18px, -10px);\n}\n.r-sidebar .modal-header .btn-close:hover, .r-sidebar .modal-header .btn-close:focus, .r-sidebar .modal-header .btn-close:active {\n  opacity: 1;\n  outline: none;\n  transform: translate(15px, -2px);\n  box-shadow: none;\n}\n\n.r-sidebar .react-select {\n  max-width: 100%;\n}\n\n.r-sidebar {\n  width: 400px;\n  right: -100vw;\n  height: 100vh;\n}\n.r-sidebar.customizer-md {\n  width: 600px;\n}\n.r-sidebar.customizer-lg {\n  width: 800px;\n}\n.r-sidebar.customizer-500 {\n  width: 500px;\n}\n@media (max-width: 500px) {\n  .r-sidebar.customizer-500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-600 {\n  width: 600px;\n}\n@media (max-width: 600px) {\n  .r-sidebar.customizer-600 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-700 {\n  width: 700px;\n}\n@media (max-width: 700px) {\n  .r-sidebar.customizer-700 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-800 {\n  width: 800px;\n}\n@media (max-width: 800px) {\n  .r-sidebar.customizer-800 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-900 {\n  width: 900px;\n}\n@media (max-width: 900px) {\n  .r-sidebar.customizer-900 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1000 {\n  width: 1000px;\n}\n@media (max-width: 1000px) {\n  .r-sidebar.customizer-1000 {\n    width: 100vw;\n  }\n}\n.r-sidebar.customizer-1500 {\n  width: 1500px;\n}\n@media (max-width: 1500px) {\n  .r-sidebar.customizer-1500 {\n    width: 100vw;\n  }\n}\n.r-sidebar.fullscreen {\n  width: 100%;\n}\n.r-sidebar.open {\n  right: 0;\n}\n\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow,\n.react-datepicker__navigation-icon::before {\n  border-color: #aeaeae;\n  border-style: solid;\n  border-width: 3px 3px 0 0;\n  content: "";\n  display: block;\n  height: 9px;\n  position: absolute;\n  top: 6px;\n  width: 9px;\n}\n\n.react-datepicker-wrapper {\n  display: inline-block;\n  width: 100% !important;\n  padding: 0;\n  border: 0;\n}\n.react-datepicker-wrapper .react-datepicker__input-container input {\n  height: 29px !important;\n}\n\n.react-datepicker {\n  font-family: "Helvetica Neue", helvetica, arial, sans-serif;\n  font-size: 0.8rem;\n  background-color: #fff;\n  color: #000;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  display: inline-block;\n  position: relative;\n  line-height: initial;\n}\n\n.react-datepicker--time-only .react-datepicker__time-container {\n  border-left: 0;\n}\n\n.react-datepicker--time-only .react-datepicker__time,\n.react-datepicker--time-only .react-datepicker__time-box {\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker-popper {\n  position: relative;\n  line-height: 0;\n}\n\n.react-datepicker-popper .react-datepicker__triangle {\n  stroke: #aeaeae;\n}\n\n.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {\n  fill: #f0f0f0;\n  color: #f0f0f0;\n}\n\n.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {\n  fill: #fff;\n  color: #fff;\n}\n\n.react-datepicker__header {\n  text-align: center;\n  background-color: #FFF;\n  border-bottom: 1px solid #aeaeae;\n  border-top-left-radius: 0.3rem;\n  padding: 8px 0;\n  position: relative;\n}\n\n.react-datepicker__header--time {\n  padding-bottom: 8px;\n  padding-left: 5px;\n  padding-right: 5px;\n}\n\n.react-datepicker__header--time:not(.react-datepicker__header--time--only) {\n  border-top-left-radius: 0;\n}\n\n.react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-dropdown-container--select,\n.react-datepicker__month-dropdown-container--select,\n.react-datepicker__month-year-dropdown-container--select,\n.react-datepicker__year-dropdown-container--scroll,\n.react-datepicker__month-dropdown-container--scroll,\n.react-datepicker__month-year-dropdown-container--scroll {\n  display: inline-block;\n  margin: 0 15px;\n}\n\n.react-datepicker__current-month,\n.react-datepicker-time__header,\n.react-datepicker-year-header {\n  margin-top: 0;\n  color: #000;\n  font-weight: bold;\n  font-size: 0.944rem;\n}\n\nh2.react-datepicker__current-month {\n  padding: 0;\n  margin: 0;\n}\n\n.react-datepicker-time__header {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation {\n  align-items: center;\n  background: none;\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  cursor: pointer;\n  position: absolute;\n  top: 2px;\n  padding: 0;\n  border: none;\n  z-index: 1;\n  height: 32px;\n  width: 32px;\n  text-indent: -999em;\n  overflow: hidden;\n}\n\n.react-datepicker__navigation--previous {\n  left: 2px;\n}\n\n.react-datepicker__navigation--next {\n  right: 2px;\n}\n\n.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {\n  right: 85px;\n}\n\n.react-datepicker__navigation--years {\n  position: relative;\n  top: 0;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.react-datepicker__navigation--years-previous {\n  top: 4px;\n}\n\n.react-datepicker__navigation--years-upcoming {\n  top: -4px;\n}\n\n.react-datepicker__navigation:hover *::before {\n  border-color: #eb4619;\n}\n\n.react-datepicker__navigation-icon {\n  position: relative;\n  top: -1px;\n  font-size: 20px;\n  width: 0;\n}\n\n.react-datepicker__navigation-icon--next {\n  left: -2px;\n}\n\n.react-datepicker__navigation-icon--next::before {\n  transform: rotate(45deg);\n  left: -7px;\n}\n\n.react-datepicker__navigation-icon--previous {\n  right: -2px;\n}\n\n.react-datepicker__navigation-icon--previous::before {\n  transform: rotate(225deg);\n  right: -7px;\n}\n\n.react-datepicker__month-container {\n  float: left;\n}\n\n.react-datepicker__year {\n  margin: 0.4rem;\n  text-align: center;\n}\n\n.react-datepicker__year-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 180px;\n}\n\n.react-datepicker__year .react-datepicker__year-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__month {\n  margin: 0.4rem;\n  text-align: center;\n}\n\n.react-datepicker__month .react-datepicker__month-text,\n.react-datepicker__month .react-datepicker__quarter-text {\n  display: inline-block;\n  width: 4rem;\n  margin: 2px;\n}\n\n.react-datepicker__input-time-container {\n  clear: both;\n  width: 100%;\n  float: left;\n  margin: 5px 0 10px 15px;\n  text-align: left;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__caption {\n  display: inline-block;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container {\n  display: inline-block;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {\n  display: inline-block;\n  margin-left: 10px;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {\n  width: auto;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {\n  margin-left: 5px;\n  display: inline-block;\n}\n\n.react-datepicker__time-container {\n  float: right;\n  border-left: 1px solid #aeaeae;\n  width: 85px;\n}\n\n.react-datepicker__time-container--with-today-button {\n  display: inline;\n  border: 1px solid #aeaeae;\n  border-radius: 0.3rem;\n  position: absolute;\n  right: -87px;\n  top: 0;\n}\n\n.react-datepicker__time-container .react-datepicker__time {\n  position: relative;\n  background: white;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {\n  width: 85px;\n  overflow-x: hidden;\n  margin: 0 auto;\n  text-align: center;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {\n  list-style: none;\n  margin: 0;\n  height: calc(195px + 0.85rem);\n  overflow-y: scroll;\n  padding-right: 0;\n  padding-left: 0;\n  width: 100%;\n  box-sizing: content-box;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {\n  height: 30px;\n  padding: 5px 10px;\n  white-space: nowrap;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {\n  cursor: pointer;\n  background-color: #f0f0f0;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {\n  background-color: #216ba5;\n  color: white;\n  font-weight: bold;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {\n  background-color: #216ba5;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {\n  color: #ccc;\n}\n\n.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {\n  cursor: default;\n  background-color: transparent;\n}\n\n.react-datepicker__week-number {\n  color: #ccc;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__week-number.react-datepicker__week-number--clickable {\n  cursor: pointer;\n}\n\n.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,\n.react-datepicker__week-number--keyboard-selected):hover {\n  border-radius: 0.3rem;\n  background-color: #f0f0f0;\n}\n\n.react-datepicker__week-number--selected {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n\n.react-datepicker__week-number--selected:hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__week-number--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: rgb(41.5, 134.5606060606, 207.5);\n  color: #fff;\n}\n\n.react-datepicker__week-number--keyboard-selected:hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__day-names {\n  white-space: nowrap;\n  margin-bottom: -8px;\n}\n\n.react-datepicker__week {\n  white-space: nowrap;\n}\n\n.react-datepicker__day-name,\n.react-datepicker__day,\n.react-datepicker__time-name {\n  color: #000;\n  display: inline-block;\n  width: 1.7rem;\n  line-height: 1.7rem;\n  text-align: center;\n  margin: 0.166rem;\n}\n\n.react-datepicker__day,\n.react-datepicker__month-text,\n.react-datepicker__quarter-text,\n.react-datepicker__year-text {\n  cursor: pointer;\n}\n\n.react-datepicker__day:not([aria-disabled=true]):hover,\n.react-datepicker__month-text:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text:not([aria-disabled=true]):hover,\n.react-datepicker__year-text:not([aria-disabled=true]):hover {\n  border-radius: 0.3rem;\n  background-color: #FFF;\n}\n\n.react-datepicker__day--today,\n.react-datepicker__month-text--today,\n.react-datepicker__quarter-text--today,\n.react-datepicker__year-text--today {\n  font-weight: bold;\n}\n\n.react-datepicker__day--highlighted,\n.react-datepicker__month-text--highlighted,\n.react-datepicker__quarter-text--highlighted,\n.react-datepicker__year-text--highlighted {\n  border-radius: 0.3rem;\n  background-color: #3dcc4a;\n  color: #fff;\n}\n\n.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {\n  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);\n}\n\n.react-datepicker__day--highlighted-custom-1,\n.react-datepicker__month-text--highlighted-custom-1,\n.react-datepicker__quarter-text--highlighted-custom-1,\n.react-datepicker__year-text--highlighted-custom-1 {\n  color: magenta;\n}\n\n.react-datepicker__day--highlighted-custom-2,\n.react-datepicker__month-text--highlighted-custom-2,\n.react-datepicker__quarter-text--highlighted-custom-2,\n.react-datepicker__year-text--highlighted-custom-2 {\n  color: green;\n}\n\n.react-datepicker__day--holidays,\n.react-datepicker__month-text--holidays,\n.react-datepicker__quarter-text--holidays,\n.react-datepicker__year-text--holidays {\n  position: relative;\n  border-radius: 0.3rem;\n  background-color: #ff6803;\n  color: #fff;\n}\n\n.react-datepicker__day--holidays .overlay,\n.react-datepicker__month-text--holidays .overlay,\n.react-datepicker__quarter-text--holidays .overlay,\n.react-datepicker__year-text--holidays .overlay {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__day--holidays:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {\n  background-color: rgb(207, 82.9642857143, 0);\n}\n\n.react-datepicker__day--holidays:hover .overlay,\n.react-datepicker__month-text--holidays:hover .overlay,\n.react-datepicker__quarter-text--holidays:hover .overlay,\n.react-datepicker__year-text--holidays:hover .overlay {\n  visibility: visible;\n  opacity: 1;\n}\n\n.react-datepicker__day--selected,\n.react-datepicker__day--in-selecting-range,\n.react-datepicker__day--in-range,\n.react-datepicker__month-text--selected,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--selected,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--selected,\n.react-datepicker__year-text--in-selecting-range,\n.react-datepicker__year-text--in-range {\n  border-radius: 0.3rem;\n  background-color: #216ba5;\n  color: #fff;\n}\n\n.react-datepicker__day--selected:not([aria-disabled=true]):hover,\n.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__day--in-range:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__day--keyboard-selected,\n.react-datepicker__month-text--keyboard-selected,\n.react-datepicker__quarter-text--keyboard-selected,\n.react-datepicker__year-text--keyboard-selected {\n  border-radius: 0.3rem;\n  background-color: rgb(186.25, 217.0833333333, 241.25);\n  color: rgb(0, 0, 0);\n}\n\n.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,\n.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,\n.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,\n.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {\n  background-color: rgb(28.75, 93.2196969697, 143.75);\n}\n\n.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range),\n.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,\n.react-datepicker__month-text--in-range,\n.react-datepicker__quarter-text--in-range,\n.react-datepicker__year-text--in-range) {\n  background-color: rgba(33, 107, 165, 0.5);\n}\n\n.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range),\n.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,\n.react-datepicker__month-text--in-selecting-range,\n.react-datepicker__quarter-text--in-selecting-range,\n.react-datepicker__year-text--in-selecting-range) {\n  background-color: #f0f0f0;\n  color: #000;\n}\n\n.react-datepicker__day--disabled,\n.react-datepicker__month-text--disabled,\n.react-datepicker__quarter-text--disabled,\n.react-datepicker__year-text--disabled {\n  cursor: default;\n  color: #ccc;\n}\n\n.react-datepicker__day--disabled .overlay,\n.react-datepicker__month-text--disabled .overlay,\n.react-datepicker__quarter-text--disabled .overlay,\n.react-datepicker__year-text--disabled .overlay {\n  position: absolute;\n  bottom: 70%;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #333;\n  color: #fff;\n  padding: 4px;\n  border-radius: 4px;\n  white-space: nowrap;\n  visibility: hidden;\n  opacity: 0;\n  transition: visibility 0s, opacity 0.3s ease-in-out;\n}\n\n.react-datepicker__input-container {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n}\n\n.react-datepicker__input-container .react-datepicker__calendar-icon {\n  position: absolute;\n  padding: 0.5rem;\n  box-sizing: content-box;\n}\n\n.react-datepicker__view-calendar-icon input {\n  padding: 6px 10px 5px 25px;\n}\n\n.react-datepicker__year-read-view,\n.react-datepicker__month-read-view,\n.react-datepicker__month-year-read-view {\n  border: 1px solid transparent;\n  border-radius: 0.3rem;\n  position: relative;\n}\n\n.react-datepicker__year-read-view:hover,\n.react-datepicker__month-read-view:hover,\n.react-datepicker__month-year-read-view:hover {\n  cursor: pointer;\n}\n\n.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {\n  border-top-color: rgb(178.5, 178.5, 178.5);\n}\n\n.react-datepicker__year-read-view--down-arrow,\n.react-datepicker__month-read-view--down-arrow,\n.react-datepicker__month-year-read-view--down-arrow {\n  transform: rotate(135deg);\n  right: -16px;\n  top: 0;\n}\n\n.react-datepicker__year-dropdown,\n.react-datepicker__month-dropdown,\n.react-datepicker__month-year-dropdown {\n  background-color: #f0f0f0;\n  position: absolute;\n  width: 50%;\n  left: 25%;\n  top: 30px;\n  z-index: 1;\n  text-align: center;\n  border-radius: 0.3rem;\n  border: 1px solid #aeaeae;\n}\n\n.react-datepicker__year-dropdown:hover,\n.react-datepicker__month-dropdown:hover,\n.react-datepicker__month-year-dropdown:hover {\n  cursor: pointer;\n}\n\n.react-datepicker__year-dropdown--scrollable,\n.react-datepicker__month-dropdown--scrollable,\n.react-datepicker__month-year-dropdown--scrollable {\n  height: 150px;\n  overflow-y: scroll;\n}\n\n.react-datepicker__year-option,\n.react-datepicker__month-option,\n.react-datepicker__month-year-option {\n  line-height: 20px;\n  width: 100%;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.react-datepicker__year-option:first-of-type,\n.react-datepicker__month-option:first-of-type,\n.react-datepicker__month-year-option:first-of-type {\n  border-top-left-radius: 0.3rem;\n  border-top-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-option:last-of-type,\n.react-datepicker__month-option:last-of-type,\n.react-datepicker__month-year-option:last-of-type {\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  border-bottom-left-radius: 0.3rem;\n  border-bottom-right-radius: 0.3rem;\n}\n\n.react-datepicker__year-option:hover,\n.react-datepicker__month-option:hover,\n.react-datepicker__month-year-option:hover {\n  background-color: #ccc;\n}\n\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,\n.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {\n  border-bottom-color: rgb(178.5, 178.5, 178.5);\n}\n\n.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,\n.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,\n.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {\n  border-top-color: rgb(178.5, 178.5, 178.5);\n}\n\n.react-datepicker__year-option--selected,\n.react-datepicker__month-option--selected,\n.react-datepicker__month-year-option--selected {\n  position: absolute;\n  left: 15px;\n}\n\n.react-datepicker__close-icon {\n  cursor: pointer;\n  background-color: transparent;\n  border: 0;\n  outline: 0;\n  padding: 0 6px 0 0;\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.react-datepicker__close-icon::after {\n  cursor: pointer;\n  background-color: #216ba5;\n  color: #fff;\n  border-radius: 50%;\n  height: 16px;\n  width: 16px;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  display: table-cell;\n  vertical-align: middle;\n  content: "×";\n}\n\n.react-datepicker__close-icon--disabled {\n  cursor: default;\n}\n\n.react-datepicker__close-icon--disabled::after {\n  cursor: default;\n  background-color: #ccc;\n}\n\n.react-datepicker__today-button {\n  background: #f0f0f0;\n  border-top: 1px solid #aeaeae;\n  cursor: pointer;\n  text-align: center;\n  font-weight: bold;\n  padding: 5px 0;\n  clear: left;\n}\n\n.react-datepicker__portal {\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.8);\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  z-index: 2147483647;\n}\n\n.react-datepicker__portal .react-datepicker__day-name,\n.react-datepicker__portal .react-datepicker__day,\n.react-datepicker__portal .react-datepicker__time-name {\n  width: 3rem;\n  line-height: 3rem;\n}\n\n@media (max-width: 400px), (max-height: 550px) {\n  .react-datepicker__portal .react-datepicker__day-name,\n  .react-datepicker__portal .react-datepicker__day,\n  .react-datepicker__portal .react-datepicker__time-name {\n    width: 2rem;\n    line-height: 2rem;\n  }\n}\n.react-datepicker__portal .react-datepicker__current-month,\n.react-datepicker__portal .react-datepicker-time__header {\n  font-size: 1.44rem;\n}\n\n.react-datepicker__children-container {\n  width: 13.8rem;\n  margin: 0.4rem;\n  padding-right: 0.2rem;\n  padding-left: 0.2rem;\n  height: auto;\n}\n\n.react-datepicker__aria-live {\n  position: absolute;\n  clip-path: circle(0);\n  border: 0;\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.react-datepicker__calendar-icon {\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.125em;\n}\n\n.react-datepicker-popper {\n  z-index: 999 !important;\n  position: fixed !important;\n}\n.react-datepicker-popper .react-datepicker__current-month {\n  color: rgba(0, 0, 0, 0.9) !important;\n  font-weight: 500 !important;\n  display: none;\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown {\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-dropdown-container {\n  margin: 0px 3px 0px 0px;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-dropdown-container {\n  margin: 0px 0px 0px 3px;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select:focus,\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select:focus {\n  border: 1px solid #1989fa !important;\n}\n.react-datepicker-popper .react-datepicker__header__dropdown {\n  /* Giao diện của menu dropdown (tháng và năm) */\n}\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__month-select,\n.react-datepicker-popper .react-datepicker__header__dropdown .react-datepicker__year-select {\n  background-color: #FFF;\n  height: 22px;\n  border-radius: 2px;\n  padding: 2px 0;\n  border: 1px solid hsl(0, 0%, 80%);\n  outline: none;\n}\n.react-datepicker-popper .react-datepicker__navigation {\n  margin-top: 4px;\n  color: #eb4619;\n}\n.react-datepicker-popper .react-datepicker__day-name {\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__day {\n  outline: none;\n  border-radius: 20px !important;\n  font-family: Montserrat, Helvetica, Arial, serif !important;\n}\n.react-datepicker-popper .react-datepicker__day:hover {\n  background-color: rgba(235, 70, 25, 0.1) !important;\n}\n.react-datepicker-popper .react-datepicker__day--today {\n  color: #eb4619;\n}\n.react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--selected {\n  color: #fff;\n}\n.react-datepicker-popper .react-datepicker__day--today.react-datepicker__day--keyboard-selected {\n  background-color: rgba(235, 70, 25, 0.1);\n}\n.react-datepicker-popper .react-datepicker__day--selected {\n  background-color: #eb4619 !important;\n}\n\n.tab-custom {\n  font-family: Roboto, "Segoe UI", GeezaPro, "DejaVu Serif", "sans-serif", -apple-system, BlinkMacSystemFont;\n  display: flex;\n}\n.tab-custom.tab-parent {\n  border-bottom: solid 1px #c9c9c9;\n}\n.tab-custom .btn-scroll {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.tab-custom .tab-component::-webkit-scrollbar {\n  display: none; /* Ẩn thanh cuộn nếu không cần */\n}\n.tab-custom .tab-component {\n  white-space: nowrap;\n  overflow-x: hidden;\n  scroll-behavior: smooth;\n}\n.tab-custom .tab-component > * {\n  display: inline-block;\n}\n.tab-custom .tab-component .tab-custom-item {\n  display: inline-block;\n  padding: 3px 10px;\n  line-height: 23px;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  text-transform: uppercase;\n  height: 30px;\n  color: rgba(0, 0, 0, 0.5);\n}\n.tab-custom .tab-component .tab-custom-item.active {\n  border-bottom: solid 2px #eb4619 !important;\n  color: #eb4619;\n}\n.tab-custom.tab-child .tab-custom-item {\n  font-size: 12px !important;\n  line-height: 23px !important;\n  border-radius: 5px 5px 0px 0px;\n  margin: 8px 3px 0px 3px;\n  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n}\n\n.bs-stepper {\n  background-color: #fff;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);\n  border-radius: 0.5rem;\n}\n.bs-stepper .bs-stepper-header {\n  padding: 1.5rem 1.5rem;\n  flex-wrap: wrap;\n  border-bottom: 1px solid rgba(34, 41, 47, 0.08);\n  margin: 0;\n}\n.bs-stepper .bs-stepper-header .line {\n  flex: 0;\n  min-width: auto;\n  min-height: auto;\n  background-color: transparent;\n  margin: 0;\n  padding: 0 1.75rem;\n  color: #283046;\n  font-size: 1.5rem;\n}\n.bs-stepper .bs-stepper-header .step {\n  margin-bottom: 0.25rem;\n  margin-top: 0.25rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger {\n  flex-wrap: nowrap;\n  padding: 0;\n  font-weight: normal;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  padding: 0.5em 0;\n  font-weight: 500;\n  color: #babfc7;\n  background-color: rgba(186, 191, 199, 0.12);\n  border-radius: 0.35rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {\n  text-align: left;\n  margin: 0;\n  margin-top: 0.5rem;\n  margin-left: 1rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n  display: inherit;\n  color: #283046;\n  font-weight: 600;\n  line-height: 1rem;\n  margin-bottom: 0rem;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n  font-weight: 400;\n  font-size: 0.85rem;\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step .step-trigger:hover {\n  background-color: transparent;\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n  background-color: #eb4619;\n  color: #fff;\n  box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {\n  background-color: rgba(235, 70, 25, 0.12);\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #b9b9c3;\n}\n.bs-stepper .bs-stepper-header .step.crossed + .line {\n  color: #eb4619;\n}\n.bs-stepper .bs-stepper-content {\n  padding: 1.5rem 1.5rem;\n}\n.bs-stepper .bs-stepper-content .content {\n  margin-left: 0;\n}\n.bs-stepper .bs-stepper-content .content .content-header {\n  margin-bottom: 1rem;\n}\n.bs-stepper.vertical .bs-stepper-header {\n  border-right: 1px solid #ebe9f1;\n  border-bottom: none;\n}\n.bs-stepper.vertical .bs-stepper-header .step .step-trigger {\n  padding: 1rem 0;\n}\n.bs-stepper.vertical .bs-stepper-header .line {\n  display: none;\n}\n.bs-stepper.vertical .bs-stepper-content {\n  width: 100%;\n  padding-top: 2.5rem;\n}\n.bs-stepper.vertical .bs-stepper-content .content:not(.active) {\n  display: none;\n}\n.bs-stepper.vertical.wizard-icons .step {\n  text-align: center;\n}\n.bs-stepper.wizard-modern {\n  background-color: transparent;\n  box-shadow: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-header {\n  border: none;\n}\n.bs-stepper.wizard-modern .bs-stepper-content {\n  background-color: #fff;\n  border-radius: 0.5rem;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);\n}\n\n.horizontal-wizard,\n.vertical-wizard,\n.modern-horizontal-wizard,\n.modern-vertical-wizard {\n  margin-bottom: 2.2rem;\n}\n\n.dark-layout .bs-stepper {\n  background-color: #283046;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);\n}\n.dark-layout .bs-stepper .bs-stepper-header {\n  border-bottom: 1px solid rgba(59, 66, 83, 0.08);\n}\n.dark-layout .bs-stepper .bs-stepper-header .line {\n  color: #b4b7bd;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-box {\n  color: #babfc7;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #b4b7bd;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {\n  color: #676d7d;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {\n  background-color: #eb4619;\n  color: #fff;\n  box-shadow: 0 3px 6px 0 rgba(235, 70, 25, 0.4);\n}\n.dark-layout .bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {\n  color: #eb4619;\n}\n.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label,\n.dark-layout .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {\n  color: #676d7d;\n}\n.dark-layout .bs-stepper.vertical .bs-stepper-header {\n  border-right-color: #3b4253;\n}\n.dark-layout .bs-stepper.wizard-modern {\n  background-color: transparent;\n  box-shadow: none;\n}\n.dark-layout .bs-stepper.wizard-modern .bs-stepper-header {\n  border: none;\n}\n.dark-layout .bs-stepper.wizard-modern .bs-stepper-content {\n  background-color: #283046;\n  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);\n}\n\nhtml[data-textdirection=rtl] .btn-prev,\nhtml[data-textdirection=rtl] .btn-next {\n  display: flex;\n}\nhtml[data-textdirection=rtl] .btn-prev i,\nhtml[data-textdirection=rtl] .btn-prev svg,\nhtml[data-textdirection=rtl] .btn-next i,\nhtml[data-textdirection=rtl] .btn-next svg {\n  transform: rotate(-180deg);\n}\n\n@media (max-width: 992px) {\n  .bs-stepper .bs-stepper-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .bs-stepper .bs-stepper-header .step .step-trigger {\n    padding: 0.5rem 0 !important;\n    flex-direction: row;\n  }\n  .bs-stepper .bs-stepper-header .line {\n    display: none;\n  }\n  .bs-stepper.vertical {\n    flex-direction: column;\n  }\n  .bs-stepper.vertical .bs-stepper-header {\n    align-items: flex-start;\n  }\n  .bs-stepper.vertical .bs-stepper-content {\n    padding-top: 1.5rem;\n  }\n}\n.r-tooltip .tooltip-inner {\n  font-size: 11px !important;\n}\n.r-tooltip.tooltip-error ::before {\n  border-top-color: rgb(235, 78, 78) !important;\n}\n.r-tooltip.tooltip-error .tooltip-inner {\n  background-color: rgb(235, 78, 78) !important;\n}\n\n.btn-input-style {\n  font-weight: 500;\n  text-transform: uppercase;\n  border: 1px solid #e0e0e0;\n  border-radius: 5px;\n  margin-left: 3px;\n  height: 28px !important;\n  padding: 2px 5px;\n  cursor: pointer;\n}\n.btn-input-style:hover {\n  background-color: rgba(235, 70, 25, 0.1);\n  color: #eb4619;\n}\n.btn-input-style.active-custom {\n  background-color: #eb4619 !important;\n  color: #ffffff !important;\n}\n\n.export_excel_table_config table tbody tr td:first-child {\n  text-align: center;\n}\n\n.export_excel_table_config table tbody tr th:not(:first-child) div:first-child,\n.export_excel_table_config table tbody tr td:not(:first-child) div:first-child {\n  padding-left: 7px;\n}');const EYe=e=>null==e,AYe=[{value:1,label:"Times New Roman"},{value:2,label:"Arial"},{value:3,label:"Arial Black"},{value:4,label:"Calibri"},{value:5,label:"Cambria"},{value:6,label:"Candara"},{value:7,label:"Comic Sans MS"},{value:8,label:"Consolas"},{value:9,label:"Courier New"},{value:10,label:"Georgia"},{value:11,label:"Impact"},{value:12,label:"Lucida Console"},{value:13,label:"Lucida Sans Unicode"},{value:14,label:"Palatino Linotype"},{value:15,label:"Segoe UI"},{value:16,label:"Tahoma"},{value:17,label:"Trebuchet MS"},{value:18,label:"Verdana"},{value:19,label:"Book Antiqua"},{value:20,label:"Garamond"},{value:21,label:"Gill Sans"},{value:22,label:"Helvetica"},{value:23,label:"Franklin Gothic Medium"},{value:24,label:"Futura"},{value:25,label:"Baskerville"},{value:26,label:"Brush Script MT"},{value:27,label:"Rockwell"},{value:28,label:"Century Gothic"},{value:29,label:"Perpetua"},{value:30,label:"Didot"},{value:31,label:"Arial Narrow"},{value:32,label:"Arial Rounded MT Bold"},{value:33,label:"Calibri Light"},{value:34,label:"Cambria Math"},{value:35,label:"Century"},{value:36,label:"Charter"},{value:37,label:"Cochin"},{value:40,label:"Frank Ruhl"},{value:43,label:"Lucida Bright"},{value:44,label:"Lucida Handwriting"},{value:45,label:"Mongolian Baiti"},{value:46,label:"Miriam"},{value:47,label:"MS Gothic"},{value:48,label:"MS Mincho"},{value:49,label:"MS PMincho"},{value:50,label:"MS PGothic"},{value:51,label:"MT Extra"},{value:52,label:"Palatino"},{value:53,label:"Tisa"},{value:54,label:"Vivaldi"},{value:55,label:"WST_Gothic"},{value:56,label:"Andalus"},{value:57,label:"Angsana New"},{value:58,label:"Arabic Typesetting"},{value:59,label:"Avenir"},{value:60,label:"Browallia New"},{value:63,label:"Iris"},{value:64,label:"Jasmine"},{value:65,label:"Mistral"},{value:66,label:"Myriad Pro"},{value:68,label:"Vladimir Script"},{value:69,label:"Algerian"},{value:70,label:"Berlin Sans FB"},{value:71,label:"Bodoni MT"},{value:72,label:"Bookman Old Style"},{value:73,label:"Copperplate Gothic"},{value:74,label:"Elephant"},{value:75,label:"FangSong"},{value:76,label:"Garamond Premr"},{value:77,label:"Jokerman"},{value:78,label:"Kaiti"},{value:79,label:"MingLiU"},{value:80,label:"Myriad"},{value:81,label:"Oklahoma"},{value:82,label:"Papyrus"},{value:83,label:"Perpetua Titling MT"},{value:84,label:"Rockwell Extra Bold"},{value:85,label:"Script MT Bold"},{value:86,label:"Snap ITC"},{value:88,label:"Viner Hand ITC"},{value:89,label:"Wingdings"},{value:90,label:"Zapf Dingbats"},{value:91,label:"Apple Chancery"},{value:92,label:"Avant Garde"},{value:93,label:"Big Caslon"},{value:94,label:"Bodoni 72"},{value:95,label:"Caslon"},{value:96,label:"Chaparral Pro"},{value:97,label:"Clarendon"},{value:98,label:"Coolvetica"},{value:99,label:"Doulos SIL"},{value:100,label:"Fira Sans"},{value:101,label:"Frutiger"},{value:102,label:"Georgia Pro"},{value:103,label:"Goudy Old Style"},{value:104,label:"ITC Garamond"},{value:105,label:"ITC Officina Sans"},{value:106,label:"Janson Text"},{value:108,label:"Kabel"},{value:109,label:"Lato"},{value:110,label:"Lora"},{value:111,label:"Mangal"},{value:112,label:"Marlett"},{value:113,label:"Minion Pro"},{value:114,label:"Modern No. 20"},{value:115,label:"Neutraface"},{value:116,label:"Noto Sans"},{value:117,label:"Open Sans"},{value:118,label:"Orator"},{value:119,label:"Oswald"},{value:120,label:"Playfair Display"},{value:121,label:"Quicksand"},{value:122,label:"Roboto"},{value:124,label:"Sabon"},{value:125,label:"Segoe Print"},{value:126,label:"Segoe Script"},{value:128,label:"TeX Gyre Adventor"},{value:129,label:"TeX Gyre Bonum"},{value:130,label:"TeX Gyre Chorus"},{value:131,label:"TeX Gyre Cursor"},{value:132,label:"TeX Gyre Heros"},{value:133,label:"TeX Gyre Pagella"},{value:134,label:"TeX Gyre Schola"},{value:135,label:"TeX Gyre Termes"},{value:136,label:"Trajan Pro"},{value:137,label:"Univers"},{value:138,label:"Verdana Pro"},{value:140,label:"Zapf Calligraphic"},{value:141,label:"Zapf Chancery"},{value:143,label:"Abadi MT Condensed"},{value:144,label:"Albertus"},{value:146,label:"Aldine"},{value:147,label:"American Typewriter"},{value:148,label:"Andale Mono"},{value:149,label:"Apple Gothic"},{value:150,label:"Apple Symbols"},{value:151,label:"Arial Unicode MS"},{value:153,label:"Bernhard Fashion"},{value:154,label:"Bernhard Gothic"},{value:155,label:"Bernhard Modern"},{value:157,label:"Blackadder ITC"},{value:158,label:"Bodoni MT Condensed"},{value:160,label:"Bookman"},{value:162,label:"Bradley Hand ITC"},{value:163,label:"Brush Script Std"},{value:164,label:"Calisto MT"},{value:165,label:"Castle"},{value:166,label:"Chalkboard SE"},{value:167,label:"Chalkduster"},{value:168,label:"Cheltenham"},{value:170,label:"Copperplate"},{value:171,label:"Courier"},{value:172,label:"Creepster"},{value:173,label:"Crimson Text"},{value:177,label:"Freestyle Script"},{value:180,label:"Gill Sans MT"},{value:181,label:"Gotham"},{value:182,label:"Harlow Solid Italic"},{value:183,label:"Harrington"},{value:184,label:"Hobo Std"},{value:185,label:"Hoefler Text"},{value:186,label:"Humin"},{value:187,label:"Inconsolata"},{value:189,label:"Kaiti SC"},{value:190,label:"Klavika"},{value:191,label:"Kozuka Gothic"},{value:192,label:"Kozuka Mincho"},{value:193,label:"Lucida Grande"},{value:194,label:"Lucida Sans"},{value:195,label:"Lucida Sans Typewriter"},{value:196,label:"Merryweather"},{value:198,label:"Monaco"},{value:200,label:"Noto Serif"},{value:201,label:"Odin Rounded"},{value:202,label:"Open Sans Condensed"},{value:203,label:"Optima"},{value:205,label:"Parchment"},{value:208,label:"PT Serif"},{value:210,label:"Ravie"},{value:212,label:"Ruge Boogie"},{value:214,label:"Segoe MDL2 Assets"},{value:217,label:"Shonar Bangla"},{value:218,label:"Simplified Arabic"},{value:219,label:"Sitka"},{value:220,label:"Stencil"},{value:221,label:"Swis721 BT"},{value:230,label:"Adobe Caslon Pro"},{value:231,label:"Adobe Garamond Pro"},{value:232,label:"Avenir Next"},{value:233,label:"Baskerville Old Face"},{value:234,label:"Bebas Neue"},{value:235,label:"Bembo"},{value:238,label:"Bodoni MT Poster Compressed"},{value:239,label:"Braggadocio"},{value:241,label:"Castellar"},{value:242,label:"Chiller"},{value:244,label:"Edwardian Script ITC"},{value:245,label:"Exo"},{value:246,label:"Fira Code"},{value:251,label:"Helvetica Neue"},{value:252,label:"Karla"},{value:254,label:"Merriweather"},{value:255,label:"Montserrat"},{value:257,label:"Old English Text MT"},{value:258,label:"Oxygen"},{value:261,label:"Roboto Condensed"},{value:262,label:"Source Sans Pro"},{value:263,label:"Space Mono"},{value:264,label:"Spectral"},{value:265,label:"Titan One"},{value:266,label:"Ubuntu"},{value:267,label:"Ubuntu Condensed"},{value:268,label:"Varela Round"}],TYe=t=>{const{value:i,onChange:n,disabled:r,disabledColor:o,disabledBackgroundColor:a,disabledFontFamily:s,disabledFontSize:l,disabledBold:c,disabledItalic:h,disabledUnderline:u}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:"d-flex align-items-center"},v.default.createElement(d.SelectTable,{options:AYe,isDisabled:r||s,noHeader:!0,value:i.fontFamily?AYe.find(e=>e.label===i.fontFamily):null,onChange:e=>{n({...i,fontFamily:e.label})},fieldValue:"label",columns:[{field:"label",headerText:"",template:e=>v.default.createElement("div",{style:{fontFamily:e.label}},e.label)}],formatOptionLabel:e=>v.default.createElement("p",{style:{paddingLeft:3,borderRadius:2,marginTop:1,marginBottom:0,fontFamily:i.fontFamily,fontWeight:i.bold?"bold":"normal",fontStyle:i.italic?"italic":"normal",textDecoration:i.underline?"underline":"normal",backgroundColor:i.backgroundColor??"#ffffff",color:i.color??"#000000"}},e.label)}),v.default.createElement("div",{className:dt("ms-25",{"d-none":l}),style:{width:60}},v.default.createElement(d.SelectTable,{options:Array.from({length:100},(e,t)=>({value:t+1,label:t+1})),noHeader:!0,isDisabled:r,value:i.fontSize?{value:i.fontSize,label:i.fontSize}:null,onChange:e=>{n({...i,fontSize:e.value})}})),v.default.createElement("div",{className:dt("btn-input-style",{"active-custom":i.bold},{"d-none":c}),onClick:()=>{r||n({...i,bold:!i.bold})}},v.default.createElement(Qr,{fontSize:18})),v.default.createElement("div",{className:dt("btn-input-style",{"active-custom":i.italic},{"d-none":h}),onClick:()=>{r||n({...i,italic:!i.italic})}},v.default.createElement(so,{fontSize:18})),v.default.createElement("div",{className:dt("btn-input-style",{"active-custom":i.underline},{"d-none":u}),onClick:()=>{r||n({...i,underline:!i.underline})}},v.default.createElement(No,{fontSize:18})),v.default.createElement(wi,{tag:"label",color:"none",className:dt("btn-input-style",{"d-none":o})},v.default.createElement(xo,{stroke:i.color??"#000000",fontSize:18}),v.default.createElement("input",{type:"color",id:"color",disabled:r,value:i.color,style:{color:"#FFF",border:"none",height:0,width:0,outline:"none",padding:0},onChange:e=>{n({...i,color:e.target.value})}})),v.default.createElement(wi,{tag:"label",color:"none",className:dt("btn-input-style",{"d-none":a})},v.default.createElement($r,{fill:i.backgroundColor??"#ffffff",fontSize:18}),v.default.createElement(pr,{id:"backgroundColor",type:"color",disabled:r,style:{color:"#FFF",border:"none",height:0,width:0,outline:"none",padding:0},value:i.backgroundColor,onChange:e=>{n({...i,backgroundColor:e.target.value})}}))))},kYe=t=>{const{open:i,children:n,toggleSidebar:r,width:o,keyboard:a,hiddenBackground:s,hiddenFullScreenButton:l}=t,[c,h]=e.useState(!1),[d,u]=e.useState(i);e.useEffect(()=>{i!==d&&(i?u(i):setTimeout(()=>{u(i)},50))},[i]);const p=()=>{u(!1),setTimeout(()=>{r()},400)};return v.default.createElement("div",{tabIndex:0,className:dt({"d-none":!i}),onKeyDown:e=>{!a&&"Escape"===e.code&&d&&(p(),e.stopPropagation(),e.preventDefault())}},v.default.createElement("div",{className:dt("offcanvas-backdrop fade",{"d-none":!d||s,show:d}),style:{zIndex:1056},onClick:p}),v.default.createElement("div",{className:dt("customizer d-md-block ",`customizer-${o??600}`,{open:d,fullscreen:c}),style:{zIndex:1057}},v.default.createElement("div",{style:{position:"fixed",top:"50%",transform:"translate(-50%, -50%)",background:"#FFF",filter:"drop-shadow(0.9px 0.9px 1.5px)",height:50,display:"flex",alignItems:"center",borderRadius:"0px 5px 5px 0px",cursor:"pointer",zIndex:9,marginLeft:7},className:dt({"d-none":l}),onClick:()=>{h(!c)}},v.default.createElement(Gr,{className:""+(c?"d-none":""),fontSize:16}),v.default.createElement(Xr,{className:""+(c?"":"d-none"),fontSize:15})),n))},zYe=e=>{const{title:t,handleModal:i,typeModal:n="Edit",component:r}=e,{t:o}=Nc();return v.default.createElement("div",{className:"modal-header d-flex align-items-center justify-content-between"},v.default.createElement("div",{className:"d-flex align-items-center justify-content-start"},v.default.createElement("h5",{className:"modal-title"},"Edit"===n||"Approval"===n?v.default.createElement(eo,{fontSize:17,className:"me-1"}):"View"===n||"Detail"===n?v.default.createElement(ao,{fontSize:17,className:"me-1"}):"Order"===n?v.default.createElement("span",{className:"e-icons e-sorting-1 me-1",style:{fontSize:"14px"}}):"Process"===n?v.default.createElement("span",{className:"e-flat e-icons e-paste-match-destination me-1",style:{fontSize:"14px"}}):v.default.createElement(go,{fontSize:17,className:"me-1"})," ",o(t)),r?r():v.default.createElement(v.default.Fragment,null)),v.default.createElement("div",{className:"todo-item-action d-flex align-items-center"},v.default.createElement(Do,{className:dt("fw-normal mt-25 cursor-pointer",{"d-none":!i}),fontSize:20,onClick:i})))},jYe=t=>{const{t:i}=Nc(),{isLabel:n,name:r,label:o,required:a}=t;return v.default.createElement(e.Fragment,null,!1===n?"":v.default.createElement(xr,{for:r},i(o||"")," ",a?v.default.createElement("span",{className:"text-danger"},"*"):""," "))},LYe=t=>{const{control:i,id:n,name:r,min:o,max:a,type:s,label:l,labelSize:c,required:h,errors:d,height:u,disabled:p,row:g,isLabel:m,placeholder:f,autoFocus:y,inLine:M,callback:b,readOnly:w,classes:I,...x}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:dt(" align",{[c||""]:c,[I||""]:I,"form-row-inline-error":d},!1===M?"form-group ":"form-row-inline d-flex")},jYe({isLabel:m,name:r,label:l,required:h}),v.default.createElement("div",{className:dt("form-input-content",{"hidden-label":!1===m})},v.default.createElement(e.Fragment,null,v.default.createElement(oee,{name:r,control:i,render:({field:{value:e,onChange:t}})=>v.default.createElement(pr,{id:n,value:EYe(e)?"":e,onChange:e=>{o||a?(o&&Number(e.target.value)>=o&&(t(e.target.value),b&&b(e)),a&&Number(e.target.value)<=a&&(t(e.target.value),b&&b(e))):(t(e.target.value),b&&b(e))},style:{height:`${u}px`},autoFocus:y,disabled:p,placeholder:f,type:s||"text",invalid:d&&!0,className:"h-100",rows:g,min:o,max:a,readOnly:w,...x})}),d&&v.default.createElement(tr,null,d?.message)))))};function OYe(){return"function"==typeof BigInt}function PYe(e){return!e&&0!==e&&!Number.isNaN(e)||!String(e).trim()}function FYe(e){var t=e.trim(),i=t.startsWith("-");i&&(t=t.slice(1)),(t=t.replace(/(\.\d*[^0])0*$/,"$1").replace(/\.0*$/,"").replace(/^0+/,"")).startsWith(".")&&(t="0".concat(t));var n=t||"0",r=n.split("."),o=r[0]||"0",a=r[1]||"0";"0"===o&&"0"===a&&(i=!1);var s=i?"-":"";return{negative:i,negativeStr:s,trimStr:n,integerStr:o,decimalStr:a,fullStr:"".concat(s).concat(n)}}function HYe(e){var t=String(e);return!Number.isNaN(Number(t))&&t.includes("e")}function BYe(e){var t=String(e);if(HYe(e)){var i=Number(t.slice(t.indexOf("e-")+2)),n=t.match(/\.(\d+)/);return null!=n&&n[1]&&(i+=n[1].length),i}return t.includes(".")&&UYe(t)?t.length-t.indexOf(".")-1:0}function RYe(e){var t=String(e);if(HYe(e)){if(e>Number.MAX_SAFE_INTEGER)return String(OYe()?BigInt(e).toString():Number.MAX_SAFE_INTEGER);if(e<Number.MIN_SAFE_INTEGER)return String(OYe()?BigInt(e).toString():Number.MIN_SAFE_INTEGER);t=e.toFixed(BYe(t))}return FYe(t).fullStr}function UYe(e){return"number"==typeof e?!Number.isNaN(e):!!e&&(/^\s*-?\d+(\.\d+)?\s*$/.test(e)||/^\s*-?\d+\.\s*$/.test(e)||/^\s*-?\.\d+\s*$/.test(e))}var _Ye=function(){function e(t){if(Hl(this,e),Tl(this,"origin",""),Tl(this,"negative",void 0),Tl(this,"integer",void 0),Tl(this,"decimal",void 0),Tl(this,"decimalLen",void 0),Tl(this,"empty",void 0),Tl(this,"nan",void 0),PYe(t))this.empty=!0;else if(this.origin=String(t),"-"===t||Number.isNaN(t))this.nan=!0;else{var i=t;if(HYe(i)&&(i=Number(i)),UYe(i="string"==typeof i?i:RYe(i))){var n=FYe(i);this.negative=n.negative;var r=n.trimStr.split(".");this.integer=BigInt(r[0]);var o=r[1]||"0";this.decimal=BigInt(o),this.decimalLen=o.length}else this.nan=!0}}return Rl(e,[{key:"getMark",value:function(){return this.negative?"-":""}},{key:"getIntegerStr",value:function(){return this.integer.toString()}},{key:"getDecimalStr",value:function(){return this.decimal.toString().padStart(this.decimalLen,"0")}},{key:"alignDecimal",value:function(e){var t="".concat(this.getMark()).concat(this.getIntegerStr()).concat(this.getDecimalStr().padEnd(e,"0"));return BigInt(t)}},{key:"negate",value:function(){var t=new e(this.toString());return t.negative=!t.negative,t}},{key:"cal",value:function(t,i,n){var r=Math.max(this.getDecimalStr().length,t.getDecimalStr().length),o=i(this.alignDecimal(r),t.alignDecimal(r)).toString(),a=n(r),s=FYe(o),l=s.negativeStr,c=s.trimStr,h="".concat(l).concat(c.padStart(a+1,"0"));return new e("".concat(h.slice(0,-a),".").concat(h.slice(-a)))}},{key:"add",value:function(t){if(this.isInvalidate())return new e(t);var i=new e(t);return i.isInvalidate()?this:this.cal(i,function(e,t){return e+t},function(e){return e})}},{key:"multi",value:function(t){var i=new e(t);return this.isInvalidate()||i.isInvalidate()?new e(NaN):this.cal(i,function(e,t){return e*t},function(e){return 2*e})}},{key:"isEmpty",value:function(){return this.empty}},{key:"isNaN",value:function(){return this.nan}},{key:"isInvalidate",value:function(){return this.isEmpty()||this.isNaN()}},{key:"equals",value:function(e){return this.toString()===(null==e?void 0:e.toString())}},{key:"lessEquals",value:function(e){return this.add(e.negate().toString()).toNumber()<=0}},{key:"toNumber",value:function(){return this.isNaN()?NaN:Number(this.toString())}},{key:"toString",value:function(){return!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?this.isInvalidate()?"":FYe("".concat(this.getMark()).concat(this.getIntegerStr(),".").concat(this.getDecimalStr())).fullStr:this.origin}}]),e}(),WYe=function(){function e(t){Hl(this,e),Tl(this,"origin",""),Tl(this,"number",void 0),Tl(this,"empty",void 0),PYe(t)?this.empty=!0:(this.origin=String(t),this.number=Number(t))}return Rl(e,[{key:"negate",value:function(){return new e(-this.toNumber())}},{key:"add",value:function(t){if(this.isInvalidate())return new e(t);var i=Number(t);if(Number.isNaN(i))return this;var n=this.number+i;if(n>Number.MAX_SAFE_INTEGER)return new e(Number.MAX_SAFE_INTEGER);if(n<Number.MIN_SAFE_INTEGER)return new e(Number.MIN_SAFE_INTEGER);var r=Math.max(BYe(this.number),BYe(i));return new e(n.toFixed(r))}},{key:"multi",value:function(t){var i=Number(t);if(this.isInvalidate()||Number.isNaN(i))return new e(NaN);var n=this.number*i;if(n>Number.MAX_SAFE_INTEGER)return new e(Number.MAX_SAFE_INTEGER);if(n<Number.MIN_SAFE_INTEGER)return new e(Number.MIN_SAFE_INTEGER);var r=Math.max(BYe(this.number),BYe(i));return new e(n.toFixed(r))}},{key:"isEmpty",value:function(){return this.empty}},{key:"isNaN",value:function(){return Number.isNaN(this.number)}},{key:"isInvalidate",value:function(){return this.isEmpty()||this.isNaN()}},{key:"equals",value:function(e){return this.toNumber()===(null==e?void 0:e.toNumber())}},{key:"lessEquals",value:function(e){return this.add(e.negate().toString()).toNumber()<=0}},{key:"toNumber",value:function(){return this.number}},{key:"toString",value:function(){return!(arguments.length>0&&void 0!==arguments[0])||arguments[0]?this.isInvalidate()?"":RYe(this.number):this.origin}}]),e}();function VYe(e){return OYe()?new _Ye(e):new WYe(e)}function YYe(e,t,i){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(""===e)return"";var r=FYe(e),o=r.negativeStr,a=r.integerStr,s=r.decimalStr,l="".concat(t).concat(s),c="".concat(o).concat(a);if(i>=0){var h=Number(s[i]);return h>=5&&!n?YYe(VYe(e).add("".concat(o,"0.").concat("0".repeat(i)).concat(10-h)).toString(),t,i,n):0===i?c:"".concat(c).concat(t).concat(s.padEnd(i,"0").slice(0,i))}return".0"===l?c:"".concat(c).concat(l)}var QYe=v.default.forwardRef(function(t,i){var n,r,o,a=t.inputElement,s=t.children,l=t.prefixCls,c=t.prefix,h=t.suffix,d=t.addonBefore,u=t.addonAfter,p=t.className,g=t.style,m=t.disabled,f=t.readOnly,y=t.focused,M=t.triggerFocus,b=t.allowClear,w=t.value,I=t.handleReset,x=t.hidden,N=t.classes,D=t.classNames,C=t.dataAttrs,S=t.styles,E=t.components,A=t.onClear,T=null!=s?s:a,k=(null==E?void 0:E.affixWrapper)||"span",z=(null==E?void 0:E.groupWrapper)||"span",j=(null==E?void 0:E.wrapper)||"span",L=(null==E?void 0:E.groupAddon)||"span",O=e.useRef(null),P=function(e){return!!(e.prefix||e.suffix||e.allowClear)}(t),F=e.cloneElement(T,{value:w,className:dt(null===(n=T.props)||void 0===n?void 0:n.className,!P&&(null==D?void 0:D.variant))||null}),H=e.useRef(null);if(v.default.useImperativeHandle(i,function(){return{nativeElement:H.current||O.current}}),P){var B=null;if(b){var R=!m&&!f&&w,U="".concat(l,"-clear-icon"),_="object"===El(b)&&null!=b&&b.clearIcon?b.clearIcon:"✖";B=v.default.createElement("button",{type:"button",tabIndex:-1,onClick:function(e){null==I||I(e),null==A||A()},onMouseDown:function(e){return e.preventDefault()},className:dt(U,Tl(Tl({},"".concat(U,"-hidden"),!R),"".concat(U,"-has-suffix"),!!h))},_)}var W="".concat(l,"-affix-wrapper"),V=dt(W,Tl(Tl(Tl(Tl(Tl({},"".concat(l,"-disabled"),m),"".concat(W,"-disabled"),m),"".concat(W,"-focused"),y),"".concat(W,"-readonly"),f),"".concat(W,"-input-with-clear-btn"),h&&b&&w),null==N?void 0:N.affixWrapper,null==D?void 0:D.affixWrapper,null==D?void 0:D.variant),Y=(h||b)&&v.default.createElement("span",{className:dt("".concat(l,"-suffix"),null==D?void 0:D.suffix),style:null==S?void 0:S.suffix},B,h);F=v.default.createElement(k,Ii({className:V,style:null==S?void 0:S.affixWrapper,onClick:function(e){var t;null!==(t=O.current)&&void 0!==t&&t.contains(e.target)&&(null==M||M())}},null==C?void 0:C.affixWrapper,{ref:O}),c&&v.default.createElement("span",{className:dt("".concat(l,"-prefix"),null==D?void 0:D.prefix),style:null==S?void 0:S.prefix},c),F,Y)}if(function(e){return!(!e.addonBefore&&!e.addonAfter)}(t)){var Q="".concat(l,"-group"),Z="".concat(Q,"-addon"),q="".concat(Q,"-wrapper"),G=dt("".concat(l,"-wrapper"),Q,null==N?void 0:N.wrapper,null==D?void 0:D.wrapper),X=dt(q,Tl({},"".concat(q,"-disabled"),m),null==N?void 0:N.group,null==D?void 0:D.groupWrapper);F=v.default.createElement(z,{className:X,ref:H},v.default.createElement(j,{className:G},d&&v.default.createElement(L,{className:Z},d),F,u&&v.default.createElement(L,{className:Z},u)))}return v.default.cloneElement(F,{className:dt(null===(r=F.props)||void 0===r?void 0:r.className,p)||null,style:Tve(Tve({},null===(o=F.props)||void 0===o?void 0:o.style),g),hidden:x})});var ZYe=function(){var t=wc(e.useState(!1),2),i=t[0],n=t[1];return Mye(function(){n(AMe())},[]),i};function qYe(e){var t=e.prefixCls,i=e.upNode,n=e.downNode,r=e.upDisabled,o=e.downDisabled,a=e.onStep,s=y.useRef(),l=y.useRef([]),c=y.useRef();c.current=a;var h=function(){clearTimeout(s.current)},d=function(e,t){e.preventDefault(),h(),c.current(t),s.current=setTimeout(function e(){c.current(t),s.current=setTimeout(e,200)},600)};if(y.useEffect(function(){return function(){h(),l.current.forEach(function(e){return fbe.cancel(e)})}},[]),ZYe())return null;var u="".concat(t,"-handler"),p=dt(u,"".concat(u,"-up"),Tl({},"".concat(u,"-up-disabled"),r)),g=dt(u,"".concat(u,"-down"),Tl({},"".concat(u,"-down-disabled"),o)),m=function(){return l.current.push(fbe(h))},f={unselectable:"on",role:"button",onMouseUp:m,onMouseLeave:m};return y.createElement("div",{className:"".concat(u,"-wrap")},y.createElement("span",Ii({},f,{onMouseDown:function(e){d(e,!0)},"aria-label":"Increase Value","aria-disabled":r,className:p}),i||y.createElement("span",{unselectable:"on",className:"".concat(t,"-handler-up-inner")})),y.createElement("span",Ii({},f,{onMouseDown:function(e){d(e,!1)},"aria-label":"Decrease Value","aria-disabled":o,className:g}),n||y.createElement("span",{unselectable:"on",className:"".concat(t,"-handler-down-inner")})))}function GYe(e){var t="number"==typeof e?RYe(e):FYe(e).fullStr;return t.includes(".")?FYe(t.replace(/(\d)\.(\d)/g,"$1$2.")).fullStr:e+"0"}var XYe=["prefixCls","className","style","min","max","step","defaultValue","value","disabled","readOnly","upHandler","downHandler","keyboard","changeOnWheel","controls","classNames","stringMode","parser","formatter","precision","decimalSeparator","onChange","onInput","onPressEnter","onStep","changeOnBlur","domRef"],JYe=["disabled","style","prefixCls","value","prefix","suffix","addonBefore","addonAfter","className","classNames"],KYe=function(e,t){return e||t.isEmpty()?t.toString():t.toNumber()},$Ye=function(e){var t=VYe(e);return t.isInvalidate()?null:t},eQe=y.forwardRef(function(t,i){var n=t.prefixCls,r=t.className,o=t.style,a=t.min,s=t.max,l=t.step,c=void 0===l?1:l,h=t.defaultValue,d=t.value,u=t.disabled,p=t.readOnly,g=t.upHandler,m=t.downHandler,f=t.keyboard,v=t.changeOnWheel,M=void 0!==v&&v,b=t.controls,w=void 0===b||b;t.classNames;var I=t.stringMode,x=t.parser,N=t.formatter,D=t.precision,C=t.decimalSeparator,S=t.onChange,E=t.onInput,A=t.onPressEnter,T=t.onStep,k=t.changeOnBlur,z=void 0===k||k,j=t.domRef,L=Sl(t,XYe),O="".concat(n,"-input"),P=y.useRef(null),F=wc(y.useState(!1),2),H=F[0],B=F[1],R=y.useRef(!1),U=y.useRef(!1),_=y.useRef(!1),W=wc(y.useState(function(){return VYe(null!=d?d:h)}),2),V=W[0],Y=W[1];var Q=y.useCallback(function(e,t){if(!t)return D>=0?D:Math.max(BYe(e),BYe(c))},[D,c]),Z=y.useCallback(function(e){var t=String(e);if(x)return x(t);var i=t;return C&&(i=i.replace(C,".")),i.replace(/[^\w.-]+/g,"")},[x,C]),q=y.useRef(""),G=y.useCallback(function(e,t){if(N)return N(e,{userTyping:t,input:String(q.current)});var i="number"==typeof e?RYe(e):e;if(!t){var n=Q(i,t);if(UYe(i)&&(C||n>=0))i=YYe(i,C||".",n)}return i},[N,Q,C]),X=wc(y.useState(function(){var e=null!=h?h:d;return V.isInvalidate()&&["string","number"].includes(El(e))?Number.isNaN(e)?"":e:G(V.toString(),!1)}),2),J=X[0],K=X[1];function $(e,t){K(G(e.isInvalidate()?e.toString(!1):e.toString(!t),t))}q.current=J;var ee,te,ie,ne,re,oe=y.useMemo(function(){return $Ye(s)},[s,D]),ae=y.useMemo(function(){return $Ye(a)},[a,D]),se=y.useMemo(function(){return!(!oe||!V||V.isInvalidate())&&oe.lessEquals(V)},[oe,V]),le=y.useMemo(function(){return!(!ae||!V||V.isInvalidate())&&V.lessEquals(ae)},[ae,V]),ce=(ee=P.current,te=H,ie=e.useRef(null),[function(){try{var e=ee.selectionStart,t=ee.selectionEnd,i=ee.value,n=i.substring(0,e),r=i.substring(t);ie.current={start:e,end:t,value:i,beforeTxt:n,afterTxt:r}}catch(e){}},function(){if(ee&&ie.current&&te)try{var e=ee.value,t=ie.current,i=t.beforeTxt,n=t.afterTxt,r=t.start,o=e.length;if(e.startsWith(i))o=i.length;else if(e.endsWith(n))o=e.length-ie.current.afterTxt.length;else{var a=i[r-1],s=e.indexOf(a,r-1);-1!==s&&(o=s+1)}ee.setSelectionRange(o,o)}catch(e){Fve(!1,"Something warning of cursor restore. Please fire issue about this: ".concat(e.message))}}]),he=wc(ce,2),de=he[0],ue=he[1],pe=function(e){return oe&&!e.lessEquals(oe)?oe:ae&&!ae.lessEquals(e)?ae:null},ge=function(e){return!pe(e)},me=function(e,t){var i,n=e,r=ge(n)||n.isEmpty();if(n.isEmpty()||t||(n=pe(n)||n,r=!0),!p&&!u&&r){var o=n.toString(),a=Q(o,t);return a>=0&&(n=VYe(YYe(o,".",a)),ge(n)||(n=VYe(YYe(o,".",a,!0)))),n.equals(V)||(i=n,void 0===d&&Y(i),null==S||S(n.isEmpty()?null:KYe(I,n)),void 0===d&&$(n,t)),n}return V},fe=(ne=e.useRef(0),re=function(){fbe.cancel(ne.current)},e.useEffect(function(){return re},[]),function(e){re(),ne.current=fbe(function(){e()})}),ve=function e(t){if(de(),q.current=t,K(t),!U.current){var i=VYe(Z(t));i.isNaN()||me(i,!0)}null==E||E(t),fe(function(){var i=t;x||(i=t.replace(/。/g,".")),i!==t&&e(i)})},ye=function(e){var t;if(!(e&&se||!e&&le)){R.current=!1;var i=VYe(_.current?GYe(c):c);e||(i=i.negate());var n=(V||VYe(0)).add(i.toString()),r=me(n,!1);null==T||T(KYe(I,r),{offset:_.current?GYe(c):c,type:e?"up":"down"}),null===(t=P.current)||void 0===t||t.focus()}},Me=function(e){var t,i=VYe(Z(J));t=i.isNaN()?me(V,e):me(i,e),void 0!==d?$(V,!1):t.isNaN()||$(t,!1)};y.useEffect(function(){if(M&&H){var e=function(e){ye(e.deltaY<0),e.preventDefault()},t=P.current;if(t)return t.addEventListener("wheel",e,{passive:!1}),function(){return t.removeEventListener("wheel",e)}}});return bye(function(){V.isInvalidate()||$(V,!1)},[D,N]),bye(function(){var e=VYe(d);Y(e);var t=VYe(Z(J));e.equals(t)&&R.current&&!N||$(e,R.current)},[d]),bye(function(){N&&ue()},[J]),y.createElement("div",{ref:j,className:dt(n,r,Tl(Tl(Tl(Tl(Tl({},"".concat(n,"-focused"),H),"".concat(n,"-disabled"),u),"".concat(n,"-readonly"),p),"".concat(n,"-not-a-number"),V.isNaN()),"".concat(n,"-out-of-range"),!V.isInvalidate()&&!ge(V))),style:o,onFocus:function(){B(!0)},onBlur:function(){z&&Me(!1),B(!1),R.current=!1},onKeyDown:function(e){var t=e.key,i=e.shiftKey;R.current=!0,_.current=i,"Enter"===t&&(U.current||(R.current=!1),Me(!1),null==A||A(e)),!1!==f&&!U.current&&["Up","ArrowUp","Down","ArrowDown"].includes(t)&&(ye("Up"===t||"ArrowUp"===t),e.preventDefault())},onKeyUp:function(){R.current=!1,_.current=!1},onCompositionStart:function(){U.current=!0},onCompositionEnd:function(){U.current=!1,ve(P.current.value)},onBeforeInput:function(){R.current=!0}},w&&y.createElement(qYe,{prefixCls:n,upNode:g,downNode:m,upDisabled:se,downDisabled:le,onStep:ye}),y.createElement("div",{className:"".concat(O,"-wrap")},y.createElement("input",Ii({autoComplete:"off",role:"spinbutton","aria-valuemin":a,"aria-valuemax":s,"aria-valuenow":V.isInvalidate()?null:V.toString(),step:c},L,{ref:hye(P,i),className:O,value:J,onChange:function(e){ve(e.target.value)},disabled:u,readOnly:p}))))}),tQe=y.forwardRef(function(e,t){var i=e.disabled,n=e.style,r=e.prefixCls,o=void 0===r?"rc-input-number":r,a=e.value,s=e.prefix,l=e.suffix,c=e.addonBefore,h=e.addonAfter,d=e.className,u=e.classNames,p=Sl(e,JYe),g=y.useRef(null),m=y.useRef(null),f=y.useRef(null),v=function(e){f.current&&function(e,t){if(e){e.focus(t);var i=(t||{}).cursor;if(i){var n=e.value.length;switch(i){case"start":e.setSelectionRange(0,0);break;case"end":e.setSelectionRange(n,n);break;default:e.setSelectionRange(0,n)}}}}(f.current,e)};return y.useImperativeHandle(t,function(){return function(e,t){return"undefined"!=typeof Proxy&&e?new Proxy(e,{get:function(e,i){if(t[i])return t[i];var n=e[i];return"function"==typeof n?n.bind(e):n}}):e}(f.current,{focus:v,nativeElement:g.current.nativeElement||m.current})}),y.createElement(QYe,{className:d,triggerFocus:v,prefixCls:o,value:a,disabled:i,style:n,prefix:s,suffix:l,addonAfter:h,addonBefore:c,classNames:u,components:{affixWrapper:"div",groupWrapper:"div",wrapper:"div",groupAddon:"div"},ref:g},y.createElement(eQe,Ii({prefixCls:o,disabled:i,ref:f,domRef:m,className:null==u?void 0:u.input},p)))});"production"!==process.env.NODE_ENV&&(tQe.displayName="InputNumber");const iQe=t=>{const{control:i,name:n,min:r,max:o,label:a,labelSize:s,required:l,errors:c,disabled:h,isLabel:d,placeholder:u,inLine:p,callback:g,classes:m,width:f,...y}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:dt(" align",{[s||""]:s,[m||""]:m,"form-row-inline-error":c},!1===p?"form-group ":"form-row-inline d-flex")},jYe({isLabel:d,name:n,label:a,required:l}),v.default.createElement("div",{style:{width:f||void 0},className:dt("form-input-content",{"hidden-label":!1===d})},v.default.createElement(e.Fragment,null,v.default.createElement(oee,{name:n,control:i,render:({field:{value:e,onChange:t}})=>v.default.createElement(tQe,{...y,value:EYe(e)?0:e,onChange:e=>{t(e),g&&g(e)},upHandler:v.default.createElement(go,null),downHandler:v.default.createElement(uo,null),min:r,max:o,placeholder:u,disabled:h})}),c&&v.default.createElement(tr,null,c?.message)))))},nQe={title:{color:"#000000",backgroundColor:"#ffffff",fontFamily:"Times New Roman",fontSize:18,row:2,bold:!0,italic:!1,underline:!1},subtitle:{color:"#000000",backgroundColor:"#ffffff",fontFamily:"Times New Roman",fontSize:12,row:3,bold:!1,italic:!0,underline:!1},header:{color:"#000000",backgroundColor:"#ffe0cc",fontFamily:"Times New Roman",fontSize:14,row:5,bold:!0,italic:!1,underline:!1},group1:{color:"#000000",backgroundColor:"#bfbfbf",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1},group2:{color:"#000000",backgroundColor:"#d9d9d9",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1},group3:{color:"#000000",backgroundColor:"#f2f2f2",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1},content:{color:"#000000",backgroundColor:"#ffffff",fontFamily:"Times New Roman",fontSize:11,bold:!1,italic:!1,underline:!1},summary:{color:"#000000",backgroundColor:"#ffe0cc",fontFamily:"Times New Roman",fontSize:12,bold:!0,italic:!1,underline:!1}},rQe=t=>{const{control:i,name:n,label:r,labelSize:o,required:a,errors:s,height:l,disabled:c,isLabel:h,inLine:d,classes:u,disabledBackgroundColor:p,disabledFontFamily:g,disabledFontSize:m,disabledBold:f,disabledItalic:y,disabledUnderline:M}=t;return v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:dt(" align",{[o||""]:o,[u||""]:u,"form-row-inline-error":s},!1===d?"form-group ":"form-row-inline d-flex")},jYe({isLabel:h,name:n,label:r,required:a}),v.default.createElement("div",{style:{height:`${l}px`},className:dt("form-input-content",{"hidden-label":!1===h})},v.default.createElement(e.Fragment,null,v.default.createElement(oee,{name:n,control:i,render:({field:{value:e,onChange:t}})=>v.default.createElement(TYe,{disabledBackgroundColor:p,disabledFontFamily:g,disabledFontSize:m,disabledBold:f,disabledItalic:y,disabledUnderline:M,disabled:c,value:e,onChange:t})}),s&&v.default.createElement(tr,null,s?.message)))))},oQe=process.env.REACT_APP_BASE_URL,aQe=process.env.REACT_APP_BASE_URL_EXPORT;process.env.REACT_APP_BASE_URL_IMPORT,process.env.REACT_APP_BASE_URL_IMPORT_VALIDATE,process.env.REACT_APP_BASE_URL_IMPORT_TEMPLATE;const sQe=()=>{let e=localStorage.getItem("access_token");if(!e){const t=localStorage.getItem("userData");t&&t.length&&(e=JSON.parse(t).id_token)}return e};C.default(Qpe);const lQe=({openModal:i,typeModal:n,handleModal:r,windowSize:o,dataItem:a,columns:s,columnGroups:l,stateid:c,url:h,dataOption:d,t:u})=>{const[p,g]=e.useState([]),[m,f]=e.useState([]),[y,M]=e.useState([]),{control:b,reset:w,handleSubmit:x,clearErrors:N,getValues:D,setValue:C}=_ee({mode:"onChange",defaultValues:nQe}),S=()=>{r("ExportExcelComponent")};e.useEffect(()=>{i&&"ExportExcel"===n&&(C("nameFile",a?.nameFile??a?.title),C("textTitle",a?.title),C("textSubtitle",a?.subTitle))},[i,a]),e.useEffect(()=>{i||(N(),g([]),w(),f([]),E())},[i]);const E=()=>{let e=[...s].map(e=>({...e,rowId:e.field}));m.forEach(t=>{const i=l?.find(e=>e.label===t);i&&(e=[...e,...i.columns])}),M(e),g(e)};e.useEffect(()=>{E()},[s,m]);const A=t=>{const i=p.map(e=>({...e,headerText:u(e.headerText),width:e.width?Number(e.width):void 0,minWidth:e.minWidth?Number(e.minWidth):void 0,maxWidth:e.maxWidth?Number(e.maxWidth):void 0}));(async(e={},t={},i=15e3)=>{const n=e?.url?e?.url:`${oQe}/${aQe}`,r={method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${sQe()}`,...t.headers||{}},body:JSON.stringify(e),...t},o=new Promise((e,t)=>{setTimeout(()=>t(new Error("Request timed out")),i)});try{const e=await Promise.race([fetch(n,r),o]);return e.ok?await e.blob():(console.log(`HTTP error! Status: ${e.status}`),null)}catch(e){console.log("Error in fetch request:",e)}})({stateid:c,FilterOption:JSON.stringify(a),columns:i,style:t,dataOption:d,title:D("textTitle"),subtitle:D("textSubtitle"),url:h}).then(t=>{if(null!==t){const e=window.URL.createObjectURL(new Blob([t])),i=document.createElement("a");i.href=e,i.setAttribute("download",`${D("nameFile")??"EEEE"}.xlsx`),document.body.appendChild(i),i.click(),r()}else i=u("export_error_http"),I.default.error(v.default.createElement(e.Fragment,null,v.default.createElement("div",{className:"toastify-header"},v.default.createElement("div",{className:"title-wrapper"},v.default.createElement("h6",{className:"toast-title"},i))),v.default.createElement("div",{className:"toastify-body"},v.default.createElement("ul",{className:"list-unstyled mb-0"},v.default.createElement("li",null)))));var i}).catch(e=>{console.log(`${u("IE_Error export excel")}:`,e)})};return v.default.createElement(v.default.Fragment,null,v.default.createElement(kYe,{open:i,toggleSidebar:S,width:900},v.default.createElement(zYe,{typeModal:n,handleModal:()=>S(),title:u("IE_Setting")}),v.default.createElement(Kpe.Scrollbars,{autoHeight:!0,autoHeightMax:o.innerHeight-105,autoHeightMin:o.innerHeight-105},v.default.createElement(Xn,{id:"form-general-info",className:"todo-modal"},v.default.createElement(Hn,null,v.default.createElement("div",{className:"box form-box__border mb-2"},v.default.createElement("h5",{className:"m-0 form-box__border--title"},u("IE_Column customization")),v.default.createElement(Wt,{className:"gy-1"},v.default.createElement($t,{lg:12,md:12,xs:12,className:"export_excel_table_config"},v.default.createElement(t.GridComponent,{key:"export_excel_table_config",dataSource:y,height:o.innerHeight-500,showToolbar:!1,columns:[{field:"selection_column",textAlign:"center",width:40,fixed:"left"},{type:"string",field:"headerText",headerText:u("IE_Column name"),textAlign:"left",template:e=>u(e.rowData.headerText),width:360,minWidth:320,maxWidth:400}],selectionSettings:{type:"multiple",mode:"checkbox",defaultSelectedRowKeys:p.map(e=>e.field),selectedRowKeys:p.map(e=>e.field)},rowSelected:e=>{g(e.selected)},editAble:!1})))),v.default.createElement("div",{className:"box form-box__border"},v.default.createElement("h5",{className:"m-0 form-box__border--title"},a.title),v.default.createElement(Wt,{className:"gy-1"},v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(LYe,{control:b,name:"nameFile",label:u("IE_NameFile"),labelSize:"label-small",inLine:!0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(LYe,{control:b,name:"textTitle",label:u("IE_TitleReport"),labelSize:"label-small",placeholder:u("IE_Report title content"),inLine:!0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(LYe,{control:b,name:"textSubtitle",label:u("IE_SubTitle"),labelSize:"label-small",placeholder:u("IE_SubTitle content"),inLine:!0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"title",disabledBackgroundColor:!0,label:u("IE_TitleReport"),labelSize:"label-small"})),v.default.createElement($t,{lg:4,md:6,xs:6},v.default.createElement(iQe,{control:b,name:"title.row",label:u("IE_Row"),labelSize:"label-small",min:0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"subtitle",disabledBackgroundColor:!0,label:u("IE_SubTitle"),labelSize:"label-small"})),v.default.createElement($t,{lg:4,md:6,xs:6},v.default.createElement(iQe,{control:b,name:"subtitle.row",label:u("IE_Row"),labelSize:"label-small",min:0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"header",label:u("IE_TitleTable"),labelSize:"label-small"})),v.default.createElement($t,{lg:4,md:6,xs:6},v.default.createElement(iQe,{control:b,name:"header.row",label:u("IE_Row"),labelSize:"label-small",min:0})),v.default.createElement($t,{lg:8,md:12,xs:12},v.default.createElement(rQe,{control:b,name:"content",label:u("IE_ContentTable"),labelSize:"label-small"}))))))),v.default.createElement("div",{className:"d-flex justify-content-end p-1",style:{boxShadow:"0 4px 24px 0 rgb(34 41 47 / 10%)"}},v.default.createElement(e.Fragment,null,v.default.createElement(wi,{color:"primary",className:"me-1",onClick:x(A)},u("IE_Export")),v.default.createElement(wi,{color:"secondary",onClick:S,outline:!0,className:"me-1"},u("IE_Close"))))))};var cQe={exports:{}};
 /*!
  * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
  * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
  * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
- */cQe.exports=function(){function e(){return e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},e.apply(this,arguments)}var t=window.Element.prototype.matches,i=function(e,t){return e.closest(t)},n=function(e,t){return new window.Event(e,t)},r=function(e,t){return new window.CustomEvent(e,t)};function o(){if(window.Element.prototype.matches||(t=window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector),window.Element.prototype.closest||(i=function(e,i){if(!document.documentElement.contains(e))return null;do{if(t.call(e,i))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null}),window.Event&&"function"==typeof window.Event||(n=function(e,t){t=t||{};var i=document.createEvent("Event");return i.initEvent(e,Boolean(t.bubbles),Boolean(t.cancelable)),i}),"function"!=typeof window.CustomEvent){var e=window.Event.prototype.preventDefault;r=function(t,i){var n=document.createEvent("CustomEvent");return i=i||{bubbles:!1,cancelable:!1,detail:null},n.initCustomEvent(t,i.bubbles,i.cancelable,i.detail),n.preventDefault=function(){this.cancelable&&(e.call(this),Object.defineProperty(this,"defaultPrevented",{get:function(){return!0}}))},n}}}o();var a=1e3,s={ACTIVE:"active",LINEAR:"linear",BLOCK:"dstepper-block",NONE:"dstepper-none",FADE:"fade",VERTICAL:"vertical"},l="transitionend",c="bsStepper",h=function(e,t,i,n){var o=e[c];if(!o._steps[t].classList.contains(s.ACTIVE)&&!o._stepsContents[t].classList.contains(s.ACTIVE)){var a=r("show.bs-stepper",{cancelable:!0,detail:{from:o._currentIndex,to:t,indexStep:t}});e.dispatchEvent(a);var l=o._steps.filter(function(e){return e.classList.contains(s.ACTIVE)}),h=o._stepsContents.filter(function(e){return e.classList.contains(s.ACTIVE)});a.defaultPrevented||(l.length&&l[0].classList.remove(s.ACTIVE),h.length&&(h[0].classList.remove(s.ACTIVE),e.classList.contains(s.VERTICAL)||o.options.animation||h[0].classList.remove(s.BLOCK)),d(e,o._steps[t],o._steps,i),u(e,o._stepsContents[t],o._stepsContents,h,n))}},d=function(e,t,i,n){i.forEach(function(t){var i=t.querySelector(n.selectors.trigger);i.setAttribute("aria-selected","false"),e.classList.contains(s.LINEAR)&&i.setAttribute("disabled","disabled")}),t.classList.add(s.ACTIVE);var r=t.querySelector(n.selectors.trigger);r.setAttribute("aria-selected","true"),e.classList.contains(s.LINEAR)&&r.removeAttribute("disabled")},u=function(e,t,i,n,o){var a=e[c],h=i.indexOf(t),d=r("shown.bs-stepper",{cancelable:!0,detail:{from:a._currentIndex,to:h,indexStep:h}});function u(){t.classList.add(s.BLOCK),t.removeEventListener(l,u),e.dispatchEvent(d),o()}if(t.classList.contains(s.FADE)){t.classList.remove(s.NONE);var m=p(t);t.addEventListener(l,u),n.length&&n[0].classList.add(s.NONE),t.classList.add(s.ACTIVE),g(t,m)}else t.classList.add(s.ACTIVE),t.classList.add(s.BLOCK),e.dispatchEvent(d),o()},p=function(e){if(!e)return 0;var t=window.getComputedStyle(e).transitionDuration;return parseFloat(t)?(t=t.split(",")[0],parseFloat(t)*a):0},g=function(e,t){var i=!1,r=t+5;function o(){i=!0,e.removeEventListener(l,o)}e.addEventListener(l,o),window.setTimeout(function(){i||e.dispatchEvent(n(l)),e.removeEventListener(l,o)},r)},m=function(e,t){t.animation&&e.forEach(function(e){e.classList.add(s.FADE),e.classList.add(s.NONE)})},f=function(){return function(e){e.preventDefault()}},v=function(e){return function(t){t.preventDefault();var n=i(t.target,e.selectors.steps),r=i(n,e.selectors.stepper),o=r[c],a=o._steps.indexOf(n);h(r,a,e,function(){o._currentIndex=a})}},y={linear:!0,animation:!1,selectors:{steps:".step",trigger:".step-trigger",stepper:".bs-stepper"}},M=function(){function t(t,i){var n=this;void 0===i&&(i={}),this._element=t,this._currentIndex=0,this._stepsContents=[],this.options=e({},y,{},i),this.options.selectors=e({},y.selectors,{},this.options.selectors),this.options.linear&&this._element.classList.add(s.LINEAR),this._steps=[].slice.call(this._element.querySelectorAll(this.options.selectors.steps)),this._steps.filter(function(e){return e.hasAttribute("data-target")}).forEach(function(e){n._stepsContents.push(n._element.querySelector(e.getAttribute("data-target")))}),m(this._stepsContents,this.options),this._setLinkListeners(),Object.defineProperty(this._element,c,{value:this,writable:!0}),this._steps.length&&h(this._element,this._currentIndex,this.options,function(){})}var i=t.prototype;return i._setLinkListeners=function(){var e=this;this._steps.forEach(function(t){var i=t.querySelector(e.options.selectors.trigger);e.options.linear?(e._clickStepLinearListener=f(e.options),i.addEventListener("click",e._clickStepLinearListener)):(e._clickStepNonLinearListener=v(e.options),i.addEventListener("click",e._clickStepNonLinearListener))})},i.next=function(){var e=this,t=this._currentIndex+1<=this._steps.length-1?this._currentIndex+1:this._steps.length-1;h(this._element,t,this.options,function(){e._currentIndex=t})},i.previous=function(){var e=this,t=this._currentIndex-1>=0?this._currentIndex-1:0;h(this._element,t,this.options,function(){e._currentIndex=t})},i.to=function(e){var t=this,i=e-1,n=i>=0&&i<this._steps.length?i:0;h(this._element,n,this.options,function(){t._currentIndex=n})},i.reset=function(){var e=this;h(this._element,0,this.options,function(){e._currentIndex=0})},i.destroy=function(){var e=this;this._steps.forEach(function(t){var i=t.querySelector(e.options.selectors.trigger);e.options.linear?i.removeEventListener("click",e._clickStepLinearListener):i.removeEventListener("click",e._clickStepNonLinearListener)}),this._element[c]=void 0,this._element=void 0,this._currentIndex=void 0,this._steps=void 0,this._stepsContents=void 0,this._clickStepLinearListener=void 0,this._clickStepNonLinearListener=void 0},t}();return M}();var hQe=cQe.exports;T("/*!\r\n * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)\r\n * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>\r\n * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)\r\n */.bs-stepper .step-trigger{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:20px;font-size:1rem;font-weight:700;line-height:1.5;color:#6c757d;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:.25rem;transition:background-color .15s ease-out,color .15s ease-out}.bs-stepper .step-trigger:not(:disabled):not(.disabled){cursor:pointer}.bs-stepper .step-trigger.disabled,.bs-stepper .step-trigger:disabled{pointer-events:none;opacity:.65}.bs-stepper .step-trigger:focus{color:#007bff;outline:0}.bs-stepper .step-trigger:hover{text-decoration:none;background-color:rgba(0,0,0,.06)}@media (max-width:520px){.bs-stepper .step-trigger{-ms-flex-direction:column;flex-direction:column;padding:10px}}.bs-stepper-label{display:inline-block;margin:.25rem}.bs-stepper-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width:520px){.bs-stepper-header{margin:0 -10px;text-align:center}}.bs-stepper .line,.bs-stepper-line{-ms-flex:1 0 32px;flex:1 0 32px;min-width:1px;min-height:1px;margin:auto;background-color:rgba(0,0,0,.12)}@media (max-width:400px){.bs-stepper .line,.bs-stepper-line{-ms-flex-preferred-size:20px;flex-basis:20px}}.bs-stepper-circle{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em;padding:.5em 0;margin:.25rem;line-height:1em;color:#fff;background-color:#6c757d;border-radius:1em}.active .bs-stepper-circle{background-color:#007bff}.bs-stepper-content{padding:0 20px 20px}@media (max-width:520px){.bs-stepper-content{padding:0}}.bs-stepper.vertical{display:-ms-flexbox;display:flex}.bs-stepper.vertical .bs-stepper-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;margin:0}.bs-stepper.vertical .bs-stepper-pane,.bs-stepper.vertical .content{display:block}.bs-stepper.vertical .bs-stepper-pane:not(.fade),.bs-stepper.vertical .content:not(.fade){display:block;visibility:hidden}.bs-stepper .content:not(.fade),.bs-stepper-pane:not(.fade){display:none}.bs-stepper .content.fade,.bs-stepper-pane.fade{visibility:hidden;transition-duration:.3s;transition-property:opacity}.bs-stepper .content.fade.active,.bs-stepper-pane.fade.active{visibility:visible;opacity:1}.bs-stepper .content.active:not(.fade),.bs-stepper-pane.active:not(.fade){display:block;visibility:visible}.bs-stepper .content.dstepper-block,.bs-stepper-pane.dstepper-block{display:block}.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,.bs-stepper:not(.vertical) .content.dstepper-none{display:none}.vertical .bs-stepper-pane.fade.dstepper-none,.vertical .content.fade.dstepper-none{visibility:hidden}"),e.forwardRef((t,i)=>{const{steps:n,instance:r,className:o,headerClassName:a,contentClassName:s,contentWrapperClassName:l,options:c={},type:h="horizontal",separator:d=v.default.createElement(Xr,{fontSize:17})}=t,[u,p]=e.useState(0);let g=null;e.useEffect(()=>{g=new hQe(i.current,c),i.current.addEventListener("shown.bs-stepper",function(e){p(e.detail.indexStep)}),r&&r(g)},[]);return v.default.createElement("div",{ref:i,className:dt("bs-stepper",{[o]:o,vertical:"vertical"===h,"vertical wizard-modern":"modern-vertical"===h,"wizard-modern":"modern-horizontal"===h})},v.default.createElement("div",{className:dt("bs-stepper-header",{[a]:a})},(()=>{const t=n.filter(e=>!1!==e.active);return t.map((t,i)=>v.default.createElement(e.Fragment,{key:t.id},0!==i&&i!==n.length?v.default.createElement("div",{className:"line"},d):null,v.default.createElement("div",{className:dt("step",{crossed:u>i,active:i===u}),"data-target":`#${t.id}`},v.default.createElement("button",{type:"button",className:"step-trigger"},v.default.createElement("span",{className:"bs-stepper-box"},t.icon?t.icon:i+1),v.default.createElement("span",{className:"bs-stepper-label"},v.default.createElement("span",{className:"bs-stepper-title"},t.title),t.subtitle?v.default.createElement("span",{className:"bs-stepper-subtitle"},t.subtitle):null)))))})()),v.default.createElement("div",{className:dt("bs-stepper-content",{[l]:l})},(()=>{const e=n.filter(e=>!1!==e.active);return e.map((e,t)=>v.default.createElement("div",{className:dt("content",{[s]:s,"active dstepper-block":u===t}),id:e.id,key:e.id},e.content))})()))});const dQe=v.default.memo(n=>{const{toolbarTemplate:r,paramToolbar:o,currentPageDefault:a,infiniteScroll:s,setSettingTb:l,queryOrderDefault:c,rowsPerPageDefault:h,isShowSearch:d,exportExcel:u,allowFiltering:p,allowSortering:g,queryKeyDataView:m,isSelectMulti:f,canContextMenuItems:y,onExpandClick:M,sumTotal:b,handleContextMenuClick:w,rowSelected:I,dataSourceFilter:x,keyword:N,listContextHide:D,querySelectDefault:C,t:S,contextMenuOpen:E,stateId:A,viewIdTable:T,height:k,hasIndex:z,dataSelected:j,showColumnChoose:L,typeCheckbox:O,format:P,rowSelection:F,dataSource:H,columns:_,totalCount:W,breakText:V,pageSizeOptions:J,handleDoubleContextMenuClick:ne,allowResizing:re,summary:oe,hasWorkflow:ae,apiWorkflow:se,allowFilterClient:le,rowClassName:ce,showToolbar:he,allowPaging:de,checkInit:ue,checkInitSub:me,printApi:fe,showUltilities:ve,ultilities:ye,selectionSetting:Me,onChangeParam:be,initAbility:we,stateChildId:Ie,onDataChange:xe,onColumnChange:Ne,group:De,showHelp:Ce,processEnv:Se,setupAcc:Ee}=n,Ae={ACTION_TYPES:{REPORT:"RENDER/REPORT",DOCUMENT:"RENDER/DOCUMENT"},URL_API:{REPORT_API:`${Se?.REACT_APP_BASE_URL??ko}/api/render/report`,DOCUMENT_API:`${Se?.REACT_APP_BASE_URL??ko}/api/render/document`}},Te=e.useRef(null),ke=(e,t)=>{const i=document.createElement("img");i.src=t,i.style.transformOrigin=(e=>{const t=window.innerWidth/2,i=window.innerHeight/2,n=e.clientX,r=e.clientY;return n>=t&&r>=i?"bottom right":n>=t&&r<i?"top right":n<t&&r>=i?"bottom left":"top left"})(e),i.classList.add("zoom-image","zoom-image-hover"),document.body.appendChild(i),Te.current=i,Te.current&&(Te.current.style.left=`${e.clientX+10}px`,Te.current.style.top=`${e.clientY+10}px`)},ze=()=>{Te.current&&(document.body.removeChild(Te.current),Te.current=null)},je=o?.find(e=>"listDate"===e.type)?.data?.type??o?.find(e=>"daterange"===e.type)?.data,Le=e.useRef(null),Oe=Se?.REACT_APP_PRODUCT_CODE??process.env.REACT_APP_PRODUCT_CODE,[Pe,Fe]=e.useState(!0),He=ve??!0,{storageSearchTerm:Be,storageQueryFilter:Re}=bYe(A),Ue=R(),_e=`${localStorage.getItem("sub")}_${A}_${window.location.pathname}`,[We,Ve]=e.useState(B?.[_e]??A),Ye=window.localStorage.getItem("i18nextLng"),Qe=Ye||"vi",Ze=require(`@public/assets/data/locales/${Qe}.json`),[qe,Ge]=e.useState(""),[Xe,Je]=e.useState({}),[Ke,$e]=e.useState(!1),[et,tt]=e.useState({Data:[],Total:0,Tree:{}}),[it,nt]=e.useState(a??1),[rt,ot]=e.useState(h??200),[at,st]=e.useState(""),[lt,ct]=e.useState(c??[]),[ht,dt]=e.useState(Re??[]),[ut,pt]=e.useState([]),[gt,mt]=e.useState([]),[ft,vt]=e.useState(!0),yt=Array.isArray(j)?j:G(j)||ee(j)?[]:[j],[Mt,bt]=e.useState(yt),[wt,It]=e.useState(De?.groupColumns??[]),[xt,Nt]=e.useState({}),[Dt,Ct]=e.useState({}),[St,Et]=e.useState(b),[At,Tt]=e.useState(!1),kt=()=>{Tt(!At)},[zt,jt]=e.useState(!1),[Lt,Ot]=e.useState("Edit"),Pt=()=>{jt(!zt)},Ft=()=>{const{innerWidth:e,innerHeight:t}=window;return{innerWidth:e,innerHeight:t}},[Ht,Bt]=e.useState(Ft());let Rt;e.useEffect(()=>{const e=()=>{Bt(Ft())};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),e.useEffect(()=>{mt([..._??[]])},[_]),e.useEffect(()=>(Rt=setTimeout(()=>{st(N??"")},200),()=>{clearTimeout(Rt)}),[N]),e.useEffect(()=>(Rt=setTimeout(()=>{st(Be??"")},200),()=>{clearTimeout(Rt)}),[Be]),e.useEffect(()=>{G(_)&&(async()=>{if(A){const e=[{keyCode:"parentView",key:"parentView",ope:"==",value:A,predicate:";"}],t=await Oo({ParaJson:JSON.stringify({ViewId:"sys_table_config_viewId",StateId:"sys_table_config_viewId",Filter:JSON.stringify(e),Order:"",PageNumber:1,PageSize:200}),ParaView:JSON.stringify({ProductCode:Oe,Code:A,OrganizationId:U()})},Se?.REACT_APP_BASE_URL);pt((t&&Array.isArray(t)?t:[])?.map(e=>({...e,viewId:e.code,viewName:e.name,value:e.code,key:e.code,label:e.name??e.code}))??[])}})()},[ft,A]),e.useEffect(()=>{tt({Data:[],Total:0,Tree:{}}),dt([]),ct([]),mt([]),Le.current?.getListTemplate()},[A]);const Ut=e=>{DYe({id:e,processEnv:Se,more1:{columns:_??gt??[],currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:ht,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setParaJson:Ct,setSumTotal:Et}})},_t=Q(at,500);let Wt;e.useEffect(()=>(Wt=setTimeout(()=>{Ut(A),be&&!1===Pe&&be({keyword:_t,pageNumber:it,pageSize:rt,queryFilter:ht,queryOrder:lt}),Fe(!1)},200),()=>{clearTimeout(Wt)}),[_t,it,ht,lt,rt,T,A,...m??[]]),e.useEffect(()=>{if(We!==A)return Wt=setTimeout(()=>{Ut(We)},200),()=>{clearTimeout(Wt)}},[We]),e.useEffect(()=>{ut?.length>0&&!ut.some(e=>e.viewId===B?.[_e])&&A!==We&&(Ve(A),localStorage.setItem("screenView",JSON.stringify({...B,[_e]:A}))),(G(ut)||0===ut.length)&&X(B?.[_e])&&A!==We&&(Ve(A),localStorage.setItem("screenView",JSON.stringify({...B,[_e]:A})))},[ft,ut]);const Vt=e=>{!G(e)&&(te(e)&&0===e||ie(e)&&e)&&(clearTimeout(Wt),Wt=setTimeout(()=>{Ut(A)},200))};e.useEffect(()=>{Vt(ue)},[ue]),e.useEffect(()=>{Vt(me?.checkInit1)},[me?.checkInit1]),e.useEffect(()=>{Vt(me?.checkInit2)},[me?.checkInit2]),e.useEffect(()=>{Vt(me?.checkInit3)},[me?.checkInit3]),e.useEffect(()=>{Vt(me?.checkInit4)},[me?.checkInit4]),e.useEffect(()=>{Vt(me?.checkInit5)},[me?.checkInit5]),e.useEffect(()=>{Vt(me?.checkInit6)},[me?.checkInit6]),e.useEffect(()=>{Vt(me?.checkInit7)},[me?.checkInit7]),e.useEffect(()=>{Vt(me?.checkInit8)},[me?.checkInit8]),e.useEffect(()=>{Vt(me?.checkInit9)},[me?.checkInit9]),e.useEffect(()=>{Vt(me?.checkInit10)},[me?.checkInit10]),e.useEffect(()=>{xe&&xe(et.Data,e=>tt(t=>({...t,Data:e})))},[et.Data]);const[Yt,Qt]=e.useState([]),Zt=async e=>{const t=await Lo({ParaJson:JSON.stringify({ViewId:e})},Se?.REACT_APP_BASE_URL),i=JSON.parse(t?.[0]?.dataJson??"[]"),n=JSON.parse(i?.[0]?.DataSetting??"[]")?.[0],r=JSON.parse(X(n?.More)?"{}":n?.More),o=JSON.parse(X(n?.GroupData)?"{}":n?.GroupData),a={...r,tree_isTree:r?.isTree??!1,showGroupIcon:o?.showGroupIcon??!0,hiddenColumnGroup:o?.hiddenColumnGroup??!0,isGroup:De?.groupAble??o?.isGroup??!1,isGroupClient:o?.isGroupClient??!1};a.isGroup?De?.groupColumns||It(JSON.parse(X(o?.tableGroup)?"[]":o?.tableGroup)?.map(e=>e.field)??[]):It([]),Nt(a),l&&l(a),Qt(t??[])};let qt,Gt;e.useEffect(()=>(qt=setTimeout(()=>{if(Yt?.[0]?.dataJson){const e=Fo(Yt,S,{hasIndex:z??!0,breakText:V??xt?.breakText,hasWorkflow:ae,levelGroup:wt.length,settingTable:xt,setupAcc:Ee,showCheckBox:!G(Me?.typeCheckbox??O),handleMouseLeave:ze,handleMouseMove:ke});Ne?Ne(e,mt):mt(()=>e)}},200),()=>{clearTimeout(qt)}),[Yt,wt]),e.useEffect(()=>{if(We&&G(_))return Gt=setTimeout(()=>{Zt(We??T)},200),()=>{clearTimeout(Gt)}},[We]),e.useEffect(()=>{const e={...St??{},...b??{}};(_??gt??[]).length>0&&!ee(e)&&xt?.showSum&&!1!==xt?.showSumTotal&&mt(t=>t.map(t=>{const i=e?.[t.field];return i&&(t.summaryTemplate=()=>i),t}))},[St,b,gt]);const[Xt,Jt]=e.useState(!1),Kt=()=>{Jt(!Xt)},$t=we?.can("ADD_VIEW",A),ei=we?.can("EDIT_VIEW",A),ti=we?.can("DELETE_VIEW",A),ii=we?.can("OPEN","PermissionViewFunction"),ni=[...ut?.map((e,t)=>({key:`2-2-${t.toString()}`,label:v.default.createElement("span",{className:""+(We===e.viewId?"menuitem-child-selected":"")},e.label),onClick:()=>{Zt(e.viewId),DYe({id:e.viewId,more1:{columns:_,currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:ht,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setSumTotal:Et},processEnv:Se}),Ve(e.viewId),localStorage.setItem("screenView",JSON.stringify({...B,[_e]:e.viewId}))}}))],ri=[{key:"1",type:"group",label:v.default.createElement("div",{style:{color:"#000000",fontWeight:500}},S("TEI_ListView")),children:ni},{type:"divider"},{key:"2",type:"group",label:v.default.createElement("div",{style:{color:"#000000",fontWeight:500}},S("TEI_ManageView")),children:[!0===$t&&!0===ei&&!0===ti&&{key:"2-1",label:S("TEI_SettingView"),className:!1===ye?.showSetting?"custom-hidden":"",children:[(!0===$t||!0===ei)&&{key:"2-1-1",label:S("TEI_AddEditView"),onClick:()=>{Pt(),Ot("Edit")}},!0===ti&&{key:"2-1-2",label:S("TEI_DeleteView"),onClick:()=>{Pt(),Ot("Del")}}].filter(Boolean)},!0===ii&&{key:"2-3",label:S("TEI_SetPermissionView"),className:!1===ye?.showSetting?"custom-hidden":"",onClick:()=>{kt()}}].filter(e=>!e?.className?.includes("custom-hidden"))}],oi=!1!==d?[{template:v.default.createElement(Cl,{callback:e=>{st(e??"")},value:at,width:250,placeholder:S("Search"),isChangeValueOnEnter:!0}),position:"left"}]:[],ai=He?[...ye?.template??[],{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("Tbl_Print")},fe&&v.default.createElement(v9,{ref:Le,showTitle:!1,windowSize:Ht,containerDropDown:document.body,isDisabled:X(Mt?.[0]?.id),organization:{address:Ue?.address??"",id:Ue?.id,name:Ue?.name??Ue?.text},isLoadOnInit:fe?.isLoadOnInit??!0,optionalFields:fe?.optionalField,defaultNameTemplate:A,uploadFileApi:fe.uploadFileApi,printApi:fe.printDocumentApi,exportApi:fe.exportApi,getListBoxGeneralSettingApi:fe.getListBoxApi,deleteGeneralSettingApi:fe.deleteGeneralSettingApi,updateGeneralSettingApi:fe.updateGeneralSettingApi,formatNumber:{decimalSeparator:Ee?.number?.decimalSeparator??P?.decimalSeparator,thousandSeparator:Ee?.number?.thousandSeparator??P?.thousandSeparator,colorNegative:Ee?.number?.colorNegative??P?.colorNegative,prefixNegative:Ee?.number?.prefixNegative??P?.prefix,suffixNegative:Ee?.number?.suffixNegative??P?.suffix},CDN_URL_VIEW:Se?.REACT_APP_BASE_URL_CDN??zo??"",DOCUMENT_URL_VIEW:fe?.RENDER?.URL_API?.DOCUMENT_API??Ae.URL_API.DOCUMENT_API,defaultOptionTypePrint:fe.defaultPrintSetting,handlGetDataPrint:async(e,t)=>await(async(e,t)=>{const i=fe?.apiGetData&&await(fe?.apiGetData(e,t)),n=fe?.data??i??Mt?.[0],r=Ie?.filter(e=>e.isPrint)??[];if(!ee(n)&&r?.length>0){for(const e of r){const t=e?.querySelectDefault,i=await Oo({ParaJson:JSON.stringify({Filter:JSON.stringify(t),Order:"",PageNumber:1,PageSize:1e3,Keyword:"",ViewId:e.stateId,StateId:e.stateId})},Se?.REACT_APP_BASE_URL).then(e=>Z(e)).catch(()=>(qpe(`${S("getDataError")}: ${e.stateId}`),[]));n[e.stateId]=i}return n}return n})(e,t)})),position:"Top",align:"right",visible:!1!==ye?.showPrint&&fe},{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("TEI_ListView")},v.default.createElement(mYe,{arrow:!0,menu:{items:ri},className:"me-0",trigger:["click"]},v.default.createElement(no,{fontSize:16,color:"#000000"}))),position:"Top",align:"right"}].filter(e=>!0!==e?.visible):[],si=He&&!1!==ye?.showExport?[{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("Tbl_Export_excel")},u?.templateExportAll?v.default.createElement(mYe,{arrow:!0,menu:{items:[{key:"1",type:"item",label:v.default.createElement("div",{style:{color:"#000000",fontWeight:500},onClick:()=>Kt()},S("Tbl_Export_excel_Filter"))},{key:"2",type:"item",label:u?.templateExportAll()}]},className:"me-0",trigger:["click"]},v.default.createElement(to,{fontSize:16,color:"#000000"})):v.default.createElement("div",{onClick:()=>Kt()},v.default.createElement(to,{fontSize:16,color:"#000000"}))),position:"Top",align:"right"}]:[],li=!1!==Ce?[{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("Help")},v.default.createElement(ro,{fontSize:16,onClick:()=>{CYe.exports.HelpEventOpen(`${A}_External`)}})),position:"Top",align:"right"}]:[];return v.default.createElement("div",{className:"es-grid-intf"},v.default.createElement("div",{style:{padding:"0rem"}},v.default.createElement(t.GridComponent,{key:A,sortMultiple:!0,loading:Ke,lang:Qe,locale:Ze?.gridTable?.table,showToolbar:he,columns:gt??[],dataSource:H??et?.Data??[],height:k,minHeight:k,groupAble:xt?.isGroup??!1,groupColumns:xt?.isGroup?wt:void 0,groupSetting:xt?.isGroup?{client:xt?.isGroupClient??!1,hiddenColumnGroup:De?.groupSetting?.hiddenColumnGroup??xt?.hiddenColumnGroup??!1,onGroup:e=>{It(e?.columnGrouped??[])},showGroupIcon:De?.groupSetting?.showGroupIcon??xt?.showGroupIcon??!0,unClearableLevel:De?.groupSetting?.unClearableLevel}:{},expandable:{expandIconColumnIndex:xt?.tree_isTree?0:1},onExpandClick:({rowData:e,expandedKeys:t,key:i})=>{if(xt?.tree_isTree&&xt?.tree_isGetParent&&!(e?.children?.length>0))if(M)M(e,e=>tt(t=>({...t,Data:e})));else{const t=[...ht];et.Tree?.tree_ParentField&&t.push({key:et.Tree?.tree_ParentField,value:e?.[et.Tree?.tree_ChildField],ope:"==",predicate:";"}),DYe({id:We??A,processEnv:Se,more1:{columns:_,currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:t,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setSumTotal:Et},more_tree:{parentId:e?.[et.Tree?.tree_ChildField]}})}if(xt?.isGroup){const t=wt.findIndex(t=>t===e?.field),n=wt[t+1];DYe({id:We??A,processEnv:Se,more1:{columns:_,currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:ht,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setSumTotal:Et},more:{queryGroup:[{key:e?.field,ope:"==",value:e?.[e?.field]??"",predicate:";"}],fieldGroup:G(n)?"":`[${n}]`,lastLevel:G(n),id:i}})}},next:()=>{nt(e=>e+1)},wrapSettings:{wrapMode:V??xt?.breakText},infiniteScroll:s??!1,pagination:!1!==de&&{total:W??et?.Total??0,currentPage:it,pageSize:rt,pageSizeOptions:J??[20,50,100,200,500,1e3],onChange:(e,t)=>{nt(e),ot(t)},locale:Ze?.gridTable?.pager,showTotal:(e,t)=>`${t[0]}-${t[1]} / ${e} ${S?S(Ze?.gridTable?.pager?.items??S("items")):"items"}`},toolbarItems:[...oi,...r??[],...ai,...si,...li],recordDoubleClick:e=>{ne&&ne(e)},format:Ee?{thousandSeparator:Ee?.number?.thousandSeparator,decimalSeparator:Ee?.number?.decimalSeparator,decimalScale:Ee?.number?.quantity}:P??{decimalSeparator:Y.decimalSeparatorDisplay??".",thousandSeparator:Y.thousandSeparatorDisplay??",",decimalScale:Y?.quantity??2},allowResizing:re??!0,summary:oe??xt?.showSum,rowClassName:ce,showColumnChoose:L??!0,contextMenuItems:y,contextMenuClick:e=>{w&&(w(e),(e=>{const t=e.rowInfo?.rowData;t&&(Je(t),"VIEW_COMMENT"===e.item.id?Ge("comment"):"VIEW_PROCESS"===e.item.id?Ge("diagram"):"APPROVE_PROCESS"===e.item.id?Ge("approve"):"RESET_PROCESS"===e.item.id&&se?.checkInitProcess&&i.messageBoxConfirmResetWorkflow(S,se?.initProcessApi,t,se.code,()=>{se?.handleOnReset&&se?.handleOnReset(t)}))})(e))},contextMenuOpen:E,contextMenuHidden:D?.list??[],rowSelected:e=>{I&&I(e),bt(e.selected)},allowFiltering:p??!0,allowSortering:g??!0,onFilter:!0===le?void 0:e=>{const t=e?.map(e=>{gt.some(t=>t.field===e.field&&("date"===t.type||"datetime"===t.type))&&(e.value=$(e.value,pe[e.operator]));const t=q(gt,"field",e.field);return{key:t.fieldOriginal,keyCode:t.fieldOriginal,value:e.value,ope:pe[e.operator],predicate:ge[e.predicate]}})??[];dt(t)},onSorter:e=>{Array.isArray(e)?ct(e?.map(e=>({...e,fieldOriginal:e?.column?.fieldOriginal}))):G(e?.field)?ct([]):ct([{...e,fieldOriginal:e?.column?.fieldOriginal}])},selectionSettings:{type:Me?.isSelectMulti??f?"multiple":"single",mode:Me?.typeCheckbox??O??void 0,columnWidth:Me?.width??50,hideSelectAll:Me?.hideSelectAll??!1,defaultSelectedRowKeys:(j?yt:Mt)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],selectedRowKeys:(j?yt:Mt)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],getCheckboxProps:e=>({disabled:(Me?.disableChekbox&&Me?.disableChekbox(e))??!1}),checkboxOnly:Me?.checkboxOnly??!1},rowSelection:F,editAble:!1,t:S,dataSourceFilter:x,onFilterClick:(e,t)=>{const i=[{value:"equal",label:S("Equal"),key:"=="},{value:"greaterthan",label:S("Greater than"),key:">"},{value:"greaterthanorequal",label:S("Greater Than Or Equal"),key:">="},{value:"lessthan",label:S("Less Than"),key:"<"},{value:"lessthanorequal",label:S("Less Than Or Equal"),key:"<="},{value:"notequal",label:S("Not Equal"),key:"!="}];"building"===e.field&&t(e.field,i)},onChooseColumns:e=>{mt(e.columns)}})),v.default.createElement(MYe,{viewId:A,windowSize:Ht,openModal:At,handleModal:kt}),v.default.createElement(Yge,{handleModalOrder:Pt,openModalOrder:zt,typeModal:Lt??"Edit",windowSize:Ht,viewId:A,setLoadView:vt,initAbility:we}),!1!==Ce&&v.default.createElement(CYe.exports.GuidSidebar,{stateId:"",t:S,disableGuide:!0}),He&&!(!1===ye?.showExport)&&v.default.createElement(lQe,{stateid:A,openModal:Xt,dataItem:{...u?.para??Dt,title:u?.item?.textTitle??document.title,nameFile:u?.item?.nameFile??document.title,subTitle:u?.item?.textSubtitle??(G(je)?void 0:`${S("From date")} ${K(je?.[0])} ${S("to date")} ${K(je?.[1])}`)},dataOption:u?.dataSource,handleModal:Kt,typeModal:"ExportExcel",windowSize:Ht,columns:u?.columnsExport??gt.filter(e=>"selection_column"!==e.field),url:ye?.urlExport,t:S}),ae&&v.default.createElement(i.WorkflowModal,{type:qe,setType:Ge,data:{...Xe,productCode:Oe,resourceCode:se?.userSubject},listData:[],t:S,editCommentApi:se?.editCommentApi,checkInitProcess:se?.checkInitProcess,getProcessApi:se?.getProcessApi,approveProcessApi:se?.approveProcessApi,approveMultiProcessApi:se?.approveMultiProcessApi,checkInitComment:se?.checkInitComment,getCommentPagingApi:se?.getCommentPagingApi,addCommentApi:se?.addCommentApi,deleteCommentApi:se?.deleteCommentApi,pagingUserApi:se?.getUserCorePagingApi,uploadFileApi:se?.uploadFileApi,CDN_URL_VIEW:Se?.REACT_APP_BASE_URL_CDN??zo??"",token:jo()||"",saveUrl:`${Se?.REACT_APP_BASE_URL??ko}/api/file/upload-mutil`,approverId:se?.approverId,approverName:se?.approverName,onApproveCompleted:se?.onApproveCompleted,pagingEmployeeApi:se?.pagingEmployeeApi}))}),uQe=i=>{const{toolbarTemplate:n,paramToolbar:r,currentPageDefault:o,infiniteScroll:a,queryOrderDefault:s,rowsPerPageDefault:l,isShowSearch:c,settingTb:h,queryKeyDataView:d,isSelectMulti:u,canContextMenuItems:p,selectionSetting:g,allowFiltering:m,allowSortering:f,handleContextMenuClick:y,rowSelected:M,dataSourceFilter:b,listContextHide:w,querySelectDefault:I,t:x,contextMenuOpen:N,stateId:D,viewIdTable:C,height:S,dataSelected:E,showColumnChoose:A,typeCheckbox:T,format:k,rowSelection:z,setupAcc:j,dataSource:L,columns:O,totalCount:P,pageSizeOptions:F,handleDoubleContextMenuClick:H,allowResizing:B,summary:R,allowFilterClient:U,rowClassName:_,showToolbar:W,allowPaging:V,checkInit:Z,checkInitSub:J,callback:K,onDataChange:ne,group:re,processEnv:oe}=i,{storageSearchTerm:ae,storageQueryFilter:se}=bYe(D),[le,ce]=e.useState(!1),[he,de]=e.useState({Data:[],Total:0,Tree:{}}),[ue,me]=e.useState(o??1),[fe,ve]=e.useState(l??200),[ye,Me]=e.useState(ae??""),[be,we]=e.useState(s??[]),[Ie,xe]=e.useState(se??[]),Ne=Array.isArray(E)?E:G(E)||ee(E)?[]:[E],[De,Ce]=e.useState(Ne),[Se,Ee]=e.useState([]),[Ae,Te]=e.useState(),[ke,ze]=e.useState({});e.useEffect(()=>{Te(O)},[O]);const je=Q(ye,500);let Le;e.useEffect(()=>{clearTimeout(Le),Le=setTimeout(()=>{DYe({id:D,processEnv:oe,more1:{columns:O,currentPage:ue,dataSource:L,dataView:he,hasWorkflow:!1,paramToolbar:r,productCode:"",queryFilter:Ie,queryOrder:be,querySelectDefault:I,rowsPerPage:fe,searchTerm:ye,setDataView:de,setIsLoading:ce,stateId:D,callback:K,setSumTotal:ze}})},200)},[je,ue,Ie,be,fe,C,D,...d??[]]);const Oe=e=>{!G(e)&&(te(e)&&0===e||ie(e)&&e)&&(clearTimeout(Le),Le=setTimeout(()=>{DYe({id:D,processEnv:oe,more1:{columns:O,currentPage:ue,dataSource:L,dataView:he,hasWorkflow:!1,paramToolbar:r,productCode:"",queryFilter:Ie,queryOrder:be,querySelectDefault:I,rowsPerPage:fe,searchTerm:ye,setDataView:de,setIsLoading:ce,stateId:D,callback:K,setSumTotal:ze}})},200))};e.useEffect(()=>{Oe(Z)},[Z]),e.useEffect(()=>{Oe(J?.checkInit1)},[J?.checkInit1]),e.useEffect(()=>{Oe(J?.checkInit2)},[J?.checkInit2]),e.useEffect(()=>{Oe(J?.checkInit3)},[J?.checkInit3]),e.useEffect(()=>{Oe(J?.checkInit4)},[J?.checkInit4]),e.useEffect(()=>{Oe(J?.checkInit5)},[J?.checkInit5]),e.useEffect(()=>{Oe(J?.checkInit6)},[J?.checkInit6]),e.useEffect(()=>{Oe(J?.checkInit7)},[J?.checkInit7]),e.useEffect(()=>{Oe(J?.checkInit8)},[J?.checkInit8]),e.useEffect(()=>{Oe(J?.checkInit9)},[J?.checkInit9]),e.useEffect(()=>{Oe(J?.checkInit10)},[J?.checkInit10]),e.useEffect(()=>{const e={...ke??{}};(Ae??[]).length>0&&!ee(e)&&h?.showSum&&!1!==h?.showSumTotal&&Te(t=>t.map(t=>{const i=e?.[t?.field??""];return i&&(t.summaryTemplate=()=>i),t}))},[ke,Ae]),e.useEffect(()=>{ne&&ne(he.Data,e=>de(t=>({...t,Data:e})))},[he.Data]);const Pe=!1!==c?[{template:v.default.createElement(Cl,{callback:e=>{Me(e??"")},width:250,placeholder:x("Search"),isChangeValueOnEnter:!0}),position:"left"}]:[];return v.default.createElement("div",{className:"position-relative"},v.default.createElement("div",{style:{padding:"0rem"}},v.default.createElement(t.GridComponent,{key:D,sortMultiple:!0,loading:le,lang:IYe,locale:xYe?.gridTable?.table,showToolbar:W,columns:Ae??[],dataSource:L??he?.Data??[],height:S,minHeight:S,groupAble:h?.isGroup??!1,groupColumns:h?.isGroup?Se:[],groupSetting:h?.isGroup?{client:h?.isGroupClient??!1,hiddenColumnGroup:re?.groupSetting?.hiddenColumnGroup??h?.hiddenColumnGroup??!1,onGroup:e=>{Ee(e?.columnGrouped??[])},showGroupIcon:re?.groupSetting?.showGroupIcon??h?.showGroupIcon??!0,unClearableLevel:re?.groupSetting?.unClearableLevel}:{},expandable:{expandIconColumnIndex:0},onExpandClick:()=>{},next:()=>{me(e=>e+1)},infiniteScroll:h?.infiniteScroll??a??!1,pagination:!1!==V&&{total:P??he?.Total??0,pageSize:fe,currentPage:ue,pageSizeOptions:F??[20,50,100,200,500,1e3],onChange:(e,t)=>{me(e),ve(t)},locale:xYe?.gridTable?.pager,showTotal:(e,t)=>`${t[0]}-${t[1]} / ${e} ${x?x(xYe?.gridTable?.pager?.items??"items"):"items"}`},toolbarItems:[...Pe,...n??[]],recordDoubleClick:e=>{H&&H(e)},format:j?{thousandSeparator:j?.number?.thousandSeparator,decimalSeparator:j?.number?.decimalSeparator,decimalScale:j?.number?.quantity}:k??{decimalSeparator:Y.decimalSeparatorDisplay??".",thousandSeparator:Y.thousandSeparatorDisplay??",",decimalScale:Y?.quantity??2},allowFiltering:m??!0,allowSortering:f??!0,allowResizing:B??!0,summary:R??h?.showSum,rowClassName:_,showColumnChoose:A??!0,contextMenuItems:p,contextMenuClick:e=>{y&&y(e)},contextMenuOpen:N,contextMenuHidden:w?.list??[],rowSelected:e=>{M&&M(e),Ce(e.selected)},onFilter:!0===U?void 0:e=>{const t=e?.map(e=>{Ae.some(t=>t.field===e.field&&("date"===t.type||"datetime"===t.type))&&(e.value=$(e.value,pe[e.operator]));const t=q(Ae,"field",e.field);return{key:t.fieldOriginal,keyCode:t.fieldOriginal,value:e.value,ope:pe[e.operator],predicate:ge[e.predicate]}})??[];xe(t)},onSorter:e=>{Array.isArray(e)?we(e?.map(e=>({...e,fieldOriginal:e?.column?.fieldOriginal}))):G(e?.field)?we([]):we([{...e,fieldOriginal:e?.column?.fieldOriginal}])},selectionSettings:{type:g?.isSelectMulti??u?"multiple":"single",mode:g?.typeCheckbox??T??void 0,columnWidth:g?.width??50,hideSelectAll:g?.hideSelectAll??!1,defaultSelectedRowKeys:(E?Ne:De)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],selectedRowKeys:(E?Ne:De)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],getCheckboxProps:e=>({disabled:(g?.disableChekbox&&g?.disableChekbox(e))??!1})},showEmptyText:!1,editAble:!1,rowSelection:z,t:x,dataSourceFilter:b,onFilterClick:(e,t)=>{const i=[{value:"equal",label:x("Equal"),key:"=="},{value:"greaterthan",label:x("Greater than"),key:">"},{value:"greaterthanorequal",label:x("Greater Than Or Equal"),key:">="},{value:"lessthan",label:x("Less Than"),key:"<"},{value:"lessthanorequal",label:x("Less Than Or Equal"),key:"<="},{value:"notequal",label:x("Not Equal"),key:"!="}];"building"===e.field&&t(e.field,i)}})))};
+ */cQe.exports=function(){function e(){return e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},e.apply(this,arguments)}var t=window.Element.prototype.matches,i=function(e,t){return e.closest(t)},n=function(e,t){return new window.Event(e,t)},r=function(e,t){return new window.CustomEvent(e,t)};function o(){if(window.Element.prototype.matches||(t=window.Element.prototype.msMatchesSelector||window.Element.prototype.webkitMatchesSelector),window.Element.prototype.closest||(i=function(e,i){if(!document.documentElement.contains(e))return null;do{if(t.call(e,i))return e;e=e.parentElement||e.parentNode}while(null!==e&&1===e.nodeType);return null}),window.Event&&"function"==typeof window.Event||(n=function(e,t){t=t||{};var i=document.createEvent("Event");return i.initEvent(e,Boolean(t.bubbles),Boolean(t.cancelable)),i}),"function"!=typeof window.CustomEvent){var e=window.Event.prototype.preventDefault;r=function(t,i){var n=document.createEvent("CustomEvent");return i=i||{bubbles:!1,cancelable:!1,detail:null},n.initCustomEvent(t,i.bubbles,i.cancelable,i.detail),n.preventDefault=function(){this.cancelable&&(e.call(this),Object.defineProperty(this,"defaultPrevented",{get:function(){return!0}}))},n}}}o();var a=1e3,s={ACTIVE:"active",LINEAR:"linear",BLOCK:"dstepper-block",NONE:"dstepper-none",FADE:"fade",VERTICAL:"vertical"},l="transitionend",c="bsStepper",h=function(e,t,i,n){var o=e[c];if(!o._steps[t].classList.contains(s.ACTIVE)&&!o._stepsContents[t].classList.contains(s.ACTIVE)){var a=r("show.bs-stepper",{cancelable:!0,detail:{from:o._currentIndex,to:t,indexStep:t}});e.dispatchEvent(a);var l=o._steps.filter(function(e){return e.classList.contains(s.ACTIVE)}),h=o._stepsContents.filter(function(e){return e.classList.contains(s.ACTIVE)});a.defaultPrevented||(l.length&&l[0].classList.remove(s.ACTIVE),h.length&&(h[0].classList.remove(s.ACTIVE),e.classList.contains(s.VERTICAL)||o.options.animation||h[0].classList.remove(s.BLOCK)),d(e,o._steps[t],o._steps,i),u(e,o._stepsContents[t],o._stepsContents,h,n))}},d=function(e,t,i,n){i.forEach(function(t){var i=t.querySelector(n.selectors.trigger);i.setAttribute("aria-selected","false"),e.classList.contains(s.LINEAR)&&i.setAttribute("disabled","disabled")}),t.classList.add(s.ACTIVE);var r=t.querySelector(n.selectors.trigger);r.setAttribute("aria-selected","true"),e.classList.contains(s.LINEAR)&&r.removeAttribute("disabled")},u=function(e,t,i,n,o){var a=e[c],h=i.indexOf(t),d=r("shown.bs-stepper",{cancelable:!0,detail:{from:a._currentIndex,to:h,indexStep:h}});function u(){t.classList.add(s.BLOCK),t.removeEventListener(l,u),e.dispatchEvent(d),o()}if(t.classList.contains(s.FADE)){t.classList.remove(s.NONE);var m=p(t);t.addEventListener(l,u),n.length&&n[0].classList.add(s.NONE),t.classList.add(s.ACTIVE),g(t,m)}else t.classList.add(s.ACTIVE),t.classList.add(s.BLOCK),e.dispatchEvent(d),o()},p=function(e){if(!e)return 0;var t=window.getComputedStyle(e).transitionDuration;return parseFloat(t)?(t=t.split(",")[0],parseFloat(t)*a):0},g=function(e,t){var i=!1,r=t+5;function o(){i=!0,e.removeEventListener(l,o)}e.addEventListener(l,o),window.setTimeout(function(){i||e.dispatchEvent(n(l)),e.removeEventListener(l,o)},r)},m=function(e,t){t.animation&&e.forEach(function(e){e.classList.add(s.FADE),e.classList.add(s.NONE)})},f=function(){return function(e){e.preventDefault()}},v=function(e){return function(t){t.preventDefault();var n=i(t.target,e.selectors.steps),r=i(n,e.selectors.stepper),o=r[c],a=o._steps.indexOf(n);h(r,a,e,function(){o._currentIndex=a})}},y={linear:!0,animation:!1,selectors:{steps:".step",trigger:".step-trigger",stepper:".bs-stepper"}},M=function(){function t(t,i){var n=this;void 0===i&&(i={}),this._element=t,this._currentIndex=0,this._stepsContents=[],this.options=e({},y,{},i),this.options.selectors=e({},y.selectors,{},this.options.selectors),this.options.linear&&this._element.classList.add(s.LINEAR),this._steps=[].slice.call(this._element.querySelectorAll(this.options.selectors.steps)),this._steps.filter(function(e){return e.hasAttribute("data-target")}).forEach(function(e){n._stepsContents.push(n._element.querySelector(e.getAttribute("data-target")))}),m(this._stepsContents,this.options),this._setLinkListeners(),Object.defineProperty(this._element,c,{value:this,writable:!0}),this._steps.length&&h(this._element,this._currentIndex,this.options,function(){})}var i=t.prototype;return i._setLinkListeners=function(){var e=this;this._steps.forEach(function(t){var i=t.querySelector(e.options.selectors.trigger);e.options.linear?(e._clickStepLinearListener=f(e.options),i.addEventListener("click",e._clickStepLinearListener)):(e._clickStepNonLinearListener=v(e.options),i.addEventListener("click",e._clickStepNonLinearListener))})},i.next=function(){var e=this,t=this._currentIndex+1<=this._steps.length-1?this._currentIndex+1:this._steps.length-1;h(this._element,t,this.options,function(){e._currentIndex=t})},i.previous=function(){var e=this,t=this._currentIndex-1>=0?this._currentIndex-1:0;h(this._element,t,this.options,function(){e._currentIndex=t})},i.to=function(e){var t=this,i=e-1,n=i>=0&&i<this._steps.length?i:0;h(this._element,n,this.options,function(){t._currentIndex=n})},i.reset=function(){var e=this;h(this._element,0,this.options,function(){e._currentIndex=0})},i.destroy=function(){var e=this;this._steps.forEach(function(t){var i=t.querySelector(e.options.selectors.trigger);e.options.linear?i.removeEventListener("click",e._clickStepLinearListener):i.removeEventListener("click",e._clickStepNonLinearListener)}),this._element[c]=void 0,this._element=void 0,this._currentIndex=void 0,this._steps=void 0,this._stepsContents=void 0,this._clickStepLinearListener=void 0,this._clickStepNonLinearListener=void 0},t}();return M}();var hQe=cQe.exports;T("/*!\r\n * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)\r\n * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>\r\n * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)\r\n */.bs-stepper .step-trigger{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:20px;font-size:1rem;font-weight:700;line-height:1.5;color:#6c757d;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:.25rem;transition:background-color .15s ease-out,color .15s ease-out}.bs-stepper .step-trigger:not(:disabled):not(.disabled){cursor:pointer}.bs-stepper .step-trigger.disabled,.bs-stepper .step-trigger:disabled{pointer-events:none;opacity:.65}.bs-stepper .step-trigger:focus{color:#007bff;outline:0}.bs-stepper .step-trigger:hover{text-decoration:none;background-color:rgba(0,0,0,.06)}@media (max-width:520px){.bs-stepper .step-trigger{-ms-flex-direction:column;flex-direction:column;padding:10px}}.bs-stepper-label{display:inline-block;margin:.25rem}.bs-stepper-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width:520px){.bs-stepper-header{margin:0 -10px;text-align:center}}.bs-stepper .line,.bs-stepper-line{-ms-flex:1 0 32px;flex:1 0 32px;min-width:1px;min-height:1px;margin:auto;background-color:rgba(0,0,0,.12)}@media (max-width:400px){.bs-stepper .line,.bs-stepper-line{-ms-flex-preferred-size:20px;flex-basis:20px}}.bs-stepper-circle{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em;padding:.5em 0;margin:.25rem;line-height:1em;color:#fff;background-color:#6c757d;border-radius:1em}.active .bs-stepper-circle{background-color:#007bff}.bs-stepper-content{padding:0 20px 20px}@media (max-width:520px){.bs-stepper-content{padding:0}}.bs-stepper.vertical{display:-ms-flexbox;display:flex}.bs-stepper.vertical .bs-stepper-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;margin:0}.bs-stepper.vertical .bs-stepper-pane,.bs-stepper.vertical .content{display:block}.bs-stepper.vertical .bs-stepper-pane:not(.fade),.bs-stepper.vertical .content:not(.fade){display:block;visibility:hidden}.bs-stepper .content:not(.fade),.bs-stepper-pane:not(.fade){display:none}.bs-stepper .content.fade,.bs-stepper-pane.fade{visibility:hidden;transition-duration:.3s;transition-property:opacity}.bs-stepper .content.fade.active,.bs-stepper-pane.fade.active{visibility:visible;opacity:1}.bs-stepper .content.active:not(.fade),.bs-stepper-pane.active:not(.fade){display:block;visibility:visible}.bs-stepper .content.dstepper-block,.bs-stepper-pane.dstepper-block{display:block}.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,.bs-stepper:not(.vertical) .content.dstepper-none{display:none}.vertical .bs-stepper-pane.fade.dstepper-none,.vertical .content.fade.dstepper-none{visibility:hidden}"),e.forwardRef((t,i)=>{const{steps:n,instance:r,className:o,headerClassName:a,contentClassName:s,contentWrapperClassName:l,options:c={},type:h="horizontal",separator:d=v.default.createElement(Xr,{fontSize:17})}=t,[u,p]=e.useState(0);let g=null;e.useEffect(()=>{g=new hQe(i.current,c),i.current.addEventListener("shown.bs-stepper",function(e){p(e.detail.indexStep)}),r&&r(g)},[]);return v.default.createElement("div",{ref:i,className:dt("bs-stepper",{[o]:o,vertical:"vertical"===h,"vertical wizard-modern":"modern-vertical"===h,"wizard-modern":"modern-horizontal"===h})},v.default.createElement("div",{className:dt("bs-stepper-header",{[a]:a})},(()=>{const t=n.filter(e=>!1!==e.active);return t.map((t,i)=>v.default.createElement(e.Fragment,{key:t.id},0!==i&&i!==n.length?v.default.createElement("div",{className:"line"},d):null,v.default.createElement("div",{className:dt("step",{crossed:u>i,active:i===u}),"data-target":`#${t.id}`},v.default.createElement("button",{type:"button",className:"step-trigger"},v.default.createElement("span",{className:"bs-stepper-box"},t.icon?t.icon:i+1),v.default.createElement("span",{className:"bs-stepper-label"},v.default.createElement("span",{className:"bs-stepper-title"},t.title),t.subtitle?v.default.createElement("span",{className:"bs-stepper-subtitle"},t.subtitle):null)))))})()),v.default.createElement("div",{className:dt("bs-stepper-content",{[l]:l})},(()=>{const e=n.filter(e=>!1!==e.active);return e.map((e,t)=>v.default.createElement("div",{className:dt("content",{[s]:s,"active dstepper-block":u===t}),id:e.id,key:e.id},e.content))})()))});const dQe=v.default.memo(n=>{const{toolbarTemplate:r,paramToolbar:o,currentPageDefault:a,infiniteScroll:s,setSettingTb:l,queryOrderDefault:c,rowsPerPageDefault:h,isShowSearch:d,exportExcel:u,allowFiltering:p,allowSortering:g,queryKeyDataView:m,isSelectMulti:f,canContextMenuItems:y,onExpandClick:M,sumTotal:b,handleContextMenuClick:w,rowSelected:I,dataSourceFilter:x,keyword:N,listContextHide:D,querySelectDefault:C,t:S,contextMenuOpen:E,stateId:A,viewIdTable:T,height:k,hasIndex:z,dataSelected:j,showColumnChoose:L,typeCheckbox:O,format:P,rowSelection:F,dataSource:H,columns:_,totalCount:W,breakText:V,pageSizeOptions:J,handleDoubleContextMenuClick:ne,allowResizing:re,summary:oe,hasWorkflow:ae,apiWorkflow:se,allowFilterClient:le,rowClassName:ce,showToolbar:he,allowPaging:de,checkInit:ue,checkInitSub:me,printApi:fe,showUltilities:ve,ultilities:ye,selectionSetting:Me,onChangeParam:be,initAbility:we,stateChildId:Ie,onDataChange:xe,onColumnChange:Ne,group:De,showHelp:Ce,processEnv:Se,setupAcc:Ee}=n,Ae={ACTION_TYPES:{REPORT:"RENDER/REPORT",DOCUMENT:"RENDER/DOCUMENT"},URL_API:{REPORT_API:`${Se?.REACT_APP_BASE_URL??ko}/api/render/report`,DOCUMENT_API:`${Se?.REACT_APP_BASE_URL??ko}/api/render/document`}},Te=e.useRef(null),ke=(e,t)=>{const i=document.createElement("img");i.src=t,i.style.transformOrigin=(e=>{const t=window.innerWidth/2,i=window.innerHeight/2,n=e.clientX,r=e.clientY;return n>=t&&r>=i?"bottom right":n>=t&&r<i?"top right":n<t&&r>=i?"bottom left":"top left"})(e),i.classList.add("zoom-image","zoom-image-hover"),document.body.appendChild(i),Te.current=i,Te.current&&(Te.current.style.left=`${e.clientX+10}px`,Te.current.style.top=`${e.clientY+10}px`)},ze=()=>{Te.current&&(document.body.removeChild(Te.current),Te.current=null)},je=o?.find(e=>"listDate"===e.type)?.data?.type??o?.find(e=>"daterange"===e.type)?.data,Le=e.useRef(null),Oe=Se?.REACT_APP_PRODUCT_CODE??process.env.REACT_APP_PRODUCT_CODE,[Pe,Fe]=e.useState(!0),He=ve??!0,{storageSearchTerm:Be,storageQueryFilter:Re}=bYe(A),Ue=R(),_e=`${localStorage.getItem("sub")}_${A}_${window.location.pathname}`,[We,Ve]=e.useState(B?.[_e]??A),Ye=window.localStorage.getItem("i18nextLng"),Qe=Ye||"vi",Ze=require(`@public/assets/data/locales/${Qe}.json`),[qe,Ge]=e.useState(""),[Xe,Je]=e.useState({}),[Ke,$e]=e.useState(!1),[et,tt]=e.useState({Data:[],Total:0,Tree:{}}),[it,nt]=e.useState(a??1),[rt,ot]=e.useState(h??200),[at,st]=e.useState(""),[lt,ct]=e.useState(c??[]),[ht,dt]=e.useState(Re??[]),[ut,pt]=e.useState([]),[gt,mt]=e.useState([]),[ft,vt]=e.useState(!0),yt=Array.isArray(j)?j:G(j)||ee(j)?[]:[j],[Mt,bt]=e.useState(yt),[wt,It]=e.useState(De?.groupColumns??[]),[xt,Nt]=e.useState({}),[Dt,Ct]=e.useState({}),[St,Et]=e.useState(b),[At,Tt]=e.useState(!1),kt=()=>{Tt(!At)},[zt,jt]=e.useState(!1),[Lt,Ot]=e.useState("Edit"),Pt=()=>{jt(!zt)},Ft=()=>{const{innerWidth:e,innerHeight:t}=window;return{innerWidth:e,innerHeight:t}},[Ht,Bt]=e.useState(Ft());let Rt;e.useEffect(()=>{const e=()=>{Bt(Ft())};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),e.useEffect(()=>{mt([..._??[]])},[_]),e.useEffect(()=>(Rt=setTimeout(()=>{st(N??"")},200),()=>{clearTimeout(Rt)}),[N]),e.useEffect(()=>(Rt=setTimeout(()=>{st(Be??"")},200),()=>{clearTimeout(Rt)}),[Be]),e.useEffect(()=>{G(_)&&(async()=>{if(A){const e=[{keyCode:"parentView",key:"parentView",ope:"==",value:A,predicate:";"}],t=await Oo({ParaJson:JSON.stringify({ViewId:"sys_table_config_viewId",StateId:"sys_table_config_viewId",Filter:JSON.stringify(e),Order:"",PageNumber:1,PageSize:200}),ParaView:JSON.stringify({ProductCode:Oe,Code:A,OrganizationId:U()})},Se?.REACT_APP_BASE_URL);pt((t&&Array.isArray(t)?t:[])?.map(e=>({...e,viewId:e.code,viewName:e.name,value:e.code,key:e.code,label:e.name??e.code}))??[])}})()},[ft,A]),e.useEffect(()=>{tt({Data:[],Total:0,Tree:{}}),dt([]),ct([]),mt([]),Le.current?.getListTemplate()},[A]);const Ut=e=>{DYe({id:e,processEnv:Se,more1:{columns:_??gt??[],currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:ht,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setParaJson:Ct,setSumTotal:Et}})},_t=Q(at,500);let Wt;e.useEffect(()=>(Wt=setTimeout(()=>{Ut(A),be&&!1===Pe&&be({keyword:_t,pageNumber:it,pageSize:rt,queryFilter:ht,queryOrder:lt}),Fe(!1)},200),()=>{clearTimeout(Wt)}),[_t,it,ht,lt,rt,T,A,...m??[]]),e.useEffect(()=>{if(We!==A)return Wt=setTimeout(()=>{Ut(We)},200),()=>{clearTimeout(Wt)}},[We]),e.useEffect(()=>{ut?.length>0&&!ut.some(e=>e.viewId===B?.[_e])&&A!==We&&(Ve(A),localStorage.setItem("screenView",JSON.stringify({...B,[_e]:A}))),(G(ut)||0===ut.length)&&X(B?.[_e])&&A!==We&&(Ve(A),localStorage.setItem("screenView",JSON.stringify({...B,[_e]:A})))},[ft,ut]);const Vt=e=>{!G(e)&&(te(e)&&0===e||ie(e)&&e)&&(clearTimeout(Wt),Wt=setTimeout(()=>{Ut(A)},200))};e.useEffect(()=>{Vt(ue)},[ue]),e.useEffect(()=>{Vt(me?.checkInit1)},[me?.checkInit1]),e.useEffect(()=>{Vt(me?.checkInit2)},[me?.checkInit2]),e.useEffect(()=>{Vt(me?.checkInit3)},[me?.checkInit3]),e.useEffect(()=>{Vt(me?.checkInit4)},[me?.checkInit4]),e.useEffect(()=>{Vt(me?.checkInit5)},[me?.checkInit5]),e.useEffect(()=>{Vt(me?.checkInit6)},[me?.checkInit6]),e.useEffect(()=>{Vt(me?.checkInit7)},[me?.checkInit7]),e.useEffect(()=>{Vt(me?.checkInit8)},[me?.checkInit8]),e.useEffect(()=>{Vt(me?.checkInit9)},[me?.checkInit9]),e.useEffect(()=>{Vt(me?.checkInit10)},[me?.checkInit10]),e.useEffect(()=>{xe&&xe(et.Data,e=>tt(t=>({...t,Data:e})))},[et.Data]);const[Yt,Qt]=e.useState([]),Zt=async e=>{const t=await Lo({ParaJson:JSON.stringify({ViewId:e})},Se?.REACT_APP_BASE_URL),i=JSON.parse(t?.[0]?.dataJson??"[]"),n=JSON.parse(i?.[0]?.DataSetting??"[]")?.[0],r=JSON.parse(X(n?.More)?"{}":n?.More),o=JSON.parse(X(n?.GroupData)?"{}":n?.GroupData),a={...r,tree_isTree:r?.isTree??!1,showGroupIcon:o?.showGroupIcon??!0,hiddenColumnGroup:o?.hiddenColumnGroup??!0,isGroup:De?.groupAble??o?.isGroup??!1,isGroupClient:o?.isGroupClient??!1};a.isGroup?De?.groupColumns||It(JSON.parse(X(o?.tableGroup)?"[]":o?.tableGroup)?.map(e=>e.field)??[]):It([]),Nt(a),l&&l(a),Qt(t??[])};let qt,Gt;e.useEffect(()=>(qt=setTimeout(()=>{if(Yt?.[0]?.dataJson){const e=Fo(Yt,S,{hasIndex:z??!0,breakText:V??xt?.breakText,hasWorkflow:ae,levelGroup:wt.length,settingTable:xt,setupAcc:Ee,showCheckBox:!G(Me?.typeCheckbox??O),handleMouseLeave:ze,handleMouseMove:ke});Ne?Ne(e,mt):mt(()=>e)}},200),()=>{clearTimeout(qt)}),[Yt,wt]),e.useEffect(()=>{if(We&&G(_))return Gt=setTimeout(()=>{Zt(We??T)},200),()=>{clearTimeout(Gt)}},[We]),e.useEffect(()=>{const e={...St??{},...b??{}};(_??gt??[]).length>0&&!ee(e)&&xt?.showSum&&!1!==xt?.showSumTotal&&mt(t=>t.map(t=>{const i=e?.[t.field];return i&&(t.summaryTemplate=()=>i),t}))},[St,b,gt]);const[Xt,Jt]=e.useState(!1),Kt=()=>{Jt(!Xt)},$t=we?.can("ADD_VIEW",A),ei=we?.can("EDIT_VIEW",A),ti=we?.can("DELETE_VIEW",A),ii=we?.can("OPEN","PermissionViewFunction"),ni=[...ut?.map((e,t)=>({key:`2-2-${t.toString()}`,label:v.default.createElement("span",{className:""+(We===e.viewId?"menuitem-child-selected":"")},e.label),onClick:()=>{Zt(e.viewId),DYe({id:e.viewId,more1:{columns:_,currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:ht,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setSumTotal:Et},processEnv:Se}),Ve(e.viewId),localStorage.setItem("screenView",JSON.stringify({...B,[_e]:e.viewId}))}}))],ri=[{key:"1",type:"group",label:v.default.createElement("div",{style:{color:"#000000",fontWeight:500}},S("TEI_ListView")),children:ni},{type:"divider"},{key:"2",type:"group",label:v.default.createElement("div",{style:{color:"#000000",fontWeight:500}},S("TEI_ManageView")),children:[!0===$t&&!0===ei&&!0===ti&&{key:"2-1",label:S("TEI_SettingView"),className:!1===ye?.showSetting?"custom-hidden":"",children:[(!0===$t||!0===ei)&&{key:"2-1-1",label:S("TEI_AddEditView"),onClick:()=>{Pt(),Ot("Edit")}},!0===ti&&{key:"2-1-2",label:S("TEI_DeleteView"),onClick:()=>{Pt(),Ot("Del")}}].filter(Boolean)},!0===ii&&{key:"2-3",label:S("TEI_SetPermissionView"),className:!1===ye?.showSetting?"custom-hidden":"",onClick:()=>{kt()}}].filter(e=>!e?.className?.includes("custom-hidden"))}],oi=!1!==d?[{template:v.default.createElement(Cl,{callback:e=>{st(e??"")},value:at,width:250,placeholder:S("Search"),isChangeValueOnEnter:!0}),position:"left"}]:[],ai=He?[...ye?.template??[],{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("Tbl_Print")},fe&&v.default.createElement(v9,{ref:Le,showTitle:!1,windowSize:Ht,containerDropDown:document.body,isDisabled:X(Mt?.[0]?.id),organization:{address:Ue?.address??"",id:Ue?.id,name:Ue?.name??Ue?.text},isLoadOnInit:fe?.isLoadOnInit??!0,optionalFields:fe?.optionalField,defaultNameTemplate:A,uploadFileApi:fe.uploadFileApi,printApi:fe.printDocumentApi,exportApi:fe.exportApi,getListBoxGeneralSettingApi:fe.getListBoxApi,deleteGeneralSettingApi:fe.deleteGeneralSettingApi,updateGeneralSettingApi:fe.updateGeneralSettingApi,formatNumber:{decimalSeparator:Ee?.number?.decimalSeparator??P?.decimalSeparator,thousandSeparator:Ee?.number?.thousandSeparator??P?.thousandSeparator,colorNegative:Ee?.number?.colorNegative??P?.colorNegative,prefixNegative:Ee?.number?.prefixNegative??P?.prefix,suffixNegative:Ee?.number?.suffixNegative??P?.suffix},CDN_URL_VIEW:Se?.REACT_APP_BASE_URL_CDN??zo??"",DOCUMENT_URL_VIEW:fe?.RENDER?.URL_API?.DOCUMENT_API??Ae.URL_API.DOCUMENT_API,defaultOptionTypePrint:fe.defaultPrintSetting,handlGetDataPrint:async(e,t)=>await(async(e,t)=>{const i=fe?.apiGetData&&await(fe?.apiGetData(e,t)),n=fe?.data??i??Mt?.[0],r=Ie?.filter(e=>e.isPrint)??[];if(!ee(n)&&r?.length>0){for(const e of r){const t=e?.querySelectDefault,i=await Oo({ParaJson:JSON.stringify({Filter:JSON.stringify(t),Order:"",PageNumber:1,PageSize:1e3,Keyword:"",ViewId:e.stateId,StateId:e.stateId})},Se?.REACT_APP_BASE_URL).then(e=>Z(e)).catch(()=>(qpe(`${S("getDataError")}: ${e.stateId}`),[]));n[e.stateId]=i}return n}return n})(e,t)})),position:"Top",align:"right",visible:!1!==ye?.showPrint&&fe},{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("TEI_ListView")},v.default.createElement(mYe,{arrow:!0,menu:{items:ri},className:"me-0",trigger:["click"]},v.default.createElement(no,{fontSize:16,color:"#000000"}))),position:"Top",align:"right"}].filter(e=>!0!==e?.visible):[],si=He&&!1!==ye?.showExport?[{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("Tbl_Export_excel")},u?.templateExportAll?v.default.createElement(mYe,{arrow:!0,menu:{items:[{key:"1",type:"item",label:v.default.createElement("div",{style:{color:"#000000",fontWeight:500},onClick:()=>Kt()},S("Tbl_Export_excel_Filter"))},{key:"2",type:"item",label:u?.templateExportAll()}]},className:"me-0",trigger:["click"]},v.default.createElement(to,{fontSize:16,color:"#000000"})):v.default.createElement("div",{onClick:()=>Kt()},v.default.createElement(to,{fontSize:16,color:"#000000"}))),position:"Top",align:"right"}]:[],li=!1!==Ce?[{template:v.default.createElement("div",{className:"d-flex align-items-center",title:S("Help")},v.default.createElement(ro,{fontSize:16,onClick:()=>{CYe.exports.HelpEventOpen(`${A}_External`)}})),position:"Top",align:"right"}]:[];return v.default.createElement("div",{className:"es-grid-intf"},v.default.createElement("div",{style:{padding:"0rem"}},v.default.createElement(t.GridComponent,{key:A,sortMultiple:!0,loading:Ke,lang:Qe,locale:Ze?.gridTable?.table,showToolbar:he,columns:gt??[],dataSource:H??et?.Data??[],height:k,minHeight:k,groupAble:xt?.isGroup??!1,groupColumns:xt?.isGroup?wt:void 0,groupSetting:xt?.isGroup?{client:xt?.isGroupClient??!1,hiddenColumnGroup:De?.groupSetting?.hiddenColumnGroup??xt?.hiddenColumnGroup??!1,onGroup:e=>{It(e?.columnGrouped??[])},showGroupIcon:De?.groupSetting?.showGroupIcon??xt?.showGroupIcon??!0,unClearableLevel:De?.groupSetting?.unClearableLevel}:{},expandable:{expandIconColumnIndex:xt?.tree_isTree?0:1},onExpandClick:({rowData:e,expandedKeys:t,key:i})=>{if(xt?.tree_isTree&&xt?.tree_isGetParent&&!(e?.children?.length>0))if(M)M(e,e=>tt(t=>({...t,Data:e})));else{const t=[...ht];et.Tree?.tree_ParentField&&t.push({key:et.Tree?.tree_ParentField,value:e?.[et.Tree?.tree_ChildField],ope:"==",predicate:";"}),DYe({id:We??A,processEnv:Se,more1:{columns:_,currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:t,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setSumTotal:Et},more_tree:{parentId:e?.[et.Tree?.tree_ChildField]}})}if(xt?.isGroup){const t=wt.findIndex(t=>t===e?.field),n=wt[t+1];DYe({id:We??A,processEnv:Se,more1:{columns:_,currentPage:it,dataSource:H,dataView:et,hasWorkflow:ae,paramToolbar:o,productCode:Oe,queryFilter:ht,queryOrder:lt,querySelectDefault:C,rowsPerPage:rt,searchTerm:at,setDataView:tt,setIsLoading:$e,stateId:A,setSumTotal:Et},more:{queryGroup:[{key:e?.field,ope:"==",value:e?.[e?.field]??"",predicate:";"}],fieldGroup:G(n)?"":`[${n}]`,lastLevel:G(n),id:i}})}},next:()=>{nt(e=>e+1)},wrapSettings:{wrapMode:V??xt?.breakText},infiniteScroll:s??!1,pagination:!1!==de&&{total:W??et?.Total??0,currentPage:it,pageSize:rt,pageSizeOptions:J??[20,50,100,200,500,1e3],onChange:(e,t)=>{nt(e),ot(t)},locale:Ze?.gridTable?.pager,showTotal:(e,t)=>`${t[0]}-${t[1]} / ${e} ${S?S(Ze?.gridTable?.pager?.items??S("items")):"items"}`},toolbarItems:[...oi,...r??[],...ai,...si,...li],recordDoubleClick:e=>{ne&&ne(e)},format:Ee?{thousandSeparator:Ee?.number?.thousandSeparator,decimalSeparator:Ee?.number?.decimalSeparator,decimalScale:Ee?.number?.quantity}:P??{decimalSeparator:Y.decimalSeparatorDisplay??".",thousandSeparator:Y.thousandSeparatorDisplay??",",decimalScale:Y?.quantity??2},allowResizing:re??!0,summary:oe??xt?.showSum,rowClassName:ce,showColumnChoose:L??!0,contextMenuItems:y,contextMenuClick:e=>{w&&(w(e),(e=>{const t=e.rowInfo?.rowData;t&&(Je(t),"VIEW_COMMENT"===e.item.id?Ge("comment"):"VIEW_PROCESS"===e.item.id?Ge("diagram"):"APPROVE_PROCESS"===e.item.id?Ge("approve"):"RESET_PROCESS"===e.item.id&&se?.checkInitProcess&&i.messageBoxConfirmResetWorkflow(S,se?.initProcessApi,t,se.code,()=>{se?.handleOnReset&&se?.handleOnReset(t)}))})(e))},contextMenuOpen:E,contextMenuHidden:D?.list??[],rowSelected:e=>{I&&I(e),bt(e.selected)},allowFiltering:p??!0,allowSortering:g??!0,onFilter:!0===le?void 0:e=>{const t=e?.map(e=>{gt.some(t=>t.field===e.field&&("date"===t.type||"datetime"===t.type))&&(e.value=$(e.value,pe[e.operator]));const t=q(gt,"field",e.field);return{key:t.fieldOriginal,keyCode:t.fieldOriginal,value:e.value,ope:pe[e.operator],predicate:ge[e.predicate]}})??[];dt(t)},onSorter:e=>{Array.isArray(e)?ct(e?.map(e=>({...e,fieldOriginal:e?.column?.fieldOriginal}))):G(e?.field)?ct([]):ct([{...e,fieldOriginal:e?.column?.fieldOriginal}])},selectionSettings:{type:Me?.isSelectMulti??f?"multiple":"single",mode:Me?.typeCheckbox??O??void 0,columnWidth:Me?.width??50,hideSelectAll:Me?.hideSelectAll??!1,defaultSelectedRowKeys:(j?yt:Mt)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],selectedRowKeys:(j?yt:Mt)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],getCheckboxProps:e=>({disabled:(Me?.disableChekbox&&Me?.disableChekbox(e))??!1}),checkboxOnly:Me?.checkboxOnly??!1},rowSelection:F,editAble:!1,t:S,dataSourceFilter:x,onFilterClick:(e,t)=>{const i=[{value:"equal",label:S("Equal"),key:"=="},{value:"greaterthan",label:S("Greater than"),key:">"},{value:"greaterthanorequal",label:S("Greater Than Or Equal"),key:">="},{value:"lessthan",label:S("Less Than"),key:"<"},{value:"lessthanorequal",label:S("Less Than Or Equal"),key:"<="},{value:"notequal",label:S("Not Equal"),key:"!="}];"building"===e.field&&t(e.field,i)},onChooseColumns:e=>{mt(e.columns)}})),v.default.createElement(MYe,{viewId:A,windowSize:Ht,openModal:At,handleModal:kt}),v.default.createElement(Yge,{handleModalOrder:Pt,openModalOrder:zt,typeModal:Lt??"Edit",windowSize:Ht,viewId:A,setLoadView:vt,initAbility:we}),!1!==Ce&&v.default.createElement(CYe.exports.GuidSidebar,{stateId:"",t:S,disableGuide:!0}),He&&!(!1===ye?.showExport)&&v.default.createElement(lQe,{stateid:A,openModal:Xt,dataItem:{...u?.para??Dt,isExport:1,title:u?.item?.textTitle??document.title,nameFile:u?.item?.nameFile??document.title,subTitle:u?.item?.textSubtitle??(G(je)?void 0:`${S("From date")} ${K(je?.[0])} ${S("to date")} ${K(je?.[1])}`)},dataOption:u?.dataSource,handleModal:Kt,typeModal:"ExportExcel",windowSize:Ht,columns:u?.columnsExport??gt.filter(e=>"selection_column"!==e.field&&!1!==e.showInColumnChoose),url:ye?.urlExport,t:S}),ae&&v.default.createElement(i.WorkflowModal,{type:qe,setType:Ge,data:{...Xe,productCode:Oe,resourceCode:se?.userSubject},listData:[],t:S,editCommentApi:se?.editCommentApi,checkInitProcess:se?.checkInitProcess,getProcessApi:se?.getProcessApi,approveProcessApi:se?.approveProcessApi,approveMultiProcessApi:se?.approveMultiProcessApi,checkInitComment:se?.checkInitComment,getCommentPagingApi:se?.getCommentPagingApi,addCommentApi:se?.addCommentApi,deleteCommentApi:se?.deleteCommentApi,pagingUserApi:se?.getUserCorePagingApi,uploadFileApi:se?.uploadFileApi,CDN_URL_VIEW:Se?.REACT_APP_BASE_URL_CDN??zo??"",token:jo()||"",saveUrl:`${Se?.REACT_APP_BASE_URL??ko}/api/file/upload-mutil`,approverId:se?.approverId,approverName:se?.approverName,onApproveCompleted:se?.onApproveCompleted,pagingEmployeeApi:se?.pagingEmployeeApi}))}),uQe=i=>{const{toolbarTemplate:n,paramToolbar:r,currentPageDefault:o,infiniteScroll:a,queryOrderDefault:s,rowsPerPageDefault:l,isShowSearch:c,settingTb:h,queryKeyDataView:d,isSelectMulti:u,canContextMenuItems:p,selectionSetting:g,allowFiltering:m,allowSortering:f,handleContextMenuClick:y,rowSelected:M,dataSourceFilter:b,listContextHide:w,querySelectDefault:I,t:x,contextMenuOpen:N,stateId:D,viewIdTable:C,height:S,dataSelected:E,showColumnChoose:A,typeCheckbox:T,format:k,rowSelection:z,setupAcc:j,dataSource:L,columns:O,totalCount:P,pageSizeOptions:F,handleDoubleContextMenuClick:H,allowResizing:B,summary:R,allowFilterClient:U,rowClassName:_,showToolbar:W,allowPaging:V,checkInit:Z,checkInitSub:J,callback:K,onDataChange:ne,group:re,processEnv:oe}=i,{storageSearchTerm:ae,storageQueryFilter:se}=bYe(D),[le,ce]=e.useState(!1),[he,de]=e.useState({Data:[],Total:0,Tree:{}}),[ue,me]=e.useState(o??1),[fe,ve]=e.useState(l??200),[ye,Me]=e.useState(ae??""),[be,we]=e.useState(s??[]),[Ie,xe]=e.useState(se??[]),Ne=Array.isArray(E)?E:G(E)||ee(E)?[]:[E],[De,Ce]=e.useState(Ne),[Se,Ee]=e.useState([]),[Ae,Te]=e.useState(),[ke,ze]=e.useState({});e.useEffect(()=>{Te(O)},[O]);const je=Q(ye,500);let Le;e.useEffect(()=>{clearTimeout(Le),Le=setTimeout(()=>{DYe({id:D,processEnv:oe,more1:{columns:O,currentPage:ue,dataSource:L,dataView:he,hasWorkflow:!1,paramToolbar:r,productCode:"",queryFilter:Ie,queryOrder:be,querySelectDefault:I,rowsPerPage:fe,searchTerm:ye,setDataView:de,setIsLoading:ce,stateId:D,callback:K,setSumTotal:ze}})},200)},[je,ue,Ie,be,fe,C,D,...d??[]]);const Oe=e=>{!G(e)&&(te(e)&&0===e||ie(e)&&e)&&(clearTimeout(Le),Le=setTimeout(()=>{DYe({id:D,processEnv:oe,more1:{columns:O,currentPage:ue,dataSource:L,dataView:he,hasWorkflow:!1,paramToolbar:r,productCode:"",queryFilter:Ie,queryOrder:be,querySelectDefault:I,rowsPerPage:fe,searchTerm:ye,setDataView:de,setIsLoading:ce,stateId:D,callback:K,setSumTotal:ze}})},200))};e.useEffect(()=>{Oe(Z)},[Z]),e.useEffect(()=>{Oe(J?.checkInit1)},[J?.checkInit1]),e.useEffect(()=>{Oe(J?.checkInit2)},[J?.checkInit2]),e.useEffect(()=>{Oe(J?.checkInit3)},[J?.checkInit3]),e.useEffect(()=>{Oe(J?.checkInit4)},[J?.checkInit4]),e.useEffect(()=>{Oe(J?.checkInit5)},[J?.checkInit5]),e.useEffect(()=>{Oe(J?.checkInit6)},[J?.checkInit6]),e.useEffect(()=>{Oe(J?.checkInit7)},[J?.checkInit7]),e.useEffect(()=>{Oe(J?.checkInit8)},[J?.checkInit8]),e.useEffect(()=>{Oe(J?.checkInit9)},[J?.checkInit9]),e.useEffect(()=>{Oe(J?.checkInit10)},[J?.checkInit10]),e.useEffect(()=>{const e={...ke??{}};(Ae??[]).length>0&&!ee(e)&&h?.showSum&&!1!==h?.showSumTotal&&Te(t=>t.map(t=>{const i=e?.[t?.field??""];return i&&(t.summaryTemplate=()=>i),t}))},[ke,Ae]),e.useEffect(()=>{ne&&ne(he.Data,e=>de(t=>({...t,Data:e})))},[he.Data]);const Pe=!1!==c?[{template:v.default.createElement(Cl,{callback:e=>{Me(e??"")},width:250,placeholder:x("Search"),isChangeValueOnEnter:!0}),position:"left"}]:[];return v.default.createElement("div",{className:"position-relative"},v.default.createElement("div",{style:{padding:"0rem"}},v.default.createElement(t.GridComponent,{key:D,sortMultiple:!0,loading:le,lang:IYe,locale:xYe?.gridTable?.table,showToolbar:W,columns:Ae??[],dataSource:L??he?.Data??[],height:S,minHeight:S,groupAble:h?.isGroup??!1,groupColumns:h?.isGroup?Se:[],groupSetting:h?.isGroup?{client:h?.isGroupClient??!1,hiddenColumnGroup:re?.groupSetting?.hiddenColumnGroup??h?.hiddenColumnGroup??!1,onGroup:e=>{Ee(e?.columnGrouped??[])},showGroupIcon:re?.groupSetting?.showGroupIcon??h?.showGroupIcon??!0,unClearableLevel:re?.groupSetting?.unClearableLevel}:{},expandable:{expandIconColumnIndex:0},onExpandClick:()=>{},next:()=>{me(e=>e+1)},infiniteScroll:h?.infiniteScroll??a??!1,pagination:!1!==V&&{total:P??he?.Total??0,pageSize:fe,currentPage:ue,pageSizeOptions:F??[20,50,100,200,500,1e3],onChange:(e,t)=>{me(e),ve(t)},locale:xYe?.gridTable?.pager,showTotal:(e,t)=>`${t[0]}-${t[1]} / ${e} ${x?x(xYe?.gridTable?.pager?.items??"items"):"items"}`},toolbarItems:[...Pe,...n??[]],recordDoubleClick:e=>{H&&H(e)},format:j?{thousandSeparator:j?.number?.thousandSeparator,decimalSeparator:j?.number?.decimalSeparator,decimalScale:j?.number?.quantity}:k??{decimalSeparator:Y.decimalSeparatorDisplay??".",thousandSeparator:Y.thousandSeparatorDisplay??",",decimalScale:Y?.quantity??2},allowFiltering:m??!0,allowSortering:f??!0,allowResizing:B??!0,summary:R??h?.showSum,rowClassName:_,showColumnChoose:A??!0,contextMenuItems:p,contextMenuClick:e=>{y&&y(e)},contextMenuOpen:N,contextMenuHidden:w?.list??[],rowSelected:e=>{M&&M(e),Ce(e.selected)},onFilter:!0===U?void 0:e=>{const t=e?.map(e=>{Ae.some(t=>t.field===e.field&&("date"===t.type||"datetime"===t.type))&&(e.value=$(e.value,pe[e.operator]));const t=q(Ae,"field",e.field);return{key:t.fieldOriginal,keyCode:t.fieldOriginal,value:e.value,ope:pe[e.operator],predicate:ge[e.predicate]}})??[];xe(t)},onSorter:e=>{Array.isArray(e)?we(e?.map(e=>({...e,fieldOriginal:e?.column?.fieldOriginal}))):G(e?.field)?we([]):we([{...e,fieldOriginal:e?.column?.fieldOriginal}])},selectionSettings:{type:g?.isSelectMulti??u?"multiple":"single",mode:g?.typeCheckbox??T??void 0,columnWidth:g?.width??50,hideSelectAll:g?.hideSelectAll??!1,defaultSelectedRowKeys:(E?Ne:De)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],selectedRowKeys:(E?Ne:De)?.map(e=>e?.rowId??e?.id)?.filter(e=>!X(e))??[],getCheckboxProps:e=>({disabled:(g?.disableChekbox&&g?.disableChekbox(e))??!1})},showEmptyText:!1,editAble:!1,rowSelection:z,t:x,dataSourceFilter:b,onFilterClick:(e,t)=>{const i=[{value:"equal",label:x("Equal"),key:"=="},{value:"greaterthan",label:x("Greater than"),key:">"},{value:"greaterthanorequal",label:x("Greater Than Or Equal"),key:">="},{value:"lessthan",label:x("Less Than"),key:"<"},{value:"lessthanorequal",label:x("Less Than Or Equal"),key:"<="},{value:"notequal",label:x("Not Equal"),key:"!="}];"building"===e.field&&t(e.field,i)}})))};
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@esvndev/es-react-table-interface",
-  "version": "1.8.32",
+  "version": "1.8.33",
   "description": "This product is designed by ESVN and is only for use in products distributed by ESVN. Any product, whether for non-commercial research or commercial purposes, must have written legal approval and a digital signature from ESVN.",
   "license": "ESVN Limited Use License",
   "author": "dev@esvn.com.vn",