@acuteinfo/common-screens 1.0.44 → 1.0.45

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
+ --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 'D:/Acute/ReactJs-Common-Framework/AcuteBaseReactJS/src/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 'D:/Acute/ReactJs-Common-Framework/AcuteBaseReactJS/src/assets/verify~MOgwPpDY.css';
15
17
  import CryptoJS from 'crypto-js';
18
+ import 'D:/Acute/ReactJs-Common-Framework/AcuteBaseReactJS/src/assets/styles~ILuxAzHT.css';
16
19
  import { useQuery, useMutation } from 'react-query';
20
+ import BecomePartnerImg from 'D:/Acute/ReactJs-Common-Framework/AcuteBaseReactJS/src/assets/BecomePartnerImg~cwVtJhaB.svg';
21
+ import Waving_hand from 'D:/Acute/ReactJs-Common-Framework/AcuteBaseReactJS/src/assets/waving-hand~JqQoivUD.png';
17
22
  import { styled } from '@mui/material/styles';
23
+ import USER_PROFILE_DEFAULT from 'D:/Acute/ReactJs-Common-Framework/AcuteBaseReactJS/src/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",