@acuteinfo/common-screens 1.0.44 → 1.0.46
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.
- package/dist/assets/index~foExWrzU.css +10 -0
- package/dist/assets/index~foExWrzU.css.map +1 -0
- package/dist/assets/styles~ILuxAzHT.css +64 -0
- package/dist/assets/styles~ILuxAzHT.css.map +1 -0
- package/dist/assets/verify~MOgwPpDY.css +58 -0
- package/dist/assets/verify~MOgwPpDY.css.map +1 -0
- package/dist/index.js +6 -42
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/rollup.config.mjs +12 -7
- package/tsconfig.json +3 -2
- /package/dist/{BecomePartnerImg.svg → assets/BecomePartnerImg~cwVtJhaB.svg} +0 -0
- /package/dist/{profile-default.png → assets/profile-default~evuVPsgu.png} +0 -0
- /package/dist/{waving-hand.png → assets/waving-hand~JqQoivUD.png} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--theme-color1: #07288e;
|
|
3
|
+
--theme-color2: #ffffff;
|
|
4
|
+
--theme-color3: #4263c7;
|
|
5
|
+
--theme-color4: #eceff9;
|
|
6
|
+
--theme-color5: linear-gradient(71.66deg, #4285f4 -2.97%, #885df5 111.3%);
|
|
7
|
+
--theme-color6: rgba(148, 149, 151, 1);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/*# sourceMappingURL=index~foExWrzU.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/assets/css/index.css"],"names":[],"mappings":"AAAA;EACE,uBAAuB;EACvB,uBAAuB;EACvB,uBAAuB;EACvB,uBAAuB;EACvB,yEAAyE;EACzE,sCAAsC;AACxC","file":"index~foExWrzU.css","sourcesContent":[":root {\r\n --theme-color1: #07288e;\r\n --theme-color2: #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"]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
* {
|
|
2
|
+
margin: 0;
|
|
3
|
+
padding: 0;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.sideImage {
|
|
8
|
+
margin: 0;
|
|
9
|
+
padding: 0;
|
|
10
|
+
height: 100%;
|
|
11
|
+
position: relative;
|
|
12
|
+
z-index: 1;
|
|
13
|
+
display: flex;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.bank-name,
|
|
17
|
+
.emp-id {
|
|
18
|
+
margin: 8px 0px;
|
|
19
|
+
font-weight: 600;
|
|
20
|
+
font-size: 18px;
|
|
21
|
+
line-height: 1em;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.bank-name {
|
|
25
|
+
word-wrap: break-word;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.name-heading {
|
|
29
|
+
font-weight: 400;
|
|
30
|
+
color: var(--theme-color1);
|
|
31
|
+
position: relative;
|
|
32
|
+
z-index: 1;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.name-heading span {
|
|
36
|
+
color: var(--theme-color1);
|
|
37
|
+
|
|
38
|
+
font-weight: 700;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/*
|
|
42
|
+
.bank-name {
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
text-overflow: ellipsis;
|
|
45
|
+
}
|
|
46
|
+
.bank-name-container {
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.bank-name {
|
|
51
|
+
animation: marquee 15s linear infinite;
|
|
52
|
+
white-space: nowrap;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@keyframes marquee {
|
|
56
|
+
0% {
|
|
57
|
+
transform: translateX(100%);
|
|
58
|
+
}
|
|
59
|
+
100% {
|
|
60
|
+
transform: translateX(-100%);
|
|
61
|
+
}
|
|
62
|
+
} */
|
|
63
|
+
|
|
64
|
+
/*# sourceMappingURL=styles~ILuxAzHT.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/pages/branchSelection/styles.css"],"names":[],"mappings":"AAAA;EACE,SAAS;EACT,UAAU;EACV,sBAAsB;AACxB;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,UAAU;EACV,aAAa;AACf;;AAEA;;EAEE,eAAe;EACf,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,UAAU;AACZ;;AACA;EACE,0BAA0B;;EAE1B,gBAAgB;AAClB;;AACA;;;;;;;;;;;;;;;;;;;;;GAqBG","file":"styles~ILuxAzHT.css","sourcesContent":["* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\n.sideImage {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n}\r\n\r\n.bank-name,\r\n.emp-id {\r\n margin: 8px 0px;\r\n font-weight: 600;\r\n font-size: 18px;\r\n line-height: 1em;\r\n}\r\n\r\n.bank-name {\r\n word-wrap: break-word;\r\n}\r\n\r\n.name-heading {\r\n font-weight: 400;\r\n color: var(--theme-color1);\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.name-heading span {\r\n color: var(--theme-color1);\r\n\r\n font-weight: 700;\r\n}\r\n/* \r\n.bank-name {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n.bank-name-container {\r\n overflow: hidden;\r\n}\r\n\r\n.bank-name {\r\n animation: marquee 15s linear infinite;\r\n white-space: nowrap;\r\n}\r\n\r\n@keyframes marquee {\r\n 0% {\r\n transform: translateX(100%);\r\n }\r\n 100% {\r\n transform: translateX(-100%);\r\n }\r\n} */\r\n"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
.spinner-wrap {
|
|
2
|
+
position: relative;
|
|
3
|
+
/* margin-top: 200px; */
|
|
4
|
+
}
|
|
5
|
+
.spinner-item {
|
|
6
|
+
/* border: 1px solid red; */
|
|
7
|
+
border: 1px solid #949597;
|
|
8
|
+
border-radius: 50%;
|
|
9
|
+
height: 250px;
|
|
10
|
+
width: 250px;
|
|
11
|
+
position: absolute;
|
|
12
|
+
left: 50%;
|
|
13
|
+
top: 50%;
|
|
14
|
+
transform: translate(-50%, -50%);
|
|
15
|
+
opacity: 0;
|
|
16
|
+
animation: zoom 2s linear 0.75s infinite;
|
|
17
|
+
}
|
|
18
|
+
.spinner-item--2 {
|
|
19
|
+
animation-delay: 1.25s;
|
|
20
|
+
}
|
|
21
|
+
.spinner-item--3 {
|
|
22
|
+
animation-delay: 1.75s;
|
|
23
|
+
}
|
|
24
|
+
@keyframes zoom {
|
|
25
|
+
0% {
|
|
26
|
+
transform: translate(-50%, -50%) scale(0.1);
|
|
27
|
+
opacity: 0;
|
|
28
|
+
}
|
|
29
|
+
50% {
|
|
30
|
+
opacity: 9;
|
|
31
|
+
}
|
|
32
|
+
100% {
|
|
33
|
+
transform: translate(-50%, -50%) scale(0.6);
|
|
34
|
+
opacity: 0;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
.image {
|
|
38
|
+
position: absolute;
|
|
39
|
+
top: 50%;
|
|
40
|
+
left: 50%;
|
|
41
|
+
transform: translate(-50%, -50%);
|
|
42
|
+
height: 50px;
|
|
43
|
+
}
|
|
44
|
+
.progress {
|
|
45
|
+
border: 1px solid #b0b0b0;
|
|
46
|
+
width: 20em;
|
|
47
|
+
border-radius: 4px;
|
|
48
|
+
box-shadow: 0 0 3px #b0b0;
|
|
49
|
+
backdrop-filter: blur(2px) brightness(101%);
|
|
50
|
+
margin: 0 auto;
|
|
51
|
+
}
|
|
52
|
+
.bar {
|
|
53
|
+
background: #4263c7;
|
|
54
|
+
width: 65%;
|
|
55
|
+
height: 4px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/*# sourceMappingURL=verify~MOgwPpDY.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/pages/auth/verify.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,uBAAuB;AACzB;AACA;EACE,2BAA2B;EAC3B,yBAAyB;EACzB,kBAAkB;EAClB,aAAa;EACb,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;EAChC,UAAU;EACV,wCAAwC;AAC1C;AACA;EACE,sBAAsB;AACxB;AACA;EACE,sBAAsB;AACxB;AACA;EACE;IACE,2CAA2C;IAC3C,UAAU;EACZ;EACA;IACE,UAAU;EACZ;EACA;IACE,2CAA2C;IAC3C,UAAU;EACZ;AACF;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;EAChC,YAAY;AACd;AACA;EACE,yBAAyB;EACzB,WAAW;EACX,kBAAkB;EAClB,yBAAyB;EACzB,2CAA2C;EAC3C,cAAc;AAChB;AAEA;EACE,mBAAmB;EACnB,UAAU;EACV,WAAW;AACb","file":"verify~MOgwPpDY.css","sourcesContent":[".spinner-wrap {\r\n position: relative;\r\n /* margin-top: 200px; */\r\n}\r\n.spinner-item {\r\n /* border: 1px solid red; */\r\n border: 1px solid #949597;\r\n border-radius: 50%;\r\n height: 250px;\r\n width: 250px;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n opacity: 0;\r\n animation: zoom 2s linear 0.75s infinite;\r\n}\r\n.spinner-item--2 {\r\n animation-delay: 1.25s;\r\n}\r\n.spinner-item--3 {\r\n animation-delay: 1.75s;\r\n}\r\n@keyframes zoom {\r\n 0% {\r\n transform: translate(-50%, -50%) scale(0.1);\r\n opacity: 0;\r\n }\r\n 50% {\r\n opacity: 9;\r\n }\r\n 100% {\r\n transform: translate(-50%, -50%) scale(0.6);\r\n opacity: 0;\r\n }\r\n}\r\n.image {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n height: 50px;\r\n}\r\n.progress {\r\n border: 1px solid #b0b0b0;\r\n width: 20em;\r\n border-radius: 4px;\r\n box-shadow: 0 0 3px #b0b0;\r\n backdrop-filter: blur(2px) brightness(101%);\r\n margin: 0 auto;\r\n}\r\n\r\n.bar {\r\n background: #4263c7;\r\n width: 65%;\r\n height: 4px;\r\n}\r\n"]}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import 'regenerator-runtime/runtime';
|
|
2
|
+
import './assets/index~foExWrzU.css';
|
|
2
3
|
import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
3
4
|
import { TextField, GradientButton, utilFunction, ClearCacheProvider, queryClient, Alert, GridWrapper, SearchBar } from '@acuteinfo/common-base';
|
|
4
5
|
import { useState, useRef, useEffect, Fragment, useMemo, useReducer, useCallback } from 'react';
|
|
@@ -12,9 +13,14 @@ import IconButton$1 from '@mui/material/IconButton';
|
|
|
12
13
|
import clsx from 'clsx';
|
|
13
14
|
import { useSnackbar } from 'notistack';
|
|
14
15
|
import FingerprintSharpIcon from '@mui/icons-material/FingerprintSharp';
|
|
16
|
+
import './assets/verify~MOgwPpDY.css';
|
|
15
17
|
import CryptoJS from 'crypto-js';
|
|
18
|
+
import './assets/styles~ILuxAzHT.css';
|
|
16
19
|
import { useQuery, useMutation } from 'react-query';
|
|
20
|
+
import BecomePartnerImg from './assets/BecomePartnerImg~cwVtJhaB.svg';
|
|
21
|
+
import Waving_hand from './assets/waving-hand~JqQoivUD.png';
|
|
17
22
|
import { styled } from '@mui/material/styles';
|
|
23
|
+
import USER_PROFILE_DEFAULT from './assets/profile-default~evuVPsgu.png';
|
|
18
24
|
import LogoutIcon from '@mui/icons-material/Logout';
|
|
19
25
|
import MenuOutlinedIcon from '@mui/icons-material/MenuOutlined';
|
|
20
26
|
import { format } from 'date-fns';
|
|
@@ -26,36 +32,6 @@ import { library } from '@fortawesome/fontawesome-svg-core';
|
|
|
26
32
|
import { faHandsHelping, faUsers, faBars, faBalanceScale, faHandHoldingHeart, faTasks, faCog, faHome, faTh, faUsersCog, faCircle, faUserCircle, faHashtag, faThumbtack, faSquare, faLink, faQuestion, faPlus, faTable, faLocationArrow, faHeadset, faGears, faArrowDown, faArrowUp, faSpinner, faCircleExclamation, faRotateRight, faUserLock, faUserClock, faGripHorizontal, faFileLines, faGear, faHeadphones, faUsersGear, faMessage, faUnlock, faUserPlus, faUserCheck, faKey, faIdCard, faIdBadge, faCheck, faCheckDouble, faCircleCheck, faCircleXmark, faUserTag, faAddressCard, faChartColumn, faUserPen, faHandHolding, faHandHoldingMedical, faObjectGroup, faTowerCell, faTowerObservation, faBuilding, faMailBulk, faLandmarkFlag, faCreditCard, faHospitalSymbol, faPlugCircleBolt, faCodeBranch, faPersonCircleCheck, faBank, faServer, faNotesMedical, faA, faB, faC, faD, faE, faF, faG, faH, faI, faJ, faK, faL, faM, faN, faO, faP, faQ, faR, faS, faT, faU, faV, faW, faX, faY, faZ } from '@fortawesome/free-solid-svg-icons';
|
|
27
33
|
import 'lodash';
|
|
28
34
|
|
|
29
|
-
function styleInject(css, ref) {
|
|
30
|
-
if ( ref === void 0 ) ref = {};
|
|
31
|
-
var insertAt = ref.insertAt;
|
|
32
|
-
|
|
33
|
-
if (!css || typeof document === 'undefined') { return; }
|
|
34
|
-
|
|
35
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
36
|
-
var style = document.createElement('style');
|
|
37
|
-
style.type = 'text/css';
|
|
38
|
-
|
|
39
|
-
if (insertAt === 'top') {
|
|
40
|
-
if (head.firstChild) {
|
|
41
|
-
head.insertBefore(style, head.firstChild);
|
|
42
|
-
} else {
|
|
43
|
-
head.appendChild(style);
|
|
44
|
-
}
|
|
45
|
-
} else {
|
|
46
|
-
head.appendChild(style);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
if (style.styleSheet) {
|
|
50
|
-
style.styleSheet.cssText = css;
|
|
51
|
-
} else {
|
|
52
|
-
style.appendChild(document.createTextNode(css));
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
var css_248z$2 = ":root{--theme-color1:#07288e;--theme-color2:#fff;--theme-color3:#4263c7;--theme-color4:#eceff9;--theme-color5:linear-gradient(71.66deg,#4285f4 -2.97%,#885df5 111.3%);--theme-color6:#949597}";
|
|
57
|
-
styleInject(css_248z$2);
|
|
58
|
-
|
|
59
35
|
const useStyles$3 = makeStyles((theme) => ({
|
|
60
36
|
wrapper: {
|
|
61
37
|
minHeight: "100vh",
|
|
@@ -615,9 +591,6 @@ const OTPModelForm = ({ classes, OTPResendRequest, handleClose, loginState, Veri
|
|
|
615
591
|
disabled: loginState.loading, onClick: ClickEventHandler, ref: inputButtonRef, className: classes.otpButtons, children: loginState.otploading ? (jsx(CircularProgress, { size: 25, thickness: 4.6 })) : (t("otp.VerifyOTP")) })] })] }) }) }));
|
|
616
592
|
};
|
|
617
593
|
|
|
618
|
-
var css_248z$1 = ".spinner-wrap{position:relative}.spinner-item{animation:zoom 2s linear .75s infinite;border:1px solid #949597;border-radius:50%;height:250px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:250px}.spinner-item--2{animation-delay:1.25s}.spinner-item--3{animation-delay:1.75s}@keyframes zoom{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.6)}}.image{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress{backdrop-filter:blur(2px) brightness(101%);border:1px solid #b0b0b0;border-radius:4px;box-shadow:0 0 3px #b0b0;margin:0 auto;width:20em}.bar{background:#4263c7;height:4px;width:65%}";
|
|
619
|
-
styleInject(css_248z$1);
|
|
620
|
-
|
|
621
594
|
const VerifyFinger = ({ classes, loginState, verifyFinger, previousStep, }) => {
|
|
622
595
|
const { t } = useTranslation();
|
|
623
596
|
return (jsx(Fragment, { children: jsx(Container, { maxWidth: "xs", children: jsxs(Grid, { alignItems: "center", children: [jsxs("div", { style: {
|
|
@@ -2055,13 +2028,6 @@ const BranchSelectionGridMetaData = {
|
|
|
2055
2028
|
],
|
|
2056
2029
|
};
|
|
2057
2030
|
|
|
2058
|
-
var css_248z = "*{box-sizing:border-box}*,.sideImage{margin:0;padding:0}.sideImage{display:flex;height:100%;position:relative;z-index:1}.bank-name,.emp-id{font-size:18px;font-weight:600;line-height:1em;margin:8px 0}.bank-name{word-wrap:break-word}.name-heading{color:var(--theme-color1);font-weight:400;position:relative;z-index:1}.name-heading span{color:var(--theme-color1);font-weight:700}";
|
|
2059
|
-
styleInject(css_248z);
|
|
2060
|
-
|
|
2061
|
-
var BecomePartnerImg = "BecomePartnerImg.svg";
|
|
2062
|
-
|
|
2063
|
-
var Waving_hand = "waving-hand.png";
|
|
2064
|
-
|
|
2065
2031
|
const useStyles$2 = makeStyles((theme) => ({
|
|
2066
2032
|
heading_user_img: {
|
|
2067
2033
|
width: "40px",
|
|
@@ -2078,8 +2044,6 @@ const useStyles$2 = makeStyles((theme) => ({
|
|
|
2078
2044
|
},
|
|
2079
2045
|
}));
|
|
2080
2046
|
|
|
2081
|
-
var USER_PROFILE_DEFAULT = "profile-default.png";
|
|
2082
|
-
|
|
2083
2047
|
const actions = [
|
|
2084
2048
|
{
|
|
2085
2049
|
actionName: "back",
|