@djb25/digit-ui-module-ws 1.0.10 → 1.0.12

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.
@@ -9929,7 +9929,11 @@ 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, {
9935
+ className: "overflow-y-scroll"
9936
+ }, wsDocsLoading ? /*#__PURE__*/React.createElement(Loader$1, null) : /*#__PURE__*/React.createElement("div", {
9933
9937
  id: "documents-div",
9934
9938
  className: "ws-docs-container"
9935
9939
  }, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Documents2 = wsDocs.Documents) === null || _wsDocs$Documents2 === void 0 ? void 0 : _wsDocs$Documents2.map((doc, index) => {
@@ -9964,9 +9968,6 @@ const WSDocsRequired = ({
9964
9968
  onSubmit: () => {
9965
9969
  history.push(match.path.replace("create-application", "new-application"));
9966
9970
  },
9967
- style: {
9968
- margin: "10px 10px 0px 0px"
9969
- },
9970
9971
  disabled: wsDocsLoading ? true : false
9971
9972
  }))));
9972
9973
  };
@@ -10989,8 +10990,8 @@ const WSConnectionDetails = ({
10989
10990
  waterSewarageSelection,
10990
10991
  formData
10991
10992
  };
10992
- return /*#__PURE__*/React.createElement(React.Fragment, null, connectionDetails.map((connectionDetail, index) => /*#__PURE__*/React.createElement(ConnectionDetails, Object.assign({
10993
- key: connectionDetail.key || index,
10993
+ return /*#__PURE__*/React.createElement(React.Fragment, null, connectionDetails.map((connectionDetail, index) => connectionDetail && /*#__PURE__*/React.createElement(ConnectionDetails, Object.assign({
10994
+ key: (connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.key) || index,
10994
10995
  index: index,
10995
10996
  connectionDetail: connectionDetail
10996
10997
  }, commonProps))));
@@ -11058,9 +11059,9 @@ const ConnectionDetails = _props => {
11058
11059
  useEffect(() => {
11059
11060
  var _Object$keys, _Object$keys2, _connectionDetails$3, _connectionDetails$4;
11060
11061
  let isClear = true;
11061
- (_Object$keys = Object.keys(connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails[0])) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(data => {
11062
+ connectionDetails && ((_Object$keys = Object.keys(connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails[0])) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(data => {
11062
11063
  if (!connectionDetails[0][data] && connectionDetails[0][data] != false && isClear) isClear = false;
11063
- });
11064
+ }));
11064
11065
  if (isClear && ((_Object$keys2 = Object.keys(connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails[0])) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length) > 1) {
11065
11066
  clearErrors("ConnectionDetails");
11066
11067
  }
@@ -11577,11 +11578,7 @@ const RoadCuttForm = _props => {
11577
11578
  fontSize: "12px",
11578
11579
  marginTop: "-21px"
11579
11580
  };
11580
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
11581
- style: {
11582
- marginBottom: "16px"
11583
- }
11584
- }, /*#__PURE__*/React.createElement("div", {
11581
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
11585
11582
  className: "label-field-pair"
11586
11583
  }, /*#__PURE__*/React.createElement("h2", {
11587
11584
  className: "card-label card-label-smaller",
@@ -11590,8 +11587,6 @@ const RoadCuttForm = _props => {
11590
11587
  }
11591
11588
  }, 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
11589
  style: {
11593
- border: "1px solid #E3E3E3",
11594
- padding: "16px",
11595
11590
  marginTop: "8px"
11596
11591
  }
11597
11592
  }, (allRoadCuttingDetails === null || allRoadCuttingDetails === void 0 ? void 0 : allRoadCuttingDetails.filter(o => o.status !== "INACTIVE").length) > 1 ? /*#__PURE__*/React.createElement(LinkButton, {
@@ -11610,10 +11605,11 @@ const RoadCuttForm = _props => {
11610
11605
  },
11611
11606
  onClick: e => removeroadCutt(roadCutt)
11612
11607
  }) : null, /*#__PURE__*/React.createElement("div", {
11608
+ className: "formcomposer-section-grid",
11613
11609
  style: (allRoadCuttingDetails === null || allRoadCuttingDetails === void 0 ? void 0 : allRoadCuttingDetails.filter(o => o.status !== "INACTIVE").length) == 1 ? {} : {
11614
11610
  marginTop: "40px"
11615
11611
  }
11616
- }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
11612
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
11617
11613
  className: "card-label-smaller"
11618
11614
  }, t("WS_ROAD_TYPE") + " *"), /*#__PURE__*/React.createElement(Controller, {
11619
11615
  control: control,
@@ -11639,9 +11635,9 @@ const RoadCuttForm = _props => {
11639
11635
  t: t
11640
11636
  });
11641
11637
  }
11642
- })), /*#__PURE__*/React.createElement(CardLabelError, {
11638
+ })), (_localFormState$touch = localFormState.touched) !== null && _localFormState$touch !== void 0 && _localFormState$touch.roadType ? /*#__PURE__*/React.createElement(CardLabelError, {
11643
11639
  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, {
11640
+ }, " ", 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
11641
  className: "card-label-smaller"
11646
11642
  }, t("WS_AREA_SQ_FT") + " *"), /*#__PURE__*/React.createElement("div", {
11647
11643
  className: "field"
@@ -11673,9 +11669,9 @@ const RoadCuttForm = _props => {
11673
11669
  props.onBlur(e);
11674
11670
  }
11675
11671
  })
11676
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
11672
+ }))), (_localFormState$touch2 = localFormState.touched) !== null && _localFormState$touch2 !== void 0 && _localFormState$touch2.area ? /*#__PURE__*/React.createElement(CardLabelError, {
11677
11673
  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 : "")))));
11674
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$area = errors.area) === null || _errors$area === void 0 ? void 0 : _errors$area.message) : null)))));
11679
11675
  };
11680
11676
 
11681
11677
  const WSPropertyDetails = ({
@@ -11946,7 +11942,7 @@ const WSConnectionHolderDetails = ({
11946
11942
  }, commonProps))));
11947
11943
  };
11948
11944
  const ConnectionDetails$1 = _props => {
11949
- var _errors$name2, _errors$gender2, _errors$mobileNumber2, _errors$guardian2, _errors$relationship2, _errors$address2, _errors$ownerType2, _errors$emailId2, _errors$emailId3;
11945
+ var _errors$name2, _errors$name3, _errors$gender2, _errors$gender3, _errors$mobileNumber2, _errors$mobileNumber3, _errors$guardian2, _errors$guardian3, _errors$relationship2, _errors$relationship3, _errors$address2, _errors$address3, _errors$ownerType2, _errors$ownerType3, _errors$emailId2, _errors$emailId3;
11950
11946
  const {
11951
11947
  connectionHolderDetail,
11952
11948
  focusIndex,
@@ -12137,25 +12133,14 @@ const ConnectionDetails$1 = _props => {
12137
12133
  });
12138
12134
  },
12139
12135
  checked: sameAsOwnerDetails,
12140
- style: {
12141
- paddingBottom: "10px",
12142
- paddingTop: "3px"
12143
- },
12144
12136
  onBlur: props.onBlur
12145
12137
  });
12146
12138
  }
12147
- })), !sameAsOwnerDetails ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12148
- style: isMobile && isEmployee ? {
12149
- fontWeight: "700",
12150
- width: "100%"
12151
- } : {
12152
- marginTop: "-5px",
12153
- fontWeight: "700"
12154
- },
12139
+ })), !sameAsOwnerDetails ? /*#__PURE__*/React.createElement("div", {
12140
+ className: "formcomposer-section-grid"
12141
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12155
12142
  className: "card-label-smaller"
12156
- }, `${t("WS_OWN_DETAIL_NAME")}*`), /*#__PURE__*/React.createElement("div", {
12157
- className: "field"
12158
- }, /*#__PURE__*/React.createElement(Controller, {
12143
+ }, `${t("WS_OWN_DETAIL_NAME")}*`), /*#__PURE__*/React.createElement(Controller, {
12159
12144
  control: control,
12160
12145
  name: "name",
12161
12146
  defaultValue: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.name,
@@ -12165,14 +12150,8 @@ const ConnectionDetails$1 = _props => {
12165
12150
  },
12166
12151
  isMandatory: true,
12167
12152
  render: props => {
12168
- var _errors$name, _getValues, _getValues2, _formData$ConnectionD, _formData$ConnectionD2, _formData$cpt, _formData$cpt$details, _formData$ConnectionD3, _formData$ConnectionD4, _formData$ConnectionD5, _formData$ConnectionD6;
12169
- return /*#__PURE__*/React.createElement("div", {
12170
- style: {
12171
- display: "flex",
12172
- alignItems: "baseline",
12173
- marginRight: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "-4%" : "-4%"
12174
- }
12175
- }, /*#__PURE__*/React.createElement(TextInput, {
12153
+ var _errors$name, _getValues, _formData$ConnectionD, _formData$ConnectionD2, _formData$cpt, _formData$cpt$details, _formData$ConnectionD3, _formData$ConnectionD4, _formData$ConnectionD5, _formData$ConnectionD6;
12154
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextInput, {
12176
12155
  value: getValues("name"),
12177
12156
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "name",
12178
12157
  errorStyle: localFormState.touched.name && errors !== null && errors !== void 0 && (_errors$name = errors.name) !== null && _errors$name !== void 0 && _errors$name.message ? true : false,
@@ -12187,31 +12166,13 @@ const ConnectionDetails$1 = _props => {
12187
12166
  labelStyle: {
12188
12167
  marginTop: "unset"
12189
12168
  },
12190
- onBlur: props.onBlur,
12191
- style: checkifPrivacyValid() && !((_getValues = getValues("name")) !== null && _getValues !== void 0 && _getValues.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12192
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12193
- fieldName: "name",
12194
- model: "User"
12195
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12196
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12197
- fieldName: "mobileNumber",
12198
- model: "User"
12199
- }) ? isMobile && isEmployee ? {} : {
12200
- width: "96%"
12201
- } : isMobile && isEmployee ? {} : {
12202
- width: "96%"
12203
- } : {}
12204
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12205
- style: !(isMobile && isEmployee) ? {
12206
- marginRight: "-10px",
12207
- marginLeft: "10px"
12208
- } : {}
12209
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12169
+ onBlur: props.onBlur
12170
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12210
12171
  unmaskField: e => {
12211
12172
  setName(e);
12212
12173
  props.onChange(e);
12213
12174
  },
12214
- iseyevisible: (_getValues2 = getValues("name")) !== null && _getValues2 !== void 0 && _getValues2.includes("*") ? true : false,
12175
+ iseyevisible: (_getValues = getValues("name")) !== null && _getValues !== void 0 && _getValues.includes("*") ? true : false,
12215
12176
  privacy: {
12216
12177
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12217
12178
  fieldName: "name",
@@ -12229,16 +12190,9 @@ const ConnectionDetails$1 = _props => {
12229
12190
  }
12230
12191
  })));
12231
12192
  }
12232
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12193
+ })), localFormState.touched.name && (errors === null || errors === void 0 ? void 0 : (_errors$name2 = errors.name) === null || _errors$name2 === void 0 ? void 0 : _errors$name2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12233
12194
  style: errorStyle
12234
- }, localFormState.touched.name ? errors === null || errors === void 0 ? void 0 : (_errors$name2 = errors.name) === null || _errors$name2 === void 0 ? void 0 : _errors$name2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12235
- style: isMobile && isEmployee ? {
12236
- fontWeight: "700",
12237
- width: "100%"
12238
- } : {
12239
- marginTop: "-5px",
12240
- fontWeight: "700"
12241
- },
12195
+ }, errors === null || errors === void 0 ? void 0 : (_errors$name3 = errors.name) === null || _errors$name3 === void 0 ? void 0 : _errors$name3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12242
12196
  className: "card-label-smaller"
12243
12197
  }, `${t("WS_CONN_HOLDER_OWN_DETAIL_GENDER_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12244
12198
  className: "field"
@@ -12252,13 +12206,7 @@ const ConnectionDetails$1 = _props => {
12252
12206
  isMandatory: true,
12253
12207
  render: props => {
12254
12208
  var _errors$gender, _gender$i18nKey, _formData$ConnectionD7, _formData$ConnectionD8, _formData$cpt2, _formData$cpt2$detail, _formData$ConnectionD9, _formData$ConnectionD0, _formData$ConnectionD1, _formData$ConnectionD10;
12255
- return /*#__PURE__*/React.createElement("div", {
12256
- style: {
12257
- display: "flex",
12258
- marginRight: checkifPrivacyValid() && !(isMobile && isEmployee) ? "-20px" : "unset",
12259
- width: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "197%" : "208%"
12260
- }
12261
- }, /*#__PURE__*/React.createElement(Dropdown, {
12209
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
12262
12210
  className: "form-field",
12263
12211
  selected: getValues("gender"),
12264
12212
  disable: false,
@@ -12271,13 +12219,7 @@ const ConnectionDetails$1 = _props => {
12271
12219
  optionKey: "i18nKey",
12272
12220
  onBlur: props.onBlur,
12273
12221
  t: t
12274
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12275
- style: {
12276
- marginRight: "-10px",
12277
- marginLeft: isMobile && isEmployee ? "" : "8px",
12278
- marginTop: "15px"
12279
- }
12280
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12222
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12281
12223
  unmaskField: e => {
12282
12224
  const r = {
12283
12225
  code: e,
@@ -12305,16 +12247,9 @@ const ConnectionDetails$1 = _props => {
12305
12247
  }
12306
12248
  })));
12307
12249
  }
12308
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12250
+ }))), localFormState.touched.gender && (errors === null || errors === void 0 ? void 0 : (_errors$gender2 = errors.gender) === null || _errors$gender2 === void 0 ? void 0 : _errors$gender2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12309
12251
  style: errorStyle
12310
- }, localFormState.touched.gender ? errors === null || errors === void 0 ? void 0 : (_errors$gender2 = errors.gender) === null || _errors$gender2 === void 0 ? void 0 : _errors$gender2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12311
- style: isMobile && isEmployee ? {
12312
- fontWeight: "700",
12313
- width: "100%"
12314
- } : {
12315
- marginTop: "-5px",
12316
- fontWeight: "700"
12317
- },
12252
+ }, errors === null || errors === void 0 ? void 0 : (_errors$gender3 = errors.gender) === null || _errors$gender3 === void 0 ? void 0 : _errors$gender3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12318
12253
  className: "card-label-smaller"
12319
12254
  }, `${t("CORE_COMMON_MOBILE_NUMBER")}*`), /*#__PURE__*/React.createElement("div", {
12320
12255
  className: "field"
@@ -12328,62 +12263,28 @@ const ConnectionDetails$1 = _props => {
12328
12263
  },
12329
12264
  isMandatory: true,
12330
12265
  render: props => {
12331
- var _getValues3, _errors$mobileNumber, _getValues4, _getValues5, _formData$ConnectionD11, _formData$ConnectionD12, _formData$cpt3, _formData$cpt3$detail, _formData$ConnectionD13, _formData$ConnectionD14, _formData$ConnectionD15, _formData$ConnectionD16;
12332
- return /*#__PURE__*/React.createElement("div", {
12333
- style: {
12334
- display: "flex",
12335
- alignItems: "baseline",
12336
- marginRight: isEmployee && isMobile ? "" : (_getValues3 = getValues("mobileNumber")) !== null && _getValues3 !== void 0 && _getValues3.includes("*") && !(isMobile && isEmployee) ? "-20px" : "-4%"
12337
- }
12338
- }, /*#__PURE__*/React.createElement("div", {
12339
- className: "employee-card-input employee-card-input--front",
12340
- style: {
12341
- position: "relative",
12342
- marginTop: "4px"
12343
- }
12344
- }, "+91"), /*#__PURE__*/React.createElement(TextInput, {
12345
- value: getValues("mobileNumber"),
12266
+ var _errors$mobileNumber, _formData$ConnectionD11, _formData$ConnectionD12, _formData$cpt3, _formData$cpt3$detail, _formData$ConnectionD13, _formData$ConnectionD14, _formData$ConnectionD15, _formData$ConnectionD16;
12267
+ const mobileValue = getValues("mobileNumber");
12268
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MobileNumber, {
12269
+ name: "mobileNumber",
12270
+ value: mobileValue,
12346
12271
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "mobileNumber",
12347
- errorStyle: localFormState.touched.mobileNumber && errors !== null && errors !== void 0 && (_errors$mobileNumber = errors.mobileNumber) !== null && _errors$mobileNumber !== void 0 && _errors$mobileNumber.message ? true : false,
12348
- onChange: e => {
12349
- setMobileNumber(e.target.value);
12350
- props.onChange(e.target.value);
12272
+ errorStyle: localFormState.touched.mobileNumber && (errors === null || errors === void 0 ? void 0 : (_errors$mobileNumber = errors.mobileNumber) === null || _errors$mobileNumber === void 0 ? void 0 : _errors$mobileNumber.message),
12273
+ onChange: val => {
12274
+ props.onChange(val);
12351
12275
  setFocusIndex({
12352
12276
  index: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key,
12353
12277
  type: "mobileNumber"
12354
12278
  });
12355
12279
  },
12356
- labelStyle: {
12357
- marginTop: "unset"
12358
- },
12359
12280
  onBlur: props.onBlur,
12360
- style: checkifPrivacyValid() && !((_getValues4 = getValues("mobileNumber")) !== null && _getValues4 !== void 0 && _getValues4.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12361
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12362
- fieldName: "connectionHoldersMobileNumber",
12363
- model: "WnSConnectionOwner"
12364
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12365
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12366
- fieldName: "mobileNumber",
12367
- model: "User"
12368
- }) ? isMobile && isEmployee ? {} : {
12369
- width: "96%"
12370
- } : isMobile && isEmployee ? {} : {
12371
- width: "96%",
12372
- background: "#FAFAFA"
12373
- } : {
12374
- background: "#FAFAFA"
12375
- }
12376
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12377
- style: !(isMobile && isEmployee) ? {
12378
- marginRight: "-10px",
12379
- marginLeft: "10px"
12380
- } : {}
12381
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12281
+ hideSpan: false
12282
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12283
+ value: mobileValue,
12382
12284
  unmaskField: e => {
12383
- setMobileNumber(e);
12384
12285
  props.onChange(e);
12385
12286
  },
12386
- iseyevisible: (_getValues5 = getValues("mobileNumber")) !== null && _getValues5 !== void 0 && _getValues5.includes("*") ? true : false,
12287
+ iseyevisible: mobileValue === null || mobileValue === void 0 ? void 0 : mobileValue.includes("*"),
12387
12288
  privacy: {
12388
12289
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12389
12290
  fieldName: "connectionHoldersMobileNumber",
@@ -12401,16 +12302,9 @@ const ConnectionDetails$1 = _props => {
12401
12302
  }
12402
12303
  })));
12403
12304
  }
12404
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12305
+ }))), localFormState.touched.mobileNumber && (errors === null || errors === void 0 ? void 0 : (_errors$mobileNumber2 = errors.mobileNumber) === null || _errors$mobileNumber2 === void 0 ? void 0 : _errors$mobileNumber2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12405
12306
  style: errorStyle
12406
- }, localFormState.touched.mobileNumber ? errors === null || errors === void 0 ? void 0 : (_errors$mobileNumber2 = errors.mobileNumber) === null || _errors$mobileNumber2 === void 0 ? void 0 : _errors$mobileNumber2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12407
- style: isMobile && isEmployee ? {
12408
- fontWeight: "700",
12409
- width: "100%"
12410
- } : {
12411
- marginTop: "-5px",
12412
- fontWeight: "700"
12413
- },
12307
+ }, errors === null || errors === void 0 ? void 0 : (_errors$mobileNumber3 = errors.mobileNumber) === null || _errors$mobileNumber3 === void 0 ? void 0 : _errors$mobileNumber3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12414
12308
  className: "card-label-smaller"
12415
12309
  }, `${t("WS_OWN_DETAIL_GUARDIAN_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12416
12310
  className: "field"
@@ -12424,14 +12318,8 @@ const ConnectionDetails$1 = _props => {
12424
12318
  },
12425
12319
  isMandatory: true,
12426
12320
  render: props => {
12427
- var _getValues6, _errors$guardian, _getValues7, _getValues8, _formData$ConnectionD17, _formData$ConnectionD18, _formData$cpt4, _formData$cpt4$detail, _formData$ConnectionD19, _formData$ConnectionD20, _formData$ConnectionD21, _formData$ConnectionD22;
12428
- return /*#__PURE__*/React.createElement("div", {
12429
- style: {
12430
- display: "flex",
12431
- alignItems: "baseline",
12432
- marginRight: isEmployee && isMobile ? "" : (_getValues6 = getValues("guardian")) !== null && _getValues6 !== void 0 && _getValues6.includes("*") && !(isMobile && isEmployee) ? "-20px" : "-4%"
12433
- }
12434
- }, /*#__PURE__*/React.createElement(TextInput, {
12321
+ var _errors$guardian, _getValues2, _formData$ConnectionD17, _formData$ConnectionD18, _formData$cpt4, _formData$cpt4$detail, _formData$ConnectionD19, _formData$ConnectionD20, _formData$ConnectionD21, _formData$ConnectionD22;
12322
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextInput, {
12435
12323
  value: getValues("guardian"),
12436
12324
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "guardian",
12437
12325
  errorStyle: localFormState.touched.guardian && errors !== null && errors !== void 0 && (_errors$guardian = errors.guardian) !== null && _errors$guardian !== void 0 && _errors$guardian.message ? true : false,
@@ -12446,31 +12334,13 @@ const ConnectionDetails$1 = _props => {
12446
12334
  labelStyle: {
12447
12335
  marginTop: "unset"
12448
12336
  },
12449
- onBlur: props.onBlur,
12450
- style: checkifPrivacyValid() && !((_getValues7 = getValues("guardian")) !== null && _getValues7 !== void 0 && _getValues7.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12451
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12452
- fieldName: "fatherOrHusbandName",
12453
- model: "WnSConnectionOwner"
12454
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12455
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12456
- fieldName: "mobileNumber",
12457
- model: "User"
12458
- }) ? isMobile && isEmployee ? {} : {
12459
- width: "96%"
12460
- } : isMobile && isEmployee ? {} : {
12461
- width: "96.2%"
12462
- } : {}
12463
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12464
- style: !(isMobile && isEmployee) ? {
12465
- marginRight: "-10px",
12466
- marginLeft: "10px"
12467
- } : {}
12468
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12337
+ onBlur: props.onBlur
12338
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12469
12339
  unmaskField: e => {
12470
12340
  setGuardian(e);
12471
12341
  props.onChange(e);
12472
12342
  },
12473
- iseyevisible: (_getValues8 = getValues("guardian")) !== null && _getValues8 !== void 0 && _getValues8.includes("*") ? true : false,
12343
+ iseyevisible: (_getValues2 = getValues("guardian")) !== null && _getValues2 !== void 0 && _getValues2.includes("*") ? true : false,
12474
12344
  privacy: {
12475
12345
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12476
12346
  fieldName: "fatherOrHusbandName",
@@ -12488,16 +12358,9 @@ const ConnectionDetails$1 = _props => {
12488
12358
  }
12489
12359
  })));
12490
12360
  }
12491
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12361
+ }))), localFormState.touched.guardian && (errors === null || errors === void 0 ? void 0 : (_errors$guardian2 = errors.guardian) === null || _errors$guardian2 === void 0 ? void 0 : _errors$guardian2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12492
12362
  style: errorStyle
12493
- }, localFormState.touched.guardian ? errors === null || errors === void 0 ? void 0 : (_errors$guardian2 = errors.guardian) === null || _errors$guardian2 === void 0 ? void 0 : _errors$guardian2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12494
- style: isMobile && isEmployee ? {
12495
- fontWeight: "700",
12496
- width: "100%"
12497
- } : {
12498
- marginTop: "-5px",
12499
- fontWeight: "700"
12500
- },
12363
+ }, errors === null || errors === void 0 ? void 0 : (_errors$guardian3 = errors.guardian) === null || _errors$guardian3 === void 0 ? void 0 : _errors$guardian3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12501
12364
  className: "card-label-smaller"
12502
12365
  }, `${t("WS_CONN_HOLDER_OWN_DETAIL_RELATION_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12503
12366
  className: "field"
@@ -12511,13 +12374,7 @@ const ConnectionDetails$1 = _props => {
12511
12374
  isMandatory: true,
12512
12375
  render: props => {
12513
12376
  var _errors$relationship, _relationship$i18nKey, _formData$ConnectionD23, _formData$ConnectionD24, _formData$cpt5, _formData$cpt5$detail, _formData$ConnectionD25, _formData$ConnectionD26, _formData$ConnectionD27, _formData$ConnectionD28;
12514
- return /*#__PURE__*/React.createElement("div", {
12515
- style: {
12516
- display: "flex",
12517
- marginRight: checkifPrivacyValid() && !(isMobile && isEmployee) ? "-20px" : "unset",
12518
- width: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "197%" : "208%"
12519
- }
12520
- }, /*#__PURE__*/React.createElement(Dropdown, {
12377
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
12521
12378
  className: "form-field",
12522
12379
  selected: getValues("relationship"),
12523
12380
  disable: false,
@@ -12530,13 +12387,7 @@ const ConnectionDetails$1 = _props => {
12530
12387
  optionKey: "i18nKey",
12531
12388
  onBlur: props.onBlur,
12532
12389
  t: t
12533
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12534
- style: {
12535
- marginRight: "-10px",
12536
- marginLeft: isMobile && isEmployee ? "" : "8px",
12537
- marginTop: "15px"
12538
- }
12539
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12390
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12540
12391
  unmaskField: e => {
12541
12392
  const r = {
12542
12393
  code: e,
@@ -12564,16 +12415,9 @@ const ConnectionDetails$1 = _props => {
12564
12415
  }
12565
12416
  })));
12566
12417
  }
12567
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12418
+ }))), localFormState.touched.relationship && (errors === null || errors === void 0 ? void 0 : (_errors$relationship2 = errors.relationship) === null || _errors$relationship2 === void 0 ? void 0 : _errors$relationship2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12568
12419
  style: errorStyle
12569
- }, localFormState.touched.relationship ? errors === null || errors === void 0 ? void 0 : (_errors$relationship2 = errors.relationship) === null || _errors$relationship2 === void 0 ? void 0 : _errors$relationship2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12570
- style: isMobile && isEmployee ? {
12571
- fontWeight: "700",
12572
- width: "100%"
12573
- } : {
12574
- marginTop: "-5px",
12575
- fontWeight: "700"
12576
- },
12420
+ }, errors === null || errors === void 0 ? void 0 : (_errors$relationship3 = errors.relationship) === null || _errors$relationship3 === void 0 ? void 0 : _errors$relationship3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12577
12421
  className: "card-label-smaller"
12578
12422
  }, `${t("WS_CORRESPONDANCE_ADDRESS_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12579
12423
  className: "field"
@@ -12587,14 +12431,8 @@ const ConnectionDetails$1 = _props => {
12587
12431
  },
12588
12432
  isMandatory: true,
12589
12433
  render: props => {
12590
- var _getValues9, _errors$address, _getValues0, _getValues1, _formData$ConnectionD29, _formData$ConnectionD30, _formData$cpt6, _formData$cpt6$detail, _formData$ConnectionD31, _formData$ConnectionD32, _formData$ConnectionD33, _formData$ConnectionD34;
12591
- return /*#__PURE__*/React.createElement("div", {
12592
- style: {
12593
- display: "flex",
12594
- alignItems: "baseline",
12595
- marginRight: isEmployee && isMobile ? "" : (_getValues9 = getValues("address")) !== null && _getValues9 !== void 0 && _getValues9.includes("*") && !(isMobile && isEmployee) ? "-20px" : "-4%"
12596
- }
12597
- }, /*#__PURE__*/React.createElement(TextInput, {
12434
+ var _errors$address, _getValues3, _formData$ConnectionD29, _formData$ConnectionD30, _formData$cpt6, _formData$cpt6$detail, _formData$ConnectionD31, _formData$ConnectionD32, _formData$ConnectionD33, _formData$ConnectionD34;
12435
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextInput, {
12598
12436
  value: getValues("address"),
12599
12437
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "address",
12600
12438
  errorStyle: localFormState.touched.address && errors !== null && errors !== void 0 && (_errors$address = errors.address) !== null && _errors$address !== void 0 && _errors$address.message ? true : false,
@@ -12609,31 +12447,13 @@ const ConnectionDetails$1 = _props => {
12609
12447
  labelStyle: {
12610
12448
  marginTop: "unset"
12611
12449
  },
12612
- onBlur: props.onBlur,
12613
- style: checkifPrivacyValid() && !((_getValues0 = getValues("address")) !== null && _getValues0 !== void 0 && _getValues0.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12614
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12615
- fieldName: "correspondenceAddress",
12616
- model: "WnSConnectionOwner"
12617
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12618
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12619
- fieldName: "mobileNumber",
12620
- model: "User"
12621
- }) ? isMobile && isEmployee ? {} : {
12622
- width: "96%"
12623
- } : isMobile && isEmployee ? {} : {
12624
- width: "96.2%"
12625
- } : {}
12626
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12627
- style: !(isMobile && isEmployee) ? {
12628
- marginRight: "-10px",
12629
- marginLeft: "10px"
12630
- } : {}
12631
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12450
+ onBlur: props.onBlur
12451
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12632
12452
  unmaskField: e => {
12633
12453
  setAddress(e);
12634
12454
  props.onChange(e);
12635
12455
  },
12636
- iseyevisible: (_getValues1 = getValues("address")) !== null && _getValues1 !== void 0 && _getValues1.includes("*") ? true : false,
12456
+ iseyevisible: (_getValues3 = getValues("address")) !== null && _getValues3 !== void 0 && _getValues3.includes("*") ? true : false,
12637
12457
  privacy: {
12638
12458
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12639
12459
  fieldName: "correspondenceAddress",
@@ -12651,16 +12471,9 @@ const ConnectionDetails$1 = _props => {
12651
12471
  }
12652
12472
  })));
12653
12473
  }
12654
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12474
+ }))), localFormState.touched.address && (errors === null || errors === void 0 ? void 0 : (_errors$address2 = errors.address) === null || _errors$address2 === void 0 ? void 0 : _errors$address2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12655
12475
  style: errorStyle
12656
- }, localFormState.touched.address ? errors === null || errors === void 0 ? void 0 : (_errors$address2 = errors.address) === null || _errors$address2 === void 0 ? void 0 : _errors$address2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12657
- style: isMobile && isEmployee ? {
12658
- fontWeight: "700",
12659
- width: "100%"
12660
- } : {
12661
- marginTop: "-5px",
12662
- fontWeight: "700"
12663
- },
12476
+ }, errors === null || errors === void 0 ? void 0 : (_errors$address3 = errors.address) === null || _errors$address3 === void 0 ? void 0 : _errors$address3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12664
12477
  className: "card-label-smaller"
12665
12478
  }, `${t("WS_OWNER_SPECIAL_CATEGORY")}*`), /*#__PURE__*/React.createElement("div", {
12666
12479
  className: "field"
@@ -12673,13 +12486,7 @@ const ConnectionDetails$1 = _props => {
12673
12486
  },
12674
12487
  render: props => {
12675
12488
  var _errors$ownerType, _ownerType$i18nKey, _formData$ConnectionD35, _formData$ConnectionD36, _formData$cpt7, _formData$cpt7$detail, _formData$ConnectionD37, _formData$ConnectionD38, _formData$ConnectionD39, _formData$ConnectionD40;
12676
- return /*#__PURE__*/React.createElement("div", {
12677
- style: {
12678
- display: "flex",
12679
- marginRight: checkifPrivacyValid() && !(isMobile && isEmployee) ? "-20px" : "unset",
12680
- width: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "197%" : "208%"
12681
- }
12682
- }, /*#__PURE__*/React.createElement(Dropdown, {
12489
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
12683
12490
  className: "form-field",
12684
12491
  selected: getValues("ownerType"),
12685
12492
  disable: false,
@@ -12692,13 +12499,7 @@ const ConnectionDetails$1 = _props => {
12692
12499
  optionKey: "i18nKey",
12693
12500
  onBlur: props.onBlur,
12694
12501
  t: t
12695
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12696
- style: {
12697
- marginRight: "-10px",
12698
- marginLeft: isMobile && isEmployee ? "" : "8px",
12699
- marginTop: "10px"
12700
- }
12701
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12502
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12702
12503
  unmaskField: e => {
12703
12504
  const r = {
12704
12505
  code: e,
@@ -12726,16 +12527,9 @@ const ConnectionDetails$1 = _props => {
12726
12527
  }
12727
12528
  })));
12728
12529
  }
12729
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12530
+ }))), localFormState.touched.ownerType && (errors === null || errors === void 0 ? void 0 : (_errors$ownerType2 = errors.ownerType) === null || _errors$ownerType2 === void 0 ? void 0 : _errors$ownerType2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12730
12531
  style: errorStyle
12731
- }, localFormState.touched.ownerType ? errors === null || errors === void 0 ? void 0 : (_errors$ownerType2 = errors.ownerType) === null || _errors$ownerType2 === void 0 ? void 0 : _errors$ownerType2.message : ""), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12732
- style: isMobile && isEmployee ? {
12733
- fontWeight: "700",
12734
- width: "100%"
12735
- } : {
12736
- marginTop: "-5px",
12737
- fontWeight: "700"
12738
- },
12532
+ }, errors === null || errors === void 0 ? void 0 : (_errors$ownerType3 = errors.ownerType) === null || _errors$ownerType3 === void 0 ? void 0 : _errors$ownerType3.message)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12739
12533
  className: "card-label-smaller"
12740
12534
  }, `${t("WS_EMAIL_ID")}`), /*#__PURE__*/React.createElement("div", {
12741
12535
  className: "field"
@@ -12748,14 +12542,8 @@ const ConnectionDetails$1 = _props => {
12748
12542
  },
12749
12543
  isMandatory: false,
12750
12544
  render: props => {
12751
- var _errors$emailId, _getValues10, _getValues11, _formData$ConnectionD41, _formData$ConnectionD42, _formData$cpt8, _formData$cpt8$detail, _formData$ConnectionD43, _formData$ConnectionD44, _formData$ConnectionD45, _formData$ConnectionD46;
12752
- return /*#__PURE__*/React.createElement("div", {
12753
- style: {
12754
- display: "flex",
12755
- alignItems: "baseline",
12756
- marginRight: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "-4%" : "-4%"
12757
- }
12758
- }, /*#__PURE__*/React.createElement(TextInput, {
12545
+ var _errors$emailId, _getValues4, _formData$ConnectionD41, _formData$ConnectionD42, _formData$cpt8, _formData$cpt8$detail, _formData$ConnectionD43, _formData$ConnectionD44, _formData$ConnectionD45, _formData$ConnectionD46;
12546
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(TextInput, {
12759
12547
  value: getValues("emailId"),
12760
12548
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "emailId",
12761
12549
  errorStyle: localFormState.touched.emailId && errors !== null && errors !== void 0 && (_errors$emailId = errors.emailId) !== null && _errors$emailId !== void 0 && _errors$emailId.message ? true : false,
@@ -12771,31 +12559,13 @@ const ConnectionDetails$1 = _props => {
12771
12559
  labelStyle: {
12772
12560
  marginTop: "unset"
12773
12561
  },
12774
- onBlur: props.onBlur,
12775
- style: checkifPrivacyValid() && !((_getValues10 = getValues("emailId")) !== null && _getValues10 !== void 0 && _getValues10.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12776
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12777
- fieldName: "name",
12778
- model: "User"
12779
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12780
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12781
- fieldName: "mobileNumber",
12782
- model: "User"
12783
- }) ? isMobile && isEmployee ? {} : {
12784
- width: "96%"
12785
- } : isMobile && isEmployee ? {} : {
12786
- width: "96%"
12787
- } : {}
12788
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12789
- style: !(isMobile && isEmployee) ? {
12790
- marginRight: "-10px",
12791
- marginLeft: "10px"
12792
- } : {}
12793
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12562
+ onBlur: props.onBlur
12563
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12794
12564
  unmaskField: e => {
12795
12565
  setEmailId(e);
12796
12566
  props.onChange(e);
12797
12567
  },
12798
- iseyevisible: (_getValues11 = getValues("emailId")) !== null && _getValues11 !== void 0 && _getValues11.includes("*") ? true : false,
12568
+ iseyevisible: (_getValues4 = getValues("emailId")) !== null && _getValues4 !== void 0 && _getValues4.includes("*") ? true : false,
12799
12569
  privacy: {
12800
12570
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12801
12571
  fieldName: "emailId",
@@ -12813,9 +12583,9 @@ const ConnectionDetails$1 = _props => {
12813
12583
  }
12814
12584
  })));
12815
12585
  }
12816
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
12586
+ }))), localFormState.touched.emailId && (errors === null || errors === void 0 ? void 0 : (_errors$emailId2 = errors.emailId) === null || _errors$emailId2 === void 0 ? void 0 : _errors$emailId2.message) && /*#__PURE__*/React.createElement(CardLabelError, {
12817
12587
  style: errorStyle
12818
- }, localFormState.touched.emailId && errors !== null && errors !== void 0 && (_errors$emailId2 = errors.emailId) !== null && _errors$emailId2 !== void 0 && _errors$emailId2.message ? errors === null || errors === void 0 ? void 0 : (_errors$emailId3 = errors.emailId) === null || _errors$emailId3 === void 0 ? void 0 : _errors$emailId3.message : "")) : null);
12588
+ }, errors === null || errors === void 0 ? void 0 : (_errors$emailId3 = errors.emailId) === null || _errors$emailId3 === void 0 ? void 0 : _errors$emailId3.message))) : null);
12819
12589
  };
12820
12590
 
12821
12591
  function listCacheClear() {
@@ -13982,7 +13752,7 @@ const WSActivationConnectionDetails = ({
13982
13752
  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
13753
  waterSource === null || waterSource === void 0 ? void 0 : waterSource.forEach(data => {
13984
13754
  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(), " ", "_")}`;
13755
+ 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
13756
  });
13987
13757
  var flags = [],
13988
13758
  waterSourceOutput = [],
@@ -14009,7 +13779,7 @@ const WSActivationConnectionDetails = ({
14009
13779
  });
14010
13780
  const listOfSubSource = waterSubSource === null || waterSubSource === void 0 ? void 0 : waterSubSource.filter(data => {
14011
13781
  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]);
13782
+ 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
13783
  });
14014
13784
  setWaterSubSourceList(listOfSubSource);
14015
13785
  }
@@ -14046,7 +13816,7 @@ const WSActivationConnectionDetails = ({
14046
13816
  mdmsData
14047
13817
  };
14048
13818
  return /*#__PURE__*/React.createElement(React.Fragment, null, connectionDetails.map((connectionDetail, index) => /*#__PURE__*/React.createElement(ConnectionDetails$2, Object.assign({
14049
- key: connectionDetail.key,
13819
+ key: connectionDetail.key || index,
14050
13820
  index: index,
14051
13821
  connectionDetail: connectionDetail
14052
13822
  }, commonProps))));
@@ -14138,16 +13908,13 @@ const ConnectionDetails$2 = _props => {
14138
13908
  fontSize: "12px",
14139
13909
  marginTop: "-21px"
14140
13910
  };
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, {
13911
+ return /*#__PURE__*/React.createElement("div", {
13912
+ className: "formcomposer-section-grid"
13913
+ }, !window.location.href.includes("by-config") && !window.location.href.includes("ws/modify-application") ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14146
13914
  style: isMobile && isEmployee ? {
14147
13915
  fontWeight: "700",
14148
13916
  width: "100%"
14149
13917
  } : {
14150
- marginTop: "-5px",
14151
13918
  fontWeight: "700"
14152
13919
  },
14153
13920
  className: "card-label-smaller"
@@ -14156,12 +13923,11 @@ const ConnectionDetails$2 = _props => {
14156
13923
  }, /*#__PURE__*/React.createElement(TextInput, {
14157
13924
  disabled: true,
14158
13925
  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, {
13926
+ }))) : 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
13927
  style: isMobile && isEmployee ? {
14161
13928
  fontWeight: "700",
14162
13929
  width: "100%"
14163
13930
  } : {
14164
- marginTop: "-5px",
14165
13931
  fontWeight: "700"
14166
13932
  },
14167
13933
  className: "card-label-smaller"
@@ -14189,14 +13955,13 @@ const ConnectionDetails$2 = _props => {
14189
13955
  t: t
14190
13956
  });
14191
13957
  }
14192
- })), /*#__PURE__*/React.createElement(CardLabelError, {
13958
+ })), localFormState.touched.connectionType ? /*#__PURE__*/React.createElement(CardLabelError, {
14193
13959
  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, {
13960
+ }, " ", 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
13961
  style: isMobile && isEmployee ? {
14196
13962
  fontWeight: "700",
14197
13963
  width: "100%"
14198
13964
  } : {
14199
- marginTop: "-5px",
14200
13965
  fontWeight: "700"
14201
13966
  },
14202
13967
  className: "card-label-smaller"
@@ -14241,14 +14006,13 @@ const ConnectionDetails$2 = _props => {
14241
14006
  t: t
14242
14007
  });
14243
14008
  }
14244
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14009
+ })), localFormState.touched.waterSource ? /*#__PURE__*/React.createElement(CardLabelError, {
14245
14010
  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, {
14011
+ }, " ", 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
14012
  style: isMobile && isEmployee ? {
14248
14013
  fontWeight: "700",
14249
14014
  width: "100%"
14250
14015
  } : {
14251
- marginTop: "-5px",
14252
14016
  fontWeight: "700"
14253
14017
  },
14254
14018
  className: "card-label-smaller"
@@ -14276,14 +14040,13 @@ const ConnectionDetails$2 = _props => {
14276
14040
  t: t
14277
14041
  });
14278
14042
  }
14279
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14043
+ })), localFormState.touched.sourceSubData ? /*#__PURE__*/React.createElement(CardLabelError, {
14280
14044
  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, {
14045
+ }, " ", 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
14046
  style: isMobile && isEmployee ? {
14283
14047
  fontWeight: "700",
14284
14048
  width: "100%"
14285
14049
  } : {
14286
- marginTop: "-5px",
14287
14050
  fontWeight: "700"
14288
14051
  },
14289
14052
  className: "card-label-smaller"
@@ -14311,14 +14074,13 @@ const ConnectionDetails$2 = _props => {
14311
14074
  t: t
14312
14075
  });
14313
14076
  }
14314
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14077
+ })), localFormState.touched.pipeSize ? /*#__PURE__*/React.createElement(CardLabelError, {
14315
14078
  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, {
14079
+ }, " ", 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
14080
  style: isMobile && isEmployee ? {
14318
14081
  fontWeight: "700",
14319
14082
  width: "100%"
14320
14083
  } : {
14321
- marginTop: "-5px",
14322
14084
  fontWeight: "700"
14323
14085
  },
14324
14086
  className: "card-label-smaller"
@@ -14354,14 +14116,13 @@ const ConnectionDetails$2 = _props => {
14354
14116
  onBlur: props.onBlur
14355
14117
  });
14356
14118
  }
14357
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14119
+ }))), localFormState.touched.noOfTaps ? /*#__PURE__*/React.createElement(CardLabelError, {
14358
14120
  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, {
14121
+ }, " ", 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
14122
  style: isMobile && isEmployee ? {
14361
14123
  fontWeight: "700",
14362
14124
  width: "100%"
14363
14125
  } : {
14364
- marginTop: "-5px",
14365
14126
  fontWeight: "700"
14366
14127
  },
14367
14128
  className: "card-label-smaller"
@@ -14397,14 +14158,13 @@ const ConnectionDetails$2 = _props => {
14397
14158
  onBlur: props.onBlur
14398
14159
  });
14399
14160
  }
14400
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14161
+ }))), localFormState.touched.noOfWaterClosets ? /*#__PURE__*/React.createElement(CardLabelError, {
14401
14162
  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, {
14163
+ }, " ", 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
14164
  style: isMobile && isEmployee ? {
14404
14165
  fontWeight: "700",
14405
14166
  width: "100%"
14406
14167
  } : {
14407
- marginTop: "-5px",
14408
14168
  fontWeight: "700"
14409
14169
  },
14410
14170
  className: "card-label-smaller"
@@ -14440,9 +14200,9 @@ const ConnectionDetails$2 = _props => {
14440
14200
  onBlur: props.onBlur
14441
14201
  });
14442
14202
  }
14443
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14203
+ }))), localFormState.touched.noOfToilets ? /*#__PURE__*/React.createElement(CardLabelError, {
14444
14204
  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 : "")))));
14205
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$noOfToilets2 = errors.noOfToilets) === null || _errors$noOfToilets2 === void 0 ? void 0 : _errors$noOfToilets2.message) : null)));
14446
14206
  };
14447
14207
 
14448
14208
  const createPlumberDetails = () => [{
@@ -14503,7 +14263,7 @@ const WSActivationPlumberDetails = ({
14503
14263
  setPlumberDetails
14504
14264
  };
14505
14265
  return /*#__PURE__*/React.createElement(React.Fragment, null, plumberDetails.map((plumberDetail, index) => /*#__PURE__*/React.createElement(PlumberDetails, Object.assign({
14506
- key: plumberDetail.key,
14266
+ key: plumberDetail.key || index,
14507
14267
  index: index,
14508
14268
  plumberDetail: plumberDetail
14509
14269
  }, commonProps))));
@@ -14591,16 +14351,13 @@ const PlumberDetails = _props => {
14591
14351
  fontSize: "12px",
14592
14352
  marginTop: "-21px"
14593
14353
  };
14594
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
14595
- style: {
14596
- marginBottom: "16px"
14597
- }
14354
+ return /*#__PURE__*/React.createElement("div", {
14355
+ className: "formcomposer-section-grid"
14598
14356
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
14599
14357
  style: isMobile && isEmployee ? {
14600
14358
  fontWeight: "700",
14601
14359
  width: "100%"
14602
14360
  } : {
14603
- marginTop: "-5px",
14604
14361
  fontWeight: "700"
14605
14362
  },
14606
14363
  className: "card-label-smaller"
@@ -14643,14 +14400,13 @@ const PlumberDetails = _props => {
14643
14400
  t: t
14644
14401
  });
14645
14402
  }
14646
- })), /*#__PURE__*/React.createElement(CardLabelError, {
14403
+ })), localFormState.touched.detailsProvidedBy ? /*#__PURE__*/React.createElement(CardLabelError, {
14647
14404
  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, {
14405
+ }, " ", 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
14406
  style: isMobile && isEmployee ? {
14650
14407
  fontWeight: "700",
14651
14408
  width: "100%"
14652
14409
  } : {
14653
- marginTop: "-5px",
14654
14410
  fontWeight: "700"
14655
14411
  },
14656
14412
  className: "card-label-smaller"
@@ -14684,14 +14440,13 @@ const PlumberDetails = _props => {
14684
14440
  onBlur: props.onBlur
14685
14441
  });
14686
14442
  }
14687
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14443
+ }))), localFormState.touched.plumberLicenseNo ? /*#__PURE__*/React.createElement(CardLabelError, {
14688
14444
  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, {
14445
+ }, 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
14446
  style: isMobile && isEmployee ? {
14691
14447
  fontWeight: "700",
14692
14448
  width: "100%"
14693
14449
  } : {
14694
- marginTop: "-5px",
14695
14450
  fontWeight: "700"
14696
14451
  },
14697
14452
  className: "card-label-smaller"
@@ -14725,14 +14480,13 @@ const PlumberDetails = _props => {
14725
14480
  onBlur: props.onBlur
14726
14481
  });
14727
14482
  }
14728
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14483
+ }))), localFormState.touched.plumberName ? /*#__PURE__*/React.createElement(CardLabelError, {
14729
14484
  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, {
14485
+ }, " ", 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
14486
  style: isMobile && isEmployee ? {
14732
14487
  fontWeight: "700",
14733
14488
  width: "100%"
14734
14489
  } : {
14735
- marginTop: "-5px",
14736
14490
  fontWeight: "700"
14737
14491
  },
14738
14492
  className: "card-label-smaller"
@@ -14811,9 +14565,9 @@ const PlumberDetails = _props => {
14811
14565
  }
14812
14566
  })));
14813
14567
  }
14814
- }))), /*#__PURE__*/React.createElement(CardLabelError, {
14568
+ }))), localFormState.touched.plumberMobileNo ? /*#__PURE__*/React.createElement(CardLabelError, {
14815
14569
  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)));
14570
+ }, " ", errors === null || errors === void 0 ? void 0 : (_errors$plumberMobile2 = errors.plumberMobileNo) === null || _errors$plumberMobile2 === void 0 ? void 0 : _errors$plumberMobile2.message) : null)) : null);
14817
14571
  };
14818
14572
 
14819
14573
  const createActivationDetails = () => ({
@@ -15756,7 +15510,6 @@ const ConnectionDetails$4 = _props => {
15756
15510
  fontWeight: "700",
15757
15511
  width: "100%"
15758
15512
  } : {
15759
- marginTop: "-5px",
15760
15513
  fontWeight: "700"
15761
15514
  },
15762
15515
  className: "card-label-smaller"
@@ -15793,7 +15546,6 @@ const ConnectionDetails$4 = _props => {
15793
15546
  fontWeight: "700",
15794
15547
  width: "100%"
15795
15548
  } : {
15796
- marginTop: "-5px",
15797
15549
  fontWeight: "700"
15798
15550
  },
15799
15551
  className: "card-label-smaller"
@@ -15830,7 +15582,6 @@ const ConnectionDetails$4 = _props => {
15830
15582
  fontWeight: "700",
15831
15583
  width: "100%"
15832
15584
  } : {
15833
- marginTop: "-5px",
15834
15585
  fontWeight: "700"
15835
15586
  },
15836
15587
  className: "card-label-smaller"
@@ -15873,7 +15624,6 @@ const ConnectionDetails$4 = _props => {
15873
15624
  fontWeight: "700",
15874
15625
  width: "100%"
15875
15626
  } : {
15876
- marginTop: "-5px",
15877
15627
  fontWeight: "700"
15878
15628
  },
15879
15629
  className: "card-label-smaller"
@@ -15908,7 +15658,6 @@ const ConnectionDetails$4 = _props => {
15908
15658
  fontWeight: "700",
15909
15659
  width: "100%"
15910
15660
  } : {
15911
- marginTop: "-5px",
15912
15661
  fontWeight: "700"
15913
15662
  },
15914
15663
  className: "card-label-smaller"
@@ -15951,7 +15700,6 @@ const ConnectionDetails$4 = _props => {
15951
15700
  fontWeight: "700",
15952
15701
  width: "100%"
15953
15702
  } : {
15954
- marginTop: "-5px",
15955
15703
  fontWeight: "700"
15956
15704
  },
15957
15705
  className: "card-label-smaller"
@@ -19103,7 +18851,7 @@ const WSDisconnectionAppDetails = ({
19103
18851
  disconnectionTypeList
19104
18852
  };
19105
18853
  return /*#__PURE__*/React.createElement(React.Fragment, null, disConnectionDetails.map((disConnectionDetail, index) => /*#__PURE__*/React.createElement(PlumberDetails$1, Object.assign({
19106
- key: disConnectionDetail.key,
18854
+ key: disConnectionDetail.key || index,
19107
18855
  index: index,
19108
18856
  disConnectionDetail: disConnectionDetail
19109
18857
  }, commonProps))));
@@ -19189,8 +18937,8 @@ const PlumberDetails$1 = _props => {
19189
18937
  }, /*#__PURE__*/React.createElement(CardSubHeader, {
19190
18938
  style: {
19191
18939
  marginBottom: "40px",
19192
- "fontSize": "24px",
19193
- "lineHeight": "32px"
18940
+ fontSize: "24px",
18941
+ lineHeight: "32px"
19194
18942
  }
19195
18943
  }, t("WS_APPLICATION_DETAILS")), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
19196
18944
  style: isMobile && isEmployee ? {
@@ -19231,7 +18979,7 @@ const PlumberDetails$1 = _props => {
19231
18979
  style: {
19232
18980
  border: "none",
19233
18981
  color: "#0b0c0c !important",
19234
- "pointerEvents": "none"
18982
+ pointerEvents: "none"
19235
18983
  }
19236
18984
  });
19237
18985
  }
@@ -20658,12 +20406,12 @@ const SearchApplication = ({
20658
20406
  }, /*#__PURE__*/React.createElement(CollapsibleCardPage, {
20659
20407
  title: t("WS_SEARCH_FILTERS_LABEL") || "Search Filters",
20660
20408
  defaultOpen: true,
20661
- tabs: [t("WT_SMART_SEARCH"), t("WT_ADVANCED_SEARCH")],
20662
- defaultTab: t("WT_SMART_SEARCH")
20409
+ tabs: [t("WS_SMART_SEARCH"), t("WS_ADVANCED_SEARCH")],
20410
+ defaultTab: t("WS_SMART_SEARCH")
20663
20411
  }, activeTab => /*#__PURE__*/React.createElement("form", {
20664
20412
  className: "ws-search-form",
20665
20413
  onSubmit: handleSubmit(onSubmit)
20666
- }, activeTab === t("WT_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
20414
+ }, activeTab === t("WS_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
20667
20415
  className: "wt-search-grid",
20668
20416
  style: {
20669
20417
  display: "grid",
@@ -20672,7 +20420,7 @@ const SearchApplication = ({
20672
20420
  }
20673
20421
  }, /*#__PURE__*/React.createElement("div", {
20674
20422
  className: "search-field-wrapper"
20675
- }, /*#__PURE__*/React.createElement("label", null, t("WT_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(MobileNumber, {
20423
+ }, /*#__PURE__*/React.createElement("label", null, t("WS_MOBILE_NUMBER")), /*#__PURE__*/React.createElement(MobileNumber, {
20676
20424
  name: "mobileNumber",
20677
20425
  inputRef: register({
20678
20426
  minLength: {
@@ -20690,7 +20438,7 @@ const SearchApplication = ({
20690
20438
  }),
20691
20439
  type: "number",
20692
20440
  maxlength: 10
20693
- }))), activeTab === t("WT_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
20441
+ }))), activeTab === t("WS_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
20694
20442
  className: "ws-search-form-wrapper formcomposer-section-grid",
20695
20443
  onSubmit: onSubmit,
20696
20444
  handleSubmit: handleSubmit
@@ -21260,12 +21008,12 @@ const SearchWaterConnection = ({
21260
21008
  }, window.location.href.includes("search-demand") ? "" : /*#__PURE__*/React.createElement(CollapsibleCardPage, {
21261
21009
  title: t("WS_SEARCH_FILTERS_LABEL") || "Search Filters",
21262
21010
  defaultOpen: true,
21263
- tabs: [t("WT_SMART_SEARCH"), t("WT_ADVANCED_SEARCH")],
21264
- defaultTab: t("WT_SMART_SEARCH")
21011
+ tabs: [t("WS_SMART_SEARCH"), t("WS_ADVANCED_SEARCH")],
21012
+ defaultTab: t("WS_SMART_SEARCH")
21265
21013
  }, activeTab => /*#__PURE__*/React.createElement("form", {
21266
21014
  className: "ws-search-form",
21267
21015
  onSubmit: handleSubmit(onSubmit)
21268
- }, activeTab === t("WT_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
21016
+ }, activeTab === t("WS_SMART_SEARCH") && /*#__PURE__*/React.createElement("div", {
21269
21017
  className: "wt-search-grid",
21270
21018
  style: {
21271
21019
  display: "grid",
@@ -21292,7 +21040,7 @@ const SearchWaterConnection = ({
21292
21040
  }),
21293
21041
  type: "number",
21294
21042
  maxlength: 10
21295
- }))), activeTab === t("WT_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
21043
+ }))), activeTab === t("WS_ADVANCED_SEARCH") && /*#__PURE__*/React.createElement(SearchForm, {
21296
21044
  className: "ws-search-form-wrapper formcomposer-section-grid",
21297
21045
  onSubmit: onSubmit,
21298
21046
  handleSubmit: handleSubmit
@@ -31479,7 +31227,9 @@ const NewApplication = () => {
31479
31227
  if (isEnableLoader || isLoading) {
31480
31228
  return /*#__PURE__*/React.createElement(Loader$1, null);
31481
31229
  }
31482
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComposer, {
31230
+ return /*#__PURE__*/React.createElement("div", {
31231
+ className: "employee-form-content-with-action-bar"
31232
+ }, /*#__PURE__*/React.createElement(FormComposer, {
31483
31233
  config: config.body,
31484
31234
  userType: "employee",
31485
31235
  onFormValueChange: onFormValueChange,
@@ -34300,7 +34050,7 @@ const configWTApproverApplication = ({
34300
34050
  required: true
34301
34051
  }
34302
34052
  }
34303
- }, (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN" ? {
34053
+ }, (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
34054
  label: t("RS_ASSIGN"),
34305
34055
  type: "dropdown",
34306
34056
  populators: /*#__PURE__*/React.createElement(Dropdown, {
@@ -34310,7 +34060,7 @@ const configWTApproverApplication = ({
34310
34060
  select: setSelectedVendor,
34311
34061
  selected: selectedVendor
34312
34062
  })
34313
- } : "null", (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING" ? {
34063
+ } : "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
34064
  label: t("RS_REGISTRATION_NUMBER"),
34315
34065
  type: "dropdown",
34316
34066
  populators: /*#__PURE__*/React.createElement(Dropdown, {
@@ -34373,7 +34123,7 @@ const ActionModal$b = ({
34373
34123
  cardFormClassName,
34374
34124
  formClassName
34375
34125
  }) => {
34376
- var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle;
34126
+ var _action$assigneeRoles, _action$assigneeRoles2, _dsoData$vendor, _vehicleData$vehicle, _vehicleData$vehicle$;
34377
34127
  const {
34378
34128
  data: approverData,
34379
34129
  isLoading: PTALoading
@@ -34394,7 +34144,7 @@ const ActionModal$b = ({
34394
34144
  } = Digit.Hooks.fsm.useVendorSearch({
34395
34145
  tenantId,
34396
34146
  config: {
34397
- enabled: (action === null || action === void 0 ? void 0 : action.state) === "PENDING_FOR_VEHICLE_DRIVER_ASSIGN"
34147
+ 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
34148
  }
34399
34149
  });
34400
34150
  let vendorDescription = [];
@@ -34417,17 +34167,22 @@ const ActionModal$b = ({
34417
34167
  } = Digit.Hooks.fsm.useVehiclesSearch({
34418
34168
  tenantId,
34419
34169
  config: {
34420
- enabled: (action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING"
34170
+ 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
34171
  }
34422
34172
  });
34423
34173
  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 => {
34174
+ vehicleData === null || vehicleData === void 0 ? void 0 : (_vehicleData$vehicle = vehicleData.vehicle) === null || _vehicleData$vehicle === void 0 ? void 0 : (_vehicleData$vehicle$ = _vehicleData$vehicle.filter(item => {
34175
+ var _item$driverData, _item$driver;
34176
+ 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);
34177
+ })) === null || _vehicleData$vehicle$ === void 0 ? void 0 : _vehicleData$vehicle$.map(item => {
34178
+ var _item$driverData2, _item$driver2;
34425
34179
  vehicleDescription.push({
34426
34180
  code: item === null || item === void 0 ? void 0 : item.registrationNumber,
34427
34181
  name: item === null || item === void 0 ? void 0 : item.registrationNumber,
34428
34182
  i18nKey: item === null || item === void 0 ? void 0 : item.registrationNumber,
34429
34183
  tankerCapacity: item === null || item === void 0 ? void 0 : item.tankCapacity,
34430
- vehicleId: item === null || item === void 0 ? void 0 : item.id
34184
+ vehicleId: item === null || item === void 0 ? void 0 : item.id,
34185
+ 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
34186
  });
34432
34187
  });
34433
34188
  const [config, setConfig] = useState({});
@@ -34492,6 +34247,10 @@ const ActionModal$b = ({
34492
34247
  if ((action === null || action === void 0 ? void 0 : action.state) === "DELIVERY_PENDING") {
34493
34248
  applicationData.vehicleId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.vehicleId;
34494
34249
  }
34250
+ if ((action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER") {
34251
+ applicationData.vehicleId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.vehicleId;
34252
+ applicationData.driverId = selectVehicle === null || selectVehicle === void 0 ? void 0 : selectVehicle.driverId;
34253
+ }
34495
34254
  let requestPayload = businessService === "watertanker" ? {
34496
34255
  waterTankerBookingDetail: {
34497
34256
  ...applicationData,
@@ -34516,7 +34275,7 @@ const ActionModal$b = ({
34516
34275
  selectedVendor,
34517
34276
  setSelectedVendor,
34518
34277
  vendorDescription: dsoData ? vendorDescription : undefined,
34519
- vehicleDescription: vehicleData ? vehicleDescription : undefined,
34278
+ vehicleDescription: vehicleData || (action === null || action === void 0 ? void 0 : action.action) === "ASSIGN_VEHICLE_DRIVER" ? vehicleDescription : undefined,
34520
34279
  selectVehicle,
34521
34280
  setSelectVehicle
34522
34281
  }));
@@ -38695,7 +38454,6 @@ const ApplicationDetails$1 = () => {
38695
38454
  const filters = {
38696
38455
  applicationNumber
38697
38456
  };
38698
- console.log(filters, "filters");
38699
38457
  const response = await Digit.WSService.search({
38700
38458
  tenantId: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.tenantId,
38701
38459
  filters: {
@@ -38798,9 +38556,6 @@ const ApplicationDetails$1 = () => {
38798
38556
  return a.order - b.order;
38799
38557
  });
38800
38558
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
38801
- style: {
38802
- padding: "0px"
38803
- },
38804
38559
  className: "employee-main-application-details"
38805
38560
  }, /*#__PURE__*/React.createElement(ApplicationDetails, {
38806
38561
  applicationDetails: applicationDetails,
@@ -41035,7 +40790,7 @@ const convertEditApplicationDetails1 = (data, appData, serviceType) => {
41035
40790
  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
40791
  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
40792
  } : {
41038
- connectionType: 'Non Metered',
40793
+ connectionType: "Non Metered",
41039
40794
  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
40795
  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
40796
  }),
@@ -41219,29 +40974,25 @@ const WSEditApplicationByConfig = () => {
41219
40974
  window.location.assign(`${window.location.origin}${(_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.url}`);
41220
40975
  }
41221
40976
  };
41222
- const closeToast = () => {
41223
- setShowToast(null);
41224
- };
41225
40977
  if (enabledLoader || isConfigLoading) {
41226
40978
  return /*#__PURE__*/React.createElement(Loader$1, null);
41227
40979
  }
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, {
40980
+ return /*#__PURE__*/React.createElement("div", {
40981
+ className: "employee-form-content-with-action-bar "
40982
+ }, /*#__PURE__*/React.createElement(FormComposer, {
41233
40983
  config: config.body,
41234
40984
  userType: "employee",
41235
40985
  onFormValueChange: onFormValueChange,
41236
40986
  label: t("CS_COMMON_SUBMIT"),
41237
40987
  onSubmit: onSubmit,
41238
40988
  defaultValues: sessionFormData,
41239
- appData: appData
40989
+ appData: appData,
40990
+ cardFormWrapperClassName: "no-grid"
41240
40991
  }), showToast && /*#__PURE__*/React.createElement(Toast, {
41241
40992
  error: showToast.key,
41242
40993
  label: t(showToast === null || showToast === void 0 ? void 0 : showToast.message),
41243
40994
  warning: showToast === null || showToast === void 0 ? void 0 : showToast.warning,
41244
- onClose: closeToast
40995
+ onClose: () => setShowToast(null)
41245
40996
  }));
41246
40997
  };
41247
40998