@djb25/digit-ui-module-wt 1.0.9 → 1.0.11

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 (5) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +266 -169
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -1,4 +1,4 @@
1
- import { TickMark, ArrowDown, MobileNumber, CardLabelError, TextInput, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Toast, AppContainer, BackButton, PrivateRoute, KeyNote, Modal, CardHeader, CardText, FormStep, CardLabel, RadioButtons, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, CHBIcon, EmployeeModuleCard, HomeIcon, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, ModuleHeader, ArrowLeft, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, Localities, RemoveableTag, UploadFile, FormComposer, PDFSvg, LabelFieldPair, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ViewsIcon, Menu, ButtonSelector, LocationIcon, CitizenHomeCard, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
1
+ import { TickMark, ArrowDown, MobileNumber, CardLabelError, TextInput, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Toast, AppContainer, BackButton, PrivateRoute, KeyNote, Modal, CardHeader, CardText, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, CHBIcon, EmployeeModuleCard, HomeIcon, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, ModuleHeader, ArrowLeft, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, Localities, RemoveableTag, FormComposer, PDFSvg, LabelFieldPair, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ViewsIcon, Menu, ButtonSelector, LocationIcon, CitizenHomeCard, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
2
2
  import React, { useState, useMemo, useCallback, useEffect, Fragment, useRef } from 'react';
3
3
  import { useTranslation } from 'react-i18next';
4
4
  import { useLocation, useHistory, useRouteMatch, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -6,120 +6,120 @@ import { useQueryClient } from 'react-query';
6
6
  import { useForm, Controller } from 'react-hook-form';
7
7
 
8
8
  const commonConfig = [{
9
- "head": "ES_TITILE_OWNER_DETAILS",
10
- "body": [{
11
- "route": "service-type",
12
- "component": "ServiceTypes",
13
- "withoutLabel": true,
14
- "key": "serviceType",
15
- "type": "component",
16
- "nextStep": "info",
17
- "hideInEmployee": true,
18
- "isMandatory": true,
19
- "texts": {
20
- "submitBarLabel": "COMMON_SAVE_NEXT"
9
+ head: "ES_TITILE_OWNER_DETAILS",
10
+ body: [{
11
+ route: "service-type",
12
+ component: "ServiceTypes",
13
+ withoutLabel: true,
14
+ key: "serviceType",
15
+ type: "component",
16
+ nextStep: "info",
17
+ hideInEmployee: true,
18
+ isMandatory: true,
19
+ texts: {
20
+ submitBarLabel: "COMMON_SAVE_NEXT"
21
21
  }
22
22
  }, {
23
- "route": "info",
24
- "component": "InfoPage",
25
- "nextStep": "applicant-details",
26
- "key": "infodetails"
23
+ route: "info",
24
+ component: "InfoPage",
25
+ nextStep: "applicant-details",
26
+ key: "infodetails"
27
27
  }, {
28
- "route": "applicant-details",
29
- "component": "ApplicantDetails",
30
- "withoutLabel": true,
31
- "key": "owner",
32
- "type": "component",
33
- "nextStep": "address-details",
34
- "hideInEmployee": true,
35
- "isMandatory": true,
36
- "texts": {
37
- "submitBarLabel": "COMMON_SAVE_NEXT",
38
- "header": "ES_APPLICANT_DETAILS"
28
+ route: "applicant-details",
29
+ component: "ApplicantDetails",
30
+ withoutLabel: true,
31
+ key: "owner",
32
+ type: "component",
33
+ nextStep: "address-details",
34
+ hideInEmployee: true,
35
+ isMandatory: true,
36
+ texts: {
37
+ submitBarLabel: "COMMON_SAVE_NEXT",
38
+ header: "ES_APPLICANT_DETAILS"
39
39
  },
40
- "timeLine": [{
41
- "currentStep": 1,
42
- "actions": "ES_APPLICANT_DETAILS"
40
+ timeLine: [{
41
+ currentStep: 1,
42
+ actions: "ES_APPLICANT_DETAILS"
43
43
  }]
44
44
  }]
45
45
  }, {
46
- "head": "ES_TITLE_ADDRESS_DETAILS",
47
- "body": [{
48
- "route": "address-details",
49
- "component": "AddressDetails",
50
- "withoutLabel": true,
51
- "key": "address",
52
- "type": "component",
53
- "isMandatory": true,
54
- "hideInEmployee": true,
55
- "nextStep": "request-details",
56
- "texts": {
57
- "submitBarLabel": "COMMON_SAVE_NEXT",
58
- "header": "ES_ADDRESS_DETAILS"
46
+ head: "ES_TITLE_ADDRESS_DETAILS",
47
+ body: [{
48
+ route: "address-details",
49
+ component: "AddressDetails",
50
+ withoutLabel: true,
51
+ key: "address",
52
+ type: "component",
53
+ isMandatory: true,
54
+ hideInEmployee: true,
55
+ nextStep: "request-details",
56
+ texts: {
57
+ submitBarLabel: "COMMON_SAVE_NEXT",
58
+ header: "ES_ADDRESS_DETAILS"
59
59
  },
60
- "timeLine": [{
61
- "currentStep": 2,
62
- "actions": "ES_ADDRESS_DETAILS"
60
+ timeLine: [{
61
+ currentStep: 2,
62
+ actions: "ES_ADDRESS_DETAILS"
63
63
  }]
64
64
  }]
65
65
  }, {
66
- "head": "ES_REQUEST_DETAILS",
67
- "body": [{
68
- "route": "request-details",
69
- "component": "RequestDetails",
70
- "withoutLabel": true,
71
- "key": "requestDetails",
72
- "type": "component",
73
- "isMandatory": true,
74
- "hideInEmployee": true,
75
- "nextStep": null,
76
- "texts": {
77
- "submitBarLabel": "COMMON_SAVE_NEXT",
78
- "header": "WT_REQUEST_DETAILS"
66
+ head: "ES_REQUEST_DETAILS",
67
+ body: [{
68
+ route: "request-details",
69
+ component: "RequestDetails",
70
+ withoutLabel: true,
71
+ key: "requestDetails",
72
+ type: "component",
73
+ isMandatory: true,
74
+ hideInEmployee: true,
75
+ nextStep: null,
76
+ texts: {
77
+ submitBarLabel: "COMMON_SAVE_NEXT",
78
+ header: "WT_REQUEST_DETAILS"
79
79
  },
80
- "timeLine": [{
81
- "currentStep": 3,
82
- "actions": "ES_REQUEST_DETAILS"
80
+ timeLine: [{
81
+ currentStep: 3,
82
+ actions: "ES_REQUEST_DETAILS"
83
83
  }]
84
84
  }]
85
85
  }, {
86
- "head": "ES_TOILET_REQUEST_DETAILS",
87
- "body": [{
88
- "route": "toiletRequest-details",
89
- "component": "ToiletRequestDetails",
90
- "withoutLabel": true,
91
- "key": "toiletRequestDetails",
92
- "type": "component",
93
- "isMandatory": true,
94
- "hideInEmployee": true,
95
- "nextStep": null,
96
- "texts": {
97
- "submitBarLabel": "COMMON_SAVE_NEXT",
98
- "header": "MT_REQUEST_DETAILS"
86
+ head: "ES_TOILET_REQUEST_DETAILS",
87
+ body: [{
88
+ route: "toiletRequest-details",
89
+ component: "ToiletRequestDetails",
90
+ withoutLabel: true,
91
+ key: "toiletRequestDetails",
92
+ type: "component",
93
+ isMandatory: true,
94
+ hideInEmployee: true,
95
+ nextStep: null,
96
+ texts: {
97
+ submitBarLabel: "COMMON_SAVE_NEXT",
98
+ header: "MT_REQUEST_DETAILS"
99
99
  },
100
- "timeLine": [{
101
- "currentStep": 3,
102
- "actions": "ES_TOILET_REQUEST_DETAILS"
100
+ timeLine: [{
101
+ currentStep: 3,
102
+ actions: "ES_TOILET_REQUEST_DETAILS"
103
103
  }]
104
104
  }]
105
105
  }, {
106
- "head": "ES_TREE_PRUNING_REQUEST_DETAILS",
107
- "body": [{
108
- "route": "treePruningRequest-details",
109
- "component": "TreePruningRequestDetails",
110
- "withoutLabel": true,
111
- "key": "treePruningRequestDetails",
112
- "type": "component",
113
- "isMandatory": true,
114
- "hideInEmployee": true,
115
- "nextStep": null,
116
- "texts": {
117
- "submitBarLabel": "COMMON_SAVE_NEXT",
118
- "header": "TP_REQUEST_DETAILS"
106
+ head: "ES_TREE_PRUNING_REQUEST_DETAILS",
107
+ body: [{
108
+ route: "treePruningRequest-details",
109
+ component: "TreePruningRequestDetails",
110
+ withoutLabel: true,
111
+ key: "treePruningRequestDetails",
112
+ type: "component",
113
+ isMandatory: true,
114
+ hideInEmployee: true,
115
+ nextStep: null,
116
+ texts: {
117
+ submitBarLabel: "COMMON_SAVE_NEXT",
118
+ header: "TP_REQUEST_DETAILS"
119
119
  },
120
- "timeLine": [{
121
- "currentStep": 3,
122
- "actions": "ES_TREE_PRUNING_REQUEST_DETAILS"
120
+ timeLine: [{
121
+ currentStep: 3,
122
+ actions: "ES_TREE_PRUNING_REQUEST_DETAILS"
123
123
  }]
124
124
  }]
125
125
  }];
@@ -182,7 +182,7 @@ const VerticalTimeline = ({
182
182
  };
183
183
 
184
184
  const WTCreate = () => {
185
- var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi;
185
+ var _userInfo$info, _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi;
186
186
  const queryClient = useQueryClient();
187
187
  const match = useRouteMatch();
188
188
  const {
@@ -194,9 +194,19 @@ const WTCreate = () => {
194
194
  const history = useHistory();
195
195
  let config = [];
196
196
  const [params, setParams, clearParams] = Digit.Hooks.useSessionStorage("WT_Create", {});
197
+ const userInfo = Digit.UserService.getUser();
198
+ const tenantId = Digit.ULBService.getCurrentTenantId();
199
+ const uuid = userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$info = userInfo.info) === null || _userInfo$info === void 0 ? void 0 : _userInfo$info.uuid;
200
+ const {
201
+ data: userDetails,
202
+ isLoading: isUserLoading
203
+ } = Digit.Hooks.useUserSearch(tenantId, {
204
+ uuid: [uuid]
205
+ }, {}, {
206
+ enabled: uuid ? true : false
207
+ });
197
208
  if ((!params.serviceType || Object.keys(params.serviceType).length === 0) && pathname.includes("employee")) {
198
209
  if (pathname.includes("mt")) {
199
- console.log("MT Create");
200
210
  setParams({
201
211
  serviceType: {
202
212
  serviceType: {
@@ -359,6 +369,7 @@ const WTCreate = () => {
359
369
  overflowY: "auto"
360
370
  }
361
371
  }, /*#__PURE__*/React.createElement(Switch, null, config.map((routeObj, index) => {
372
+ var _userDetails$user;
362
373
  const {
363
374
  component,
364
375
  texts,
@@ -379,7 +390,8 @@ const WTCreate = () => {
379
390
  },
380
391
  onSelect: handleSelect,
381
392
  t: t,
382
- formData: params
393
+ formData: params,
394
+ userDetails: userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$user = userDetails.user) === null || _userDetails$user === void 0 ? void 0 : _userDetails$user[0]
383
395
  }));
384
396
  }), /*#__PURE__*/React.createElement(Route, {
385
397
  path: `${match.path}/check`
@@ -426,7 +438,7 @@ const formatDate = dateString => {
426
438
  };
427
439
  const APPLICATION_PATH = "/digit-ui";
428
440
  const waterTankerPayload = data => {
429
- var _data$requestDetails, _data$requestDetails$, _data$requestDetails2, _data$requestDetails3, _data$requestDetails4, _data$requestDetails5, _data$requestDetails6, _data$requestDetails7, _data$requestDetails8, _data$requestDetails9, _data$requestDetails0, _data$requestDetails1, _data$address, _data$owner, _data$owner2, _data$owner3, _data$owner4, _data$address2, _data$address2$addres, _data$address3, _data$address4, _data$address4$city, _data$address4$city$c, _data$address5, _data$address5$city, _data$address5$city$c, _data$address6, _data$address7, _data$address8, _data$address8$locali, _data$address9, _data$address9$locali, _data$address0, _data$address1, _data$address10;
441
+ var _data$requestDetails, _data$requestDetails$, _data$requestDetails2, _data$requestDetails3, _data$requestDetails4, _data$requestDetails5, _data$requestDetails6, _data$requestDetails7, _data$requestDetails8, _data$requestDetails9, _data$requestDetails0, _data$requestDetails1, _data$address, _data$owner, _data$owner2, _data$owner3, _data$owner4, _data$address2, _data$address2$addres, _data$address3, _data$address4, _data$address4$city, _data$address4$city$c, _data$address5, _data$address5$city, _data$address5$city$c, _data$address6, _data$address7, _data$address8, _data$address8$locali, _data$address9, _data$address9$locali, _data$address0, _data$address1, _data$address10, _data$address11, _data$address12, _data$requestDetails10;
430
442
  const formdata = {
431
443
  waterTankerBookingDetail: {
432
444
  tenantId: data === null || data === void 0 ? void 0 : data.tenantId,
@@ -456,8 +468,11 @@ const waterTankerPayload = data => {
456
468
  localityCode: data === null || data === void 0 ? void 0 : (_data$address9 = data.address) === null || _data$address9 === void 0 ? void 0 : (_data$address9$locali = _data$address9.locality) === null || _data$address9$locali === void 0 ? void 0 : _data$address9$locali.code,
457
469
  streetName: data === null || data === void 0 ? void 0 : (_data$address0 = data.address) === null || _data$address0 === void 0 ? void 0 : _data$address0.streetName,
458
470
  houseNo: data === null || data === void 0 ? void 0 : (_data$address1 = data.address) === null || _data$address1 === void 0 ? void 0 : _data$address1.houseNo,
459
- landmark: data === null || data === void 0 ? void 0 : (_data$address10 = data.address) === null || _data$address10 === void 0 ? void 0 : _data$address10.landmark
471
+ landmark: data === null || data === void 0 ? void 0 : (_data$address10 = data.address) === null || _data$address10 === void 0 ? void 0 : _data$address10.landmark,
472
+ latitude: data === null || data === void 0 ? void 0 : (_data$address11 = data.address) === null || _data$address11 === void 0 ? void 0 : _data$address11.latitude,
473
+ longitude: data === null || data === void 0 ? void 0 : (_data$address12 = data.address) === null || _data$address12 === void 0 ? void 0 : _data$address12.longitude
460
474
  },
475
+ WTfileStoreId: data === null || data === void 0 ? void 0 : (_data$requestDetails10 = data.requestDetails) === null || _data$requestDetails10 === void 0 ? void 0 : _data$requestDetails10.fileStoreId,
461
476
  bookingStatus: "BOOKING_CREATED",
462
477
  workflow: {
463
478
  action: "APPLY",
@@ -470,7 +485,7 @@ const waterTankerPayload = data => {
470
485
  return formdata;
471
486
  };
472
487
  const mobileToiletPayload = data => {
473
- var _data$toiletRequestDe, _data$toiletRequestDe2, _data$toiletRequestDe3, _data$toiletRequestDe4, _data$toiletRequestDe5, _data$toiletRequestDe6, _data$toiletRequestDe7, _data$address11, _data$owner5, _data$owner6, _data$owner7, _data$owner8, _data$address12, _data$address12$addre, _data$address13, _data$address14, _data$address14$city, _data$address14$city$, _data$address15, _data$address15$city, _data$address15$city$, _data$address16, _data$address17, _data$address18, _data$address18$local, _data$address19, _data$address19$local, _data$address20, _data$address21, _data$address22;
488
+ var _data$toiletRequestDe, _data$toiletRequestDe2, _data$toiletRequestDe3, _data$toiletRequestDe4, _data$toiletRequestDe5, _data$toiletRequestDe6, _data$toiletRequestDe7, _data$address13, _data$owner5, _data$owner6, _data$owner7, _data$owner8, _data$address14, _data$address14$addre, _data$address15, _data$address16, _data$address16$city, _data$address16$city$, _data$address17, _data$address17$city, _data$address17$city$, _data$address18, _data$address19, _data$address20, _data$address20$local, _data$address21, _data$address21$local, _data$address22, _data$address23, _data$address24;
474
489
  const formdata = {
475
490
  mobileToiletBookingDetail: {
476
491
  tenantId: data === null || data === void 0 ? void 0 : data.tenantId,
@@ -480,7 +495,7 @@ const mobileToiletPayload = data => {
480
495
  deliveryToDate: data === null || data === void 0 ? void 0 : (_data$toiletRequestDe5 = data.toiletRequestDetails) === null || _data$toiletRequestDe5 === void 0 ? void 0 : _data$toiletRequestDe5.deliverytoDate,
481
496
  deliveryFromTime: data === null || data === void 0 ? void 0 : (_data$toiletRequestDe6 = data.toiletRequestDetails) === null || _data$toiletRequestDe6 === void 0 ? void 0 : _data$toiletRequestDe6.deliveryfromTime,
482
497
  deliveryToTime: data === null || data === void 0 ? void 0 : (_data$toiletRequestDe7 = data.toiletRequestDetails) === null || _data$toiletRequestDe7 === void 0 ? void 0 : _data$toiletRequestDe7.deliverytoTime,
483
- addressDetailId: (data === null || data === void 0 ? void 0 : (_data$address11 = data.address) === null || _data$address11 === void 0 ? void 0 : _data$address11.addressDetailId) || "",
498
+ addressDetailId: (data === null || data === void 0 ? void 0 : (_data$address13 = data.address) === null || _data$address13 === void 0 ? void 0 : _data$address13.addressDetailId) || "",
484
499
  applicantDetail: {
485
500
  name: data === null || data === void 0 ? void 0 : (_data$owner5 = data.owner) === null || _data$owner5 === void 0 ? void 0 : _data$owner5.applicantName,
486
501
  mobileNumber: data === null || data === void 0 ? void 0 : (_data$owner6 = data.owner) === null || _data$owner6 === void 0 ? void 0 : _data$owner6.mobileNumber,
@@ -488,17 +503,17 @@ const mobileToiletPayload = data => {
488
503
  emailId: data === null || data === void 0 ? void 0 : (_data$owner8 = data.owner) === null || _data$owner8 === void 0 ? void 0 : _data$owner8.emailId
489
504
  },
490
505
  address: {
491
- addressType: data === null || data === void 0 ? void 0 : (_data$address12 = data.address) === null || _data$address12 === void 0 ? void 0 : (_data$address12$addre = _data$address12.addressType) === null || _data$address12$addre === void 0 ? void 0 : _data$address12$addre.code,
492
- pincode: data === null || data === void 0 ? void 0 : (_data$address13 = data.address) === null || _data$address13 === void 0 ? void 0 : _data$address13.pincode,
493
- city: data === null || data === void 0 ? void 0 : (_data$address14 = data.address) === null || _data$address14 === void 0 ? void 0 : (_data$address14$city = _data$address14.city) === null || _data$address14$city === void 0 ? void 0 : (_data$address14$city$ = _data$address14$city.city) === null || _data$address14$city$ === void 0 ? void 0 : _data$address14$city$.name,
494
- cityCode: data === null || data === void 0 ? void 0 : (_data$address15 = data.address) === null || _data$address15 === void 0 ? void 0 : (_data$address15$city = _data$address15.city) === null || _data$address15$city === void 0 ? void 0 : (_data$address15$city$ = _data$address15$city.city) === null || _data$address15$city$ === void 0 ? void 0 : _data$address15$city$.code,
495
- addressLine1: data === null || data === void 0 ? void 0 : (_data$address16 = data.address) === null || _data$address16 === void 0 ? void 0 : _data$address16.addressLine1,
496
- addressLine2: data === null || data === void 0 ? void 0 : (_data$address17 = data.address) === null || _data$address17 === void 0 ? void 0 : _data$address17.addressLine2,
497
- locality: data === null || data === void 0 ? void 0 : (_data$address18 = data.address) === null || _data$address18 === void 0 ? void 0 : (_data$address18$local = _data$address18.locality) === null || _data$address18$local === void 0 ? void 0 : _data$address18$local.i18nKey,
498
- localityCode: data === null || data === void 0 ? void 0 : (_data$address19 = data.address) === null || _data$address19 === void 0 ? void 0 : (_data$address19$local = _data$address19.locality) === null || _data$address19$local === void 0 ? void 0 : _data$address19$local.code,
499
- streetName: data === null || data === void 0 ? void 0 : (_data$address20 = data.address) === null || _data$address20 === void 0 ? void 0 : _data$address20.streetName,
500
- houseNo: data === null || data === void 0 ? void 0 : (_data$address21 = data.address) === null || _data$address21 === void 0 ? void 0 : _data$address21.houseNo,
501
- landmark: data === null || data === void 0 ? void 0 : (_data$address22 = data.address) === null || _data$address22 === void 0 ? void 0 : _data$address22.landmark
506
+ addressType: data === null || data === void 0 ? void 0 : (_data$address14 = data.address) === null || _data$address14 === void 0 ? void 0 : (_data$address14$addre = _data$address14.addressType) === null || _data$address14$addre === void 0 ? void 0 : _data$address14$addre.code,
507
+ pincode: data === null || data === void 0 ? void 0 : (_data$address15 = data.address) === null || _data$address15 === void 0 ? void 0 : _data$address15.pincode,
508
+ city: data === null || data === void 0 ? void 0 : (_data$address16 = data.address) === null || _data$address16 === void 0 ? void 0 : (_data$address16$city = _data$address16.city) === null || _data$address16$city === void 0 ? void 0 : (_data$address16$city$ = _data$address16$city.city) === null || _data$address16$city$ === void 0 ? void 0 : _data$address16$city$.name,
509
+ cityCode: data === null || data === void 0 ? void 0 : (_data$address17 = data.address) === null || _data$address17 === void 0 ? void 0 : (_data$address17$city = _data$address17.city) === null || _data$address17$city === void 0 ? void 0 : (_data$address17$city$ = _data$address17$city.city) === null || _data$address17$city$ === void 0 ? void 0 : _data$address17$city$.code,
510
+ addressLine1: data === null || data === void 0 ? void 0 : (_data$address18 = data.address) === null || _data$address18 === void 0 ? void 0 : _data$address18.addressLine1,
511
+ addressLine2: data === null || data === void 0 ? void 0 : (_data$address19 = data.address) === null || _data$address19 === void 0 ? void 0 : _data$address19.addressLine2,
512
+ locality: data === null || data === void 0 ? void 0 : (_data$address20 = data.address) === null || _data$address20 === void 0 ? void 0 : (_data$address20$local = _data$address20.locality) === null || _data$address20$local === void 0 ? void 0 : _data$address20$local.i18nKey,
513
+ localityCode: data === null || data === void 0 ? void 0 : (_data$address21 = data.address) === null || _data$address21 === void 0 ? void 0 : (_data$address21$local = _data$address21.locality) === null || _data$address21$local === void 0 ? void 0 : _data$address21$local.code,
514
+ streetName: data === null || data === void 0 ? void 0 : (_data$address22 = data.address) === null || _data$address22 === void 0 ? void 0 : _data$address22.streetName,
515
+ houseNo: data === null || data === void 0 ? void 0 : (_data$address23 = data.address) === null || _data$address23 === void 0 ? void 0 : _data$address23.houseNo,
516
+ landmark: data === null || data === void 0 ? void 0 : (_data$address24 = data.address) === null || _data$address24 === void 0 ? void 0 : _data$address24.landmark
502
517
  },
503
518
  bookingStatus: "BOOKING_CREATED",
504
519
  workflow: {
@@ -512,7 +527,7 @@ const mobileToiletPayload = data => {
512
527
  return formdata;
513
528
  };
514
529
  const treePruningPayload = data => {
515
- var _data$treePruningRequ, _data$treePruningRequ2, _data$treePruningRequ3, _data$treePruningRequ4, _data$owner9, _data$owner0, _data$owner1, _data$owner10, _data$treePruningRequ5, _data$address23, _data$address23$addre, _data$address24, _data$address25, _data$address25$city, _data$address25$city$, _data$address26, _data$address26$city, _data$address26$city$, _data$address27, _data$address28, _data$address29, _data$address29$local, _data$address30, _data$address30$local, _data$address31, _data$address32, _data$address33;
530
+ var _data$treePruningRequ, _data$treePruningRequ2, _data$treePruningRequ3, _data$treePruningRequ4, _data$owner9, _data$owner0, _data$owner1, _data$owner10, _data$treePruningRequ5, _data$address25, _data$address25$addre, _data$address26, _data$address27, _data$address27$city, _data$address27$city$, _data$address28, _data$address28$city, _data$address28$city$, _data$address29, _data$address30, _data$address31, _data$address31$local, _data$address32, _data$address32$local, _data$address33, _data$address34, _data$address35;
516
531
  const formdata = {
517
532
  treePruningBookingDetail: {
518
533
  tenantId: data === null || data === void 0 ? void 0 : data.tenantId,
@@ -530,17 +545,17 @@ const treePruningPayload = data => {
530
545
  fileStoreId: data === null || data === void 0 ? void 0 : (_data$treePruningRequ5 = data.treePruningRequestDetails) === null || _data$treePruningRequ5 === void 0 ? void 0 : _data$treePruningRequ5.supportingDocumentFile
531
546
  }],
532
547
  address: {
533
- addressType: data === null || data === void 0 ? void 0 : (_data$address23 = data.address) === null || _data$address23 === void 0 ? void 0 : (_data$address23$addre = _data$address23.addressType) === null || _data$address23$addre === void 0 ? void 0 : _data$address23$addre.code,
534
- pincode: data === null || data === void 0 ? void 0 : (_data$address24 = data.address) === null || _data$address24 === void 0 ? void 0 : _data$address24.pincode,
535
- city: data === null || data === void 0 ? void 0 : (_data$address25 = data.address) === null || _data$address25 === void 0 ? void 0 : (_data$address25$city = _data$address25.city) === null || _data$address25$city === void 0 ? void 0 : (_data$address25$city$ = _data$address25$city.city) === null || _data$address25$city$ === void 0 ? void 0 : _data$address25$city$.name,
536
- cityCode: data === null || data === void 0 ? void 0 : (_data$address26 = data.address) === null || _data$address26 === void 0 ? void 0 : (_data$address26$city = _data$address26.city) === null || _data$address26$city === void 0 ? void 0 : (_data$address26$city$ = _data$address26$city.city) === null || _data$address26$city$ === void 0 ? void 0 : _data$address26$city$.code,
537
- addressLine1: data === null || data === void 0 ? void 0 : (_data$address27 = data.address) === null || _data$address27 === void 0 ? void 0 : _data$address27.addressLine1,
538
- addressLine2: data === null || data === void 0 ? void 0 : (_data$address28 = data.address) === null || _data$address28 === void 0 ? void 0 : _data$address28.addressLine2,
539
- locality: data === null || data === void 0 ? void 0 : (_data$address29 = data.address) === null || _data$address29 === void 0 ? void 0 : (_data$address29$local = _data$address29.locality) === null || _data$address29$local === void 0 ? void 0 : _data$address29$local.i18nKey,
540
- localityCode: data === null || data === void 0 ? void 0 : (_data$address30 = data.address) === null || _data$address30 === void 0 ? void 0 : (_data$address30$local = _data$address30.locality) === null || _data$address30$local === void 0 ? void 0 : _data$address30$local.code,
541
- streetName: data === null || data === void 0 ? void 0 : (_data$address31 = data.address) === null || _data$address31 === void 0 ? void 0 : _data$address31.streetName,
542
- houseNo: data === null || data === void 0 ? void 0 : (_data$address32 = data.address) === null || _data$address32 === void 0 ? void 0 : _data$address32.houseNo,
543
- landmark: data === null || data === void 0 ? void 0 : (_data$address33 = data.address) === null || _data$address33 === void 0 ? void 0 : _data$address33.landmark
548
+ addressType: data === null || data === void 0 ? void 0 : (_data$address25 = data.address) === null || _data$address25 === void 0 ? void 0 : (_data$address25$addre = _data$address25.addressType) === null || _data$address25$addre === void 0 ? void 0 : _data$address25$addre.code,
549
+ pincode: data === null || data === void 0 ? void 0 : (_data$address26 = data.address) === null || _data$address26 === void 0 ? void 0 : _data$address26.pincode,
550
+ city: data === null || data === void 0 ? void 0 : (_data$address27 = data.address) === null || _data$address27 === void 0 ? void 0 : (_data$address27$city = _data$address27.city) === null || _data$address27$city === void 0 ? void 0 : (_data$address27$city$ = _data$address27$city.city) === null || _data$address27$city$ === void 0 ? void 0 : _data$address27$city$.name,
551
+ cityCode: data === null || data === void 0 ? void 0 : (_data$address28 = data.address) === null || _data$address28 === void 0 ? void 0 : (_data$address28$city = _data$address28.city) === null || _data$address28$city === void 0 ? void 0 : (_data$address28$city$ = _data$address28$city.city) === null || _data$address28$city$ === void 0 ? void 0 : _data$address28$city$.code,
552
+ addressLine1: data === null || data === void 0 ? void 0 : (_data$address29 = data.address) === null || _data$address29 === void 0 ? void 0 : _data$address29.addressLine1,
553
+ addressLine2: data === null || data === void 0 ? void 0 : (_data$address30 = data.address) === null || _data$address30 === void 0 ? void 0 : _data$address30.addressLine2,
554
+ locality: data === null || data === void 0 ? void 0 : (_data$address31 = data.address) === null || _data$address31 === void 0 ? void 0 : (_data$address31$local = _data$address31.locality) === null || _data$address31$local === void 0 ? void 0 : _data$address31$local.i18nKey,
555
+ localityCode: data === null || data === void 0 ? void 0 : (_data$address32 = data.address) === null || _data$address32 === void 0 ? void 0 : (_data$address32$local = _data$address32.locality) === null || _data$address32$local === void 0 ? void 0 : _data$address32$local.code,
556
+ streetName: data === null || data === void 0 ? void 0 : (_data$address33 = data.address) === null || _data$address33 === void 0 ? void 0 : _data$address33.streetName,
557
+ houseNo: data === null || data === void 0 ? void 0 : (_data$address34 = data.address) === null || _data$address34 === void 0 ? void 0 : _data$address34.houseNo,
558
+ landmark: data === null || data === void 0 ? void 0 : (_data$address35 = data.address) === null || _data$address35 === void 0 ? void 0 : _data$address35.landmark
544
559
  },
545
560
  bookingStatus: "BOOKING_CREATED",
546
561
  workflow: {
@@ -783,12 +798,7 @@ const WTSearchApplication = ({
783
798
  type: "number",
784
799
  maxlength: 10
785
800
  }), /*#__PURE__*/React.createElement(CardLabelError, null, formState === null || formState === void 0 ? void 0 : (_formState$errors = formState.errors) === null || _formState$errors === void 0 ? void 0 : (_formState$errors$mob = _formState$errors["mobileNumber"]) === null || _formState$errors$mob === void 0 ? void 0 : _formState$errors$mob.message))), activeTab === t("WT_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement("div", {
786
- className: "wt-search-grid",
787
- style: {
788
- display: "grid",
789
- gridTemplateColumns: "repeat(3, 1fr)",
790
- gap: "24px"
791
- }
801
+ className: "formcomposer-section-grid"
792
802
  }, /*#__PURE__*/React.createElement("div", {
793
803
  className: "search-field-wrapper"
794
804
  }, /*#__PURE__*/React.createElement("label", null, t("WT_BOOKING_NO")), /*#__PURE__*/React.createElement(TextInput, {
@@ -1442,17 +1452,23 @@ const RequestDetails = ({
1442
1452
  userType,
1443
1453
  formData
1444
1454
  }) => {
1445
- var _formData$requestDeta, _formData$requestDeta2, _formData$requestDeta3, _formData$requestDeta4, _formData$requestDeta5, _formData$requestDeta6, _formData$requestDeta7, _formData$requestDeta8;
1455
+ var _formData$requestDeta, _formData$requestDeta2, _formData$requestDeta3, _formData$requestDeta4, _formData$requestDeta5, _formData$requestDeta6, _formData$requestDeta7, _formData$requestDeta8, _formData$requestDeta9;
1446
1456
  const user = Digit.UserService.getUser().info;
1447
1457
  let validation = {};
1448
1458
  const [tankerType, settankerType] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta = formData.requestDetails) === null || _formData$requestDeta === void 0 ? void 0 : _formData$requestDeta.tankerType) || "");
1449
- const [tankerQuantity, settankerQuantity] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta2 = formData.requestDetails) === null || _formData$requestDeta2 === void 0 ? void 0 : _formData$requestDeta2.tankerQuantity) || "");
1459
+ const [tankerQuantity, settankerQuantity] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta2 = formData.requestDetails) === null || _formData$requestDeta2 === void 0 ? void 0 : _formData$requestDeta2.tankerQuantity) || {
1460
+ i18nKey: "1",
1461
+ code: "1",
1462
+ value: "1"
1463
+ });
1450
1464
  const [waterQuantity, setwaterQuantity] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta3 = formData.requestDetails) === null || _formData$requestDeta3 === void 0 ? void 0 : _formData$requestDeta3.waterQuantity) || "");
1451
1465
  const [waterType, setWaterType] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta4 = formData.requestDetails) === null || _formData$requestDeta4 === void 0 ? void 0 : _formData$requestDeta4.waterType) || "");
1452
1466
  const [deliveryDate, setdeliveryDate] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta5 = formData.requestDetails) === null || _formData$requestDeta5 === void 0 ? void 0 : _formData$requestDeta5.deliveryDate) || "");
1453
1467
  const [description, setdescription] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta6 = formData.requestDetails) === null || _formData$requestDeta6 === void 0 ? void 0 : _formData$requestDeta6.description) || "");
1454
1468
  const [deliveryTime, setdeliveryTime] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta7 = formData.requestDetails) === null || _formData$requestDeta7 === void 0 ? void 0 : _formData$requestDeta7.deliveryTime) || "");
1455
1469
  const [extraCharge, setextraCharge] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta8 = formData.requestDetails) === null || _formData$requestDeta8 === void 0 ? void 0 : _formData$requestDeta8.extraCharge) || false);
1470
+ const [uploadedFile, setUploadedFile] = useState((formData === null || formData === void 0 ? void 0 : (_formData$requestDeta9 = formData.requestDetails) === null || _formData$requestDeta9 === void 0 ? void 0 : _formData$requestDeta9.fileStoreId) || null);
1471
+ const [file, setFile] = useState(null);
1456
1472
  const [error, setError] = useState(null);
1457
1473
  const tenantId = Digit.ULBService.getStateId();
1458
1474
  const inputStyles = {
@@ -1566,6 +1582,33 @@ const RequestDetails = ({
1566
1582
  function setDeliveryDate(e) {
1567
1583
  setdeliveryDate(e.target.value);
1568
1584
  }
1585
+ function selectfile(e) {
1586
+ setUploadedFile(null);
1587
+ setFile(e.target.files[0]);
1588
+ }
1589
+ useEffect(() => {
1590
+ (async () => {
1591
+ setError(null);
1592
+ if (file) {
1593
+ if (file.size >= 2000000) {
1594
+ setError(t("WT_MAXIMUM_UPLOAD_SIZE_EXCEEDED"));
1595
+ } else {
1596
+ try {
1597
+ var _response$data, _response$data$files;
1598
+ const response = await Digit.UploadServices.Filestorage("wt", file, Digit.ULBService.getStateId());
1599
+ if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
1600
+ var _response$data2, _response$data2$files;
1601
+ setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
1602
+ } else {
1603
+ setError(t("WT_FILE_UPLOAD_ERROR"));
1604
+ }
1605
+ } catch (err) {
1606
+ setError(t("WT_FILE_UPLOAD_ERROR"));
1607
+ }
1608
+ }
1609
+ }
1610
+ })();
1611
+ }, [file]);
1569
1612
  const goNext = () => {
1570
1613
  let requestDetails = formData.requestDetails;
1571
1614
  let request = {
@@ -1577,7 +1620,8 @@ const RequestDetails = ({
1577
1620
  waterQuantity,
1578
1621
  deliveryTime,
1579
1622
  description,
1580
- extraCharge
1623
+ extraCharge,
1624
+ fileStoreId: uploadedFile
1581
1625
  };
1582
1626
  onSelect(config.key, request, false);
1583
1627
  };
@@ -1662,7 +1706,17 @@ const RequestDetails = ({
1662
1706
  }
1663
1707
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DELIVERY_TIME")}`, " ", /*#__PURE__*/React.createElement("span", {
1664
1708
  className: "astericColor"
1665
- }, "*")), /*#__PURE__*/React.createElement(TimeInput, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DESCRIPTION")}`, " ", /*#__PURE__*/React.createElement("span", {
1709
+ }, "*")), /*#__PURE__*/React.createElement(TimeInput, null)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_UPLOAD_DOCUMENT")}`), /*#__PURE__*/React.createElement(UploadFile, {
1710
+ id: "wt-doc",
1711
+ extraStyleName: "propertyCreate",
1712
+ accept: ".jpg,.png,.pdf,.jpeg",
1713
+ onUpload: selectfile,
1714
+ onDelete: () => {
1715
+ setUploadedFile(null);
1716
+ },
1717
+ message: uploadedFile ? `1 ${t(`WT_ACTION_FILEUPLOADED`)}` : t(`WT_ACTION_NO_FILEUPLOADED`),
1718
+ error: error
1719
+ })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, `${t("WT_DESCRIPTION")}`, " ", /*#__PURE__*/React.createElement("span", {
1666
1720
  className: "astericColor"
1667
1721
  }, "*")), /*#__PURE__*/React.createElement(TextArea, Object.assign({
1668
1722
  t: t,
@@ -1687,13 +1741,7 @@ const RequestDetails = ({
1687
1741
  color: "red",
1688
1742
  marginTop: "5px"
1689
1743
  }
1690
- }, error) : "", /*#__PURE__*/React.createElement("div", {
1691
- style: {
1692
- disabled: "true",
1693
- height: "20px",
1694
- width: "100%"
1695
- }
1696
- }), /*#__PURE__*/React.createElement(CheckBox, {
1744
+ }, error) : "", /*#__PURE__*/React.createElement(CheckBox, {
1697
1745
  label: t("WT_IMMEDIATE"),
1698
1746
  onChange: setextrachargeHandler,
1699
1747
  checked: extraCharge
@@ -1728,18 +1776,18 @@ const openFilePDF = fileId => {
1728
1776
  var _res$data, _res$data$fileStoreId, _res$data$fileStoreId2;
1729
1777
  const concatenatedUrls = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$fileStoreId = _res$data.fileStoreIds) === null || _res$data$fileStoreId === void 0 ? void 0 : (_res$data$fileStoreId2 = _res$data$fileStoreId[0]) === null || _res$data$fileStoreId2 === void 0 ? void 0 : _res$data$fileStoreId2.url;
1730
1778
  if (concatenatedUrls) {
1731
- const urlArray = concatenatedUrls.split(',');
1779
+ const urlArray = concatenatedUrls.split(",");
1732
1780
  const fileUrl = urlArray[0];
1733
1781
  if (fileUrl) {
1734
- window.open(fileUrl, '_blank');
1782
+ window.open(fileUrl, "_blank");
1735
1783
  } else {
1736
- console.error('No valid URL found to open!');
1784
+ console.error("No valid URL found to open!");
1737
1785
  }
1738
1786
  } else {
1739
- console.error('URL is missing in the response!');
1787
+ console.error("URL is missing in the response!");
1740
1788
  }
1741
1789
  }).catch(error => {
1742
- console.error('Error fetching file:', error);
1790
+ console.error("Error fetching file:", error);
1743
1791
  });
1744
1792
  };
1745
1793
  const WTCheckPage = ({
@@ -1760,9 +1808,19 @@ const WTCheckPage = ({
1760
1808
  } = _value;
1761
1809
  const [agree, setAgree] = useState(false);
1762
1810
  const immediateRequired = requestDetails !== null && requestDetails !== void 0 && requestDetails.extraCharge ? "YES" : "NO";
1811
+ const [fileUrl, setFileUrl] = useState(null);
1763
1812
  const setdeclarationhandler = () => {
1764
1813
  setAgree(!agree);
1765
1814
  };
1815
+ React.useEffect(() => {
1816
+ if (requestDetails !== null && requestDetails !== void 0 && requestDetails.fileStoreId) {
1817
+ Digit.UploadServices.Filefetch([requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId], Digit.ULBService.getStateId()).then(res => {
1818
+ var _res$data2, _res$data2$fileStoreI, _res$data2$fileStoreI2, _res$data2$fileStoreI3;
1819
+ const url = res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : (_res$data2$fileStoreI = _res$data2.fileStoreIds) === null || _res$data2$fileStoreI === void 0 ? void 0 : (_res$data2$fileStoreI2 = _res$data2$fileStoreI[0]) === null || _res$data2$fileStoreI2 === void 0 ? void 0 : (_res$data2$fileStoreI3 = _res$data2$fileStoreI2.url) === null || _res$data2$fileStoreI3 === void 0 ? void 0 : _res$data2$fileStoreI3.split(",")[0];
1820
+ setFileUrl(url);
1821
+ });
1822
+ }
1823
+ }, [requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId]);
1766
1824
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeader, null, t("WT_SUMMARY_PAGE")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ES_TITILE_OWNER_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
1767
1825
  style: {
1768
1826
  marginTop: "30px",
@@ -1844,6 +1902,17 @@ const WTCheckPage = ({
1844
1902
  }), /*#__PURE__*/React.createElement(Row, {
1845
1903
  label: t("WT_DESCRIPTION"),
1846
1904
  text: `${t(checkForNA(requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.description))}`
1905
+ }), (requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId) && /*#__PURE__*/React.createElement(Row, {
1906
+ label: t("WT_UPLOAD_DOCUMENT"),
1907
+ text: /*#__PURE__*/React.createElement("span", {
1908
+ style: {
1909
+ display: "flex",
1910
+ alignItems: "center",
1911
+ gap: "8px",
1912
+ cursor: "pointer"
1913
+ },
1914
+ onClick: () => openFilePDF(requestDetails === null || requestDetails === void 0 ? void 0 : requestDetails.fileStoreId)
1915
+ }, /*#__PURE__*/React.createElement(GenericFileIcon, null))
1847
1916
  }), /*#__PURE__*/React.createElement(Row, {
1848
1917
  label: t("WT_IMMEDIATE"),
1849
1918
  text: `${t(checkForNA(immediateRequired))}`
@@ -2052,7 +2121,7 @@ const WTAcknowledgement = ({
2052
2121
  } catch (err) {}
2053
2122
  }, []);
2054
2123
  Digit.Hooks.useCustomBackNavigation({
2055
- redirectPath: '${APPLICATION_PATH}/citizen'
2124
+ redirectPath: "${APPLICATION_PATH}/citizen"
2056
2125
  });
2057
2126
  const handleDownloadPdf = async () => {
2058
2127
  var _mutation$data;
@@ -2209,12 +2278,9 @@ const InboxLinks = ({
2209
2278
  return (
2210
2279
  /*#__PURE__*/
2211
2280
  React.createElement(Card, {
2212
- className: "employeeCard filter inboxLinks"
2281
+ className: "filter inboxLinks"
2213
2282
  }, /*#__PURE__*/React.createElement("div", {
2214
- className: "complaint-links-container",
2215
- style: {
2216
- padding: "10px"
2217
- }
2283
+ className: "complaint-links-container"
2218
2284
  }, GetLogo(), /*#__PURE__*/React.createElement("div", {
2219
2285
  className: "body"
2220
2286
  }, links.map(({
@@ -2332,7 +2398,7 @@ const SearchApplication = ({
2332
2398
  style: {
2333
2399
  width: "auto",
2334
2400
  marginBottom: "16px",
2335
- marginLeft: isInboxPage ? "16px" : "revert"
2401
+ marginLeft: isInboxPage ? "" : "revert"
2336
2402
  }
2337
2403
  }, /*#__PURE__*/React.createElement("div", {
2338
2404
  className: "search-complaint-container",
@@ -2494,11 +2560,13 @@ const WTDesktopInbox = ({
2494
2560
  return /*#__PURE__*/React.createElement("div", {
2495
2561
  className: "inbox-container"
2496
2562
  }, !props.isSearch && /*#__PURE__*/React.createElement("div", {
2497
- className: "filters-container"
2563
+ className: "side-panel-item"
2498
2564
  }, /*#__PURE__*/React.createElement(InboxLinks, {
2499
2565
  parentRoute: props.parentRoute,
2500
2566
  businessService: props.moduleCode
2501
- }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FilterComponent, {
2567
+ }), /*#__PURE__*/React.createElement("div", {
2568
+ className: "filter-form "
2569
+ }, /*#__PURE__*/React.createElement(FilterComponent, {
2502
2570
  defaultSearchParams: props.defaultSearchParams,
2503
2571
  onFilterChange: props.onFilterChange,
2504
2572
  searchParams: props.searchParams,
@@ -2507,6 +2575,7 @@ const WTDesktopInbox = ({
2507
2575
  statusMap: useNewInboxAPI ? data === null || data === void 0 ? void 0 : data[0].statusMap : null,
2508
2576
  moduleCode: props.moduleCode
2509
2577
  }))), /*#__PURE__*/React.createElement("div", {
2578
+ className: "employee-form-content",
2510
2579
  style: {
2511
2580
  flex: 1
2512
2581
  }
@@ -2524,7 +2593,6 @@ const WTDesktopInbox = ({
2524
2593
  }), /*#__PURE__*/React.createElement("div", {
2525
2594
  className: "result",
2526
2595
  style: {
2527
- marginLeft: !(props !== null && props !== void 0 && props.isSearch) ? "16px" : "",
2528
2596
  flex: 1
2529
2597
  }
2530
2598
  }, result)));
@@ -2932,6 +3000,7 @@ const Inbox = ({
2932
3000
  } else {
2933
3001
  var _data$;
2934
3002
  return /*#__PURE__*/React.createElement("div", {
3003
+ className: "app-container",
2935
3004
  style: {
2936
3005
  padding: (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? "0 24px" : ""
2937
3006
  }
@@ -10373,8 +10442,6 @@ const Filter = ({
10373
10442
  });
10374
10443
  };
10375
10444
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
10376
- className: "filter"
10377
- }, /*#__PURE__*/React.createElement("div", {
10378
10445
  className: "filter-card"
10379
10446
  }, /*#__PURE__*/React.createElement("div", {
10380
10447
  className: "heading",
@@ -10422,7 +10489,11 @@ const Filter = ({
10422
10489
  fill: "#505A5F"
10423
10490
  }))), props.type === "mobile" && /*#__PURE__*/React.createElement("span", {
10424
10491
  onClick: props.onClose
10425
- }, /*#__PURE__*/React.createElement(CloseSvg, null))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
10492
+ }, /*#__PURE__*/React.createElement(CloseSvg, null))), /*#__PURE__*/React.createElement("form", {
10493
+ id: "filter-form"
10494
+ }, /*#__PURE__*/React.createElement("div", {
10495
+ className: "filter-form-field"
10496
+ }, /*#__PURE__*/React.createElement("div", {
10426
10497
  className: "filter-label",
10427
10498
  style: {
10428
10499
  fontWeight: "normal"
@@ -10432,7 +10503,7 @@ const Filter = ({
10432
10503
  tenantId: tenantId,
10433
10504
  boundaryType: "revenue"
10434
10505
  }), /*#__PURE__*/React.createElement("div", {
10435
- className: "tag-container"
10506
+ className: "tag-container hide-x-scrollbar"
10436
10507
  }, _searchParams === null || _searchParams === void 0 ? void 0 : (_searchParams$localit = _searchParams.locality) === null || _searchParams$localit === void 0 ? void 0 : _searchParams$localit.map((locality, index) => {
10437
10508
  return /*#__PURE__*/React.createElement(RemoveableTag, {
10438
10509
  key: index,
@@ -10444,9 +10515,10 @@ const Filter = ({
10444
10515
  }
10445
10516
  });
10446
10517
  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SubmitBar, {
10518
+ className: "w-fullwidth",
10447
10519
  onSubmit: () => applyLocalFilters(),
10448
10520
  label: t("ES_COMMON_APPLY")
10449
- }))))));
10521
+ })))));
10450
10522
  };
10451
10523
 
10452
10524
  const configPTApproverApplication = ({
@@ -12993,7 +13065,11 @@ const ActionModal$5 = ({
12993
13065
  actionData,
12994
13066
  applicationData,
12995
13067
  businessService,
12996
- moduleCode
13068
+ moduleCode,
13069
+ cardClassName,
13070
+ cardFormWrapperClassName,
13071
+ cardFormClassName,
13072
+ formClassName
12997
13073
  }) => {
12998
13074
  var _action$assigneeRoles, _action$assigneeRoles2;
12999
13075
  const {
@@ -13241,7 +13317,11 @@ const ActionModal$5 = ({
13241
13317
  childrenAtTheBottom: true,
13242
13318
  onSubmit: submit,
13243
13319
  defaultValues: defaultValues,
13244
- formId: "modal-action"
13320
+ formId: "modal-action",
13321
+ cardFormClassName: cardFormClassName,
13322
+ cardFormWrapperClassName: cardFormWrapperClassName,
13323
+ cardClassName: cardClassName,
13324
+ formClassName: formClassName
13245
13325
  })) : /*#__PURE__*/React.createElement(Loader, null);
13246
13326
  };
13247
13327
 
@@ -13425,7 +13505,11 @@ const ActionModal$7 = ({
13425
13505
  actionData,
13426
13506
  applicationData,
13427
13507
  businessService,
13428
- moduleCode
13508
+ moduleCode,
13509
+ cardClassName,
13510
+ cardFormWrapperClassName,
13511
+ cardFormClassName,
13512
+ formClassName
13429
13513
  }) => {
13430
13514
  var _action$roles, _action$roles$, _action$roles$$map;
13431
13515
  const {
@@ -13505,7 +13589,11 @@ const ActionModal$7 = ({
13505
13589
  childrenAtTheBottom: true,
13506
13590
  onSubmit: submit,
13507
13591
  defaultValues: defaultValues,
13508
- formId: "modal-action"
13592
+ formId: "modal-action",
13593
+ cardFormClassName: cardFormClassName,
13594
+ cardFormWrapperClassName: cardFormWrapperClassName,
13595
+ cardClassName: cardClassName,
13596
+ formClassName: formClassName
13509
13597
  })) : /*#__PURE__*/React.createElement(Loader, null);
13510
13598
  };
13511
13599
 
@@ -14058,7 +14146,11 @@ const ActionModal$b = ({
14058
14146
  actionData,
14059
14147
  applicationData,
14060
14148
  businessService,
14061
- moduleCode
14149
+ moduleCode,
14150
+ cardClassName,
14151
+ cardFormWrapperClassName,
14152
+ cardFormClassName,
14153
+ formClassName
14062
14154
  }) => {
14063
14155
  var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle;
14064
14156
  const {
@@ -14228,7 +14320,11 @@ const ActionModal$b = ({
14228
14320
  childrenAtTheBottom: true,
14229
14321
  onSubmit: submit,
14230
14322
  defaultValues: defaultValues,
14231
- formId: "modal-action"
14323
+ formId: "modal-action",
14324
+ cardFormClassName: cardFormClassName,
14325
+ cardFormWrapperClassName: cardFormWrapperClassName,
14326
+ cardClassName: cardClassName,
14327
+ formClassName: formClassName
14232
14328
  })) : /*#__PURE__*/React.createElement(Loader, null);
14233
14329
  };
14234
14330
 
@@ -18045,7 +18141,8 @@ const ApplicationDetails = props => {
18045
18141
  actionData: workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline,
18046
18142
  businessService: businessService,
18047
18143
  workflowDetails: workflowDetails,
18048
- moduleCode: moduleCode
18144
+ moduleCode: moduleCode,
18145
+ cardFormWrapperClassName: "modal-form"
18049
18146
  }) : null, isWarningPop ? /*#__PURE__*/React.createElement(ApplicationDetailsWarningPopup, {
18050
18147
  action: selectedAction,
18051
18148
  workflowDetails: workflowDetails,