@acuteinfo/common-screens 1.0.43 → 1.0.44

package/dist/index.js

@@ -1,2 +1,3206 @@
-import"regenerator-runtime/runtime";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{TextField as a,GradientButton as t,utilFunction as n,ClearCacheProvider as i,queryClient as s,Alert as l,GridWrapper as d,SearchBar as c}from"@acuteinfo/common-base";import{useState as p,useRef as m,useEffect as g,Fragment as u,useMemo as h,useReducer as f,useCallback as w}from"react";import{makeStyles as y}from"@mui/styles";import x from"@mui/icons-material/Visibility";import b from"@mui/icons-material/VisibilityOff";import{Container as v,Grid as C,InputAdornment as P,IconButton as S,CircularProgress as T,FormHelperText as N,Typography as k,Tooltip as E,tooltipClasses as D,Stack as B,Box as _,Avatar as M,Button as I,alpha as O,AppBar as A,Toolbar as R,List as L,ListItemIcon as U,ListItem as F,ListItemText as W,Collapse as V,Drawer as z}from"@mui/material";import{useTranslation as q}from"react-i18next";import H,{ResendOTP as j}from"otp-input-react";import G from"@mui/material/IconButton";import $ from"clsx";import{useSnackbar as K}from"notistack";import X from"@mui/icons-material/FingerprintSharp";import Y from"crypto-js";import{useQuery as J,useMutation as Z}from"react-query";import{styled as Q}from"@mui/material/styles";import ee from"@mui/icons-material/Logout";import re from"@mui/icons-material/MenuOutlined";import{format as oe}from"date-fns";import{FontAwesomeIcon as ae}from"@fortawesome/react-fontawesome";import te from"react-perfect-scrollbar";import{ExpandLess as ne,ExpandMore as ie}from"@mui/icons-material";import se from"@mui/icons-material/ArrowBackIosNew";import{library as le}from"@fortawesome/fontawesome-svg-core";import{faHandsHelping as de,faUsers as ce,faBars as pe,faBalanceScale as me,faHandHoldingHeart as ge,faTasks as ue,faCog as he,faHome as fe,faTh as we,faUsersCog as ye,faCircle as xe,faUserCircle as be,faHashtag as ve,faThumbtack as Ce,faSquare as Pe,faLink as Se,faQuestion as Te,faPlus as Ne,faTable as ke,faLocationArrow as Ee,faHeadset as De,faGears as Be,faArrowDown as _e,faArrowUp as Me,faSpinner as Ie,faCircleExclamation as Oe,faRotateRight as Ae,faUserLock as Re,faUserClock as Le,faGripHorizontal as Ue,faFileLines as Fe,faGear as We,faHeadphones as Ve,faUsersGear as ze,faMessage as qe,faUnlock as He,faUserPlus as je,faUserCheck as Ge,faKey as $e,faIdCard as Ke,faIdBadge as Xe,faCheck as Ye,faCheckDouble as Je,faCircleCheck as Ze,faCircleXmark as Qe,faUserTag as er,faAddressCard as rr,faChartColumn as or,faUserPen as ar,faHandHolding as tr,faHandHoldingMedical as nr,faObjectGroup as ir,faTowerCell as sr,faTowerObservation as lr,faBuilding as dr,faMailBulk as cr,faLandmarkFlag as pr,faCreditCard as mr,faHospitalSymbol as gr,faPlugCircleBolt as ur,faCodeBranch as hr,faPersonCircleCheck as fr,faBank as wr,faServer as yr,faNotesMedical as xr,faA as br,faB as vr,faC as Cr,faD as Pr,faE as Sr,faF as Tr,faG as Nr,faH as kr,faI as Er,faJ as Dr,faK as Br,faL as _r,faM as Mr,faN as Ir,faO as Or,faP as Ar,faQ as Rr,faR as Lr,faS as Ur,faT as Fr,faU as Wr,faV as Vr,faW as zr,faX as qr,faY as Hr,faZ as jr}from"@fortawesome/free-solid-svg-icons";import"lodash";function Gr(e,r){void 0===r&&(r={});var o=r.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===o&&a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}Gr(":root{--theme-color1:#07288e;--theme-color2:#fff;--theme-color3:#4263c7;--theme-color4:#eceff9;--theme-color5:linear-gradient(71.66deg,#4285f4 -2.97%,#885df5 111.3%);--theme-color6:#949597}");const $r=y((e=>({wrapper:{minHeight:"100vh",boxShadow:"0 3px 6px rgba(0,0,0,0.03)",background:"var(--theme-color2)"},loginEmp:{background:"#fff",padding:e.spacing(2,4),display:"flex",maxWidth:"400px",margin:"auto",boxShadow:"0 0 20px rgba(0,0,0,0.06)",borderRadius:"8px",[e.breakpoints.down("sm")]:{width:"100%"}},formWrap:{marginTop:e.spacing(2)},loginBtn:{minWidth:"100% !important",margin:e.spacing(2,0),fontSize:"1rem",padding:"10px .75rem",background:"rgb(128,0,0)",border:0,color:"#fff !important",fontWeight:600,letterSpacing:"0.02857em",boxShadow:"none",textTransform:"capitalize",alignSelf:"flex-end","&:hover":{background:"#fedad8",boxShadow:"none"}},OTPTimer:{marginTop:"10px",color:e.palette.primary.main,fontWeight:600},resendLink:{marginTop:"10px",cursor:"pointer",color:e.palette.secondary.main,fontWeight:600,fontSize:"0.875 rem"},logo:{marginBottom:e.spacing(1)},loginLeft:{[e.breakpoints.down("sm")]:{display:"none"}},loginRight:{background:"#fff",padding:e.spacing(2,4),display:"flex",maxWidth:"400px",margin:"auto",boxShadow:"0 0 20px rgba(0,0,0,0.06)",borderRadius:"8px",[e.breakpoints.down("sm")]:{width:"100%"},"& img":{alignSelf:"center"}},loginImg:{},verifybutton:{alignSelf:"center",padding:"5px"},otpButtons:{},divflex:{display:"flex"},otpinputpadding:{"& input":{marginRight:"25px !important",border:"1.42444px solid var(--theme-color3)",borderRadius:"10px",width:"45px !important",height:"45px !important",marginBottom:"15px",boxShadow:"0px 5.69775px 11.3955px rgba(66, 99, 199, 0.16)"}},ibtnvisible:{marginBottom:"15px"},btnvisibleoff:{display:"none"},OTPalignName:{display:"flex",alignItems:"center",marginBottom:"12px",color:"#1C1C1C",fonWeight:"400",fontSize:"17px",lineHeight:"33px"},resendOTPalign:{color:"var(--theme-color3)",fonWeight:"400",fontSize:"17px",lineHeight:"33px",margin:"0 auto"},resendbtnLink:{textDecoration:"underline",color:"var(--theme-color3)",cursor:"pointer","&:hover":{textDecoration:"underline",color:"var(--theme-color3)"}},dialogTitleClass:{background:"var(--theme-color5)",padding:"6px 15px !important",margin:"10px",color:"var(--theme-color2)",borderRadius:"4px","& h2":{fontWeight:"500 !important"}},lang_svg:{marginRight:"10px",width:"22px",height:"22px"},dialogContent:{padding:"0px 15px","& p":{whiteSpace:"pre-wrap",color:"black",marginTop:"8px",marginBottom:"6px"}},button:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",margin:"6px",background:"var(--theme-color1)","&:hover":{background:"var(--theme-color1) !important"}}}))),Kr=({classes:o,loginState:n,verifyUsernamePassword:i,forgotPasswordEndpoint:s})=>{const[l,d]=p({userName:"",password:""}),[c,h]=p(0),f=Date.now()<c,[,w]=p(),y=m(null),{t:N}=q();g((()=>()=>clearTimeout(y.current)),[]);const k=e=>{const r=e.target.name,o=e.target.value;"userName"===r&&o&&(n.isUsernameError=!1),"password"===r&&o&&(n.isPasswordError=!1),d((e=>({...e,[r]:o})))},E=m(null),D=m(null),B=m(null);return g((()=>{let e;return n.isUsernameError?e=setTimeout((()=>{E?.current?.focus?.()}),1e3):n.isPasswordError&&(e=setTimeout((()=>{D?.current?.focus?.()}),1e3)),()=>{e&&clearTimeout(e)}}),[n.isUsernameError,n.isPasswordError]),g((()=>{let e;return n?.otpmodelClose&&(d((e=>({...e,password:""}))),e=setTimeout((()=>{D?.current?.focus?.()}),1500)),()=>{e&&clearTimeout(e)}}),[n.otpmodelClose]),e(u,{children:e(v,{maxWidth:"xs",children:r(C,{alignItems:"center",style:{paddingTop:"20px"},children:[e("div",{style:{color:"#000000 !important",fontSize:"30px",fontWeight:"600",alignItems:"center",fontStyle:"normal",lineHeight:"150%"},children:e("h3",{children:N("SignIn")})}),e("div",{className:"",style:{color:"#949597",fontSize:"16px",fontWeight:"400",alignItems:"center",fontStyle:"normal",width:"360px"},children:N("SignInWithUserIDandPassword")}),r("div",{className:o.formWrap,children:[e(a,{autoFocus:!0,label:N("UserID"),placeholder:String(N("UserID")),style:{marginTop:"10px",marginBottom:"17px"},fullWidth:!0,type:"text",name:"userName",value:l.userName.trimStart()||"",onChange:k,error:n.isUsernameError,helperText:n.isUsernameError?N(n.userMessageforusername):"",InputLabelProps:{shrink:!0},disabled:n.loading,autoComplete:"off",ref:E,onKeyDown:e=>{"Enter"===e.key&&B?.current?.click?.()},inputProps:{maxLength:"16"}}),e("div",{style:{display:"flex",flexDirection:"row-reverse",marginTop:"8px"},children:e(a,{label:N("Password"),placeholder:String(N("EnterPassword")),InputLabelProps:{shrink:!0},fullWidth:!0,type:f?"text":"password",name:"password",value:l.password,onChange:k,error:n.isPasswordError,helperText:n.isPasswordError?N(n.userMessageforpassword):"",disabled:n.loading,ref:D,onKeyDown:e=>{"Enter"===e.key&&B?.current?.click?.()},InputProps:{endAdornment:e(P,{position:"end",children:e(S,{"aria-label":"toggle password visibility",onClick:()=>{f?f&&h(0):(h(Date.now()+5e3),y.current=setTimeout((()=>w(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:n.loading,children:e(f?x:b,{})})})},inputProps:{maxLength:"16"}},"employee")}),e("div",{style:{marginTop:"20px",display:"flex"},children:e("div",{style:{flex:"auto",textAlign:"end"},children:e("a",{href:s??"",style:{color:"var(--theme-color3)"},children:N("ForgotPassword")})})}),e("div",{style:{marginTop:"20px",display:"flex"},children:e("div",{style:{flex:"auto",textAlign:"center",marginTop:"5px",marginBottom:"17px"},children:e(t,{style:{borderRadius:n.loading?"50%":"10px",height:n.loading?"40px":"100%",width:n.loading?"0px":"100%",minWidth:n.loading?"40px":"80px"},fullWidth:!0,disabled:n.loading,onClick:()=>i((l.userName||"").toLowerCase(),l.password),ref:B,endicon:n.loading?void 0:"East",rotateIcon:"scale(1.4) rotateX(360deg)",children:n.loading?e(T,{size:25,thickness:4.6}):N("Next")})})})]})]})})})},Xr=({classes:o,OTPResendRequest:a,open:n,handleClose:i,loginState:s,VerifyOTP:l,OTPError:d,setOTPError:c,previousStep:h,setNewRequestID:f=(e=>{}),otpresendCount:w=0,resendFlag:y})=>{const[P,S]=p(""),[k,E]=p(0),D=Date.now()<k,[,B]=p(),_=m(null);g((()=>()=>clearTimeout(_.current)),[]);const[M,I]=p(!1),O=m(null),[A,R]=p(!1),{enqueueSnackbar:L}=K(),{t:U}=q();return g((()=>{s?.otpmodelClose&&(c(""),S(""),i(""))}),[s.otpmodelClose]),e(u,{children:e(v,{maxWidth:"sm",children:e(C,{alignItems:"center",marginTop:"4em",children:r("div",{style:{},children:[e("div",{style:{color:"#000000",fontSize:"30px",fontWeight:"600",alignItems:"center",fontStyle:"normal",lineHeight:"150%",marginBottom:"10px"},children:U("otp.OTPAuthentication")}),e("div",{style:{color:"#949597",fontSize:"16px",fontWeight:"400",alignItems:"center",fontStyle:"normal",lineHeight:"33px"},children:U("otp.EnterOTP")}),r("div",{className:o.OTPalignName,children:[U("otp.Hello")," ",s?.username?s.username.charAt(0).toUpperCase()+s.username.slice(1):null,e(j,{onResendClick:async()=>{R(!0);const{status:e,data:r,message:o}=await a("FORGET_PW"===y||"FORGT_TOTP"===y?s?.requestCd:s?.transactionID,s?.username,y,s.auth_data?.[0]?.company_ID,s.auth_data?.[0]?.branch_cd);R(!1),"0"===e?(f(r?.TRAN_CD),I(!1),L(o,{variant:"success"})):L(o,{variant:"error"})},renderButton:a=>{let{remainingTime:t,...n}=a;return A?r("a",{className:$(o.resendbtnLink,!M&&o.btnvisibleoff),style:{cursor:"wait"},children:[U("otp.GetNewOTP")," ",e(T,{size:20,color:"secondary"})]}):e("a",{remainingtime:t,...n,className:$(o.resendbtnLink,!M&&o.btnvisibleoff),children:U("otp.GetNewOTP")})},renderTime:e=>(0===parseInt(e)&&setTimeout((()=>{I(!0)}),700),r("span",{className:$(M&&o.btnvisibleoff),children:[U("otp.OtpExpired")," ",e," ",U("otp.second")]})),maxTime:s?.otpValidFor??60,className:o.resendOTPalign})]}),r("div",{className:o.divflex,onKeyDown:e=>{"Enter"===e.key&&O?.current?.click?.()},children:[e(H,{value:P,onChange:S,autoFocus:!0,OTPLength:6,otpType:"number",disabled:!1,secure:!D,className:o.otpinputpadding}),e(G,{"aria-label":"toggle password visibility",onClick:()=>{D?D&&E(0):(E(Date.now()+5e3),_.current=setTimeout((()=>B(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:s.otploading,className:o.ibtnvisible,children:e(D?x:b,{})})]}),Boolean(d)?e(N,{style:{color:"red"},children:d}):null,r("div",{style:{display:"flex",gap:"10px",margin:"42px 0 0 42px",width:"60%"},children:[e(t,{disabled:s.otploading,onClick:()=>{h(!1,"")},className:o.otpButtons,textColor:"var(--theme-color3)",sx:{border:"var(--theme-color3)1px solid",minWidth:"50%",background:"var(--theme-color2)",borderRadius:"10px","&:hover":{background:"var(--theme-color2) !important"}},starticon:"West",rotateIcon:"scale(1.4) rotateX(360deg)",children:U("otp.Back")}),e(t,{style:{borderRadius:s.loading?"50%":"10px",height:s.loading?"40px":"100%",width:s.loading?"0px":"100%",minWidth:s.loading?"40px":"80px"},fullWidth:!0,disabled:s.loading,onClick:()=>{!Boolean(P)||P.length<6?c("otp.EnterOTPDigit"):(c(""),l(P))},ref:O,className:o.otpButtons,endicon:s.loading?void 0:"TaskAlt",rotateIcon:"scale(1.4)",children:s.loading?e(T,{size:25,thickness:4.6}):U("otp.VerifyOTP")})]})]})})})})},Yr=({classes:a,OTPResendRequest:n,handleClose:i,loginState:s,VerifyOTP:l,OTPError:d,setOTPError:c,resendFlag:h,setNewRequestID:f=(e=>{}),otpresendCount:w=0})=>{const[y,v]=p(""),[P,S]=p(0),k=Date.now()<P,[,E]=p(),D=m(null);g((()=>()=>clearTimeout(D.current)),[]);const[B,_]=p(!1),[M,I]=p(!1),O=m(null),{enqueueSnackbar:A}=K(),{t:R}=q(),L=()=>{c(""),v(""),i()};return g((()=>{s?.otpmodelClose&&L()}),[s.otpmodelClose]),e(u,{children:e(C,{alignItems:"center",children:r("div",{children:[e("div",{style:{color:"#000000",fontSize:"30px",fontWeight:"600",alignItems:"center",fontStyle:"normal",lineHeight:"150%",marginBottom:"10px"},children:R("otp.OTPAuthentication")}),r("div",{className:a.OTPalignName,children:[R("otp.Hello")," ",s?.username?s.username.charAt(0).toUpperCase()+s.username.slice(1):null,s.otploading||w>=3||"TOTP"===s?.auth_type?null:e(j,{onResendClick:async()=>{I(!0);const{status:e,data:r,message:o}=await n("FORGET_PW"===h?s?.requestCd:s?.transactionID,s?.username,h,s?.company_ID,s?.branch_cd);I(!1),"0"===e?(f(r?.TRAN_CD),_(!1),A(o,{variant:"success"})):A(o,{variant:"error"})},renderButton:o=>{let{remainingTime:t,...n}=o;return M?r("a",{className:$(a.resendbtnLink,!B&&a.btnvisibleoff),style:{cursor:"wait"},children:[R("otp.GetNewOTP")," ",e(T,{size:20,color:"secondary"})]}):e("a",{remainingtime:t,...n,className:$(a.resendbtnLink,!B&&a.btnvisibleoff),children:R("otp.GetNewOTP")})},renderTime:e=>(0===parseInt(e)&&setTimeout((()=>{_(!0)}),700),r("span",{className:$(B&&a.btnvisibleoff),children:[R("otp.OtpExpired")," ",e]})),maxTime:s?.otpValidFor??60,className:a.resendOTPalign})]}),r("div",{className:a.divflex,onKeyDown:e=>{"Enter"===e.key&&O?.current?.click?.()},children:[e(H,{value:y,onChange:v,autoFocus:!0,OTPLength:6,otpType:"number",disabled:!1,secure:!k,className:a.otpinputpadding}),e(G,{"aria-label":"toggle password visibility",onClick:()=>{k?k&&S(0):(S(Date.now()+5e3),D.current=setTimeout((()=>E(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:s.otploading,className:a.ibtnvisible,children:e(k?x:b,{})})]}),Boolean(d)?e(N,{style:{color:"red"},children:d}):null,"TOTP"===s?.auth_type?e("div",{style:{flex:"auto"},children:e("a",{href:"forgot-totp",style:{color:"var(--theme-color3)"},children:"Forgot TOTP"})}):e(o,{}),r("div",{style:{display:"flex",gap:"10px",margin:"42px 0 0 42px",width:"60%"},children:[e(t,{fullWidth:!0,disabled:s.otploading,onClick:L,className:a.otpButtons,starticon:"West",textColor:"var(--theme-color3) !important",sx:{"&:disabled":{color:"var(-theme-color3) !important"}},rotateIcon:"scale(1.4) rotateX(360deg)",style:{border:"var(--theme-color3)1px solid",borderRadius:"10px",minWidth:"48%"},children:R("otp.Back")}),e(t,{style:{borderRadius:s.otploading?"50%":"10px",height:s.otploading?"40px":"100%",width:s.otploading?"0px":"100%",minWidth:s.otploading?"40px":"80px"},disabled:s.loading,onClick:()=>{!Boolean(y)||y.length<6?c("otp.EnterOTPDigit"):(c(""),l(y))},ref:O,className:a.otpButtons,children:s.otploading?e(T,{size:25,thickness:4.6}):R("otp.VerifyOTP")})]})]})})})};Gr(".spinner-wrap{position:relative}.spinner-item{animation:zoom 2s linear .75s infinite;border:1px solid #949597;border-radius:50%;height:250px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px}.spinner-item--2{animation-delay:1.25s}.spinner-item--3{animation-delay:1.75s}@keyframes zoom{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.6)}}.image{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress{backdrop-filter:blur(2px) brightness(101%);border:1px solid #b0b0b0;border-radius:4px;box-shadow:0 0 3px #b0b0;margin:0 auto;width:20em}.bar{background:#4263c7;height:4px;width:65%}");const Jr=({classes:a,loginState:n,verifyFinger:i,previousStep:s})=>{const{t:l}=q();return e(u,{children:e(v,{maxWidth:"xs",children:r(C,{alignItems:"center",children:[r("div",{style:{marginRight:"25px",width:"102%"},children:[e("br",{}),e("div",{style:{color:"#000000",fontSize:"34px",fontWeight:"600",alignItems:"center",fontStyle:"normal",lineHeight:"150%",marginBottom:"10px"},children:l("Biometric.BiometrixAuthentication")}),e("div",{style:{color:"#949597",fontSize:"18px",fontWeight:"400",alignItems:"center",fontStyle:"normal",lineHeight:"33px"},children:l("Biometric.Kindlyplaceyoufinger")}),e("br",{}),r(k,{variant:"h5",style:{color:"#000000"},children:[l("otp.Hello")," ","",` ${n?.username?n.username.charAt(0).toUpperCase()+n.username.slice(1):null}`]}),e("br",{}),e("div",{className:n?.isBiometricError?a.eFingerUi:a.fingerUi,children:r("div",{className:"spinner-wrap",children:[e(X,{sx:{fontSize:"80px",opacity:"0.4",borderRadius:"50%",display:"flex",margin:"0 auto","&:after":{borderBottom:"2px solid #26A456"}},className:n?.isBiometricError?a.FingerIcon:null,color:n?.isBiometricError?"error":"inherit"}),n?.isScanning?r(o,{children:[e("div",{className:"spinner-item",style:{border:n?.isScanning?"1px solid #949597":" 1px solid red"}}),e("div",{className:"spinner-item spinner-item--2",style:{border:n?.isScanning?"1px solid #949597":"1px solid red"}}),e("div",{className:"spinner-item spinner-item--3",style:{border:n?.isScanning?"1px solid #949597":"1px solid red"}})]}):null]})}),e("div",{className:a.biometric,children:r("div",{style:{marginTop:"50px"},children:[e("div",{className:n.isScanning?"progress":"hide",children:e("div",{className:"bar",style:{width:n.isScanning?"30%":"0%"}})}),e("h3",{style:{display:"flex",marginTop:"20px",justifyContent:"space-around",color:n?.isBiometricError?"rgb(255 0 0 / 65%)":"inherit"},children:n?.isBiometricError?n?.userMessage:n?.loading?l("Biometric.Loading"):n?.isScanning?l("Biometric.Scanning"):null})]})})]}),r("div",{style:{display:"flex",justifyContent:"center",margin:"42px 0 0 42px",gap:"10px"},children:[e(t,{fullWidth:!0,disabled:n.loading,onClick:()=>{s(!1,"")},className:a.otpButtons,starticon:"West",rotateIcon:"scale(1.4) rotateX(360deg)",textColor:"var(--theme-color3) !important",style:{border:"var(--theme-color3)1px solid",color:"var(--theme-color3)",background:"var(--theme-color2)",borderRadius:"10px",minWidth:"48%"},children:l("otp.Back")}),e(t,{style:{borderRadius:n.loading?"50%":"10px",height:n.loading?"40px":"100%",width:n.loading?"0px":"100%",minWidth:n.loading?"40px":"80px"},disabled:n.loading,onKeyDown:e=>13===e.keyCode&&i,onClick:i,className:a.otpButtons,children:n.loading?e(T,{size:25,thickness:4.6,style:{color:"#fff"}}):l("Biometric.Verify")})]})]})})})},Zr=async(e,r)=>new Promise(((o,a)=>{"string"==typeof e&&(e=JSON.parse(e)),e.forEach((async(a,t)=>{try{var n={GalleryTemplate:(e=>{var r=Y.PBKDF2("SUPERACUTE@MKS","Ivan Medvedev",{keySize:12,iterations:1e3});console.log(r.toString());var o=new Y.lib.WordArray.init(r.words,32),a=new Y.lib.WordArray.init(r.words.splice(8),16),t=Y.AES.decrypt({ciphertext:Y.enc.Base64.parse(Y.enc.Base64.parse(e).toString(Y.enc.Utf8))},o,{iv:a});return console.log("CryptoJS.AES.decrypt",t),t.toString(Y.enc.Utf8).split(String.fromCharCode(0)).join("")})(a.IMG_DATA),ProbTemplate:r,BioType:"Iso"},i=JSON.stringify(n);await fetch("http://localhost:8004/mfs100/verify",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:i}).then((e=>e.json())).then((r=>{"0"===r?.ErrorCode&&r.Status?o({status:!0,errorCode:"0",errorMessage:"",isError:!1,sr_cd:a.SR_CD}):e.length!==t+1||o({status:!1,errorCode:r.ErrorCode,errorMessage:r.ErrorMessage,isError:!1})})).catch((e=>{o({status:!1,errorCode:"999",errorMessage:e,isError:!0})}))}catch(e){console.log(e),o({status:!1,errorCode:"999",errorMessage:"Something went wrong!",isError:!0})}}))})),Qr=(e="")=>{if("string"!=typeof e)return!1;return/^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/.test(e)},eo=({bannerDetails:a})=>{const[t,i]=p(null),s=m(null),l=$r(),d=h((()=>a),[]);return g((()=>{if(Boolean(d?.bannerImg))if(Qr(d?.bannerImg)){let e=n.base64toBlob(d?.bannerImg);s.current="object"==typeof e&&Boolean(e)?URL.createObjectURL(e):"",i(s.current)}else i(d?.bannerImg)}),[d]),e(o,{children:r(C,{item:!0,xs:6,md:6,lg:6,className:l.loginLeft,children:[e(C,{item:!0,xs:12,md:12,lg:12,style:{height:"70vh"},children:e("img",{alt:"",style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},src:Boolean(t)?t:""})}),e(C,{item:!0,xs:12,md:12,lg:12,style:{height:"30vh",background:"var(--theme-color5)"},children:r(v,{maxWidth:"sm",children:[r("div",{className:"text",style:{color:"white",fontStyle:"normal",fontSize:"35px",paddingTop:"30px"},children:[d?.bannerTitle??"",e("span",{style:{marginLeft:"8px",fontWeight:"900"}})]}),e("div",{style:{lineHeight:"27px",fontSize:"15px",fontWeight:"500px",letterSpacing:"0.02em",color:"#ebedee",maxWidth:"464px"},children:d?.bannerNote??""})]})})]})})},ro=({classes:o,ResetPassword:i,open:s,username:l,accessToken:d,tokenType:c,handleClose:g})=>{const h=m(null),{enqueueSnackbar:f}=K(),{t:w}=q(),[y,x]=p({userName:l,oldpassword:"",password:"",confirmpassword:""}),[b,P]=p({isError:!1,errorMessage:"",isLoading:!1,isoldPwdError:!1,oldpassworderror:"",isnewpwdError:!1,newpassworderror:"",isconfirmnewpwdError:!1,confirmnewpassworderror:""}),S=e=>{const r=e.target.name;let o=e.target.value;"oldpassword"===r&&Boolean(o)?P((e=>({...e,isoldPwdError:!1}))):"password"===r&&Boolean(o)?P((e=>({...e,isnewpwdError:!1}))):"confirmpassword"===r&&Boolean(o)&&P((e=>({...e,isconfirmnewpwdError:!1}))),x((e=>({...e,[r]:o})))};return e(u,{children:e(v,{maxWidth:"xs",children:r(C,{alignItems:"center",children:[e("div",{style:{color:"#000000 !important",fontSize:"30px",fontWeight:"600",alignItems:"center",fontStyle:"normal"},children:e("h3",{children:"Password Rotation"})}),e("div",{className:"",style:{color:"#949597",fontSize:"18px",fontWeight:"400",alignItems:"center",fontStyle:"normal",width:"360px"},children:"Please Verify OTP"}),r("div",{className:o.formWrap,children:[e(a,{label:"User ID",placeholder:"Enter User ID",fullWidth:!0,type:"text",name:"userName",value:y.userName||"",onChange:S,InputLabelProps:{shrink:!0},disabled:!0,autoComplete:"off",inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),e(a,{autoFocus:!0,label:"Current Password",placeholder:"Enter Current Password",fullWidth:!0,type:"password",name:"oldpassword",value:y.oldpassword||"",onChange:S,error:b.isoldPwdError,helperText:b.isoldPwdError?w(b.oldpassworderror):"",InputLabelProps:{shrink:!0},disabled:b.isLoading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&h?.current?.click?.()},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),e(a,{label:"New Password",placeholder:"Enter New Password",fullWidth:!0,type:"password",name:"password",value:y.password||"",onChange:S,error:b.isnewpwdError,helperText:b.isnewpwdError?w(b.newpassworderror):"",InputLabelProps:{shrink:!0},disabled:b.isLoading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&h?.current?.click?.()},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),e(a,{label:"Confirm New Password",placeholder:"Enter confirm new password",fullWidth:!0,type:"password",name:"confirmpassword",value:y.confirmpassword||"",onChange:S,error:b.isconfirmnewpwdError,helperText:b.isconfirmnewpwdError?w(b.confirmnewpassworderror):"",InputLabelProps:{shrink:!0},disabled:b.isLoading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&h?.current?.click?.()},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),b.isError?e(N,{style:{color:"red"},children:b.errorMessage}):null]}),r("div",{style:{display:"flex",gap:"10px",margin:"20px 0 0 10px",width:"94%"},children:[e(t,{fullWidth:!0,disabled:b.isLoading,onClick:()=>{g("")},className:o.otpButtons,style:{border:"var(--theme-color3)1px solid",color:"var(--theme-color3)",borderRadius:"10px"},children:"Back"}),e(t,{style:{borderRadius:b.isLoading?"50%":"10px",height:b.isLoading?"40px":"100%",width:b.isLoading?"0px":"100%",minWidth:b.isLoading?"40px":"80px"},fullWidth:!0,disabled:b.isLoading,onClick:async()=>{let e=!1,r={isError:!1,errorMessage:"",isLoading:!1,isoldPwdError:!1,oldpassworderror:"",isnewpwdError:!1,newpassworderror:"",isconfirmnewpwdError:!1,confirmnewpassworderror:""};Boolean(y.oldpassword)||(r.isoldPwdError=!0,r.oldpassworderror="Current Password is required.",e=!0);let o=n.ValidatePassword(y.password);if(Boolean(o)&&(r.isnewpwdError=!0,r.newpassworderror=o,e=!0),Boolean(y.oldpassword)&&Boolean(y.password)&&y.oldpassword===y.password&&(r.isnewpwdError=!0,r.newpassworderror="The new password cannot be the same as the old password",e=!0),Boolean(y.confirmpassword)?Boolean(y.password)&&y.password!==y.confirmpassword&&(r.isconfirmnewpwdError=!0,r.confirmnewpassworderror="New Password and Confirm Password did not matched",e=!0):(r.isconfirmnewpwdError=!0,r.confirmnewpassworderror="Confirm new password is required.",e=!0),e)P(r);else{P((e=>({...e,isLoading:!0})));let e=await i(y.userName,y.oldpassword,y.password,d,c);P((e=>({...e,isLoading:!1}))),"0"===e.status?(f("Password successfully changed.",{variant:"success"}),g("0")):P((r=>({...r,isError:!0,errorMessage:e.message})))}},ref:h,className:o.otpButtons,children:b.isLoading?e(T,{size:25,thickness:4.6}):"Update"})]})]})})})},oo={username:"",firstName:"",lastName:"",loading:!1,otploading:!1,isError:!1,isUsernameError:!1,isPasswordError:!1,userMessage:"",OtpuserMessage:"",userMessageforpassword:"",userMessageforusername:"",currentFlow:"username",transactionID:"",access_token:"",token_type:"",otpmodelClose:!1,authType:"",isScanning:!1,auth_data:[],company_ID:"",Branch_CD:"",auth_type:"O",otpValidFor:60},ao=(e,r)=>{switch(r.type){case"inititateUserFingerVerification":case"inititateOTPVerification":return{...e,loading:!0,isError:!1,isUsernameError:!1,isPasswordError:!1,isOTPError:!1,isBiometricError:!1,userMessage:""};case"inititateUserFingerScanner":return{...e,isScanning:!0,isBiometricError:!1};case"usernameandpasswordrequired":return{...e,loading:!1,isError:!0,isUsernameError:!0,isPasswordError:!0,otploading:!1,userMessage:r?.payload?.error,userMessageforpassword:r?.payload?.errorPassword,userMessageforusername:r?.payload?.errorUsername,username:"",transactionID:""};case"passwordVerificationFailure":return{...e,loading:!1,isError:!0,isUsernameError:!1,isPasswordError:!0,otploading:!1,userMessage:r?.payload?.error,userMessageforpassword:r?.payload?.errorPassword,username:"",transactionID:""};case"usernameVerificationFailure":return{...e,loading:!1,isError:!0,isUsernameError:!0,isPasswordError:!1,otploading:!1,userMessage:r?.payload?.error,userMessageforusername:r?.payload?.errorUsername,username:"",transactionID:""};case"inititatePasswordVerification":return{...e,loading:!0,isError:!1,isUsernameError:!1,isPasswordError:!1,otploading:!1,userMessage:"",userMessageforusername:"",userMessageforpassword:"",username:"",transactionID:"",access_token:""};case"passwordRotation":return{...e,loading:!1,username:r?.payload?.username,access_token:r?.payload?.access_token,token_type:r?.payload?.token_type};case"passwordRotationsuccess":return{...e,loading:!1,otpmodelClose:Boolean(r?.payload?.otpmodelclose)};case"passwordVerificationSuccessful":return{...e,loading:!1,otploading:!1,transactionID:r?.payload?.transactionID,username:r?.payload?.username,auth_type:r?.payload?.auth_type,OtpuserMessage:"",access_token:r?.payload?.access_token,token_type:r?.payload?.token_type,otpmodelClose:!1,currentFlow:"OTP",authType:r?.payload?.authType,auth_data:r?.payload?.auth_data,otpValidFor:r?.payload?.otpValidFor,company_ID:r?.paylod?.company_ID};case"inititatebiometricVerification":return{...e,loading:!0,otploading:!0,OtpuserMessage:"",otpmodelClose:!1};case"biometricVerificationFailure":return{...e,loading:!1,isError:!0,isBiometricError:!0,userMessage:r?.payload?.error,isScanning:!1};case"biometricVerificationSuccessful":return{...e,loading:!1,isError:!1,isBiometricError:!1,state:r.payload,isScanning:!1};case"OTPVerificationComplate":return{...e,loading:!1,otploading:!1,OtpuserMessage:""};case"OTPVerificationFailed":return{...e,loading:!1,otploading:!1,OtpuserMessage:r?.payload?.error,otpmodelClose:Boolean(r?.payload?.otpmodelclose)};case"OTPResendSuccess":return{...e,transactionID:r?.payload?.transactionID};case"backToUsernameVerification":return{...oo,isPasswordError:r?.payload?.isError,userMessageforpassword:r?.payload?.errorMessage};default:return e}},to=({bannerDetails:a,logoUrl:t,logoTitle:i,loginFn:s,veirfyUsernameandPassword:l,verifyOTP:d,OTPResendRequest:c,ResetPassword:u,LanguageComponent:h,forgotPasswordEndpoint:w})=>{const y=$r(),[x,b]=f(ao,oo),[v,P]=p(!1),S=m(0),[T,N]=p(null),k=m(null),{t:D}=q(),B=m(1);g((()=>{if(Boolean(t))if(Qr(t)){let e=n.base64toBlob(t);k.current="object"==typeof e&&Boolean(e)?URL.createObjectURL(e):"",N(k.current)}else N(t)}),[t]);const _=async e=>{if(Boolean(e)&&6===e.toString().length){b({type:"inititateOTPVerification"});const{status:r,data:o,message:a}=await d(x.transactionID,x.username,e,x.access_token,x.token_type,x.authType);"0"===r?(b({type:"OTPVerificationComplate"}),s(o)):b("999"===r?{type:"OTPVerificationFailed",payload:{error:a,otpmodelclose:!0}}:{type:"OTPVerificationFailed",payload:{error:a,otpmodelclose:!1}})}else b({type:"OTPVerificationFailed",payload:{error:"Please enter a 6 digit OTP number"}})},M=(e=!1,r="")=>{b({type:"backToUsernameVerification",payload:{isError:e,errorMessage:r}})};return e(o,{children:r(C,{container:!0,style:{height:"100vh",overflow:"hidden"},children:[e(eo,{bannerDetails:a}),r(C,{item:!0,xs:11,md:6,lg:6,sm:6,children:[t?e(C,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"25px",maxWidth:"210px",ml:"auto",children:e(E,{describeChild:!0,title:i??"",children:e("img",{src:Boolean(T)?T:"",alt:"Logo",width:"100%"})})}):null,h?e(C,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"0 35px 0 0",maxWidth:"180px",ml:"auto",children:e(h,{})}):null,v?e(ro,{classes:y,ResetPassword:u,open:v,username:x.username,accessToken:x.access_token,tokenType:x.token_type,handleClose:e=>{"0"===e&&b({type:"passwordRotationsuccess",payload:{otpmodelclose:!0}}),P(!1)}}):e(o,{children:"username"===x.currentFlow?e(Kr,{classes:y,loginState:x,verifyUsernamePassword:async(e,r)=>{if(Boolean(e)&&Boolean(r)){b({type:"inititatePasswordVerification"});try{const{status:o="",data:a=null,message:t="",responseType:n="",access_token:i=null}=await l(e,r);"0"===o&&"S"===n?(b({type:"passwordRotation",payload:{username:e,access_token:i?.access_token||"",token_type:i?.token_type||""}}),P(!0)):b("0"===o?{type:"passwordVerificationSuccessful",payload:{transactionID:a?.REQUEST_CD,username:e,access_token:i?.access_token,token_type:i?.token_type,authType:a?.AUTH_TYPE,auth_data:[{company_ID:a?.BASE_COMP_CD??"",branch_cd:a?.BASE_BRANCH_CD}],otpValidFor:a?.OTP_VALID}}:{type:"passwordVerificationFailure",payload:{error:t,errorPassword:t}})}catch(e){throw new Error("Error occurred while verifying username and password: "+e)}}else Boolean(e)||Boolean(r)?Boolean(e)?b({type:"passwordVerificationFailure",payload:{error:"PasswordisRequired",errorPassword:"PasswordisRequired"}}):b({type:"usernameVerificationFailure",payload:{error:"UsernameisRequired",errorUsername:"UsernameisRequired"}}):b({type:"usernameandpasswordrequired",payload:{error:"UsernamenandPasswordisRequired",errorUsername:"UsernameisRequired",errorPassword:"PasswordisRequired"}})},forgotPasswordEndpoint:w},"username"):e(o,{children:"OTP"===x.authType?e(Xr,{OTPResendRequest:c,classes:y,loginState:x,VerifyOTP:_,previousStep:M,OTPError:D(x?.OtpuserMessage??""),setOTPError:e=>{b({type:"OTPVerificationFailed",payload:{error:e}})},open:!0,handleClose:M,resendFlag:"LOGIN",setNewRequestID:e=>{b({type:"OTPResendSuccess",payload:{transactionID:e}}),B.current=B.current+1},otpresendCount:B.current},"otp"):"TOTP"===x.authType?r(o,{children:[" ",e(Yr,{OTPResendRequest:c,classes:y,handleClose:M,loginState:x,VerifyOTP:_,OTPError:x?.OtpuserMessage??"",setOTPError:e=>{b({type:"OTPVerificationFailed",payload:{error:e}})},resendFlag:"LOGIN",setNewRequestID:e=>{b({type:"OTPResendSuccess",payload:{transactionID:e}}),B.current=B.current+1},otpresendCount:B.current},"OTPForm")]}):e(Jr,{classes:y,loginState:x,verifyFinger:async()=>{try{b({type:"inititateUserFingerScanner"});const e=await(async()=>{var e=JSON.stringify({Quality:60,TimeOut:10});const r=await fetch("http://localhost:8004/mfs100/capture",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:e});return await r.json()})();if("0"===e?.ErrorCode){b({type:"inititateUserFingerVerification"});const r=await Zr(x.auth_data,e.IsoTemplate);if(r.isError)b({type:"biometricVerificationFailure",payload:{error:r?.errorMessage??"Something went wrong."}});else{const{status:e,data:o,message:a}=await d(x.transactionID,x.username,String(r?.sr_cd??"0"),x.access_token,x.token_type,x.authType,r.status?"Y":"N");"0"===e&&r.status?(b({type:"biometricVerificationSuccessful"}),s(o)):"0"!==e||r.status?"99"===e?b({type:"biometricVerificationFailure",payload:{error:a??"Finger Not Match.Please Try Again"}}):"999"===e?(b({type:"biometricVerificationFailure",payload:{error:a??"Finger Not Match.Please Try Again"}}),M(!0,a??"Finger Not Match.Please Try Again")):b({type:"biometricVerificationFailure",payload:{error:a??"Finger Not Match.Please Try Again"}}):(S.current=S.current+1,b({type:"biometricVerificationFailure",payload:{error:"Finger Not Match.Please Try Again"}}),S.current>=3&&M(!0,"Finger Not Match.Please Try Again"))}}else b({type:"biometricVerificationFailure",payload:{error:e?.ErrorMessage??D("Biometric.MFS100NotFound")}})}catch(e){b({type:"biometricVerificationFailure",payload:{error:e?.message??D("Biometric.Unknownerroroccured")}})}},previousStep:M},"biometric")})})]})]})})},no=({classes:n,loginState:i,onSubmit:s,navigate:l,loginPageEndpoint:d})=>{const[c,h]=p({userName:1===i.workingState?i?.username:"",mobileno:"",password:"",confirmpassword:""}),f=m(null),w=m(null),y=m(null),[v,C]=p(0),[k,E]=p(0),D=Date.now()<v,B=Date.now()<k,[,_]=p(),M=m(null);g((()=>()=>clearTimeout(M.current)),[]);const{t:I}=q(),O=e=>{const r=e.target.name;let o=e.target.value;"userName"===r&&o&&(i.isUsernameError=!1),"mobileno"===r&&o&&(o=o.replace(/\D/g,""),Boolean(o)&&(i.isMobileError=!1)),h((e=>({...e,[r]:o})))};return g((()=>{1===i.workingState&&setTimeout((()=>{w?.current?.focus?.()}),2e3)}),[i.workingState]),e(u,{children:r("div",{className:n.formWrap,children:[e(a,{autoFocus:!0,label:I("UserID"),placeholder:String(I("UserID")),fullWidth:!0,type:"text",name:"userName",value:c.userName||"",onChange:O,error:i.isUsernameError,helperText:i.isUsernameError?I(i.userMessageforusername):"",InputLabelProps:{shrink:!0},disabled:!!i.loading||0!==i.workingState,autoComplete:"off",ref:f,inputProps:{maxLength:16},onKeyDown:e=>{"Enter"===e.key&&y?.current?.click?.()},style:{paddingBottom:"8px"}}),0===i.workingState?e(a,{label:I("MobileNo"),placeholder:"Enter Mobile No.",fullWidth:!0,type:"text",name:"mobileno",value:c.mobileno||"",onChange:O,error:i.isMobileError,helperText:i.isMobileError?I(i.userMessageforMobileno):"",InputLabelProps:{shrink:!0},disabled:!!i.loading||0!==i.workingState,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&y?.current?.click?.()},inputProps:{maxLength:13},style:{paddingBottom:"8px"}}):null,1===i.workingState?r(o,{children:[e(a,{autoFocus:!0,label:I("Password"),placeholder:"Enter Password",fullWidth:!0,type:D?"text":"password",name:"password",value:c.password||"",onChange:O,error:i.isPasswordError,helperText:i.isPasswordError?I(i.userMessageforPassword):"",InputLabelProps:{shrink:!0},disabled:i.loading,autoComplete:"off",ref:w,onKeyDown:e=>{"Enter"===e.key&&y?.current?.click?.()},InputProps:{endAdornment:e(P,{position:"end",children:e(S,{"aria-label":"toggle password visibility",onClick:()=>{D?D&&C(0):(C(Date.now()+5e3),M.current=setTimeout((()=>_(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:i.loading,children:e(D?x:b,{})})})},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),e(a,{label:I("ConfirmPassword"),placeholder:String(I("EnterConfirmPassword")),fullWidth:!0,type:B?"text":"password",name:"confirmpassword",value:c.confirmpassword||"",onChange:O,error:i.isConfirmPasswordError,helperText:i.isConfirmPasswordError?I(i.userMessageforconfirmPassword):"",InputLabelProps:{shrink:!0},disabled:i.loading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&y?.current?.click?.()},InputProps:{endAdornment:e(P,{position:"end",children:e(S,{"aria-label":"toggle password visibility",onClick:()=>{B?B&&E(0):(E(Date.now()+5e3),M.current=setTimeout((()=>_(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:i.loading,children:e(B?x:b,{})})})},inputProps:{maxLength:16},style:{paddingBottom:"8px"}})]}):null,i.isApiError?e(N,{style:{color:"red"},children:i.apierrorMessage}):null,e("div",{style:{marginTop:"20px",display:"flex",flexDirection:"row-reverse"},children:e("div",{style:{flex:"auto",textAlign:"center",marginTop:"5px",marginBottom:"17px"},children:r("div",{children:[e(t,{style:{borderRadius:"10px",marginRight:"5px"},disabled:i.loading,onClick:()=>{l(d)},starticon:"West",rotateIcon:"scale(1.4) rotateX(360deg)",children:I("backtologin")}),e(t,{style:{borderRadius:"10px"},disabled:i.loading,onClick:()=>{s(c,i.workingState)},ref:y,endicon:i.loading?void 0:"East",rotateIcon:"scale(1.4) rotateX(360deg)",children:i.loading?e(T,{size:25,thickness:4.6}):I("Next")})]})})})]})})},io=e=>Boolean(e)?/(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*\W)(?!.*\s)/.test(e)?e.length<8||e.length>16?"Password must be between 8 and 16 characters long.":"":"Password must be 8-16 characters long, containing at least one uppercase letter, one lowercase letter, one number, and one special character, with no spaces allowed.":"Password is Required",so={isUsernameError:!1,userMessageforusername:"",loading:!1,isMobileError:!1,userMessageforMobileno:"",isPasswordError:!1,userMessageforPassword:"",isConfirmPasswordError:!1,userMessageforconfirmPassword:"",workingState:0,isApiError:!1,apierrorMessage:"",otploading:!1,OtpuserMessage:"",otpmodelClose:!1,requestCd:"",username:"",auth_type:"O",transactionID:""},lo=(e,r)=>{switch(r.type){case"verifyUserNameandMobileNoFailed":return{...e,loading:!1,isUsernameError:r?.payload?.isUsernameError??!1,isMobileError:r?.payload?.isMobileError??!1,userMessageforusername:r?.payload?.userMessageforusername??"",userMessageforMobileno:r?.payload?.userMessageforMobileno??"",isApiError:r?.payload?.isApiError??!1,apierrorMessage:r?.payload?.apierrorMessage??"",requestCd:"",username:""};case"initverifyUserNameandMobileNo":return{...e,loading:!0,isUsernameError:!1,isMobileError:!1,requestCd:"",username:""};case"verifyUserNameandMobileNoSuccess":return{...e,loading:!1,isUsernameError:!1,isMobileError:!1,workingState:0,isApiError:!1,apierrorMessage:"",requestCd:r?.payload?.requestCd??"",username:r?.payload?.username??"",auth_type:r?.payload?.auth_type,company_ID:r?.payload?.company_ID,branch_cd:r?.payload?.branch_cd,otpValidFor:r?.payload?.otpValidFor};case"inititateOTPVerification":return{...e,loading:!1,otploading:!0,OtpuserMessage:"",otpmodelClose:!1};case"OTPVerificationComplate":return{...e,loading:!1,otploading:!1,OtpuserMessage:"",workingState:1,otpmodelClose:Boolean(r?.payload?.otpmodelclose)};case"OTPVerificationFailed":return{...e,otploading:!1,OtpuserMessage:r?.payload?.error,otpmodelClose:Boolean(r?.payload?.otpmodelclose)};case"verifyPasswordFailed":return{...e,loading:!1,isPasswordError:r?.payload?.isPasswordError??!1,isConfirmPasswordError:r?.payload?.isConfirmPasswordError??!1,userMessageforPassword:r?.payload?.userMessageforPassword??"",userMessageforconfirmPassword:r?.payload?.userMessageforconfirmPassword??"",isApiError:!1,apierrorMessage:""};case"initverifyPasswordSetReq":return{...e,loading:!0,isPasswordError:!1,isConfirmPasswordError:!1};case"passwordRegistaredSuccess":return{...e,loading:!1,isPasswordError:!1,isConfirmPasswordError:!1};case"OTPResendSuccess":return{...e,requestCd:r?.payload?.requestCd};default:return e}},co=({screenFlag:a,updatenewPassword:t,veirfyUsernameandMobileNo:i,verifyOTPForPWDReset:s,logoUrl:l,logoTitle:d,LanguageComponent:c,bannerDetails:u,navigate:h,loginPageEndpoint:w})=>{const y=$r(),[x,b]=f(lo,so),[P,S]=p(!1),{enqueueSnackbar:T}=K(),N=m(1),{t:k}=q(),[E,D]=p(null),B=m(null);g((()=>{if(Boolean(l))if(Qr(l)){let e=n.base64toBlob(l);B.current="object"==typeof e&&Boolean(e)?URL.createObjectURL(e):"",D(B.current)}else D(l)}),[l]);const _=(e,r)=>{if(0===r){let r={isUsernameError:!1,isMobileError:!1,userMessageforusername:"",userMessageforMobileno:""};return Boolean(e.userName)||(r.isUsernameError=!0,r.userMessageforusername="UsernameisRequired"),Boolean(e.mobileno)?(isNaN(e.mobileno)||10!==e.mobileno.length&&13!==e.mobileno.length)&&(r.isMobileError=!0,r.userMessageforMobileno="Please enter valid Mobile No."):(r.isMobileError=!0,r.userMessageforMobileno="MobileNoisRequired"),b({type:"verifyUserNameandMobileNoFailed",payload:r}),!(r.isMobileError||r.isUsernameError)}if(1===r){let r={isPasswordError:!1,userMessageforPassword:"",isConfirmPasswordError:!1,userMessageforconfirmPassword:""},o=io(e.password);return Boolean(o)&&(r.isPasswordError=!0,r.userMessageforPassword=o),Boolean(e.confirmpassword)?Boolean(e.password)&&e.password!==e.confirmpassword&&(r.isConfirmPasswordError=!0,r.userMessageforconfirmPassword="New Password and Confirm Password did not matched"):(r.isConfirmPasswordError=!0,r.userMessageforconfirmPassword="Confirmpasswordisrequired"),b({type:"verifyPasswordFailed",payload:r}),!(r.isConfirmPasswordError||r.isPasswordError)}return!0};return e(o,{children:r(C,{container:!0,style:{height:"100vh",overflow:"hidden"},children:[e(eo,{bannerDetails:u}),r(C,{item:!0,xs:6,md:6,lg:6,sm:6,children:[l?e(C,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"31px",maxWidth:"210px",ml:"auto",children:e("img",{src:Boolean(E)?E:"",alt:"Logo",width:"100%"})}):null,c?e(C,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"0 35px 0 0",maxWidth:"180px",ml:"auto",children:e(c,{})}):null,e(v,{maxWidth:"xs",children:r(C,{alignItems:"center",style:{paddingTop:"20px"},children:[e("h2",{style:{margin:"10px 0"},children:1===x.workingState?k("Setnewpassword"):"totp"===a?"Forgot TOTP":k("ForgotPassword")}),P?e(Yr,{classes:y,handleClose:()=>{S(!1)},loginState:x,VerifyOTP:async e=>{if(Boolean(e)&&6===e.toString().length){b({type:"inititateOTPVerification"});const{status:r,data:o,message:t}=await s(x?.requestCd,x?.username,e,x?.auth_type,a);"0"===r?"totp"===a?(T(t,{variant:"success"}),h(w)):b({type:"OTPVerificationComplate",payload:{otpmodelclose:!0}}):"99"===r?b({type:"OTPVerificationFailed",payload:{error:t}}):(T(t,{variant:"error"}),h(w))}else b({type:"OTPVerificationFailed",payload:{error:"Please enter a 6 digit OTP number"}})},OTPError:k(x?.OtpuserMessage??""),setOTPError:e=>{b({type:"OTPVerificationFailed",payload:{error:e}})},resendFlag:"FORGET_PW",setNewRequestID:e=>{b({type:"OTPResendSuccess",payload:{requestCd:e}}),N.current=N.current+1},otpresendCount:N.current,OTPResendRequest:void 0}):e(no,{classes:y,loginState:x,onSubmit:async(e,r)=>{if(_(e,r))if(0===r){b({type:"initverifyUserNameandMobileNo"});const{status:r,data:o,message:t}=await i(e?.userName.toLowerCase(),e?.mobileno,a);"0"===r?(b({type:"verifyUserNameandMobileNoSuccess",payload:{requestCd:String(o?.TRAN_CD??""),username:e?.userName,auth_type:o?.AUTH_TYPE,company_ID:o?.COMP_CD,branch_cd:o?.BRANCH_CD,otpValidFor:o?.OTP_VALID}}),S(!0)):b({type:"verifyUserNameandMobileNoFailed",payload:{isApiError:!0,apierrorMessage:t}})}else if(1===r){b({type:"initverifyPasswordSetReq"});const{status:r,data:o,message:a}=await t(x?.requestCd,x?.username,e?.password);"0"===r?(b({type:"passwordRegistaredSuccess"}),T("Password successfully reset",{variant:"success"}),h(w)):"99"===r?b({type:"verifyPasswordFailed",payload:{isApiError:!0,apierrorMessage:a}}):(T(a,{variant:"error"}),h(w))}},navigate:h,loginPageEndpoint:w})]})})]})]})})},po={gridConfig:{dense:!0,gridLabel:"Access Branch List",rowIdColumn:"BRANCH_CD",defaultColumnConfig:{width:400,maxWidth:450,minWidth:300},allowColumnReordering:!1,disableSorting:!1,hideHeader:!1,disableGroupBy:!0,enablePagination:!1,containerHeight:{min:"68vh",max:"68vh "},allowFilter:!1,allowColumnHiding:!1,allowRowSelection:!1,isCusrsorFocused:!0,hideFooter:!0},columns:[{accessor:"BRANCH_CD",columnName:"Branch Code",sequence:1,alignment:"left",componentType:"default",width:200,minWidth:140,maxWidth:220},{accessor:"BRANCH_NM",columnName:"Branch Name",sequence:2,alignment:"left",componentType:"default",width:280,minWidth:280,maxWidth:420},{accessor:"DISP_STATUS",columnName:"Status",sequence:3,alignment:"left",componentType:"default",width:200,minWidth:140,maxWidth:220},{accessor:"BEGIN_DATETIME",columnName:"Begin Time",sequence:4,alignment:"left",componentType:"dateTime",width:222,minWidth:140,maxWidth:240},{accessor:"END_DATETIME",columnName:"End Time",sequence:5,alignment:"left",componentType:"dateTime",width:222,minWidth:140,maxWidth:240},{accessor:"DAYEND_STATUS",columnName:"Dayend Status",sequence:6,componentType:"default",isVisible:!1},{accessor:"EOD_RUNNING_STATUS",columnName:"EOD Running Status",sequence:6,componentType:"default",isVisible:!1},{accessor:"BASE_COMP_CD",columnName:"Base Comp Cd",sequence:6,componentType:"default",isVisible:!1},{accessor:"BASE_BRANCH_CD",columnName:"Base Branch Cd",sequence:6,componentType:"default",isVisible:!1},{accessor:"COMP_CD",columnName:"Comp Cd",sequence:6,componentType:"default",isVisible:!1},{accessor:"COMP_NM",columnName:"Comp Name",sequence:6,componentType:"default",isVisible:!1}]};Gr("*{box-sizing:border-box}*,.sideImage{margin:0;padding:0}.sideImage{display:flex;height:100%;position:relative;z-index:1}.bank-name,.emp-id{font-size:18px;font-weight:600;line-height:1em;margin:8px 0}.bank-name{word-wrap:break-word}.name-heading{color:var(--theme-color1);font-weight:400;position:relative;z-index:1}.name-heading span{color:var(--theme-color1);font-weight:700}");var mo="waving-hand.png";const go=y((e=>({heading_user_img:{width:"40px",height:"40px"},heading_user_img_border:{border:"2px dashed var(--theme-color3)",borderRadius:"50%",padding:"4px"},logo:{height:"38px"}})));var uo="profile-default.png";const ho=[{actionName:"back",actionLabel:"Back",multiple:void 0,rowDoubleClick:!1,alwaysAvailable:!0},{actionName:"proceed",actionLabel:"Proceed",multiple:!1,rowDoubleClick:!0}],fo=({selectionMode:a,authState:t,isBranchSelectedFn:n,isLoggedInFn:i,logoutFn:c,logos:p,logo:m,navigate:h,BranchSelectionGridDataApiFn:f,GetMenuDataApiFn:y,sideImage:x,branchSelectFn:b,dashboardUrl:v,loginUrl:P,appTranCd:S})=>{const T=go(),{enqueueSnackbar:N}=K(),{data:k,isLoading:O,isFetching:A,refetch:R,error:L,isError:U}=J(["BranchSelectionGridData"],(()=>f()));g((()=>()=>{s.removeQueries(["BranchSelectionGridData",{}])}),[]),g((()=>{i()?n()&&"C"!==a&&h(v):h(P)}),[n,i]);const F=Z(y,{onSuccess:(e,r)=>{b({menulistdata:e,branchCode:r?.BRANCH_CD,branch:r?.BRANCH_NM,baseBranchCode:r?.BASE_BRANCH_CD})}}),W=F.error,V=w((e=>{"proceed"===e.name?0===e.rows?.length?N("Please Select Branch",{variant:"error"}):"C"===e.rows?.[0]?.data?.STATUS?N("Branch is in Day End Status.~rPlease contact system Vendor.",{variant:"error"}):F.mutate({BASE_COMP_CD:e.rows?.[0]?.data?.BASE_COMP_CD??"",BASE_BRANCH_CD:e.rows?.[0]?.data?.BASE_BRANCH_CD??"",COMP_CD:e.rows?.[0]?.data?.COMP_CD??"",BRANCH_CD:e.rows?.[0]?.data?.BRANCH_CD??"",GROUP_NAME:t?.groupName??"",APP_TRAN_CD:S,COMP_NM:e.rows?.[0]?.data?.COMP_NM??"",BRANCH_NM:e.rows?.[0]?.data?.BRANCH_NM??"",DAYEND_STATUS:e.rows?.[0]?.data?.DAYEND_STATUS??"",EOD_RUNNING_STATUS:e.rows?.[0]?.data?.EOD_RUNNING_STATUS??"",IS_UPD_DEF_BRANCH:t?.user?.isUpdDefBranch??"",COMP_BASE_BRANCH_CD:e.rows?.[0]?.data?.COMP_BASE_BRANCH_CD??"",selectionMode:a}):"back"===e.name&&("C"===a?h(v,{replace:!0}):c())}),[h,k,F]);g((()=>{var e=k?.some((e=>"O"===e.STATUS));!1===e&&(N("Branch is in Day End Status.~rPlease contact system Vendor.",{variant:"error"}),c()),1===k?.length&&"O"===k?.[0]?.STATUS&&V({name:"proceed",rows:[{data:{...k[0]}}]})}),[JSON.stringify(k)]);const z=Q((({className:r,...o})=>e(E,{...o,classes:{popper:r}})))((({theme:e})=>({[`& .${D.tooltip}`]:{backgroundColor:e.palette.common.white,color:"rgba(0, 0, 0, 0.87)",boxShadow:e.shadows[1],fontSize:13}})));return e(o,{children:r(C,{container:!0,style:{margin:"0",padding:"0",height:"100vh"},children:[x?e(C,{item:!0,lg:1,md:1,xl:1,xs:1,sm:1,children:e("img",{className:"sideImage",src:x,alt:"side-Image"})}):null,e(C,{item:!0,lg:11,md:11,xl:11,xs:11,style:{display:"flex",justifyContent:"center"},children:r(C,{container:!0,style:{minHeight:"100vh",padding:"10px 0px 0px 0px"},lg:11,md:11,xl:11,xs:11,children:[r(C,{container:!0,style:{margin:"0",padding:"0"},lg:12,md:12,xl:12,xs:12,children:[e(C,{xs:12,sm:1,md:1,lg:1,xl:1,sx:{display:"flex",alignItems:"center"},children:e(B,{direction:"row",spacing:4,ml:1,children:e(_,{className:T.heading_user_img_border,sx:{cursor:"pointer"},children:e(z,{title:r(o,{children:[r("div",{children:["User ID : ",t?.user?.id??""]}),r("div",{children:["Role : ",t?.roleName??""]}),e("div",{children:'Last Unsuccessful Login : ""'})]}),placement:"bottom-start",children:e(M,{className:T.heading_user_img,alt:"Remy Sharp",src:Boolean(p?.profile)?p?.profile:uo})})})})}),r(C,{xs:12,sm:5,md:5,lg:5,xl:5,sx:{justifyContent:"center",display:"flex",flexDirection:"column"},children:[r("h1",{className:"name-heading",style:{fontSize:"24px",margin:"4px 0px"},children:["Welcome ",e("span",{children:`${t?.user?.name??""},`})]}),r("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e("h3",{style:{margin:"4px 0px"},children:(()=>{let e,o=(new Date).getHours();return o<12?e="morning":o>=12&&o<=16?e="afternoon":o>=16&&o<=24&&(e="evening"),r("span",{children:["Good ",e,","]})})()}),e("img",{src:mo,alt:"",style:{height:"18px"}})]})]}),e(C,{xs:12,sm:1,md:1,lg:1,xl:1,sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:e(B,{direction:"row",justifyContent:"flex-start",spacing:2,children:e(_,{className:T.heading_user_img_border,children:e(M,{className:T.heading_user_img,alt:"Remy Sharp",src:Boolean(p?.bank)?p?.bank:"BecomePartnerImg.svg"})})})}),r(C,{xs:12,sm:3,md:3,lg:3,xl:3,sx:{display:"flex",flexDirection:"column",justifyContent:"center"},children:[e("div",{className:"bank-name-container",style:{fontSize:"14px"},children:e("p",{className:"bank-name",children:`Bank Name: ${t?.companyName??""}`})}),e("p",{className:"emp-id",children:`Emp. Id: ${t?.user?.employeeID??""}`})]}),r(C,{xs:12,sm:3,md:3,lg:2,xl:2,sx:{display:"flex",alignItems:"center",justifyContent:"right"},children:[" ",e("div",{children:e("img",{src:Boolean(p?.logo)?p?.logo:m,alt:"CbsEnfinity",className:T.logo})})]})]}),U?e(u,{children:e("div",{style:{width:"100%",paddingTop:"10px"},children:e(l,{severity:L?.severity??"error",errorMsg:L?.error_msg??"Error",errorDetail:L?.error_detail??""})})}):F.isError&&F.error?e(u,{children:e("div",{style:{width:"100%",paddingTop:"10px"},children:e(l,{severity:W.severity??"error",errorMsg:W.error_msg??"Error",errorDetail:W.error_detail??""})})}):null,e(d,{finalMetaData:po,data:k??[],setData:()=>null,actions:ho,setAction:V,loading:O||A||F.isLoading},"branchSelection"),U||0===k?.length?e(I,{sx:{backgroundColor:"var(--theme-color3)",position:"absolute",right:"113px",bottom:"20px",width:"7rem","&:hover":{backgroundColor:"var(--theme-color3)"}},onClick:()=>{"C"===a?h(v,{replace:!0}):c()},children:"Back"}):null]})})]})})},wo=r=>e(i,{children:e(fo,{...r})}),yo=y((e=>({appBar:{transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),color:"#0063A3",height:"80px",background:"var(--theme-color2)",boxShadow:"0px 1px 0px -0.5px #DEE0E2"},searchBar:{width:290,border:"none",color:"rgba(0, 0, 0, 0.87) !important",backgroundColor:"rgb(235 237 238 / 26%)!important","& input":{width:"100% !important"}},searchList:{position:"absolute",background:"#fff",width:"100%",borderRadius:"6px",boxShadow:"0 12px 25px rgba(0,0,0,.3)",top:"120%",height:"auto",maxHeight:"325px",overflowY:"auto","& .list-links":{background:"none",border:"none",outline:"none",cursor:"pointer",textDecoration:"none",padding:"0.7rem 1rem",fontSize:"0.90rem",textAlign:"left",borderBottom:"1px solid #ddd",color:"#222 !important",fontWeight:500,"&:hover, &.active":{backgroundColor:"#f4f4f4"}}},appBarShift:{paddingLeft:"0px",transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen,background:"rgba(250, 251, 255, 0.9)"})},heading_user_dtl:{width:"458px",height:"73px",left:"37px",top:"calc(50% - 73px/2)"},heading_user_img:{width:"40px",height:"40px"},heading_user_img_border:{border:"2px dashed var(--theme-color3)",borderRadius:"50%",padding:"4px"},toolbar:{minHeight:"80px",paddingLeft:"0px",height:"80px"},title:{flexGrow:1,padding:e.spacing(.5,0),color:"var(--theme-color1)"},searchRoot:{fontFamily:e.typography.fontFamily,position:"relative",boxShadow:"0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)",marginRight:e.spacing(2),marginLeft:e.spacing(1),marginBottom:e.spacing(.25),marginTop:e.spacing(.25),borderRadius:40,backgroundColor:O(e.palette.common.white,.15),"&:hover":{backgroundColor:O(e.palette.common.white,.25)},"& $inputInput":{transition:e.transitions.create("width"),width:120,"&:focus":{width:170}}},search:{width:e.spacing(6),height:"100%",position:"absolute",pointerEvents:"none",display:"flex",alignItems:"center",justifyContent:"center"},inputRoot:{color:"inherit",marginTop:0,borderRadius:"40px"},inputInput:{padding:e.spacing(1,1,1,6)},loggedInUser:{marginLeft:e.spacing(2)},nameClass:{color:"#0063A3",fontWeight:600,textTransform:"capitalize",lineHeight:"1.4",textAlign:"left"},dropDown:{fontSize:"2rem"},vTop:{verticalAlign:"top",paddingLeft:"4px",color:"var(--theme-color1)"},userDesignation:{margin:"0px",fontWeight:500,fontSize:"0.875rem",lineHeight:1.57,color:"var(--theme-color1)"},userName:{margin:"0px",fontWeight:500,fontSize:"0.875rem",lineHeight:1.57,color:"var(--theme-color3)"},userprofilehover:{"&:hover":{backgroundColor:"var(--theme-color2)"}},lang_svg:{marginRight:"10px",width:"22px",height:"22px"},logo:{height:"38px"},version01:{margin:"0",textAlign:"center",color:"var(--theme-color3)",fontSize:"9px"},DrawerClose_icon:{color:"var(--theme-color3)",position:"static",background:"transperant","&:hover":{background:"var(--theme-color4)"},width:"46px",height:"46px"},marquee:{animation:"$marquee 10s linear infinite",animationDelay:"3s"},"@keyframes marquee":{"0%":{transform:"translateX(100%)"},"100%":{transform:"translateX(-100%)"}},popover:{popover:{maxWidth:"100%",width:"fit-content","& .MuiPopover-paper":{maxWidth:"100%"}}}}))),xo=({handleDrawerOpen:a,handleDrawerClose:t,open:n,authState:i,LanguageComponent:s,SearchComponent:l,dashboardUrl:d,logos:c,bankLogo:p,profilePic:m,handleLogout:g,handleProfile:u,navigate:h,hideGreetings:f,menuIconPosition:w="left"})=>{console.log(uo);const y=yo(),{t:x}=q(),b=Q((({className:r,...o})=>e(E,{...o,classes:{popper:r}})))((({theme:e})=>({[`& .${D.tooltip}`]:{backgroundColor:e.palette.common.white,color:"rgba(0, 0, 0, 0.87)",boxShadow:e.shadows[1],fontSize:13}})));return e(A,{position:"fixed",elevation:0,className:$(y.appBar,n&&y.appBarShift),children:r(R,{className:y.toolbar,children:[r(_,{sx:{display:"flex",justifyContent:"space-evenly",alignItems:"center",height:"80px",width:"227px",flexDirection:"right"===w?"row-reverse":"row"},children:[e(G,n?{disableRipple:!0,onClick:()=>t(),className:y.DrawerClose_icon,children:e(re,{fontSize:"large"})}:{disableRipple:!0,"aria-label":"open drawer",onClick:()=>a(),className:y.DrawerClose_icon,children:e(re,{fontSize:"large"})}),r("div",{children:[e("img",{src:Boolean(c?.logo)?c?.logo:p,alt:"CbsEnfinity",className:y.logo,onClick:e=>{e.preventDefault(),h(d??"./dashboard")}}),e("p",{className:y.version01,children:c?.version})]})]}),e(B,{direction:"row",spacing:4,mx:2,children:e(_,{className:y.heading_user_img_border,children:e(M,{className:y.heading_user_img,alt:"Remy Sharp",src:Boolean(c?.bank)?c?.bank:uo})})}),r(k,{component:"h1",variant:"h6",color:"inherit",noWrap:!0,className:y.title,children:[e(_,{style:{marginBottom:"8px",fontSize:"17px",color:"var(--theme-color1)",width:"555px"},className:$({[y.marquee]:i?.companyName.length>55}),children:i?.companyName||""}),e("div",{style:{display:"flex",gap:"8px"},children:r("div",{style:{color:"var(--theme-color6)"},children:[r(k,{variant:"caption",display:"block",lineHeight:0,fontSize:"11px",children:[x("appBar.Branch"),":",i?.user?.branchCode??"001 ","-",i?.user?.branch??""]}),r(k,{variant:"caption",display:"inline",fontSize:"11px",children:[x("appBar.WorkingDate"),":"," ",Boolean(i?.workingDate)?bo(oe(new Date(i?.workingDate),"dd/MM/yyyy")):"not found"]}),r(k,{marginLeft:1,variant:"caption",display:"inline",fontSize:"11px",children:[x("appBar.LastLoginDate")," :"," ",bo(i?.user?.lastLogin??"Vastrapur")]})]})})]}),r(_,{children:[f?null:e(_,{sx:{marginBottom:"3px",paddingRight:"15px"},children:r(B,{direction:"row",spacing:2,justifyContent:"flex-end",alignItems:"center",children:[r(k,{fontSize:"17px",color:"#1C1C1C",children:[(()=>{let e,o=(new Date).getHours();return o<12?e="morning":o>=12&&o<=16?e="afternoon":o>=16&&o<=24&&(e="evening"),r("span",{children:["Good ",e,","]})})()," ",i?.user?.id??""]}),e("img",{src:mo,alt:"",style:{height:"18px"}})]})}),r(_,{display:"flex",justifyContent:"space-evenly",alignItems:"center",children:[l?e(l,{}):null,s?e(s,{}):null,e(_,{maxWidth:170,display:"flex",justifyContent:"end",children:e(E,{title:"Logout",placement:"bottom",arrow:!0,children:e(G,{onClick:()=>"function"==typeof g?g():null,color:"error",sx:{backgroundColor:"rgba(235, 237, 238, 0.45)",borderRadius:"10px",height:"30px",width:"30px","&:hover":{background:"var(--theme-color2)",borderRadius:"10px",transition:"all 0.2s ease 0s",boxShadow:"rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px","& .MuiSvgIcon-root":{height:"32px",width:"32px",transition:"all 0.2s ease 0s",padding:"4px"}}},"aria-label":"show 4 new mails",children:e(ee,{})})})})]})]}),e(B,{direction:"row",spacing:4,ml:1,children:e(_,{className:y.heading_user_img_border,sx:{cursor:"pointer"},children:e(b,{title:r(o,{children:[r("div",{children:[" ",x("appBar.UserID"),": ",i?.user?.id]}),r("div",{children:[x("appBar.Role")," : ",i?.roleName]}),r("div",{children:[x("appBar.LastUnsuccessfulLogin"),' : ""']})]}),placement:"bottom-start",children:e(M,{className:y.heading_user_img,onClick:()=>"function"==typeof u?u():null,alt:"Remy Sharp",src:m??""})})})})]})})},bo=e=>Boolean(e)?e:"N/A",vo=y((e=>({drawerPaper:{position:"relative",whiteSpace:"nowrap",width:227,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),border:"none",overflow:"hidden",zIndex:120},drawerPaperClose:{overflowX:"hidden",transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),width:e.spacing(8),[e.breakpoints.up("sm")]:{width:e.spacing(8)}},toolbarIcon:{display:"flex",alignItems:"center",zIndex:9999,...e.mixins.toolbar,background:"var(--theme-color2)",justifyContent:"center",height:"80px"},hrCSS:{zIndex:9999},buttonLink:{backgroundColor:"transparent",border:"none",cursor:"pointer",textDecoration:"underline",display:"inline",margin:0,padding:0,"&:focus":{textDecoration:"none"},"$:hover":{textDecoration:"none"}}}))),Co=[];y((e=>({navBarCSS:{padding:"4px 1rem ",backgroundColor:"#fff !important",minHeight:"64px",boxShadow:"0 3px 6px rgba(0,0,0,0.03)",margin:"10px"},headerDropdown:{backgroundColor:"#fff",minWidth:"205px",boxShadow:"0 3px 6px rgba(0,0,0,0.16)",textDecoration:"none",borderBottom:"3px solid  #26A456"},navLinkHeader:{color:"#555",fontSize:"14px",lineHeight:"1.2",paddingTop:"4px",paddingBottom:"4px",paddingRight:".5rem",paddingLeft:".5rem",fontWeight:600,textTransform:"capitalize",display:"flex",alignItems:"center",cursor:"pointer","& hover":{color:"#0b6fb8"}},productLink:{color:"#555",padding:"0 1rem 8px 1rem",display:"inline-block",verticalAlign:"middle",cursor:"pointer",textTransform:"capitalize"},font13:{fontSize:"13px"},loginDropdown:{width:"160px"}})));const Po=y((e=>({root:{justifyContent:"center"},drawer:{margin:"5px"},item:{display:"flex",borderRadius:"8px",marginLeft:"7px",marginTop:"6.5px",width:"90%",height:"50px",paddingLeft:e.spacing(2),paddingRight:e.spacing(2),background:"var(--theme-color2)",boxShadow:"3px 6px 9px rgba(93, 95, 121, 0.26)","& svg":{color:"var(--theme-color1)"},"&:hover":{boxShadow:"6px 6px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 0px 0px rgba(0,0,5,0.12)",background:"var(--theme-color4)",transition:"0.6s ease"}},drawerIconSize:{width:"50px",height:"50px",padding:"18px",justifyItems:"cenetr"},button:{color:"#0063A3",padding:"10px 8px",textTransform:"none",letterSpacing:0,width:"100%",textAlign:"left","&:hover":{backgroundColor:"var(--theme-color1)"}},btnRoot:{paddingLeft:"24px",justifyContent:"left "},navLinks:{overflowY:"auto",overflowX:"hidden",backgroundColor:"rgba(250, 251, 255, 0.9);",borderRadius:"10px",paddingTop:"5px"},navLinksforseparateView:{overflowY:"auto",overflowX:"hidden",height:"calc(100vh - 180px)",paddingTop:"10px"},nestedMenuLevel1:{paddingLeft:"20px",marginTop:"11px",paddingRight:e.spacing(3),height:"auto",fontSize:"13px","& div > svg":{fontSize:"14px"}},nestedMenuLevel2:{paddingLeft:"20px",marginTop:"11px",fontSize:"12px","& div > svg":{fontSize:"9px"}},listIcon:{minWidth:"30px !important",justifyItems:"center",color:"var(--theme-color6)",fontWeight:700,fontSize:"18px"},link:{fontSize:"1rem ",marginTop:"2px",marginBottom:"2px",textOverflow:"ellipsis",color:"var(--theme-color1)",marginLeft:"15px",whiteSpace:"break-spaces","& span":{fontWeight:400,whiteSpace:"break-spaces"},"& p":{color:"var(--theme-color3)",fontweight:400}},linktext:{backgroundColor:"var(--theme-color2)","&:hover":{background:"var(--theme-color1)","& div":{color:"var(--theme-color2) !important"},"& div > svg":{color:"var(--theme-color2) !important"}}},faSmall:{fontSize:"13px "},openList:{":not(activeMenuItem)":{"& > div":{backgroundColor:"rgba(0, 0, 0, 0.04)"},"&  *":{color:"var(--theme-color2)"}}},openCurrent:{backgroundColor:"var(--theme-color1)","&  *":{color:"var(--theme-color2)"},"&:hover":{backgroundColor:"var(--theme-color1)"}},slimList:{paddingTop:"15px",paddingBottom:"13px",height:"auto",paddingLeft:"15px",justifyItems:"center"},activeMenuItem:{backgroundColor:"var(--theme-color1)!important ","& > div":{color:"var(--theme-color2)!important"},"& svg":{color:"var(--theme-color4)"},"& hover":{"& > div":{color:"var(--theme-color3)"}},"& p":{color:"var(--theme-color6)"}}})));let So=!0;const To=({metaData:r,handleDrawerOpen:o,drawerOpen:a,setView:t,slimSize:n,setNewFilterData:i,setNewFilterView:s,isFromSeparetView:l=!1,rootUrl:d,dashboardUrl:c,navigate:p})=>{const m=Po();let g=null;return So=a,Array.isArray(r.navItems)&&(g=r.navItems.map((r=>!0===r?.seperateView?e(No,{item:r,setView:t,classes:m,level:0,slimSize:n,setNewFilterData:i,setNewFilterView:s},r.label):Array.isArray(r.children)?e(Eo,{item:r,classes:m,level:0,handleDrawerOpen:o,drawerOpen:a,slimSize:n,rootUrl:d,dashboardUrl:c,navigate:p},r.label):e(ko,{item:r,classes:m,level:0,slimSize:n,drawerOpen:a,rootUrl:d,dashboardUrl:c,navigate:p},r.label)))),e(L,{component:"nav",disablePadding:!0,className:l?m.navLinksforseparateView:m.navLinks,children:e(te,{children:g})})},No=({item:o,setView:a,level:t,classes:n,slimSize:i,setNewFilterData:s,setNewFilterView:l})=>{let d=(o.label||"").toLowerCase().substring(0,1)||"circle";const c=o.icon?e(U,{className:n.listIcon,children:e(ae,{icon:["fas",d]})}):null,p=1===t?n.nestedMenuLevel1:2===t?n.nestedMenuLevel2:"";return r(F,{button:!0,disableGutters:!0,className:$({[n.item]:!0,[p]:Boolean(p),[n.slimList]:Boolean(i),[n.drawerIconSize]:!So}),onClick:()=>{if("newfilterview"===o.viewName&&Array.isArray(o.children)){l({label:o.label,placeholder:"Search "+o.label+" Screen..."});let e=o.children.map((e=>({...e,secondaryLabel:e.user_code})));s(e)}a(o.viewName)},children:[e(E,{title:o.label,arrow:!0,placement:So?"bottom-start":"right",children:e("span",{children:c})}),So&&o.label.length>27||!Boolean(c)?e(E,{title:o.label,arrow:!0,placement:So?"bottom-start":"right",children:e(W,{primary:o.label,className:n.link,secondary:o.secondaryLabel??null})}):So?e(W,{primary:o.label,className:n.link,secondary:o.secondaryLabel??null}):null]})},ko=({item:o,classes:a,level:t,slimSize:n,drawerOpen:i,rootUrl:s,dashboardUrl:l,navigate:d})=>{const c=Do(window.location?.pathname??"",o?.href??"",o?.navigationProps,s,l);if(c){let e=document.title;document.title=e.split(" - ")[0]+" - "+o.label}let p=(o.label||"").toLowerCase().substring(0,1)||"circle";const m="process.gif"===o.icon.toLowerCase()?e(U,{className:a.listIcon,children:e(ae,{icon:["fas",p]})}):e(U,{className:a.listIcon,children:e(ae,{icon:["fas",o.icon]})}),g=1===t?a.nestedMenuLevel1:2===t?a.nestedMenuLevel2:"";return r(F,{button:!0,disableGutters:!0,className:$({[a.item]:!0,[g]:Boolean(g),[a.slimList]:Boolean(n),[a.activeMenuItem]:c,[a.drawerIconSize]:!So}),onClick:e=>{if(e.preventDefault(),o.isRouterLink){let e=o.href;if(e="/"===o.href?.substring(0,1)?o.href.substring(1):o.href,o.passNavigationPropsAsURLParmas){let r=new URLSearchParams(o?.navigationProps);d(`${e}?${r.toString()}`)}else d(`${e}`,{state:{...o?.navigationProps}})}else Boolean(o.href)&&window.open(o.href,o.rel??"_newtab")},children:[e(E,{title:o.label,arrow:!0,placement:So?"bottom-start":"right",children:e("span",{children:m})}),So&&o.label.length>27||!Boolean(m)?e(E,{title:o.label,arrow:!0,placement:So?"bottom-start":"right",children:e(W,{primary:o.label,className:a.link,secondary:o.secondaryLabel??null})}):So?e(W,{primary:o.label,className:a.link,secondary:o.secondaryLabel??null}):null]})},Eo=({item:a,classes:t,level:n,handleDrawerOpen:i,drawerOpen:s,slimSize:l,rootUrl:d,navigate:c})=>{const[m,g]=p(!1),u=a.children?.map((r=>Array.isArray(r.children)?e(Eo,{item:r,classes:t,level:n+1,handleDrawerOpen:i,drawerOpen:s,slimSize:l,rootUrl:d,navigate:c},r.label):e(ko,{item:r,classes:t,level:n+1,slimSize:l,rootUrl:d,navigate:c},r.label)));let h=(a.label||"").toLowerCase().substring(0,1)||"circle";const f="Process.gif"===a.icon?e(U,{className:t.listIcon,children:e(ae,{icon:["fas",h]})}):e(U,{className:t.listIcon,children:e(ae,{icon:["fas",a.icon]})}),w=1===n?t.nestedMenuLevel1:2===n?t.nestedMenuLevel2:"";return r(o,{children:[r(F,{button:!0,onClick:()=>{g(!m)},disableGutters:!0,className:$(m?{[t.item]:!0,[w]:Boolean(w),[t.slimList]:Boolean(l),[t.openCurrent]:!0,[t.drawerIconSize]:!So}:{[t.item]:!0,[w]:Boolean(w),[t.slimList]:Boolean(l),[t.drawerIconSize]:!So}),children:[e(E,{title:a.label,arrow:!0,placement:So?"bottom-start":"right",children:e("span",{children:f})}),s||!Boolean(f)?r(o,{children:[e(W,{primary:a.label,secondary:a.secondaryLabel??null,color:"primary",className:t.link}),e(m?ne:ie,{})]}):null]}),e(V,{in:m,timeout:"auto",unmountOnExit:!0,children:e(L,{component:"div",disablePadding:!0,className:m?t.openList:"",children:u})})]})},Do=(e,r,o,a,t)=>{if((e===`/${a}`||e===`/${a}/`)&&r===t)return!0;if("report"===r){try{if("?"+new URLSearchParams(o).toString()===window.location.search)return!0}catch(e){console.log(e)}return!1}return!(e===`/${a}`||"/"===e||!Boolean(r)||!e.includes(r))},Bo=(e,r,o)=>(Array.isArray(r)||(r=[r]),r.some((r=>o[r]?.toLocaleLowerCase?.()?.includes(e?.toLocaleLowerCase?.())))),_o=(e,r,o)=>{let a=[];for(let t=0;t<r.length;t++)if(Bo(e,o,r[t])){let{children:n,...i}=r[t];if(Array.isArray(n)&&n.length>0){let r=_o(e,n,o);r.length>0&&a.push({...i,children:r})}else a.push({...i})}return a},Mo=({metaData:o,handleDrawerOpen:a,drawerOpen:t,setView:n,label:i,icon:s,placeholder:l="Search Reports...",rootUrl:d,dashboardUrl:m,navigate:g})=>{const[u,f]=p(""),w=h((()=>_o(u,o.navItems,["label","secondaryLabel"])),[u,o.navItems]),y=Po(),x=s?e(U,{className:y.listIcon,children:e(se,{})}):null;return r("div",{style:{display:"flex",flexDirection:"column"},children:[r(F,{button:!0,className:$({[y.item]:!0,[y.nestedMenuLevel1]:!0,[y.linktext]:!0}),onClick:()=>n("/"),children:[x,e(W,{primary:i,className:y.link})]}),e(c,{sx:{overflow:"hidden"},value:u,onChange:e=>f(e.target.value),onClick:()=>{t||a()},placeholder:Boolean(l)?l:"Search Reports...",autoFocus:t}),e(To,{handleDrawerOpen:a,drawerOpen:t,setView:n,metaData:{navItems:w,config:{rel:"",target:"_blank"}},slimSize:!0,isFromSeparetView:!0,rootUrl:d,dashboardUrl:m,navigate:g})]})};le.add(de,ce,pe,me,ge,ue,he,fe,we,ye,xe,be,ve,Ce,Pe,Se,Te,Ne,ke,Ee,De,Be,_e,Me,Ie,Oe,Ae,Re,Le,Ue,Fe,We,Ve,ze,qe,He,je,Ge,$e,Ke,Xe,Ye,Je,Ze,Qe,er,rr,or,ar,tr,nr,ir,sr,lr,dr,cr,pr,mr,gr,ur,hr,fr,wr,yr,xr,br,vr,Cr,Pr,Sr,Tr,Nr,kr,Er,Dr,Br,_r,Mr,Ir,Or,Ar,Rr,Lr,Ur,Fr,Wr,Vr,zr,qr,Hr,jr);const Io=(e,r,o,a,t,n)=>{let i=Lo(e.navItems,r,o,a,t,n).map((e=>{let{children:r,...o}=e;return Array.isArray(r)&&r.length>5&&(Boolean(o.seperateView)||(o.seperateView=!0,o.viewName="newfilterview")),{...o,children:r}}));return{config:e.config,navItems:i}},Oo=(e,r)=>{if(!Array.isArray(r)||!Array.isArray(e))return!0;if(r.length<=0||e.length<=0)return!0;for(const o of r)if(e.indexOf(o)>=0)return!0;return!1},Ao=(e,r)=>!Array.isArray(r)||"number"!=typeof e||(r.length<=0||!(r.indexOf(e)>=0)),Ro=(e,r)=>{if(!Array.isArray(r)||!Array.isArray(e))return!0;if(r.length<=0||e.length<=0)return!0;for(const o of r)if(e.indexOf(o)>=0)return!0;return!1},Lo=(e,r,o,a,t,n)=>{let i=[];for(let m=0;m<e.length;m++)if(c=Number(r),p=e[m].visibleToRoles,(!Array.isArray(p)||"number"!=typeof c||p.length<=0||p.indexOf(c)>=0)&&(l=a,d=e[m].visibleToCompanies,!Array.isArray(d)||!Boolean(l)||d.length<=0||d.indexOf(l)>=0)&&Oo(o,e[m].visibleToBranches)&&Ao(Number(r),e[m].invisibleToRoles)&&Ro(n,e[m].visibleToProducts)&&(s=e[m],Array.isArray(s.children)&&s.children.length>0||Boolean(s.href))){let{children:s,...l}=e[m];if(Array.isArray(s)&&s.length>0){let e=Lo(s,r,o,a,t,n);e.length>0&&i.push({...l,children:e})}else i.push({...l,secondaryLabel:l.system_code})}var s,l,d,c,p;return i},Uo=({authState:r,handleDrawerOpen:a,open:t,rootUrl:n,dashboardUrl:i="dashboard",navigate:s})=>{const[l,d]=p("/"),[c,m]=p({}),[g,u]=p([]),f=h((()=>{let e=r?.access?.entities?.Branch??[];return Array.isArray(e)&&e.length>=0?e.map((e=>e.branchCode)):[]}),[]),w=h((()=>{let e=r?.access?.products??[];return Array.isArray(e)&&e.length>=0?e.map((e=>e.categoryCode)):[]}),[]);let y={navItems:r.menulistdata},x=Io(y,Number(r.role),f,r.companyID,r.access,w),b=Io({config:{rel:"",target:"_blank"},navItems:Co},Number(r.role),f,r.companyID,r.access,w);return"report"===l?e(Mo,{metaData:b,handleDrawerOpen:a,drawerOpen:t,setView:d,label:"Reports",icon:"table",rootUrl:n,dashboardUrl:i,navigate:s}):"newfilterview"===l?e(Mo,{metaData:{config:{rel:"",target:"_blank"},navItems:g},handleDrawerOpen:a,drawerOpen:t,setView:d,label:c?.label??"Reports",icon:"table",placeholder:c?.placeholder,rootUrl:n,dashboardUrl:i,navigate:s}):e(o,{children:e(To,{metaData:x,handleDrawerOpen:a,drawerOpen:t,setView:d,slimSize:!0,setNewFilterData:u,setNewFilterView:m,rootUrl:n,dashboardUrl:i,navigate:s})})},Fo=o=>{const a=vo();return r(z,{variant:"permanent",classes:{paper:$(a.drawerPaper,!o.open&&a.drawerPaperClose)},open:o.open,children:[e("div",{className:a.toolbarIcon}),e(Uo,{...o})]})};export{xo as AppbarWrapper,to as AuthControllerWrapper,wo as BranchSelectionGridWrapper,co as ForgotPasswordControllerWrapper,Fo as SidebarWrapper,io as ValidatePassword};
+import 'regenerator-runtime/runtime';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { TextField, GradientButton, utilFunction, ClearCacheProvider, queryClient, Alert, GridWrapper, SearchBar } from '@acuteinfo/common-base';
+import { useState, useRef, useEffect, Fragment, useMemo, useReducer, useCallback } from 'react';
+import { makeStyles } from '@mui/styles';
+import Visibility from '@mui/icons-material/Visibility';
+import VisibilityOff from '@mui/icons-material/VisibilityOff';
+import { Container, Grid, InputAdornment, IconButton, CircularProgress, FormHelperText, Typography, Tooltip, tooltipClasses, Stack, Box, Avatar, Button, alpha, AppBar, Toolbar, List, ListItemIcon, ListItem, ListItemText, Collapse, Drawer } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import OTPInput, { ResendOTP } from 'otp-input-react';
+import IconButton$1 from '@mui/material/IconButton';
+import clsx from 'clsx';
+import { useSnackbar } from 'notistack';
+import FingerprintSharpIcon from '@mui/icons-material/FingerprintSharp';
+import CryptoJS from 'crypto-js';
+import { useQuery, useMutation } from 'react-query';
+import { styled } from '@mui/material/styles';
+import LogoutIcon from '@mui/icons-material/Logout';
+import MenuOutlinedIcon from '@mui/icons-material/MenuOutlined';
+import { format } from 'date-fns';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import ScrollBar from 'react-perfect-scrollbar';
+import { ExpandLess, ExpandMore } from '@mui/icons-material';
+import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ } from '@fortawesome/free-solid-svg-icons';
+import 'lodash';
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$2 = ":root{--theme-color1:#07288e;--theme-color2:#fff;--theme-color3:#4263c7;--theme-color4:#eceff9;--theme-color5:linear-gradient(71.66deg,#4285f4 -2.97%,#885df5 111.3%);--theme-color6:#949597}";
+styleInject(css_248z$2);
+
+const useStyles$3 = makeStyles((theme) => ({
+    wrapper: {
+        minHeight: "100vh",
+        boxShadow: "0 3px 6px rgba(0,0,0,0.03)",
+        // background: "#fff",
+        background: "var(--theme-color2)",
+    },
+    loginEmp: {
+        background: "#fff",
+        padding: theme.spacing(2, 4),
+        display: "flex",
+        maxWidth: "400px",
+        margin: "auto",
+        boxShadow: "0 0 20px rgba(0,0,0,0.06)",
+        borderRadius: "8px",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+    },
+    formWrap: {
+        marginTop: theme.spacing(2),
+    },
+    loginBtn: {
+        minWidth: "100% !important",
+        margin: theme.spacing(2, 0),
+        fontSize: "1rem",
+        padding: "10px .75rem",
+        background: "rgb(128,0,0)",
+        border: 0,
+        color: "#fff !important",
+        fontWeight: 600,
+        letterSpacing: "0.02857em",
+        boxShadow: "none",
+        textTransform: "capitalize",
+        alignSelf: "flex-end",
+        "&:hover": {
+            background: "#fedad8",
+            boxShadow: "none",
+        },
+    },
+    OTPTimer: {
+        marginTop: "10px",
+        color: theme.palette.primary.main,
+        fontWeight: 600,
+    },
+    resendLink: {
+        marginTop: "10px",
+        cursor: "pointer",
+        color: theme.palette.secondary.main,
+        fontWeight: 600,
+        fontSize: "0.875 rem",
+    },
+    logo: {
+        marginBottom: theme.spacing(1),
+    },
+    loginLeft: {
+        [theme.breakpoints.down("sm")]: {
+            display: "none",
+        },
+    },
+    loginRight: {
+        background: "#fff",
+        padding: theme.spacing(2, 4),
+        display: "flex",
+        maxWidth: "400px",
+        margin: "auto",
+        boxShadow: "0 0 20px rgba(0,0,0,0.06)",
+        borderRadius: "8px",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+        "& img": {
+            alignSelf: "center",
+        },
+    },
+    loginImg: {},
+    verifybutton: {
+        alignSelf: "center",
+        // marginBottom: "10px",
+        // marginTop: "10px",
+        padding: "5px",
+    },
+    otpButtons: {
+    // padding: "10px",
+    },
+    divflex: {
+        display: "flex",
+    },
+    otpinputpadding: {
+        "& input": {
+            marginRight: "25px !important",
+            border: "1.42444px solid var(--theme-color3)",
+            borderRadius: "10px",
+            width: "45px !important",
+            height: "45px !important",
+            marginBottom: "15px",
+            boxShadow: "0px 5.69775px 11.3955px rgba(66, 99, 199, 0.16)",
+        },
+    },
+    ibtnvisible: {
+        // padding: "7px !important",
+        // alignItems: "baseline",
+        marginBottom: "15px",
+    },
+    btnvisibleoff: {
+        display: "none",
+    },
+    OTPalignName: {
+        display: "flex",
+        alignItems: "center",
+        // justifyContent: "space-between",
+        marginBottom: "12px",
+        color: "#1C1C1C",
+        fonWeight: "400",
+        fontSize: "17px",
+        lineHeight: "33px",
+    },
+    resendOTPalign: {
+        color: "var(--theme-color3)",
+        fonWeight: "400",
+        fontSize: "17px",
+        lineHeight: "33px",
+        margin: "0 auto",
+        // marginTop: "15px",
+        // display: "block !important",
+    },
+    resendbtnLink: {
+        textDecoration: "underline",
+        color: "var(--theme-color3)",
+        cursor: "pointer",
+        "&:hover": {
+            textDecoration: "underline",
+            color: "var(--theme-color3)",
+        },
+    },
+    dialogTitleClass: {
+        background: "var(--theme-color5)",
+        padding: "6px 15px !important",
+        margin: "10px",
+        color: "var(--theme-color2)",
+        borderRadius: "4px",
+        "& h2": {
+            fontWeight: "500 !important",
+        },
+    },
+    lang_svg: {
+        marginRight: "10px",
+        width: "22px",
+        height: "22px",
+    },
+    dialogContent: {
+        padding: "0px 15px",
+        "& p": {
+            whiteSpace: "pre-wrap",
+            color: "black",
+            marginTop: "8px",
+            marginBottom: "6px",
+        },
+    },
+    button: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        flexDirection: "column",
+        margin: "6px",
+        background: "var(--theme-color1)",
+        "&:hover": {
+            background: "var(--theme-color1) !important",
+        },
+    },
+}));
+
+const UsernamePasswordField = ({ classes, loginState, verifyUsernamePassword, forgotPasswordEndpoint, }) => {
+    const [input, setInput] = useState({ userName: "", password: "" });
+    const [showPasswordTime, setShowPasswordTime] = useState(0);
+    const showPassword = Date.now() < showPasswordTime;
+    const [, forceUpdate] = useState();
+    const timerRef = useRef(null);
+    const { t } = useTranslation();
+    useEffect(() => {
+        return () => clearTimeout(timerRef.current);
+    }, []);
+    const handleChange = (event) => {
+        const name = event.target.name;
+        const value = event.target.value;
+        if (name === "userName" && value) {
+            loginState.isUsernameError = false;
+        }
+        if (name === "password" && value) {
+            loginState.isPasswordError = false;
+        }
+        setInput((values) => ({ ...values, [name]: value }));
+    };
+    const inputRef = useRef(null);
+    const inputPassRef = useRef(null);
+    const inputButtonRef = useRef(null);
+    useEffect(() => {
+        let timeoutCd;
+        if (loginState.isUsernameError) {
+            timeoutCd = setTimeout(() => {
+                inputRef?.current?.focus?.();
+            }, 1000);
+        }
+        else if (loginState.isPasswordError) {
+            timeoutCd = setTimeout(() => {
+                inputPassRef?.current?.focus?.();
+            }, 1000);
+        }
+        return () => {
+            if (timeoutCd) {
+                clearTimeout(timeoutCd);
+            }
+        };
+    }, [loginState.isUsernameError, loginState.isPasswordError]);
+    useEffect(() => {
+        let timeoutCd;
+        if (loginState?.otpmodelClose ?? false) {
+            setInput((values) => ({ ...values, password: "" }));
+            timeoutCd = setTimeout(() => {
+                inputPassRef?.current?.focus?.();
+            }, 1500);
+        }
+        return () => {
+            if (timeoutCd) {
+                clearTimeout(timeoutCd);
+            }
+        };
+    }, [loginState.otpmodelClose]);
+    return (jsx(Fragment, { children: jsx(Container, { maxWidth: "xs", children: jsxs(Grid, { alignItems: "center", style: { paddingTop: "20px" }, children: [jsx("div", { style: {
+                            color: "#000000 !important",
+                            fontSize: "30px",
+                            fontWeight: "600",
+                            // fontFamily: "Poppins",
+                            alignItems: "center",
+                            fontStyle: "normal",
+                            lineHeight: "150%",
+                        }, children: jsx("h3", { children: t("SignIn") }) }), jsx("div", { className: "", style: {
+                            color: "#949597",
+                            fontSize: "16px",
+                            fontWeight: "400",
+                            // fontFamily: "Poppins",
+                            alignItems: "center",
+                            fontStyle: "normal",
+                            width: "360px",
+                        }, children: t("SignInWithUserIDandPassword") }), jsxs("div", { className: classes.formWrap, children: [jsx(TextField
+                            // variant="filled"
+                            // color="secondary"
+                            , { 
+                                // variant="filled"
+                                // color="secondary"
+                                autoFocus: true, label: t("UserID"), 
+                                // placeholder="User ID"
+                                placeholder: String(t("UserID")), style: {
+                                    marginTop: "10px",
+                                    marginBottom: "17px",
+                                }, fullWidth: true, type: "text", name: "userName", value: input.userName.trimStart() || "", onChange: handleChange, error: loginState.isUsernameError, helperText: loginState.isUsernameError
+                                    ? t(loginState.userMessageforusername)
+                                    : "", InputLabelProps: { shrink: true }, disabled: loginState.loading, autoComplete: "off", ref: inputRef, onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        inputButtonRef?.current?.click?.();
+                                    }
+                                }, inputProps: {
+                                    maxLength: "16",
+                                } }), jsx("div", { style: {
+                                    display: "flex",
+                                    flexDirection: "row-reverse",
+                                    marginTop: "8px",
+                                }, children: jsx(TextField, { label: t("Password"), 
+                                    // variant="filled"
+                                    // color="secondary"
+                                    placeholder: String(t("EnterPassword")), InputLabelProps: {
+                                        shrink: true,
+                                    }, fullWidth: true, type: showPassword ? "text" : "password", name: "password", value: input.password, onChange: handleChange, error: loginState.isPasswordError, helperText: loginState.isPasswordError
+                                        ? t(loginState.userMessageforpassword)
+                                        : "", disabled: loginState.loading, ref: inputPassRef, onKeyDown: (e) => {
+                                        if (e.key === "Enter") {
+                                            inputButtonRef?.current?.click?.();
+                                        }
+                                    }, InputProps: {
+                                        endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(IconButton, { "aria-label": "toggle password visibility", onClick: () => {
+                                                    if (!showPassword) {
+                                                        setShowPasswordTime(Date.now() + 5000);
+                                                        timerRef.current = setTimeout(() => forceUpdate(Date.now()), 5000);
+                                                    }
+                                                    else if (showPassword)
+                                                        setShowPasswordTime(0);
+                                                }, onMouseDown: (e) => e.preventDefault(), disabled: loginState.loading, children: showPassword ? jsx(Visibility, {}) : jsx(VisibilityOff, {}) }) })),
+                                    }, inputProps: { maxLength: "16" } }, "employee") }), jsx("div", { style: { marginTop: "20px", display: "flex" }, children: jsx("div", { style: { flex: "auto", textAlign: "end" }, children: jsx("a", { href: forgotPasswordEndpoint ?? "", style: { color: "var(--theme-color3)" }, children: t("ForgotPassword") }) }) }), jsx("div", { style: { marginTop: "20px", display: "flex" }, children: jsx("div", { style: {
+                                        flex: "auto",
+                                        textAlign: "center",
+                                        marginTop: "5px",
+                                        marginBottom: "17px",
+                                    }, children: jsx(GradientButton, { style: {
+                                            borderRadius: loginState.loading ? "50%" : "10px",
+                                            height: loginState.loading ? "40px" : "100%",
+                                            width: loginState.loading ? "0px" : "100%",
+                                            minWidth: loginState.loading ? "40px" : "80px",
+                                        }, fullWidth: true, disabled: loginState.loading, onClick: () => verifyUsernamePassword((input.userName || "").toLowerCase(), input.password), ref: inputButtonRef, endicon: loginState.loading ? undefined : "East", rotateIcon: "scale(1.4) rotateX(360deg)", children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("Next")) }) }) })] })] }) }) }));
+};
+
+const OTPModel = ({ classes, OTPResendRequest, open, handleClose, loginState, VerifyOTP, OTPError, setOTPError, previousStep, setNewRequestID = (id) => { }, otpresendCount = 0, resendFlag, }) => {
+    const [OTP, setOTP] = useState("");
+    const [showPasswordTime, setShowPasswordTime] = useState(0);
+    const showPassword = Date.now() < showPasswordTime;
+    const [, forceUpdate] = useState();
+    const timerRef = useRef(null);
+    useEffect(() => {
+        return () => clearTimeout(timerRef.current);
+    }, []);
+    const [btnshow, setbtnshow] = useState(false);
+    const inputButtonRef = useRef(null);
+    const [resendotpLoading, setResendotpLoading] = useState(false);
+    const { enqueueSnackbar } = useSnackbar();
+    const { t } = useTranslation();
+    // const renderButton = (buttonProps) => {
+    //   let { remainingTime, ...other } = buttonProps;
+    //   return resendotpLoading ? (
+    //     <a
+    //       remainingtime={remainingTime}
+    //       {...other}
+    //       className={clsx(
+    //         classes.resendbtnLink,
+    //         !btnshow && classes.btnvisibleoff
+    //       )}
+    //     >
+    //       {t("otp.ResendOTP")}
+    //     </a>
+    //   ) : null;
+    // };
+    const renderButton = (buttonProps) => {
+        let { remainingTime, ...other } = buttonProps;
+        return resendotpLoading ? (jsxs("a", { className: clsx(classes.resendbtnLink, !btnshow && classes.btnvisibleoff), style: { cursor: "wait" }, children: [t("otp.GetNewOTP"), " ", jsx(CircularProgress, { size: 20, color: "secondary" })] })) : (jsx("a", { remainingtime: remainingTime, ...other, className: clsx(classes.resendbtnLink, !btnshow && classes.btnvisibleoff), children: t("otp.GetNewOTP") }));
+    };
+    const ClickEventHandler = () => {
+        if (!Boolean(OTP) || OTP.length < 6) {
+            setOTPError("otp.EnterOTPDigit");
+        }
+        else {
+            setOTPError("");
+            VerifyOTP(OTP);
+        }
+    };
+    const handleResendClick = async () => {
+        setResendotpLoading(true);
+        const { status, data, message } = await OTPResendRequest(resendFlag === "FORGET_PW" || resendFlag === "FORGT_TOTP"
+            ? loginState?.requestCd
+            : loginState?.transactionID, loginState?.username, resendFlag, loginState.auth_data?.[0]?.company_ID, loginState.auth_data?.[0]?.branch_cd);
+        setResendotpLoading(false);
+        if (status === "0") {
+            setNewRequestID(data?.TRAN_CD);
+            setbtnshow(false);
+            enqueueSnackbar(message, { variant: "success" });
+        }
+        else {
+            enqueueSnackbar(message, { variant: "error" });
+        }
+    };
+    const handleCloseEvent = () => {
+        setOTPError("");
+        setOTP("");
+        handleClose("");
+    };
+    const renderTime = (remainingtime) => {
+        if (parseInt(remainingtime) === 0) {
+            setTimeout(() => {
+                setbtnshow(true);
+            }, 700);
+        }
+        return (jsxs("span", { className: clsx(btnshow && classes.btnvisibleoff), children: [t("otp.OtpExpired"), " ", remainingtime, " ", t("otp.second")] }));
+    };
+    useEffect(() => {
+        if (loginState?.otpmodelClose ?? false) {
+            handleCloseEvent();
+        }
+    }, [loginState.otpmodelClose]);
+    return (jsx(Fragment, { children: jsx(Container, { maxWidth: "sm", children: jsx(Grid, { alignItems: "center", marginTop: "4em", children: jsxs("div", { 
+                    // className={classes.formWrap}
+                    style: {
+                    // marginRight: "25px",
+                    // width: "100%",
+                    // position: "relative",
+                    // right: "42px",
+                    // bottom: "13px",
+                    }, children: [jsx("div", { style: {
+                                color: "#000000",
+                                fontSize: "30px",
+                                fontWeight: "600",
+                                // fontFamily: "Poppins",
+                                alignItems: "center",
+                                fontStyle: "normal",
+                                lineHeight: "150%",
+                                marginBottom: "10px",
+                            }, children: t("otp.OTPAuthentication") }), jsx("div", { style: {
+                                color: "#949597",
+                                fontSize: "16px",
+                                fontWeight: "400",
+                                alignItems: "center",
+                                fontStyle: "normal",
+                                lineHeight: "33px",
+                            }, children: t("otp.EnterOTP") }), jsxs("div", { className: classes.OTPalignName, children: [t("otp.Hello"), " ", loginState?.username
+                                    ? loginState.username.charAt(0).toUpperCase() +
+                                        loginState.username.slice(1)
+                                    : null, jsx(ResendOTP
+                                // onResendClick={() => setbtnshow(false)}
+                                , { 
+                                    // onResendClick={() => setbtnshow(false)}
+                                    onResendClick: handleResendClick, 
+                                    // onTimerComplete={() => setbtnshow(true)}
+                                    renderButton: renderButton, renderTime: renderTime, maxTime: loginState?.otpValidFor ?? 60, className: classes.resendOTPalign })] }), jsxs("div", { className: classes.divflex, onKeyDown: (e) => {
+                                if (e.key === "Enter") {
+                                    inputButtonRef?.current?.click?.();
+                                }
+                            }, children: [jsx(OTPInput, { value: OTP, onChange: setOTP, autoFocus: true, OTPLength: 6, otpType: "number", disabled: false, secure: !showPassword, className: classes.otpinputpadding }), jsx(IconButton$1, { "aria-label": "toggle password visibility", onClick: () => {
+                                        if (!showPassword) {
+                                            setShowPasswordTime(Date.now() + 5000);
+                                            timerRef.current = setTimeout(() => forceUpdate(Date.now()), 5000);
+                                        }
+                                        else if (showPassword)
+                                            setShowPasswordTime(0);
+                                    }, onMouseDown: (e) => e.preventDefault(), disabled: loginState.otploading, className: classes.ibtnvisible, children: showPassword ? jsx(Visibility, {}) : jsx(VisibilityOff, {}) })] }), Boolean(OTPError) ? (jsx(FormHelperText, { style: { color: "red" }, children: OTPError })) : null, jsxs("div", { style: {
+                                display: "flex",
+                                gap: "10px",
+                                margin: "42px 0 0 42px",
+                                width: "60%",
+                            }, children: [jsx(GradientButton
+                                // fullWidth
+                                , { 
+                                    // fullWidth
+                                    disabled: loginState.otploading, onClick: () => {
+                                        previousStep(false, "");
+                                    }, className: classes.otpButtons, textColor: "var(--theme-color3)", sx: {
+                                        border: "var(--theme-color3)1px solid",
+                                        minWidth: "50%",
+                                        background: "var(--theme-color2)",
+                                        borderRadius: "10px",
+                                        "&:hover": {
+                                            background: "var(--theme-color2) !important",
+                                        },
+                                    }, 
+                                    // customstyle = {{color : "var(--theme-color3) !important"}}
+                                    starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", children: t("otp.Back") }), jsx(GradientButton, { style: {
+                                        borderRadius: loginState.loading ? "50%" : "10px",
+                                        height: loginState.loading ? "40px" : "100%",
+                                        width: loginState.loading ? "0px" : "100%",
+                                        minWidth: loginState.loading ? "40px" : "80px",
+                                    }, fullWidth: true, disabled: loginState.loading, onClick: ClickEventHandler, ref: inputButtonRef, className: classes.otpButtons, endicon: loginState.loading ? undefined : "TaskAlt", rotateIcon: "scale(1.4)", children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("otp.VerifyOTP")) })] })] }) }) }) }));
+};
+const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, VerifyOTP, OTPError, setOTPError, resendFlag, setNewRequestID = (id) => { }, otpresendCount = 0, }) => {
+    const [OTP, setOTP] = useState("");
+    const [showPasswordTime, setShowPasswordTime] = useState(0);
+    const showPassword = Date.now() < showPasswordTime;
+    const [, forceUpdate] = useState();
+    const timerRef = useRef(null);
+    useEffect(() => {
+        return () => clearTimeout(timerRef.current);
+    }, []);
+    const [btnshow, setbtnshow] = useState(false);
+    const [resendotpLoading, setResendotpLoading] = useState(false);
+    const inputButtonRef = useRef(null);
+    const { enqueueSnackbar } = useSnackbar();
+    const { t } = useTranslation();
+    const renderButton = (buttonProps) => {
+        let { remainingTime, ...other } = buttonProps;
+        return resendotpLoading ? (jsxs("a", { className: clsx(classes.resendbtnLink, !btnshow && classes.btnvisibleoff), style: { cursor: "wait" }, children: [t("otp.GetNewOTP"), " ", jsx(CircularProgress, { size: 20, color: "secondary" })] })) : (jsx("a", { remainingtime: remainingTime, ...other, className: clsx(classes.resendbtnLink, !btnshow && classes.btnvisibleoff), children: t("otp.GetNewOTP") }));
+    };
+    const ClickEventHandler = () => {
+        if (!Boolean(OTP) || OTP.length < 6) {
+            setOTPError("otp.EnterOTPDigit");
+        }
+        else {
+            setOTPError("");
+            VerifyOTP(OTP);
+        }
+    };
+    const handleResendClick = async () => {
+        setResendotpLoading(true);
+        const { status, data, message } = await OTPResendRequest(resendFlag === "FORGET_PW"
+            ? loginState?.requestCd
+            : loginState?.transactionID, loginState?.username, resendFlag, loginState?.company_ID, loginState?.branch_cd);
+        setResendotpLoading(false);
+        if (status === "0") {
+            setNewRequestID(data?.TRAN_CD);
+            setbtnshow(false);
+            enqueueSnackbar(message, { variant: "success" });
+        }
+        else {
+            enqueueSnackbar(message, { variant: "error" });
+        }
+    };
+    const handleCloseEvent = () => {
+        setOTPError("");
+        setOTP("");
+        handleClose();
+    };
+    const renderTime = (remainingtime) => {
+        if (parseInt(remainingtime) === 0) {
+            setTimeout(() => {
+                setbtnshow(true);
+            }, 700);
+        }
+        return (jsxs("span", { className: clsx(btnshow && classes.btnvisibleoff), children: [t("otp.OtpExpired"), " ", remainingtime] }));
+    };
+    useEffect(() => {
+        if (loginState?.otpmodelClose ?? false) {
+            handleCloseEvent();
+        }
+    }, [loginState.otpmodelClose]);
+    return (jsx(Fragment, { children: jsx(Grid, { alignItems: "center", children: jsxs("div", { children: [jsx("div", { style: {
+                            color: "#000000",
+                            fontSize: "30px",
+                            fontWeight: "600",
+                            // fontFamily: "Poppins",
+                            alignItems: "center",
+                            fontStyle: "normal",
+                            lineHeight: "150%",
+                            marginBottom: "10px",
+                        }, children: t("otp.OTPAuthentication") }), jsxs("div", { className: classes.OTPalignName, children: [t("otp.Hello"), " ", loginState?.username
+                                ? loginState.username.charAt(0).toUpperCase() +
+                                    loginState.username.slice(1)
+                                : null, loginState.otploading ||
+                                otpresendCount >= 3 ||
+                                loginState?.auth_type === "TOTP" ? null : (jsx(ResendOTP, { onResendClick: handleResendClick, 
+                                // onTimerComplete={() => setbtnshow(true)}
+                                renderButton: renderButton, renderTime: renderTime, maxTime: loginState?.otpValidFor ?? 60, className: classes.resendOTPalign }))] }), jsxs("div", { className: classes.divflex, onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                inputButtonRef?.current?.click?.();
+                            }
+                        }, children: [jsx(OTPInput, { value: OTP, onChange: setOTP, autoFocus: true, OTPLength: 6, otpType: "number", disabled: false, secure: !showPassword, className: classes.otpinputpadding }), jsx(IconButton$1, { "aria-label": "toggle password visibility", onClick: () => {
+                                    if (!showPassword) {
+                                        setShowPasswordTime(Date.now() + 5000);
+                                        timerRef.current = setTimeout(() => forceUpdate(Date.now()), 5000);
+                                    }
+                                    else if (showPassword)
+                                        setShowPasswordTime(0);
+                                }, onMouseDown: (e) => e.preventDefault(), disabled: loginState.otploading, className: classes.ibtnvisible, children: showPassword ? jsx(Visibility, {}) : jsx(VisibilityOff, {}) })] }), Boolean(OTPError) ? (jsx(FormHelperText, { style: { color: "red" }, children: OTPError })) : null, loginState?.auth_type === "TOTP" ? (jsx("div", { style: { flex: "auto" }, children: jsx("a", { href: "forgot-totp", style: { color: "var(--theme-color3)" }, children: "Forgot TOTP" }) })) : (jsx(Fragment$1, {})), jsxs("div", { style: {
+                            display: "flex",
+                            gap: "10px",
+                            margin: "42px 0 0 42px",
+                            width: "60%",
+                        }, children: [jsx(GradientButton, { fullWidth: true, disabled: loginState.otploading, onClick: handleCloseEvent, className: classes.otpButtons, starticon: "West", textColor: "var(--theme-color3) !important", sx: {
+                                    "&:disabled": {
+                                        color: "var(-theme-color3) !important",
+                                    },
+                                }, rotateIcon: "scale(1.4) rotateX(360deg)", style: {
+                                    border: "var(--theme-color3)1px solid",
+                                    // color: "var(--theme-color2)",
+                                    // background: "var(--theme-color2)",
+                                    borderRadius: "10px",
+                                    minWidth: "48%",
+                                }, children: t("otp.Back") }), jsx(GradientButton, { style: {
+                                    borderRadius: loginState.otploading ? "50%" : "10px",
+                                    height: loginState.otploading ? "40px" : "100%",
+                                    width: loginState.otploading ? "0px" : "100%",
+                                    minWidth: loginState.otploading ? "40px" : "80px",
+                                }, 
+                                // fullWidth
+                                disabled: loginState.loading, onClick: ClickEventHandler, ref: inputButtonRef, className: classes.otpButtons, children: loginState.otploading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("otp.VerifyOTP")) })] })] }) }) }));
+};
+
+var css_248z$1 = ".spinner-wrap{position:relative}.spinner-item{animation:zoom 2s linear .75s infinite;border:1px solid #949597;border-radius:50%;height:250px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px}.spinner-item--2{animation-delay:1.25s}.spinner-item--3{animation-delay:1.75s}@keyframes zoom{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.6)}}.image{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress{backdrop-filter:blur(2px) brightness(101%);border:1px solid #b0b0b0;border-radius:4px;box-shadow:0 0 3px #b0b0;margin:0 auto;width:20em}.bar{background:#4263c7;height:4px;width:65%}";
+styleInject(css_248z$1);
+
+const VerifyFinger = ({ classes, loginState, verifyFinger, previousStep, }) => {
+    const { t } = useTranslation();
+    return (jsx(Fragment, { children: jsx(Container, { maxWidth: "xs", children: jsxs(Grid, { alignItems: "center", children: [jsxs("div", { style: {
+                            marginRight: "25px",
+                            width: "102%",
+                            // marginBottom: "55px",
+                        }, children: [jsx("br", {}), jsx("div", { style: {
+                                    color: "#000000",
+                                    fontSize: "34px",
+                                    fontWeight: "600",
+                                    // fontFamily: "Poppins",
+                                    alignItems: "center",
+                                    fontStyle: "normal",
+                                    lineHeight: "150%",
+                                    marginBottom: "10px",
+                                }, children: t("Biometric.BiometrixAuthentication") }), jsx("div", { style: {
+                                    color: "#949597",
+                                    fontSize: "18px",
+                                    fontWeight: "400",
+                                    // fontFamily: "Poppins",
+                                    alignItems: "center",
+                                    fontStyle: "normal",
+                                    lineHeight: "33px",
+                                    // marginBottom: "10px",
+                                }, children: t("Biometric.Kindlyplaceyoufinger") }), jsx("br", {}), jsxs(Typography, { variant: "h5", style: { color: "#000000" }, children: [t("otp.Hello"), " ", "", ` ${loginState?.username
+                                        ? loginState.username.charAt(0).toUpperCase() +
+                                            loginState.username.slice(1)
+                                        : null}`] }), jsx("br", {}), jsx("div", { className: loginState?.isBiometricError
+                                    ? classes.eFingerUi
+                                    : classes.fingerUi, children: jsxs("div", { className: "spinner-wrap", children: [jsx(FingerprintSharpIcon, { sx: {
+                                                fontSize: "80px",
+                                                opacity: "0.4",
+                                                borderRadius: "50%",
+                                                display: "flex",
+                                                margin: "0 auto",
+                                                "&:after": {
+                                                    borderBottom: "2px solid #26A456",
+                                                },
+                                            }, className: loginState?.isBiometricError ? classes.FingerIcon : null, color: loginState?.isBiometricError ? "error" : "inherit" }), loginState?.isScanning ? (jsxs(Fragment$1, { children: [jsx("div", { className: "spinner-item", style: {
+                                                        border: loginState?.isScanning
+                                                            ? "1px solid #949597"
+                                                            : " 1px solid red",
+                                                    } }), jsx("div", { className: "spinner-item spinner-item--2", style: {
+                                                        border: loginState?.isScanning
+                                                            ? "1px solid #949597"
+                                                            : "1px solid red",
+                                                    } }), jsx("div", { className: "spinner-item spinner-item--3", style: {
+                                                        border: loginState?.isScanning
+                                                            ? "1px solid #949597"
+                                                            : "1px solid red",
+                                                    } })] })) : null] }) }), jsx("div", { className: classes.biometric, children: jsxs("div", { style: { marginTop: "50px" }, children: [jsx("div", { className: loginState.isScanning ? "progress" : "hide", children: jsx("div", { className: "bar", style: { width: loginState.isScanning ? "30%" : "0%" } }) }), jsx("h3", { style: {
+                                                display: "flex",
+                                                marginTop: "20px",
+                                                justifyContent: "space-around",
+                                                color: loginState?.isBiometricError
+                                                    ? "rgb(255 0 0 / 65%)"
+                                                    : "inherit",
+                                            }, children: loginState?.isBiometricError
+                                                ? loginState?.userMessage
+                                                : loginState?.loading
+                                                    ? t("Biometric.Loading")
+                                                    : loginState?.isScanning
+                                                        ? t("Biometric.Scanning")
+                                                        : null })] }) })] }), jsxs("div", { style: {
+                            display: "flex",
+                            justifyContent: "center",
+                            margin: "42px 0 0 42px",
+                            // margin: "38px 0 0 0",
+                            gap: "10px",
+                        }, children: [jsx(GradientButton, { fullWidth: true, disabled: loginState.loading, onClick: () => {
+                                    previousStep(false, "");
+                                }, className: classes.otpButtons, starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", textColor: "var(--theme-color3) !important", style: {
+                                    border: "var(--theme-color3)1px solid",
+                                    color: "var(--theme-color3)",
+                                    background: "var(--theme-color2)",
+                                    borderRadius: "10px",
+                                    minWidth: "48%",
+                                }, children: t("otp.Back") }), jsx(GradientButton, { style: {
+                                    borderRadius: loginState.loading ? "50%" : "10px",
+                                    height: loginState.loading ? "40px" : "100%",
+                                    width: loginState.loading ? "0px" : "100%",
+                                    minWidth: loginState.loading ? "40px" : "80px",
+                                    // width: loginState.loading ? "0px" : "90%",
+                                    // minWidth: loginState.loading ? "40px" : "80px",
+                                }, disabled: loginState.loading, onKeyDown: (e) => e.keyCode === 13 && verifyFinger, onClick: verifyFinger, className: classes.otpButtons, children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6, style: { color: "#fff" } })) : (t("Biometric.Verify")) })] })] }) }) }));
+};
+
+const capture = async () => {
+    var MFS100Request = {
+        Quality: 60,
+        TimeOut: 10,
+    };
+    var jsondata = JSON.stringify(MFS100Request);
+    const rawResponse = await fetch("http://localhost:8004/mfs100/capture", {
+        method: "POST",
+        headers: {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+        },
+        body: jsondata,
+    });
+    const content = await rawResponse.json();
+    return content;
+};
+
+const decryptString = (encryptString) => {
+    var secretKey = "SUPERACUTE@MKS";
+    var keyBytes = CryptoJS.PBKDF2(secretKey, "Ivan Medvedev", {
+        keySize: 48 / 4,
+        iterations: 1000,
+    });
+    console.log(keyBytes.toString());
+    // take first 32 bytes as key (like in C# code)
+    var key = new CryptoJS.lib.WordArray.init(keyBytes.words, 32);
+    // // skip first 32 bytes and take next 16 bytes as IV
+    var iv = new CryptoJS.lib.WordArray.init(keyBytes.words.splice(32 / 4), 16);
+    // console.log(key.toString());
+    //console.log(encryptString, CryptoJS.enc.Base64.parse(encryptString));
+    var dec = CryptoJS.AES.decrypt({
+        ciphertext: CryptoJS.enc.Base64.parse(CryptoJS.enc.Base64.parse(encryptString).toString(CryptoJS.enc.Utf8)),
+    }, key, {
+        iv: iv,
+    });
+    console.log("CryptoJS.AES.decrypt", dec);
+    return dec.toString(CryptoJS.enc.Utf8).split(String.fromCharCode(0)).join("");
+};
+const matchFinger = async (rows, captureFinger) => {
+    var promise = new Promise((resolve, reject) => {
+        //console.log("matchFinger", rows, typeof rows);
+        if (typeof rows === "string") {
+            rows = JSON.parse(rows);
+        }
+        rows.forEach(async (element, i) => {
+            try {
+                var galleryTemplate = decryptString(element.IMG_DATA);
+                var MFS100Request = {
+                    GalleryTemplate: galleryTemplate,
+                    ProbTemplate: captureFinger,
+                    BioType: "Iso",
+                };
+                var jsondata = JSON.stringify(MFS100Request);
+                await fetch("http://localhost:8004/mfs100/verify", {
+                    method: "POST",
+                    headers: {
+                        Accept: "application/json",
+                        "Content-Type": "application/json",
+                    },
+                    body: jsondata,
+                })
+                    .then((response) => response.json())
+                    .then((response) => {
+                    if (response?.ErrorCode === "0" && response["Status"]) {
+                        resolve({
+                            status: true,
+                            errorCode: "0",
+                            errorMessage: "",
+                            isError: false,
+                            sr_cd: element.SR_CD,
+                        });
+                        return;
+                    }
+                    if (rows.length === i + 1) {
+                        resolve({
+                            status: false,
+                            errorCode: response.ErrorCode,
+                            errorMessage: response.ErrorMessage,
+                            isError: false,
+                        });
+                        return;
+                    }
+                })
+                    .catch((reason) => {
+                    resolve({
+                        status: false,
+                        errorCode: "999",
+                        errorMessage: reason,
+                        isError: true,
+                    });
+                });
+            }
+            catch (err) {
+                console.log(err);
+                resolve({
+                    status: false,
+                    errorCode: "999",
+                    errorMessage: "Something went wrong!",
+                    isError: true,
+                });
+            }
+        });
+    });
+    return promise;
+};
+
+const isBase64 = (str = "") => {
+    if (typeof str !== "string") {
+        return false;
+    }
+    const base64Regex = /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/;
+    return base64Regex.test(str);
+};
+
+const BankDetails = ({ bannerDetails }) => {
+    const [loginImageURL, setLoginImageURL] = useState(null);
+    const urlObj = useRef(null);
+    const classes = useStyles$3();
+    const banner = useMemo(() => bannerDetails, []);
+    useEffect(() => {
+        if (Boolean(banner?.bannerImg)) {
+            if (isBase64(banner?.bannerImg)) {
+                let blob = utilFunction.base64toBlob(banner?.bannerImg);
+                urlObj.current =
+                    typeof blob === "object" && Boolean(blob)
+                        ? URL.createObjectURL(blob)
+                        : "";
+                setLoginImageURL(urlObj.current);
+            }
+            else {
+                setLoginImageURL(banner?.bannerImg);
+            }
+        }
+    }, [banner]);
+    return (jsx(Fragment$1, { children: jsxs(Grid, { item: true, xs: 6, md: 6, lg: 6, className: classes.loginLeft, children: [jsx(Grid, { item: true, xs: 12, md: 12, lg: 12, style: { height: "70vh" }, children: jsx("img", { alt: "", style: {
+                            width: "100%",
+                            height: "100%",
+                            objectFit: "cover",
+                            objectPosition: "center",
+                        }, src: Boolean(loginImageURL) ? loginImageURL : "" }) }), jsx(Grid, { item: true, xs: 12, md: 12, lg: 12, style: {
+                        height: "30vh",
+                        background: "var(--theme-color5)",
+                    }, children: jsxs(Container, { maxWidth: "sm", children: [jsxs("div", { className: "text", style: {
+                                    color: "white",
+                                    fontStyle: "normal",
+                                    fontSize: "35px",
+                                    paddingTop: "30px",
+                                }, children: [banner?.bannerTitle ?? "", jsx("span", { style: { marginLeft: "8px", fontWeight: "900" } })] }), jsx("div", { style: {
+                                    lineHeight: "27px",
+                                    fontSize: "15px",
+                                    fontWeight: "500px",
+                                    letterSpacing: "0.02em",
+                                    color: "#ebedee",
+                                    maxWidth: "464px",
+                                }, children: banner?.bannerNote ?? "" })] }) })] }) }));
+};
+
+const PasswordRotation = ({ classes, ResetPassword, open, username, accessToken, tokenType, handleClose, }) => {
+    const inputButtonRef = useRef(null);
+    const { enqueueSnackbar } = useSnackbar();
+    const { t } = useTranslation();
+    const [input, setInput] = useState({
+        userName: username,
+        oldpassword: "",
+        password: "",
+        confirmpassword: "",
+    });
+    const [pwdReset, setPasswordReset] = useState({
+        isError: false,
+        errorMessage: "",
+        isLoading: false,
+        isoldPwdError: false,
+        oldpassworderror: "",
+        isnewpwdError: false,
+        newpassworderror: "",
+        isconfirmnewpwdError: false,
+        confirmnewpassworderror: "",
+    });
+    const handleCloseEvent = () => {
+        handleClose("");
+    };
+    const ClickEventHandler = async () => {
+        let isError = false;
+        let setPwdData = {
+            isError: false,
+            errorMessage: "",
+            isLoading: false,
+            isoldPwdError: false,
+            oldpassworderror: "",
+            isnewpwdError: false,
+            newpassworderror: "",
+            isconfirmnewpwdError: false,
+            confirmnewpassworderror: "",
+        };
+        if (!Boolean(input.oldpassword)) {
+            setPwdData.isoldPwdError = true;
+            setPwdData.oldpassworderror = "Current Password is required.";
+            isError = true;
+        }
+        let pwdData = utilFunction.ValidatePassword(input.password);
+        if (Boolean(pwdData)) {
+            setPwdData.isnewpwdError = true;
+            setPwdData.newpassworderror = pwdData;
+            isError = true;
+        }
+        if (Boolean(input.oldpassword) &&
+            Boolean(input.password) &&
+            input.oldpassword === input.password) {
+            setPwdData.isnewpwdError = true;
+            setPwdData.newpassworderror =
+                "The new password cannot be the same as the old password";
+            isError = true;
+        }
+        if (!Boolean(input.confirmpassword)) {
+            setPwdData.isconfirmnewpwdError = true;
+            setPwdData.confirmnewpassworderror = "Confirm new password is required.";
+            isError = true;
+        }
+        else if (Boolean(input.password) &&
+            input.password !== input.confirmpassword) {
+            setPwdData.isconfirmnewpwdError = true;
+            setPwdData.confirmnewpassworderror =
+                "New Password and Confirm Password did not matched";
+            isError = true;
+        }
+        if (isError) {
+            setPasswordReset(setPwdData);
+        }
+        else {
+            setPasswordReset((values) => ({ ...values, isLoading: true }));
+            let response = await ResetPassword(input.userName, input.oldpassword, input.password, accessToken, tokenType);
+            setPasswordReset((values) => ({ ...values, isLoading: false }));
+            if (response.status === "0") {
+                enqueueSnackbar("Password successfully changed.", {
+                    variant: "success",
+                });
+                handleClose("0");
+            }
+            else {
+                setPasswordReset((values) => ({
+                    ...values,
+                    isError: true,
+                    errorMessage: response.message,
+                }));
+            }
+        }
+    };
+    const handleChange = (event) => {
+        const name = event.target.name;
+        let value = event.target.value;
+        if (name === "oldpassword" && Boolean(value)) {
+            setPasswordReset((values) => ({ ...values, isoldPwdError: false }));
+        }
+        else if (name === "password" && Boolean(value)) {
+            setPasswordReset((values) => ({ ...values, isnewpwdError: false }));
+        }
+        else if (name === "confirmpassword" && Boolean(value)) {
+            setPasswordReset((values) => ({
+                ...values,
+                isconfirmnewpwdError: false,
+            }));
+        }
+        setInput((values) => ({ ...values, [name]: value }));
+    };
+    return (jsx(Fragment, { children: jsx(Container, { maxWidth: "xs", children: jsxs(Grid, { alignItems: "center", children: [jsx("div", { style: {
+                            color: "#000000 !important",
+                            fontSize: "30px",
+                            fontWeight: "600",
+                            alignItems: "center",
+                            fontStyle: "normal",
+                        }, children: jsx("h3", { children: "Password Rotation" }) }), jsx("div", { className: "", style: {
+                            color: "#949597",
+                            fontSize: "18px",
+                            fontWeight: "400",
+                            alignItems: "center",
+                            fontStyle: "normal",
+                            width: "360px",
+                        }, children: "Please Verify OTP" }), jsxs("div", { className: classes.formWrap, children: [jsx(TextField, { label: "User ID", placeholder: "Enter User ID", fullWidth: true, type: "text", name: "userName", value: input.userName || "", onChange: handleChange, InputLabelProps: { shrink: true }, disabled: true, autoComplete: "off", inputProps: { maxLength: 16 }, style: { paddingBottom: "8px" } }), jsx(TextField, { autoFocus: true, label: "Current Password", placeholder: "Enter Current Password", fullWidth: true, type: "password", name: "oldpassword", value: input.oldpassword || "", onChange: handleChange, error: pwdReset.isoldPwdError, helperText: pwdReset.isoldPwdError ? t(pwdReset.oldpassworderror) : "", InputLabelProps: { shrink: true }, disabled: pwdReset.isLoading, autoComplete: "off", onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        inputButtonRef?.current?.click?.();
+                                    }
+                                }, inputProps: { maxLength: 16 }, style: { paddingBottom: "8px" } }), jsx(TextField, { label: "New Password", placeholder: "Enter New Password", fullWidth: true, type: "password", name: "password", value: input.password || "", onChange: handleChange, error: pwdReset.isnewpwdError, helperText: pwdReset.isnewpwdError ? t(pwdReset.newpassworderror) : "", InputLabelProps: { shrink: true }, disabled: pwdReset.isLoading, autoComplete: "off", onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        inputButtonRef?.current?.click?.();
+                                    }
+                                }, inputProps: { maxLength: 16 }, style: { paddingBottom: "8px" } }), jsx(TextField, { label: "Confirm New Password", placeholder: "Enter confirm new password", fullWidth: true, type: "password", name: "confirmpassword", value: input.confirmpassword || "", onChange: handleChange, error: pwdReset.isconfirmnewpwdError, helperText: pwdReset.isconfirmnewpwdError
+                                    ? t(pwdReset.confirmnewpassworderror)
+                                    : "", InputLabelProps: { shrink: true }, disabled: pwdReset.isLoading, autoComplete: "off", onKeyDown: (e) => {
+                                    if (e.key === "Enter") {
+                                        inputButtonRef?.current?.click?.();
+                                    }
+                                }, inputProps: { maxLength: 16 }, style: { paddingBottom: "8px" } }), pwdReset.isError ? (jsx(FormHelperText, { style: { color: "red" }, children: pwdReset.errorMessage })) : null] }), jsxs("div", { style: {
+                            display: "flex",
+                            gap: "10px",
+                            margin: "20px 0 0 10px",
+                            width: "94%",
+                        }, children: [jsx(GradientButton, { fullWidth: true, disabled: pwdReset.isLoading, onClick: handleCloseEvent, className: classes.otpButtons, style: {
+                                    border: "var(--theme-color3)1px solid",
+                                    color: "var(--theme-color3)",
+                                    // pebbackground: "var(--theme-color2)",
+                                    borderRadius: "10px",
+                                }, children: "Back" }), jsx(GradientButton, { style: {
+                                    borderRadius: pwdReset.isLoading ? "50%" : "10px",
+                                    height: pwdReset.isLoading ? "40px" : "100%",
+                                    width: pwdReset.isLoading ? "0px" : "100%",
+                                    minWidth: pwdReset.isLoading ? "40px" : "80px",
+                                }, fullWidth: true, disabled: pwdReset.isLoading, onClick: ClickEventHandler, ref: inputButtonRef, className: classes.otpButtons, children: pwdReset.isLoading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : ("Update") })] })] }) }) }));
+};
+
+const inititalState$1 = {
+    username: "",
+    firstName: "",
+    lastName: "",
+    loading: false,
+    otploading: false,
+    isError: false,
+    isUsernameError: false,
+    isPasswordError: false,
+    userMessage: "",
+    OtpuserMessage: "",
+    userMessageforpassword: "",
+    userMessageforusername: "",
+    currentFlow: "username",
+    transactionID: "",
+    access_token: "",
+    token_type: "",
+    otpmodelClose: false,
+    authType: "",
+    isScanning: false,
+    auth_data: [],
+    company_ID: "",
+    Branch_CD: "",
+    auth_type: "O",
+    otpValidFor: 60,
+};
+const reducer$1 = (state, action) => {
+    switch (action.type) {
+        case "inititateUserFingerVerification":
+        case "inititateOTPVerification": {
+            return {
+                ...state,
+                loading: true,
+                isError: false,
+                isUsernameError: false,
+                isPasswordError: false,
+                isOTPError: false,
+                isBiometricError: false,
+                userMessage: "",
+            };
+        }
+        case "inititateUserFingerScanner": {
+            return { ...state, isScanning: true, isBiometricError: false };
+        }
+        case "usernameandpasswordrequired": {
+            return {
+                ...state,
+                loading: false,
+                isError: true,
+                isUsernameError: true,
+                isPasswordError: true,
+                otploading: false,
+                userMessage: action?.payload?.error,
+                userMessageforpassword: action?.payload?.errorPassword,
+                userMessageforusername: action?.payload?.errorUsername,
+                username: "",
+                transactionID: "",
+            };
+        }
+        case "passwordVerificationFailure":
+            return {
+                ...state,
+                loading: false,
+                isError: true,
+                isUsernameError: false,
+                isPasswordError: true,
+                otploading: false,
+                userMessage: action?.payload?.error,
+                userMessageforpassword: action?.payload?.errorPassword,
+                username: "",
+                transactionID: "",
+            };
+        case "usernameVerificationFailure": {
+            return {
+                ...state,
+                loading: false,
+                isError: true,
+                isUsernameError: true,
+                isPasswordError: false,
+                otploading: false,
+                userMessage: action?.payload?.error,
+                userMessageforusername: action?.payload?.errorUsername,
+                username: "",
+                transactionID: "",
+            };
+        }
+        case "inititatePasswordVerification": {
+            return {
+                ...state,
+                loading: true,
+                isError: false,
+                isUsernameError: false,
+                isPasswordError: false,
+                otploading: false,
+                userMessage: "",
+                userMessageforusername: "",
+                userMessageforpassword: "",
+                username: "",
+                transactionID: "",
+                access_token: "",
+            };
+        }
+        case "passwordRotation": {
+            return {
+                ...state,
+                loading: false,
+                username: action?.payload?.username,
+                access_token: action?.payload?.access_token,
+                token_type: action?.payload?.token_type,
+            };
+        }
+        case "passwordRotationsuccess": {
+            return {
+                ...state,
+                loading: false,
+                otpmodelClose: Boolean(action?.payload?.otpmodelclose),
+            };
+        }
+        case "passwordVerificationSuccessful": {
+            return {
+                ...state,
+                loading: false,
+                otploading: false,
+                transactionID: action?.payload?.transactionID,
+                username: action?.payload?.username,
+                auth_type: action?.payload?.auth_type,
+                OtpuserMessage: "",
+                access_token: action?.payload?.access_token,
+                token_type: action?.payload?.token_type,
+                otpmodelClose: false,
+                currentFlow: "OTP",
+                authType: action?.payload?.authType,
+                auth_data: action?.payload?.auth_data,
+                otpValidFor: action?.payload?.otpValidFor,
+                company_ID: action?.paylod?.company_ID,
+            };
+        }
+        case "inititatebiometricVerification": {
+            return {
+                ...state,
+                loading: true,
+                otploading: true,
+                OtpuserMessage: "",
+                otpmodelClose: false,
+            };
+        }
+        case "biometricVerificationFailure":
+            return {
+                ...state,
+                loading: false,
+                isError: true,
+                isBiometricError: true,
+                userMessage: action?.payload?.error,
+                isScanning: false,
+            };
+        case "biometricVerificationSuccessful":
+            return {
+                ...state,
+                loading: false,
+                isError: false,
+                isBiometricError: false,
+                state: action.payload,
+                isScanning: false,
+            };
+        case "OTPVerificationComplate": {
+            return {
+                ...state,
+                loading: false,
+                otploading: false,
+                OtpuserMessage: "",
+            };
+        }
+        case "OTPVerificationFailed": {
+            return {
+                ...state,
+                loading: false,
+                otploading: false,
+                OtpuserMessage: action?.payload?.error,
+                otpmodelClose: Boolean(action?.payload?.otpmodelclose),
+            };
+        }
+        case "OTPResendSuccess": {
+            return {
+                ...state,
+                transactionID: action?.payload?.transactionID,
+            };
+        }
+        case "backToUsernameVerification": {
+            return {
+                ...inititalState$1,
+                isPasswordError: action?.payload?.isError,
+                userMessageforpassword: action?.payload?.errorMessage,
+            };
+        }
+        default: {
+            return state;
+        }
+    }
+};
+const AuthControllerWrapper = ({ bannerDetails, logoUrl, logoTitle, loginFn, veirfyUsernameandPassword, verifyOTP, OTPResendRequest, ResetPassword, LanguageComponent, forgotPasswordEndpoint, }) => {
+    const classes = useStyles$3();
+    const [loginState, dispath] = useReducer(reducer$1, inititalState$1);
+    const [openpwdreset, setOpenPwdReset] = useState(false);
+    const failureCount = useRef(0);
+    const [dashboardLogoURL, setDashboardLogoURL] = useState(null);
+    const urlObj = useRef(null);
+    const { t } = useTranslation();
+    const otpResendRef = useRef(1);
+    useEffect(() => {
+        if (Boolean(logoUrl)) {
+            if (isBase64(logoUrl)) {
+                let blob = utilFunction.base64toBlob(logoUrl);
+                urlObj.current =
+                    typeof blob === "object" && Boolean(blob)
+                        ? URL.createObjectURL(blob)
+                        : "";
+                setDashboardLogoURL(urlObj.current);
+            }
+            else {
+                setDashboardLogoURL(logoUrl);
+            }
+        }
+    }, [logoUrl]);
+    const verifyUsernamePassword = async (username, password) => {
+        if (Boolean(username) && Boolean(password)) {
+            dispath({ type: "inititatePasswordVerification" });
+            try {
+                const { status = "", data = null, message = "", responseType = "", access_token = null, } = await veirfyUsernameandPassword(username, password);
+                if (status === "0" && responseType === "S") {
+                    dispath({
+                        type: "passwordRotation",
+                        payload: {
+                            username: username,
+                            access_token: access_token?.access_token || "",
+                            token_type: access_token?.token_type || "",
+                        },
+                    });
+                    setOpenPwdReset(true);
+                }
+                else if (status === "0") {
+                    dispath({
+                        type: "passwordVerificationSuccessful",
+                        payload: {
+                            transactionID: data?.REQUEST_CD,
+                            username: username,
+                            access_token: access_token?.access_token,
+                            token_type: access_token?.token_type,
+                            authType: data?.AUTH_TYPE,
+                            auth_data: [
+                                {
+                                    company_ID: data?.BASE_COMP_CD ?? "",
+                                    branch_cd: data?.BASE_BRANCH_CD,
+                                },
+                            ],
+                            otpValidFor: data?.OTP_VALID,
+                        },
+                    });
+                }
+                else {
+                    dispath({
+                        type: "passwordVerificationFailure",
+                        payload: { error: message, errorPassword: message },
+                    });
+                }
+            }
+            catch (err) {
+                throw new Error("Error occurred while verifying username and password: " + err);
+            }
+        }
+        else if (!Boolean(username) && !Boolean(password)) {
+            dispath({
+                type: "usernameandpasswordrequired",
+                payload: {
+                    error: "UsernamenandPasswordisRequired",
+                    errorUsername: "UsernameisRequired",
+                    errorPassword: "PasswordisRequired",
+                },
+            });
+        }
+        else if (!Boolean(username)) {
+            dispath({
+                type: "usernameVerificationFailure",
+                payload: {
+                    error: "UsernameisRequired",
+                    errorUsername: "UsernameisRequired",
+                },
+            });
+        }
+        else {
+            dispath({
+                type: "passwordVerificationFailure",
+                payload: {
+                    error: "PasswordisRequired",
+                    errorPassword: "PasswordisRequired",
+                },
+            });
+        }
+    };
+    const VerifyOTP = async (OTPNumber) => {
+        if (Boolean(OTPNumber) && OTPNumber.toString().length === 6) {
+            dispath({ type: "inititateOTPVerification" });
+            const { status, data, message } = await verifyOTP(loginState.transactionID, 
+            // loginState.app_transactionId,
+            loginState.username, OTPNumber, loginState.access_token, loginState.token_type, loginState.authType);
+            if (status === "0") {
+                // try {
+                //   audio.play();
+                // } catch (error) {
+                //   console.log(error);
+                // }
+                dispath({ type: "OTPVerificationComplate" });
+                loginFn(data);
+            }
+            else if (status === "999") {
+                dispath({
+                    type: "OTPVerificationFailed",
+                    payload: { error: message, otpmodelclose: true },
+                });
+                // enqueueSnackbar(message, { variant: "error" });
+            }
+            else {
+                dispath({
+                    type: "OTPVerificationFailed",
+                    payload: { error: message, otpmodelclose: false },
+                });
+            }
+        }
+        else {
+            dispath({
+                type: "OTPVerificationFailed",
+                payload: { error: "Please enter a 6 digit OTP number" },
+            });
+        }
+    };
+    const handlePasswordRotationClose = (flag) => {
+        if (flag === "0") {
+            dispath({
+                type: "passwordRotationsuccess",
+                payload: { otpmodelclose: true },
+            });
+        }
+        setOpenPwdReset(false);
+    };
+    const changeUserName = (isError = false, errorMessage = "") => {
+        dispath({
+            type: "backToUsernameVerification",
+            payload: {
+                isError: isError,
+                errorMessage: errorMessage,
+            },
+        });
+    };
+    const verifyFinger = async () => {
+        try {
+            dispath({ type: "inititateUserFingerScanner" });
+            const fingerResponse = await capture();
+            if (fingerResponse?.ErrorCode === "0") {
+                dispath({ type: "inititateUserFingerVerification" });
+                const promise = await matchFinger(loginState.auth_data, fingerResponse.IsoTemplate);
+                if (promise.isError) {
+                    dispath({
+                        type: "biometricVerificationFailure",
+                        payload: {
+                            error: promise?.errorMessage ?? "Something went wrong.",
+                        },
+                    });
+                }
+                else {
+                    const { status, data, message } = await verifyOTP(loginState.transactionID, loginState.username, String(promise?.sr_cd ?? "0"), loginState.access_token, loginState.token_type, loginState.authType, promise.status ? "Y" : "N");
+                    if (status === "0" && promise.status) {
+                        dispath({ type: "biometricVerificationSuccessful" });
+                        loginFn(data);
+                    }
+                    else if (status === "0" && !promise.status) {
+                        failureCount.current = failureCount.current + 1;
+                        dispath({
+                            type: "biometricVerificationFailure",
+                            payload: {
+                                error: "Finger Not Match.Please Try Again",
+                            },
+                        });
+                        if (failureCount.current >= 3)
+                            changeUserName(true, "Finger Not Match.Please Try Again");
+                    }
+                    else if (status === "99") {
+                        dispath({
+                            type: "biometricVerificationFailure",
+                            payload: {
+                                error: message ?? "Finger Not Match.Please Try Again",
+                            },
+                        });
+                    }
+                    else if (status === "999") {
+                        dispath({
+                            type: "biometricVerificationFailure",
+                            payload: {
+                                error: message ?? "Finger Not Match.Please Try Again",
+                            },
+                        });
+                        changeUserName(true, message ?? "Finger Not Match.Please Try Again");
+                    }
+                    else {
+                        dispath({
+                            type: "biometricVerificationFailure",
+                            payload: {
+                                error: message ?? "Finger Not Match.Please Try Again",
+                            },
+                        });
+                    }
+                }
+            }
+            else {
+                dispath({
+                    type: "biometricVerificationFailure",
+                    payload: {
+                        error: fingerResponse?.ErrorMessage ?? t("Biometric.MFS100NotFound"),
+                    },
+                });
+            }
+        }
+        catch (e) {
+            dispath({
+                type: "biometricVerificationFailure",
+                payload: {
+                    error: e?.message ?? t("Biometric.Unknownerroroccured"),
+                },
+            });
+        }
+    };
+    return (jsx(Fragment$1, { children: jsxs(Grid, { container: true, style: { height: "100vh", overflow: "hidden" }, children: [jsx(BankDetails, { bannerDetails: bannerDetails }), jsxs(Grid, { item: true, xs: 11, md: 6, lg: 6, sm: 6, children: [logoUrl ? (jsx(Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", padding: "25px", maxWidth: "210px", ml: "auto", children: jsx(Tooltip, { describeChild: true, title: logoTitle ?? "", children: jsx("img", { src: Boolean(dashboardLogoURL) ? dashboardLogoURL : "", alt: "Logo", width: "100%" }) }) })) : null, LanguageComponent ? (jsx(Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", padding: "0 35px 0 0", maxWidth: "180px", ml: "auto", children: jsx(LanguageComponent, {}) })) : null, openpwdreset ? (jsx(PasswordRotation, { classes: classes, ResetPassword: ResetPassword, open: openpwdreset, username: loginState.username, accessToken: loginState.access_token, tokenType: loginState.token_type, handleClose: handlePasswordRotationClose })) : (jsx(Fragment$1, { children: loginState.currentFlow === "username" ? (jsx(UsernamePasswordField, { classes: classes, loginState: loginState, verifyUsernamePassword: verifyUsernamePassword, forgotPasswordEndpoint: forgotPasswordEndpoint }, "username")) : (jsx(Fragment$1, { children: loginState.authType === "OTP" ? (jsx(OTPModel, { OTPResendRequest: OTPResendRequest, classes: classes, loginState: loginState, VerifyOTP: VerifyOTP, previousStep: changeUserName, OTPError: t(loginState?.OtpuserMessage ?? ""), setOTPError: (error) => {
+                                        dispath({
+                                            type: "OTPVerificationFailed",
+                                            payload: { error: error },
+                                        });
+                                    }, open: true, handleClose: changeUserName, resendFlag: "LOGIN", setNewRequestID: (newRequestID) => {
+                                        dispath({
+                                            type: "OTPResendSuccess",
+                                            payload: { transactionID: newRequestID },
+                                        });
+                                        otpResendRef.current = otpResendRef.current + 1;
+                                    }, otpresendCount: otpResendRef.current }, "otp")) : loginState.authType === "TOTP" ? (jsxs(Fragment$1, { children: [" ", jsx(OTPModelForm, { OTPResendRequest: OTPResendRequest, classes: classes, 
+                                            // handleClose={() => {}}
+                                            handleClose: changeUserName, loginState: loginState, VerifyOTP: VerifyOTP, OTPError: loginState?.OtpuserMessage ?? "", setOTPError: (error) => {
+                                                dispath({
+                                                    type: "OTPVerificationFailed",
+                                                    payload: { error: error },
+                                                });
+                                            }, resendFlag: "LOGIN", setNewRequestID: (newRequestID) => {
+                                                dispath({
+                                                    type: "OTPResendSuccess",
+                                                    payload: { transactionID: newRequestID },
+                                                });
+                                                otpResendRef.current = otpResendRef.current + 1;
+                                            }, otpresendCount: otpResendRef.current }, "OTPForm")] })) : (jsx(VerifyFinger, { classes: classes, loginState: loginState, verifyFinger: verifyFinger, previousStep: changeUserName }, "biometric")) })) }))] })] }) }));
+};
+
+const ForgotPasswordFields = ({ classes, loginState, onSubmit, navigate, loginPageEndpoint, }) => {
+    const [input, setInput] = useState({
+        userName: loginState.workingState === 1 ? loginState?.username : "",
+        mobileno: "",
+        password: "",
+        confirmpassword: "",
+    });
+    const inputRef = useRef(null);
+    const inputPassRef = useRef(null);
+    const inputButtonRef = useRef(null);
+    const [showPasswordTime, setShowPasswordTime] = useState(0);
+    const [showConfirmPasswordTime, setShowConfirmPasswordTime] = useState(0);
+    const showPassword = Date.now() < showPasswordTime;
+    const showConfirmPassword = Date.now() < showConfirmPasswordTime;
+    const [, forceUpdate] = useState();
+    const timerRef = useRef(null);
+    useEffect(() => {
+        return () => clearTimeout(timerRef.current);
+    }, []);
+    // const navigate = useNavigate();
+    const { t } = useTranslation();
+    const handleChange = (event) => {
+        const name = event.target.name;
+        let value = event.target.value;
+        if (name === "userName" && value) {
+            loginState.isUsernameError = false;
+        }
+        if (name === "mobileno" && value) {
+            value = value.replace(/\D/g, "");
+            if (Boolean(value)) {
+                loginState.isMobileError = false;
+            }
+        }
+        setInput((values) => ({ ...values, [name]: value }));
+    };
+    useEffect(() => {
+        if (loginState.workingState === 1) {
+            setTimeout(() => {
+                inputPassRef?.current?.focus?.();
+            }, 2000);
+        }
+    }, [loginState.workingState]);
+    return (jsx(Fragment, { children: jsxs("div", { className: classes.formWrap, children: [jsx(TextField, { autoFocus: true, label: t("UserID"), placeholder: String(t("UserID")), fullWidth: true, type: "text", name: "userName", value: input.userName || "", onChange: handleChange, error: loginState.isUsernameError, helperText: loginState.isUsernameError
+                        ? t(loginState.userMessageforusername)
+                        : "", InputLabelProps: { shrink: true }, disabled: loginState.loading
+                        ? true
+                        : loginState.workingState === 0
+                            ? false
+                            : true, autoComplete: "off", ref: inputRef, inputProps: { maxLength: 16 }, onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                            inputButtonRef?.current?.click?.();
+                        }
+                    }, style: { paddingBottom: "8px" } }), loginState.workingState === 0 ? (jsx(TextField, { label: t("MobileNo"), placeholder: "Enter Mobile No.", 
+                    // placeholder={String(t("EnterMobileNo"))}
+                    fullWidth: true, type: "text", name: "mobileno", value: input.mobileno || "", onChange: handleChange, error: loginState.isMobileError, helperText: loginState.isMobileError
+                        ? t(loginState.userMessageforMobileno)
+                        : "", InputLabelProps: { shrink: true }, disabled: loginState.loading
+                        ? true
+                        : loginState.workingState === 0
+                            ? false
+                            : true, autoComplete: "off", onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                            inputButtonRef?.current?.click?.();
+                        }
+                    }, inputProps: { maxLength: 13 }, style: { paddingBottom: "8px" } })) : null, loginState.workingState === 1 ? (jsxs(Fragment$1, { children: [jsx(TextField, { autoFocus: true, label: t("Password"), placeholder: "Enter Password", fullWidth: true, type: showPassword ? "text" : "password", name: "password", value: input.password || "", onChange: handleChange, error: loginState.isPasswordError, helperText: loginState.isPasswordError
+                                ? t(loginState.userMessageforPassword)
+                                : "", InputLabelProps: { shrink: true }, disabled: loginState.loading, autoComplete: "off", ref: inputPassRef, onKeyDown: (e) => {
+                                if (e.key === "Enter") {
+                                    inputButtonRef?.current?.click?.();
+                                }
+                            }, InputProps: {
+                                endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(IconButton, { "aria-label": "toggle password visibility", onClick: () => {
+                                            if (!showPassword) {
+                                                setShowPasswordTime(Date.now() + 5000);
+                                                timerRef.current = setTimeout(() => forceUpdate(Date.now()), 5000);
+                                            }
+                                            else if (showPassword)
+                                                setShowPasswordTime(0);
+                                        }, onMouseDown: (e) => e.preventDefault(), disabled: loginState.loading, children: showPassword ? jsx(Visibility, {}) : jsx(VisibilityOff, {}) }) })),
+                            }, inputProps: { maxLength: 16 }, style: { paddingBottom: "8px" } }), jsx(TextField, { label: t("ConfirmPassword"), placeholder: String(t("EnterConfirmPassword")), fullWidth: true, type: showConfirmPassword ? "text" : "password", name: "confirmpassword", value: input.confirmpassword || "", onChange: handleChange, error: loginState.isConfirmPasswordError, helperText: loginState.isConfirmPasswordError
+                                ? t(loginState.userMessageforconfirmPassword)
+                                : "", InputLabelProps: { shrink: true }, disabled: loginState.loading, autoComplete: "off", onKeyDown: (e) => {
+                                if (e.key === "Enter") {
+                                    inputButtonRef?.current?.click?.();
+                                }
+                            }, InputProps: {
+                                endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(IconButton, { "aria-label": "toggle password visibility", onClick: () => {
+                                            if (!showConfirmPassword) {
+                                                setShowConfirmPasswordTime(Date.now() + 5000);
+                                                timerRef.current = setTimeout(() => forceUpdate(Date.now()), 5000);
+                                            }
+                                            else if (showConfirmPassword)
+                                                setShowConfirmPasswordTime(0);
+                                        }, onMouseDown: (e) => e.preventDefault(), disabled: loginState.loading, children: showConfirmPassword ? jsx(Visibility, {}) : jsx(VisibilityOff, {}) }) })),
+                            }, inputProps: { maxLength: 16 }, style: { paddingBottom: "8px" } })] })) : null, loginState.isApiError ? (jsx(FormHelperText, { style: { color: "red" }, children: loginState.apierrorMessage })) : null, jsx("div", { style: {
+                        marginTop: "20px",
+                        display: "flex",
+                        flexDirection: "row-reverse",
+                    }, children: jsx("div", { style: {
+                            flex: "auto",
+                            textAlign: "center",
+                            marginTop: "5px",
+                            marginBottom: "17px",
+                        }, children: jsxs("div", { children: [jsx(GradientButton, { style: { borderRadius: "10px", marginRight: "5px" }, 
+                                    // fullWidth
+                                    disabled: loginState.loading, onClick: () => {
+                                        navigate(loginPageEndpoint);
+                                    }, starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", children: t("backtologin") }), jsx(GradientButton, { style: { borderRadius: "10px" }, disabled: loginState.loading, onClick: () => {
+                                        onSubmit(input, loginState.workingState);
+                                    }, ref: inputButtonRef, endicon: loginState.loading ? undefined : "East", rotateIcon: "scale(1.4) rotateX(360deg)", children: loginState.loading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("Next")) })] }) }) })] }) }));
+};
+
+const ValidatePassword = (pwd) => {
+    // if (!Boolean(pwd)) {
+    //   return "Password is Required";
+    // } else if (pwd.length < 8 || pwd.length > 16) {
+    //   return "Password must be between 8 and 16 characters long.";
+    // }
+    // return "";
+    if (!Boolean(pwd)) {
+        // return t("PasswordisRequired");
+        return "Password is Required";
+    }
+    else if (!/(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*\W)(?!.*\s)/.test(pwd)) {
+        // return t("EnterPasswordPolicy");
+        return "Password must be 8-16 characters long, containing at least one uppercase letter, one lowercase letter, one number, and one special character, with no spaces allowed.";
+    }
+    else if (pwd.length < 8 || pwd.length > 16) {
+        // return t("EnterPasswordValid");
+        return "Password must be between 8 and 16 characters long.";
+        // return "Password must be between 8 and 16 characters long.";
+    }
+    return "";
+};
+const inititalState = {
+    isUsernameError: false,
+    userMessageforusername: "",
+    loading: false,
+    isMobileError: false,
+    userMessageforMobileno: "",
+    isPasswordError: false,
+    userMessageforPassword: "",
+    isConfirmPasswordError: false,
+    userMessageforconfirmPassword: "",
+    workingState: 0,
+    isApiError: false,
+    apierrorMessage: "",
+    otploading: false,
+    OtpuserMessage: "",
+    otpmodelClose: false,
+    requestCd: "",
+    username: "",
+    auth_type: "O",
+    transactionID: "",
+};
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "verifyUserNameandMobileNoFailed": {
+            return {
+                ...state,
+                loading: false,
+                isUsernameError: action?.payload?.isUsernameError ?? false,
+                isMobileError: action?.payload?.isMobileError ?? false,
+                userMessageforusername: action?.payload?.userMessageforusername ?? "",
+                userMessageforMobileno: action?.payload?.userMessageforMobileno ?? "",
+                isApiError: action?.payload?.isApiError ?? false,
+                apierrorMessage: action?.payload?.apierrorMessage ?? "",
+                requestCd: "",
+                username: "",
+            };
+        }
+        case "initverifyUserNameandMobileNo": {
+            return {
+                ...state,
+                loading: true,
+                isUsernameError: false,
+                isMobileError: false,
+                requestCd: "",
+                username: "",
+            };
+        }
+        case "verifyUserNameandMobileNoSuccess": {
+            return {
+                ...state,
+                loading: false,
+                isUsernameError: false,
+                isMobileError: false,
+                workingState: 0,
+                isApiError: false,
+                apierrorMessage: "",
+                requestCd: action?.payload?.requestCd ?? "",
+                username: action?.payload?.username ?? "",
+                auth_type: action?.payload?.auth_type,
+                company_ID: action?.payload?.company_ID,
+                branch_cd: action?.payload?.branch_cd,
+                otpValidFor: action?.payload?.otpValidFor,
+            };
+        }
+        case "inititateOTPVerification": {
+            return {
+                ...state,
+                loading: false,
+                otploading: true,
+                OtpuserMessage: "",
+                otpmodelClose: false,
+            };
+        }
+        case "OTPVerificationComplate": {
+            return {
+                ...state,
+                loading: false,
+                otploading: false,
+                OtpuserMessage: "",
+                workingState: 1,
+                otpmodelClose: Boolean(action?.payload?.otpmodelclose),
+            };
+        }
+        case "OTPVerificationFailed": {
+            return {
+                ...state,
+                otploading: false,
+                OtpuserMessage: action?.payload?.error,
+                otpmodelClose: Boolean(action?.payload?.otpmodelclose),
+            };
+        }
+        case "verifyPasswordFailed": {
+            return {
+                ...state,
+                loading: false,
+                isPasswordError: action?.payload?.isPasswordError ?? false,
+                isConfirmPasswordError: action?.payload?.isConfirmPasswordError ?? false,
+                userMessageforPassword: action?.payload?.userMessageforPassword ?? "",
+                userMessageforconfirmPassword: action?.payload?.userMessageforconfirmPassword ?? "",
+                isApiError: false,
+                apierrorMessage: "",
+            };
+        }
+        case "initverifyPasswordSetReq": {
+            return {
+                ...state,
+                loading: true,
+                isPasswordError: false,
+                isConfirmPasswordError: false,
+            };
+        }
+        case "passwordRegistaredSuccess": {
+            return {
+                ...state,
+                loading: false,
+                isPasswordError: false,
+                isConfirmPasswordError: false,
+            };
+        }
+        case "OTPResendSuccess": {
+            return {
+                ...state,
+                requestCd: action?.payload?.requestCd,
+            };
+        }
+        default: {
+            return state;
+        }
+    }
+};
+const ForgotPasswordControllerWrapper = ({ screenFlag, updatenewPassword, veirfyUsernameandMobileNo, verifyOTPForPWDReset, logoUrl, logoTitle, LanguageComponent, bannerDetails, navigate, loginPageEndpoint, }) => {
+    const classes = useStyles$3();
+    const [loginState, dispath] = useReducer(reducer, inititalState);
+    const [open, setOpen] = useState(false);
+    const { enqueueSnackbar } = useSnackbar();
+    const otpResendRef = useRef(1);
+    const { t } = useTranslation();
+    const [dashboardLogoURL, setDashboardLogoURL] = useState(null);
+    const urlObj = useRef(null);
+    useEffect(() => {
+        if (Boolean(logoUrl)) {
+            if (isBase64(logoUrl)) {
+                let blob = utilFunction.base64toBlob(logoUrl);
+                urlObj.current =
+                    typeof blob === "object" && Boolean(blob)
+                        ? URL.createObjectURL(blob)
+                        : "";
+                setDashboardLogoURL(urlObj.current);
+            }
+            else {
+                setDashboardLogoURL(logoUrl);
+            }
+        }
+    }, [logoUrl]);
+    const onSubmitHandel = async (data, flag) => {
+        if (verifyRequestData(data, flag)) {
+            if (flag === 0) {
+                dispath({ type: "initverifyUserNameandMobileNo" });
+                const { status, data: resdata, message, } = await veirfyUsernameandMobileNo(data?.userName.toLowerCase(), data?.mobileno, screenFlag);
+                if (status === "0") {
+                    dispath({
+                        type: "verifyUserNameandMobileNoSuccess",
+                        payload: {
+                            requestCd: String(resdata?.TRAN_CD ?? ""),
+                            username: data?.userName,
+                            auth_type: resdata?.AUTH_TYPE,
+                            company_ID: resdata?.COMP_CD,
+                            branch_cd: resdata?.BRANCH_CD,
+                            otpValidFor: resdata?.OTP_VALID,
+                        },
+                    });
+                    setOpen(true);
+                }
+                else {
+                    dispath({
+                        type: "verifyUserNameandMobileNoFailed",
+                        payload: {
+                            isApiError: true,
+                            apierrorMessage: message,
+                        },
+                    });
+                }
+            }
+            else if (flag === 1) {
+                dispath({ type: "initverifyPasswordSetReq" });
+                const { status, data: resdata, message, } = await updatenewPassword(loginState?.requestCd, loginState?.username, data?.password);
+                if (status === "0") {
+                    dispath({ type: "passwordRegistaredSuccess" });
+                    enqueueSnackbar("Password successfully reset", {
+                        variant: "success",
+                    });
+                    navigate(loginPageEndpoint);
+                }
+                else if (status === "99") {
+                    dispath({
+                        type: "verifyPasswordFailed",
+                        payload: {
+                            isApiError: true,
+                            apierrorMessage: message,
+                        },
+                    });
+                }
+                else {
+                    enqueueSnackbar(message, {
+                        variant: "error",
+                    });
+                    navigate(loginPageEndpoint);
+                }
+            }
+        }
+    };
+    const verifyRequestData = (data, flag) => {
+        if (flag === 0) {
+            let validationData = {
+                isUsernameError: false,
+                isMobileError: false,
+                userMessageforusername: "",
+                userMessageforMobileno: "",
+            };
+            if (!Boolean(data.userName)) {
+                validationData.isUsernameError = true;
+                validationData.userMessageforusername = "UsernameisRequired";
+            }
+            if (!Boolean(data.mobileno)) {
+                validationData.isMobileError = true;
+                validationData.userMessageforMobileno = "MobileNoisRequired";
+            }
+            else if (isNaN(data.mobileno) ||
+                (data.mobileno.length !== 10 && data.mobileno.length !== 13)) {
+                validationData.isMobileError = true;
+                validationData.userMessageforMobileno = "Please enter valid Mobile No.";
+            }
+            dispath({
+                type: "verifyUserNameandMobileNoFailed",
+                payload: validationData,
+            });
+            return !(validationData.isMobileError || validationData.isUsernameError);
+        }
+        else if (flag === 1) {
+            let validationData = {
+                isPasswordError: false,
+                userMessageforPassword: "",
+                isConfirmPasswordError: false,
+                userMessageforconfirmPassword: "",
+            };
+            let pwdverify = ValidatePassword(data.password);
+            if (Boolean(pwdverify)) {
+                validationData.isPasswordError = true;
+                validationData.userMessageforPassword = pwdverify;
+            }
+            if (!Boolean(data.confirmpassword)) {
+                validationData.isConfirmPasswordError = true;
+                validationData.userMessageforconfirmPassword =
+                    "Confirmpasswordisrequired";
+            }
+            else if (Boolean(data.password) &&
+                data.password !== data.confirmpassword) {
+                validationData.isConfirmPasswordError = true;
+                validationData.userMessageforconfirmPassword =
+                    "New Password and Confirm Password did not matched";
+            }
+            dispath({
+                type: "verifyPasswordFailed",
+                payload: validationData,
+            });
+            return !(validationData.isConfirmPasswordError || validationData.isPasswordError);
+        }
+        return true;
+    };
+    const handleClose = () => {
+        setOpen(false);
+    };
+    const VerifyOTP = async (OTPNumber) => {
+        if (Boolean(OTPNumber) && OTPNumber.toString().length === 6) {
+            dispath({ type: "inititateOTPVerification" });
+            const { status, data: resdata, message, } = await verifyOTPForPWDReset(loginState?.requestCd, loginState?.username, OTPNumber, loginState?.auth_type, screenFlag);
+            if (status === "0") {
+                if (screenFlag === "totp") {
+                    enqueueSnackbar(message, {
+                        variant: "success",
+                    });
+                    navigate(loginPageEndpoint);
+                }
+                else {
+                    dispath({
+                        type: "OTPVerificationComplate",
+                        payload: { otpmodelclose: true },
+                    });
+                }
+            }
+            else if (status === "99") {
+                dispath({
+                    type: "OTPVerificationFailed",
+                    payload: { error: message },
+                });
+            }
+            else {
+                enqueueSnackbar(message, {
+                    variant: "error",
+                });
+                navigate(loginPageEndpoint);
+            }
+        }
+        else {
+            dispath({
+                type: "OTPVerificationFailed",
+                payload: { error: "Please enter a 6 digit OTP number" },
+            });
+        }
+    };
+    return (jsx(Fragment$1, { children: jsxs(Grid, { container: true, style: { height: "100vh", overflow: "hidden" }, children: [jsx(BankDetails, { bannerDetails: bannerDetails }), jsxs(Grid, { item: true, xs: 6, md: 6, lg: 6, sm: 6, children: [logoUrl ? (jsx(Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", padding: "31px", maxWidth: "210px", ml: "auto", children: jsx("img", { src: Boolean(dashboardLogoURL) ? dashboardLogoURL : "", alt: "Logo", width: "100%" }) })) : null, LanguageComponent ? (jsx(Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", padding: "0 35px 0 0", maxWidth: "180px", ml: "auto", children: jsx(LanguageComponent, {}) })) : null, jsx(Container, { maxWidth: "xs", children: jsxs(Grid, { alignItems: "center", style: { paddingTop: "20px" }, children: [jsx("h2", { style: { margin: "10px 0" }, children: loginState.workingState === 1
+                                            ? t("Setnewpassword")
+                                            : screenFlag === "totp"
+                                                ? "Forgot TOTP"
+                                                : t("ForgotPassword") }), open ? (jsx(OTPModelForm, { classes: classes, handleClose: handleClose, loginState: loginState, VerifyOTP: VerifyOTP, OTPError: t(loginState?.OtpuserMessage ?? ""), setOTPError: (error) => {
+                                            dispath({
+                                                type: "OTPVerificationFailed",
+                                                payload: { error: error },
+                                            });
+                                        }, resendFlag: "FORGET_PW", setNewRequestID: (newRequestID) => {
+                                            dispath({
+                                                type: "OTPResendSuccess",
+                                                payload: { requestCd: newRequestID },
+                                            });
+                                            otpResendRef.current = otpResendRef.current + 1;
+                                        }, otpresendCount: otpResendRef.current, OTPResendRequest: undefined })) : (jsx(ForgotPasswordFields, { classes: classes, loginState: loginState, onSubmit: onSubmitHandel, navigate: navigate, loginPageEndpoint: loginPageEndpoint }))] }) })] })] }) }));
+};
+
+const BranchSelectionGridMetaData = {
+    gridConfig: {
+        dense: true,
+        gridLabel: "Access Branch List",
+        rowIdColumn: "BRANCH_CD",
+        // searchPlaceholder: "Branches",
+        defaultColumnConfig: {
+            width: 400,
+            maxWidth: 450,
+            minWidth: 300,
+        },
+        allowColumnReordering: false,
+        disableSorting: false,
+        hideHeader: false,
+        disableGroupBy: true,
+        enablePagination: false,
+        containerHeight: {
+            min: "68vh",
+            max: "68vh ",
+        },
+        allowFilter: false,
+        allowColumnHiding: false,
+        allowRowSelection: false,
+        isCusrsorFocused: true,
+        hideFooter: true,
+    },
+    columns: [
+        {
+            accessor: "BRANCH_CD",
+            columnName: "Branch Code",
+            sequence: 1,
+            alignment: "left",
+            componentType: "default",
+            width: 200,
+            minWidth: 140,
+            maxWidth: 220,
+        },
+        {
+            accessor: "BRANCH_NM",
+            columnName: "Branch Name",
+            sequence: 2,
+            alignment: "left",
+            componentType: "default",
+            width: 280,
+            minWidth: 280,
+            maxWidth: 420,
+        },
+        {
+            accessor: "DISP_STATUS",
+            columnName: "Status",
+            sequence: 3,
+            alignment: "left",
+            componentType: "default",
+            width: 200,
+            minWidth: 140,
+            maxWidth: 220,
+        },
+        {
+            accessor: "BEGIN_DATETIME",
+            columnName: "Begin Time",
+            sequence: 4,
+            alignment: "left",
+            componentType: "dateTime",
+            width: 222,
+            minWidth: 140,
+            maxWidth: 240,
+        },
+        {
+            accessor: "END_DATETIME",
+            columnName: "End Time",
+            sequence: 5,
+            alignment: "left",
+            componentType: "dateTime",
+            width: 222,
+            minWidth: 140,
+            maxWidth: 240,
+        },
+        {
+            accessor: "DAYEND_STATUS",
+            columnName: "Dayend Status",
+            sequence: 6,
+            componentType: "default",
+            isVisible: false,
+        },
+        {
+            accessor: "EOD_RUNNING_STATUS",
+            columnName: "EOD Running Status",
+            sequence: 6,
+            componentType: "default",
+            isVisible: false,
+        },
+        {
+            accessor: "BASE_COMP_CD",
+            columnName: "Base Comp Cd",
+            sequence: 6,
+            componentType: "default",
+            isVisible: false,
+        },
+        {
+            accessor: "BASE_BRANCH_CD",
+            columnName: "Base Branch Cd",
+            sequence: 6,
+            componentType: "default",
+            isVisible: false,
+        },
+        {
+            accessor: "COMP_CD",
+            columnName: "Comp Cd",
+            sequence: 6,
+            componentType: "default",
+            isVisible: false,
+        },
+        {
+            accessor: "COMP_NM",
+            columnName: "Comp Name",
+            sequence: 6,
+            componentType: "default",
+            isVisible: false,
+        },
+    ],
+};
+
+var css_248z = "*{box-sizing:border-box}*,.sideImage{margin:0;padding:0}.sideImage{display:flex;height:100%;position:relative;z-index:1}.bank-name,.emp-id{font-size:18px;font-weight:600;line-height:1em;margin:8px 0}.bank-name{word-wrap:break-word}.name-heading{color:var(--theme-color1);font-weight:400;position:relative;z-index:1}.name-heading span{color:var(--theme-color1);font-weight:700}";
+styleInject(css_248z);
+
+var BecomePartnerImg = "BecomePartnerImg.svg";
+
+var Waving_hand = "waving-hand.png";
+
+const useStyles$2 = makeStyles((theme) => ({
+    heading_user_img: {
+        width: "40px",
+        height: "40px",
+        // cursor: "pointer",
+    },
+    heading_user_img_border: {
+        border: "2px dashed var(--theme-color3)",
+        borderRadius: "50%",
+        padding: "4px",
+    },
+    logo: {
+        height: "38px",
+    },
+}));
+
+var USER_PROFILE_DEFAULT = "profile-default.png";
+
+const actions = [
+    {
+        actionName: "back",
+        actionLabel: "Back",
+        multiple: undefined,
+        rowDoubleClick: false,
+        alwaysAvailable: true,
+        // actionTextColor: "var(--theme-color3)",
+        // actionBackground: "var(--theme-color2)",
+        // startsIcon: "West",
+        // rotateIcon: "scale(1.4) rotateX(-360deg)",
+    },
+    {
+        actionName: "proceed",
+        actionLabel: "Proceed",
+        multiple: false,
+        rowDoubleClick: true,
+        // actionTextColor: "var(--theme-color2)",
+        // actionBackground: "var(--theme-color3)",
+        // onEnterSubmit: true,
+        // endsIcon: "East",
+        // rotateIcon: "scale(1.4) rotateX(-360deg)",
+    },
+];
+const BranchSelectionGrid = ({ selectionMode, authState, isBranchSelectedFn, isLoggedInFn, logoutFn, logos, logo, navigate, BranchSelectionGridDataApiFn, GetMenuDataApiFn, sideImage, branchSelectFn, dashboardUrl, loginUrl, appTranCd, }) => {
+    const classes = useStyles$2();
+    const { enqueueSnackbar } = useSnackbar();
+    const { data, isLoading, isFetching, refetch, error, isError } = useQuery(["BranchSelectionGridData"], () => BranchSelectionGridDataApiFn());
+    useEffect(() => {
+        return () => {
+            queryClient.removeQueries(["BranchSelectionGridData", {}]);
+        };
+    }, []);
+    useEffect(() => {
+        if (!isLoggedInFn()) {
+            navigate(loginUrl);
+        }
+        else if (isBranchSelectedFn() && selectionMode !== "C") {
+            navigate(dashboardUrl);
+        }
+    }, [isBranchSelectedFn, isLoggedInFn]);
+    const mutation = useMutation(GetMenuDataApiFn, {
+        onSuccess: (data, extreData) => {
+            branchSelectFn({
+                menulistdata: data,
+                branchCode: extreData?.BRANCH_CD,
+                branch: extreData?.BRANCH_NM,
+                baseBranchCode: extreData?.BASE_BRANCH_CD,
+            });
+        },
+    });
+    const getError = mutation.error;
+    const setCurrentAction = useCallback((data) => {
+        if (data.name === "proceed") {
+            if (data.rows?.length === 0) {
+                enqueueSnackbar("Please Select Branch", {
+                    variant: "error",
+                });
+            }
+            else if (data.rows?.[0]?.data?.STATUS === "C") {
+                enqueueSnackbar("Branch is in Day End Status.~rPlease contact system Vendor.", {
+                    variant: "error",
+                });
+            }
+            else {
+                mutation.mutate({
+                    BASE_COMP_CD: data.rows?.[0]?.data?.BASE_COMP_CD ?? "",
+                    BASE_BRANCH_CD: data.rows?.[0]?.data?.BASE_BRANCH_CD ?? "",
+                    COMP_CD: data.rows?.[0]?.data?.COMP_CD ?? "",
+                    BRANCH_CD: data.rows?.[0]?.data?.BRANCH_CD ?? "",
+                    GROUP_NAME: authState?.groupName ?? "",
+                    APP_TRAN_CD: appTranCd,
+                    COMP_NM: data.rows?.[0]?.data?.COMP_NM ?? "",
+                    BRANCH_NM: data.rows?.[0]?.data?.BRANCH_NM ?? "",
+                    DAYEND_STATUS: data.rows?.[0]?.data?.DAYEND_STATUS ?? "",
+                    EOD_RUNNING_STATUS: data.rows?.[0]?.data?.EOD_RUNNING_STATUS ?? "",
+                    IS_UPD_DEF_BRANCH: authState?.user?.isUpdDefBranch ?? "",
+                    COMP_BASE_BRANCH_CD: data.rows?.[0]?.data?.COMP_BASE_BRANCH_CD ?? "",
+                    selectionMode: selectionMode,
+                });
+            }
+        }
+        else if (data.name === "back") {
+            if (selectionMode === "C") {
+                navigate(dashboardUrl, {
+                    replace: true,
+                });
+            }
+            else {
+                logoutFn();
+            }
+        }
+    }, [navigate, data, mutation]);
+    useEffect(() => {
+        var oneBranchOpen = data?.some((branch) => branch.STATUS === "O");
+        if (oneBranchOpen === false) {
+            enqueueSnackbar("Branch is in Day End Status.~rPlease contact system Vendor.", {
+                variant: "error",
+            });
+            logoutFn();
+        }
+        if (data?.length === 1) {
+            if (data?.[0]?.STATUS === "O") {
+                setCurrentAction({ name: "proceed", rows: [{ data: { ...data[0] } }] });
+            }
+        }
+    }, [JSON.stringify(data)]);
+    const Greetings = () => {
+        let hours = new Date().getHours();
+        let greet;
+        if (hours < 12)
+            greet = "morning";
+        else if (hours >= 12 && hours <= 16)
+            greet = "afternoon";
+        else if (hours >= 16 && hours <= 24)
+            greet = "evening";
+        return jsxs("span", { children: ["Good ", greet, ","] });
+    };
+    const LightTooltip = styled(({ className, ...props }) => (jsx(Tooltip, { ...props, classes: { popper: className } })))(({ theme }) => ({
+        [`& .${tooltipClasses.tooltip}`]: {
+            backgroundColor: theme.palette.common.white,
+            color: "rgba(0, 0, 0, 0.87)",
+            boxShadow: theme.shadows[1],
+            fontSize: 13,
+        },
+    }));
+    // const greet = Greetings();
+    return (jsx(Fragment$1, { children: jsxs(Grid, { container: true, style: {
+                margin: "0",
+                padding: "0",
+                height: "100vh",
+                // overflowY: "hidden",
+            }, children: [sideImage ? (jsx(Grid, { item: true, lg: 1, md: 1, xl: 1, xs: 1, sm: 1, children: jsx("img", { className: "sideImage", src: sideImage, alt: "side-Image" }) })) : null, jsx(Grid, { item: true, lg: 11, md: 11, xl: 11, xs: 11, style: {
+                        display: "flex",
+                        justifyContent: "center",
+                    }, children: jsxs(Grid, { container: true, style: {
+                            minHeight: "100vh",
+                            padding: "10px 0px 0px 0px",
+                        }, lg: 11, md: 11, xl: 11, xs: 11, children: [jsxs(Grid, { container: true, style: {
+                                    margin: "0",
+                                    padding: "0",
+                                    // height: "12vh",
+                                }, lg: 12, md: 12, xl: 12, xs: 12, children: [jsx(Grid, { xs: 12, sm: 1, md: 1, lg: 1, xl: 1, sx: {
+                                            display: "flex",
+                                            alignItems: "center",
+                                            // justifyContent: "center",
+                                        }, children: jsx(Stack, { direction: "row", spacing: 4, ml: 1, children: jsx(Box, { className: classes.heading_user_img_border, sx: { cursor: "pointer" }, children: jsx(LightTooltip, { title: jsxs(Fragment$1, { children: [jsxs("div", { children: ["User ID : ", authState?.user?.id ?? ""] }), jsxs("div", { children: ["Role : ", authState?.roleName ?? ""] }), jsx("div", { children: "Last Unsuccessful Login : \"\"" })] }), placement: "bottom-start", children: jsx(Avatar, { className: classes.heading_user_img, 
+                                                        // onClick={handleNavigate}
+                                                        alt: "Remy Sharp", src: Boolean(logos?.profile)
+                                                            ? logos?.profile
+                                                            : USER_PROFILE_DEFAULT }) }) }) }) }), jsxs(Grid, { xs: 12, sm: 5, md: 5, lg: 5, xl: 5, sx: {
+                                            justifyContent: "center",
+                                            display: "flex",
+                                            flexDirection: "column",
+                                        }, children: [jsxs("h1", { className: "name-heading", style: { fontSize: "24px", margin: "4px 0px" }, children: ["Welcome ", jsx("span", { children: `${authState?.user?.name ?? ""},` })] }), jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [jsx("h3", { style: { margin: "4px 0px" }, children: Greetings() }), jsx("img", { src: Waving_hand, alt: "", style: { height: "18px" } })] })] }), jsx(Grid, { xs: 12, sm: 1, md: 1, lg: 1, xl: 1, sx: {
+                                            display: "flex",
+                                            // flexDirection: "column",
+                                            justifyContent: "center",
+                                            alignItems: "center",
+                                        }, children: jsx(Stack, { direction: "row", justifyContent: "flex-start", spacing: 2, children: jsx(Box, { className: classes.heading_user_img_border, children: jsx(Avatar, { className: classes.heading_user_img, alt: "Remy Sharp", src: Boolean(logos?.bank) ? logos?.bank : BecomePartnerImg }) }) }) }), jsxs(Grid, { xs: 12, sm: 3, md: 3, lg: 3, xl: 3, sx: {
+                                            display: "flex",
+                                            flexDirection: "column",
+                                            justifyContent: "center",
+                                        }, children: [jsx("div", { className: "bank-name-container", style: { fontSize: "14px" }, children: jsx("p", { className: "bank-name", children: `Bank Name: ${authState?.companyName ?? ""}` }) }), jsx("p", { className: "emp-id", children: `Emp. Id: ${authState?.user?.employeeID ?? ""}` })] }), jsxs(Grid, { xs: 12, sm: 3, md: 3, lg: 2, xl: 2, sx: {
+                                            display: "flex",
+                                            alignItems: "center",
+                                            justifyContent: "right",
+                                        }, children: [" ", jsx("div", { children: jsx("img", { src: Boolean(logos?.logo) ? logos?.logo : logo, alt: "CbsEnfinity", className: classes.logo }) })] })] }), isError ? (jsx(Fragment, { children: jsx("div", { style: { width: "100%", paddingTop: "10px" }, children: jsx(Alert, { severity: error?.severity ?? "error", errorMsg: error?.error_msg ?? "Error", errorDetail: error?.error_detail ?? "" }) }) })) : mutation.isError && mutation.error ? (jsx(Fragment, { children: jsx("div", { style: { width: "100%", paddingTop: "10px" }, children: jsx(Alert, { severity: getError.severity ?? "error", errorMsg: getError.error_msg ?? "Error", errorDetail: getError.error_detail ?? "" }) }) })) : null, jsx(GridWrapper, { finalMetaData: BranchSelectionGridMetaData, data: data ?? [], setData: () => null, actions: actions, setAction: setCurrentAction, 
+                                // controlsAtBottom={true}
+                                // headerToolbarStyle={{
+                                //   background: "var(--theme-color2)",
+                                //   color: "black",
+                                //   padding: "0",
+                                // }}
+                                // onlySingleSelectionAllow={true}
+                                // isNewRowStyle={true}
+                                loading: isLoading || isFetching || mutation.isLoading }, `branchSelection`), isError || data?.length === 0 ? (jsx(Button, { sx: {
+                                    backgroundColor: "var(--theme-color3)",
+                                    position: "absolute",
+                                    right: "113px",
+                                    bottom: "20px",
+                                    width: "7rem",
+                                    "&:hover": {
+                                        backgroundColor: "var(--theme-color3)",
+                                    },
+                                }, onClick: () => {
+                                    if (selectionMode === "C") {
+                                        navigate(dashboardUrl, {
+                                            replace: true,
+                                        });
+                                    }
+                                    else {
+                                        logoutFn();
+                                    }
+                                }, children: "Back" })) : null] }) })] }) }));
+};
+const BranchSelectionGridWrapper = (props) => {
+    return (jsx(ClearCacheProvider, { children: jsx(BranchSelectionGrid, { ...props }) }));
+};
+
+const useStyles$1 = makeStyles((theme) => ({
+    appBar: {
+        // zIndex: theme.zIndex.drawer + 1,
+        transition: theme.transitions.create(["width", "margin"], {
+            easing: theme.transitions.easing.sharp,
+            duration: theme.transitions.duration.leavingScreen,
+        }),
+        color: "#0063A3",
+        height: "80px",
+        background: "var(--theme-color2)",
+        boxShadow: "0px 1px 0px -0.5px #DEE0E2",
+    },
+    searchBar: {
+        width: 290,
+        border: "none",
+        color: "rgba(0, 0, 0, 0.87) !important",
+        backgroundColor: "rgb(235 237 238 / 26%)!important",
+        "& input": {
+            width: "100% !important",
+        },
+    },
+    searchList: {
+        position: "absolute",
+        background: "#fff",
+        width: "100%",
+        borderRadius: "6px",
+        boxShadow: "0 12px 25px rgba(0,0,0,.3)",
+        top: "120%",
+        height: "auto",
+        maxHeight: "325px",
+        overflowY: "auto",
+        "& .list-links": {
+            background: "none",
+            border: "none",
+            outline: "none",
+            cursor: "pointer",
+            textDecoration: "none",
+            padding: "0.7rem 1rem",
+            fontSize: "0.90rem",
+            textAlign: "left",
+            borderBottom: "1px solid #ddd",
+            color: "#222 !important",
+            fontWeight: 500,
+            "&:hover, &.active": {
+                backgroundColor: "#f4f4f4",
+            },
+        },
+    },
+    appBarShift: {
+        paddingLeft: "0px",
+        // width: `calc(100% - ${drawerWidth}px)`,
+        transition: theme.transitions.create(["width", "margin"], {
+            easing: theme.transitions.easing.sharp,
+            duration: theme.transitions.duration.enteringScreen,
+            background: "rgba(250, 251, 255, 0.9)",
+        }),
+    },
+    heading_user_dtl: {
+        width: "458px",
+        height: "73px",
+        left: "37px",
+        top: "calc(50% - 73px/2)",
+    },
+    heading_user_img: {
+        width: "40px",
+        height: "40px",
+        // cursor: "pointer",
+    },
+    heading_user_img_border: {
+        border: "2px dashed var(--theme-color3)",
+        borderRadius: "50%",
+        padding: "4px",
+    },
+    toolbar: {
+        minHeight: "80px",
+        paddingLeft: "0px",
+        height: "80px",
+    },
+    title: {
+        flexGrow: 1,
+        padding: theme.spacing(0.5, 0),
+        color: "var(--theme-color1)",
+    },
+    searchRoot: {
+        fontFamily: theme.typography.fontFamily,
+        position: "relative",
+        boxShadow: "0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)",
+        marginRight: theme.spacing(2),
+        marginLeft: theme.spacing(1),
+        marginBottom: theme.spacing(0.25),
+        marginTop: theme.spacing(0.25),
+        borderRadius: 40,
+        backgroundColor: alpha(theme.palette.common.white, 0.15),
+        "&:hover": {
+            backgroundColor: alpha(theme.palette.common.white, 0.25),
+        },
+        "& $inputInput": {
+            transition: theme.transitions.create("width"),
+            width: 120,
+            "&:focus": {
+                width: 170,
+            },
+        },
+    },
+    search: {
+        width: theme.spacing(6),
+        height: "100%",
+        position: "absolute",
+        pointerEvents: "none",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    inputRoot: {
+        color: "inherit",
+        marginTop: 0,
+        borderRadius: "40px",
+    },
+    inputInput: {
+        padding: theme.spacing(1, 1, 1, 6),
+    },
+    loggedInUser: {
+        marginLeft: theme.spacing(2),
+    },
+    nameClass: {
+        color: "#0063A3",
+        fontWeight: 600,
+        textTransform: "capitalize",
+        lineHeight: "1.4",
+        textAlign: "left",
+    },
+    dropDown: {
+        fontSize: "2rem",
+    },
+    vTop: {
+        verticalAlign: "top",
+        paddingLeft: "4px",
+        color: "var(--theme-color1)",
+    },
+    userDesignation: {
+        margin: "0px",
+        fontWeight: 500,
+        fontSize: "0.875rem",
+        lineHeight: 1.57,
+        color: "var(--theme-color1)",
+    },
+    userName: {
+        margin: "0px",
+        fontWeight: 500,
+        fontSize: "0.875rem",
+        lineHeight: 1.57,
+        color: "var(--theme-color3)",
+    },
+    userprofilehover: {
+        "&:hover": {
+            backgroundColor: "var(--theme-color2)",
+        },
+    },
+    lang_svg: {
+        marginRight: "10px",
+        width: "22px",
+        height: "22px",
+    },
+    logo: {
+        height: "38px",
+    },
+    version01: {
+        margin: "0",
+        textAlign: "center",
+        color: "var(--theme-color3)",
+        fontSize: "9px",
+    },
+    DrawerClose_icon: {
+        color: "var(--theme-color3)",
+        position: "static",
+        background: "transperant",
+        "&:hover": {
+            background: "var(--theme-color4)",
+        },
+        width: "46px",
+        height: "46px",
+    },
+    marquee: {
+        animation: "$marquee 10s linear infinite",
+        animationDelay: "3s",
+    },
+    "@keyframes marquee": {
+        "0%": { transform: "translateX(100%)" },
+        "100%": { transform: "translateX(-100%)" },
+    },
+    popover: {
+        popover: {
+            maxWidth: "100%",
+            width: "fit-content",
+            "& .MuiPopover-paper": {
+                maxWidth: "100%",
+            },
+        },
+    },
+}));
+
+const AppbarWrapper = ({ handleDrawerOpen, handleDrawerClose, open, authState, LanguageComponent, SearchComponent, dashboardUrl, logos, bankLogo, profilePic, handleLogout, handleProfile, navigate, hideGreetings, menuIconPosition = "left", }) => {
+    console.log(BecomePartnerImg);
+    const classes = useStyles$1();
+    const { t } = useTranslation();
+    const LightTooltip = styled(({ className, ...props }) => (jsx(Tooltip, { ...props, classes: { popper: className } })))(({ theme }) => ({
+        [`& .${tooltipClasses.tooltip}`]: {
+            backgroundColor: theme.palette.common.white,
+            color: "rgba(0, 0, 0, 0.87)",
+            boxShadow: theme.shadows[1],
+            fontSize: 13,
+        },
+    }));
+    const Greetings = () => {
+        let hours = new Date().getHours();
+        let greet;
+        if (hours < 12)
+            greet = "morning";
+        else if (hours >= 12 && hours <= 16)
+            greet = "afternoon";
+        else if (hours >= 16 && hours <= 24)
+            greet = "evening";
+        return jsxs("span", { children: ["Good ", greet, ","] });
+    };
+    return (jsx(AppBar, { position: "fixed", elevation: 0, className: clsx(classes.appBar, open && classes.appBarShift), children: jsxs(Toolbar, { className: classes.toolbar, children: [jsxs(Box, { sx: {
+                        display: "flex",
+                        justifyContent: "space-evenly",
+                        alignItems: "center",
+                        height: "80px",
+                        width: "227px",
+                        flexDirection: menuIconPosition === "right" ? "row-reverse" : "row",
+                    }, children: [open ? (jsx(IconButton$1, { disableRipple: true, onClick: () => handleDrawerClose(), className: classes.DrawerClose_icon, children: jsx(MenuOutlinedIcon, { fontSize: "large" }) })) : (jsx(IconButton$1, { disableRipple: true, "aria-label": "open drawer", onClick: () => handleDrawerOpen(), className: classes.DrawerClose_icon, children: jsx(MenuOutlinedIcon, { fontSize: "large" }) })), jsxs("div", { children: [jsx("img", { src: Boolean(logos?.logo) ? logos?.logo : bankLogo, alt: "CbsEnfinity", className: classes.logo, onClick: (e) => {
+                                        e.preventDefault();
+                                        navigate(dashboardUrl ?? "./dashboard");
+                                    } }), jsx("p", { className: classes.version01, children: logos?.version })] })] }), jsx(Stack, { direction: "row", spacing: 4, mx: 2, children: jsx(Box, { className: classes.heading_user_img_border, children: jsx(Avatar, { className: classes.heading_user_img, alt: "Remy Sharp", src: Boolean(logos?.bank) ? logos?.bank : BecomePartnerImg }) }) }), jsxs(Typography, { component: "h1", variant: "h6", color: "inherit", noWrap: true, className: classes.title, children: [jsx(Box, { style: {
+                                marginBottom: "8px",
+                                fontSize: "17px",
+                                color: "var(--theme-color1)",
+                                width: "555px",
+                            }, className: clsx({
+                                [classes.marquee]: authState?.companyName.length > 55,
+                            }), children: authState?.companyName || "" }), jsx("div", { style: { display: "flex", gap: "8px" }, children: jsxs("div", { style: { color: "var(--theme-color6)" }, children: [jsxs(Typography, { variant: "caption", display: "block", lineHeight: 0, fontSize: "11px", children: [t("appBar.Branch"), ":", authState?.user?.branchCode ?? "001 ", "-", authState?.user?.branch ?? ""] }), jsxs(Typography, { variant: "caption", display: "inline", fontSize: "11px", children: [t("appBar.WorkingDate"), ":", " ", Boolean(authState?.workingDate)
+                                                ? checkDateAndDisplay(format(new Date(authState?.workingDate), "dd/MM/yyyy"))
+                                                : "not found"] }), jsxs(Typography, { marginLeft: 1, variant: "caption", display: "inline", fontSize: "11px", children: [t("appBar.LastLoginDate"), " :", " ", checkDateAndDisplay(authState?.user?.lastLogin ?? "Vastrapur")] })] }) })] }), jsxs(Box, { children: [!hideGreetings ? (jsx(Box, { sx: { marginBottom: "3px", paddingRight: "15px" }, children: jsxs(Stack, { direction: "row", spacing: 2, justifyContent: "flex-end", alignItems: "center", children: [jsxs(Typography, { fontSize: "17px", color: "#1C1C1C", children: [Greetings(), " ", authState?.user?.id ?? ""] }), jsx("img", { src: Waving_hand, alt: "", style: { height: "18px" } })] }) })) : null, jsxs(Box, { display: "flex", justifyContent: "space-evenly", alignItems: "center", children: [SearchComponent ? jsx(SearchComponent, {}) : null, LanguageComponent ? jsx(LanguageComponent, {}) : null, jsx(Box, { maxWidth: 170, display: "flex", justifyContent: "end", children: jsx(Tooltip, { title: "Logout", placement: "bottom", arrow: true, children: jsx(IconButton$1, { onClick: () => typeof handleLogout === "function" ? handleLogout() : null, color: "error", sx: {
+                                                backgroundColor: "rgba(235, 237, 238, 0.45)",
+                                                borderRadius: "10px",
+                                                height: "30px",
+                                                width: "30px",
+                                                "&:hover": {
+                                                    background: "var(--theme-color2)",
+                                                    borderRadius: "10px",
+                                                    transition: "all 0.2s ease 0s",
+                                                    boxShadow: "rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px",
+                                                    "& .MuiSvgIcon-root": {
+                                                        height: "32px",
+                                                        width: "32px",
+                                                        transition: "all 0.2s ease 0s",
+                                                        padding: "4px",
+                                                    },
+                                                },
+                                            }, "aria-label": "show 4 new mails", children: jsx(LogoutIcon, {}) }) }) })] })] }), jsx(Stack, { direction: "row", spacing: 4, ml: 1, children: jsx(Box, { className: classes.heading_user_img_border, sx: { cursor: "pointer" }, children: jsx(LightTooltip, { title: jsxs(Fragment$1, { children: [jsxs("div", { children: [" ", t("appBar.UserID"), ": ", authState?.user?.id] }), jsxs("div", { children: [t("appBar.Role"), " : ", authState?.roleName] }), jsxs("div", { children: [t("appBar.LastUnsuccessfulLogin"), " : \"\""] })] }), placement: "bottom-start", children: jsx(Avatar, { className: classes.heading_user_img, onClick: () => typeof handleProfile === "function" ? handleProfile() : null, alt: "Remy Sharp", src: profilePic ?? "" }) }) }) })] }) }));
+};
+const checkDateAndDisplay = (dateStr) => {
+    // const dt = new Date(dateStr);
+    // //@ts-ignore
+    // if (dt instanceof Date && !isNaN(dt)) {
+    //   return dt.toDateString();
+    // }
+    if (Boolean(dateStr)) {
+        return dateStr;
+    }
+    return "N/A";
+};
+
+const drawerWidth = 227;
+const useStyles = makeStyles((theme) => {
+    return {
+        drawerPaper: {
+            position: "relative",
+            whiteSpace: "nowrap",
+            width: drawerWidth,
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.enteringScreen,
+            }),
+            border: "none",
+            overflow: "hidden",
+            zIndex: 120,
+        },
+        drawerPaperClose: {
+            overflowX: "hidden",
+            transition: theme.transitions.create("width", {
+                easing: theme.transitions.easing.sharp,
+                duration: theme.transitions.duration.leavingScreen,
+            }),
+            width: theme.spacing(8),
+            [theme.breakpoints.up("sm")]: {
+                width: theme.spacing(8),
+            },
+        },
+        toolbarIcon: {
+            display: "flex",
+            alignItems: "center",
+            zIndex: 9999,
+            ...theme.mixins.toolbar,
+            background: "var(--theme-color2)",
+            justifyContent: "center",
+            height: "80px",
+            // borderBottom: "1px dashed #949597",
+        },
+        hrCSS: {
+            zIndex: 9999,
+        },
+        buttonLink: {
+            backgroundColor: "transparent",
+            border: "none",
+            cursor: "pointer",
+            textDecoration: "underline",
+            display: "inline",
+            margin: 0,
+            padding: 0,
+            "&:focus": {
+                textDecoration: "none",
+            },
+            "$:hover": {
+                textDecoration: "none",
+            },
+        },
+    };
+});
+/*
+  
+*/
+
+const reportMetaData = [];
+
+// import { createTheme } from "@mui/material";
+// const theme = createTheme();
+makeStyles((theme) => ({
+    navBarCSS: {
+        padding: "4px 1rem ",
+        backgroundColor: "#fff !important",
+        minHeight: "64px",
+        boxShadow: "0 3px 6px rgba(0,0,0,0.03)",
+        margin: "10px",
+    },
+    headerDropdown: {
+        backgroundColor: "#fff",
+        minWidth: "205px",
+        boxShadow: "0 3px 6px rgba(0,0,0,0.16)",
+        textDecoration: "none",
+        borderBottom: "3px solid  #26A456",
+    },
+    navLinkHeader: {
+        color: "#555",
+        fontSize: "14px",
+        lineHeight: "1.2",
+        paddingTop: "4px",
+        paddingBottom: "4px",
+        paddingRight: ".5rem",
+        paddingLeft: ".5rem",
+        fontWeight: 600,
+        textTransform: "capitalize",
+        display: "flex",
+        alignItems: "center",
+        cursor: "pointer",
+        "& hover": {
+            color: "#0b6fb8",
+        },
+    },
+    productLink: {
+        color: "#555",
+        padding: "0 1rem 8px 1rem",
+        display: "inline-block",
+        verticalAlign: "middle",
+        cursor: "pointer",
+        textTransform: "capitalize",
+    },
+    font13: {
+        fontSize: "13px",
+    },
+    loginDropdown: {
+        width: "160px",
+    },
+}));
+const useStylesSideBar = makeStyles((theme) => ({
+    root: {
+        justifyContent: "center",
+    },
+    drawer: {
+        margin: "5px",
+    },
+    item: {
+        display: "flex",
+        //borderBottom: "2px solid #93242433",
+        borderRadius: "8px",
+        marginLeft: "7px",
+        marginTop: "6.5px",
+        width: "90%",
+        height: "50px",
+        paddingLeft: theme.spacing(2),
+        paddingRight: theme.spacing(2),
+        background: "var(--theme-color2)",
+        boxShadow: "3px 6px 9px rgba(93, 95, 121, 0.26)",
+        "& svg": {
+            // color: theme.palette.primary.main,
+            color: "var(--theme-color1)",
+        },
+        "&:hover": {
+            boxShadow: "6px 6px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 0px 0px rgba(0,0,5,0.12)",
+            background: "var(--theme-color4)",
+            transition: "0.6s ease",
+        },
+    },
+    drawerIconSize: {
+        width: "50px",
+        height: "50px",
+        padding: "18px",
+        justifyItems: "cenetr",
+    },
+    button: {
+        color: "#0063A3",
+        padding: "10px 8px",
+        //justifyContent: "flex-start",
+        textTransform: "none",
+        letterSpacing: 0,
+        width: "100%",
+        textAlign: "left",
+        "&:hover": {
+            backgroundColor: "var(--theme-color1)",
+            // boxShadow: "0px 15px 20px rgb(221 176 176 / 37%)",
+        },
+    },
+    btnRoot: {
+        paddingLeft: "24px",
+        justifyContent: "left ",
+    },
+    navLinks: {
+        // height: "calc(100vh - 78px)",
+        overflowY: "auto",
+        overflowX: "hidden",
+        // height:"100px",
+        backgroundColor: "rgba(250, 251, 255, 0.9);",
+        // height: "calc(100vh - 230px)",
+        //background: "var(--theme-color1)",
+        // marginTop: "25px",
+        // boxShadow: "0 3px 6px rgba(255, 99, 71, 0.3)",
+        borderRadius: "10px",
+        paddingTop: "5px",
+        //margin: "5px",
+    },
+    navLinksforseparateView: {
+        overflowY: "auto",
+        overflowX: "hidden",
+        height: "calc(100vh - 180px)",
+        // height:"auto",
+        paddingTop: "10px",
+    },
+    nestedMenuLevel1: {
+        paddingLeft: "20px",
+        marginTop: "11px",
+        paddingRight: theme.spacing(3),
+        height: "auto",
+        fontSize: "13px",
+        "& div > svg": {
+            fontSize: "14px",
+        },
+    },
+    nestedMenuLevel2: {
+        paddingLeft: "20px",
+        marginTop: "11px",
+        fontSize: "12px",
+        "& div > svg": {
+            fontSize: "9px",
+        },
+    },
+    listIcon: {
+        minWidth: "30px !important",
+        justifyItems: "center",
+        color: "var(--theme-color6)",
+        fontWeight: 700,
+        fontSize: "18px",
+    },
+    link: {
+        fontSize: "1rem ",
+        marginTop: "2px",
+        marginBottom: "2px",
+        textOverflow: "ellipsis",
+        color: "var(--theme-color1)",
+        marginLeft: "15px",
+        whiteSpace: "break-spaces",
+        "& span": {
+            fontWeight: 400,
+            whiteSpace: "break-spaces",
+        },
+        "& p": {
+            color: "var(--theme-color3)",
+            fontweight: 400,
+        },
+    },
+    linktext: {
+        backgroundColor: "var(--theme-color2)",
+        "&:hover": {
+            background: "var(--theme-color1)",
+            "& div": {
+                color: "var(--theme-color2) !important",
+            },
+            "& div > svg": {
+                color: "var(--theme-color2) !important",
+            },
+        },
+    },
+    faSmall: {
+        fontSize: "13px ",
+    },
+    openList: {
+        ":not(activeMenuItem)": {
+            "& > div": {
+                backgroundColor: "rgba(0, 0, 0, 0.04)",
+            },
+            "&  *": {
+                color: "var(--theme-color2)",
+            },
+        },
+    },
+    openCurrent: {
+        backgroundColor: "var(--theme-color1)",
+        "&  *": {
+            color: "var(--theme-color2)",
+        },
+        "&:hover": {
+            backgroundColor: "var(--theme-color1)",
+        },
+    },
+    slimList: {
+        paddingTop: "15px",
+        paddingBottom: "13px",
+        height: "auto",
+        paddingLeft: "15px",
+        justifyItems: "center",
+    },
+    activeMenuItem: {
+        backgroundColor: "var(--theme-color1)!important ",
+        "& > div": {
+            color: "var(--theme-color2)!important",
+        },
+        "& svg": {
+            color: "var(--theme-color4)",
+        },
+        "& hover": {
+            "& > div": {
+                color: "var(--theme-color3)",
+            },
+        },
+        "& p": {
+            color: "var(--theme-color6)",
+        },
+    },
+}));
+
+let localdrawerOpen = true;
+const SideBarNav = ({ metaData, handleDrawerOpen, drawerOpen, setView, slimSize, setNewFilterData, setNewFilterView, isFromSeparetView = false, rootUrl, dashboardUrl, navigate, }) => {
+    const classes = useStylesSideBar();
+    let result = null;
+    localdrawerOpen = drawerOpen;
+    if (Array.isArray(metaData.navItems)) {
+        result = metaData.navItems.map((one) => {
+            if (one?.seperateView === true) {
+                return (jsx(SeperateListView, { item: one, setView: setView, classes: classes, level: 0, slimSize: slimSize, setNewFilterData: setNewFilterData, setNewFilterView: setNewFilterView }, one.label));
+            }
+            else if (Array.isArray(one.children)) {
+                return (jsx(NestedListItem, { item: one, classes: classes, level: 0, handleDrawerOpen: handleDrawerOpen, drawerOpen: drawerOpen, slimSize: slimSize, rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate }, one.label));
+            }
+            else {
+                return (jsx(SingleListItem, { item: one, classes: classes, level: 0, slimSize: slimSize, drawerOpen: drawerOpen, rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate }, one.label));
+            }
+        });
+    }
+    return (jsx(List, { component: "nav", disablePadding: true, className: isFromSeparetView ? classes.navLinksforseparateView : classes.navLinks, children: jsx(ScrollBar, { children: result }) }));
+};
+const SeperateListView = ({ item, setView, level, classes, slimSize, setNewFilterData, setNewFilterView, }) => {
+    let labelStart = (item.label || "").toLowerCase().substring(0, 1) || "circle";
+    const icon = item.icon ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : null;
+    const levelClassName = level === 1
+        ? classes.nestedMenuLevel1
+        : level === 2
+            ? classes.nestedMenuLevel2
+            : "";
+    return (jsxs(ListItem, { button: true, disableGutters: true, className: clsx({
+            [classes.item]: true,
+            [levelClassName]: Boolean(levelClassName),
+            [classes.slimList]: Boolean(slimSize),
+            [classes.drawerIconSize]: !localdrawerOpen,
+        }), onClick: () => {
+            if (item.viewName === "newfilterview" && Array.isArray(item.children)) {
+                setNewFilterView({
+                    label: item.label,
+                    placeholder: "Search " + item.label + " Screen...",
+                });
+                let newChield = item.children.map((item1) => {
+                    return { ...item1, secondaryLabel: item1.user_code };
+                });
+                setNewFilterData(newChield);
+            }
+            setView(item.viewName);
+        }, children: [jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx("span", { children: icon }) }), (localdrawerOpen && item.label.length > 27) || !Boolean(icon) ? (jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null }) })) : localdrawerOpen ? (jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null })) : null] }));
+};
+const SingleListItem = ({ item, classes, level, slimSize, drawerOpen, rootUrl, dashboardUrl, navigate, }) => {
+    const isActiveMenu = isActiveMenuFromhref(window.location?.pathname ?? "", item?.href ?? "", item?.navigationProps, rootUrl, dashboardUrl);
+    if (isActiveMenu) {
+        // GeneralAPI.setDocumentName(item.label);
+        let titleText = document.title;
+        document.title = titleText.split(" - ")[0] + " - " + item.label;
+    }
+    let labelStart = (item.label || "").toLowerCase().substring(0, 1) || "circle";
+    const icon = item.icon.toLowerCase() === "process.gif" ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) }));
+    const levelClassName = level === 1
+        ? classes.nestedMenuLevel1
+        : level === 2
+            ? classes.nestedMenuLevel2
+            : "";
+    return (jsxs(ListItem, { button: true, disableGutters: true, className: clsx({
+            [classes.item]: true,
+            [levelClassName]: Boolean(levelClassName),
+            [classes.slimList]: Boolean(slimSize),
+            [classes.activeMenuItem]: isActiveMenu,
+            [classes.drawerIconSize]: !localdrawerOpen,
+        }), onClick: (e) => {
+            e.preventDefault();
+            if (item.isRouterLink) {
+                let path = item.href;
+                path =
+                    item.href?.substring(0, 1) === "/"
+                        ? item.href.substring(1)
+                        : item.href;
+                if (item.passNavigationPropsAsURLParmas) {
+                    let urlParms = new URLSearchParams(item?.navigationProps);
+                    navigate(`${path}?${urlParms.toString()}`);
+                }
+                else {
+                    navigate(`${path}`, {
+                        state: { ...item?.navigationProps },
+                    });
+                }
+            }
+            else if (Boolean(item.href)) {
+                window.open(item.href, item.rel ?? "_newtab");
+            }
+        }, children: [jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx("span", { children: icon }) }), (localdrawerOpen && item.label.length > 27) || !Boolean(icon) ? (jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null }) })) : localdrawerOpen ? (jsx(ListItemText, { primary: item.label, className: classes.link, secondary: item.secondaryLabel ?? null })) : null] }));
+};
+const NestedListItem = ({ item, classes, level, handleDrawerOpen, drawerOpen, slimSize, rootUrl, navigate, }) => {
+    const [open, setOpen] = useState(false);
+    const handleClick = () => {
+        setOpen(!open);
+    };
+    const childrens = item.children?.map((one) => {
+        if (Array.isArray(one.children)) {
+            return (jsx(NestedListItem, { item: one, classes: classes, level: level + 1, handleDrawerOpen: handleDrawerOpen, drawerOpen: drawerOpen, slimSize: slimSize, rootUrl: rootUrl, navigate: navigate }, one.label));
+        }
+        else {
+            return (jsx(SingleListItem, { item: one, classes: classes, level: level + 1, slimSize: slimSize, rootUrl: rootUrl, navigate: navigate }, one.label));
+        }
+    });
+    let labelStart = (item.label || "").toLowerCase().substring(0, 1) || "circle";
+    const icon = item.icon === "Process.gif" ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) }));
+    const levelClassName = level === 1
+        ? classes.nestedMenuLevel1
+        : level === 2
+            ? classes.nestedMenuLevel2
+            : "";
+    return (jsxs(Fragment$1, { children: [jsxs(ListItem, { button: true, onClick: handleClick, disableGutters: true, className: open
+                    ? clsx({
+                        [classes.item]: true,
+                        [levelClassName]: Boolean(levelClassName),
+                        [classes.slimList]: Boolean(slimSize),
+                        [classes.openCurrent]: true,
+                        [classes.drawerIconSize]: !localdrawerOpen,
+                    })
+                    : clsx({
+                        [classes.item]: true,
+                        [levelClassName]: Boolean(levelClassName),
+                        [classes.slimList]: Boolean(slimSize),
+                        [classes.drawerIconSize]: !localdrawerOpen,
+                    }), children: [jsx(Tooltip, { title: item.label, arrow: true, placement: localdrawerOpen ? "bottom-start" : "right", children: jsx("span", { children: icon }) }), drawerOpen || !Boolean(icon) ? (jsxs(Fragment$1, { children: [jsx(ListItemText, { primary: item.label, secondary: item.secondaryLabel ?? null, color: "primary", className: classes.link }), open ? jsx(ExpandLess, {}) : jsx(ExpandMore, {})] })) : null] }), jsx(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: jsx(List, { component: "div", disablePadding: true, className: open ? classes.openList : "", children: childrens }) })] }));
+};
+const isActiveMenuFromhref = (location, menuhref, navigationProps, rootUrl, dashboardUrl) => {
+    if ((location === `/${rootUrl}` || location === `/${rootUrl}/`) &&
+        menuhref === dashboardUrl) {
+        return true;
+    }
+    else if (menuhref === "report") {
+        try {
+            let urlParms = new URLSearchParams(navigationProps);
+            if ("?" + urlParms.toString() === window.location.search) {
+                return true;
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return false;
+    }
+    else if (location !== `/${rootUrl}` &&
+        location !== "/" &&
+        Boolean(menuhref) &&
+        location.includes(menuhref)) {
+        return true;
+    }
+    return false;
+};
+
+const matchByValue = (search, tags, navItem) => {
+    if (!Array.isArray(tags)) {
+        tags = [tags];
+    }
+    return tags.some((one) => navItem[one]
+        ?.toLocaleLowerCase?.()
+        ?.includes(search?.toLocaleLowerCase?.()));
+};
+const filterMetaDataByValue = (searchString, navItems, tagsToSearch) => {
+    let newNavItems = [];
+    for (let i = 0; i < navItems.length; i++) {
+        if (matchByValue(searchString, tagsToSearch, navItems[i])) {
+            let { children, ...newItem } = navItems[i];
+            if (Array.isArray(children) && children.length > 0) {
+                let newChildren = filterMetaDataByValue(searchString, children, tagsToSearch);
+                if (newChildren.length > 0) {
+                    newNavItems.push({ ...newItem, children: newChildren });
+                }
+            }
+            else {
+                newNavItems.push({ ...newItem });
+            }
+        }
+    }
+    return newNavItems;
+};
+
+const SearchViewNavigation = ({ metaData, handleDrawerOpen, drawerOpen, setView, label, icon, placeholder = "Search Reports...", rootUrl, dashboardUrl, navigate, }) => {
+    const [search, setSearch] = useState("");
+    const filteredMetaData = useMemo(() => {
+        return filterMetaDataByValue(search, metaData.navItems, [
+            "label",
+            "secondaryLabel",
+        ]);
+    }, [search, metaData.navItems]);
+    const classes = useStylesSideBar();
+    const myIcon = icon ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(ArrowBackIosNewIcon, {}) })) : null;
+    const handleClick = () => {
+        if (!drawerOpen) {
+            handleDrawerOpen();
+        }
+    };
+    return (jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [jsxs(ListItem, { button: true, className: clsx({
+                    [classes.item]: true,
+                    [classes.nestedMenuLevel1]: true,
+                    [classes.linktext]: true,
+                }), onClick: () => setView("/"), children: [myIcon, jsx(ListItemText, { primary: label, className: classes.link })] }), jsx(SearchBar, { sx: { overflow: "hidden" }, value: search, onChange: (e) => setSearch(e.target.value), onClick: handleClick, placeholder: Boolean(placeholder) ? placeholder : "Search Reports...", autoFocus: drawerOpen }), jsx(SideBarNav, { handleDrawerOpen: handleDrawerOpen, drawerOpen: drawerOpen, setView: setView, metaData: {
+                    navItems: filteredMetaData,
+                    config: { rel: "", target: "_blank" },
+                }, slimSize: true, isFromSeparetView: true, rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate })] }));
+};
+
+library.add(faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ);
+
+const transformMetaDataAsPerRole = (metaData, role, branches, company, access, products) => {
+    let navItems = filterMetaData(metaData.navItems, role, branches, company, access, products);
+    //console.log(navItems);
+    let newnavItem = navItems.map((item) => {
+        let { children, ...newItem } = item;
+        if (Array.isArray(children) && children.length > 5) {
+            if (!Boolean(newItem.seperateView)) {
+                newItem.seperateView = true;
+                newItem.viewName = "newfilterview";
+                //console.log(newItem);
+            }
+        }
+        return { ...newItem, children: children };
+    });
+    return {
+        config: metaData.config,
+        navItems: newnavItem,
+    };
+};
+const matchBranches = (userBranches, accessBranches) => {
+    if (!Array.isArray(accessBranches) || !Array.isArray(userBranches)) {
+        return true;
+    }
+    if (accessBranches.length <= 0 || userBranches.length <= 0) {
+        return true;
+    }
+    for (const one of accessBranches) {
+        if (userBranches.indexOf(one) >= 0) {
+            return true;
+        }
+    }
+    return false;
+};
+const matchComany = (userCompany, accessCompany) => {
+    if (!Array.isArray(accessCompany) || !Boolean(userCompany)) {
+        return true;
+    }
+    if (accessCompany.length <= 0) {
+        return true;
+    }
+    if (accessCompany.indexOf(userCompany) >= 0) {
+        return true;
+    }
+    return false;
+};
+const matchRoles = (userRole, accessRoles) => {
+    if (!Array.isArray(accessRoles) || typeof userRole !== "number") {
+        return true;
+    }
+    if (accessRoles.length <= 0) {
+        return true;
+    }
+    if (accessRoles.indexOf(userRole) >= 0) {
+        return true;
+    }
+    return false;
+};
+const matchInvisibleRoles = (userRole, accessRoles) => {
+    if (!Array.isArray(accessRoles) || typeof userRole !== "number") {
+        return true;
+    }
+    if (accessRoles.length <= 0) {
+        return true;
+    }
+    if (accessRoles.indexOf(userRole) >= 0) {
+        return false;
+    }
+    return true;
+};
+const matchProducts = (userProducts, accessProducts) => {
+    if (!Array.isArray(accessProducts) || !Array.isArray(userProducts)) {
+        return true;
+    }
+    if (accessProducts.length <= 0 || userProducts.length <= 0) {
+        return true;
+    }
+    for (const one of accessProducts) {
+        if (userProducts.indexOf(one) >= 0) {
+            return true;
+        }
+    }
+    return false;
+};
+const ishrefisNotNull = (item) => {
+    if (!(Array.isArray(item.children) && item.children.length > 0) &&
+        !Boolean(item.href)) {
+        //console.log(item);
+        return false;
+    }
+    return true;
+};
+const filterMetaData = (navItems, role, branches, company, access, products) => {
+    let newNavItems = [];
+    for (let i = 0; i < navItems.length; i++) {
+        if (matchRoles(Number(role), navItems[i].visibleToRoles) &&
+            matchComany(company, navItems[i].visibleToCompanies) &&
+            matchBranches(branches, navItems[i].visibleToBranches) &&
+            matchInvisibleRoles(Number(role), navItems[i].invisibleToRoles) &&
+            matchProducts(products, navItems[i].visibleToProducts) &&
+            ishrefisNotNull(navItems[i])) {
+            let { children, ...newItem } = navItems[i];
+            if (Array.isArray(children) && children.length > 0) {
+                let newChildren = filterMetaData(children, role, branches, company, access, products);
+                if (newChildren.length > 0) {
+                    newNavItems.push({ ...newItem, children: newChildren });
+                }
+            }
+            else {
+                newNavItems.push({ ...newItem, secondaryLabel: newItem.system_code });
+            }
+        }
+    }
+    return newNavItems;
+};
+
+/* eslint-disable react-hooks/exhaustive-deps */
+const SideBar = ({ authState, handleDrawerOpen, open, rootUrl, dashboardUrl = "dashboard", navigate, }) => {
+    const [view, setView] = useState("/");
+    const [NewFilterView, setNewFilterView] = useState({});
+    const [NewFilterData, setNewFilterData] = useState([]);
+    const branches = useMemo(() => {
+        let myBranches = authState?.access?.entities?.Branch ?? [];
+        if (Array.isArray(myBranches) && myBranches.length >= 0) {
+            return myBranches.map((one) => one.branchCode);
+        }
+        else {
+            return [];
+        }
+    }, []);
+    const products = useMemo(() => {
+        let myProducts = authState?.access?.products ?? [];
+        if (Array.isArray(myProducts) && myProducts.length >= 0) {
+            return myProducts.map((one) => one.categoryCode);
+        }
+        else {
+            return [];
+        }
+    }, []);
+    let newMetaData = { navItems: authState.menulistdata };
+    let filteredMetaDataSideBar = transformMetaDataAsPerRole(newMetaData, Number(authState.role), branches, authState.companyID, authState.access, products);
+    let filteredReportsMetaData = transformMetaDataAsPerRole({
+        config: { rel: "", target: "_blank" },
+        navItems: reportMetaData,
+    }, Number(authState.role), branches, authState.companyID, authState.access, products);
+    return view === "report" ? (jsx(SearchViewNavigation, { metaData: filteredReportsMetaData, handleDrawerOpen: handleDrawerOpen, drawerOpen: open, setView: setView, label: "Reports", icon: "table", rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate })) : view === "newfilterview" ? (jsx(SearchViewNavigation, { metaData: {
+            config: { rel: "", target: "_blank" },
+            navItems: NewFilterData,
+        }, handleDrawerOpen: handleDrawerOpen, drawerOpen: open, setView: setView, label: NewFilterView?.label ?? "Reports", icon: "table", placeholder: NewFilterView?.placeholder, rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate })) : (jsx(Fragment$1, { children: jsx(SideBarNav, { metaData: filteredMetaDataSideBar, handleDrawerOpen: handleDrawerOpen, drawerOpen: open, setView: setView, slimSize: true, setNewFilterData: setNewFilterData, setNewFilterView: setNewFilterView, rootUrl: rootUrl, dashboardUrl: dashboardUrl, navigate: navigate }) }));
+};
+
+const SidebarWrapper = (props) => {
+    const classes = useStyles();
+    return (jsxs(Drawer, { variant: "permanent", classes: {
+            paper: clsx(classes.drawerPaper, !props.open && classes.drawerPaperClose),
+        }, open: props.open, children: [jsx("div", { className: classes.toolbarIcon }), jsx(SideBar, { ...props })] }));
+};
+
+export { AppbarWrapper, AuthControllerWrapper, BranchSelectionGridWrapper, ForgotPasswordControllerWrapper, SidebarWrapper, ValidatePassword };
 //# sourceMappingURL=index.js.map