@acuteinfo/common-screens 1.0.61 → 1.0.63

package/dist/index.js

@@ -1,3238 +1,2 @@
-import 'regenerator-runtime/runtime';
-import './assets/index~NFLKLAwc.css';
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { TextField, GradientButton, utilFunction, usePopupContext, 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 './assets/verify~MOgwPpDY.css';
-import CryptoJS from 'crypto-js';
-import './assets/styles~ILuxAzHT.css';
-import { useQuery, useMutation } from 'react-query';
-import bank_logo_default from './assets/BecomePartnerImg~cwVtJhaB.svg';
-import Waving_hand from './assets/waving-hand~JqQoivUD.png';
-import { styled } from '@mui/material/styles';
-import USER_PROFILE_DEFAULT from './assets/profile-default~evuVPsgu.png';
-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, faPenToSquare, faBarsProgress, faFileExport, 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';
-
-const useStyles$3 = makeStyles((theme) => ({
-    wrapper: {
-        minHeight: "100vh",
-        boxShadow: "0 3px 6px rgba(0,0,0,0.03)",
-        // background: "#fff",
-        background: "var(--white)",
-    },
-    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(--primary-bg)",
-        padding: "6px 15px !important",
-        margin: "10px",
-        color: "var(--white)",
-        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?.comapanyCD, loginState?.branchCD, loginState?.contactUser, resendFlag, loginState?.otpValidFor, loginState?.username);
-        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();
-        }
-        else if (Boolean(OTPError)) {
-            setOTP("");
-        }
-    }, [loginState.otpmodelClose, OTPError]);
-    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: loginState?.authType === "OTP"
-                                ? t("otp.OTPAuthentication")
-                                : loginState?.authType === "TOTP"
-                                    ? t("otp.TOTPAuthentication")
-                                    : null }), jsx("div", { style: {
-                                color: "#949597",
-                                fontSize: "16px",
-                                fontWeight: "400",
-                                alignItems: "center",
-                                fontStyle: "normal",
-                                lineHeight: "33px",
-                            }, children: loginState?.authType === "OTP"
-                                ? t("otp.EnterOTPsentToMobile")
-                                : loginState?.authType === "TOTP"
-                                    ? t("otp.PleaseEnterOTP")
-                                    : null }), jsxs("div", { className: classes.OTPalignName, children: [t("otp.Hello"), " ", loginState?.username
-                                    ? loginState.username.charAt(0).toUpperCase() +
-                                        loginState.username.slice(1)
-                                    : null, loginState?.authType === "OTP" && (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: loginState.otploading || loginState.loading, 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?.authType === "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
-                                , { 
-                                    // fullWidth
-                                    disabled: loginState.otploading || loginState.loading, onClick: () => {
-                                        previousStep(false, "");
-                                    }, className: classes.otpButtons, textColor: "var(--theme-color3)", sx: {
-                                        border: "var(--theme-color3) 1px solid",
-                                        minWidth: "50%",
-                                        background: "var(--white)",
-                                        borderRadius: "10px",
-                                        "&:disabled": {
-                                            color: "var(-theme-color3) !important",
-                                        },
-                                        "&:hover": {
-                                            background: "var(--white) !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,
-        // resendFlag,
-        loginState?.company_ID, loginState?.branch_cd, loginState?.contactUser, resendFlag, loginState?.otpValidFor, loginState?.username);
-        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: loginState.otploading || loginState.loading, 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: true, disabled: loginState.otploading || loginState.loading, onClick: handleCloseEvent, className: classes.otpButtons, starticon: "West", textColor: "var(--white) !important", sx: {
-                                    "&:disabled": {
-                                        color: "var(-theme-color3) !important",
-                                    },
-                                }, rotateIcon: "scale(1.4) rotateX(360deg)", style: {
-                                    // border: "var(--theme-color3) 1px solid",
-                                    // color: "var(--white)",
-                                    // background: "var(--white)",
-                                    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")) })] })] }) }) }));
-};
-
-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(--white)",
-                                    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(--primary-bg)",
-                    }, children: jsxs(Container, { maxWidth: "sm", children: [jsxs("div", { className: "text", style: {
-                                    color: "white",
-                                    fontStyle: "normal",
-                                    fontSize: "31px",
-                                    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, validatePasswordFn }) => {
-    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: "",
-        };
-        // Local validation
-        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 match";
-            isError = true;
-        }
-        if (isError) {
-            setPasswordReset(setPwdData);
-            return;
-        }
-        // API validation
-        setPasswordReset((values) => ({ ...values, isLoading: true }));
-        const { validateStatus, validateData } = await validatePasswordFn({
-            USER_ID: input.userName,
-            PASSWORD: input.password,
-            SCREEN_REF: "LOGIN"
-        });
-        setPasswordReset((values) => ({ ...values, isLoading: false }));
-        if (validateStatus === "0") {
-            switch (validateData?.O_STATUS) {
-                case "999":
-                    setPwdData.isnewpwdError = true;
-                    setPwdData.newpassworderror = validateData?.O_MESSAGE;
-                    setPasswordReset(setPwdData);
-                    return;
-                case "0":
-                    let response = await ResetPassword(input.userName, input.oldpassword, input.password, accessToken, tokenType);
-                    setPasswordReset((values) => ({ ...values, isLoading: true }));
-                    if (response.status === "0") {
-                        enqueueSnackbar("Password successfully changed.", {
-                            variant: "success",
-                        });
-                        handleClose("0");
-                        setPasswordReset((values) => ({ ...values, isLoading: false }));
-                    }
-                    else {
-                        setPasswordReset((values) => ({
-                            ...values,
-                            isError: true,
-                            errorMessage: response.message,
-                        }));
-                    }
-                    break;
-            }
-        }
-    };
-    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(--white)",
-                                    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: "",
-    comapanyCD: "",
-    branchCD: "",
-    contactUser: "",
-    access_token: "",
-    token_type: "",
-    otpmodelClose: false,
-    authType: "",
-    isScanning: false,
-    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: "",
-                comapanyCD: "",
-                branchCD: "",
-                contactUser: ""
-            };
-        }
-        case "passwordVerificationFailure":
-            return {
-                ...state,
-                loading: false,
-                isError: true,
-                isUsernameError: false,
-                isPasswordError: true,
-                otploading: false,
-                userMessage: action?.payload?.error,
-                userMessageforpassword: action?.payload?.errorPassword,
-                username: "",
-                transactionID: "",
-                comapanyCD: "",
-                branchCD: ""
-            };
-        case "usernameVerificationFailure": {
-            return {
-                ...state,
-                loading: false,
-                isError: true,
-                isUsernameError: true,
-                isPasswordError: false,
-                otploading: false,
-                userMessage: action?.payload?.error,
-                userMessageforusername: action?.payload?.errorUsername,
-                username: "",
-                transactionID: "",
-                comapanyCD: "",
-                branchCD: "",
-                contactUser: ""
-            };
-        }
-        case "inititatePasswordVerification": {
-            return {
-                ...state,
-                loading: true,
-                isError: false,
-                isUsernameError: false,
-                isPasswordError: false,
-                otploading: false,
-                userMessage: "",
-                userMessageforusername: "",
-                userMessageforpassword: "",
-                username: "",
-                transactionID: "",
-                access_token: "",
-                comapanyCD: "",
-                branchCD: "",
-                contactUser: ""
-            };
-        }
-        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,
-                comapanyCD: action?.payload?.comapanyCD,
-                branchCD: action?.payload?.branchCD,
-                contactUser: action?.payload?.contactUser,
-                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,
-            };
-        }
-        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, validatePasswordFn, 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);
-    const { MessageBox } = usePopupContext();
-    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: {
-                            comapanyCD: data?.BASE_COMP_CD,
-                            branchCD: data?.BASE_BRANCH_CD,
-                            contactUser: data?.CONTACT2,
-                            transactionID: data?.REQUEST_CD,
-                            username: username,
-                            access_token: access_token?.access_token,
-                            token_type: access_token?.token_type,
-                            authType: data?.AUTH_TYPE,
-                            auth_data: data?.AUTH_DATA,
-                            otpValidFor: data?.OTP_VALID,
-                        },
-                    });
-                    if (data?.STATUS === "0") {
-                        for (let i = 0; i < data?.ALERT_MSG_LIST.length; i++) {
-                            await MessageBox({
-                                messageTitle: "Password Alert",
-                                message: data?.ALERT_MSG_LIST[i],
-                            });
-                        }
-                    }
-                }
-                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, validatePasswordFn: validatePasswordFn })) : (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 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: "",
-    contactUser: "",
-};
-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: "",
-                contactUser: "",
-            };
-        }
-        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,
-                contactUser: action?.payload?.contactUser,
-            };
-        }
-        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, validatePasswordFn, 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,
-                            contactUser: resdata?.CONTACT2,
-                        },
-                    });
-                    setOpen(true);
-                }
-                else {
-                    dispath({
-                        type: "verifyUserNameandMobileNoFailed",
-                        payload: {
-                            isApiError: true,
-                            apierrorMessage: message,
-                        },
-                    });
-                }
-            }
-            else if (flag === 1) {
-                dispath({ type: "initverifyPasswordSetReq" });
-                const { validateStatus, validateData } = await validatePasswordFn({
-                    USER_ID: data?.userName,
-                    PASSWORD: data?.password,
-                    SCREEN_REF: "FORGET_PW"
-                });
-                // console.log("validateData", validateData?.O_MESSAGE, validateStatus)
-                if (validateStatus === "0") {
-                    switch (validateData?.O_STATUS) {
-                        case "999":
-                            dispath({
-                                type: "verifyPasswordFailed",
-                                payload: {
-                                    isPasswordError: true,
-                                    userMessageforPassword: validateData?.O_MESSAGE,
-                                    apierrorMessage: validateData?.O_MESSAGE,
-                                },
-                            });
-                            break;
-                        case "0":
-                            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);
-                            }
-                    }
-                }
-                else {
-                    dispath({
-                        type: "verifyPasswordFailed",
-                        payload: {
-                            isApiError: true,
-                            apierrorMessage: validateData?.O_MESSAGE,
-                        },
-                    });
-                }
-            }
-        }
-    };
-    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 = utilFunction.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(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, 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,
-        },
-    ],
-};
-
-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",
-    },
-}));
-
-const actions = [
-    {
-        actionName: "back",
-        actionLabel: "Back",
-        multiple: false,
-        rowDoubleClick: false,
-        actionTextColor: "var(--theme-color3)",
-        actionBackground: "var(--white)",
-        startsIcon: "West",
-        rotateIcon: "scale(1.4) rotateX(-360deg)",
-    },
-    {
-        actionName: "proceed",
-        actionLabel: "Proceed",
-        multiple: false,
-        rowDoubleClick: true,
-        actionTextColor: "var(--white)",
-        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, 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 : bank_logo_default }) }) }) }), 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: "bank_logo", 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, actionContextAtBottom: true, headerToolbarStyle: {
-                                    background: "#fff !important",
-                                    padding: "0",
-                                    "& .MuiTypography-root": {
-                                        color: "black",
-                                    },
-                                }, disableMultipleRowSelect: true, variant: "outlined", loading: isLoading || isFetching || mutation.isLoading, defaultSelectedRowId: authState?.user?.branchCode ?? null }, `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(--white)",
-        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(--white)",
-        },
-    },
-    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", }) => {
-    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: "bank_logo", 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 : bank_logo_default }) }) }), 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(--white)",
-                                                    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(--white)",
-            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(--white)",
-        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(--white)",
-        "&:hover": {
-            background: "var(--theme-color1)",
-            "& div": {
-                color: "var(--white) !important",
-            },
-            "& div > svg": {
-                color: "var(--white) !important",
-            },
-        },
-    },
-    faSmall: {
-        fontSize: "13px ",
-    },
-    openList: {
-        ":not(activeMenuItem)": {
-            "& > div": {
-                backgroundColor: "rgba(0, 0, 0, 0.04)",
-            },
-            "&  *": {
-                color: "var(--white)",
-            },
-        },
-    },
-    openCurrent: {
-        backgroundColor: "var(--theme-color1)",
-        "&  *": {
-            color: "var(--white)",
-        },
-        "&: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(--white)!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 ? (
-    //   <ListItemIcon className={classes.listIcon}>
-    //     <FontAwesomeIcon icon={["fas", labelStart]} />
-    //   </ListItemIcon>
-    // ) : null;
-    const icon = item.icon?.toLowerCase() !== "process.gif" && item.icon ? (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", item.icon] }) })) : (jsx(ListItemIcon, { className: classes.listIcon, children: jsx(FontAwesomeIcon, { icon: ["fas", labelStart] }) }));
-    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" || !Boolean(item.icon) ? (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?.toLowerCase() === "process.gif" || !Boolean(item.icon) ? (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, faPenToSquare, faBarsProgress, faFileExport, 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 };
+import"regenerator-runtime/runtime";import"./assets/index~NFLKLAwc.css";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{TextField as a,GradientButton as t,utilFunction as n,usePopupContext as i,ClearCacheProvider as s,queryClient as l,Alert as d,GridWrapper as c,SearchBar as p}from"@acuteinfo/common-base";import{useState as m,useRef as g,useEffect as u,Fragment as h,useMemo as f,useReducer as w,useCallback as y}from"react";import{makeStyles as x}from"@mui/styles";import b from"@mui/icons-material/Visibility";import v from"@mui/icons-material/VisibilityOff";import{Container as C,Grid as S,InputAdornment as P,IconButton as T,CircularProgress as N,FormHelperText as E,Typography as k,Tooltip as D,tooltipClasses as B,Stack as M,Box as _,Avatar as O,Button as I,alpha as A,AppBar as R,Toolbar as L,List as U,ListItemIcon as F,ListItem as W,ListItemText as V,Collapse as z,Drawer as q}from"@mui/material";import{useTranslation as H}from"react-i18next";import j,{ResendOTP as G}from"otp-input-react";import K from"@mui/material/IconButton";import $ from"clsx";import{useSnackbar as X}from"notistack";import Y from"@mui/icons-material/FingerprintSharp";import"./assets/verify~MOgwPpDY.css";import J from"crypto-js";import"./assets/styles~ILuxAzHT.css";import{useQuery as Q,useMutation as Z}from"react-query";import ee from"./assets/BecomePartnerImg~cwVtJhaB.svg";import re from"./assets/waving-hand~JqQoivUD.png";import{styled as oe}from"@mui/material/styles";import ae from"./assets/profile-default~evuVPsgu.png";import te from"@mui/icons-material/Logout";import ne from"@mui/icons-material/MenuOutlined";import{format as ie}from"date-fns";import{FontAwesomeIcon as se}from"@fortawesome/react-fontawesome";import le from"react-perfect-scrollbar";import{ExpandLess as de,ExpandMore as ce}from"@mui/icons-material";import pe from"@mui/icons-material/ArrowBackIosNew";import{library as me}from"@fortawesome/fontawesome-svg-core";import{faHandsHelping as ge,faUsers as ue,faBars as he,faBalanceScale as fe,faHandHoldingHeart as we,faTasks as ye,faCog as xe,faHome as be,faTh as ve,faUsersCog as Ce,faCircle as Se,faUserCircle as Pe,faHashtag as Te,faThumbtack as Ne,faSquare as Ee,faLink as ke,faQuestion as De,faPlus as Be,faTable as Me,faLocationArrow as _e,faHeadset as Oe,faGears as Ie,faArrowDown as Ae,faArrowUp as Re,faSpinner as Le,faCircleExclamation as Ue,faRotateRight as Fe,faUserLock as We,faUserClock as Ve,faGripHorizontal as ze,faFileLines as qe,faGear as He,faHeadphones as je,faUsersGear as Ge,faMessage as Ke,faUnlock as $e,faUserPlus as Xe,faUserCheck as Ye,faKey as Je,faIdCard as Qe,faIdBadge as Ze,faCheck as er,faCheckDouble as rr,faCircleCheck as or,faCircleXmark as ar,faUserTag as tr,faAddressCard as nr,faChartColumn as ir,faUserPen as sr,faHandHolding as lr,faHandHoldingMedical as dr,faObjectGroup as cr,faTowerCell as pr,faTowerObservation as mr,faBuilding as gr,faMailBulk as ur,faLandmarkFlag as hr,faCreditCard as fr,faHospitalSymbol as wr,faPlugCircleBolt as yr,faCodeBranch as xr,faPersonCircleCheck as br,faBank as vr,faServer as Cr,faNotesMedical as Sr,faPenToSquare as Pr,faBarsProgress as Tr,faFileExport as Nr,faA as Er,faB as kr,faC as Dr,faD as Br,faE as Mr,faF as _r,faG as Or,faH as Ir,faI as Ar,faJ as Rr,faK as Lr,faL as Ur,faM as Fr,faN as Wr,faO as Vr,faP as zr,faQ as qr,faR as Hr,faS as jr,faT as Gr,faU as Kr,faV as $r,faW as Xr,faX as Yr,faY as Jr,faZ as Qr}from"@fortawesome/free-solid-svg-icons";import"lodash";const Zr=x((e=>({wrapper:{minHeight:"100vh",boxShadow:"0 3px 6px rgba(0,0,0,0.03)",background:"var(--white)"},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(--primary-bg)",padding:"6px 15px !important",margin:"10px",color:"var(--white)",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"}}}))),eo=({classes:o,loginState:n,verifyUsernamePassword:i,forgotPasswordEndpoint:s})=>{const[l,d]=m({userName:"",password:""}),[c,p]=m(0),f=Date.now()<c,[,w]=m(),y=g(null),{t:x}=H();u((()=>()=>clearTimeout(y.current)),[]);const E=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})))},k=g(null),D=g(null),B=g(null);return u((()=>{let e;return n.isUsernameError?e=setTimeout((()=>{k?.current?.focus?.()}),1e3):n.isPasswordError&&(e=setTimeout((()=>{D?.current?.focus?.()}),1e3)),()=>{e&&clearTimeout(e)}}),[n.isUsernameError,n.isPasswordError]),u((()=>{let e;return n?.otpmodelClose&&(d((e=>({...e,password:""}))),e=setTimeout((()=>{D?.current?.focus?.()}),1500)),()=>{e&&clearTimeout(e)}}),[n.otpmodelClose]),e(h,{children:e(C,{maxWidth:"xs",children:r(S,{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:x("SignIn")})}),e("div",{className:"",style:{color:"#949597",fontSize:"16px",fontWeight:"400",alignItems:"center",fontStyle:"normal",width:"360px"},children:x("SignInWithUserIDandPassword")}),r("div",{className:o.formWrap,children:[e(a,{autoFocus:!0,label:x("UserID"),placeholder:String(x("UserID")),style:{marginTop:"10px",marginBottom:"17px"},fullWidth:!0,type:"text",name:"userName",value:l.userName.trimStart()||"",onChange:E,error:n.isUsernameError,helperText:n.isUsernameError?x(n.userMessageforusername):"",InputLabelProps:{shrink:!0},disabled:n.loading,autoComplete:"off",ref:k,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:x("Password"),placeholder:String(x("EnterPassword")),InputLabelProps:{shrink:!0},fullWidth:!0,type:f?"text":"password",name:"password",value:l.password,onChange:E,error:n.isPasswordError,helperText:n.isPasswordError?x(n.userMessageforpassword):"",disabled:n.loading,ref:D,onKeyDown:e=>{"Enter"===e.key&&B?.current?.click?.()},InputProps:{endAdornment:e(P,{position:"end",children:e(T,{"aria-label":"toggle password visibility",onClick:()=>{f?f&&p(0):(p(Date.now()+5e3),y.current=setTimeout((()=>w(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:n.loading,children:e(f?b:v,{})})})},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:x("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(N,{size:25,thickness:4.6}):x("Next")})})})]})]})})})},ro=({classes:a,OTPResendRequest:n,open:i,handleClose:s,loginState:l,VerifyOTP:d,OTPError:c,setOTPError:p,previousStep:f,setNewRequestID:w=(e=>{}),otpresendCount:y=0,resendFlag:x})=>{const[P,T]=m(""),[k,D]=m(0),B=Date.now()<k,[,M]=m(),_=g(null);u((()=>()=>clearTimeout(_.current)),[]);const[O,I]=m(!1),A=g(null),[R,L]=m(!1),{enqueueSnackbar:U}=X(),{t:F}=H();return u((()=>{l?.otpmodelClose?(p(""),T(""),s("")):Boolean(c)&&T("")}),[l.otpmodelClose,c]),e(h,{children:e(C,{maxWidth:"sm",children:e(S,{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:"OTP"===l?.authType?F("otp.OTPAuthentication"):"TOTP"===l?.authType?F("otp.TOTPAuthentication"):null}),e("div",{style:{color:"#949597",fontSize:"16px",fontWeight:"400",alignItems:"center",fontStyle:"normal",lineHeight:"33px"},children:"OTP"===l?.authType?F("otp.EnterOTPsentToMobile"):"TOTP"===l?.authType?F("otp.PleaseEnterOTP"):null}),r("div",{className:a.OTPalignName,children:[F("otp.Hello")," ",l?.username?l.username.charAt(0).toUpperCase()+l.username.slice(1):null,"OTP"===l?.authType&&e(G,{onResendClick:async()=>{L(!0);const{status:e,data:r,message:o}=await n(l?.comapanyCD,l?.branchCD,l?.contactUser,x,l?.otpValidFor,l?.username);L(!1),"0"===e?(w(r?.TRAN_CD),I(!1),U(o,{variant:"success"})):U(o,{variant:"error"})},renderButton:o=>{let{remainingTime:t,...n}=o;return R?r("a",{className:$(a.resendbtnLink,!O&&a.btnvisibleoff),style:{cursor:"wait"},children:[F("otp.GetNewOTP")," ",e(N,{size:20,color:"secondary"})]}):e("a",{remainingtime:t,...n,className:$(a.resendbtnLink,!O&&a.btnvisibleoff),children:F("otp.GetNewOTP")})},renderTime:e=>(0===parseInt(e)&&setTimeout((()=>{I(!0)}),700),r("span",{className:$(O&&a.btnvisibleoff),children:[F("otp.OtpExpired")," ",e," ",F("otp.second")]})),maxTime:l?.otpValidFor??60,className:a.resendOTPalign})]}),r("div",{className:a.divflex,onKeyDown:e=>{"Enter"===e.key&&A?.current?.click?.()},children:[e(j,{value:P,onChange:T,autoFocus:!0,OTPLength:6,otpType:"number",disabled:l.otploading||l.loading,secure:!B,className:a.otpinputpadding}),e(K,{"aria-label":"toggle password visibility",onClick:()=>{B?B&&D(0):(D(Date.now()+5e3),_.current=setTimeout((()=>M(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:l.otploading,className:a.ibtnvisible,children:e(B?b:v,{})})]}),Boolean(c)?e(E,{style:{color:"red"},children:c}):null,"TOTP"===l?.authType?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,{disabled:l.otploading||l.loading,onClick:()=>{f(!1,"")},className:a.otpButtons,textColor:"var(--theme-color3)",sx:{border:"var(--theme-color3) 1px solid",minWidth:"50%",background:"var(--white)",borderRadius:"10px","&:disabled":{color:"var(--theme-color3) !important",opacity:.7},"&:hover":{background:"var(--white) !important","& .MuiSvgIcon-root":{transform:"scale(1.4) rotateX(360deg)",transition:"transform 2s ease-in-out"}}},starticon:"West",children:F("otp.Back")}),e(t,{style:{borderRadius:l.loading?"50%":"10px",height:l.loading?"40px":"100%",width:l.loading?"0px":"100%",minWidth:l.loading?"40px":"80px"},fullWidth:!0,disabled:l.loading,onClick:()=>{!Boolean(P)||P.length<6?p("otp.EnterOTPDigit"):(p(""),d(P))},ref:A,className:a.otpButtons,endicon:l.loading?void 0:"TaskAlt",rotateIcon:"scale(1.4)",children:l.loading?e(N,{size:25,thickness:4.6}):F("otp.VerifyOTP")})]})]})})})})},oo=({classes:o,OTPResendRequest:a,handleClose:n,loginState:i,VerifyOTP:s,OTPError:l,setOTPError:d,resendFlag:c,setNewRequestID:p=(e=>{}),otpresendCount:f=0})=>{const[w,y]=m(""),[x,C]=m(0),P=Date.now()<x,[,T]=m(),k=g(null);u((()=>()=>clearTimeout(k.current)),[]);const[D,B]=m(!1),[M,_]=m(!1),O=g(null),{enqueueSnackbar:I}=X(),{t:A}=H(),R=()=>{d(""),y(""),n()};return u((()=>{i?.otpmodelClose&&R()}),[i.otpmodelClose]),e(h,{children:e(S,{alignItems:"center",children:r("div",{children:[e("div",{style:{color:"#000000",fontSize:"30px",fontWeight:"600",alignItems:"center",fontStyle:"normal",lineHeight:"150%",marginBottom:"10px"},children:A("otp.OTPAuthentication")}),r("div",{className:o.OTPalignName,children:[A("otp.Hello")," ",i?.username?i.username.charAt(0).toUpperCase()+i.username.slice(1):null,i.otploading||f>=3||"TOTP"===i?.auth_type?null:e(G,{onResendClick:async()=>{_(!0);const{status:e,data:r,message:o}=await a(i?.company_ID,i?.branch_cd,i?.contactUser,c,i?.otpValidFor,i?.username);_(!1),"0"===e?(p(r?.TRAN_CD),B(!1),I(o,{variant:"success"})):I(o,{variant:"error"})},renderButton:a=>{let{remainingTime:t,...n}=a;return M?r("a",{className:$(o.resendbtnLink,!D&&o.btnvisibleoff),style:{cursor:"wait"},children:[A("otp.GetNewOTP")," ",e(N,{size:20,color:"secondary"})]}):e("a",{remainingtime:t,...n,className:$(o.resendbtnLink,!D&&o.btnvisibleoff),children:A("otp.GetNewOTP")})},renderTime:e=>(0===parseInt(e)&&setTimeout((()=>{B(!0)}),700),r("span",{className:$(D&&o.btnvisibleoff),children:[A("otp.OtpExpired")," ",e]})),maxTime:i?.otpValidFor??60,className:o.resendOTPalign})]}),r("div",{className:o.divflex,onKeyDown:e=>{"Enter"===e.key&&O?.current?.click?.()},children:[e(j,{value:w,onChange:y,autoFocus:!0,OTPLength:6,otpType:"number",disabled:i.otploading||i.loading,secure:!P,className:o.otpinputpadding}),e(K,{"aria-label":"toggle password visibility",onClick:()=>{P?P&&C(0):(C(Date.now()+5e3),k.current=setTimeout((()=>T(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:i.otploading,className:o.ibtnvisible,children:e(P?b:v,{})})]}),Boolean(l)?e(E,{style:{color:"red"},children:l}):null,r("div",{style:{display:"flex",gap:"10px",margin:"42px 0 0 42px",width:"60%"},children:[e(t,{fullWidth:!0,disabled:i.otploading||i.loading,onClick:R,className:o.otpButtons,starticon:"West",textColor:"var(--white) !important",sx:{"&:disabled":{color:"var(-theme-color3) !important"}},rotateIcon:"scale(1.4) rotateX(360deg)",style:{borderRadius:"10px",minWidth:"48%"},children:A("otp.Back")}),e(t,{style:{borderRadius:i.otploading?"50%":"10px",height:i.otploading?"40px":"100%",width:i.otploading?"0px":"100%",minWidth:i.otploading?"40px":"80px"},disabled:i.loading,onClick:()=>{!Boolean(w)||w.length<6?d("otp.EnterOTPDigit"):(d(""),s(w))},ref:O,className:o.otpButtons,children:i.otploading?e(N,{size:25,thickness:4.6}):A("otp.VerifyOTP")})]})]})})})},ao=({classes:a,loginState:n,verifyFinger:i,previousStep:s})=>{const{t:l}=H();return e(h,{children:e(C,{maxWidth:"xs",children:r(S,{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(Y,{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(--white)",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(N,{size:25,thickness:4.6,style:{color:"#fff"}}):l("Biometric.Verify")})]})]})})})},to=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=J.PBKDF2("SUPERACUTE@MKS","Ivan Medvedev",{keySize:12,iterations:1e3});console.log(r.toString());var o=new J.lib.WordArray.init(r.words,32),a=new J.lib.WordArray.init(r.words.splice(8),16),t=J.AES.decrypt({ciphertext:J.enc.Base64.parse(J.enc.Base64.parse(e).toString(J.enc.Utf8))},o,{iv:a});return console.log("CryptoJS.AES.decrypt",t),t.toString(J.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})}}))})),no=(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)},io=({bannerDetails:a})=>{const[t,i]=m(null),s=g(null),l=Zr(),d=f((()=>a),[]);return u((()=>{if(Boolean(d?.bannerImg))if(no(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(S,{item:!0,xs:6,md:6,lg:6,className:l.loginLeft,children:[e(S,{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(S,{item:!0,xs:12,md:12,lg:12,style:{height:"30vh",background:"var(--primary-bg)"},children:r(C,{maxWidth:"sm",children:[r("div",{className:"text",style:{color:"white",fontStyle:"normal",fontSize:"31px",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??""})]})})]})})},so=({classes:o,ResetPassword:i,open:s,username:l,accessToken:d,tokenType:c,handleClose:p,validatePasswordFn:u})=>{const f=g(null),{enqueueSnackbar:w}=X(),{t:y}=H(),[x,b]=m({userName:l,oldpassword:"",password:"",confirmpassword:""}),[v,P]=m({isError:!1,errorMessage:"",isLoading:!1,isoldPwdError:!1,oldpassworderror:"",isnewpwdError:!1,newpassworderror:"",isconfirmnewpwdError:!1,confirmnewpassworderror:""}),T=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}))),b((e=>({...e,[r]:o})))};return e(h,{children:e(C,{maxWidth:"xs",children:r(S,{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:x.userName||"",onChange:T,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:x.oldpassword||"",onChange:T,error:v.isoldPwdError,helperText:v.isoldPwdError?y(v.oldpassworderror):"",InputLabelProps:{shrink:!0},disabled:v.isLoading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&f?.current?.click?.()},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),e(a,{label:"New Password",placeholder:"Enter New Password",fullWidth:!0,type:"password",name:"password",value:x.password||"",onChange:T,error:v.isnewpwdError,helperText:v.isnewpwdError?y(v.newpassworderror):"",InputLabelProps:{shrink:!0},disabled:v.isLoading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&f?.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:x.confirmpassword||"",onChange:T,error:v.isconfirmnewpwdError,helperText:v.isconfirmnewpwdError?y(v.confirmnewpassworderror):"",InputLabelProps:{shrink:!0},disabled:v.isLoading,autoComplete:"off",onKeyDown:e=>{"Enter"===e.key&&f?.current?.click?.()},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),v.isError?e(E,{style:{color:"red"},children:v.errorMessage}):null]}),r("div",{style:{display:"flex",gap:"10px",margin:"20px 0 0 10px",width:"94%"},children:[e(t,{fullWidth:!0,disabled:v.isLoading,onClick:()=>{p("")},className:o.otpButtons,style:{border:"var(--theme-color3)1px solid",color:"var(--theme-color3)",borderRadius:"10px"},children:"Back"}),e(t,{style:{borderRadius:v.isLoading?"50%":"10px",height:v.isLoading?"40px":"100%",width:v.isLoading?"0px":"100%",minWidth:v.isLoading?"40px":"80px"},fullWidth:!0,disabled:v.isLoading,onClick:async()=>{let e=!1,r={isError:!1,errorMessage:"",isLoading:!1,isoldPwdError:!1,oldpassworderror:"",isnewpwdError:!1,newpassworderror:"",isconfirmnewpwdError:!1,confirmnewpassworderror:""};Boolean(x.oldpassword)||(r.isoldPwdError=!0,r.oldpassworderror="Current Password is required.",e=!0);let o=n.ValidatePassword(x.password);if(Boolean(o)&&(r.isnewpwdError=!0,r.newpassworderror=o,e=!0),Boolean(x.oldpassword)&&Boolean(x.password)&&x.oldpassword===x.password&&(r.isnewpwdError=!0,r.newpassworderror="The new password cannot be the same as the old password",e=!0),Boolean(x.confirmpassword)?Boolean(x.password)&&x.password!==x.confirmpassword&&(r.isconfirmnewpwdError=!0,r.confirmnewpassworderror="New Password and Confirm Password did not match",e=!0):(r.isconfirmnewpwdError=!0,r.confirmnewpassworderror="Confirm new password is required.",e=!0),e)return void P(r);P((e=>({...e,isLoading:!0})));const{validateStatus:a,validateData:t}=await u({USER_ID:x.userName,PASSWORD:x.password,SCREEN_REF:"LOGIN"});if(P((e=>({...e,isLoading:!1}))),"0"===a)switch(t?.O_STATUS){case"999":return r.isnewpwdError=!0,r.newpassworderror=t?.O_MESSAGE,void P(r);case"0":let e=await i(x.userName,x.oldpassword,x.password,d,c);P((e=>({...e,isLoading:!0}))),"0"===e.status?(w("Password successfully changed.",{variant:"success"}),p("0"),P((e=>({...e,isLoading:!1})))):P((r=>({...r,isError:!0,errorMessage:e.message})))}},ref:f,className:o.otpButtons,children:v.isLoading?e(N,{size:25,thickness:4.6}):"Update"})]})]})})})},lo={username:"",firstName:"",lastName:"",loading:!1,otploading:!1,isError:!1,isUsernameError:!1,isPasswordError:!1,userMessage:"",OtpuserMessage:"",userMessageforpassword:"",userMessageforusername:"",currentFlow:"username",transactionID:"",comapanyCD:"",branchCD:"",contactUser:"",access_token:"",token_type:"",otpmodelClose:!1,authType:"",isScanning:!1,auth_type:"O",otpValidFor:60},co=(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:"",comapanyCD:"",branchCD:"",contactUser:""};case"passwordVerificationFailure":return{...e,loading:!1,isError:!0,isUsernameError:!1,isPasswordError:!0,otploading:!1,userMessage:r?.payload?.error,userMessageforpassword:r?.payload?.errorPassword,username:"",transactionID:"",comapanyCD:"",branchCD:""};case"usernameVerificationFailure":return{...e,loading:!1,isError:!0,isUsernameError:!0,isPasswordError:!1,otploading:!1,userMessage:r?.payload?.error,userMessageforusername:r?.payload?.errorUsername,username:"",transactionID:"",comapanyCD:"",branchCD:"",contactUser:""};case"inititatePasswordVerification":return{...e,loading:!0,isError:!1,isUsernameError:!1,isPasswordError:!1,otploading:!1,userMessage:"",userMessageforusername:"",userMessageforpassword:"",username:"",transactionID:"",access_token:"",comapanyCD:"",branchCD:"",contactUser:""};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,comapanyCD:r?.payload?.comapanyCD,branchCD:r?.payload?.branchCD,contactUser:r?.payload?.contactUser,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};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{...lo,isPasswordError:r?.payload?.isError,userMessageforpassword:r?.payload?.errorMessage};default:return e}},po=({bannerDetails:a,logoUrl:t,logoTitle:s,loginFn:l,veirfyUsernameandPassword:d,validatePasswordFn:c,verifyOTP:p,OTPResendRequest:h,ResetPassword:f,LanguageComponent:y,forgotPasswordEndpoint:x})=>{const b=Zr(),[v,C]=w(co,lo),[P,T]=m(!1),N=g(0),[E,k]=m(null),B=g(null),{t:M}=H(),_=g(1),{MessageBox:O}=i();u((()=>{if(Boolean(t))if(no(t)){let e=n.base64toBlob(t);B.current="object"==typeof e&&Boolean(e)?URL.createObjectURL(e):"",k(B.current)}else k(t)}),[t]);const I=async e=>{if(Boolean(e)&&6===e.toString().length){C({type:"inititateOTPVerification"});const{status:r,data:o,message:a}=await p(v.transactionID,v.username,e,v.access_token,v.token_type,v.authType);"0"===r?(C({type:"OTPVerificationComplate"}),l(o)):C("999"===r?{type:"OTPVerificationFailed",payload:{error:a,otpmodelclose:!0}}:{type:"OTPVerificationFailed",payload:{error:a,otpmodelclose:!1}})}else C({type:"OTPVerificationFailed",payload:{error:"Please enter a 6 digit OTP number"}})},A=(e=!1,r="")=>{C({type:"backToUsernameVerification",payload:{isError:e,errorMessage:r}})};return e(o,{children:r(S,{container:!0,style:{height:"100vh",overflow:"hidden"},children:[e(io,{bannerDetails:a}),r(S,{item:!0,xs:11,md:6,lg:6,sm:6,children:[t?e(S,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"25px",maxWidth:"210px",ml:"auto",children:e(D,{describeChild:!0,title:s??"",children:e("img",{src:Boolean(E)?E:"",alt:"Logo",width:"100%"})})}):null,y?e(S,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"0 35px 0 0",maxWidth:"180px",ml:"auto",children:e(y,{})}):null,P?e(so,{classes:b,ResetPassword:f,open:P,username:v.username,accessToken:v.access_token,tokenType:v.token_type,handleClose:e=>{"0"===e&&C({type:"passwordRotationsuccess",payload:{otpmodelclose:!0}}),T(!1)},validatePasswordFn:c}):e(o,{children:"username"===v.currentFlow?e(eo,{classes:b,loginState:v,verifyUsernamePassword:async(e,r)=>{if(Boolean(e)&&Boolean(r)){C({type:"inititatePasswordVerification"});try{const{status:o="",data:a=null,message:t="",responseType:n="",access_token:i=null}=await d(e,r);if("0"===o&&"S"===n)C({type:"passwordRotation",payload:{username:e,access_token:i?.access_token||"",token_type:i?.token_type||""}}),T(!0);else if("0"===o){if(C({type:"passwordVerificationSuccessful",payload:{comapanyCD:a?.BASE_COMP_CD,branchCD:a?.BASE_BRANCH_CD,contactUser:a?.CONTACT2,transactionID:a?.REQUEST_CD,username:e,access_token:i?.access_token,token_type:i?.token_type,authType:a?.AUTH_TYPE,auth_data:a?.AUTH_DATA,otpValidFor:a?.OTP_VALID}}),"0"===a?.STATUS)for(let e=0;e<a?.ALERT_MSG_LIST.length;e++)await O({messageTitle:"Password Alert",message:a?.ALERT_MSG_LIST[e]})}else C({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)?C({type:"passwordVerificationFailure",payload:{error:"PasswordisRequired",errorPassword:"PasswordisRequired"}}):C({type:"usernameVerificationFailure",payload:{error:"UsernameisRequired",errorUsername:"UsernameisRequired"}}):C({type:"usernameandpasswordrequired",payload:{error:"UsernamenandPasswordisRequired",errorUsername:"UsernameisRequired",errorPassword:"PasswordisRequired"}})},forgotPasswordEndpoint:x},"username"):e(o,{children:"OTP"===v.authType?e(ro,{OTPResendRequest:h,classes:b,loginState:v,VerifyOTP:I,previousStep:A,OTPError:M(v?.OtpuserMessage??""),setOTPError:e=>{C({type:"OTPVerificationFailed",payload:{error:e}})},open:!0,handleClose:A,resendFlag:"LOGIN",setNewRequestID:e=>{C({type:"OTPResendSuccess",payload:{transactionID:e}}),_.current=_.current+1},otpresendCount:_.current},"otp"):"TOTP"===v.authType?r(o,{children:[" ",e(oo,{OTPResendRequest:h,classes:b,handleClose:A,loginState:v,VerifyOTP:I,OTPError:v?.OtpuserMessage??"",setOTPError:e=>{C({type:"OTPVerificationFailed",payload:{error:e}})},resendFlag:"LOGIN",setNewRequestID:e=>{C({type:"OTPResendSuccess",payload:{transactionID:e}}),_.current=_.current+1},otpresendCount:_.current},"OTPForm")]}):e(ao,{classes:b,loginState:v,verifyFinger:async()=>{try{C({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){C({type:"inititateUserFingerVerification"});const r=await to(v.auth_data,e.IsoTemplate);if(r.isError)C({type:"biometricVerificationFailure",payload:{error:r?.errorMessage??"Something went wrong."}});else{const{status:e,data:o,message:a}=await p(v.transactionID,v.username,String(r?.sr_cd??"0"),v.access_token,v.token_type,v.authType,r.status?"Y":"N");"0"===e&&r.status?(C({type:"biometricVerificationSuccessful"}),l(o)):"0"!==e||r.status?"99"===e?C({type:"biometricVerificationFailure",payload:{error:a??"Finger Not Match.Please Try Again"}}):"999"===e?(C({type:"biometricVerificationFailure",payload:{error:a??"Finger Not Match.Please Try Again"}}),A(!0,a??"Finger Not Match.Please Try Again")):C({type:"biometricVerificationFailure",payload:{error:a??"Finger Not Match.Please Try Again"}}):(N.current=N.current+1,C({type:"biometricVerificationFailure",payload:{error:"Finger Not Match.Please Try Again"}}),N.current>=3&&A(!0,"Finger Not Match.Please Try Again"))}}else C({type:"biometricVerificationFailure",payload:{error:e?.ErrorMessage??M("Biometric.MFS100NotFound")}})}catch(e){C({type:"biometricVerificationFailure",payload:{error:e?.message??M("Biometric.Unknownerroroccured")}})}},previousStep:A},"biometric")})})]})]})})},mo=({classes:n,loginState:i,onSubmit:s,navigate:l,loginPageEndpoint:d})=>{const[c,p]=m({userName:1===i.workingState?i?.username:"",mobileno:"",password:"",confirmpassword:""}),f=g(null),w=g(null),y=g(null),[x,C]=m(0),[S,k]=m(0),D=Date.now()<x,B=Date.now()<S,[,M]=m(),_=g(null);u((()=>()=>clearTimeout(_.current)),[]);const{t:O}=H(),I=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)),p((e=>({...e,[r]:o})))};return u((()=>{1===i.workingState&&setTimeout((()=>{w?.current?.focus?.()}),2e3)}),[i.workingState]),e(h,{children:r("div",{className:n.formWrap,children:[e(a,{autoFocus:!0,label:O("UserID"),placeholder:String(O("UserID")),fullWidth:!0,type:"text",name:"userName",value:c.userName||"",onChange:I,error:i.isUsernameError,helperText:i.isUsernameError?O(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:O("MobileNo"),placeholder:"Enter Mobile No.",fullWidth:!0,type:"text",name:"mobileno",value:c.mobileno||"",onChange:I,error:i.isMobileError,helperText:i.isMobileError?O(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:O("Password"),placeholder:"Enter Password",fullWidth:!0,type:D?"text":"password",name:"password",value:c.password||"",onChange:I,error:i.isPasswordError,helperText:i.isPasswordError?O(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(T,{"aria-label":"toggle password visibility",onClick:()=>{D?D&&C(0):(C(Date.now()+5e3),_.current=setTimeout((()=>M(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:i.loading,children:e(D?b:v,{})})})},inputProps:{maxLength:16},style:{paddingBottom:"8px"}}),e(a,{label:O("ConfirmPassword"),placeholder:String(O("EnterConfirmPassword")),fullWidth:!0,type:B?"text":"password",name:"confirmpassword",value:c.confirmpassword||"",onChange:I,error:i.isConfirmPasswordError,helperText:i.isConfirmPasswordError?O(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(T,{"aria-label":"toggle password visibility",onClick:()=>{B?B&&k(0):(k(Date.now()+5e3),_.current=setTimeout((()=>M(Date.now())),5e3))},onMouseDown:e=>e.preventDefault(),disabled:i.loading,children:e(B?b:v,{})})})},inputProps:{maxLength:16},style:{paddingBottom:"8px"}})]}):null,i.isApiError?e(E,{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:O("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(N,{size:25,thickness:4.6}):O("Next")})]})})})]})})},go={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:"",contactUser:""},uo=(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:"",contactUser:""};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,contactUser:r?.payload?.contactUser};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}},ho=({screenFlag:a,updatenewPassword:t,validatePasswordFn:i,veirfyUsernameandMobileNo:s,verifyOTPForPWDReset:l,logoUrl:d,logoTitle:c,LanguageComponent:p,bannerDetails:h,navigate:f,loginPageEndpoint:y})=>{const x=Zr(),[b,v]=w(uo,go),[P,T]=m(!1),{enqueueSnackbar:N}=X(),E=g(1),{t:k}=H(),[B,M]=m(null),_=g(null);u((()=>{if(Boolean(d))if(no(d)){let e=n.base64toBlob(d);_.current="object"==typeof e&&Boolean(e)?URL.createObjectURL(e):"",M(_.current)}else M(d)}),[d]);const O=(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"),v({type:"verifyUserNameandMobileNoFailed",payload:r}),!(r.isMobileError||r.isUsernameError)}if(1===r){let r={isPasswordError:!1,userMessageforPassword:"",isConfirmPasswordError:!1,userMessageforconfirmPassword:""},o=n.ValidatePassword(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"),v({type:"verifyPasswordFailed",payload:r}),!(r.isConfirmPasswordError||r.isPasswordError)}return!0};return e(o,{children:r(S,{container:!0,style:{height:"100vh",overflow:"hidden"},children:[e(io,{bannerDetails:h}),r(S,{item:!0,xs:6,md:6,lg:6,sm:6,children:[d?e(S,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"31px",maxWidth:"210px",ml:"auto",children:e(D,{describeChild:!0,title:c??"",children:e("img",{src:Boolean(B)?B:"",alt:"Logo",width:"100%"})})}):null,p?e(S,{container:!0,direction:"row",justifyContent:"flex-end",alignItems:"center",padding:"0 35px 0 0",maxWidth:"180px",ml:"auto",children:e(p,{})}):null,e(C,{maxWidth:"xs",children:r(S,{alignItems:"center",style:{paddingTop:"20px"},children:[e("h2",{style:{margin:"10px 0"},children:1===b.workingState?k("Setnewpassword"):"totp"===a?"Forgot TOTP":k("ForgotPassword")}),P?e(oo,{classes:x,handleClose:()=>{T(!1)},loginState:b,VerifyOTP:async e=>{if(Boolean(e)&&6===e.toString().length){v({type:"inititateOTPVerification"});const{status:r,data:o,message:t}=await l(b?.requestCd,b?.username,e,b?.auth_type,a);"0"===r?"totp"===a?(N(t,{variant:"success"}),f(y)):v({type:"OTPVerificationComplate",payload:{otpmodelclose:!0}}):"99"===r?v({type:"OTPVerificationFailed",payload:{error:t}}):(N(t,{variant:"error"}),f(y))}else v({type:"OTPVerificationFailed",payload:{error:"Please enter a 6 digit OTP number"}})},OTPError:k(b?.OtpuserMessage??""),setOTPError:e=>{v({type:"OTPVerificationFailed",payload:{error:e}})},resendFlag:"FORGET_PW",setNewRequestID:e=>{v({type:"OTPResendSuccess",payload:{requestCd:e}}),E.current=E.current+1},otpresendCount:E.current,OTPResendRequest:void 0}):e(mo,{classes:x,loginState:b,onSubmit:async(e,r)=>{if(O(e,r))if(0===r){v({type:"initverifyUserNameandMobileNo"});const{status:r,data:o,message:t}=await s(e?.userName.toLowerCase(),e?.mobileno,a);"0"===r?(v({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,contactUser:o?.CONTACT2}}),T(!0)):v({type:"verifyUserNameandMobileNoFailed",payload:{isApiError:!0,apierrorMessage:t}})}else if(1===r){v({type:"initverifyPasswordSetReq"});const{validateStatus:r,validateData:o}=await i({USER_ID:e?.userName,PASSWORD:e?.password,SCREEN_REF:"FORGET_PW"});if("0"===r)switch(o?.O_STATUS){case"999":v({type:"verifyPasswordFailed",payload:{isPasswordError:!0,userMessageforPassword:o?.O_MESSAGE,apierrorMessage:o?.O_MESSAGE}});break;case"0":const{status:r,data:a,message:n}=await t(b?.requestCd,b?.username,e?.password);"0"===r?(v({type:"passwordRegistaredSuccess"}),N("Password successfully reset",{variant:"success"}),f(y)):"99"===r?v({type:"verifyPasswordFailed",payload:{isApiError:!0,apierrorMessage:n}}):(N(n,{variant:"error"}),f(y))}else v({type:"verifyPasswordFailed",payload:{isApiError:!0,apierrorMessage:o?.O_MESSAGE}})}},navigate:f,loginPageEndpoint:y})]})})]})]})})},fo={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}]},wo=x((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"}}))),yo=[{actionName:"back",actionLabel:"Back",multiple:!1,rowDoubleClick:!1,actionTextColor:"var(--theme-color3)",actionBackground:"var(--white)",startsIcon:"West",rotateIcon:"scale(1.4) rotateX(-360deg)"},{actionName:"proceed",actionLabel:"Proceed",multiple:!1,rowDoubleClick:!0,actionTextColor:"var(--white)",actionBackground:"var(--theme-color3)",onEnterSubmit:!0,endsIcon:"East",rotateIcon:"scale(1.4) rotateX(-360deg)"}],xo=({selectionMode:a,authState:t,isBranchSelectedFn:n,isLoggedInFn:i,logoutFn:s,logos:p,logo:m,navigate:g,BranchSelectionGridDataApiFn:f,GetMenuDataApiFn:w,sideImage:x,branchSelectFn:b,dashboardUrl:v,loginUrl:C,appTranCd:P})=>{const T=wo(),{enqueueSnackbar:N}=X(),{data:E,isLoading:k,isFetching:A,error:R,isError:L}=Q(["BranchSelectionGridData"],(()=>f()));u((()=>()=>{l.removeQueries(["BranchSelectionGridData",{}])}),[]),u((()=>{i()?n()&&"C"!==a&&g(v):g(C)}),[n,i]);const U=Z(w,{onSuccess:(e,r)=>{b({menulistdata:e,branchCode:r?.BRANCH_CD,branch:r?.BRANCH_NM,baseBranchCode:r?.BASE_BRANCH_CD})}}),F=U.error,W=y((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"}):U.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:P,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?g(v,{replace:!0}):s())}),[g,E,U]);u((()=>{var e=E?.some((e=>"O"===e.STATUS));!1===e&&(N("Branch is in Day End Status.~rPlease contact system Vendor.",{variant:"error"}),s()),1===E?.length&&"O"===E?.[0]?.STATUS&&W({name:"proceed",rows:[{data:{...E[0]}}]})}),[JSON.stringify(E)]);const V=oe((({className:r,...o})=>e(D,{...o,classes:{popper:r}})))((({theme:e})=>({[`& .${B.tooltip}`]:{backgroundColor:e.palette.common.white,color:"rgba(0, 0, 0, 0.87)",boxShadow:e.shadows[1],fontSize:13}})));return e(o,{children:r(S,{container:!0,style:{margin:"0",padding:"0",height:"100vh"},children:[x?e(S,{item:!0,lg:1,md:1,xl:1,xs:1,sm:1,children:e("img",{className:"sideImage",src:x,alt:"side-Image"})}):null,e(S,{item:!0,lg:11,md:11,xl:11,xs:11,style:{display:"flex",justifyContent:"center"},children:r(S,{container:!0,style:{minHeight:"100vh",padding:"10px 0px 0px 0px"},lg:11,md:11,xl:11,xs:11,children:[r(S,{container:!0,style:{margin:"0",padding:"0"},lg:12,md:12,xl:12,xs:12,children:[e(S,{xs:12,sm:1,md:1,lg:1,xl:1,sx:{display:"flex",alignItems:"center"},children:e(M,{direction:"row",spacing:4,ml:1,children:e(_,{className:T.heading_user_img_border,sx:{cursor:"pointer"},children:e(V,{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(O,{className:T.heading_user_img,alt:"Remy Sharp",src:Boolean(p?.profile)?p?.profile:ae})})})})}),r(S,{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:re,alt:"",style:{height:"18px"}})]})]}),e(S,{xs:12,sm:1,md:1,lg:1,xl:1,sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:e(M,{direction:"row",justifyContent:"flex-start",spacing:2,children:e(_,{className:T.heading_user_img_border,children:e(O,{className:T.heading_user_img,alt:"Remy Sharp",src:Boolean(p?.bank)?p?.bank:ee})})})}),r(S,{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(S,{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:"bank_logo",className:T.logo})})]})]}),L?e(h,{children:e("div",{style:{width:"100%",paddingTop:"10px"},children:e(d,{severity:R?.severity??"error",errorMsg:R?.error_msg??"Error",errorDetail:R?.error_detail??""})})}):U.isError&&U.error?e(h,{children:e("div",{style:{width:"100%",paddingTop:"10px"},children:e(d,{severity:F.severity??"error",errorMsg:F.error_msg??"Error",errorDetail:F.error_detail??""})})}):null,e(c,{finalMetaData:fo,data:E??[],setData:()=>null,actions:yo,setAction:W,controlsAtBottom:!0,actionContextAtBottom:!0,headerToolbarStyle:{background:"#fff !important",padding:"0","& .MuiTypography-root":{color:"black"}},disableMultipleRowSelect:!0,variant:"outlined",loading:k||A||U.isLoading,defaultSelectedRowId:t?.user?.branchCode??null},"branchSelection"),L||0===E?.length?e(I,{sx:{backgroundColor:"var(--theme-color3)",position:"absolute",right:"113px",bottom:"20px",width:"7rem","&:hover":{backgroundColor:"var(--theme-color3)"}},onClick:()=>{"C"===a?g(v,{replace:!0}):s()},children:"Back"}):null]})})]})})},bo=r=>e(s,{children:e(xo,{...r})}),vo=x((e=>({appBar:{transition:e.transitions.create(["width","margin"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),color:"#0063A3",height:"80px",background:"var(--white)",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:A(e.palette.common.white,.15),"&:hover":{backgroundColor:A(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(--white)"}},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%"}}}}))),Co=({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"})=>{const y=vo(),{t:x}=H(),b=oe((({className:r,...o})=>e(D,{...o,classes:{popper:r}})))((({theme:e})=>({[`& .${B.tooltip}`]:{backgroundColor:e.palette.common.white,color:"rgba(0, 0, 0, 0.87)",boxShadow:e.shadows[1],fontSize:13}})));return e(R,{position:"fixed",elevation:0,className:$(y.appBar,n&&y.appBarShift),children:r(L,{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(K,n?{disableRipple:!0,onClick:()=>t(),className:y.DrawerClose_icon,children:e(ne,{fontSize:"large"})}:{disableRipple:!0,"aria-label":"open drawer",onClick:()=>a(),className:y.DrawerClose_icon,children:e(ne,{fontSize:"large"})}),r("div",{children:[e("img",{src:Boolean(c?.logo)?c?.logo:p,alt:"bank_logo",className:y.logo,onClick:e=>{e.preventDefault(),h(d??"./dashboard")}}),e("p",{className:y.version01,children:c?.version})]})]}),e(M,{direction:"row",spacing:4,mx:2,children:e(_,{className:y.heading_user_img_border,children:e(O,{className:y.heading_user_img,alt:"Remy Sharp",src:Boolean(c?.bank)?c?.bank:ee})})}),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)?So(ie(new Date(i?.workingDate),"dd/MM/yyyy")):"not found"]}),r(k,{marginLeft:1,variant:"caption",display:"inline",fontSize:"11px",children:[x("appBar.LastLoginDate")," :"," ",So(i?.user?.lastLogin??"Vastrapur")]})]})})]}),r(_,{children:[f?null:e(_,{sx:{marginBottom:"3px",paddingRight:"15px"},children:r(M,{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:re,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(D,{title:"Logout",placement:"bottom",arrow:!0,children:e(K,{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(--white)",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(te,{})})})})]})]}),e(M,{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(O,{className:y.heading_user_img,onClick:()=>"function"==typeof u?u():null,alt:"Remy Sharp",src:m??""})})})})]})})},So=e=>Boolean(e)?e:"N/A",Po=x((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(--white)",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"}}}))),To=[];x((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 No=x((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(--white)",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(--white)","&:hover":{background:"var(--theme-color1)","& div":{color:"var(--white) !important"},"& div > svg":{color:"var(--white) !important"}}},faSmall:{fontSize:"13px "},openList:{":not(activeMenuItem)":{"& > div":{backgroundColor:"rgba(0, 0, 0, 0.04)"},"&  *":{color:"var(--white)"}}},openCurrent:{backgroundColor:"var(--theme-color1)","&  *":{color:"var(--white)"},"&: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(--white)!important"},"& svg":{color:"var(--theme-color4)"},"& hover":{"& > div":{color:"var(--theme-color3)"}},"& p":{color:"var(--theme-color6)"}}})));let Eo=!0;const ko=({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=No();let g=null;return Eo=a,Array.isArray(r.navItems)&&(g=r.navItems.map((r=>!0===r?.seperateView?e(Do,{item:r,setView:t,classes:m,level:0,slimSize:n,setNewFilterData:i,setNewFilterView:s},r.label):Array.isArray(r.children)?e(Mo,{item:r,classes:m,level:0,handleDrawerOpen:o,drawerOpen:a,slimSize:n,rootUrl:d,dashboardUrl:c,navigate:p},r.label):e(Bo,{item:r,classes:m,level:0,slimSize:n,drawerOpen:a,rootUrl:d,dashboardUrl:c,navigate:p},r.label)))),e(U,{component:"nav",disablePadding:!0,className:l?m.navLinksforseparateView:m.navLinks,children:e(le,{children:g})})},Do=({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="process.gif"!==o.icon?.toLowerCase()&&o.icon?e(F,{className:n.listIcon,children:e(se,{icon:["fas",o.icon]})}):e(F,{className:n.listIcon,children:e(se,{icon:["fas",d]})}),p=1===t?n.nestedMenuLevel1:2===t?n.nestedMenuLevel2:"";return r(W,{button:!0,disableGutters:!0,className:$({[n.item]:!0,[p]:Boolean(p),[n.slimList]:Boolean(i),[n.drawerIconSize]:!Eo}),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(D,{title:o.label,arrow:!0,placement:Eo?"bottom-start":"right",children:e("span",{children:c})}),Eo&&o.label.length>27||!Boolean(c)?e(D,{title:o.label,arrow:!0,placement:Eo?"bottom-start":"right",children:e(V,{primary:o.label,className:n.link,secondary:o.secondaryLabel??null})}):Eo?e(V,{primary:o.label,className:n.link,secondary:o.secondaryLabel??null}):null]})},Bo=({item:o,classes:a,level:t,slimSize:n,drawerOpen:i,rootUrl:s,dashboardUrl:l,navigate:d})=>{const c=_o(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()&&Boolean(o.icon)?e(F,{className:a.listIcon,children:e(se,{icon:["fas",o.icon]})}):e(F,{className:a.listIcon,children:e(se,{icon:["fas",p]})}),g=1===t?a.nestedMenuLevel1:2===t?a.nestedMenuLevel2:"";return r(W,{button:!0,disableGutters:!0,className:$({[a.item]:!0,[g]:Boolean(g),[a.slimList]:Boolean(n),[a.activeMenuItem]:c,[a.drawerIconSize]:!Eo}),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(D,{title:o.label,arrow:!0,placement:Eo?"bottom-start":"right",children:e("span",{children:m})}),Eo&&o.label.length>27||!Boolean(m)?e(D,{title:o.label,arrow:!0,placement:Eo?"bottom-start":"right",children:e(V,{primary:o.label,className:a.link,secondary:o.secondaryLabel??null})}):Eo?e(V,{primary:o.label,className:a.link,secondary:o.secondaryLabel??null}):null]})},Mo=({item:a,classes:t,level:n,handleDrawerOpen:i,drawerOpen:s,slimSize:l,rootUrl:d,navigate:c})=>{const[p,g]=m(!1),u=a.children?.map((r=>Array.isArray(r.children)?e(Mo,{item:r,classes:t,level:n+1,handleDrawerOpen:i,drawerOpen:s,slimSize:l,rootUrl:d,navigate:c},r.label):e(Bo,{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?.toLowerCase()&&Boolean(a.icon)?e(F,{className:t.listIcon,children:e(se,{icon:["fas",a.icon]})}):e(F,{className:t.listIcon,children:e(se,{icon:["fas",h]})}),w=1===n?t.nestedMenuLevel1:2===n?t.nestedMenuLevel2:"";return r(o,{children:[r(W,{button:!0,onClick:()=>{g(!p)},disableGutters:!0,className:$(p?{[t.item]:!0,[w]:Boolean(w),[t.slimList]:Boolean(l),[t.openCurrent]:!0,[t.drawerIconSize]:!Eo}:{[t.item]:!0,[w]:Boolean(w),[t.slimList]:Boolean(l),[t.drawerIconSize]:!Eo}),children:[e(D,{title:a.label,arrow:!0,placement:Eo?"bottom-start":"right",children:e("span",{children:f})}),s||!Boolean(f)?r(o,{children:[e(V,{primary:a.label,secondary:a.secondaryLabel??null,color:"primary",className:t.link}),e(p?de:ce,{})]}):null]}),e(z,{in:p,timeout:"auto",unmountOnExit:!0,children:e(U,{component:"div",disablePadding:!0,className:p?t.openList:"",children:u})})]})},_o=(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))},Oo=(e,r,o)=>(Array.isArray(r)||(r=[r]),r.some((r=>o[r]?.toLocaleLowerCase?.()?.includes(e?.toLocaleLowerCase?.())))),Io=(e,r,o)=>{let a=[];for(let t=0;t<r.length;t++)if(Oo(e,o,r[t])){let{children:n,...i}=r[t];if(Array.isArray(n)&&n.length>0){let r=Io(e,n,o);r.length>0&&a.push({...i,children:r})}else a.push({...i})}return a},Ao=({metaData:o,handleDrawerOpen:a,drawerOpen:t,setView:n,label:i,icon:s,placeholder:l="Search Reports...",rootUrl:d,dashboardUrl:c,navigate:g})=>{const[u,h]=m(""),w=f((()=>Io(u,o.navItems,["label","secondaryLabel"])),[u,o.navItems]),y=No(),x=s?e(F,{className:y.listIcon,children:e(pe,{})}):null;return r("div",{style:{display:"flex",flexDirection:"column"},children:[r(W,{button:!0,className:$({[y.item]:!0,[y.nestedMenuLevel1]:!0,[y.linktext]:!0}),onClick:()=>n("/"),children:[x,e(V,{primary:i,className:y.link})]}),e(p,{sx:{overflow:"hidden"},value:u,onChange:e=>h(e.target.value),onClick:()=>{t||a()},placeholder:Boolean(l)?l:"Search Reports...",autoFocus:t}),e(ko,{handleDrawerOpen:a,drawerOpen:t,setView:n,metaData:{navItems:w,config:{rel:"",target:"_blank"}},slimSize:!0,isFromSeparetView:!0,rootUrl:d,dashboardUrl:c,navigate:g})]})};me.add(ge,ue,he,fe,we,ye,xe,be,ve,Ce,Se,Pe,Te,Ne,Ee,ke,De,Be,Me,_e,Oe,Ie,Ae,Re,Le,Ue,Fe,We,Ve,ze,qe,He,je,Ge,Ke,$e,Xe,Ye,Je,Qe,Ze,er,rr,or,ar,tr,nr,ir,sr,lr,dr,cr,pr,mr,gr,ur,hr,fr,wr,yr,xr,br,vr,Cr,Sr,Pr,Tr,Nr,Er,kr,Dr,Br,Mr,_r,Or,Ir,Ar,Rr,Lr,Ur,Fr,Wr,Vr,zr,qr,Hr,jr,Gr,Kr,$r,Xr,Yr,Jr,Qr);const Ro=(e,r,o,a,t,n)=>{let i=Wo(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}},Lo=(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},Uo=(e,r)=>!Array.isArray(r)||"number"!=typeof e||(r.length<=0||!(r.indexOf(e)>=0)),Fo=(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},Wo=(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)&&Lo(o,e[m].visibleToBranches)&&Uo(Number(r),e[m].invisibleToRoles)&&Fo(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=Wo(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},Vo=({authState:r,handleDrawerOpen:a,open:t,rootUrl:n,dashboardUrl:i="dashboard",navigate:s})=>{const[l,d]=m("/"),[c,p]=m({}),[g,u]=m([]),h=f((()=>{let e=r?.access?.entities?.Branch??[];return Array.isArray(e)&&e.length>=0?e.map((e=>e.branchCode)):[]}),[]),w=f((()=>{let e=r?.access?.products??[];return Array.isArray(e)&&e.length>=0?e.map((e=>e.categoryCode)):[]}),[]);let y={navItems:r.menulistdata},x=Ro(y,Number(r.role),h,r.companyID,r.access,w),b=Ro({config:{rel:"",target:"_blank"},navItems:To},Number(r.role),h,r.companyID,r.access,w);return"report"===l?e(Ao,{metaData:b,handleDrawerOpen:a,drawerOpen:t,setView:d,label:"Reports",icon:"table",rootUrl:n,dashboardUrl:i,navigate:s}):"newfilterview"===l?e(Ao,{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(ko,{metaData:x,handleDrawerOpen:a,drawerOpen:t,setView:d,slimSize:!0,setNewFilterData:u,setNewFilterView:p,rootUrl:n,dashboardUrl:i,navigate:s})})},zo=o=>{const a=Po();return r(q,{variant:"permanent",classes:{paper:$(a.drawerPaper,!o.open&&a.drawerPaperClose)},open:o.open,children:[e("div",{className:a.toolbarIcon}),e(Vo,{...o})]})};export{Co as AppbarWrapper,po as AuthControllerWrapper,bo as BranchSelectionGridWrapper,ho as ForgotPasswordControllerWrapper,zo as SidebarWrapper};
 //# sourceMappingURL=index.js.map