@acuteinfo/common-screens 1.0.52 → 1.0.53

package/dist/assets/{index~foExWrzU.css → index~eGedqdpe.css}

@@ -1,10 +1,10 @@
 :root {
   --theme-color1: #07288e;
-  --theme-color2: #ffffff;
+  --white: #ffffff;
   --theme-color3: #4263c7;
   --theme-color4: #eceff9;
   --theme-color5: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);
   --theme-color6: rgba(148, 149, 151, 1);
 }
 
-/*# sourceMappingURL=index~foExWrzU.css.map */
+/*# sourceMappingURL=index~eGedqdpe.css.map */

package/dist/assets/index~eGedqdpe.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/assets/css/index.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,gBAAgB;EAChB,uBAAuB;EACvB,uBAAuB;EACvB,yEAAyE;EACzE,sCAAsC;AACxC","file":"index~eGedqdpe.css","sourcesContent":[":root {\r\n  --theme-color1: #07288e;\r\n  --white: #ffffff;\r\n  --theme-color3: #4263c7;\r\n  --theme-color4: #eceff9;\r\n  --theme-color5: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);\r\n  --theme-color6: rgba(148, 149, 151, 1);\r\n}\r\n"]}

package/dist/index.js

@@ -1,5 +1,5 @@
 import 'regenerator-runtime/runtime';
-import './assets/index~foExWrzU.css';
+import './assets/index~eGedqdpe.css';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { TextField, GradientButton, utilFunction, ClearCacheProvider, queryClient, Alert, GridWrapper, SearchBar } from '@acuteinfo/common-base';
 import { useState, useRef, useEffect, Fragment, useMemo, useReducer, useCallback } from 'react';
@@ -17,6 +17,7 @@ import './assets/verify~MOgwPpDY.css';
 import CryptoJS from 'crypto-js';
 import './assets/styles~ILuxAzHT.css';
 import { useQuery, useMutation } from 'react-query';
+import { useNavigate } from 'react-router-dom';
 import bank_logo_default from './assets/BecomePartnerImg~cwVtJhaB.svg';
 import Waving_hand from './assets/waving-hand~JqQoivUD.png';
 import { styled } from '@mui/material/styles';
@@ -37,7 +38,7 @@ const useStyles$3 = makeStyles((theme) => ({
         minHeight: "100vh",
         boxShadow: "0 3px 6px rgba(0,0,0,0.03)",
         // background: "#fff",
-        background: "var(--theme-color2)",
+        background: "var(--white)",
     },
     loginEmp: {
         background: "#fff",
@@ -171,7 +172,7 @@ const useStyles$3 = makeStyles((theme) => ({
         background: "var(--theme-color5)",
         padding: "6px 15px !important",
         margin: "10px",
-        color: "var(--theme-color2)",
+        color: "var(--white)",
         borderRadius: "4px",
         "& h2": {
             fontWeight: "500 !important",
@@ -465,10 +466,10 @@ const OTPModel = ({ classes, OTPResendRequest, open, handleClose, loginState, Ve
                                     }, className: classes.otpButtons, textColor: "var(--theme-color3)", sx: {
                                         border: "var(--theme-color3)1px solid",
                                         minWidth: "50%",
-                                        background: "var(--theme-color2)",
+                                        background: "var(--white)",
                                         borderRadius: "10px",
                                         "&:hover": {
-                                            background: "var(--theme-color2) !important",
+                                            background: "var(--white) !important",
                                         },
                                     }, 
                                     // customstyle = {{color : "var(--theme-color3) !important"}}
@@ -577,8 +578,8 @@ const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, Veri
                                     },
                                 }, rotateIcon: "scale(1.4) rotateX(360deg)", style: {
                                     border: "var(--theme-color3)1px solid",
-                                    // color: "var(--theme-color2)",
-                                    // background: "var(--theme-color2)",
+                                    // color: "var(--white)",
+                                    // background: "var(--white)",
                                     borderRadius: "10px",
                                     minWidth: "48%",
                                 }, children: t("otp.Back") }), jsx(GradientButton, { style: {
@@ -665,7 +666,7 @@ const VerifyFinger = ({ classes, loginState, verifyFinger, previousStep, }) => {
                                 }, className: classes.otpButtons, starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", textColor: "var(--theme-color3) !important", style: {
                                     border: "var(--theme-color3)1px solid",
                                     color: "var(--theme-color3)",
-                                    background: "var(--theme-color2)",
+                                    background: "var(--white)",
                                     borderRadius: "10px",
                                     minWidth: "48%",
                                 }, children: t("otp.Back") }), jsx(GradientButton, { style: {
@@ -978,7 +979,7 @@ const PasswordRotation = ({ classes, ResetPassword, open, username, accessToken,
                         }, children: [jsx(GradientButton, { fullWidth: true, disabled: pwdReset.isLoading, onClick: handleCloseEvent, className: classes.otpButtons, style: {
                                     border: "var(--theme-color3)1px solid",
                                     color: "var(--theme-color3)",
-                                    // pebbackground: "var(--theme-color2)",
+                                    // pebbackground: "var(--white)",
                                     borderRadius: "10px",
                                 }, children: "Back" }), jsx(GradientButton, { style: {
                                     borderRadius: pwdReset.isLoading ? "50%" : "10px",
@@ -1888,7 +1889,7 @@ const ForgotPasswordControllerWrapper = ({ screenFlag, updatenewPassword, veirfy
             });
         }
     };
-    return (jsx(Fragment$1, { children: jsxs(Grid, { container: true, style: { height: "100vh", overflow: "hidden" }, children: [jsx(BankDetails, { bannerDetails: bannerDetails }), jsxs(Grid, { item: true, xs: 6, md: 6, lg: 6, sm: 6, children: [logoUrl ? (jsx(Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", padding: "31px", maxWidth: "210px", ml: "auto", children: jsx("img", { src: Boolean(dashboardLogoURL) ? dashboardLogoURL : "", alt: "Logo", width: "100%" }) })) : null, LanguageComponent ? (jsx(Grid, { container: true, direction: "row", justifyContent: "flex-end", alignItems: "center", padding: "0 35px 0 0", maxWidth: "180px", ml: "auto", children: jsx(LanguageComponent, {}) })) : null, jsx(Container, { maxWidth: "xs", children: jsxs(Grid, { alignItems: "center", style: { paddingTop: "20px" }, children: [jsx("h2", { style: { margin: "10px 0" }, children: loginState.workingState === 1
+    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"
@@ -2051,7 +2052,7 @@ const actions = [
         multiple: false,
         rowDoubleClick: false,
         actionTextColor: "var(--theme-color3)",
-        actionBackground: "var(--theme-color2)",
+        actionBackground: "var(--white)",
         startsIcon: "West",
         rotateIcon: "scale(1.4) rotateX(-360deg)",
     },
@@ -2060,7 +2061,7 @@ const actions = [
         actionLabel: "Proceed",
         multiple: false,
         rowDoubleClick: true,
-        actionTextColor: "var(--theme-color2)",
+        actionTextColor: "var(--white)",
         actionBackground: "var(--theme-color3)",
         onEnterSubmit: true,
         endsIcon: "East",
@@ -2069,6 +2070,9 @@ const actions = [
 ];
 const BranchSelectionGrid = ({ selectionMode, authState, isBranchSelectedFn, isLoggedInFn, logoutFn, logos, logo, navigate, BranchSelectionGridDataApiFn, GetMenuDataApiFn, sideImage, branchSelectFn, dashboardUrl, loginUrl, appTranCd, }) => {
     const classes = useStyles$2();
+    const testNavigate = useNavigate();
+    console.log("test navigate", testNavigate);
+    console.log("test location", window.location);
     const { enqueueSnackbar } = useSnackbar();
     const { data, isLoading, isFetching, refetch, error, isError } = useQuery(["BranchSelectionGridData"], () => BranchSelectionGridDataApiFn());
     useEffect(() => {
@@ -2210,7 +2214,7 @@ const BranchSelectionGrid = ({ selectionMode, authState, isBranchSelectedFn, isL
                                             display: "flex",
                                             alignItems: "center",
                                             justifyContent: "right",
-                                        }, children: [" ", jsx("div", { children: jsx("img", { src: Boolean(logos?.logo) ? logos?.logo : logo, alt: "CbsEnfinity", className: classes.logo }) })] })] }), isError ? (jsx(Fragment, { children: jsx("div", { style: { width: "100%", paddingTop: "10px" }, children: jsx(Alert, { severity: error?.severity ?? "error", errorMsg: error?.error_msg ?? "Error", errorDetail: error?.error_detail ?? "" }) }) })) : mutation.isError && mutation.error ? (jsx(Fragment, { children: jsx("div", { style: { width: "100%", paddingTop: "10px" }, children: jsx(Alert, { severity: getError.severity ?? "error", errorMsg: getError.error_msg ?? "Error", errorDetail: getError.error_detail ?? "" }) }) })) : null, jsx(GridWrapper, { finalMetaData: BranchSelectionGridMetaData, data: data ?? [], setData: () => null, actions: actions, setAction: setCurrentAction, controlsAtBottom: true, actionContextAtBottom: true, headerToolbarStyle: {
+                                        }, 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: {
                                     backgroundColor: "#fff !important",
                                     padding: "0",
                                     "& .MuiTypography-root": {
@@ -2249,7 +2253,7 @@ const useStyles$1 = makeStyles((theme) => ({
         }),
         color: "#0063A3",
         height: "80px",
-        background: "var(--theme-color2)",
+        background: "var(--white)",
         boxShadow: "0px 1px 0px -0.5px #DEE0E2",
     },
     searchBar: {
@@ -2395,7 +2399,7 @@ const useStyles$1 = makeStyles((theme) => ({
     },
     userprofilehover: {
         "&:hover": {
-            backgroundColor: "var(--theme-color2)",
+            backgroundColor: "var(--white)",
         },
     },
     lang_svg: {
@@ -2470,7 +2474,7 @@ const AppbarWrapper = ({ handleDrawerOpen, handleDrawerClose, open, authState, L
                         height: "80px",
                         width: "227px",
                         flexDirection: menuIconPosition === "right" ? "row-reverse" : "row",
-                    }, children: [open ? (jsx(IconButton$1, { disableRipple: true, onClick: () => handleDrawerClose(), className: classes.DrawerClose_icon, children: jsx(MenuOutlinedIcon, { fontSize: "large" }) })) : (jsx(IconButton$1, { disableRipple: true, "aria-label": "open drawer", onClick: () => handleDrawerOpen(), className: classes.DrawerClose_icon, children: jsx(MenuOutlinedIcon, { fontSize: "large" }) })), jsxs("div", { children: [jsx("img", { src: Boolean(logos?.logo) ? logos?.logo : bankLogo, alt: "CbsEnfinity", className: classes.logo, onClick: (e) => {
+                    }, 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: {
@@ -2488,7 +2492,7 @@ const AppbarWrapper = ({ handleDrawerOpen, handleDrawerClose, open, authState, L
                                                 height: "30px",
                                                 width: "30px",
                                                 "&:hover": {
-                                                    background: "var(--theme-color2)",
+                                                    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",
@@ -2544,7 +2548,7 @@ const useStyles = makeStyles((theme) => {
             alignItems: "center",
             zIndex: 9999,
             ...theme.mixins.toolbar,
-            background: "var(--theme-color2)",
+            background: "var(--white)",
             justifyContent: "center",
             height: "80px",
             // borderBottom: "1px dashed #949597",
@@ -2641,7 +2645,7 @@ const useStylesSideBar = makeStyles((theme) => ({
         height: "50px",
         paddingLeft: theme.spacing(2),
         paddingRight: theme.spacing(2),
-        background: "var(--theme-color2)",
+        background: "var(--white)",
         boxShadow: "3px 6px 9px rgba(93, 95, 121, 0.26)",
         "& svg": {
             // color: theme.palette.primary.main,
@@ -2740,14 +2744,14 @@ const useStylesSideBar = makeStyles((theme) => ({
         },
     },
     linktext: {
-        backgroundColor: "var(--theme-color2)",
+        backgroundColor: "var(--white)",
         "&:hover": {
             background: "var(--theme-color1)",
             "& div": {
-                color: "var(--theme-color2) !important",
+                color: "var(--white) !important",
             },
             "& div > svg": {
-                color: "var(--theme-color2) !important",
+                color: "var(--white) !important",
             },
         },
     },
@@ -2760,14 +2764,14 @@ const useStylesSideBar = makeStyles((theme) => ({
                 backgroundColor: "rgba(0, 0, 0, 0.04)",
             },
             "&  *": {
-                color: "var(--theme-color2)",
+                color: "var(--white)",
             },
         },
     },
     openCurrent: {
         backgroundColor: "var(--theme-color1)",
         "&  *": {
-            color: "var(--theme-color2)",
+            color: "var(--white)",
         },
         "&:hover": {
             backgroundColor: "var(--theme-color1)",
@@ -2783,7 +2787,7 @@ const useStylesSideBar = makeStyles((theme) => ({
     activeMenuItem: {
         backgroundColor: "var(--theme-color1)!important ",
         "& > div": {
-            color: "var(--theme-color2)!important",
+            color: "var(--white)!important",
         },
         "& svg": {
             color: "var(--theme-color4)",