@djb25/digit-ui-module-ekyc 1.0.2 → 1.0.3
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/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +11 -11
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ConnectionDetailsView.js +83 -79
- package/src/components/DesktopInbox.js +117 -126
- package/src/components/SearchConsumer.js +103 -102
- package/src/pages/employee/AadhaarVerification.js +403 -320
- package/src/pages/employee/AddressDetails.js +560 -421
- package/src/pages/employee/Review.js +123 -98
|
@@ -4,119 +4,120 @@ import { useTranslation } from "react-i18next";
|
|
|
4
4
|
import StatusCards from "./StatusCards";
|
|
5
5
|
|
|
6
6
|
const SearchConsumer = ({ onSearch, searchParams, FilterComponent, children, ...props }) => {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
const { t } = useTranslation();
|
|
8
|
+
const [_searchParams, setSearchParams] = useState(() => ({ ...searchParams }));
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const onChange = (key, value) => {
|
|
11
|
+
setSearchParams((prev) => ({ ...prev, [key]: value }));
|
|
12
|
+
};
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const onSubmit = (e) => {
|
|
15
|
+
if (e && e.preventDefault) e.preventDefault();
|
|
16
|
+
onSearch(_searchParams);
|
|
17
|
+
};
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
const onClear = () => {
|
|
20
|
+
const cleared = { kNumber: "", kName: "" };
|
|
21
|
+
setSearchParams(cleared);
|
|
22
|
+
onSearch(cleared);
|
|
23
|
+
};
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
return (
|
|
26
|
+
<div className="inbox-container">
|
|
27
|
+
<div className="filters-container">
|
|
28
|
+
{/* Sidebar Title Card */}
|
|
29
|
+
<Card
|
|
30
|
+
className="sidebar-title-card"
|
|
31
|
+
style={{ display: "flex", alignItems: "center", padding: "16px", marginBottom: "16px", borderRadius: "4px" }}
|
|
32
|
+
>
|
|
33
|
+
<div className="icon-container" style={{ color: "#3A8DCC", marginRight: "12px" }}>
|
|
34
|
+
<HomeIcon style={{ width: "24px", height: "24px" }} />
|
|
35
|
+
</div>
|
|
36
|
+
<div style={{ fontWeight: "700", fontSize: "18px", color: "#0B0C0C" }}>{t("ACTION_CREATE_EKYC")}</div>
|
|
37
|
+
</Card>
|
|
37
38
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
<div>
|
|
40
|
+
{FilterComponent && (
|
|
41
|
+
<FilterComponent
|
|
42
|
+
defaultSearchParams={props.defaultSearchParams}
|
|
43
|
+
onFilterChange={props.onSearch}
|
|
44
|
+
searchParams={searchParams}
|
|
45
|
+
type="desktop"
|
|
46
|
+
moduleCode="EKYC"
|
|
47
|
+
/>
|
|
48
|
+
)}
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
50
51
|
|
|
51
|
-
|
|
52
|
-
|
|
52
|
+
<div style={{ flex: 1, marginLeft: "16px" }}>
|
|
53
|
+
{/* <Card className="ekyc-metrics-card" style={{ marginBottom: "16px", padding: "16px" }}>
|
|
53
54
|
<StatusCards countData={props.countData} />
|
|
54
55
|
</Card> */}
|
|
55
56
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
57
|
+
<Card
|
|
58
|
+
className="ekyc-search-card"
|
|
59
|
+
style={{ padding: "24px", marginBottom: "24px", borderRadius: "12px", boxShadow: "0 4px 12px rgba(0,0,0,0.05)" }}
|
|
60
|
+
>
|
|
61
|
+
<Header style={{ fontSize: "24px", marginBottom: "20px", fontWeight: "700", color: "#0B0C0C" }}>{t("EKYC_SEARCH_CONSUMER_HEADER")}</Header>
|
|
62
|
+
<form onSubmit={onSubmit}>
|
|
63
|
+
<div style={{ display: "flex", gap: "24px", alignItems: "flex-end", flexWrap: "wrap" }}>
|
|
64
|
+
<div style={{ flex: "1", minWidth: "250px" }}>
|
|
65
|
+
<div className="filter-label" style={{ fontWeight: "600", marginBottom: "8px", fontSize: "14px", color: "#505A5F" }}>
|
|
66
|
+
{t("EKYC_K_NUMBER")}
|
|
67
|
+
</div>
|
|
68
|
+
<div style={{ position: "relative" }}>
|
|
69
|
+
<TextInput
|
|
70
|
+
value={_searchParams?.kNumber}
|
|
71
|
+
onChange={(e) => onChange("kNumber", e.target.value)}
|
|
72
|
+
placeholder={t("EKYC_K_NUMBER_PLACEHOLDER")}
|
|
73
|
+
style={{ borderRadius: "8px", paddingLeft: "12px", height: "44px" }}
|
|
74
|
+
/>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
75
77
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
78
|
+
<div style={{ flex: "1", minWidth: "250px" }}>
|
|
79
|
+
<div className="filter-label" style={{ fontWeight: "600", marginBottom: "8px", fontSize: "14px", color: "#505A5F" }}>
|
|
80
|
+
{t("EKYC_K_NAME")}
|
|
81
|
+
</div>
|
|
82
|
+
<div style={{ position: "relative" }}>
|
|
83
|
+
<TextInput
|
|
84
|
+
value={_searchParams?.kName}
|
|
85
|
+
onChange={(e) => onChange("kName", e.target.value)}
|
|
86
|
+
placeholder={t("EKYC_K_NAME_PLACEHOLDER")}
|
|
87
|
+
style={{ borderRadius: "8px", paddingLeft: "12px", height: "44px" }}
|
|
88
|
+
/>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
89
91
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
</div>
|
|
113
|
-
</div>
|
|
114
|
-
</form>
|
|
115
|
-
</Card>
|
|
116
|
-
{children}
|
|
92
|
+
<div style={{ display: "flex", gap: "12px", alignItems: "center" }}>
|
|
93
|
+
<button
|
|
94
|
+
type="button"
|
|
95
|
+
onClick={onClear}
|
|
96
|
+
style={{
|
|
97
|
+
background: "none",
|
|
98
|
+
border: "none",
|
|
99
|
+
color: "#0076f3ff",
|
|
100
|
+
fontWeight: "600",
|
|
101
|
+
cursor: "pointer",
|
|
102
|
+
fontSize: "14px",
|
|
103
|
+
padding: "10px",
|
|
104
|
+
}}
|
|
105
|
+
>
|
|
106
|
+
{t("ES_COMMON_CLEAR")}
|
|
107
|
+
</button>
|
|
108
|
+
<SubmitBar
|
|
109
|
+
label={t("ES_COMMON_SEARCH")}
|
|
110
|
+
onSubmit={onSubmit}
|
|
111
|
+
style={{ margin: 0, borderRadius: "8px", height: "44px", padding: "0 32px", marginTop: "-55px" }}
|
|
112
|
+
/>
|
|
113
|
+
</div>
|
|
117
114
|
</div>
|
|
118
|
-
|
|
119
|
-
|
|
115
|
+
</form>
|
|
116
|
+
</Card>
|
|
117
|
+
{children}
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
);
|
|
120
121
|
};
|
|
121
122
|
|
|
122
|
-
export default SearchConsumer;
|
|
123
|
+
export default SearchConsumer;
|