@djb25/digit-ui-module-ws 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 +83 -105
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -9929,7 +9929,9 @@ const WSDocsRequired = ({
9929
9929
  onSubmit: goNext
9930
9930
  })));
9931
9931
  }
9932
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, wsDocsLoading ? /*#__PURE__*/React.createElement(Loader$1, null) : /*#__PURE__*/React.createElement("div", {
9932
+ return /*#__PURE__*/React.createElement("div", {
9933
+ className: "employee-form-content-with-action-bar"
9934
+ }, /*#__PURE__*/React.createElement(Card, null, wsDocsLoading ? /*#__PURE__*/React.createElement(Loader$1, null) : /*#__PURE__*/React.createElement("div", {
9933
9935
  id: "documents-div",
9934
9936
  className: "ws-docs-container"
9935
9937
  }, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Documents2 = wsDocs.Documents) === null || _wsDocs$Documents2 === void 0 ? void 0 : _wsDocs$Documents2.map((doc, index) => {
@@ -11577,11 +11579,7 @@ const RoadCuttForm = _props => {
11577
11579
  fontSize: "12px",
11578
11580
  marginTop: "-21px"
11579
11581
  };
11580
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
11581
- style: {
11582
- marginBottom: "16px"
11583
- }
11584
- }, /*#__PURE__*/React.createElement("div", {
11582
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
11585
11583
  className: "label-field-pair"
11586
11584
  }, /*#__PURE__*/React.createElement("h2", {
11587
11585
  className: "card-label card-label-smaller",
@@ -11590,8 +11588,6 @@ const RoadCuttForm = _props => {
11590
11588
  }
11591
11589
  }, t("WS_COMMON_ROAD_CUTTING_DETAILS"), " ", (allRoadCuttingDetails === null || allRoadCuttingDetails === void 0 ? void 0 : allRoadCuttingDetails.filter(o => o.status !== "INACTIVE").length) > 1 ? index + 1 : null)), /*#__PURE__*/React.createElement("div", {
11592
11590
  style: {
11593
- border: "1px solid #E3E3E3",
11594
- padding: "16px",
11595
11591
  marginTop: "8px"
11596
11592
  }
11597
11593
  }, (allRoadCuttingDetails === null || allRoadCuttingDetails === void 0 ? void 0 : allRoadCuttingDetails.filter(o => o.status !== "INACTIVE").length) > 1 ? /*#__PURE__*/React.createElement(LinkButton, {
@@ -11610,10 +11606,11 @@ const RoadCuttForm = _props => {
11610
11606
  },
11611
11607
  onClick: e => removeroadCutt(roadCutt)
11612
11608
  }) : null, /*#__PURE__*/React.createElement("div", {
11609
+ className: "formcomposer-section-grid",
11613
11610
  style: (allRoadCuttingDetails === null || allRoadCuttingDetails === void 0 ? void 0 : allRoadCuttingDetails.filter(o => o.status !== "INACTIVE").length) == 1 ? {} : {
11614
11611
  marginTop: "40px"
11615
11612
  }
11616
- }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
11613
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
11617
11614
  className: "card-label-smaller"
11618
11615
  }, t("WS_ROAD_TYPE") + " *"), /*#__PURE__*/React.createElement(Controller, {
11619
11616
  control: control,
@@ -11639,9 +11636,9 @@ const RoadCuttForm = _props => {
11639
11636
  t: t
11640
11637
  });
11641
11638
  }
11642
- })), /*#__PURE__*/React.createElement(CardLabelError, {
11639
+ })), (_localFormState$touch = localFormState.touched) !== null && _localFormState$touch !== void 0 && _localFormState$touch.roadType ? /*#__PURE__*/React.createElement(CardLabelError, {
11643
11640
  style: errorStyle
11644
- }, (_localFormState$touch = localFormState.touched) !== null && _localFormState$touch !== void 0 && _localFormState$touch.roadType ? errors === null || errors === void 0 ? void 0 : (_errors$roadType2 = errors.roadType) === null || _errors$roadType2 === void 0 ? void 0 : _errors$roadType2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
11641
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$roadType2 = errors.roadType) === null || _errors$roadType2 === void 0 ? void 0 : _errors$roadType2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
11645
11642
  className: "card-label-smaller"
11646
11643
  }, t("WS_AREA_SQ_FT") + " *"), /*#__PURE__*/React.createElement("div", {
11647
11644
  className: "field"
@@ -11673,9 +11670,9 @@ const RoadCuttForm = _props => {
11673
11670
  props.onBlur(e);
11674
11671
  }
11675
11672
  })
11676
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
11673
+ }))), (_localFormState$touch2 = localFormState.touched) !== null && _localFormState$touch2 !== void 0 && _localFormState$touch2.area ? /*#__PURE__*/React.createElement(CardLabelError, {
11677
11674
  style: errorStyle
11678
- }, (_localFormState$touch2 = localFormState.touched) !== null && _localFormState$touch2 !== void 0 && _localFormState$touch2.area ? errors === null || errors === void 0 ? void 0 : (_errors$area = errors.area) === null || _errors$area === void 0 ? void 0 : _errors$area.message : "")))));
11675
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$area = errors.area) === null || _errors$area === void 0 ? void 0 : _errors$area.message) : null)))));
11679
11676
  };
11680
11677
 
11681
11678
  const WSPropertyDetails = ({
@@ -13982,7 +13979,7 @@ const WSActivationConnectionDetails = ({
13982
13979
  const waterSource = (mdmsData === null || mdmsData === void 0 ? void 0 : (_mdmsData$wsServices2 = mdmsData["ws-services-masters"]) === null || _mdmsData$wsServices2 === void 0 ? void 0 : _mdmsData$wsServices2.waterSource) && cloneDeep_1(mdmsData === null || mdmsData === void 0 ? void 0 : (_mdmsData$wsServices3 = mdmsData["ws-services-masters"]) === null || _mdmsData$wsServices3 === void 0 ? void 0 : _mdmsData$wsServices3.waterSource) || [];
13983
13980
  waterSource === null || waterSource === void 0 ? void 0 : waterSource.forEach(data => {
13984
13981
  var _data$code2, _data$code2$split$;
13985
- return data.i18nKey = `WS_SERVICES_MASTERS_WATERSOURCE_${stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$code2 = data.code) === null || _data$code2 === void 0 ? void 0 : (_data$code2$split$ = _data$code2.split('.')[0]) === null || _data$code2$split$ === void 0 ? void 0 : _data$code2$split$.toUpperCase(), " ", "_")}`;
13982
+ return data.i18nKey = `WS_SERVICES_MASTERS_WATERSOURCE_${stringReplaceAll(data === null || data === void 0 ? void 0 : (_data$code2 = data.code) === null || _data$code2 === void 0 ? void 0 : (_data$code2$split$ = _data$code2.split(".")[0]) === null || _data$code2$split$ === void 0 ? void 0 : _data$code2$split$.toUpperCase(), " ", "_")}`;
13986
13983
  });
13987
13984
  var flags = [],
13988
13985
  waterSourceOutput = [],
@@ -14009,7 +14006,7 @@ const WSActivationConnectionDetails = ({
14009
14006
  });
14010
14007
  const listOfSubSource = waterSubSource === null || waterSubSource === void 0 ? void 0 : waterSubSource.filter(data => {
14011
14008
  var _connectionDetails$2, _connectionDetails$2$, _connectionDetails$2$2, _data$code4;
14012
- return (connectionDetails === null || connectionDetails === void 0 ? void 0 : (_connectionDetails$2 = connectionDetails[0]) === null || _connectionDetails$2 === void 0 ? void 0 : (_connectionDetails$2$ = _connectionDetails$2.waterSource) === null || _connectionDetails$2$ === void 0 ? void 0 : (_connectionDetails$2$2 = _connectionDetails$2$.code) === null || _connectionDetails$2$2 === void 0 ? void 0 : _connectionDetails$2$2.split('.')[0]) == (data === null || data === void 0 ? void 0 : (_data$code4 = data.code) === null || _data$code4 === void 0 ? void 0 : _data$code4.split(".")[0]);
14009
+ return (connectionDetails === null || connectionDetails === void 0 ? void 0 : (_connectionDetails$2 = connectionDetails[0]) === null || _connectionDetails$2 === void 0 ? void 0 : (_connectionDetails$2$ = _connectionDetails$2.waterSource) === null || _connectionDetails$2$ === void 0 ? void 0 : (_connectionDetails$2$2 = _connectionDetails$2$.code) === null || _connectionDetails$2$2 === void 0 ? void 0 : _connectionDetails$2$2.split(".")[0]) == (data === null || data === void 0 ? void 0 : (_data$code4 = data.code) === null || _data$code4 === void 0 ? void 0 : _data$code4.split(".")[0]);
14013
14010
  });
14014
14011
  setWaterSubSourceList(listOfSubSource);
14015
14012
  }
@@ -14046,7 +14043,7 @@ const WSActivationConnectionDetails = ({
14046
14043
  mdmsData
14047
14044
  };
14048
14045
  return /*#__PURE__*/React.createElement(React.Fragment, null, connectionDetails.map((connectionDetail, index) => /*#__PURE__*/React.createElement(ConnectionDetails$2, Object.assign({
14049
- key: connectionDetail.key,
14046
+ key: connectionDetail.key || index,
14050
14047
  index: index,
14051
14048
  connectionDetail: connectionDetail
14052
14049
  }, commonProps))));
@@ -14138,16 +14135,13 @@ const ConnectionDetails$2 = _props => {
14138
14135
  fontSize: "12px",
14139
14136
  marginTop: "-21px"
14140
14137
  };
14141
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
14142
- style: {
14143
- marginBottom: "16px"
14144
- }
14145
- }, /*#__PURE__*/React.createElement("div", null, !window.location.href.includes("by-config") && !window.location.href.includes("ws/modify-application") ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14138
+ return /*#__PURE__*/React.createElement("div", {
14139
+ className: "formcomposer-section-grid"
14140
+ }, !window.location.href.includes("by-config") && !window.location.href.includes("ws/modify-application") ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14146
14141
  style: isMobile && isEmployee ? {
14147
14142
  fontWeight: "700",
14148
14143
  width: "100%"
14149
14144
  } : {
14150
- marginTop: "-5px",
14151
14145
  fontWeight: "700"
14152
14146
  },
14153
14147
  className: "card-label-smaller"
@@ -14156,12 +14150,11 @@ const ConnectionDetails$2 = _props => {
14156
14150
  }, /*#__PURE__*/React.createElement(TextInput, {
14157
14151
  disabled: true,
14158
14152
  value: filters === null || filters === void 0 ? void 0 : filters.applicationNumber
14159
- }))) : null, (filters === null || filters === void 0 ? void 0 : filters.service) === "WATER" ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14153
+ }))) : null, (filters === null || filters === void 0 ? void 0 : filters.service) === "WATER" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14160
14154
  style: isMobile && isEmployee ? {
14161
14155
  fontWeight: "700",
14162
14156
  width: "100%"
14163
14157
  } : {
14164
- marginTop: "-5px",
14165
14158
  fontWeight: "700"
14166
14159
  },
14167
14160
  className: "card-label-smaller"
@@ -14189,14 +14182,13 @@ const ConnectionDetails$2 = _props => {
14189
14182
  t: t
14190
14183
  });
14191
14184
  }
14192
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14185
+ })), localFormState.touched.connectionType ? /*#__PURE__*/React.createElement(CardLabelError, {
14193
14186
  style: errorStyle
14194
- }, localFormState.touched.connectionType ? errors === null || errors === void 0 ? void 0 : (_errors$connectionTyp2 = errors.connectionType) === null || _errors$connectionTyp2 === void 0 ? void 0 : _errors$connectionTyp2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14187
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$connectionTyp2 = errors.connectionType) === null || _errors$connectionTyp2 === void 0 ? void 0 : _errors$connectionTyp2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14195
14188
  style: isMobile && isEmployee ? {
14196
14189
  fontWeight: "700",
14197
14190
  width: "100%"
14198
14191
  } : {
14199
- marginTop: "-5px",
14200
14192
  fontWeight: "700"
14201
14193
  },
14202
14194
  className: "card-label-smaller"
@@ -14241,14 +14233,13 @@ const ConnectionDetails$2 = _props => {
14241
14233
  t: t
14242
14234
  });
14243
14235
  }
14244
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14236
+ })), localFormState.touched.waterSource ? /*#__PURE__*/React.createElement(CardLabelError, {
14245
14237
  style: errorStyle
14246
- }, localFormState.touched.waterSource ? errors === null || errors === void 0 ? void 0 : (_errors$waterSource2 = errors.waterSource) === null || _errors$waterSource2 === void 0 ? void 0 : _errors$waterSource2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14238
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$waterSource2 = errors.waterSource) === null || _errors$waterSource2 === void 0 ? void 0 : _errors$waterSource2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14247
14239
  style: isMobile && isEmployee ? {
14248
14240
  fontWeight: "700",
14249
14241
  width: "100%"
14250
14242
  } : {
14251
- marginTop: "-5px",
14252
14243
  fontWeight: "700"
14253
14244
  },
14254
14245
  className: "card-label-smaller"
@@ -14276,14 +14267,13 @@ const ConnectionDetails$2 = _props => {
14276
14267
  t: t
14277
14268
  });
14278
14269
  }
14279
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14270
+ })), localFormState.touched.sourceSubData ? /*#__PURE__*/React.createElement(CardLabelError, {
14280
14271
  style: errorStyle
14281
- }, localFormState.touched.sourceSubData ? errors === null || errors === void 0 ? void 0 : (_errors$sourceSubData2 = errors.sourceSubData) === null || _errors$sourceSubData2 === void 0 ? void 0 : _errors$sourceSubData2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14272
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$sourceSubData2 = errors.sourceSubData) === null || _errors$sourceSubData2 === void 0 ? void 0 : _errors$sourceSubData2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14282
14273
  style: isMobile && isEmployee ? {
14283
14274
  fontWeight: "700",
14284
14275
  width: "100%"
14285
14276
  } : {
14286
- marginTop: "-5px",
14287
14277
  fontWeight: "700"
14288
14278
  },
14289
14279
  className: "card-label-smaller"
@@ -14311,14 +14301,13 @@ const ConnectionDetails$2 = _props => {
14311
14301
  t: t
14312
14302
  });
14313
14303
  }
14314
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14304
+ })), localFormState.touched.pipeSize ? /*#__PURE__*/React.createElement(CardLabelError, {
14315
14305
  style: errorStyle
14316
- }, localFormState.touched.pipeSize ? errors === null || errors === void 0 ? void 0 : (_errors$pipeSize2 = errors.pipeSize) === null || _errors$pipeSize2 === void 0 ? void 0 : _errors$pipeSize2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14306
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$pipeSize2 = errors.pipeSize) === null || _errors$pipeSize2 === void 0 ? void 0 : _errors$pipeSize2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14317
14307
  style: isMobile && isEmployee ? {
14318
14308
  fontWeight: "700",
14319
14309
  width: "100%"
14320
14310
  } : {
14321
- marginTop: "-5px",
14322
14311
  fontWeight: "700"
14323
14312
  },
14324
14313
  className: "card-label-smaller"
@@ -14354,14 +14343,13 @@ const ConnectionDetails$2 = _props => {
14354
14343
  onBlur: props.onBlur
14355
14344
  });
14356
14345
  }
14357
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14346
+ }))), localFormState.touched.noOfTaps ? /*#__PURE__*/React.createElement(CardLabelError, {
14358
14347
  style: errorStyle
14359
- }, localFormState.touched.noOfTaps ? errors === null || errors === void 0 ? void 0 : (_errors$noOfTaps2 = errors.noOfTaps) === null || _errors$noOfTaps2 === void 0 ? void 0 : _errors$noOfTaps2.message : "")) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14348
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$noOfTaps2 = errors.noOfTaps) === null || _errors$noOfTaps2 === void 0 ? void 0 : _errors$noOfTaps2.message) : null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14360
14349
  style: isMobile && isEmployee ? {
14361
14350
  fontWeight: "700",
14362
14351
  width: "100%"
14363
14352
  } : {
14364
- marginTop: "-5px",
14365
14353
  fontWeight: "700"
14366
14354
  },
14367
14355
  className: "card-label-smaller"
@@ -14397,14 +14385,13 @@ const ConnectionDetails$2 = _props => {
14397
14385
  onBlur: props.onBlur
14398
14386
  });
14399
14387
  }
14400
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14388
+ }))), localFormState.touched.noOfWaterClosets ? /*#__PURE__*/React.createElement(CardLabelError, {
14401
14389
  style: errorStyle
14402
- }, localFormState.touched.noOfWaterClosets ? errors === null || errors === void 0 ? void 0 : (_errors$noOfWaterClos2 = errors.noOfWaterClosets) === null || _errors$noOfWaterClos2 === void 0 ? void 0 : _errors$noOfWaterClos2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14390
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$noOfWaterClos2 = errors.noOfWaterClosets) === null || _errors$noOfWaterClos2 === void 0 ? void 0 : _errors$noOfWaterClos2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14403
14391
  style: isMobile && isEmployee ? {
14404
14392
  fontWeight: "700",
14405
14393
  width: "100%"
14406
14394
  } : {
14407
- marginTop: "-5px",
14408
14395
  fontWeight: "700"
14409
14396
  },
14410
14397
  className: "card-label-smaller"
@@ -14440,9 +14427,9 @@ const ConnectionDetails$2 = _props => {
14440
14427
  onBlur: props.onBlur
14441
14428
  });
14442
14429
  }
14443
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14430
+ }))), localFormState.touched.noOfToilets ? /*#__PURE__*/React.createElement(CardLabelError, {
14444
14431
  style: errorStyle
14445
- }, localFormState.touched.noOfToilets ? errors === null || errors === void 0 ? void 0 : (_errors$noOfToilets2 = errors.noOfToilets) === null || _errors$noOfToilets2 === void 0 ? void 0 : _errors$noOfToilets2.message : "")))));
14432
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$noOfToilets2 = errors.noOfToilets) === null || _errors$noOfToilets2 === void 0 ? void 0 : _errors$noOfToilets2.message) : null)));
14446
14433
  };
14447
14434
 
14448
14435
  const createPlumberDetails = () => [{
@@ -14503,7 +14490,7 @@ const WSActivationPlumberDetails = ({
14503
14490
  setPlumberDetails
14504
14491
  };
14505
14492
  return /*#__PURE__*/React.createElement(React.Fragment, null, plumberDetails.map((plumberDetail, index) => /*#__PURE__*/React.createElement(PlumberDetails, Object.assign({
14506
- key: plumberDetail.key,
14493
+ key: plumberDetail.key || index,
14507
14494
  index: index,
14508
14495
  plumberDetail: plumberDetail
14509
14496
  }, commonProps))));
@@ -14591,16 +14578,13 @@ const PlumberDetails = _props => {
14591
14578
  fontSize: "12px",
14592
14579
  marginTop: "-21px"
14593
14580
  };
14594
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
14595
- style: {
14596
- marginBottom: "16px"
14597
- }
14581
+ return /*#__PURE__*/React.createElement("div", {
14582
+ className: "formcomposer-section-grid"
14598
14583
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14599
14584
  style: isMobile && isEmployee ? {
14600
14585
  fontWeight: "700",
14601
14586
  width: "100%"
14602
14587
  } : {
14603
- marginTop: "-5px",
14604
14588
  fontWeight: "700"
14605
14589
  },
14606
14590
  className: "card-label-smaller"
@@ -14643,14 +14627,13 @@ const PlumberDetails = _props => {
14643
14627
  t: t
14644
14628
  });
14645
14629
  }
14646
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14630
+ })), localFormState.touched.detailsProvidedBy ? /*#__PURE__*/React.createElement(CardLabelError, {
14647
14631
  style: errorStyle
14648
- }, localFormState.touched.detailsProvidedBy ? errors === null || errors === void 0 ? void 0 : (_errors$detailsProvid2 = errors.detailsProvidedBy) === null || _errors$detailsProvid2 === void 0 ? void 0 : _errors$detailsProvid2.message : ""), !(plumberDetail !== null && plumberDetail !== void 0 && (_plumberDetail$detail = plumberDetail.detailsProvidedBy) !== null && _plumberDetail$detail !== void 0 && _plumberDetail$detail.code) || (plumberDetail === null || plumberDetail === void 0 ? void 0 : (_plumberDetail$detail2 = plumberDetail.detailsProvidedBy) === null || _plumberDetail$detail2 === void 0 ? void 0 : _plumberDetail$detail2.code) == "ULB" ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14632
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$detailsProvid2 = errors.detailsProvidedBy) === null || _errors$detailsProvid2 === void 0 ? void 0 : _errors$detailsProvid2.message) : null), !(plumberDetail !== null && plumberDetail !== void 0 && (_plumberDetail$detail = plumberDetail.detailsProvidedBy) !== null && _plumberDetail$detail !== void 0 && _plumberDetail$detail.code) || (plumberDetail === null || plumberDetail === void 0 ? void 0 : (_plumberDetail$detail2 = plumberDetail.detailsProvidedBy) === null || _plumberDetail$detail2 === void 0 ? void 0 : _plumberDetail$detail2.code) == "ULB" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14649
14633
  style: isMobile && isEmployee ? {
14650
14634
  fontWeight: "700",
14651
14635
  width: "100%"
14652
14636
  } : {
14653
- marginTop: "-5px",
14654
14637
  fontWeight: "700"
14655
14638
  },
14656
14639
  className: "card-label-smaller"
@@ -14684,14 +14667,13 @@ const PlumberDetails = _props => {
14684
14667
  onBlur: props.onBlur
14685
14668
  });
14686
14669
  }
14687
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14670
+ }))), localFormState.touched.plumberLicenseNo ? /*#__PURE__*/React.createElement(CardLabelError, {
14688
14671
  style: errorStyle
14689
- }, localFormState.touched.plumberLicenseNo ? errors === null || errors === void 0 ? void 0 : (_errors$plumberLicens2 = errors.plumberLicenseNo) === null || _errors$plumberLicens2 === void 0 ? void 0 : _errors$plumberLicens2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14672
+ }, errors === null || errors === void 0 ? void 0 : (_errors$plumberLicens2 = errors.plumberLicenseNo) === null || _errors$plumberLicens2 === void 0 ? void 0 : _errors$plumberLicens2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14690
14673
  style: isMobile && isEmployee ? {
14691
14674
  fontWeight: "700",
14692
14675
  width: "100%"
14693
14676
  } : {
14694
- marginTop: "-5px",
14695
14677
  fontWeight: "700"
14696
14678
  },
14697
14679
  className: "card-label-smaller"
@@ -14725,14 +14707,13 @@ const PlumberDetails = _props => {
14725
14707
  onBlur: props.onBlur
14726
14708
  });
14727
14709
  }
14728
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14710
+ }))), localFormState.touched.plumberName ? /*#__PURE__*/React.createElement(CardLabelError, {
14729
14711
  style: errorStyle
14730
- }, localFormState.touched.plumberName ? errors === null || errors === void 0 ? void 0 : (_errors$plumberName2 = errors.plumberName) === null || _errors$plumberName2 === void 0 ? void 0 : _errors$plumberName2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14712
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$plumberName2 = errors.plumberName) === null || _errors$plumberName2 === void 0 ? void 0 : _errors$plumberName2.message) : null), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14731
14713
  style: isMobile && isEmployee ? {
14732
14714
  fontWeight: "700",
14733
14715
  width: "100%"
14734
14716
  } : {
14735
- marginTop: "-5px",
14736
14717
  fontWeight: "700"
14737
14718
  },
14738
14719
  className: "card-label-smaller"
@@ -14811,9 +14792,9 @@ const PlumberDetails = _props => {
14811
14792
  }
14812
14793
  })));
14813
14794
  }
14814
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14795
+ }))), localFormState.touched.plumberMobileNo ? /*#__PURE__*/React.createElement(CardLabelError, {
14815
14796
  style: errorStyle
14816
- }, localFormState.touched.plumberMobileNo ? errors === null || errors === void 0 ? void 0 : (_errors$plumberMobile2 = errors.plumberMobileNo) === null || _errors$plumberMobile2 === void 0 ? void 0 : _errors$plumberMobile2.message : "")) : null)));
14797
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$plumberMobile2 = errors.plumberMobileNo) === null || _errors$plumberMobile2 === void 0 ? void 0 : _errors$plumberMobile2.message) : null)) : null);
14817
14798
  };
14818
14799
 
14819
14800
  const createActivationDetails = () => ({
@@ -15756,7 +15737,6 @@ const ConnectionDetails$4 = _props => {
15756
15737
  fontWeight: "700",
15757
15738
  width: "100%"
15758
15739
  } : {
15759
- marginTop: "-5px",
15760
15740
  fontWeight: "700"
15761
15741
  },
15762
15742
  className: "card-label-smaller"
@@ -15793,7 +15773,6 @@ const ConnectionDetails$4 = _props => {
15793
15773
  fontWeight: "700",
15794
15774
  width: "100%"
15795
15775
  } : {
15796
- marginTop: "-5px",
15797
15776
  fontWeight: "700"
15798
15777
  },
15799
15778
  className: "card-label-smaller"
@@ -15830,7 +15809,6 @@ const ConnectionDetails$4 = _props => {
15830
15809
  fontWeight: "700",
15831
15810
  width: "100%"
15832
15811
  } : {
15833
- marginTop: "-5px",
15834
15812
  fontWeight: "700"
15835
15813
  },
15836
15814
  className: "card-label-smaller"
@@ -15873,7 +15851,6 @@ const ConnectionDetails$4 = _props => {
15873
15851
  fontWeight: "700",
15874
15852
  width: "100%"
15875
15853
  } : {
15876
- marginTop: "-5px",
15877
15854
  fontWeight: "700"
15878
15855
  },
15879
15856
  className: "card-label-smaller"
@@ -15908,7 +15885,6 @@ const ConnectionDetails$4 = _props => {
15908
15885
  fontWeight: "700",
15909
15886
  width: "100%"
15910
15887
  } : {
15911
- marginTop: "-5px",
15912
15888
  fontWeight: "700"
15913
15889
  },
15914
15890
  className: "card-label-smaller"
@@ -15951,7 +15927,6 @@ const ConnectionDetails$4 = _props => {
15951
15927
  fontWeight: "700",
15952
15928
  width: "100%"
15953
15929
  } : {
15954
- marginTop: "-5px",
15955
15930
  fontWeight: "700"
15956
15931
  },
15957
15932
  className: "card-label-smaller"
@@ -19103,7 +19078,7 @@ const WSDisconnectionAppDetails = ({
19103
19078
  disconnectionTypeList
19104
19079
  };
19105
19080
  return /*#__PURE__*/React.createElement(React.Fragment, null, disConnectionDetails.map((disConnectionDetail, index) => /*#__PURE__*/React.createElement(PlumberDetails$1, Object.assign({
19106
- key: disConnectionDetail.key,
19081
+ key: disConnectionDetail.key || index,
19107
19082
  index: index,
19108
19083
  disConnectionDetail: disConnectionDetail
19109
19084
  }, commonProps))));
@@ -19189,8 +19164,8 @@ const PlumberDetails$1 = _props => {
19189
19164
  }, /*#__PURE__*/React.createElement(CardSubHeader, {
19190
19165
  style: {
19191
19166
  marginBottom: "40px",
19192
- "fontSize": "24px",
19193
- "lineHeight": "32px"
19167
+ fontSize: "24px",
19168
+ lineHeight: "32px"
19194
19169
  }
19195
19170
  }, t("WS_APPLICATION_DETAILS")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
19196
19171
  style: isMobile && isEmployee ? {
@@ -19231,7 +19206,7 @@ const PlumberDetails$1 = _props => {
19231
19206
  style: {
19232
19207
  border: "none",
19233
19208
  color: "#0b0c0c !important",
19234
- "pointerEvents": "none"
19209
+ pointerEvents: "none"
19235
19210
  }
19236
19211
  });
19237
19212
  }
@@ -19511,7 +19486,7 @@ const FilterFormFieldsComponent = ({
19511
19486
  defaultLabel: t("ES_WS_ALL_SELECTED"),
19512
19487
  defaultUnit: t("WS_SELECTED_TEXT")
19513
19488
  }), /*#__PURE__*/React.createElement("div", {
19514
- className: "tag-container"
19489
+ className: "tag-container hide-x-scrollbar"
19515
19490
  }, renderRemovableTokens));
19516
19491
  }
19517
19492
  })), /*#__PURE__*/React.createElement(FilterFormField, null, /*#__PURE__*/React.createElement(Controller, {
@@ -20658,12 +20633,12 @@ const SearchApplication = ({
20658
20633
  }, /*#__PURE__*/React.createElement(CollapsibleCardPage, {
20659
20634
  title: t("WS_SEARCH_FILTERS_LABEL") || "Search Filters",
20660
20635
  defaultOpen: true,
20661
- tabs: [t("WT_SMART_SEARCH"), t("WT_ADVANCED_SEARCH")],
20662
- defaultTab: t("WT_SMART_SEARCH")
20636
+ tabs: [t("WS_SMART_SEARCH"), t("WS_ADVANCED_SEARCH")],
20637
+ defaultTab: t("WS_SMART_SEARCH")
20663
20638
  }, activeTab => /*#__PURE__*/React.createElement("form", {
20664
20639
  className: "ws-search-form",
20665
20640
  onSubmit: handleSubmit(onSubmit)
20666
- }, activeTab === t("WT_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
20641
+ }, activeTab === t("WS_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
20667
20642
  className: "wt-search-grid",
20668
20643
  style: {
20669
20644
  display: "grid",
@@ -20672,7 +20647,7 @@ const SearchApplication = ({
20672
20647
  }
20673
20648
  }, /*#__PURE__*/React.createElement("div", {
20674
20649
  className: "search-field-wrapper"
20675
- }, /*#__PURE__*/React.createElement("label", null, t("WT_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(MobileNumber, {
20650
+ }, /*#__PURE__*/React.createElement("label", null, t("WS_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(MobileNumber, {
20676
20651
  name: "mobileNumber",
20677
20652
  inputRef: register({
20678
20653
  minLength: {
@@ -20690,7 +20665,7 @@ const SearchApplication = ({
20690
20665
  }),
20691
20666
  type: "number",
20692
20667
  maxlength: 10
20693
- }))), activeTab === t("WT_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
20668
+ }))), activeTab === t("WS_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
20694
20669
  className: "ws-search-form-wrapper formcomposer-section-grid",
20695
20670
  onSubmit: onSubmit,
20696
20671
  handleSubmit: handleSubmit
@@ -21260,12 +21235,12 @@ const SearchWaterConnection = ({
21260
21235
  }, window.location.href.includes("search-demand") ? "" : /*#__PURE__*/React.createElement(CollapsibleCardPage, {
21261
21236
  title: t("WS_SEARCH_FILTERS_LABEL") || "Search Filters",
21262
21237
  defaultOpen: true,
21263
- tabs: [t("WT_SMART_SEARCH"), t("WT_ADVANCED_SEARCH")],
21264
- defaultTab: t("WT_SMART_SEARCH")
21238
+ tabs: [t("WS_SMART_SEARCH"), t("WS_ADVANCED_SEARCH")],
21239
+ defaultTab: t("WS_SMART_SEARCH")
21265
21240
  }, activeTab => /*#__PURE__*/React.createElement("form", {
21266
21241
  className: "ws-search-form",
21267
21242
  onSubmit: handleSubmit(onSubmit)
21268
- }, activeTab === t("WT_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
21243
+ }, activeTab === t("WS_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
21269
21244
  className: "wt-search-grid",
21270
21245
  style: {
21271
21246
  display: "grid",
@@ -21292,7 +21267,7 @@ const SearchWaterConnection = ({
21292
21267
  }),
21293
21268
  type: "number",
21294
21269
  maxlength: 10
21295
- }))), activeTab === t("WT_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
21270
+ }))), activeTab === t("WS_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
21296
21271
  className: "ws-search-form-wrapper formcomposer-section-grid",
21297
21272
  onSubmit: onSubmit,
21298
21273
  handleSubmit: handleSubmit
@@ -31479,7 +31454,9 @@ const NewApplication = () => {
31479
31454
  if (isEnableLoader || isLoading) {
31480
31455
  return /*#__PURE__*/React.createElement(Loader$1, null);
31481
31456
  }
31482
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComposer, {
31457
+ return /*#__PURE__*/React.createElement("div", {
31458
+ className: "employee-form-content-with-action-bar"
31459
+ }, /*#__PURE__*/React.createElement(FormComposer, {
31483
31460
  config: config.body,
31484
31461
  userType: "employee",
31485
31462
  onFormValueChange: onFormValueChange,
@@ -34300,7 +34277,7 @@ const configWTApproverApplication = ({
34300
34277
  required: true
34301
34278
  }
34302
34279
  }
34303
- }, (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" ? {
34280
+ }, (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" && (action === null || action === void 0 ? void 0 : action.action) !== "ASSIGN_VEHICLE_DRIVER" ? {
34304
34281
  label: t("RS_ASSIGN"),
34305
34282
  type: "dropdown",
34306
34283
  populators: /*#__PURE__*/React.createElement(Dropdown, {
@@ -34310,7 +34287,7 @@ const configWTApproverApplication = ({
34310
34287
  select: setSelectedVendor,
34311
34288
  selected: selectedVendor
34312
34289
  })
34313
- } : "null", (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" ? {
34290
+ } : "null", (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER" ? {
34314
34291
  label: t("RS_REGISTRATION_NUMBER"),
34315
34292
  type: "dropdown",
34316
34293
  populators: /*#__PURE__*/React.createElement(Dropdown, {
@@ -34373,7 +34350,7 @@ const ActionModal$b = ({
34373
34350
  cardFormClassName,
34374
34351
  formClassName
34375
34352
  }) => {
34376
- var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle;
34353
+ var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle, _vehicleData$vehicle$;
34377
34354
  const {
34378
34355
  data: approverData,
34379
34356
  isLoading: PTALoading
@@ -34394,7 +34371,7 @@ const ActionModal$b = ({
34394
34371
  } = Digit.Hooks.fsm.useVendorSearch({
34395
34372
  tenantId,
34396
34373
  config: {
34397
- enabled: (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN"
34374
+ enabled: (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER"
34398
34375
  }
34399
34376
  });
34400
34377
  let vendorDescription = [];
@@ -34417,17 +34394,22 @@ const ActionModal$b = ({
34417
34394
  } = Digit.Hooks.fsm.useVehiclesSearch({
34418
34395
  tenantId,
34419
34396
  config: {
34420
- enabled: (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING"
34397
+ enabled: (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER"
34421
34398
  }
34422
34399
  });
34423
34400
  let vehicleDescription = [];
34424
- vehicleData === null || vehicleData === void 0 ? void 0 : (_vehicleData$vehicle = vehicleData.vehicle) === null || _vehicleData$vehicle === void 0 ? void 0 : _vehicleData$vehicle.map(item => {
34401
+ vehicleData === null || vehicleData === void 0 ? void 0 : (_vehicleData$vehicle = vehicleData.vehicle) === null || _vehicleData$vehicle === void 0 ? void 0 : (_vehicleData$vehicle$ = _vehicleData$vehicle.filter(item => {
34402
+ var _item$driverData, _item$driver;
34403
+ return (item === null || item === void 0 ? void 0 : (_item$driverData = item.driverData) === null || _item$driverData === void 0 ? void 0 : _item$driverData.id) || (item === null || item === void 0 ? void 0 : (_item$driver = item.driver) === null || _item$driver === void 0 ? void 0 : _item$driver.id);
34404
+ })) === null || _vehicleData$vehicle$ === void 0 ? void 0 : _vehicleData$vehicle$.map(item => {
34405
+ var _item$driverData2, _item$driver2;
34425
34406
  vehicleDescription.push({
34426
34407
  code: item === null || item === void 0 ? void 0 : item.registrationNumber,
34427
34408
  name: item === null || item === void 0 ? void 0 : item.registrationNumber,
34428
34409
  i18nKey: item === null || item === void 0 ? void 0 : item.registrationNumber,
34429
34410
  tankerCapacity: item === null || item === void 0 ? void 0 : item.tankCapacity,
34430
- vehicleId: item === null || item === void 0 ? void 0 : item.id
34411
+ vehicleId: item === null || item === void 0 ? void 0 : item.id,
34412
+ driverId: (item === null || item === void 0 ? void 0 : (_item$driverData2 = item.driverData) === null || _item$driverData2 === void 0 ? void 0 : _item$driverData2.ownerId) || (item === null || item === void 0 ? void 0 : (_item$driver2 = item.driver) === null || _item$driver2 === void 0 ? void 0 : _item$driver2.ownerId)
34431
34413
  });
34432
34414
  });
34433
34415
  const [config, setConfig] = useState({});
@@ -34492,6 +34474,10 @@ const ActionModal$b = ({
34492
34474
  if ((action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING") {
34493
34475
  applicationData.vehicleId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.vehicleId;
34494
34476
  }
34477
+ if ((action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER") {
34478
+ applicationData.vehicleId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.vehicleId;
34479
+ applicationData.driverId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.driverId;
34480
+ }
34495
34481
  let requestPayload = businessService === "watertanker" ? {
34496
34482
  waterTankerBookingDetail: {
34497
34483
  ...applicationData,
@@ -34516,7 +34502,7 @@ const ActionModal$b = ({
34516
34502
  selectedVendor,
34517
34503
  setSelectedVendor,
34518
34504
  vendorDescription: dsoData ? vendorDescription : undefined,
34519
- vehicleDescription: vehicleData ? vehicleDescription : undefined,
34505
+ vehicleDescription: vehicleData || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER" ? vehicleDescription : undefined,
34520
34506
  selectVehicle,
34521
34507
  setSelectVehicle
34522
34508
  }));
@@ -38695,7 +38681,6 @@ const ApplicationDetails$1 = () => {
38695
38681
  const filters = {
38696
38682
  applicationNumber
38697
38683
  };
38698
- console.log(filters, "filters");
38699
38684
  const response = await Digit.WSService.search({
38700
38685
  tenantId: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId,
38701
38686
  filters: {
@@ -38798,9 +38783,6 @@ const ApplicationDetails$1 = () => {
38798
38783
  return a.order - b.order;
38799
38784
  });
38800
38785
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
38801
- style: {
38802
- padding: "0px"
38803
- },
38804
38786
  className: "employee-main-application-details"
38805
38787
  }, /*#__PURE__*/React.createElement(ApplicationDetails, {
38806
38788
  applicationDetails: applicationDetails,
@@ -41035,7 +41017,7 @@ const convertEditApplicationDetails1 = (data, appData, serviceType) => {
41035
41017
  noOfTaps: (data === null || data === void 0 ? void 0 : (_data$connectionDetai0 = data.connectionDetails) === null || _data$connectionDetai0 === void 0 ? void 0 : (_data$connectionDetai1 = _data$connectionDetai0[0]) === null || _data$connectionDetai1 === void 0 ? void 0 : _data$connectionDetai1.noOfTaps) || (appData === null || appData === void 0 ? void 0 : appData.noOfTaps),
41036
41018
  sourceSubData: (data === null || data === void 0 ? void 0 : (_data$connectionDetai10 = data.connectionDetails) === null || _data$connectionDetai10 === void 0 ? void 0 : (_data$connectionDetai11 = _data$connectionDetai10[0]) === null || _data$connectionDetai11 === void 0 ? void 0 : (_data$connectionDetai12 = _data$connectionDetai11.sourceSubData) === null || _data$connectionDetai12 === void 0 ? void 0 : _data$connectionDetai12.code) || (appData === null || appData === void 0 ? void 0 : appData.sourceSubData)
41037
41019
  } : {
41038
- connectionType: 'Non Metered',
41020
+ connectionType: "Non Metered",
41039
41021
  noOfWaterClosets: (data === null || data === void 0 ? void 0 : (_data$connectionDetai13 = data.connectionDetails) === null || _data$connectionDetai13 === void 0 ? void 0 : (_data$connectionDetai14 = _data$connectionDetai13[0]) === null || _data$connectionDetai14 === void 0 ? void 0 : _data$connectionDetai14.noOfWaterClosets) || (appData === null || appData === void 0 ? void 0 : appData.noOfWaterClosets) || "",
41040
41022
  noOfToilets: (data === null || data === void 0 ? void 0 : (_data$connectionDetai15 = data.connectionDetails) === null || _data$connectionDetai15 === void 0 ? void 0 : (_data$connectionDetai16 = _data$connectionDetai15[0]) === null || _data$connectionDetai16 === void 0 ? void 0 : _data$connectionDetai16.noOfToilets) || (appData === null || appData === void 0 ? void 0 : appData.noOfToilets) || ""
41041
41023
  }),
@@ -41219,29 +41201,25 @@ const WSEditApplicationByConfig = () => {
41219
41201
  window.location.assign(`${window.location.origin}${(_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.url}`);
41220
41202
  }
41221
41203
  };
41222
- const closeToast = () => {
41223
- setShowToast(null);
41224
- };
41225
41204
  if (enabledLoader || isConfigLoading) {
41226
41205
  return /*#__PURE__*/React.createElement(Loader$1, null);
41227
41206
  }
41228
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
41229
- style: {
41230
- marginLeft: "15px"
41231
- }
41232
- }, /*#__PURE__*/React.createElement(Header, null, t(config.head))), /*#__PURE__*/React.createElement(FormComposer, {
41207
+ return /*#__PURE__*/React.createElement("div", {
41208
+ className: "employee-form-content-with-action-bar "
41209
+ }, /*#__PURE__*/React.createElement(FormComposer, {
41233
41210
  config: config.body,
41234
41211
  userType: "employee",
41235
41212
  onFormValueChange: onFormValueChange,
41236
41213
  label: t("CS_COMMON_SUBMIT"),
41237
41214
  onSubmit: onSubmit,
41238
41215
  defaultValues: sessionFormData,
41239
- appData: appData
41216
+ appData: appData,
41217
+ cardFormWrapperClassName: "no-grid"
41240
41218
  }), showToast && /*#__PURE__*/React.createElement(Toast, {
41241
41219
  error: showToast.key,
41242
41220
  label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),
41243
41221
  warning: showToast === null || showToast === void 0 ? void 0 : showToast.warning,
41244
- onClose: closeToast
41222
+ onClose: () => setShowToast(null)
41245
41223
  }));
41246
41224
  };
41247
41225