@djb25/digit-ui-module-ws 1.0.11 → 1.0.13

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 +66 -293
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -9931,7 +9931,9 @@ const WSDocsRequired = ({
9931
9931
  }
9932
9932
  return /*#__PURE__*/React.createElement("div", {
9933
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", {
9934
+ }, /*#__PURE__*/React.createElement(Card, {
9935
+ className: "overflow-y-scroll"
9936
+ }, wsDocsLoading ? /*#__PURE__*/React.createElement(Loader$1, null) : /*#__PURE__*/React.createElement("div", {
9935
9937
  id: "documents-div",
9936
9938
  className: "ws-docs-container"
9937
9939
  }, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Documents2 = wsDocs.Documents) === null || _wsDocs$Documents2 === void 0 ? void 0 : _wsDocs$Documents2.map((doc, index) => {
@@ -9966,9 +9968,6 @@ const WSDocsRequired = ({
9966
9968
  onSubmit: () => {
9967
9969
  history.push(match.path.replace("create-application", "new-application"));
9968
9970
  },
9969
- style: {
9970
- margin: "10px 10px 0px 0px"
9971
- },
9972
9971
  disabled: wsDocsLoading ? true : false
9973
9972
  }))));
9974
9973
  };
@@ -10991,8 +10990,8 @@ const WSConnectionDetails = ({
10991
10990
  waterSewarageSelection,
10992
10991
  formData
10993
10992
  };
10994
- return /*#__PURE__*/React.createElement(React.Fragment, null, connectionDetails.map((connectionDetail, index) => /*#__PURE__*/React.createElement(ConnectionDetails, Object.assign({
10995
- 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,
10996
10995
  index: index,
10997
10996
  connectionDetail: connectionDetail
10998
10997
  }, commonProps))));
@@ -11060,9 +11059,9 @@ const ConnectionDetails = _props => {
11060
11059
  useEffect(() => {
11061
11060
  var _Object$keys, _Object$keys2, _connectionDetails$3, _connectionDetails$4;
11062
11061
  let isClear = true;
11063
- (_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 => {
11064
11063
  if (!connectionDetails[0][data] && connectionDetails[0][data] != false && isClear) isClear = false;
11065
- });
11064
+ }));
11066
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) {
11067
11066
  clearErrors("ConnectionDetails");
11068
11067
  }
@@ -11943,7 +11942,7 @@ const WSConnectionHolderDetails = ({
11943
11942
  }, commonProps))));
11944
11943
  };
11945
11944
  const ConnectionDetails$1 = _props => {
11946
- 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;
11947
11946
  const {
11948
11947
  connectionHolderDetail,
11949
11948
  focusIndex,
@@ -12134,25 +12133,14 @@ const ConnectionDetails$1 = _props => {
12134
12133
  });
12135
12134
  },
12136
12135
  checked: sameAsOwnerDetails,
12137
- style: {
12138
- paddingBottom: "10px",
12139
- paddingTop: "3px"
12140
- },
12141
12136
  onBlur: props.onBlur
12142
12137
  });
12143
12138
  }
12144
- })), !sameAsOwnerDetails ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
12145
- style: isMobile && isEmployee ? {
12146
- fontWeight: "700",
12147
- width: "100%"
12148
- } : {
12149
- marginTop: "-5px",
12150
- fontWeight: "700"
12151
- },
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, {
12152
12142
  className: "card-label-smaller"
12153
- }, `${t("WS_OWN_DETAIL_NAME")}*`), /*#__PURE__*/React.createElement("div", {
12154
- className: "field"
12155
- }, /*#__PURE__*/React.createElement(Controller, {
12143
+ }, `${t("WS_OWN_DETAIL_NAME")}*`), /*#__PURE__*/React.createElement(Controller, {
12156
12144
  control: control,
12157
12145
  name: "name",
12158
12146
  defaultValue: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.name,
@@ -12162,14 +12150,8 @@ const ConnectionDetails$1 = _props => {
12162
12150
  },
12163
12151
  isMandatory: true,
12164
12152
  render: props => {
12165
- var _errors$name, _getValues, _getValues2, _formData$ConnectionD, _formData$ConnectionD2, _formData$cpt, _formData$cpt$details, _formData$ConnectionD3, _formData$ConnectionD4, _formData$ConnectionD5, _formData$ConnectionD6;
12166
- return /*#__PURE__*/React.createElement("div", {
12167
- style: {
12168
- display: "flex",
12169
- alignItems: "baseline",
12170
- marginRight: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "-4%" : "-4%"
12171
- }
12172
- }, /*#__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, {
12173
12155
  value: getValues("name"),
12174
12156
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "name",
12175
12157
  errorStyle: localFormState.touched.name && errors !== null && errors !== void 0 && (_errors$name = errors.name) !== null && _errors$name !== void 0 && _errors$name.message ? true : false,
@@ -12184,31 +12166,13 @@ const ConnectionDetails$1 = _props => {
12184
12166
  labelStyle: {
12185
12167
  marginTop: "unset"
12186
12168
  },
12187
- onBlur: props.onBlur,
12188
- style: checkifPrivacyValid() && !((_getValues = getValues("name")) !== null && _getValues !== void 0 && _getValues.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12189
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12190
- fieldName: "name",
12191
- model: "User"
12192
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12193
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12194
- fieldName: "mobileNumber",
12195
- model: "User"
12196
- }) ? isMobile && isEmployee ? {} : {
12197
- width: "96%"
12198
- } : isMobile && isEmployee ? {} : {
12199
- width: "96%"
12200
- } : {}
12201
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12202
- style: !(isMobile && isEmployee) ? {
12203
- marginRight: "-10px",
12204
- marginLeft: "10px"
12205
- } : {}
12206
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12169
+ onBlur: props.onBlur
12170
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12207
12171
  unmaskField: e => {
12208
12172
  setName(e);
12209
12173
  props.onChange(e);
12210
12174
  },
12211
- 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,
12212
12176
  privacy: {
12213
12177
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12214
12178
  fieldName: "name",
@@ -12226,16 +12190,9 @@ const ConnectionDetails$1 = _props => {
12226
12190
  }
12227
12191
  })));
12228
12192
  }
12229
- }))), /*#__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, {
12230
12194
  style: errorStyle
12231
- }, 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, {
12232
- style: isMobile && isEmployee ? {
12233
- fontWeight: "700",
12234
- width: "100%"
12235
- } : {
12236
- marginTop: "-5px",
12237
- fontWeight: "700"
12238
- },
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, {
12239
12196
  className: "card-label-smaller"
12240
12197
  }, `${t("WS_CONN_HOLDER_OWN_DETAIL_GENDER_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12241
12198
  className: "field"
@@ -12249,13 +12206,7 @@ const ConnectionDetails$1 = _props => {
12249
12206
  isMandatory: true,
12250
12207
  render: props => {
12251
12208
  var _errors$gender, _gender$i18nKey, _formData$ConnectionD7, _formData$ConnectionD8, _formData$cpt2, _formData$cpt2$detail, _formData$ConnectionD9, _formData$ConnectionD0, _formData$ConnectionD1, _formData$ConnectionD10;
12252
- return /*#__PURE__*/React.createElement("div", {
12253
- style: {
12254
- display: "flex",
12255
- marginRight: checkifPrivacyValid() && !(isMobile && isEmployee) ? "-20px" : "unset",
12256
- width: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "197%" : "208%"
12257
- }
12258
- }, /*#__PURE__*/React.createElement(Dropdown, {
12209
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
12259
12210
  className: "form-field",
12260
12211
  selected: getValues("gender"),
12261
12212
  disable: false,
@@ -12268,13 +12219,7 @@ const ConnectionDetails$1 = _props => {
12268
12219
  optionKey: "i18nKey",
12269
12220
  onBlur: props.onBlur,
12270
12221
  t: t
12271
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12272
- style: {
12273
- marginRight: "-10px",
12274
- marginLeft: isMobile && isEmployee ? "" : "8px",
12275
- marginTop: "15px"
12276
- }
12277
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12222
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12278
12223
  unmaskField: e => {
12279
12224
  const r = {
12280
12225
  code: e,
@@ -12302,16 +12247,9 @@ const ConnectionDetails$1 = _props => {
12302
12247
  }
12303
12248
  })));
12304
12249
  }
12305
- }))), /*#__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, {
12306
12251
  style: errorStyle
12307
- }, 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, {
12308
- style: isMobile && isEmployee ? {
12309
- fontWeight: "700",
12310
- width: "100%"
12311
- } : {
12312
- marginTop: "-5px",
12313
- fontWeight: "700"
12314
- },
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, {
12315
12253
  className: "card-label-smaller"
12316
12254
  }, `${t("CORE_COMMON_MOBILE_NUMBER")}*`), /*#__PURE__*/React.createElement("div", {
12317
12255
  className: "field"
@@ -12325,62 +12263,28 @@ const ConnectionDetails$1 = _props => {
12325
12263
  },
12326
12264
  isMandatory: true,
12327
12265
  render: props => {
12328
- var _getValues3, _errors$mobileNumber, _getValues4, _getValues5, _formData$ConnectionD11, _formData$ConnectionD12, _formData$cpt3, _formData$cpt3$detail, _formData$ConnectionD13, _formData$ConnectionD14, _formData$ConnectionD15, _formData$ConnectionD16;
12329
- return /*#__PURE__*/React.createElement("div", {
12330
- style: {
12331
- display: "flex",
12332
- alignItems: "baseline",
12333
- marginRight: isEmployee && isMobile ? "" : (_getValues3 = getValues("mobileNumber")) !== null && _getValues3 !== void 0 && _getValues3.includes("*") && !(isMobile && isEmployee) ? "-20px" : "-4%"
12334
- }
12335
- }, /*#__PURE__*/React.createElement("div", {
12336
- className: "employee-card-input employee-card-input--front",
12337
- style: {
12338
- position: "relative",
12339
- marginTop: "4px"
12340
- }
12341
- }, "+91"), /*#__PURE__*/React.createElement(TextInput, {
12342
- 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,
12343
12271
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "mobileNumber",
12344
- errorStyle: localFormState.touched.mobileNumber && errors !== null && errors !== void 0 && (_errors$mobileNumber = errors.mobileNumber) !== null && _errors$mobileNumber !== void 0 && _errors$mobileNumber.message ? true : false,
12345
- onChange: e => {
12346
- setMobileNumber(e.target.value);
12347
- 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);
12348
12275
  setFocusIndex({
12349
12276
  index: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key,
12350
12277
  type: "mobileNumber"
12351
12278
  });
12352
12279
  },
12353
- labelStyle: {
12354
- marginTop: "unset"
12355
- },
12356
12280
  onBlur: props.onBlur,
12357
- style: checkifPrivacyValid() && !((_getValues4 = getValues("mobileNumber")) !== null && _getValues4 !== void 0 && _getValues4.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12358
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12359
- fieldName: "connectionHoldersMobileNumber",
12360
- model: "WnSConnectionOwner"
12361
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12362
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12363
- fieldName: "mobileNumber",
12364
- model: "User"
12365
- }) ? isMobile && isEmployee ? {} : {
12366
- width: "96%"
12367
- } : isMobile && isEmployee ? {} : {
12368
- width: "96%",
12369
- background: "#FAFAFA"
12370
- } : {
12371
- background: "#FAFAFA"
12372
- }
12373
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12374
- style: !(isMobile && isEmployee) ? {
12375
- marginRight: "-10px",
12376
- marginLeft: "10px"
12377
- } : {}
12378
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12281
+ hideSpan: false
12282
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12283
+ value: mobileValue,
12379
12284
  unmaskField: e => {
12380
- setMobileNumber(e);
12381
12285
  props.onChange(e);
12382
12286
  },
12383
- iseyevisible: (_getValues5 = getValues("mobileNumber")) !== null && _getValues5 !== void 0 && _getValues5.includes("*") ? true : false,
12287
+ iseyevisible: mobileValue === null || mobileValue === void 0 ? void 0 : mobileValue.includes("*"),
12384
12288
  privacy: {
12385
12289
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12386
12290
  fieldName: "connectionHoldersMobileNumber",
@@ -12398,16 +12302,9 @@ const ConnectionDetails$1 = _props => {
12398
12302
  }
12399
12303
  })));
12400
12304
  }
12401
- }))), /*#__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, {
12402
12306
  style: errorStyle
12403
- }, 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, {
12404
- style: isMobile && isEmployee ? {
12405
- fontWeight: "700",
12406
- width: "100%"
12407
- } : {
12408
- marginTop: "-5px",
12409
- fontWeight: "700"
12410
- },
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, {
12411
12308
  className: "card-label-smaller"
12412
12309
  }, `${t("WS_OWN_DETAIL_GUARDIAN_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12413
12310
  className: "field"
@@ -12421,14 +12318,8 @@ const ConnectionDetails$1 = _props => {
12421
12318
  },
12422
12319
  isMandatory: true,
12423
12320
  render: props => {
12424
- var _getValues6, _errors$guardian, _getValues7, _getValues8, _formData$ConnectionD17, _formData$ConnectionD18, _formData$cpt4, _formData$cpt4$detail, _formData$ConnectionD19, _formData$ConnectionD20, _formData$ConnectionD21, _formData$ConnectionD22;
12425
- return /*#__PURE__*/React.createElement("div", {
12426
- style: {
12427
- display: "flex",
12428
- alignItems: "baseline",
12429
- marginRight: isEmployee && isMobile ? "" : (_getValues6 = getValues("guardian")) !== null && _getValues6 !== void 0 && _getValues6.includes("*") && !(isMobile && isEmployee) ? "-20px" : "-4%"
12430
- }
12431
- }, /*#__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, {
12432
12323
  value: getValues("guardian"),
12433
12324
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "guardian",
12434
12325
  errorStyle: localFormState.touched.guardian && errors !== null && errors !== void 0 && (_errors$guardian = errors.guardian) !== null && _errors$guardian !== void 0 && _errors$guardian.message ? true : false,
@@ -12443,31 +12334,13 @@ const ConnectionDetails$1 = _props => {
12443
12334
  labelStyle: {
12444
12335
  marginTop: "unset"
12445
12336
  },
12446
- onBlur: props.onBlur,
12447
- style: checkifPrivacyValid() && !((_getValues7 = getValues("guardian")) !== null && _getValues7 !== void 0 && _getValues7.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12448
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12449
- fieldName: "fatherOrHusbandName",
12450
- model: "WnSConnectionOwner"
12451
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12452
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12453
- fieldName: "mobileNumber",
12454
- model: "User"
12455
- }) ? isMobile && isEmployee ? {} : {
12456
- width: "96%"
12457
- } : isMobile && isEmployee ? {} : {
12458
- width: "96.2%"
12459
- } : {}
12460
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12461
- style: !(isMobile && isEmployee) ? {
12462
- marginRight: "-10px",
12463
- marginLeft: "10px"
12464
- } : {}
12465
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12337
+ onBlur: props.onBlur
12338
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12466
12339
  unmaskField: e => {
12467
12340
  setGuardian(e);
12468
12341
  props.onChange(e);
12469
12342
  },
12470
- 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,
12471
12344
  privacy: {
12472
12345
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12473
12346
  fieldName: "fatherOrHusbandName",
@@ -12485,16 +12358,9 @@ const ConnectionDetails$1 = _props => {
12485
12358
  }
12486
12359
  })));
12487
12360
  }
12488
- }))), /*#__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, {
12489
12362
  style: errorStyle
12490
- }, 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, {
12491
- style: isMobile && isEmployee ? {
12492
- fontWeight: "700",
12493
- width: "100%"
12494
- } : {
12495
- marginTop: "-5px",
12496
- fontWeight: "700"
12497
- },
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, {
12498
12364
  className: "card-label-smaller"
12499
12365
  }, `${t("WS_CONN_HOLDER_OWN_DETAIL_RELATION_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12500
12366
  className: "field"
@@ -12508,13 +12374,7 @@ const ConnectionDetails$1 = _props => {
12508
12374
  isMandatory: true,
12509
12375
  render: props => {
12510
12376
  var _errors$relationship, _relationship$i18nKey, _formData$ConnectionD23, _formData$ConnectionD24, _formData$cpt5, _formData$cpt5$detail, _formData$ConnectionD25, _formData$ConnectionD26, _formData$ConnectionD27, _formData$ConnectionD28;
12511
- return /*#__PURE__*/React.createElement("div", {
12512
- style: {
12513
- display: "flex",
12514
- marginRight: checkifPrivacyValid() && !(isMobile && isEmployee) ? "-20px" : "unset",
12515
- width: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "197%" : "208%"
12516
- }
12517
- }, /*#__PURE__*/React.createElement(Dropdown, {
12377
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
12518
12378
  className: "form-field",
12519
12379
  selected: getValues("relationship"),
12520
12380
  disable: false,
@@ -12527,13 +12387,7 @@ const ConnectionDetails$1 = _props => {
12527
12387
  optionKey: "i18nKey",
12528
12388
  onBlur: props.onBlur,
12529
12389
  t: t
12530
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12531
- style: {
12532
- marginRight: "-10px",
12533
- marginLeft: isMobile && isEmployee ? "" : "8px",
12534
- marginTop: "15px"
12535
- }
12536
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12390
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12537
12391
  unmaskField: e => {
12538
12392
  const r = {
12539
12393
  code: e,
@@ -12561,16 +12415,9 @@ const ConnectionDetails$1 = _props => {
12561
12415
  }
12562
12416
  })));
12563
12417
  }
12564
- }))), /*#__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, {
12565
12419
  style: errorStyle
12566
- }, 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, {
12567
- style: isMobile && isEmployee ? {
12568
- fontWeight: "700",
12569
- width: "100%"
12570
- } : {
12571
- marginTop: "-5px",
12572
- fontWeight: "700"
12573
- },
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, {
12574
12421
  className: "card-label-smaller"
12575
12422
  }, `${t("WS_CORRESPONDANCE_ADDRESS_LABEL")}*`), /*#__PURE__*/React.createElement("div", {
12576
12423
  className: "field"
@@ -12584,14 +12431,8 @@ const ConnectionDetails$1 = _props => {
12584
12431
  },
12585
12432
  isMandatory: true,
12586
12433
  render: props => {
12587
- var _getValues9, _errors$address, _getValues0, _getValues1, _formData$ConnectionD29, _formData$ConnectionD30, _formData$cpt6, _formData$cpt6$detail, _formData$ConnectionD31, _formData$ConnectionD32, _formData$ConnectionD33, _formData$ConnectionD34;
12588
- return /*#__PURE__*/React.createElement("div", {
12589
- style: {
12590
- display: "flex",
12591
- alignItems: "baseline",
12592
- marginRight: isEmployee && isMobile ? "" : (_getValues9 = getValues("address")) !== null && _getValues9 !== void 0 && _getValues9.includes("*") && !(isMobile && isEmployee) ? "-20px" : "-4%"
12593
- }
12594
- }, /*#__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, {
12595
12436
  value: getValues("address"),
12596
12437
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "address",
12597
12438
  errorStyle: localFormState.touched.address && errors !== null && errors !== void 0 && (_errors$address = errors.address) !== null && _errors$address !== void 0 && _errors$address.message ? true : false,
@@ -12606,31 +12447,13 @@ const ConnectionDetails$1 = _props => {
12606
12447
  labelStyle: {
12607
12448
  marginTop: "unset"
12608
12449
  },
12609
- onBlur: props.onBlur,
12610
- style: checkifPrivacyValid() && !((_getValues0 = getValues("address")) !== null && _getValues0 !== void 0 && _getValues0.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12611
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12612
- fieldName: "correspondenceAddress",
12613
- model: "WnSConnectionOwner"
12614
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12615
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12616
- fieldName: "mobileNumber",
12617
- model: "User"
12618
- }) ? isMobile && isEmployee ? {} : {
12619
- width: "96%"
12620
- } : isMobile && isEmployee ? {} : {
12621
- width: "96.2%"
12622
- } : {}
12623
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12624
- style: !(isMobile && isEmployee) ? {
12625
- marginRight: "-10px",
12626
- marginLeft: "10px"
12627
- } : {}
12628
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12450
+ onBlur: props.onBlur
12451
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12629
12452
  unmaskField: e => {
12630
12453
  setAddress(e);
12631
12454
  props.onChange(e);
12632
12455
  },
12633
- 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,
12634
12457
  privacy: {
12635
12458
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12636
12459
  fieldName: "correspondenceAddress",
@@ -12648,16 +12471,9 @@ const ConnectionDetails$1 = _props => {
12648
12471
  }
12649
12472
  })));
12650
12473
  }
12651
- }))), /*#__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, {
12652
12475
  style: errorStyle
12653
- }, 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, {
12654
- style: isMobile && isEmployee ? {
12655
- fontWeight: "700",
12656
- width: "100%"
12657
- } : {
12658
- marginTop: "-5px",
12659
- fontWeight: "700"
12660
- },
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, {
12661
12477
  className: "card-label-smaller"
12662
12478
  }, `${t("WS_OWNER_SPECIAL_CATEGORY")}*`), /*#__PURE__*/React.createElement("div", {
12663
12479
  className: "field"
@@ -12670,13 +12486,7 @@ const ConnectionDetails$1 = _props => {
12670
12486
  },
12671
12487
  render: props => {
12672
12488
  var _errors$ownerType, _ownerType$i18nKey, _formData$ConnectionD35, _formData$ConnectionD36, _formData$cpt7, _formData$cpt7$detail, _formData$ConnectionD37, _formData$ConnectionD38, _formData$ConnectionD39, _formData$ConnectionD40;
12673
- return /*#__PURE__*/React.createElement("div", {
12674
- style: {
12675
- display: "flex",
12676
- marginRight: checkifPrivacyValid() && !(isMobile && isEmployee) ? "-20px" : "unset",
12677
- width: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "197%" : "208%"
12678
- }
12679
- }, /*#__PURE__*/React.createElement(Dropdown, {
12489
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
12680
12490
  className: "form-field",
12681
12491
  selected: getValues("ownerType"),
12682
12492
  disable: false,
@@ -12689,13 +12499,7 @@ const ConnectionDetails$1 = _props => {
12689
12499
  optionKey: "i18nKey",
12690
12500
  onBlur: props.onBlur,
12691
12501
  t: t
12692
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12693
- style: {
12694
- marginRight: "-10px",
12695
- marginLeft: isMobile && isEmployee ? "" : "8px",
12696
- marginTop: "10px"
12697
- }
12698
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12502
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12699
12503
  unmaskField: e => {
12700
12504
  const r = {
12701
12505
  code: e,
@@ -12723,16 +12527,9 @@ const ConnectionDetails$1 = _props => {
12723
12527
  }
12724
12528
  })));
12725
12529
  }
12726
- }))), /*#__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, {
12727
12531
  style: errorStyle
12728
- }, 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, {
12729
- style: isMobile && isEmployee ? {
12730
- fontWeight: "700",
12731
- width: "100%"
12732
- } : {
12733
- marginTop: "-5px",
12734
- fontWeight: "700"
12735
- },
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, {
12736
12533
  className: "card-label-smaller"
12737
12534
  }, `${t("WS_EMAIL_ID")}`), /*#__PURE__*/React.createElement("div", {
12738
12535
  className: "field"
@@ -12745,14 +12542,8 @@ const ConnectionDetails$1 = _props => {
12745
12542
  },
12746
12543
  isMandatory: false,
12747
12544
  render: props => {
12748
- var _errors$emailId, _getValues10, _getValues11, _formData$ConnectionD41, _formData$ConnectionD42, _formData$cpt8, _formData$cpt8$detail, _formData$ConnectionD43, _formData$ConnectionD44, _formData$ConnectionD45, _formData$ConnectionD46;
12749
- return /*#__PURE__*/React.createElement("div", {
12750
- style: {
12751
- display: "flex",
12752
- alignItems: "baseline",
12753
- marginRight: isMobile && isEmployee ? "" : checkifPrivacyValid() ? "-4%" : "-4%"
12754
- }
12755
- }, /*#__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, {
12756
12547
  value: getValues("emailId"),
12757
12548
  autoFocus: focusIndex.index === (connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.key) && focusIndex.type === "emailId",
12758
12549
  errorStyle: localFormState.touched.emailId && errors !== null && errors !== void 0 && (_errors$emailId = errors.emailId) !== null && _errors$emailId !== void 0 && _errors$emailId.message ? true : false,
@@ -12768,31 +12559,13 @@ const ConnectionDetails$1 = _props => {
12768
12559
  labelStyle: {
12769
12560
  marginTop: "unset"
12770
12561
  },
12771
- onBlur: props.onBlur,
12772
- style: checkifPrivacyValid() && !((_getValues10 = getValues("emailId")) !== null && _getValues10 !== void 0 && _getValues10.includes("*")) ? !Digit.Utils.checkPrivacy(privacyData, {
12773
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12774
- fieldName: "name",
12775
- model: "User"
12776
- }) && !Digit.Utils.checkPrivacy(privacyData, {
12777
- uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12778
- fieldName: "mobileNumber",
12779
- model: "User"
12780
- }) ? isMobile && isEmployee ? {} : {
12781
- width: "96%"
12782
- } : isMobile && isEmployee ? {} : {
12783
- width: "96%"
12784
- } : {}
12785
- }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", {
12786
- style: !(isMobile && isEmployee) ? {
12787
- marginRight: "-10px",
12788
- marginLeft: "10px"
12789
- } : {}
12790
- }, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12562
+ onBlur: props.onBlur
12563
+ }), checkifPrivacyValid() && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WrapUnMaskComponent, {
12791
12564
  unmaskField: e => {
12792
12565
  setEmailId(e);
12793
12566
  props.onChange(e);
12794
12567
  },
12795
- 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,
12796
12569
  privacy: {
12797
12570
  uuid: connectionHolderDetail === null || connectionHolderDetail === void 0 ? void 0 : connectionHolderDetail.uuid,
12798
12571
  fieldName: "emailId",
@@ -12810,9 +12583,9 @@ const ConnectionDetails$1 = _props => {
12810
12583
  }
12811
12584
  })));
12812
12585
  }
12813
- }))), /*#__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, {
12814
12587
  style: errorStyle
12815
- }, 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);
12816
12589
  };
12817
12590
 
12818
12591
  function listCacheClear() {