@djb25/digit-ui-module-ekyc 1.0.7 → 1.0.8

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.
Files changed (20) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +1307 -592
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/Module.js +17 -1
  7. package/src/components/ConnectionDetailsView.js +180 -59
  8. package/src/components/DesktopInbox.js +70 -72
  9. package/src/components/EKYCCard.js +4 -0
  10. package/src/components/SearchConsumer.js +104 -94
  11. package/src/components/StatusCards.js +93 -115
  12. package/src/pages/citizen/index.js +90 -0
  13. package/src/pages/employee/AadhaarVerification.js +3 -3
  14. package/src/pages/employee/AddressDetails.js +3 -2
  15. package/src/pages/employee/Create.js +19 -21
  16. package/src/pages/employee/Mapping.js +11 -0
  17. package/src/pages/employee/MeterDetails.js +486 -0
  18. package/src/pages/employee/PropertyInfo.js +10 -9
  19. package/src/pages/employee/Review.js +63 -7
  20. package/src/pages/employee/index.js +14 -1
package/dist/index.modern.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useRef, useEffect, useState, useMemo, useCallback, Fragment } from 'react';
2
- import { Link, useHistory, useRouteMatch, useLocation, Switch } from 'react-router-dom';
3
- import { PersonIcon as PersonIcon$1, EmployeeModuleCard, Modal, Loader, Card, HomeIcon, Table, Header, TextInput, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, CardHeader, StatusTable, Row, CardLabel, RadioButtons, Toast, LocationIcon, PropertyHouse, UploadFile, ActionBar, LabelFieldPair, InfoBannerIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute } from '@djb25/digit-ui-react-components';
4
2
  import { useTranslation } from 'react-i18next';
3
+ import { Link, useHistory, useRouteMatch, useLocation, Switch } from 'react-router-dom';
4
+ import { PersonIcon as PersonIcon$1, EmployeeModuleCard, Modal, Loader, Card, HomeIcon, Table, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, RadioButtons, Toast, LocationIcon, CardLabel, PropertyHouse, UploadFile, ActionBar, CardHeader, LabelFieldPair, InfoBannerIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CitizenHomeCard, DocumentIcon as DocumentIcon$1 } from '@djb25/digit-ui-react-components';
5
5
  import { Chart, registerables } from 'chart.js';
6
6
 
7
7
  const EKYCCard = () => {
@@ -36,16 +36,15 @@ const StatusCards = ({
36
36
  } = useTranslation();
37
37
  const chartRef1 = useRef(null);
38
38
  const chartInstance1 = useRef(null);
39
- const chartRef2 = useRef(null);
40
- const chartInstance2 = useRef(null);
41
39
  const total = (countData === null || countData === void 0 ? void 0 : countData.total) || 0;
42
40
  const pending = (countData === null || countData === void 0 ? void 0 : countData.pending) || 0;
43
41
  const active = (countData === null || countData === void 0 ? void 0 : countData.completed) || 0;
44
42
  const completed = 0;
45
43
  const actualCompleted = (countData === null || countData === void 0 ? void 0 : countData.completed) || 0;
46
- const applied = total;
47
44
  const approved = actualCompleted;
48
45
  const efficiency = total > 0 ? Math.round(actualCompleted / total * 100) : 0;
46
+ const healthPct = total > 0 ? Math.round(approved / total * 100) : 0;
47
+ const formatNumber = num => new Intl.NumberFormat("en-IN").format(num || 0);
49
48
  useEffect(() => {
50
49
  if (chartRef1.current) {
51
50
  if (chartInstance1.current) chartInstance1.current.destroy();
@@ -53,10 +52,10 @@ const StatusCards = ({
53
52
  chartInstance1.current = new Chart(ctx1, {
54
53
  type: "doughnut",
55
54
  data: {
56
- labels: [t("EKYC_ACTIVE"), t("EKYC_COMPLETED"), t("EKYC_PENDING")],
55
+ labels: [t("EKYC_ACTIVE"), t("EKYC_PENDING"), t("EKYC_COMPLETED")],
57
56
  datasets: [{
58
- data: [active, completed, pending],
59
- backgroundColor: ["#1a3a6b", "#77B6EA", "#3d84ed"],
57
+ data: [active, pending, completed],
58
+ backgroundColor: ["#0c2a52", "#77B6EA", "#c8ddf5"],
60
59
  borderColor: ["#ffffff", "#ffffff", "#ffffff"],
61
60
  borderWidth: 2,
62
61
  hoverOffset: 4
@@ -69,255 +68,124 @@ const StatusCards = ({
69
68
  display: false
70
69
  }
71
70
  },
72
- maintainAspectRatio: true,
73
- responsive: true,
74
- aspectRatio: 1
75
- }
76
- });
77
- }
78
- if (chartRef2.current) {
79
- if (chartInstance2.current) chartInstance2.current.destroy();
80
- const ctx2 = chartRef2.current.getContext("2d");
81
- chartInstance2.current = new Chart(ctx2, {
82
- type: "doughnut",
83
- data: {
84
- labels: [t("EKYC_APPROVED"), t("EKYC_OTHERS")],
85
- datasets: [{
86
- data: [approved, Math.max(0, applied - approved)],
87
- backgroundColor: ["#219653", "#E0E0E0"],
88
- borderColor: ["#ffffff", "#ffffff"],
89
- borderWidth: 2,
90
- hoverOffset: 4
91
- }]
92
- },
93
- options: {
94
- cutout: "75%",
95
- plugins: {
96
- legend: {
97
- display: false
98
- }
99
- },
100
- maintainAspectRatio: true,
101
- responsive: true,
102
- aspectRatio: 1
71
+ maintainAspectRatio: false,
72
+ responsive: true
103
73
  }
104
74
  });
105
75
  }
106
76
  return () => {
107
77
  if (chartInstance1.current) chartInstance1.current.destroy();
108
- if (chartInstance2.current) chartInstance2.current.destroy();
109
78
  };
110
- }, [pending, completed, active, applied, approved, t]);
111
- const formatNumber = num => {
112
- return new Intl.NumberFormat("en-IN").format(num || 0);
113
- };
79
+ }, [pending, completed, active, t]);
80
+ const legendItems = [{
81
+ color: "#0c2a52",
82
+ label: t("EKYC_ACTIVE"),
83
+ value: active
84
+ }, {
85
+ color: "#77B6EA",
86
+ label: t("EKYC_PENDING"),
87
+ value: pending
88
+ }, {
89
+ color: "#c8ddf5",
90
+ label: t("EKYC_COMPLETED"),
91
+ value: completed
92
+ }];
114
93
  return /*#__PURE__*/React.createElement("div", {
115
- style: {
116
- fontFamily: "'Segoe UI', sans-serif",
117
- width: "100%"
118
- }
94
+ className: "ekyc-employee-container"
119
95
  }, /*#__PURE__*/React.createElement("div", {
120
- style: {
121
- display: "flex",
122
- justifyContent: "space-between",
123
- alignItems: "flex-start",
124
- flexWrap: "wrap",
125
- gap: "24px"
126
- }
96
+ className: "status-cards-wrapper"
127
97
  }, /*#__PURE__*/React.createElement("div", {
128
- style: {
129
- flex: "1",
130
- minWidth: "250px"
131
- }
98
+ className: "status-cards-header"
99
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
100
+ className: "eyebrow"
101
+ }, /*#__PURE__*/React.createElement("span", {
102
+ className: "eyebrow-dot"
103
+ }), t("EKYC_INSTITUTIONAL_OVERVIEW") || "Institutional Performance Overview"), /*#__PURE__*/React.createElement("h1", {
104
+ className: "status-cards-h1"
105
+ }, t("EKYC_DASHBOARD_TITLE") || "eKYC Verification Dashboard"), /*#__PURE__*/React.createElement("p", {
106
+ className: "status-cards-subtitle"
107
+ }, t("EKYC_DASHBOARD_SUBTITLE") || "Real-time monitoring of consumer verification workflows across all administrative zones.")), /*#__PURE__*/React.createElement("div", {
108
+ className: "total-applications-card"
132
109
  }, /*#__PURE__*/React.createElement("div", {
133
- style: {
134
- fontSize: "11px",
135
- fontWeight: "700",
136
- color: "#888",
137
- letterSpacing: "1px",
138
- marginBottom: "16px",
139
- textTransform: "uppercase"
140
- }
141
- }, t("EKYC_DASHBOARD_METRICS") || "DASHBOARD METRICS"), /*#__PURE__*/React.createElement("div", {
142
- style: {
143
- display: "flex",
144
- flexDirection: "column",
145
- gap: "12px"
146
- }
110
+ className: "total-label"
111
+ }, t("EKYC_TOTAL_APPLICATIONS") || "Total Applications Processed"), /*#__PURE__*/React.createElement("div", {
112
+ className: "total-number"
113
+ }, formatNumber(total)), /*#__PURE__*/React.createElement("div", {
114
+ className: "total-badge"
115
+ }, "\u2197 +12.4% ", t("EKYC_FROM_LAST_QUARTER") || "from last quarter"))), /*#__PURE__*/React.createElement("div", {
116
+ className: "status-panels-grid"
147
117
  }, /*#__PURE__*/React.createElement("div", {
148
- style: {
149
- display: "flex",
150
- alignItems: "center",
151
- gap: "10px"
152
- }
153
- }, /*#__PURE__*/React.createElement("span", {
154
- style: {
155
- width: "12px",
156
- height: "12px",
157
- borderRadius: "50%",
158
- backgroundColor: "#1a3a6b",
159
- flexShrink: 0
160
- }
161
- }), /*#__PURE__*/React.createElement("span", {
162
- style: {
163
- fontSize: "14px",
164
- color: "#333"
165
- }
166
- }, t("EKYC_ACTIVE"), ": ", /*#__PURE__*/React.createElement("strong", {
167
- style: {
168
- color: "#1a3a6b"
169
- }
170
- }, formatNumber(active)))), /*#__PURE__*/React.createElement("div", {
171
- style: {
172
- display: "flex",
173
- alignItems: "center",
174
- gap: "10px"
175
- }
118
+ className: "status-panel"
119
+ }, /*#__PURE__*/React.createElement("div", {
120
+ className: "panel-title"
121
+ }, t("EKYC_STATUS_BREAKDOWN") || "Status Breakdown"), /*#__PURE__*/React.createElement("div", {
122
+ className: "panel-subtitle"
123
+ }, t("EKYC_VERIFICATION_LIFECYCLE") || "Verification lifecycle distribution"), /*#__PURE__*/React.createElement("div", {
124
+ className: "breakdown-body"
125
+ }, /*#__PURE__*/React.createElement("div", {
126
+ className: "status-legend"
127
+ }, legendItems.map(item => /*#__PURE__*/React.createElement("div", {
128
+ key: item.label,
129
+ className: "legend-row"
176
130
  }, /*#__PURE__*/React.createElement("span", {
177
- style: {
178
- width: "12px",
179
- height: "12px",
180
- borderRadius: "50%",
181
- backgroundColor: "#3d84ed",
182
- flexShrink: 0
183
- }
184
- }), /*#__PURE__*/React.createElement("span", {
185
- style: {
186
- fontSize: "14px",
187
- color: "#333"
188
- }
189
- }, t("EKYC_PENDING"), ": ", /*#__PURE__*/React.createElement("strong", {
190
- style: {
191
- color: "#1a3a6b"
192
- }
193
- }, formatNumber(pending)))), /*#__PURE__*/React.createElement("div", {
194
- style: {
195
- display: "flex",
196
- alignItems: "center",
197
- gap: "10px"
198
- }
131
+ className: "legend-label"
199
132
  }, /*#__PURE__*/React.createElement("span", {
133
+ className: "indicator-dot",
200
134
  style: {
201
- width: "12px",
202
- height: "12px",
203
- borderRadius: "50%",
204
- backgroundColor: "#77B6EA",
205
- flexShrink: 0
206
- }
207
- }), /*#__PURE__*/React.createElement("span", {
208
- style: {
209
- fontSize: "14px",
210
- color: "#333"
211
- }
212
- }, t("EKYC_COMPLETED"), ": ", /*#__PURE__*/React.createElement("strong", {
213
- style: {
214
- color: "#1a3a6b"
135
+ background: item.color
215
136
  }
216
- }, formatNumber(completed)))), /*#__PURE__*/React.createElement("div", {
137
+ }), item.label), /*#__PURE__*/React.createElement("span", {
138
+ className: "legend-value"
139
+ }, formatNumber(item.value))))), /*#__PURE__*/React.createElement("div", {
140
+ className: "chart-wrapper"
141
+ }, /*#__PURE__*/React.createElement("canvas", {
142
+ ref: chartRef1,
217
143
  style: {
218
- marginTop: "20px",
219
- padding: "16px",
220
- background: "#f8faff",
221
- borderRadius: "8px",
222
- border: "1px solid #eef2f6"
144
+ width: "100%",
145
+ height: "100%"
223
146
  }
147
+ }), /*#__PURE__*/React.createElement("div", {
148
+ className: "chart-center"
224
149
  }, /*#__PURE__*/React.createElement("div", {
225
- style: {
226
- fontSize: "32px",
227
- fontWeight: "800",
228
- color: "#1a3a6b",
229
- lineHeight: 1
230
- }
231
- }, formatNumber(total)), /*#__PURE__*/React.createElement("div", {
232
- style: {
233
- fontSize: "12px",
234
- color: "#667085",
235
- marginTop: "4px",
236
- fontWeight: "600"
237
- }
238
- }, t("EKYC_TOTAL_APPLICATIONS") || "Total Applications Applied")))), /*#__PURE__*/React.createElement("div", {
239
- style: {
240
- display: "flex",
241
- gap: "32px",
242
- alignItems: "center",
243
- justifyContent: "flex-end",
244
- flexWrap: "wrap"
245
- }
150
+ className: "chart-percentage"
151
+ }, efficiency, "%"), /*#__PURE__*/React.createElement("div", {
152
+ className: "chart-label"
153
+ }, t("EKYC_COMPLETE") || "Complete"))))), /*#__PURE__*/React.createElement("div", {
154
+ className: "status-panel"
246
155
  }, /*#__PURE__*/React.createElement("div", {
247
- style: {
248
- textAlign: "center"
249
- }
156
+ className: "panel-title"
157
+ }, t("EKYC_SUBMISSION_HEALTH") || "Submission Health", /*#__PURE__*/React.createElement("span", {
158
+ className: "optimal-badge"
159
+ }, t("EKYC_OPTIMAL") || "Optimal")), /*#__PURE__*/React.createElement("div", {
160
+ className: "panel-subtitle"
161
+ }, t("EKYC_PLATFORM_EFFICIENCY") || "Platform operational efficiency"), /*#__PURE__*/React.createElement("div", {
162
+ className: "health-metrics-row"
250
163
  }, /*#__PURE__*/React.createElement("div", {
251
- style: {
252
- width: "140px",
253
- height: "140px",
254
- position: "relative"
255
- }
256
- }, /*#__PURE__*/React.createElement("canvas", {
257
- ref: chartRef1
258
- }), /*#__PURE__*/React.createElement("div", {
259
- style: {
260
- position: "absolute",
261
- top: "50%",
262
- left: "50%",
263
- transform: "translate(-50%, -50%)",
264
- textAlign: "center",
265
- pointerEvents: "none",
266
- width: "100%"
267
- }
164
+ className: "health-percentage"
165
+ }, healthPct, "%"), /*#__PURE__*/React.createElement("div", {
166
+ className: "health-trend"
167
+ }, "\u2197 +2.1%")), /*#__PURE__*/React.createElement("div", {
168
+ className: "status-progress-bar"
268
169
  }, /*#__PURE__*/React.createElement("div", {
170
+ className: "progress-fill",
269
171
  style: {
270
- fontSize: "9px",
271
- color: "#667085",
272
- fontWeight: "700",
273
- marginTop: "4px"
274
- }
275
- }, efficiency, "%"))), /*#__PURE__*/React.createElement("div", {
276
- style: {
277
- marginTop: "8px",
278
- fontSize: "11px",
279
- fontWeight: "700",
280
- color: "#888",
281
- textTransform: "uppercase"
282
- }
283
- }, t("EKYC_STATUS_BREAKDOWN"))), /*#__PURE__*/React.createElement("div", {
284
- style: {
285
- textAlign: "center"
172
+ width: `${healthPct}%`
286
173
  }
174
+ })), /*#__PURE__*/React.createElement("div", {
175
+ className: "mini-metrics-grid"
287
176
  }, /*#__PURE__*/React.createElement("div", {
288
- style: {
289
- width: "140px",
290
- height: "140px",
291
- position: "relative"
292
- }
293
- }, /*#__PURE__*/React.createElement("canvas", {
294
- ref: chartRef2
295
- }), /*#__PURE__*/React.createElement("div", {
296
- style: {
297
- position: "absolute",
298
- top: "50%",
299
- left: "50%",
300
- transform: "translate(-50%, -50%)",
301
- textAlign: "center",
302
- pointerEvents: "none",
303
- width: "100%"
304
- }
177
+ className: "metric-box"
305
178
  }, /*#__PURE__*/React.createElement("div", {
306
- style: {
307
- fontSize: "9px",
308
- color: "#667085",
309
- fontWeight: "700",
310
- marginTop: "4px"
311
- }
312
- }, total > 0 ? Math.round(approved / total * 100) : 0, "%"))), /*#__PURE__*/React.createElement("div", {
313
- style: {
314
- marginTop: "8px",
315
- fontSize: "11px",
316
- fontWeight: "700",
317
- color: "#888",
318
- textTransform: "uppercase"
319
- }
320
- }, t("EKYC_SUBMISSION_HEALTH"))))));
179
+ className: "metric-label"
180
+ }, t("EKYC_AVG_LATENCY") || "Avg Latency"), /*#__PURE__*/React.createElement("div", {
181
+ className: "metric-value"
182
+ }, "1.2s")), /*#__PURE__*/React.createElement("div", {
183
+ className: "metric-box"
184
+ }, /*#__PURE__*/React.createElement("div", {
185
+ className: "metric-label"
186
+ }, t("EKYC_ERROR_RATE") || "Error Rate"), /*#__PURE__*/React.createElement("div", {
187
+ className: "metric-value"
188
+ }, "0.04%")))))));
321
189
  };
322
190
 
323
191
  const DesktopInbox = ({
@@ -510,12 +378,7 @@ const DesktopInbox = ({
510
378
  return (data === null || data === void 0 ? void 0 : data.items) || [];
511
379
  }, [data]);
512
380
  return /*#__PURE__*/React.createElement("div", {
513
- className: "ground-container employee-app-container form-container"
514
- }, /*#__PURE__*/React.createElement("div", {
515
- className: "inbox-container",
516
- style: {
517
- paddingBottom: "16px"
518
- }
381
+ className: "inbox-container"
519
382
  }, showReviewModal && /*#__PURE__*/React.createElement(Modal, {
520
383
  headerBarMain: t("EKYC_APPLICATION_REVIEW") + (selectedKno ? ` - ${selectedKno}` : ""),
521
384
  headerBarEnd: /*#__PURE__*/React.createElement("div", {
@@ -621,7 +484,7 @@ const DesktopInbox = ({
621
484
  className: "ekyc-table-cell"
622
485
  };
623
486
  }
624
- }))))));
487
+ })))));
625
488
  };
626
489
 
627
490
  const SearchConsumer = ({
@@ -631,6 +494,7 @@ const SearchConsumer = ({
631
494
  children,
632
495
  ...props
633
496
  }) => {
497
+ var _props$countData, _props$countData2, _props$countData3;
634
498
  const {
635
499
  t
636
500
  } = useTranslation();
@@ -656,156 +520,117 @@ const SearchConsumer = ({
656
520
  onSearch(cleared);
657
521
  };
658
522
  return /*#__PURE__*/React.createElement("div", {
659
- className: "inbox-container"
523
+ className: "ekyc-employee-container"
660
524
  }, /*#__PURE__*/React.createElement("div", {
661
- className: "filters-container"
662
- }, /*#__PURE__*/React.createElement(Card, {
663
- className: "sidebar-title-card",
664
- style: {
665
- display: "flex",
666
- alignItems: "center",
667
- padding: "16px",
668
- marginBottom: "16px",
669
- borderRadius: "4px"
670
- }
525
+ className: "search-consumer-wrapper"
671
526
  }, /*#__PURE__*/React.createElement("div", {
672
- className: "icon-container",
673
- style: {
674
- color: "#3A8DCC",
675
- marginRight: "12px"
676
- }
677
- }, /*#__PURE__*/React.createElement(HomeIcon, {
678
- style: {
679
- width: "24px",
680
- height: "24px"
681
- }
682
- })), /*#__PURE__*/React.createElement("div", {
683
- style: {
684
- fontWeight: "700",
685
- fontSize: "18px",
686
- color: "#0B0C0C"
687
- }
688
- }, t("ACTION_CREATE_EKYC"))), /*#__PURE__*/React.createElement("div", null, FilterComponent && /*#__PURE__*/React.createElement(FilterComponent, {
689
- defaultSearchParams: props.defaultSearchParams,
690
- onFilterChange: props.onSearch,
691
- searchParams: searchParams,
692
- type: "desktop",
693
- moduleCode: "EKYC"
694
- }))), /*#__PURE__*/React.createElement("div", {
695
- style: {
696
- flex: 1,
697
- marginLeft: "16px"
698
- }
527
+ className: "header-wrapper"
699
528
  }, /*#__PURE__*/React.createElement(Card, {
700
- className: "ekyc-search-card",
701
- style: {
702
- padding: "24px",
703
- marginBottom: "24px",
704
- borderRadius: "12px",
705
- boxShadow: "0 4px 12px rgba(0,0,0,0.05)"
706
- }
707
- }, /*#__PURE__*/React.createElement(Header, {
708
- style: {
709
- fontSize: "24px",
710
- marginBottom: "20px",
711
- fontWeight: "700",
712
- color: "#0B0C0C"
713
- }
714
- }, t("EKYC_SEARCH_CONSUMER_HEADER")), /*#__PURE__*/React.createElement("form", {
715
- onSubmit: onSubmit
529
+ className: "sidebar-title-card"
716
530
  }, /*#__PURE__*/React.createElement("div", {
717
- style: {
718
- display: "flex",
719
- gap: "24px",
720
- alignItems: "flex-end",
721
- flexWrap: "wrap"
722
- }
531
+ className: "icon-container"
532
+ }, /*#__PURE__*/React.createElement(HomeIcon, null)), /*#__PURE__*/React.createElement("div", {
533
+ className: "title-text"
534
+ }, t("EKYC_SEARCH_CONSUMER_HEADER")))), /*#__PURE__*/React.createElement("div", {
535
+ className: "main-content-wrapper"
723
536
  }, /*#__PURE__*/React.createElement("div", {
724
- style: {
725
- flex: "1",
726
- minWidth: "250px"
727
- }
537
+ className: "search-stats-row"
728
538
  }, /*#__PURE__*/React.createElement("div", {
729
- className: "filter-label",
730
- style: {
731
- fontWeight: "600",
732
- marginBottom: "8px",
733
- fontSize: "14px",
734
- color: "#505A5F"
735
- }
736
- }, t("EKYC_K_NUMBER")), /*#__PURE__*/React.createElement("div", {
737
- style: {
738
- position: "relative"
739
- }
740
- }, /*#__PURE__*/React.createElement(TextInput, {
539
+ className: "identity-lookup-card"
540
+ }, /*#__PURE__*/React.createElement("div", {
541
+ className: "lookup-card-title"
542
+ }, /*#__PURE__*/React.createElement("div", {
543
+ className: "lookup-icon-bg"
544
+ }, /*#__PURE__*/React.createElement("svg", {
545
+ width: "18",
546
+ height: "18",
547
+ viewBox: "0 0 24 24",
548
+ fill: "none",
549
+ stroke: "#3A7BD5",
550
+ strokeWidth: "2",
551
+ strokeLinecap: "round",
552
+ strokeLinejoin: "round"
553
+ }, /*#__PURE__*/React.createElement("circle", {
554
+ cx: "11",
555
+ cy: "11",
556
+ r: "8"
557
+ }), /*#__PURE__*/React.createElement("line", {
558
+ x1: "21",
559
+ y1: "21",
560
+ x2: "16.65",
561
+ y2: "16.65"
562
+ }))), /*#__PURE__*/React.createElement("span", {
563
+ className: "lookup-title-text"
564
+ }, t("EKYC_IDENTITY_LOOKUP") || "Identity Lookup")), /*#__PURE__*/React.createElement("form", {
565
+ onSubmit: onSubmit
566
+ }, /*#__PURE__*/React.createElement("div", {
567
+ className: "inputs-row"
568
+ }, /*#__PURE__*/React.createElement("div", {
569
+ className: "input-group"
570
+ }, /*#__PURE__*/React.createElement("label", null, t("EKYC_K_NUMBER") || "K Number", /*#__PURE__*/React.createElement("span", {
571
+ className: "info-badge"
572
+ }, "i")), /*#__PURE__*/React.createElement(TextInput, {
741
573
  value: _searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.kNumber,
742
574
  onChange: e => onChange("kNumber", e.target.value),
743
- placeholder: t("EKYC_K_NUMBER_PLACEHOLDER"),
744
- style: {
745
- borderRadius: "8px",
746
- paddingLeft: "12px",
747
- height: "44px"
748
- }
749
- }))), /*#__PURE__*/React.createElement("div", {
750
- style: {
751
- flex: "1",
752
- minWidth: "250px"
753
- }
754
- }, /*#__PURE__*/React.createElement("div", {
755
- className: "filter-label",
756
- style: {
757
- fontWeight: "600",
758
- marginBottom: "8px",
759
- fontSize: "14px",
760
- color: "#505A5F"
761
- }
762
- }, t("EKYC_K_NAME")), /*#__PURE__*/React.createElement("div", {
763
- style: {
764
- position: "relative"
765
- }
766
- }, /*#__PURE__*/React.createElement(TextInput, {
575
+ placeholder: t("EKYC_K_NUMBER_PLACEHOLDER") || "e.g. 8234910234"
576
+ })), /*#__PURE__*/React.createElement("div", {
577
+ className: "input-group"
578
+ }, /*#__PURE__*/React.createElement("label", null, t("EKYC_K_NAME") || "K Name", /*#__PURE__*/React.createElement("svg", {
579
+ width: "14",
580
+ height: "14",
581
+ viewBox: "0 0 24 24",
582
+ fill: "none",
583
+ stroke: "#3A7BD5",
584
+ strokeWidth: "2",
585
+ strokeLinecap: "round",
586
+ strokeLinejoin: "round"
587
+ }, /*#__PURE__*/React.createElement("path", {
588
+ d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
589
+ }), /*#__PURE__*/React.createElement("circle", {
590
+ cx: "12",
591
+ cy: "7",
592
+ r: "4"
593
+ }))), /*#__PURE__*/React.createElement(TextInput, {
767
594
  value: _searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.kName,
768
595
  onChange: e => onChange("kName", e.target.value),
769
- placeholder: t("EKYC_K_NAME_PLACEHOLDER"),
770
- style: {
771
- borderRadius: "8px",
772
- paddingLeft: "12px",
773
- height: "44px"
774
- }
775
- })))), /*#__PURE__*/React.createElement("div", {
776
- style: {
777
- display: "flex",
778
- justifyContent: "flex-end",
779
- marginTop: "20px"
780
- }
596
+ placeholder: t("EKYC_K_NAME_PLACEHOLDER") || "Consumer name search"
597
+ }))), /*#__PURE__*/React.createElement("div", {
598
+ className: "actions-row"
599
+ }, /*#__PURE__*/React.createElement("button", {
600
+ type: "button",
601
+ onClick: onClear,
602
+ className: "clear-btn"
603
+ }, t("ES_COMMON_CLEAR") || "Clear"), /*#__PURE__*/React.createElement("button", {
604
+ type: "submit",
605
+ className: "search-btn"
606
+ }, t("ES_COMMON_SEARCH") || "Execute Search")))), /*#__PURE__*/React.createElement("div", {
607
+ className: "stats-column"
781
608
  }, /*#__PURE__*/React.createElement("div", {
782
- style: {
783
- display: "flex",
784
- gap: "12px",
785
- alignItems: "center"
786
- }
787
- }, /*#__PURE__*/React.createElement("button", {
788
- type: "button",
789
- onClick: onClear,
790
- style: {
791
- background: "none",
792
- border: "none",
793
- color: "#0076f3ff",
794
- fontWeight: "600",
795
- cursor: "pointer",
796
- fontSize: "14px",
797
- padding: "10px"
798
- }
799
- }, t("ES_COMMON_CLEAR")), /*#__PURE__*/React.createElement(SubmitBar, {
800
- label: t("ES_COMMON_SEARCH"),
801
- onSubmit: onSubmit,
802
- style: {
803
- margin: 0,
804
- borderRadius: "8px",
805
- height: "44px",
806
- padding: "0 32px"
807
- }
808
- }))))), children));
609
+ className: "audits-card"
610
+ }, /*#__PURE__*/React.createElement("div", {
611
+ className: "audits-label"
612
+ }, t("EKYC_TODAYS_AUDITS") || "Today's Audits"), /*#__PURE__*/React.createElement("div", {
613
+ className: "audits-count"
614
+ }, ((_props$countData = props.countData) === null || _props$countData === void 0 ? void 0 : _props$countData.todaysAudits) || 24), /*#__PURE__*/React.createElement("div", {
615
+ className: "audits-change"
616
+ }, /*#__PURE__*/React.createElement("span", null, "\u2197"), ((_props$countData2 = props.countData) === null || _props$countData2 === void 0 ? void 0 : _props$countData2.auditChange) || "12% increase from yesterday"), /*#__PURE__*/React.createElement("div", {
617
+ className: "audits-watermark"
618
+ }, "M")), /*#__PURE__*/React.createElement("div", {
619
+ className: "queue-card"
620
+ }, /*#__PURE__*/React.createElement("div", {
621
+ className: "queue-label"
622
+ }, t("EKYC_QUEUE_STATUS") || "Queue Status"), /*#__PURE__*/React.createElement("div", {
623
+ className: "queue-content"
624
+ }, /*#__PURE__*/React.createElement("div", {
625
+ className: "queue-status-text"
626
+ }, ((_props$countData3 = props.countData) === null || _props$countData3 === void 0 ? void 0 : _props$countData3.pendingCount) || 3, " Pending"), /*#__PURE__*/React.createElement("div", {
627
+ className: "avatar-group"
628
+ }, [0, 1].map(i => /*#__PURE__*/React.createElement("div", {
629
+ key: i,
630
+ className: "avatar-item"
631
+ }, String.fromCharCode(65 + i))), /*#__PURE__*/React.createElement("div", {
632
+ className: "avatar-more"
633
+ }, "+1")))))), children)));
809
634
  };
810
635
 
811
636
  const MobileInbox = ({
@@ -1084,9 +909,7 @@ const ConnectionDetailsView = ({
1084
909
  code: "OTHER",
1085
910
  name: "EKYC_OTHER"
1086
911
  }];
1087
- const handleStartVerification = () => {
1088
- setShowModal(true);
1089
- };
912
+ const handleStartVerification = () => setShowModal(true);
1090
913
  const onModalConfirm = () => {
1091
914
  const parentPath = path.includes("/create-kyc") ? path.replace("/create-kyc", "") : path.replace("/k-details", "");
1092
915
  history.push(`${parentPath}/aadhaar-verification`, {
@@ -1096,62 +919,183 @@ const ConnectionDetailsView = ({
1096
919
  });
1097
920
  setShowModal(false);
1098
921
  };
1099
- if (isLoading) {
1100
- return /*#__PURE__*/React.createElement(Loader, null);
1101
- }
1102
- if (!connectionDetails) {
1103
- return null;
1104
- }
1105
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
1106
- className: "ekyc-create-card",
1107
- style: {
1108
- padding: "24px"
1109
- }
1110
- }, /*#__PURE__*/React.createElement(CardHeader, null, t("EKYC_K_NUMBER_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
1111
- label: t("EKYC_K_NUMBER"),
1112
- text: kNumber || t("CS_NA")
1113
- }), /*#__PURE__*/React.createElement(Row, {
1114
- label: t("EKYC_K_NAME"),
1115
- text: kName || t("CS_NA")
1116
- })), /*#__PURE__*/React.createElement(CardHeader, {
1117
- style: {
1118
- marginTop: "24px"
1119
- }
1120
- }, t("EKYC_CONNECTION_DETAILS")), connectionDetails !== null && connectionDetails !== void 0 && connectionDetails.connectionDetails ? /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
1121
- label: t("EKYC_CONSUMER_NAME"),
1122
- text: connectionDetails.connectionDetails.consumerName || t("CS_NA")
1123
- }), /*#__PURE__*/React.createElement(Row, {
1124
- label: t("EKYC_ADDRESS"),
1125
- text: connectionDetails.connectionDetails.address || t("CS_NA")
1126
- }), /*#__PURE__*/React.createElement(Row, {
1127
- label: t("EKYC_CONNECTION_TYPE"),
1128
- text: connectionDetails.connectionDetails.connectionType || t("CS_NA")
1129
- }), /*#__PURE__*/React.createElement(Row, {
1130
- label: t("EKYC_METER_NO"),
1131
- text: connectionDetails.connectionDetails.meterNumber || t("CS_NA")
1132
- }), /*#__PURE__*/React.createElement(Row, {
1133
- label: t("EKYC_PHONE_NO"),
1134
- text: connectionDetails.connectionDetails.phoneNumber || t("CS_NA")
1135
- }), /*#__PURE__*/React.createElement(Row, {
1136
- label: t("EKYC_EMAIL"),
1137
- text: connectionDetails.connectionDetails.email || t("CS_NA")
1138
- }), /*#__PURE__*/React.createElement(Row, {
1139
- label: t("EKYC_STATUS"),
1140
- text: connectionDetails.connectionDetails.statusflag || t("CS_NA")
1141
- })) : /*#__PURE__*/React.createElement(CardLabel, null, t("EKYC_NO_CONNECTION_DETAILS_FOUND")), /*#__PURE__*/React.createElement("div", {
1142
- style: {
1143
- display: "flex",
1144
- justifyContent: "flex-end",
1145
- marginTop: "16px"
1146
- }
1147
- }, /*#__PURE__*/React.createElement(SubmitBar, {
1148
- label: t("EKYC_START_VERIFICATION"),
1149
- onSubmit: handleStartVerification,
1150
- style: {
1151
- borderRadius: "12px",
1152
- margin: 0
1153
- }
1154
- }))), showModal && /*#__PURE__*/React.createElement(Modal, {
922
+ if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
923
+ if (!connectionDetails) return null;
924
+ const details = (connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.connectionDetails) || {};
925
+ const statusFlag = details.statusflag || "";
926
+ const isActive = (statusFlag === null || statusFlag === void 0 ? void 0 : statusFlag.toLowerCase()) === "active" || statusFlag === "A";
927
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
928
+ className: "ekyc-employee-container"
929
+ }, /*#__PURE__*/React.createElement("div", {
930
+ className: "connection-details-card"
931
+ }, /*#__PURE__*/React.createElement("div", {
932
+ className: "details-card-header"
933
+ }, /*#__PURE__*/React.createElement("div", {
934
+ className: "header-title-wrapper"
935
+ }, /*#__PURE__*/React.createElement("div", {
936
+ className: "header-icon-bg"
937
+ }, /*#__PURE__*/React.createElement("svg", {
938
+ width: "16",
939
+ height: "16",
940
+ viewBox: "0 0 24 24",
941
+ fill: "none",
942
+ stroke: "#3A7BD5",
943
+ strokeWidth: "2",
944
+ strokeLinecap: "round",
945
+ strokeLinejoin: "round"
946
+ }, /*#__PURE__*/React.createElement("path", {
947
+ d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
948
+ }), /*#__PURE__*/React.createElement("circle", {
949
+ cx: "12",
950
+ cy: "7",
951
+ r: "4"
952
+ }))), /*#__PURE__*/React.createElement("span", {
953
+ className: "header-title-text"
954
+ }, t("EKYC_K_NUMBER_DETAILS") || "Consumer Identity Details")), /*#__PURE__*/React.createElement("span", {
955
+ className: `status-badge ${isActive ? "active" : "inactive"}`
956
+ }, isActive ? t("EKYC_ACTIVE_CONNECTION") || "Active Connection" : statusFlag || t("CS_NA"))), /*#__PURE__*/React.createElement("div", {
957
+ className: "details-card-body"
958
+ }, /*#__PURE__*/React.createElement("div", {
959
+ className: "body-content-row"
960
+ }, /*#__PURE__*/React.createElement("div", {
961
+ className: "detail-section"
962
+ }, /*#__PURE__*/React.createElement("div", {
963
+ className: "section-title"
964
+ }, t("EKYC_VERIFICATION_PARAMETERS") || "Verification Parameters"), /*#__PURE__*/React.createElement("div", {
965
+ className: "data-grid"
966
+ }, /*#__PURE__*/React.createElement("div", {
967
+ className: "data-item"
968
+ }, /*#__PURE__*/React.createElement("div", {
969
+ className: "data-label"
970
+ }, t("EKYC_CONSUMER_NAME") || "Consumer Name"), /*#__PURE__*/React.createElement("div", {
971
+ className: "data-value"
972
+ }, details.consumerName || kName || t("CS_NA"))), /*#__PURE__*/React.createElement("div", {
973
+ className: "data-item"
974
+ }, /*#__PURE__*/React.createElement("div", {
975
+ className: "data-label"
976
+ }, t("EKYC_K_NUMBER") || "K Number"), /*#__PURE__*/React.createElement("div", {
977
+ className: "data-value blue"
978
+ }, kNumber || t("CS_NA"))), /*#__PURE__*/React.createElement("div", {
979
+ className: "data-item"
980
+ }, /*#__PURE__*/React.createElement("div", {
981
+ className: "data-label"
982
+ }, t("EKYC_METER_NO") || "Meter Serial No."), /*#__PURE__*/React.createElement("div", {
983
+ className: "data-value"
984
+ }, details.meterNumber || t("CS_NA"))), /*#__PURE__*/React.createElement("div", {
985
+ className: "data-item"
986
+ }, /*#__PURE__*/React.createElement("div", {
987
+ className: "data-label"
988
+ }, t("EKYC_CONNECTION_TYPE") || "Connection Type"), /*#__PURE__*/React.createElement("div", {
989
+ className: "data-value"
990
+ }, details.connectionType || t("CS_NA"))))), /*#__PURE__*/React.createElement("div", {
991
+ className: "vertical-divider"
992
+ }), /*#__PURE__*/React.createElement("div", {
993
+ className: "detail-section"
994
+ }, /*#__PURE__*/React.createElement("div", {
995
+ className: "section-title"
996
+ }, t("EKYC_ADDRESS_AND_CONTACT") || "Address & Contact"), /*#__PURE__*/React.createElement("div", {
997
+ className: "address-block"
998
+ }, /*#__PURE__*/React.createElement("div", {
999
+ className: "icon-wrapper-small"
1000
+ }, /*#__PURE__*/React.createElement("svg", {
1001
+ width: "16",
1002
+ height: "16",
1003
+ viewBox: "0 0 24 24",
1004
+ fill: "none",
1005
+ stroke: "#6B7B8E",
1006
+ strokeWidth: "2",
1007
+ strokeLinecap: "round",
1008
+ strokeLinejoin: "round"
1009
+ }, /*#__PURE__*/React.createElement("path", {
1010
+ d: "M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z"
1011
+ }), /*#__PURE__*/React.createElement("circle", {
1012
+ cx: "12",
1013
+ cy: "10",
1014
+ r: "3"
1015
+ }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1016
+ className: "data-label"
1017
+ }, t("EKYC_ADDRESS") || "Service Address"), /*#__PURE__*/React.createElement("div", {
1018
+ className: "address-text"
1019
+ }, details.address || t("CS_NA")))), /*#__PURE__*/React.createElement("div", {
1020
+ className: "contact-row"
1021
+ }, /*#__PURE__*/React.createElement("div", {
1022
+ className: "contact-item"
1023
+ }, /*#__PURE__*/React.createElement("div", {
1024
+ className: "icon-wrapper-small"
1025
+ }, /*#__PURE__*/React.createElement("svg", {
1026
+ width: "16",
1027
+ height: "16",
1028
+ viewBox: "0 0 24 24",
1029
+ fill: "none",
1030
+ stroke: "#6B7B8E",
1031
+ strokeWidth: "2",
1032
+ strokeLinecap: "round",
1033
+ strokeLinejoin: "round"
1034
+ }, /*#__PURE__*/React.createElement("rect", {
1035
+ x: "5",
1036
+ y: "2",
1037
+ width: "14",
1038
+ height: "20",
1039
+ rx: "2",
1040
+ ry: "2"
1041
+ }), /*#__PURE__*/React.createElement("line", {
1042
+ x1: "12",
1043
+ y1: "18",
1044
+ x2: "12.01",
1045
+ y2: "18"
1046
+ }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1047
+ className: "data-label"
1048
+ }, t("EKYC_PHONE_NO") || "Contact"), /*#__PURE__*/React.createElement("div", {
1049
+ className: "address-text"
1050
+ }, details.phoneNumber || t("CS_NA")))), /*#__PURE__*/React.createElement("div", {
1051
+ className: "contact-item"
1052
+ }, /*#__PURE__*/React.createElement("div", {
1053
+ className: "icon-wrapper-small"
1054
+ }, /*#__PURE__*/React.createElement("svg", {
1055
+ width: "16",
1056
+ height: "16",
1057
+ viewBox: "0 0 24 24",
1058
+ fill: "none",
1059
+ stroke: "#6B7B8E",
1060
+ strokeWidth: "2",
1061
+ strokeLinecap: "round",
1062
+ strokeLinejoin: "round"
1063
+ }, /*#__PURE__*/React.createElement("circle", {
1064
+ cx: "12",
1065
+ cy: "12",
1066
+ r: "4"
1067
+ }), /*#__PURE__*/React.createElement("path", {
1068
+ d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"
1069
+ }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
1070
+ className: "data-label"
1071
+ }, t("EKYC_EMAIL") || "Email Address"), /*#__PURE__*/React.createElement("div", {
1072
+ className: "address-text"
1073
+ }, details.email || t("CS_NA")))))))), /*#__PURE__*/React.createElement("div", {
1074
+ className: "details-card-footer"
1075
+ }, /*#__PURE__*/React.createElement("div", {
1076
+ className: "footer-meta-text"
1077
+ }, connectionDetails !== null && connectionDetails !== void 0 && connectionDetails.lastVerified ? `${t("EKYC_LAST_VERIFIED") || "Last verified:"} ${connectionDetails.lastVerified}` : ""), /*#__PURE__*/React.createElement("div", {
1078
+ className: "action-btns-container"
1079
+ }, /*#__PURE__*/React.createElement("button", {
1080
+ onClick: handleStartVerification,
1081
+ className: "primary-action-btn"
1082
+ }, t("EKYC_START_VERIFICATION") || "Start Verification", /*#__PURE__*/React.createElement("svg", {
1083
+ width: "16",
1084
+ height: "16",
1085
+ viewBox: "0 0 24 24",
1086
+ fill: "none",
1087
+ stroke: "currentColor",
1088
+ strokeWidth: "2.5",
1089
+ strokeLinecap: "round",
1090
+ strokeLinejoin: "round"
1091
+ }, /*#__PURE__*/React.createElement("line", {
1092
+ x1: "5",
1093
+ y1: "12",
1094
+ x2: "19",
1095
+ y2: "12"
1096
+ }), /*#__PURE__*/React.createElement("polyline", {
1097
+ points: "12 5 19 12 12 19"
1098
+ }))))))), showModal && /*#__PURE__*/React.createElement(Modal, {
1155
1099
  headerBarMain: t("EKYC_SELECT_VERIFICATION_TYPE"),
1156
1100
  headerBarEnd: /*#__PURE__*/React.createElement("span", {
1157
1101
  onClick: () => setShowModal(false),
@@ -1260,9 +1204,7 @@ const Create = () => {
1260
1204
  const closeToast = () => {
1261
1205
  setShowToast(null);
1262
1206
  };
1263
- return /*#__PURE__*/React.createElement("div", {
1264
- class: "ground-container employee-app-container form-container"
1265
- }, /*#__PURE__*/React.createElement(SearchConsumer, {
1207
+ return /*#__PURE__*/React.createElement(SearchConsumer, {
1266
1208
  onSearch: handleSearch,
1267
1209
  searchParams: searchParams
1268
1210
  }, searchPerformed && /*#__PURE__*/React.createElement(ConnectionDetailsView, {
@@ -1284,7 +1226,7 @@ const Create = () => {
1284
1226
  label: showToast.label,
1285
1227
  onClose: closeToast,
1286
1228
  isDsc: true
1287
- })));
1229
+ }));
1288
1230
  };
1289
1231
 
1290
1232
  const getSavedData = (key, fallback) => {
@@ -2147,6 +2089,10 @@ const AddressDetails = ({
2147
2089
  label: t("EKYC_STEP_PROPERTY") || "Property",
2148
2090
  done: false,
2149
2091
  active: false
2092
+ }, {
2093
+ label: t("EKYC_STEP_METER") || "Meter",
2094
+ done: false,
2095
+ active: false
2150
2096
  }, {
2151
2097
  label: t("EKYC_STEP_REVIEW") || "Review",
2152
2098
  done: false,
@@ -2158,9 +2104,9 @@ const AddressDetails = ({
2158
2104
  gap: "10px",
2159
2105
  alignItems: "flex-start",
2160
2106
  position: "relative",
2161
- paddingBottom: i < 3 ? "18px" : 0
2107
+ paddingBottom: i < 4 ? "18px" : 0
2162
2108
  }
2163
- }, i < 3 && /*#__PURE__*/React.createElement("div", {
2109
+ }, i < 4 && /*#__PURE__*/React.createElement("div", {
2164
2110
  style: {
2165
2111
  position: "absolute",
2166
2112
  left: "10px",
@@ -2641,8 +2587,6 @@ const AadhaarVerification = () => {
2641
2587
  }
2642
2588
  };
2643
2589
  return /*#__PURE__*/React.createElement("div", {
2644
- className: "ground-container employee-app-container form-container"
2645
- }, /*#__PURE__*/React.createElement("div", {
2646
2590
  className: "inbox-container"
2647
2591
  }, /*#__PURE__*/React.createElement("style", null, `
2648
2592
  @keyframes fadeSlideIn {
@@ -2709,6 +2653,10 @@ const AadhaarVerification = () => {
2709
2653
  label: t("EKYC_STEP_PROPERTY") || "Property",
2710
2654
  done: false,
2711
2655
  active: false
2656
+ }, {
2657
+ label: t("EKYC_STEP_METER") || "Meter",
2658
+ done: false,
2659
+ active: false
2712
2660
  }, {
2713
2661
  label: t("EKYC_STEP_REVIEW") || "Review",
2714
2662
  done: false,
@@ -2721,7 +2669,7 @@ const AadhaarVerification = () => {
2721
2669
  }, step.done ? /*#__PURE__*/React.createElement(CheckIcon$1, {
2722
2670
  size: 11,
2723
2671
  color: "#fff"
2724
- }) : i + 1), i < 3 && /*#__PURE__*/React.createElement("div", {
2672
+ }) : i + 1), i < 4 && /*#__PURE__*/React.createElement("div", {
2725
2673
  className: "ekyc-step-line"
2726
2674
  }), /*#__PURE__*/React.createElement("div", {
2727
2675
  className: `ekyc-step-label${step.done ? " done" : step.active ? " active" : ""}`
@@ -2927,7 +2875,9 @@ const AadhaarVerification = () => {
2927
2875
  style: styles.twoCol
2928
2876
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
2929
2877
  className: "ekyc-field-label"
2930
- }, t("EKYC_WHATSAPP_NUMBER") || "WhatsApp Number"), /*#__PURE__*/React.createElement(IconInput$1, {
2878
+ }, t("EKYC_WHATSAPP_NUMBER") || "WhatsApp Number", /*#__PURE__*/React.createElement("span", {
2879
+ style: styles.optionalTag
2880
+ }, t("EKYC_OPTIONAL") || "Optional")), /*#__PURE__*/React.createElement(IconInput$1, {
2931
2881
  icon: /*#__PURE__*/React.createElement(WhatsappIcon, {
2932
2882
  size: 15
2933
2883
  }),
@@ -2998,7 +2948,7 @@ const AadhaarVerification = () => {
2998
2948
  }
2999
2949
  }, /*#__PURE__*/React.createElement(LockIcon, {
3000
2950
  size: 11
3001
- }), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure")))));
2951
+ }), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure"))));
3002
2952
  };
3003
2953
 
3004
2954
  const CheckIcon$2 = ({
@@ -3281,7 +3231,7 @@ const PropertyInfo = () => {
3281
3231
  const fileRef = useRef(null);
3282
3232
  const cameraRef = useRef(null);
3283
3233
  const handleSaveAndContinue = () => {
3284
- history.push("/digit-ui/employee/ekyc/review", {
3234
+ history.push("/digit-ui/employee/ekyc/meter-details", {
3285
3235
  ...flowState,
3286
3236
  propertyDetails: {
3287
3237
  ownerType,
@@ -3322,9 +3272,7 @@ const PropertyInfo = () => {
3322
3272
  label: t(item.code),
3323
3273
  value: item.code
3324
3274
  }))) || [];
3325
- return /*#__PURE__*/React.createElement("div", {
3326
- class: "ground-container employee-app-container form-container"
3327
- }, /*#__PURE__*/React.createElement("div", {
3275
+ return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
3328
3276
  className: "inbox-container"
3329
3277
  }, /*#__PURE__*/React.createElement("style", null, `
3330
3278
  @keyframes fadeSlideIn {
@@ -3377,6 +3325,10 @@ const PropertyInfo = () => {
3377
3325
  label: t("EKYC_STEP_PROPERTY") || "Property",
3378
3326
  done: false,
3379
3327
  active: true
3328
+ }, {
3329
+ label: t("EKYC_STEP_METER") || "Meter",
3330
+ done: false,
3331
+ active: false
3380
3332
  }, {
3381
3333
  label: t("EKYC_STEP_REVIEW") || "Review",
3382
3334
  done: false,
@@ -3388,9 +3340,9 @@ const PropertyInfo = () => {
3388
3340
  gap: "10px",
3389
3341
  alignItems: "flex-start",
3390
3342
  position: "relative",
3391
- paddingBottom: i < 3 ? "18px" : 0
3343
+ paddingBottom: i < 4 ? "18px" : 0
3392
3344
  }
3393
- }, i < 3 && /*#__PURE__*/React.createElement("div", {
3345
+ }, i < 4 && /*#__PURE__*/React.createElement("div", {
3394
3346
  style: {
3395
3347
  position: "absolute",
3396
3348
  left: "10px",
@@ -3530,21 +3482,669 @@ const PropertyInfo = () => {
3530
3482
  placeholder: t("EKYC_ENTER_PID_NUMBER") || "Enter PID number"
3531
3483
  })), /*#__PURE__*/React.createElement("hr", {
3532
3484
  style: {
3533
- margin: "24px 0",
3534
- border: 0,
3535
- borderTop: "1px solid #EAECF0"
3485
+ margin: "24px 0",
3486
+ border: 0,
3487
+ borderTop: "1px solid #EAECF0"
3488
+ }
3489
+ }), /*#__PURE__*/React.createElement(SectionHead$2, {
3490
+ icon: /*#__PURE__*/React.createElement(BuildingIcon, {
3491
+ size: 16
3492
+ }),
3493
+ label: t("EKYC_BUILDING_INFO") || "Building info"
3494
+ }), /*#__PURE__*/React.createElement("div", {
3495
+ style: {
3496
+ display: "grid",
3497
+ gridTemplateColumns: "1fr 1fr",
3498
+ gap: "14px",
3499
+ marginBottom: "14px"
3500
+ }
3501
+ }), /*#__PURE__*/React.createElement("div", {
3502
+ style: {
3503
+ display: "grid",
3504
+ gridTemplateColumns: "1fr 1fr",
3505
+ gap: "14px",
3506
+ marginBottom: "24px"
3507
+ }
3508
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3509
+ style: {
3510
+ fontSize: "11px",
3511
+ fontWeight: "600",
3512
+ color: "#667085",
3513
+ textTransform: "uppercase",
3514
+ letterSpacing: "0.04em",
3515
+ marginBottom: "6px"
3516
+ }
3517
+ }, t("EKYC_USER_TYPE") || "User type"), /*#__PURE__*/React.createElement(Dropdown, {
3518
+ selected: userType,
3519
+ select: setUserType,
3520
+ option: userTypeOptions,
3521
+ optionKey: "label",
3522
+ t: t,
3523
+ placeholder: t("EKYC_SELECT") || "Select"
3524
+ })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3525
+ style: {
3526
+ fontSize: "11px",
3527
+ fontWeight: "600",
3528
+ color: "#667085",
3529
+ textTransform: "uppercase",
3530
+ letterSpacing: "0.04em",
3531
+ marginBottom: "6px"
3532
+ }
3533
+ }, t("EKYC_NO_OF_FLOORS") || "No. of floors"), /*#__PURE__*/React.createElement(Dropdown, {
3534
+ selected: noOfFloors,
3535
+ select: setNoOfFloors,
3536
+ option: floorOptions,
3537
+ optionKey: "label",
3538
+ t: t,
3539
+ placeholder: t("EKYC_SELECT") || "Select"
3540
+ }))), /*#__PURE__*/React.createElement("hr", {
3541
+ style: {
3542
+ margin: "24px 0",
3543
+ border: 0,
3544
+ borderTop: "1px solid #EAECF0"
3545
+ }
3546
+ }), /*#__PURE__*/React.createElement(SectionHead$2, {
3547
+ icon: /*#__PURE__*/React.createElement(DocumentIcon, {
3548
+ size: 16
3549
+ }),
3550
+ label: t("EKYC_DOCUMENTS_PHOTO") || "Documents & photo"
3551
+ }), /*#__PURE__*/React.createElement("div", {
3552
+ style: {
3553
+ display: "grid",
3554
+ gridTemplateColumns: "1fr 1fr",
3555
+ gap: "14px",
3556
+ marginBottom: "20px"
3557
+ }
3558
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3559
+ style: {
3560
+ fontSize: "11px",
3561
+ fontWeight: "600",
3562
+ color: "#667085",
3563
+ textTransform: "uppercase",
3564
+ letterSpacing: "0.04em",
3565
+ marginBottom: "8px"
3566
+ }
3567
+ }, t("EKYC_UPLOAD_PROPERTY_DOC") || "Upload property document"), /*#__PURE__*/React.createElement(UploadFile, {
3568
+ id: "ekyc-property-doc",
3569
+ extraStyleName: "propertyCreate",
3570
+ accept: ".pdf",
3571
+ onUpload: selectpdf,
3572
+ onDelete: () => {
3573
+ setPropertyDocumentFileStoreId(null);
3574
+ setPropertyDocument(null);
3575
+ setFilepdf(null);
3576
+ },
3577
+ message: propertyDocumentFileStoreId ? `1 ${t(`EKYC_ACTION_FILEUPLOADED`)}` : t(`EKYC_ACTION_NO_FILEUPLOADED`),
3578
+ error: error,
3579
+ disabled: !pidNumber
3580
+ }), !pidNumber && /*#__PURE__*/React.createElement("div", {
3581
+ style: {
3582
+ fontSize: "11px",
3583
+ color: "#D92D20",
3584
+ marginTop: "4px"
3585
+ }
3586
+ }, t("EKYC_ENTER_PID_FIRST_CTA") || "Enter PID to upload")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3587
+ style: {
3588
+ fontSize: "11px",
3589
+ fontWeight: "600",
3590
+ color: "#667085",
3591
+ textTransform: "uppercase",
3592
+ letterSpacing: "0.04em",
3593
+ marginBottom: "8px"
3594
+ }
3595
+ }, t("EKYC_CAPTURE_BUILDING_IMAGE") || "Capture building image"), /*#__PURE__*/React.createElement(UploadFile, {
3596
+ id: "ekyc-building-photo",
3597
+ extraStyleName: "propertyCreate",
3598
+ accept: ".jpg,.png,.jpeg",
3599
+ onUpload: selectphoto,
3600
+ onDelete: () => {
3601
+ setBuildingPhotoFileStoreId(null);
3602
+ setBuildingPhoto(null);
3603
+ setFilephoto(null);
3604
+ },
3605
+ message: buildingPhotoFileStoreId ? `1 ${t(`EKYC_ACTION_FILEUPLOADED`)}` : t(`EKYC_ACTION_NO_FILEUPLOADED`),
3606
+ error: error
3607
+ }), buildingPhoto && /*#__PURE__*/React.createElement("div", {
3608
+ style: {
3609
+ marginTop: "10px",
3610
+ borderRadius: "8px",
3611
+ overflow: "hidden",
3612
+ border: "1px solid #EAECF0"
3613
+ }
3614
+ }, /*#__PURE__*/React.createElement("img", {
3615
+ src: buildingPhoto,
3616
+ alt: "Building Preview",
3617
+ style: {
3618
+ width: "100%",
3619
+ maxHeight: "150px",
3620
+ objectFit: "cover"
3621
+ }
3622
+ })))), /*#__PURE__*/React.createElement("div", {
3623
+ style: {
3624
+ backgroundColor: "#E6F1FB",
3625
+ border: "0.5px solid #B5D4F4",
3626
+ borderRadius: "8px",
3627
+ padding: "12px 14px",
3628
+ display: "flex",
3629
+ alignItems: "flex-start",
3630
+ gap: "10px",
3631
+ marginBottom: "4px"
3632
+ }
3633
+ }, /*#__PURE__*/React.createElement("div", {
3634
+ style: {
3635
+ flexShrink: 0,
3636
+ marginTop: "1px"
3637
+ }
3638
+ }, /*#__PURE__*/React.createElement(InfoBannerIcon, {
3639
+ fill: "#185FA5"
3640
+ })), /*#__PURE__*/React.createElement("div", {
3641
+ style: {
3642
+ fontSize: "13px",
3643
+ color: "#185FA5",
3644
+ lineHeight: "1.5"
3645
+ }
3646
+ }, t("EKYC_TENANT_INFO_NOTICE") || "This section is enabled only if the user is not the owner. Tenant details will be required if tenant is selected."))), /*#__PURE__*/React.createElement("div", {
3647
+ style: {
3648
+ marginTop: "24px"
3649
+ }
3650
+ }, /*#__PURE__*/React.createElement(SubmitBar, {
3651
+ label: t("EKYC_SAVE_AND_CONTINUE") || "Save & Continue",
3652
+ onSubmit: handleSaveAndContinue
3653
+ })), /*#__PURE__*/React.createElement("div", {
3654
+ style: {
3655
+ display: "flex",
3656
+ alignItems: "center",
3657
+ justifyContent: "center",
3658
+ gap: "5px",
3659
+ marginTop: "16px",
3660
+ fontSize: "11px",
3661
+ color: "#98A2B3"
3662
+ }
3663
+ }, /*#__PURE__*/React.createElement("svg", {
3664
+ width: "11",
3665
+ height: "11",
3666
+ viewBox: "0 0 24 24",
3667
+ fill: "none",
3668
+ stroke: "currentColor",
3669
+ strokeWidth: "2",
3670
+ strokeLinecap: "round"
3671
+ }, /*#__PURE__*/React.createElement("rect", {
3672
+ x: "3",
3673
+ y: "11",
3674
+ width: "18",
3675
+ height: "11",
3676
+ rx: "2"
3677
+ }), /*#__PURE__*/React.createElement("path", {
3678
+ d: "M7 11V7a5 5 0 0 1 10 0v4"
3679
+ })), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure")))), toast && /*#__PURE__*/React.createElement(Toast, {
3680
+ label: toast.message,
3681
+ error: toast.type === "error",
3682
+ info: toast.type === "info",
3683
+ success: toast.type === "success",
3684
+ onClose: () => setToast(null)
3685
+ }));
3686
+ };
3687
+
3688
+ const CheckIcon$3 = ({
3689
+ size: _size = 11,
3690
+ color: _color = "#fff"
3691
+ }) => /*#__PURE__*/React.createElement("svg", {
3692
+ width: _size,
3693
+ height: _size,
3694
+ viewBox: "0 0 24 24",
3695
+ fill: "none",
3696
+ stroke: _color,
3697
+ strokeWidth: "3",
3698
+ strokeLinecap: "round"
3699
+ }, /*#__PURE__*/React.createElement("polyline", {
3700
+ points: "20 6 9 17 4 12"
3701
+ }));
3702
+ const MeterIcon = ({
3703
+ size: _size2 = 16
3704
+ }) => /*#__PURE__*/React.createElement("svg", {
3705
+ width: _size2,
3706
+ height: _size2,
3707
+ viewBox: "0 0 24 24",
3708
+ fill: "currentColor"
3709
+ }, /*#__PURE__*/React.createElement("path", {
3710
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"
3711
+ }));
3712
+ const ConnectionIcon = ({
3713
+ size: _size3 = 16
3714
+ }) => /*#__PURE__*/React.createElement("svg", {
3715
+ width: _size3,
3716
+ height: _size3,
3717
+ viewBox: "0 0 24 24",
3718
+ fill: "currentColor"
3719
+ }, /*#__PURE__*/React.createElement("path", {
3720
+ d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
3721
+ }));
3722
+ const SectionHead$3 = ({
3723
+ icon,
3724
+ label
3725
+ }) => /*#__PURE__*/React.createElement("div", {
3726
+ style: {
3727
+ display: "flex",
3728
+ alignItems: "center",
3729
+ gap: "8px",
3730
+ marginBottom: "16px",
3731
+ marginTop: "4px"
3732
+ }
3733
+ }, /*#__PURE__*/React.createElement("div", {
3734
+ style: {
3735
+ opacity: 0.5,
3736
+ display: "flex"
3737
+ }
3738
+ }, icon), /*#__PURE__*/React.createElement("span", {
3739
+ style: {
3740
+ fontSize: "15px",
3741
+ fontWeight: "600",
3742
+ color: "#0B0C0C",
3743
+ whiteSpace: "nowrap"
3744
+ }
3745
+ }, label), /*#__PURE__*/React.createElement("div", {
3746
+ style: {
3747
+ flex: 1,
3748
+ height: "1px",
3749
+ background: "#EAECF0"
3750
+ }
3751
+ }));
3752
+ const MeterDetails = () => {
3753
+ var _dataV0$wsServicesC, _dataV0$wsServicesC$p, _dataConn$wsServices, _dataConn$wsServices$;
3754
+ const {
3755
+ t
3756
+ } = useTranslation();
3757
+ const history = useHistory();
3758
+ const location = useLocation();
3759
+ const flowState = location.state || {
3760
+ kNumber: sessionStorage.getItem("EKYC_K_NUMBER") || "EKYC-1234567890",
3761
+ initialData: getSavedData("EKYC_INITIAL_DATA", {})
3762
+ };
3763
+ const {
3764
+ kNumber
3765
+ } = flowState;
3766
+ const initialData = flowState.initialData || getSavedData("EKYC_INITIAL_DATA", {});
3767
+ const tenantId = Digit.ULBService.getCurrentTenantId();
3768
+ const {
3769
+ data: dataV0
3770
+ } = Digit.Hooks.ekyc.useGetPropertyType(tenantId);
3771
+ const {
3772
+ data: dataConn
3773
+ } = Digit.Hooks.ekyc.useGetConnectionTypeV2(tenantId);
3774
+ const [meterStatus, setMeterStatus] = useState(() => getSavedData("EKYC_METER_STATUS_DATA", initialData.meterStatus ? {
3775
+ label: t(`EKYC_METER_${initialData.meterStatus}`),
3776
+ value: initialData.meterStatus
3777
+ } : null));
3778
+ const [meterPhoto, setMeterStatusPhoto] = useState(() => sessionStorage.getItem("EKYC_METER_PHOTO") || null);
3779
+ const [meterPhotoFileStoreId, setMeterStatusPhotoFileStoreId] = useState(() => sessionStorage.getItem("EKYC_METER_PHOTO_FILESTORE_ID") || null);
3780
+ const [workingStatus, setWorkingStatus] = useState(() => getSavedData("EKYC_METER_WORKING_STATUS_DATA", initialData.workingStatus ? {
3781
+ label: t(`EKYC_METER_${initialData.workingStatus}`),
3782
+ value: initialData.workingStatus
3783
+ } : null));
3784
+ const [meterLocation, setMeterLocation] = useState(() => sessionStorage.getItem("EKYC_METER_LOCATION") || initialData.meterLocation || "");
3785
+ const [lastBillRaised, setLastBillRaised] = useState(() => getSavedData("EKYC_LAST_BILL_RAISED_DATA", initialData.lastBillRaised ? {
3786
+ label: t(`EKYC_${initialData.lastBillRaised}`),
3787
+ value: initialData.lastBillRaised
3788
+ } : null));
3789
+ const [noBillReason, setNoBillReason] = useState(() => sessionStorage.getItem("EKYC_REASON_FOR_NO_BILL") || initialData.noBillReason || "");
3790
+ const [sewerConnection, setSewerConnection] = useState(() => getSavedData("EKYC_SEWER_CONNECTION_DATA", initialData.sewerConnection ? {
3791
+ label: t(`EKYC_${initialData.sewerConnection}`),
3792
+ value: initialData.sewerConnection
3793
+ } : null));
3794
+ const [connectionCategory, setConnectionCategory] = useState(() => getSavedData("EKYC_TYPE_OF_CONNECTION_DATA", initialData.typeOfConnection ? {
3795
+ label: t(initialData.typeOfConnection),
3796
+ value: initialData.typeOfConnection
3797
+ } : null));
3798
+ const [connectionType, setConnectionType] = useState(() => getSavedData("EKYC_CONNECTION_CATEGORY_DATA", initialData.connectionCategory ? {
3799
+ label: t(initialData.connectionCategory),
3800
+ value: initialData.connectionCategory
3801
+ } : null));
3802
+ const [filephoto, setFilephoto] = useState(null);
3803
+ const [error, setError] = useState(null);
3804
+ const [toast, setToast] = useState(null);
3805
+ useEffect(() => {
3806
+ sessionStorage.setItem("EKYC_METER_STATUS_DATA", JSON.stringify(meterStatus));
3807
+ sessionStorage.setItem("EKYC_METER_WORKING_STATUS_DATA", JSON.stringify(workingStatus));
3808
+ sessionStorage.setItem("EKYC_METER_LOCATION", meterLocation);
3809
+ sessionStorage.setItem("EKYC_LAST_BILL_RAISED_DATA", JSON.stringify(lastBillRaised));
3810
+ sessionStorage.setItem("EKYC_REASON_FOR_NO_BILL", noBillReason);
3811
+ sessionStorage.setItem("EKYC_SEWER_CONNECTION_DATA", JSON.stringify(sewerConnection));
3812
+ sessionStorage.setItem("EKYC_TYPE_OF_CONNECTION_DATA", JSON.stringify(connectionCategory));
3813
+ sessionStorage.setItem("EKYC_CONNECTION_CATEGORY_DATA", JSON.stringify(connectionType));
3814
+ if (meterPhoto) sessionStorage.setItem("EKYC_METER_PHOTO", meterPhoto);
3815
+ if (meterPhotoFileStoreId) sessionStorage.setItem("EKYC_METER_PHOTO_FILESTORE_ID", meterPhotoFileStoreId);
3816
+ sessionStorage.setItem("EKYC_CURRENT_STEP", "METER");
3817
+ }, [meterStatus, workingStatus, meterLocation, lastBillRaised, noBillReason, sewerConnection, connectionCategory, connectionType, meterPhoto, meterPhotoFileStoreId]);
3818
+ const uploadFile = async (file, tenantId) => {
3819
+ var _res$data, _res$data$files, _res$data$files$;
3820
+ if (!file) return null;
3821
+ const res = await Digit.UploadServices.Filestorage("EKYC", file, tenantId);
3822
+ return (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$files = _res$data.files) === null || _res$data$files === void 0 ? void 0 : (_res$data$files$ = _res$data$files[0]) === null || _res$data$files$ === void 0 ? void 0 : _res$data$files$.fileStoreId) || null;
3823
+ };
3824
+ useEffect(() => {
3825
+ (async () => {
3826
+ setError(null);
3827
+ if (filephoto) {
3828
+ if (filephoto.size >= 2000000) {
3829
+ setError(t("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
3830
+ setToast({
3831
+ type: "error",
3832
+ message: t("EKYC_MAXIMUM_UPLOAD_SIZE_EXCEEDED")
3833
+ });
3834
+ } else {
3835
+ try {
3836
+ setToast({
3837
+ type: "info",
3838
+ message: t("EKYC_UPLOADING")
3839
+ });
3840
+ const fileStoreId = await uploadFile(filephoto, tenantId);
3841
+ if (fileStoreId) {
3842
+ setMeterStatusPhotoFileStoreId(fileStoreId);
3843
+ const reader = new FileReader();
3844
+ reader.onloadend = () => setMeterStatusPhoto(reader.result);
3845
+ reader.readAsDataURL(filephoto);
3846
+ setToast({
3847
+ type: "success",
3848
+ message: t("EKYC_UPLOAD_SUCCESS")
3849
+ });
3850
+ } else {
3851
+ setError(t("EKYC_FILE_UPLOAD_ERROR"));
3852
+ setToast({
3853
+ type: "error",
3854
+ message: t("EKYC_FILE_UPLOAD_ERROR")
3855
+ });
3856
+ }
3857
+ } catch (err) {
3858
+ setError(t("EKYC_FILE_UPLOAD_ERROR"));
3859
+ setToast({
3860
+ type: "error",
3861
+ message: t("EKYC_FILE_UPLOAD_ERROR")
3862
+ });
3863
+ }
3864
+ }
3865
+ }
3866
+ })();
3867
+ }, [filephoto]);
3868
+ const handleSaveAndContinue = () => {
3869
+ history.push("/digit-ui/employee/ekyc/review", {
3870
+ ...location.state,
3871
+ meterDetails: {
3872
+ meterStatus,
3873
+ meterPhoto,
3874
+ meterPhotoFileStoreId,
3875
+ workingStatus,
3876
+ meterLocation,
3877
+ lastBillRaised,
3878
+ noBillReason,
3879
+ sewerConnection,
3880
+ connectionType,
3881
+ connectionCategory
3882
+ }
3883
+ });
3884
+ };
3885
+ function selectphoto(e) {
3886
+ setMeterStatusPhotoFileStoreId(null);
3887
+ setFilephoto(e.target.files[0]);
3888
+ }
3889
+ const meterStatusOptions = [{
3890
+ label: t("EKYC_METERED"),
3891
+ value: "Metered"
3892
+ }, {
3893
+ label: t("EKYC_UNMETERED"),
3894
+ value: "Unmetered"
3895
+ }];
3896
+ const workingStatusOptions = [{
3897
+ label: t("EKYC_WORKING"),
3898
+ value: "Working"
3899
+ }, {
3900
+ label: t("EKYC_NOT_WORKING"),
3901
+ value: "Not Working"
3902
+ }];
3903
+ const yesNoOptions = [{
3904
+ label: t("CORE_COMMON_YES"),
3905
+ value: "Yes"
3906
+ }, {
3907
+ label: t("CORE_COMMON_NO"),
3908
+ value: "No"
3909
+ }];
3910
+ const connectionCategoryOptions = (dataV0 === null || dataV0 === void 0 ? void 0 : (_dataV0$wsServicesC = dataV0["ws-services-calculation"]) === null || _dataV0$wsServicesC === void 0 ? void 0 : (_dataV0$wsServicesC$p = _dataV0$wsServicesC.propertyTypeV2) === null || _dataV0$wsServicesC$p === void 0 ? void 0 : _dataV0$wsServicesC$p.map(item => ({
3911
+ label: t(item.code),
3912
+ value: item.code
3913
+ }))) || [];
3914
+ const connectionTypeOptions = (dataConn === null || dataConn === void 0 ? void 0 : (_dataConn$wsServices = dataConn["ws-services-calculation"]) === null || _dataConn$wsServices === void 0 ? void 0 : (_dataConn$wsServices$ = _dataConn$wsServices.connectionTypeV2) === null || _dataConn$wsServices$ === void 0 ? void 0 : _dataConn$wsServices$.map(item => ({
3915
+ label: t(item.code),
3916
+ value: item.code
3917
+ }))) || [];
3918
+ return /*#__PURE__*/React.createElement("div", {
3919
+ className: "inbox-container"
3920
+ }, /*#__PURE__*/React.createElement("style", null, `
3921
+ @keyframes fadeSlideIn {
3922
+ from { opacity: 0; transform: translateY(8px); }
3923
+ to { opacity: 1; transform: translateY(0); }
3924
+ }
3925
+ `), /*#__PURE__*/React.createElement("div", {
3926
+ className: "filters-container"
3927
+ }, /*#__PURE__*/React.createElement(Card, {
3928
+ style: {
3929
+ display: "flex",
3930
+ alignItems: "center",
3931
+ padding: "12px 16px",
3932
+ marginBottom: "12px",
3933
+ borderRadius: "8px"
3934
+ }
3935
+ }, /*#__PURE__*/React.createElement("div", {
3936
+ style: {
3937
+ color: "#185FA5",
3938
+ marginRight: "10px",
3939
+ display: "flex"
3940
+ }
3941
+ }, /*#__PURE__*/React.createElement(HomeIcon, {
3942
+ style: {
3943
+ width: "20px",
3944
+ height: "20px"
3945
+ }
3946
+ })), /*#__PURE__*/React.createElement("div", {
3947
+ style: {
3948
+ fontWeight: "600",
3949
+ fontSize: "15px",
3950
+ color: "#0B0C0C"
3951
+ }
3952
+ }, t("EKYC_PROCESS") || "eKYC Process")), /*#__PURE__*/React.createElement("div", {
3953
+ style: {
3954
+ background: "#fff",
3955
+ padding: "16px 14px",
3956
+ borderRadius: "8px",
3957
+ border: "1px solid #EAECF0"
3958
+ }
3959
+ }, [{
3960
+ label: t("EKYC_STEP_AADHAAR") || "Aadhaar",
3961
+ done: true,
3962
+ active: false
3963
+ }, {
3964
+ label: t("EKYC_STEP_ADDRESS") || "Address",
3965
+ done: true,
3966
+ active: false
3967
+ }, {
3968
+ label: t("EKYC_STEP_PROPERTY") || "Property",
3969
+ done: true,
3970
+ active: false
3971
+ }, {
3972
+ label: t("EKYC_STEP_METER") || "Meter",
3973
+ done: false,
3974
+ active: true
3975
+ }, {
3976
+ label: t("EKYC_STEP_REVIEW") || "Review",
3977
+ done: false,
3978
+ active: false
3979
+ }].map((step, i) => /*#__PURE__*/React.createElement("div", {
3980
+ key: i,
3981
+ style: {
3982
+ display: "flex",
3983
+ gap: "10px",
3984
+ alignItems: "flex-start",
3985
+ position: "relative",
3986
+ paddingBottom: i < 4 ? "18px" : 0
3987
+ }
3988
+ }, i < 4 && /*#__PURE__*/React.createElement("div", {
3989
+ style: {
3990
+ position: "absolute",
3991
+ left: "10px",
3992
+ top: "22px",
3993
+ width: "1px",
3994
+ height: "calc(100% - 10px)",
3995
+ background: "#EAECF0"
3996
+ }
3997
+ }), /*#__PURE__*/React.createElement("div", {
3998
+ style: {
3999
+ width: "20px",
4000
+ height: "20px",
4001
+ borderRadius: "50%",
4002
+ flexShrink: 0,
4003
+ marginTop: "1px",
4004
+ border: step.done ? "none" : step.active ? "1.5px solid #185FA5" : "1.5px solid #D0D5DD",
4005
+ background: step.done ? "#0F6E56" : step.active ? "#E6F1FB" : "#fff",
4006
+ display: "flex",
4007
+ alignItems: "center",
4008
+ justifyContent: "center",
4009
+ fontSize: "10px",
4010
+ fontWeight: "500",
4011
+ color: step.done ? "#fff" : step.active ? "#185FA5" : "#98A2B3"
4012
+ }
4013
+ }, step.done ? /*#__PURE__*/React.createElement(CheckIcon$3, {
4014
+ size: 11,
4015
+ color: "#fff"
4016
+ }) : i + 1), /*#__PURE__*/React.createElement("div", {
4017
+ style: {
4018
+ fontSize: "12px",
4019
+ paddingTop: "2px",
4020
+ color: step.done ? "#0F6E56" : step.active ? "#0B0C0C" : "#667085",
4021
+ fontWeight: step.done || step.active ? "600" : "400"
4022
+ }
4023
+ }, step.label))))), /*#__PURE__*/React.createElement("div", {
4024
+ style: {
4025
+ flex: 1,
4026
+ marginLeft: "16px"
4027
+ }
4028
+ }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
4029
+ style: {
4030
+ display: "flex",
4031
+ justifyContent: "space-between",
4032
+ alignItems: "center",
4033
+ marginBottom: "20px"
4034
+ }
4035
+ }, /*#__PURE__*/React.createElement(CardHeader, {
4036
+ style: {
4037
+ margin: 0,
4038
+ fontSize: "18px"
4039
+ }
4040
+ }, t("EKYC_METER_DETAILS_HEADER") || "Meter Details"), /*#__PURE__*/React.createElement("div", {
4041
+ style: {
4042
+ background: "#F9FAFB",
4043
+ border: "0.5px solid #EAECF0",
4044
+ borderRadius: "20px",
4045
+ padding: "4px 14px",
4046
+ fontSize: "12px",
4047
+ color: "#667085"
4048
+ }
4049
+ }, t("EKYC_K_NUMBER") || "K Number", ":", " ", /*#__PURE__*/React.createElement("span", {
4050
+ style: {
4051
+ color: "#0B0C0C",
4052
+ fontWeight: "600"
4053
+ }
4054
+ }, kNumber))), /*#__PURE__*/React.createElement("div", {
4055
+ style: {
4056
+ animation: "fadeSlideIn 0.3s ease"
4057
+ }
4058
+ }, /*#__PURE__*/React.createElement(SectionHead$3, {
4059
+ icon: /*#__PURE__*/React.createElement(MeterIcon, {
4060
+ size: 16
4061
+ }),
4062
+ label: t("EKYC_METER_DETAILS") || "Meter details"
4063
+ }), /*#__PURE__*/React.createElement("div", {
4064
+ style: {
4065
+ display: "grid",
4066
+ gridTemplateColumns: "1fr 1fr",
4067
+ gap: "14px",
4068
+ marginBottom: "20px"
4069
+ }
4070
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
4071
+ style: {
4072
+ fontSize: "11px",
4073
+ fontWeight: "600",
4074
+ color: "#667085",
4075
+ textTransform: "uppercase",
4076
+ letterSpacing: "0.04em",
4077
+ marginBottom: "6px"
4078
+ }
4079
+ }, t("EKYC_METER_STATUS") || "Meter status"), /*#__PURE__*/React.createElement(Dropdown, {
4080
+ selected: meterStatus,
4081
+ select: setMeterStatus,
4082
+ option: meterStatusOptions,
4083
+ optionKey: "label",
4084
+ t: t,
4085
+ placeholder: t("EKYC_SELECT") || "Select"
4086
+ })), (meterStatus === null || meterStatus === void 0 ? void 0 : meterStatus.value) === "Metered" && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
4087
+ style: {
4088
+ fontSize: "11px",
4089
+ fontWeight: "600",
4090
+ color: "#667085",
4091
+ textTransform: "uppercase",
4092
+ letterSpacing: "0.04em",
4093
+ marginBottom: "6px"
4094
+ }
4095
+ }, t("EKYC_METER_WORKING_STATUS") || "Meter working status"), /*#__PURE__*/React.createElement(Dropdown, {
4096
+ selected: workingStatus,
4097
+ select: setWorkingStatus,
4098
+ option: workingStatusOptions,
4099
+ optionKey: "label",
4100
+ t: t,
4101
+ placeholder: t("EKYC_SELECT") || "Select"
4102
+ }))), (meterStatus === null || meterStatus === void 0 ? void 0 : meterStatus.value) === "Metered" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
4103
+ style: {
4104
+ marginBottom: "20px"
4105
+ }
4106
+ }, /*#__PURE__*/React.createElement("div", {
4107
+ style: {
4108
+ fontSize: "11px",
4109
+ fontWeight: "600",
4110
+ color: "#667085",
4111
+ textTransform: "uppercase",
4112
+ letterSpacing: "0.04em",
4113
+ marginBottom: "8px"
4114
+ }
4115
+ }, t("EKYC_CAPTURE_METER_IMAGE") || "Capture meter image"), /*#__PURE__*/React.createElement(UploadFile, {
4116
+ id: "ekyc-meter-photo",
4117
+ extraStyleName: "propertyCreate",
4118
+ accept: ".jpg,.png,.jpeg",
4119
+ onUpload: selectphoto,
4120
+ onDelete: () => {
4121
+ setMeterStatusPhotoFileStoreId(null);
4122
+ setMeterStatusPhoto(null);
4123
+ setFilephoto(null);
4124
+ },
4125
+ message: meterPhotoFileStoreId ? `1 ${t(`EKYC_ACTION_FILEUPLOADED`)}` : t(`EKYC_ACTION_NO_FILEUPLOADED`),
4126
+ error: error
4127
+ }), meterPhoto && /*#__PURE__*/React.createElement("div", {
4128
+ style: {
4129
+ marginTop: "10px",
4130
+ borderRadius: "8px",
4131
+ overflow: "hidden",
4132
+ border: "1px solid #EAECF0"
3536
4133
  }
3537
- }), /*#__PURE__*/React.createElement(SectionHead$2, {
3538
- icon: /*#__PURE__*/React.createElement(BuildingIcon, {
3539
- size: 16
3540
- }),
3541
- label: t("EKYC_BUILDING_INFO") || "Building info"
3542
- }), /*#__PURE__*/React.createElement("div", {
4134
+ }, /*#__PURE__*/React.createElement("img", {
4135
+ src: meterPhoto,
4136
+ alt: "Meter Preview",
4137
+ style: {
4138
+ width: "100%",
4139
+ maxHeight: "150px",
4140
+ objectFit: "cover"
4141
+ }
4142
+ }))), /*#__PURE__*/React.createElement("div", {
3543
4143
  style: {
3544
4144
  display: "grid",
3545
4145
  gridTemplateColumns: "1fr 1fr",
3546
4146
  gap: "14px",
3547
- marginBottom: "14px"
4147
+ marginBottom: "20px"
3548
4148
  }
3549
4149
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3550
4150
  style: {
@@ -3555,13 +4155,10 @@ const PropertyInfo = () => {
3555
4155
  letterSpacing: "0.04em",
3556
4156
  marginBottom: "6px"
3557
4157
  }
3558
- }, t("EKYC_TYPE_OF_CONNECTION") || "Type of connection"), /*#__PURE__*/React.createElement(Dropdown, {
3559
- selected: connectionCategory,
3560
- select: setConnectionCategory,
3561
- option: connectionCategoryOptions,
3562
- optionKey: "label",
3563
- t: t,
3564
- placeholder: t("EKYC_SELECT") || "Select"
4158
+ }, t("EKYC_METER_LOCATION") || "Meter location"), /*#__PURE__*/React.createElement(TextInput, {
4159
+ value: meterLocation,
4160
+ onChange: e => setMeterLocation(e.target.value),
4161
+ placeholder: t("EKYC_ENTER_METER_LOCATION") || "Enter location"
3565
4162
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3566
4163
  style: {
3567
4164
  fontSize: "11px",
@@ -3571,21 +4168,18 @@ const PropertyInfo = () => {
3571
4168
  letterSpacing: "0.04em",
3572
4169
  marginBottom: "6px"
3573
4170
  }
3574
- }, t("EKYC_CONNECTION_CATEGORY") || "Connection category"), /*#__PURE__*/React.createElement(Dropdown, {
3575
- selected: connectionType,
3576
- select: setConnectionType,
3577
- option: connectionTypeOptions,
4171
+ }, t("EKYC_LAST_BILL_RAISED") || "Last bill raised"), /*#__PURE__*/React.createElement(Dropdown, {
4172
+ selected: lastBillRaised,
4173
+ select: setLastBillRaised,
4174
+ option: yesNoOptions,
3578
4175
  optionKey: "label",
3579
4176
  t: t,
3580
4177
  placeholder: t("EKYC_SELECT") || "Select"
3581
- }))), /*#__PURE__*/React.createElement("div", {
4178
+ }))), (lastBillRaised === null || lastBillRaised === void 0 ? void 0 : lastBillRaised.value) === "No" && /*#__PURE__*/React.createElement("div", {
3582
4179
  style: {
3583
- display: "grid",
3584
- gridTemplateColumns: "1fr 1fr",
3585
- gap: "14px",
3586
- marginBottom: "24px"
4180
+ marginBottom: "20px"
3587
4181
  }
3588
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
4182
+ }, /*#__PURE__*/React.createElement("div", {
3589
4183
  style: {
3590
4184
  fontSize: "11px",
3591
4185
  fontWeight: "600",
@@ -3594,14 +4188,15 @@ const PropertyInfo = () => {
3594
4188
  letterSpacing: "0.04em",
3595
4189
  marginBottom: "6px"
3596
4190
  }
3597
- }, t("EKYC_USER_TYPE") || "User type"), /*#__PURE__*/React.createElement(Dropdown, {
3598
- selected: userType,
3599
- select: setUserType,
3600
- option: userTypeOptions,
3601
- optionKey: "label",
3602
- t: t,
3603
- placeholder: t("EKYC_SELECT") || "Select"
3604
- })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
4191
+ }, t("EKYC_REASON_FOR_NO_BILL") || "Reason for no bill"), /*#__PURE__*/React.createElement(TextInput, {
4192
+ value: noBillReason,
4193
+ onChange: e => setNoBillReason(e.target.value),
4194
+ placeholder: t("EKYC_ENTER_REASON") || "Enter reason"
4195
+ }))), /*#__PURE__*/React.createElement("div", {
4196
+ style: {
4197
+ marginBottom: "20px"
4198
+ }
4199
+ }, /*#__PURE__*/React.createElement("div", {
3605
4200
  style: {
3606
4201
  fontSize: "11px",
3607
4202
  fontWeight: "600",
@@ -3610,10 +4205,14 @@ const PropertyInfo = () => {
3610
4205
  letterSpacing: "0.04em",
3611
4206
  marginBottom: "6px"
3612
4207
  }
3613
- }, t("EKYC_NO_OF_FLOORS") || "No. of floors"), /*#__PURE__*/React.createElement(Dropdown, {
3614
- selected: noOfFloors,
3615
- select: setNoOfFloors,
3616
- option: floorOptions,
4208
+ }, t("EKYC_SEWER_CONNECTION") || "Sewer connection"), /*#__PURE__*/React.createElement("div", {
4209
+ style: {
4210
+ width: "calc(50% - 7px)"
4211
+ }
4212
+ }, /*#__PURE__*/React.createElement(Dropdown, {
4213
+ selected: sewerConnection,
4214
+ select: setSewerConnection,
4215
+ option: yesNoOptions,
3617
4216
  optionKey: "label",
3618
4217
  t: t,
3619
4218
  placeholder: t("EKYC_SELECT") || "Select"
@@ -3623,17 +4222,17 @@ const PropertyInfo = () => {
3623
4222
  border: 0,
3624
4223
  borderTop: "1px solid #EAECF0"
3625
4224
  }
3626
- }), /*#__PURE__*/React.createElement(SectionHead$2, {
3627
- icon: /*#__PURE__*/React.createElement(DocumentIcon, {
4225
+ }), /*#__PURE__*/React.createElement(SectionHead$3, {
4226
+ icon: /*#__PURE__*/React.createElement(ConnectionIcon, {
3628
4227
  size: 16
3629
4228
  }),
3630
- label: t("EKYC_DOCUMENTS_PHOTO") || "Documents & photo"
4229
+ label: t("EKYC_PROPERTY_CONNECTION_DETAILS") || "Property Connection Details"
3631
4230
  }), /*#__PURE__*/React.createElement("div", {
3632
4231
  style: {
3633
4232
  display: "grid",
3634
4233
  gridTemplateColumns: "1fr 1fr",
3635
4234
  gap: "14px",
3636
- marginBottom: "20px"
4235
+ marginBottom: "24px"
3637
4236
  }
3638
4237
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3639
4238
  style: {
@@ -3642,88 +4241,32 @@ const PropertyInfo = () => {
3642
4241
  color: "#667085",
3643
4242
  textTransform: "uppercase",
3644
4243
  letterSpacing: "0.04em",
3645
- marginBottom: "8px"
3646
- }
3647
- }, t("EKYC_UPLOAD_PROPERTY_DOC") || "Upload property document"), /*#__PURE__*/React.createElement(UploadFile, {
3648
- id: "ekyc-property-doc",
3649
- extraStyleName: "propertyCreate",
3650
- accept: ".pdf",
3651
- onUpload: selectpdf,
3652
- onDelete: () => {
3653
- setPropertyDocumentFileStoreId(null);
3654
- setPropertyDocument(null);
3655
- setFilepdf(null);
3656
- },
3657
- message: propertyDocumentFileStoreId ? `1 ${t(`EKYC_ACTION_FILEUPLOADED`)}` : t(`EKYC_ACTION_NO_FILEUPLOADED`),
3658
- error: error,
3659
- disabled: !pidNumber
3660
- }), !pidNumber && /*#__PURE__*/React.createElement("div", {
3661
- style: {
3662
- fontSize: "11px",
3663
- color: "#D92D20",
3664
- marginTop: "4px"
4244
+ marginBottom: "6px"
3665
4245
  }
3666
- }, t("EKYC_ENTER_PID_FIRST_CTA") || "Enter PID to upload")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
4246
+ }, t("EKYC_TYPE_OF_CONNECTION") || "Type of connection"), /*#__PURE__*/React.createElement(Dropdown, {
4247
+ selected: connectionCategory,
4248
+ select: setConnectionCategory,
4249
+ option: connectionCategoryOptions,
4250
+ optionKey: "label",
4251
+ t: t,
4252
+ placeholder: t("EKYC_SELECT") || "Select"
4253
+ })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
3667
4254
  style: {
3668
4255
  fontSize: "11px",
3669
4256
  fontWeight: "600",
3670
4257
  color: "#667085",
3671
4258
  textTransform: "uppercase",
3672
4259
  letterSpacing: "0.04em",
3673
- marginBottom: "8px"
3674
- }
3675
- }, t("EKYC_CAPTURE_BUILDING_IMAGE") || "Capture building image"), /*#__PURE__*/React.createElement(UploadFile, {
3676
- id: "ekyc-building-photo",
3677
- extraStyleName: "propertyCreate",
3678
- accept: ".jpg,.png,.jpeg",
3679
- onUpload: selectphoto,
3680
- onDelete: () => {
3681
- setBuildingPhotoFileStoreId(null);
3682
- setBuildingPhoto(null);
3683
- setFilephoto(null);
3684
- },
3685
- message: buildingPhotoFileStoreId ? `1 ${t(`EKYC_ACTION_FILEUPLOADED`)}` : t(`EKYC_ACTION_NO_FILEUPLOADED`),
3686
- error: error
3687
- }), buildingPhoto && /*#__PURE__*/React.createElement("div", {
3688
- style: {
3689
- marginTop: "10px",
3690
- borderRadius: "8px",
3691
- overflow: "hidden",
3692
- border: "1px solid #EAECF0"
3693
- }
3694
- }, /*#__PURE__*/React.createElement("img", {
3695
- src: buildingPhoto,
3696
- alt: "Building Preview",
3697
- style: {
3698
- width: "100%",
3699
- maxHeight: "150px",
3700
- objectFit: "cover"
4260
+ marginBottom: "6px"
3701
4261
  }
4262
+ }, t("EKYC_CONNECTION_CATEGORY") || "Connection category"), /*#__PURE__*/React.createElement(Dropdown, {
4263
+ selected: connectionType,
4264
+ select: setConnectionType,
4265
+ option: connectionTypeOptions,
4266
+ optionKey: "label",
4267
+ t: t,
4268
+ placeholder: t("EKYC_SELECT") || "Select"
3702
4269
  })))), /*#__PURE__*/React.createElement("div", {
3703
- style: {
3704
- backgroundColor: "#E6F1FB",
3705
- border: "0.5px solid #B5D4F4",
3706
- borderRadius: "8px",
3707
- padding: "12px 14px",
3708
- display: "flex",
3709
- alignItems: "flex-start",
3710
- gap: "10px",
3711
- marginBottom: "4px"
3712
- }
3713
- }, /*#__PURE__*/React.createElement("div", {
3714
- style: {
3715
- flexShrink: 0,
3716
- marginTop: "1px"
3717
- }
3718
- }, /*#__PURE__*/React.createElement(InfoBannerIcon, {
3719
- fill: "#185FA5"
3720
- })), /*#__PURE__*/React.createElement("div", {
3721
- style: {
3722
- fontSize: "13px",
3723
- color: "#185FA5",
3724
- lineHeight: "1.5"
3725
- }
3726
- }, t("EKYC_TENANT_INFO_NOTICE") || "This section is enabled only if the user is not the owner. Tenant details will be required if tenant is selected."))), /*#__PURE__*/React.createElement("div", {
3727
4270
  style: {
3728
4271
  marginTop: "24px"
3729
4272
  }
@@ -3756,7 +4299,7 @@ const PropertyInfo = () => {
3756
4299
  rx: "2"
3757
4300
  }), /*#__PURE__*/React.createElement("path", {
3758
4301
  d: "M7 11V7a5 5 0 0 1 10 0v4"
3759
- })), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure")))), toast && /*#__PURE__*/React.createElement(Toast, {
4302
+ })), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure"))), toast && /*#__PURE__*/React.createElement(Toast, {
3760
4303
  label: toast.message,
3761
4304
  error: toast.type === "error",
3762
4305
  info: toast.type === "info",
@@ -3765,7 +4308,7 @@ const PropertyInfo = () => {
3765
4308
  }));
3766
4309
  };
3767
4310
 
3768
- const CheckIcon$3 = ({
4311
+ const CheckIcon$4 = ({
3769
4312
  size: _size = 11,
3770
4313
  color: _color = "#fff"
3771
4314
  }) => /*#__PURE__*/React.createElement("svg", {
@@ -3824,7 +4367,7 @@ const EditIcon = ({
3824
4367
  }), /*#__PURE__*/React.createElement("path", {
3825
4368
  d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
3826
4369
  }));
3827
- const SectionHead$3 = ({
4370
+ const SectionHead$4 = ({
3828
4371
  icon,
3829
4372
  label
3830
4373
  }) => /*#__PURE__*/React.createElement("div", {
@@ -3958,7 +4501,7 @@ const ReviewCard = ({
3958
4501
  }
3959
4502
  }, t("EKYC_MODIFIED") || "Modified"))) : null)));
3960
4503
  const Review = () => {
3961
- var _getSavedData, _getSavedData2, _propertyDetails$conn3, _propertyDetails$conn4, _propertyDetails$conn5, _propertyDetails$conn6, _propertyDetails$user2, _propertyDetails$user3, _propertyDetails$noOf2, _propertyDetails$noOf3;
4504
+ var _getSavedData, _getSavedData2, _propertyDetails$conn3, _propertyDetails$conn4, _propertyDetails$conn5, _propertyDetails$conn6, _propertyDetails$user2, _propertyDetails$user3, _propertyDetails$noOf2, _propertyDetails$noOf3, _meterDetails$meterSt2, _meterDetails$meterSt3, _meterDetails$working2, _meterDetails$working3, _meterDetails$lastBil2, _meterDetails$lastBil3, _meterDetails$sewerCo2, _meterDetails$sewerCo3, _meterDetails$connect3, _meterDetails$connect4, _meterDetails$connect5, _meterDetails$connect6;
3962
4505
  const {
3963
4506
  t
3964
4507
  } = useTranslation();
@@ -3988,8 +4531,6 @@ const Review = () => {
3988
4531
  const propertyDetails = state.propertyDetails || {
3989
4532
  ownerType: sessionStorage.getItem("EKYC_OWNER_TYPE"),
3990
4533
  pidNumber: sessionStorage.getItem("EKYC_PID_NUMBER"),
3991
- connectionCategory: getSavedData("EKYC_TYPE_OF_CONNECTION_DATA"),
3992
- connectionType: getSavedData("EKYC_CONNECTION_CATEGORY_DATA"),
3993
4534
  userType: getSavedData("EKYC_USER_TYPE_DATA"),
3994
4535
  noOfFloors: getSavedData("EKYC_NO_OF_FLOORS_DATA"),
3995
4536
  propertyDocument: sessionStorage.getItem("EKYC_PROPERTY_DOC"),
@@ -3997,6 +4538,18 @@ const Review = () => {
3997
4538
  buildingPhoto: sessionStorage.getItem("EKYC_BUILDING_PHOTO"),
3998
4539
  buildingPhotoFileStoreId: sessionStorage.getItem("EKYC_BUILDING_PHOTO_FILESTORE_ID")
3999
4540
  };
4541
+ const meterDetails = state.meterDetails || {
4542
+ meterStatus: getSavedData("EKYC_METER_STATUS_DATA"),
4543
+ workingStatus: getSavedData("EKYC_METER_WORKING_STATUS_DATA"),
4544
+ meterLocation: sessionStorage.getItem("EKYC_METER_LOCATION"),
4545
+ lastBillRaised: getSavedData("EKYC_LAST_BILL_RAISED_DATA"),
4546
+ noBillReason: sessionStorage.getItem("EKYC_REASON_FOR_NO_BILL"),
4547
+ sewerConnection: getSavedData("EKYC_SEWER_CONNECTION_DATA"),
4548
+ connectionCategory: getSavedData("EKYC_TYPE_OF_CONNECTION_DATA"),
4549
+ connectionType: getSavedData("EKYC_CONNECTION_CATEGORY_DATA"),
4550
+ meterPhoto: sessionStorage.getItem("EKYC_METER_PHOTO"),
4551
+ meterPhotoFileStoreId: sessionStorage.getItem("EKYC_METER_PHOTO_FILESTORE_ID")
4552
+ };
4000
4553
  useEffect(() => {
4001
4554
  sessionStorage.setItem("EKYC_CURRENT_STEP", "REVIEW");
4002
4555
  }, []);
@@ -4032,7 +4585,7 @@ const Review = () => {
4032
4585
  const handleSubmit = async () => {
4033
4586
  setToast(null);
4034
4587
  try {
4035
- var _Digit$UserService$ge, _propertyDetails$user, _propertyDetails$noOf, _propertyDetails$conn, _propertyDetails$conn2;
4588
+ var _Digit$UserService$ge, _propertyDetails$user, _propertyDetails$noOf, _propertyDetails$conn, _propertyDetails$conn2, _meterDetails$meterSt, _meterDetails$working, _meterDetails$lastBil, _meterDetails$sewerCo, _meterDetails$connect, _meterDetails$connect2;
4036
4589
  const userInfo = ((_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.info) || {};
4037
4590
  let propertyDocFileStoreId = propertyDetails.propertyDocumentFileStoreId || null;
4038
4591
  if (!propertyDocFileStoreId && propertyDetails.propertyDocument instanceof File) {
@@ -4048,6 +4601,11 @@ const Review = () => {
4048
4601
  const doorFile = dataUrlToFile(addressDetails.doorPhoto, "door_photo.jpg");
4049
4602
  doorPhotoFileStoreId = await uploadFile(doorFile, tenantId);
4050
4603
  }
4604
+ let meterImageFileStoreId = meterDetails.meterPhotoFileStoreId || null;
4605
+ if (!meterImageFileStoreId && meterDetails.meterPhoto) {
4606
+ const meterFile = dataUrlToFile(meterDetails.meterPhoto, "meter_photo.jpg");
4607
+ meterImageFileStoreId = await uploadFile(meterFile, tenantId);
4608
+ }
4051
4609
  const requestBody = {
4052
4610
  updateType: "PROPERTY",
4053
4611
  kno: kNumber,
@@ -4070,7 +4628,16 @@ const Review = () => {
4070
4628
  landmark: addressDetails.landmark || null,
4071
4629
  pincode: addressDetails.pincode || null,
4072
4630
  assembly: addressDetails.assembly || null,
4073
- ward: addressDetails.ward || null
4631
+ ward: addressDetails.ward || null,
4632
+ meterStatus: ((_meterDetails$meterSt = meterDetails.meterStatus) === null || _meterDetails$meterSt === void 0 ? void 0 : _meterDetails$meterSt.value) || null,
4633
+ meterWorkingStatus: ((_meterDetails$working = meterDetails.workingStatus) === null || _meterDetails$working === void 0 ? void 0 : _meterDetails$working.value) || null,
4634
+ meterLocation: meterDetails.meterLocation || null,
4635
+ lastBillRaised: ((_meterDetails$lastBil = meterDetails.lastBillRaised) === null || _meterDetails$lastBil === void 0 ? void 0 : _meterDetails$lastBil.value) || null,
4636
+ noBillReason: meterDetails.noBillReason || null,
4637
+ sewerConnection: ((_meterDetails$sewerCo = meterDetails.sewerConnection) === null || _meterDetails$sewerCo === void 0 ? void 0 : _meterDetails$sewerCo.value) || null,
4638
+ typeOfConnection: ((_meterDetails$connect = meterDetails.connectionCategory) === null || _meterDetails$connect === void 0 ? void 0 : _meterDetails$connect.value) || null,
4639
+ connectionCategory: ((_meterDetails$connect2 = meterDetails.connectionType) === null || _meterDetails$connect2 === void 0 ? void 0 : _meterDetails$connect2.value) || null,
4640
+ meterImageFileStoreId: meterImageFileStoreId
4074
4641
  };
4075
4642
  mutate(requestBody, {
4076
4643
  onSuccess: res => {
@@ -4111,9 +4678,10 @@ const Review = () => {
4111
4678
  const handleEditProperty = () => {
4112
4679
  history.push("/digit-ui/employee/ekyc/property-info", location.state);
4113
4680
  };
4114
- return /*#__PURE__*/React.createElement("div", {
4115
- className: "ground-container employee-app-container form-container"
4116
- }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
4681
+ const handleEditMeter = () => {
4682
+ history.push("/digit-ui/employee/ekyc/meter-details", location.state);
4683
+ };
4684
+ return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
4117
4685
  className: "inbox-container"
4118
4686
  }, /*#__PURE__*/React.createElement("style", null, `
4119
4687
  @keyframes fadeSlideIn {
@@ -4166,6 +4734,10 @@ const Review = () => {
4166
4734
  label: t("EKYC_STEP_PROPERTY") || "Property",
4167
4735
  done: true,
4168
4736
  active: false
4737
+ }, {
4738
+ label: t("EKYC_STEP_METER") || "Meter",
4739
+ done: true,
4740
+ active: false
4169
4741
  }, {
4170
4742
  label: t("EKYC_STEP_REVIEW") || "Review",
4171
4743
  done: false,
@@ -4177,9 +4749,9 @@ const Review = () => {
4177
4749
  gap: "10px",
4178
4750
  alignItems: "flex-start",
4179
4751
  position: "relative",
4180
- paddingBottom: i < 3 ? "18px" : 0
4752
+ paddingBottom: i < 4 ? "18px" : 0
4181
4753
  }
4182
- }, i < 3 && /*#__PURE__*/React.createElement("div", {
4754
+ }, i < 4 && /*#__PURE__*/React.createElement("div", {
4183
4755
  style: {
4184
4756
  position: "absolute",
4185
4757
  left: "10px",
@@ -4204,7 +4776,7 @@ const Review = () => {
4204
4776
  fontWeight: "500",
4205
4777
  color: step.done ? "#fff" : step.active ? "#185FA5" : "#98A2B3"
4206
4778
  }
4207
- }, step.done ? /*#__PURE__*/React.createElement(CheckIcon$3, {
4779
+ }, step.done ? /*#__PURE__*/React.createElement(CheckIcon$4, {
4208
4780
  size: 11,
4209
4781
  color: "#fff"
4210
4782
  }) : i + 1), /*#__PURE__*/React.createElement("div", {
@@ -4284,7 +4856,7 @@ const Review = () => {
4284
4856
  style: {
4285
4857
  animation: "fadeSlideIn 0.3s ease"
4286
4858
  }
4287
- }, /*#__PURE__*/React.createElement(SectionHead$3, {
4859
+ }, /*#__PURE__*/React.createElement(SectionHead$4, {
4288
4860
  icon: /*#__PURE__*/React.createElement(PersonIcon, {
4289
4861
  size: 16
4290
4862
  }),
@@ -4319,7 +4891,7 @@ const Review = () => {
4319
4891
  border: 0,
4320
4892
  borderTop: "1px solid #EAECF0"
4321
4893
  }
4322
- }), /*#__PURE__*/React.createElement(SectionHead$3, {
4894
+ }), /*#__PURE__*/React.createElement(SectionHead$4, {
4323
4895
  icon: /*#__PURE__*/React.createElement(LocationIcon2, {
4324
4896
  size: 16
4325
4897
  }),
@@ -4367,7 +4939,7 @@ const Review = () => {
4367
4939
  border: 0,
4368
4940
  borderTop: "1px solid #EAECF0"
4369
4941
  }
4370
- }), /*#__PURE__*/React.createElement(SectionHead$3, {
4942
+ }), /*#__PURE__*/React.createElement(SectionHead$4, {
4371
4943
  icon: /*#__PURE__*/React.createElement(BuildingIcon$1, {
4372
4944
  size: 16
4373
4945
  }),
@@ -4404,6 +4976,68 @@ const Review = () => {
4404
4976
  value: ((_propertyDetails$noOf2 = propertyDetails.noOfFloors) === null || _propertyDetails$noOf2 === void 0 ? void 0 : _propertyDetails$noOf2.label) || null,
4405
4977
  isModified: isFieldModified("noOfFloor", (_propertyDetails$noOf3 = propertyDetails.noOfFloors) === null || _propertyDetails$noOf3 === void 0 ? void 0 : _propertyDetails$noOf3.value)
4406
4978
  }]
4979
+ }), /*#__PURE__*/React.createElement("hr", {
4980
+ style: {
4981
+ margin: "20px 0",
4982
+ border: 0,
4983
+ borderTop: "1px solid #EAECF0"
4984
+ }
4985
+ }), /*#__PURE__*/React.createElement(SectionHead$4, {
4986
+ icon: /*#__PURE__*/React.createElement("svg", {
4987
+ width: "16",
4988
+ height: "16",
4989
+ viewBox: "0 0 24 24",
4990
+ fill: "currentColor"
4991
+ }, /*#__PURE__*/React.createElement("path", {
4992
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"
4993
+ })),
4994
+ label: t("EKYC_METER_DETAILS_HEADER") || "Meter details"
4995
+ }), /*#__PURE__*/React.createElement(ReviewCard, {
4996
+ icon: /*#__PURE__*/React.createElement("svg", {
4997
+ width: "16",
4998
+ height: "16",
4999
+ viewBox: "0 0 24 24",
5000
+ fill: "currentColor"
5001
+ }, /*#__PURE__*/React.createElement("path", {
5002
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z"
5003
+ })),
5004
+ title: t("EKYC_METER_DETAILS_HEADER") || "Meter details",
5005
+ onEdit: handleEditMeter,
5006
+ editLabel: t("CS_COMMON_EDIT") || "Edit",
5007
+ t: t,
5008
+ rows: [{
5009
+ label: t("EKYC_METER_STATUS") || "Meter status",
5010
+ value: ((_meterDetails$meterSt2 = meterDetails.meterStatus) === null || _meterDetails$meterSt2 === void 0 ? void 0 : _meterDetails$meterSt2.label) || null,
5011
+ isModified: isFieldModified("meterStatus", (_meterDetails$meterSt3 = meterDetails.meterStatus) === null || _meterDetails$meterSt3 === void 0 ? void 0 : _meterDetails$meterSt3.value)
5012
+ }, {
5013
+ label: t("EKYC_METER_WORKING_STATUS") || "Meter working status",
5014
+ value: ((_meterDetails$working2 = meterDetails.workingStatus) === null || _meterDetails$working2 === void 0 ? void 0 : _meterDetails$working2.label) || null,
5015
+ isModified: isFieldModified("meterWorkingStatus", (_meterDetails$working3 = meterDetails.workingStatus) === null || _meterDetails$working3 === void 0 ? void 0 : _meterDetails$working3.value)
5016
+ }, {
5017
+ label: t("EKYC_METER_LOCATION") || "Meter location",
5018
+ value: meterDetails.meterLocation || null,
5019
+ isModified: isFieldModified("meterLocation", meterDetails.meterLocation)
5020
+ }, {
5021
+ label: t("EKYC_LAST_BILL_RAISED") || "Last bill raised",
5022
+ value: ((_meterDetails$lastBil2 = meterDetails.lastBillRaised) === null || _meterDetails$lastBil2 === void 0 ? void 0 : _meterDetails$lastBil2.label) || null,
5023
+ isModified: isFieldModified("lastBillRaised", (_meterDetails$lastBil3 = meterDetails.lastBillRaised) === null || _meterDetails$lastBil3 === void 0 ? void 0 : _meterDetails$lastBil3.value)
5024
+ }, {
5025
+ label: t("EKYC_REASON_FOR_NO_BILL") || "Reason for no bill",
5026
+ value: meterDetails.noBillReason || null,
5027
+ isModified: isFieldModified("noBillReason", meterDetails.noBillReason)
5028
+ }, {
5029
+ label: t("EKYC_SEWER_CONNECTION") || "Sewer connection",
5030
+ value: ((_meterDetails$sewerCo2 = meterDetails.sewerConnection) === null || _meterDetails$sewerCo2 === void 0 ? void 0 : _meterDetails$sewerCo2.label) || null,
5031
+ isModified: isFieldModified("sewerConnection", (_meterDetails$sewerCo3 = meterDetails.sewerConnection) === null || _meterDetails$sewerCo3 === void 0 ? void 0 : _meterDetails$sewerCo3.value)
5032
+ }, {
5033
+ label: t("EKYC_TYPE_OF_CONNECTION") || "Type of connection",
5034
+ value: ((_meterDetails$connect3 = meterDetails.connectionCategory) === null || _meterDetails$connect3 === void 0 ? void 0 : _meterDetails$connect3.label) || null,
5035
+ isModified: isFieldModified("typeOfConnection", (_meterDetails$connect4 = meterDetails.connectionCategory) === null || _meterDetails$connect4 === void 0 ? void 0 : _meterDetails$connect4.value)
5036
+ }, {
5037
+ label: t("EKYC_CONNECTION_CATEGORY") || "Connection category",
5038
+ value: ((_meterDetails$connect5 = meterDetails.connectionType) === null || _meterDetails$connect5 === void 0 ? void 0 : _meterDetails$connect5.label) || null,
5039
+ isModified: isFieldModified("connectionCategory", (_meterDetails$connect6 = meterDetails.connectionType) === null || _meterDetails$connect6 === void 0 ? void 0 : _meterDetails$connect6.value)
5040
+ }]
4407
5041
  })), /*#__PURE__*/React.createElement("div", {
4408
5042
  style: {
4409
5043
  marginTop: "24px"
@@ -4443,7 +5077,7 @@ const Review = () => {
4443
5077
  error: toast.type === "error",
4444
5078
  success: toast.type === "success",
4445
5079
  onClose: () => setToast(null)
4446
- })));
5080
+ }));
4447
5081
  };
4448
5082
 
4449
5083
  const EmployeeApp = ({
@@ -4462,6 +5096,7 @@ const EmployeeApp = ({
4462
5096
  if (pathname.includes("/aadhaar-verification")) return "EKYC_AADHAAR_VERIFICATION";
4463
5097
  if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
4464
5098
  if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
5099
+ if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
4465
5100
  if (pathname.includes("/review")) return "EKYC_REVIEW";
4466
5101
  return "ES_COMMON_INBOX";
4467
5102
  };
@@ -4472,7 +5107,7 @@ const EmployeeApp = ({
4472
5107
  label: t(getBreadcrumbLabel())
4473
5108
  }];
4474
5109
  return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
4475
- className: "ground-container employee-app-container"
5110
+ className: "ground-container employee-app-container employee-app-homepage-container"
4476
5111
  }, /*#__PURE__*/React.createElement(ModuleHeader, {
4477
5112
  leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
4478
5113
  className: "icon"
@@ -4499,6 +5134,9 @@ const EmployeeApp = ({
4499
5134
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
4500
5135
  path: `${path}/property-info`,
4501
5136
  component: () => /*#__PURE__*/React.createElement(PropertyInfo, null)
5137
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5138
+ path: `${path}/meter-details`,
5139
+ component: () => /*#__PURE__*/React.createElement(MeterDetails, null)
4502
5140
  }), /*#__PURE__*/React.createElement(PrivateRoute, {
4503
5141
  path: `${path}/review`,
4504
5142
  component: () => /*#__PURE__*/React.createElement(Review, null)
@@ -4513,6 +5151,63 @@ const EmployeeApp = ({
4513
5151
  }))));
4514
5152
  };
4515
5153
 
5154
+ const CitizenApp = () => {
5155
+ const {
5156
+ t
5157
+ } = useTranslation();
5158
+ const location = useLocation();
5159
+ const {
5160
+ path
5161
+ } = useRouteMatch();
5162
+ sessionStorage.removeItem("revalidateddone");
5163
+ const getBreadcrumbLabel = () => {
5164
+ const pathname = location.pathname;
5165
+ if (pathname.includes("/create-kyc")) return "EKYC_CREATE_KYC";
5166
+ if (pathname.includes("/aadhaar-verification")) return "EKYC_AADHAAR_VERIFICATION";
5167
+ if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
5168
+ if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
5169
+ if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
5170
+ if (pathname.includes("/review")) return "EKYC_REVIEW";
5171
+ return "EKYC_HOME";
5172
+ };
5173
+ const breadcrumbs = [{
5174
+ icon: HomeIcon,
5175
+ path: "/digit-ui/citizen"
5176
+ }, {
5177
+ label: t(getBreadcrumbLabel())
5178
+ }];
5179
+ return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
5180
+ className: "ground-container employee-app-container form-container"
5181
+ }, /*#__PURE__*/React.createElement(ModuleHeader, {
5182
+ leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
5183
+ className: "icon"
5184
+ }), t("CS_COMMON_BACK")),
5185
+ onLeftClick: () => window.history.back(),
5186
+ breadcrumbs: breadcrumbs
5187
+ }), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
5188
+ path: `${path}/create-kyc`,
5189
+ component: () => /*#__PURE__*/React.createElement(Create, null)
5190
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5191
+ path: `${path}/aadhaar-verification`,
5192
+ component: () => /*#__PURE__*/React.createElement(AadhaarVerification, null)
5193
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5194
+ path: `${path}/address-details`,
5195
+ component: () => /*#__PURE__*/React.createElement(AddressDetails, null)
5196
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5197
+ path: `${path}/property-info`,
5198
+ component: () => /*#__PURE__*/React.createElement(PropertyInfo, null)
5199
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5200
+ path: `${path}/meter-details`,
5201
+ component: () => /*#__PURE__*/React.createElement(MeterDetails, null)
5202
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5203
+ path: `${path}/review`,
5204
+ component: () => /*#__PURE__*/React.createElement(Review, null)
5205
+ }), /*#__PURE__*/React.createElement(PrivateRoute, {
5206
+ path: `${path}/`,
5207
+ component: () => /*#__PURE__*/React.createElement(Create, null)
5208
+ }))));
5209
+ };
5210
+
4516
5211
  const EkycModule = ({
4517
5212
  stateCode,
4518
5213
  userType,
@@ -4543,7 +5238,26 @@ const EkycModule = ({
4543
5238
  userType: userType,
4544
5239
  tenants: tenants
4545
5240
  });
4546
- } else return null;
5241
+ } else return /*#__PURE__*/React.createElement(CitizenApp, null);
5242
+ };
5243
+ const EkycLinks = ({
5244
+ matchPath,
5245
+ userType
5246
+ }) => {
5247
+ const {
5248
+ t
5249
+ } = useTranslation();
5250
+ const links = [{
5251
+ link: `${matchPath}/create-kyc`,
5252
+ i18nKey: t("EKYC_CREATE_KYC")
5253
+ }];
5254
+ return /*#__PURE__*/React.createElement(CitizenHomeCard, {
5255
+ header: t("EKYC_MODULE_NAME"),
5256
+ links: links,
5257
+ Icon: () => /*#__PURE__*/React.createElement(DocumentIcon$1, {
5258
+ className: "fill-path-primary-main"
5259
+ })
5260
+ });
4547
5261
  };
4548
5262
  const componentsToRegister = {
4549
5263
  EKYCModule: EkycModule,
@@ -4551,7 +5265,8 @@ const componentsToRegister = {
4551
5265
  EKYCInbox: Inbox,
4552
5266
  EKYCDesktopInbox: DesktopInbox,
4553
5267
  EKYCMobileInbox: MobileInbox,
4554
- EKYC_INBOX_FILTER: props => /*#__PURE__*/React.createElement(Filter, props)
5268
+ EKYC_INBOX_FILTER: props => /*#__PURE__*/React.createElement(Filter, props),
5269
+ EkycLinks
4555
5270
  };
4556
5271
  const initEkycComponents = () => {
4557
5272
  Object.entries(componentsToRegister).forEach(([key, value]) => {
@@ -4560,5 +5275,5 @@ const initEkycComponents = () => {
4560
5275
  };
4561
5276
 
4562
5277
  export default EkycModule;
4563
- export { EkycModule, initEkycComponents };
5278
+ export { EkycLinks, EkycModule, initEkycComponents };
4564
5279
  //# sourceMappingURL=index.modern.js.map