@acuteinfo/common-screens 1.0.52 → 1.0.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--theme-color1: #07288e;
|
|
3
|
+
--white: #ffffff;
|
|
4
|
+
--theme-color3: #4263c7;
|
|
5
|
+
--theme-color4: #eceff9;
|
|
6
|
+
--primary-bg: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);
|
|
7
|
+
--theme-color6: rgba(148, 149, 151, 1);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/*# sourceMappingURL=index~NFLKLAwc.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/assets/css/index.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,gBAAgB;EAChB,uBAAuB;EACvB,uBAAuB;EACvB,uEAAuE;EACvE,sCAAsC;AACxC","file":"index~NFLKLAwc.css","sourcesContent":[":root {\r\n --theme-color1: #07288e;\r\n --white: #ffffff;\r\n --theme-color3: #4263c7;\r\n --theme-color4: #eceff9;\r\n --primary-bg: 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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import 'regenerator-runtime/runtime';
|
|
2
|
-
import './assets/index~
|
|
2
|
+
import './assets/index~NFLKLAwc.css';
|
|
3
3
|
import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
4
4
|
import { TextField, GradientButton, utilFunction, ClearCacheProvider, queryClient, Alert, GridWrapper, SearchBar } from '@acuteinfo/common-base';
|
|
5
5
|
import { useState, useRef, useEffect, Fragment, useMemo, useReducer, useCallback } from 'react';
|
|
@@ -17,6 +17,7 @@ import './assets/verify~MOgwPpDY.css';
|
|
|
17
17
|
import CryptoJS from 'crypto-js';
|
|
18
18
|
import './assets/styles~ILuxAzHT.css';
|
|
19
19
|
import { useQuery, useMutation } from 'react-query';
|
|
20
|
+
import { useNavigate } from 'react-router-dom';
|
|
20
21
|
import bank_logo_default from './assets/BecomePartnerImg~cwVtJhaB.svg';
|
|
21
22
|
import Waving_hand from './assets/waving-hand~JqQoivUD.png';
|
|
22
23
|
import { styled } from '@mui/material/styles';
|
|
@@ -37,7 +38,7 @@ const useStyles$3 = makeStyles((theme) => ({
|
|
|
37
38
|
minHeight: "100vh",
|
|
38
39
|
boxShadow: "0 3px 6px rgba(0,0,0,0.03)",
|
|
39
40
|
// background: "#fff",
|
|
40
|
-
background: "var(--
|
|
41
|
+
background: "var(--white)",
|
|
41
42
|
},
|
|
42
43
|
loginEmp: {
|
|
43
44
|
background: "#fff",
|
|
@@ -168,10 +169,10 @@ const useStyles$3 = makeStyles((theme) => ({
|
|
|
168
169
|
},
|
|
169
170
|
},
|
|
170
171
|
dialogTitleClass: {
|
|
171
|
-
background: "var(--
|
|
172
|
+
background: "var(--primary-bg)",
|
|
172
173
|
padding: "6px 15px !important",
|
|
173
174
|
margin: "10px",
|
|
174
|
-
color: "var(--
|
|
175
|
+
color: "var(--white)",
|
|
175
176
|
borderRadius: "4px",
|
|
176
177
|
"& h2": {
|
|
177
178
|
fontWeight: "500 !important",
|
|
@@ -465,10 +466,10 @@ const OTPModel = ({ classes, OTPResendRequest, open, handleClose, loginState, Ve
|
|
|
465
466
|
}, className: classes.otpButtons, textColor: "var(--theme-color3)", sx: {
|
|
466
467
|
border: "var(--theme-color3)1px solid",
|
|
467
468
|
minWidth: "50%",
|
|
468
|
-
background: "var(--
|
|
469
|
+
background: "var(--white)",
|
|
469
470
|
borderRadius: "10px",
|
|
470
471
|
"&:hover": {
|
|
471
|
-
background: "var(--
|
|
472
|
+
background: "var(--white) !important",
|
|
472
473
|
},
|
|
473
474
|
},
|
|
474
475
|
// customstyle = {{color : "var(--theme-color3) !important"}}
|
|
@@ -577,8 +578,8 @@ const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, Veri
|
|
|
577
578
|
},
|
|
578
579
|
}, rotateIcon: "scale(1.4) rotateX(360deg)", style: {
|
|
579
580
|
border: "var(--theme-color3)1px solid",
|
|
580
|
-
// color: "var(--
|
|
581
|
-
// background: "var(--
|
|
581
|
+
// color: "var(--white)",
|
|
582
|
+
// background: "var(--white)",
|
|
582
583
|
borderRadius: "10px",
|
|
583
584
|
minWidth: "48%",
|
|
584
585
|
}, children: t("otp.Back") }), jsx(GradientButton, { style: {
|
|
@@ -665,7 +666,7 @@ const VerifyFinger = ({ classes, loginState, verifyFinger, previousStep, }) => {
|
|
|
665
666
|
}, className: classes.otpButtons, starticon: "West", rotateIcon: "scale(1.4) rotateX(360deg)", textColor: "var(--theme-color3) !important", style: {
|
|
666
667
|
border: "var(--theme-color3)1px solid",
|
|
667
668
|
color: "var(--theme-color3)",
|
|
668
|
-
background: "var(--
|
|
669
|
+
background: "var(--white)",
|
|
669
670
|
borderRadius: "10px",
|
|
670
671
|
minWidth: "48%",
|
|
671
672
|
}, children: t("otp.Back") }), jsx(GradientButton, { style: {
|
|
@@ -820,7 +821,7 @@ const BankDetails = ({ bannerDetails }) => {
|
|
|
820
821
|
objectPosition: "center",
|
|
821
822
|
}, src: Boolean(loginImageURL) ? loginImageURL : "" }) }), jsx(Grid, { item: true, xs: 12, md: 12, lg: 12, style: {
|
|
822
823
|
height: "30vh",
|
|
823
|
-
background: "var(--
|
|
824
|
+
background: "var(--primary-bg)",
|
|
824
825
|
}, children: jsxs(Container, { maxWidth: "sm", children: [jsxs("div", { className: "text", style: {
|
|
825
826
|
color: "white",
|
|
826
827
|
fontStyle: "normal",
|
|
@@ -978,7 +979,7 @@ const PasswordRotation = ({ classes, ResetPassword, open, username, accessToken,
|
|
|
978
979
|
}, children: [jsx(GradientButton, { fullWidth: true, disabled: pwdReset.isLoading, onClick: handleCloseEvent, className: classes.otpButtons, style: {
|
|
979
980
|
border: "var(--theme-color3)1px solid",
|
|
980
981
|
color: "var(--theme-color3)",
|
|
981
|
-
// pebbackground: "var(--
|
|
982
|
+
// pebbackground: "var(--white)",
|
|
982
983
|
borderRadius: "10px",
|
|
983
984
|
}, children: "Back" }), jsx(GradientButton, { style: {
|
|
984
985
|
borderRadius: pwdReset.isLoading ? "50%" : "10px",
|
|
@@ -1888,7 +1889,7 @@ const ForgotPasswordControllerWrapper = ({ screenFlag, updatenewPassword, veirfy
|
|
|
1888
1889
|
});
|
|
1889
1890
|
}
|
|
1890
1891
|
};
|
|
1891
|
-
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
|
|
1892
|
+
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
|
|
1892
1893
|
? t("Setnewpassword")
|
|
1893
1894
|
: screenFlag === "totp"
|
|
1894
1895
|
? "Forgot TOTP"
|
|
@@ -2051,7 +2052,7 @@ const actions = [
|
|
|
2051
2052
|
multiple: false,
|
|
2052
2053
|
rowDoubleClick: false,
|
|
2053
2054
|
actionTextColor: "var(--theme-color3)",
|
|
2054
|
-
actionBackground: "var(--
|
|
2055
|
+
actionBackground: "var(--white)",
|
|
2055
2056
|
startsIcon: "West",
|
|
2056
2057
|
rotateIcon: "scale(1.4) rotateX(-360deg)",
|
|
2057
2058
|
},
|
|
@@ -2060,7 +2061,7 @@ const actions = [
|
|
|
2060
2061
|
actionLabel: "Proceed",
|
|
2061
2062
|
multiple: false,
|
|
2062
2063
|
rowDoubleClick: true,
|
|
2063
|
-
actionTextColor: "var(--
|
|
2064
|
+
actionTextColor: "var(--white)",
|
|
2064
2065
|
actionBackground: "var(--theme-color3)",
|
|
2065
2066
|
onEnterSubmit: true,
|
|
2066
2067
|
endsIcon: "East",
|
|
@@ -2069,6 +2070,9 @@ const actions = [
|
|
|
2069
2070
|
];
|
|
2070
2071
|
const BranchSelectionGrid = ({ selectionMode, authState, isBranchSelectedFn, isLoggedInFn, logoutFn, logos, logo, navigate, BranchSelectionGridDataApiFn, GetMenuDataApiFn, sideImage, branchSelectFn, dashboardUrl, loginUrl, appTranCd, }) => {
|
|
2071
2072
|
const classes = useStyles$2();
|
|
2073
|
+
const testNavigate = useNavigate();
|
|
2074
|
+
console.log("test navigate", testNavigate);
|
|
2075
|
+
console.log("test location", window.location);
|
|
2072
2076
|
const { enqueueSnackbar } = useSnackbar();
|
|
2073
2077
|
const { data, isLoading, isFetching, refetch, error, isError } = useQuery(["BranchSelectionGridData"], () => BranchSelectionGridDataApiFn());
|
|
2074
2078
|
useEffect(() => {
|
|
@@ -2210,7 +2214,7 @@ const BranchSelectionGrid = ({ selectionMode, authState, isBranchSelectedFn, isL
|
|
|
2210
2214
|
display: "flex",
|
|
2211
2215
|
alignItems: "center",
|
|
2212
2216
|
justifyContent: "right",
|
|
2213
|
-
}, children: [" ", jsx("div", { children: jsx("img", { src: Boolean(logos?.logo) ? logos?.logo : logo, alt: "
|
|
2217
|
+
}, 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: {
|
|
2214
2218
|
backgroundColor: "#fff !important",
|
|
2215
2219
|
padding: "0",
|
|
2216
2220
|
"& .MuiTypography-root": {
|
|
@@ -2249,7 +2253,7 @@ const useStyles$1 = makeStyles((theme) => ({
|
|
|
2249
2253
|
}),
|
|
2250
2254
|
color: "#0063A3",
|
|
2251
2255
|
height: "80px",
|
|
2252
|
-
background: "var(--
|
|
2256
|
+
background: "var(--white)",
|
|
2253
2257
|
boxShadow: "0px 1px 0px -0.5px #DEE0E2",
|
|
2254
2258
|
},
|
|
2255
2259
|
searchBar: {
|
|
@@ -2395,7 +2399,7 @@ const useStyles$1 = makeStyles((theme) => ({
|
|
|
2395
2399
|
},
|
|
2396
2400
|
userprofilehover: {
|
|
2397
2401
|
"&:hover": {
|
|
2398
|
-
backgroundColor: "var(--
|
|
2402
|
+
backgroundColor: "var(--white)",
|
|
2399
2403
|
},
|
|
2400
2404
|
},
|
|
2401
2405
|
lang_svg: {
|
|
@@ -2470,7 +2474,7 @@ const AppbarWrapper = ({ handleDrawerOpen, handleDrawerClose, open, authState, L
|
|
|
2470
2474
|
height: "80px",
|
|
2471
2475
|
width: "227px",
|
|
2472
2476
|
flexDirection: menuIconPosition === "right" ? "row-reverse" : "row",
|
|
2473
|
-
}, 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: "
|
|
2477
|
+
}, 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) => {
|
|
2474
2478
|
e.preventDefault();
|
|
2475
2479
|
navigate(dashboardUrl ?? "./dashboard");
|
|
2476
2480
|
} }), 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
|
|
|
2488
2492
|
height: "30px",
|
|
2489
2493
|
width: "30px",
|
|
2490
2494
|
"&:hover": {
|
|
2491
|
-
background: "var(--
|
|
2495
|
+
background: "var(--white)",
|
|
2492
2496
|
borderRadius: "10px",
|
|
2493
2497
|
transition: "all 0.2s ease 0s",
|
|
2494
2498
|
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) => {
|
|
|
2544
2548
|
alignItems: "center",
|
|
2545
2549
|
zIndex: 9999,
|
|
2546
2550
|
...theme.mixins.toolbar,
|
|
2547
|
-
background: "var(--
|
|
2551
|
+
background: "var(--white)",
|
|
2548
2552
|
justifyContent: "center",
|
|
2549
2553
|
height: "80px",
|
|
2550
2554
|
// borderBottom: "1px dashed #949597",
|
|
@@ -2641,7 +2645,7 @@ const useStylesSideBar = makeStyles((theme) => ({
|
|
|
2641
2645
|
height: "50px",
|
|
2642
2646
|
paddingLeft: theme.spacing(2),
|
|
2643
2647
|
paddingRight: theme.spacing(2),
|
|
2644
|
-
background: "var(--
|
|
2648
|
+
background: "var(--white)",
|
|
2645
2649
|
boxShadow: "3px 6px 9px rgba(93, 95, 121, 0.26)",
|
|
2646
2650
|
"& svg": {
|
|
2647
2651
|
// color: theme.palette.primary.main,
|
|
@@ -2740,14 +2744,14 @@ const useStylesSideBar = makeStyles((theme) => ({
|
|
|
2740
2744
|
},
|
|
2741
2745
|
},
|
|
2742
2746
|
linktext: {
|
|
2743
|
-
backgroundColor: "var(--
|
|
2747
|
+
backgroundColor: "var(--white)",
|
|
2744
2748
|
"&:hover": {
|
|
2745
2749
|
background: "var(--theme-color1)",
|
|
2746
2750
|
"& div": {
|
|
2747
|
-
color: "var(--
|
|
2751
|
+
color: "var(--white) !important",
|
|
2748
2752
|
},
|
|
2749
2753
|
"& div > svg": {
|
|
2750
|
-
color: "var(--
|
|
2754
|
+
color: "var(--white) !important",
|
|
2751
2755
|
},
|
|
2752
2756
|
},
|
|
2753
2757
|
},
|
|
@@ -2760,14 +2764,14 @@ const useStylesSideBar = makeStyles((theme) => ({
|
|
|
2760
2764
|
backgroundColor: "rgba(0, 0, 0, 0.04)",
|
|
2761
2765
|
},
|
|
2762
2766
|
"& *": {
|
|
2763
|
-
color: "var(--
|
|
2767
|
+
color: "var(--white)",
|
|
2764
2768
|
},
|
|
2765
2769
|
},
|
|
2766
2770
|
},
|
|
2767
2771
|
openCurrent: {
|
|
2768
2772
|
backgroundColor: "var(--theme-color1)",
|
|
2769
2773
|
"& *": {
|
|
2770
|
-
color: "var(--
|
|
2774
|
+
color: "var(--white)",
|
|
2771
2775
|
},
|
|
2772
2776
|
"&:hover": {
|
|
2773
2777
|
backgroundColor: "var(--theme-color1)",
|
|
@@ -2783,7 +2787,7 @@ const useStylesSideBar = makeStyles((theme) => ({
|
|
|
2783
2787
|
activeMenuItem: {
|
|
2784
2788
|
backgroundColor: "var(--theme-color1)!important ",
|
|
2785
2789
|
"& > div": {
|
|
2786
|
-
color: "var(--
|
|
2790
|
+
color: "var(--white)!important",
|
|
2787
2791
|
},
|
|
2788
2792
|
"& svg": {
|
|
2789
2793
|
color: "var(--theme-color4)",
|