@djb25/digit-ui-module-ws 1.0.76 → 1.0.78

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.
package/dist/index.js CHANGED
@@ -1596,19 +1596,59 @@ const convertApplicationData = function (data, serviceType, modify, editByConfig
1596
1596
  sessionStorage.setItem("WS_EDIT_APPLICATION_DETAILS", JSON.stringify(data));
1597
1597
  return payload;
1598
1598
  };
1599
+ const mapExistingDocIdsToPayload = function (uploadingDocs, existingDocs) {
1600
+ if (uploadingDocs === void 0) {
1601
+ uploadingDocs = [];
1602
+ }
1603
+ if (existingDocs === void 0) {
1604
+ existingDocs = [];
1605
+ }
1606
+ if (!Array.isArray(uploadingDocs) || uploadingDocs.length === 0) return uploadingDocs;
1607
+ if (!Array.isArray(existingDocs) || existingDocs.length === 0) return uploadingDocs;
1608
+ return uploadingDocs.map(doc => {
1609
+ if (doc !== null && doc !== void 0 && doc.id) return doc;
1610
+ const uploadType = doc === null || doc === void 0 ? void 0 : doc.documentType;
1611
+ if (!uploadType) return doc;
1612
+ const normUpload = String(uploadType).trim().toUpperCase();
1613
+ const uploadParts = normUpload.split(".");
1614
+ const uploadCode = uploadParts[uploadParts.length - 1];
1615
+ const matchedDoc = existingDocs.find(exDoc => {
1616
+ if (!(exDoc !== null && exDoc !== void 0 && exDoc.id) || !(exDoc !== null && exDoc !== void 0 && exDoc.documentType)) return false;
1617
+ const normExisting = String(exDoc.documentType).trim().toUpperCase();
1618
+ const existingParts = normExisting.split(".");
1619
+ const existingCode = existingParts[existingParts.length - 1];
1620
+ if (normExisting === normUpload) return true;
1621
+ if (existingCode === uploadCode) return true;
1622
+ if (normExisting.endsWith("." + normUpload) || normUpload.endsWith("." + normExisting)) return true;
1623
+ if (normExisting.includes(normUpload) || normUpload.includes(normExisting)) return true;
1624
+ return false;
1625
+ });
1626
+ if (matchedDoc && matchedDoc.id) {
1627
+ return _extends({}, doc, {
1628
+ id: matchedDoc.id
1629
+ });
1630
+ }
1631
+ return doc;
1632
+ });
1633
+ };
1599
1634
  const convertEditApplicationDetails = function (data, appData, actionData) {
1600
1635
  try {
1601
- var _data$cpt30, _data$cpt30$details, _data$cpt30$details$o, _data$cpt31, _data$cpt31$details, _data$ConnectionDetai3, _data$ConnectionDetai4, _data$ConnectionDetai5, _data$ConnectionDetai6, _data$ConnectionDetai7, _data$ConnectionDetai8, _data$ConnectionDetai9, _data$ConnectionDetai0, _data$ConnectionDetai1, _data$ConnectionDetai10, _data$ConnectionDetai11, _data$ConnectionDetai12, _data$ConnectionDetai13, _data$ConnectionDetai14, _data$ConnectionDetai15, _data$ConnectionDetai16, _data$ConnectionDetai17, _data$ConnectionDetai18, _data$ConnectionHolde58, _data$ConnectionHolde59, _appData$applicationD, _appData$applicationD2, _data$ConnectionHolde60, _data$ConnectionHolde61, _data$ConnectionHolde62, _data$ConnectionHolde63, _data$ConnectionHolde64, _data$ConnectionHolde65, _data$ConnectionHolde66, _data$ConnectionHolde67, _data$ConnectionHolde68, _data$ConnectionHolde69, _data$ConnectionHolde70, _data$ConnectionHolde71, _data$ConnectionHolde72, _data$ConnectionHolde73, _data$ConnectionHolde74, _data$ConnectionHolde75, _data$ConnectionHolde76, _data$ConnectionHolde77, _data$ConnectionHolde78, _data$ConnectionHolde79, _data$ConnectionHolde80, _data$ConnectionHolde81, _data$ConnectionHolde82, _data$ConnectionHolde83, _data$ConnectionHolde84, _data$ConnectionHolde85, _data$ConnectionHolde86, _data$cpt32, _data$DocumentsRequir;
1636
+ var _data$cpt30, _data$cpt30$details, _data$cpt30$details$o, _appData$applicationD, _data$DocumentsRequir, _data$cpt31, _data$cpt31$details, _data$ConnectionDetai3, _data$ConnectionDetai4, _data$ConnectionDetai5, _data$ConnectionDetai6, _data$ConnectionDetai7, _data$ConnectionDetai8, _data$ConnectionDetai9, _data$ConnectionDetai0, _data$ConnectionDetai1, _data$ConnectionDetai10, _data$ConnectionDetai11, _data$ConnectionDetai12, _data$ConnectionDetai13, _data$ConnectionDetai14, _data$ConnectionDetai15, _data$ConnectionDetai16, _data$ConnectionDetai17, _data$ConnectionDetai18, _data$ConnectionHolde58, _data$ConnectionHolde59, _appData$applicationD2, _appData$applicationD3, _data$ConnectionHolde60, _data$ConnectionHolde61, _data$ConnectionHolde62, _data$ConnectionHolde63, _data$ConnectionHolde64, _data$ConnectionHolde65, _data$ConnectionHolde66, _data$ConnectionHolde67, _data$ConnectionHolde68, _data$ConnectionHolde69, _data$ConnectionHolde70, _data$ConnectionHolde71, _data$ConnectionHolde72, _data$ConnectionHolde73, _data$ConnectionHolde74, _data$ConnectionHolde75, _data$ConnectionHolde76, _data$ConnectionHolde77, _data$ConnectionHolde78, _data$ConnectionHolde79, _data$ConnectionHolde80, _data$ConnectionHolde81, _data$ConnectionHolde82, _data$ConnectionHolde83, _data$ConnectionHolde84, _data$ConnectionHolde85, _data$ConnectionHolde86, _data$cpt32;
1602
1637
  data === null || data === void 0 ? void 0 : (_data$cpt30 = data.cpt) === null || _data$cpt30 === void 0 ? void 0 : (_data$cpt30$details = _data$cpt30.details) === null || _data$cpt30$details === void 0 ? void 0 : (_data$cpt30$details$o = _data$cpt30$details.owners) === null || _data$cpt30$details$o === void 0 ? void 0 : _data$cpt30$details$o.forEach(owner => {
1603
1638
  if (owner !== null && owner !== void 0 && owner.permanentAddress) owner.correspondenceAddress = owner === null || owner === void 0 ? void 0 : owner.permanentAddress;
1604
1639
  });
1640
+ const existingDocs = (appData === null || appData === void 0 ? void 0 : (_appData$applicationD = appData.applicationData) === null || _appData$applicationD === void 0 ? void 0 : _appData$applicationD.documents) || (appData === null || appData === void 0 ? void 0 : appData.documents) || [];
1641
+ let docs = (data === null || data === void 0 ? void 0 : (_data$DocumentsRequir = data.DocumentsRequired) === null || _data$DocumentsRequir === void 0 ? void 0 : _data$DocumentsRequir.documents) || [];
1642
+ if (docs && docs.length > 0 && existingDocs && existingDocs.length > 0) {
1643
+ docs = mapExistingDocIdsToPayload(docs, existingDocs);
1644
+ }
1605
1645
  let payload = _extends({}, appData.applicationData, {
1606
1646
  propertyId: data === null || data === void 0 ? void 0 : (_data$cpt31 = data.cpt) === null || _data$cpt31 === void 0 ? void 0 : (_data$cpt31$details = _data$cpt31.details) === null || _data$cpt31$details === void 0 ? void 0 : _data$cpt31$details.propertyId,
1607
1647
  proposedTaps: (data === null || data === void 0 ? void 0 : (_data$ConnectionDetai3 = data.ConnectionDetails) === null || _data$ConnectionDetai3 === void 0 ? void 0 : (_data$ConnectionDetai4 = _data$ConnectionDetai3[0]) === null || _data$ConnectionDetai4 === void 0 ? void 0 : _data$ConnectionDetai4.proposedTaps) && Number(data === null || data === void 0 ? void 0 : (_data$ConnectionDetai5 = data.ConnectionDetails) === null || _data$ConnectionDetai5 === void 0 ? void 0 : (_data$ConnectionDetai6 = _data$ConnectionDetai5[0]) === null || _data$ConnectionDetai6 === void 0 ? void 0 : _data$ConnectionDetai6.proposedTaps),
1608
1648
  proposedPipeSize: (data === null || data === void 0 ? void 0 : (_data$ConnectionDetai7 = data.ConnectionDetails) === null || _data$ConnectionDetai7 === void 0 ? void 0 : (_data$ConnectionDetai8 = _data$ConnectionDetai7[0]) === null || _data$ConnectionDetai8 === void 0 ? void 0 : (_data$ConnectionDetai9 = _data$ConnectionDetai8.proposedPipeSize) === null || _data$ConnectionDetai9 === void 0 ? void 0 : _data$ConnectionDetai9.size) && Number(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$ConnectionDetai10 = _data$ConnectionDetai1.proposedPipeSize) === null || _data$ConnectionDetai10 === void 0 ? void 0 : _data$ConnectionDetai10.size),
1609
1649
  proposedWaterClosets: (data === null || data === void 0 ? void 0 : (_data$ConnectionDetai11 = data.ConnectionDetails) === null || _data$ConnectionDetai11 === void 0 ? void 0 : (_data$ConnectionDetai12 = _data$ConnectionDetai11[0]) === null || _data$ConnectionDetai12 === void 0 ? void 0 : _data$ConnectionDetai12.proposedWaterClosets) && Number(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.proposedWaterClosets),
1610
1650
  proposedToilets: (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.proposedToilets) && Number(data === null || data === void 0 ? void 0 : (_data$ConnectionDetai17 = data.ConnectionDetails) === null || _data$ConnectionDetai17 === void 0 ? void 0 : (_data$ConnectionDetai18 = _data$ConnectionDetai17[0]) === null || _data$ConnectionDetai18 === void 0 ? void 0 : _data$ConnectionDetai18.proposedToilets),
1611
- connectionHolders: !(data !== null && data !== void 0 && (_data$ConnectionHolde58 = data.ConnectionHolderDetails) !== null && _data$ConnectionHolde58 !== void 0 && (_data$ConnectionHolde59 = _data$ConnectionHolde58[0]) !== null && _data$ConnectionHolde59 !== void 0 && _data$ConnectionHolde59.sameAsOwnerDetails) ? [_extends({}, appData === null || appData === void 0 ? void 0 : (_appData$applicationD = appData.applicationData) === null || _appData$applicationD === void 0 ? void 0 : (_appData$applicationD2 = _appData$applicationD.connectionHolders) === null || _appData$applicationD2 === void 0 ? void 0 : _appData$applicationD2[0], {
1651
+ connectionHolders: !(data !== null && data !== void 0 && (_data$ConnectionHolde58 = data.ConnectionHolderDetails) !== null && _data$ConnectionHolde58 !== void 0 && (_data$ConnectionHolde59 = _data$ConnectionHolde58[0]) !== null && _data$ConnectionHolde59 !== void 0 && _data$ConnectionHolde59.sameAsOwnerDetails) ? [_extends({}, appData === null || appData === void 0 ? void 0 : (_appData$applicationD2 = appData.applicationData) === null || _appData$applicationD2 === void 0 ? void 0 : (_appData$applicationD3 = _appData$applicationD2.connectionHolders) === null || _appData$applicationD3 === void 0 ? void 0 : _appData$applicationD3[0], {
1612
1652
  correspondenceAddress: (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde60 = data.ConnectionHolderDetails) === null || _data$ConnectionHolde60 === void 0 ? void 0 : (_data$ConnectionHolde61 = _data$ConnectionHolde60[0]) === null || _data$ConnectionHolde61 === void 0 ? void 0 : _data$ConnectionHolde61.address) || "",
1613
1653
  fatherOrHusbandName: (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde62 = data.ConnectionHolderDetails) === null || _data$ConnectionHolde62 === void 0 ? void 0 : (_data$ConnectionHolde63 = _data$ConnectionHolde62[0]) === null || _data$ConnectionHolde63 === void 0 ? void 0 : _data$ConnectionHolde63.guardian) || "",
1614
1654
  gender: (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde64 = data.ConnectionHolderDetails) === null || _data$ConnectionHolde64 === void 0 ? void 0 : (_data$ConnectionHolde65 = _data$ConnectionHolde64[0]) === null || _data$ConnectionHolde65 === void 0 ? void 0 : (_data$ConnectionHolde66 = _data$ConnectionHolde65.gender) === null || _data$ConnectionHolde66 === void 0 ? void 0 : _data$ConnectionHolde66.code) || "",
@@ -1627,7 +1667,7 @@ const convertEditApplicationDetails = function (data, appData, actionData) {
1627
1667
  action: actionData ? actionData : "RESUBMIT_APPLICATION"
1628
1668
  },
1629
1669
  action: actionData ? actionData : "RESUBMIT_APPLICATION",
1630
- documents: data === null || data === void 0 ? void 0 : (_data$DocumentsRequir = data.DocumentsRequired) === null || _data$DocumentsRequir === void 0 ? void 0 : _data$DocumentsRequir.documents
1670
+ documents: docs
1631
1671
  });
1632
1672
  return Promise.resolve(payload);
1633
1673
  } catch (e) {
@@ -1690,13 +1730,13 @@ const convertDisonnectApplicationData = function (data, serviceType, editByConfi
1690
1730
  };
1691
1731
  const convertDisonnectEditApplicationDetails = function (data, appData, actionData) {
1692
1732
  try {
1693
- var _data$plumberDetails7, _data$plumberDetails8, _data$plumberDetails9, _data$plumberDetails0, _data$plumberDetails1, _data$plumberDetails10, _appData$applicationD5, _appData$applicationD6, _appData$applicationD7, _data$disConnectionDe, _data$disConnectionDe2, _data$disConnectionDe3, _data$disConnectionDe4, _data$DocumentsRequir2, _data$disConnectionDe5, _data$disConnectionDe6;
1733
+ var _data$plumberDetails7, _data$plumberDetails8, _data$plumberDetails9, _data$plumberDetails0, _data$plumberDetails1, _data$plumberDetails10, _appData$applicationD6, _appData$applicationD7, _appData$applicationD8, _data$disConnectionDe, _data$disConnectionDe2, _data$disConnectionDe3, _data$disConnectionDe4, _data$DocumentsRequir2, _data$disConnectionDe5, _data$disConnectionDe6;
1694
1734
  const docs = sessionStorage.getItem("DISCONNECTION_EDIT_DOCS");
1695
1735
  const docsData = docs ? JSON.parse(docs) : "";
1696
1736
  const documentsData = [];
1697
1737
  docsData === null || docsData === void 0 ? void 0 : docsData.map(data => {
1698
- var _appData$applicationD3, _appData$applicationD4, _doc$, _doc$2;
1699
- const doc = appData === null || appData === void 0 ? void 0 : (_appData$applicationD3 = appData.applicationData) === null || _appData$applicationD3 === void 0 ? void 0 : (_appData$applicationD4 = _appData$applicationD3.documents) === null || _appData$applicationD4 === void 0 ? void 0 : _appData$applicationD4.filter(appDoc => {
1738
+ var _appData$applicationD4, _appData$applicationD5, _doc$, _doc$2;
1739
+ const doc = appData === null || appData === void 0 ? void 0 : (_appData$applicationD4 = appData.applicationData) === null || _appData$applicationD4 === void 0 ? void 0 : (_appData$applicationD5 = _appData$applicationD4.documents) === null || _appData$applicationD5 === void 0 ? void 0 : _appData$applicationD5.filter(appDoc => {
1700
1740
  var _appDoc$documentType, _appDoc$documentType$, _appDoc$documentType2, _appDoc$documentType3, _data$documentType3, _data$documentType3$s, _data$documentType4, _data$documentType4$s;
1701
1741
  return (appDoc === null || appDoc === void 0 ? void 0 : (_appDoc$documentType = appDoc.documentType) === null || _appDoc$documentType === void 0 ? void 0 : (_appDoc$documentType$ = _appDoc$documentType.split(".")) === null || _appDoc$documentType$ === void 0 ? void 0 : _appDoc$documentType$[0]) + "." + (appDoc === null || appDoc === void 0 ? void 0 : (_appDoc$documentType2 = appDoc.documentType) === null || _appDoc$documentType2 === void 0 ? void 0 : (_appDoc$documentType3 = _appDoc$documentType2.split(".")) === null || _appDoc$documentType3 === void 0 ? void 0 : _appDoc$documentType3[1]) == (data === null || data === void 0 ? void 0 : (_data$documentType3 = data.documentType) === null || _data$documentType3 === void 0 ? void 0 : (_data$documentType3$s = _data$documentType3.split(".")) === null || _data$documentType3$s === void 0 ? void 0 : _data$documentType3$s[0]) + "." + (data === null || data === void 0 ? void 0 : (_data$documentType4 = data.documentType) === null || _data$documentType4 === void 0 ? void 0 : (_data$documentType4$s = _data$documentType4.split(".")) === null || _data$documentType4$s === void 0 ? void 0 : _data$documentType4$s[1]);
1702
1742
  });
@@ -1714,7 +1754,7 @@ const convertDisonnectEditApplicationDetails = function (data, appData, actionDa
1714
1754
  licenseNo: data === null || data === void 0 ? void 0 : (_data$plumberDetails7 = data.plumberDetails) === null || _data$plumberDetails7 === void 0 ? void 0 : (_data$plumberDetails8 = _data$plumberDetails7[0]) === null || _data$plumberDetails8 === void 0 ? void 0 : _data$plumberDetails8.plumberLicenseNo,
1715
1755
  mobileNumber: data === null || data === void 0 ? void 0 : (_data$plumberDetails9 = data.plumberDetails) === null || _data$plumberDetails9 === void 0 ? void 0 : (_data$plumberDetails0 = _data$plumberDetails9[0]) === null || _data$plumberDetails0 === void 0 ? void 0 : _data$plumberDetails0.plumberMobileNo,
1716
1756
  name: data === null || data === void 0 ? void 0 : (_data$plumberDetails1 = data.plumberDetails) === null || _data$plumberDetails1 === void 0 ? void 0 : (_data$plumberDetails10 = _data$plumberDetails1[0]) === null || _data$plumberDetails10 === void 0 ? void 0 : _data$plumberDetails10.plumberName,
1717
- id: appData === null || appData === void 0 ? void 0 : (_appData$applicationD5 = appData.applicationData) === null || _appData$applicationD5 === void 0 ? void 0 : (_appData$applicationD6 = _appData$applicationD5.plumberInfo) === null || _appData$applicationD6 === void 0 ? void 0 : (_appData$applicationD7 = _appData$applicationD6[0]) === null || _appData$applicationD7 === void 0 ? void 0 : _appData$applicationD7.id
1757
+ id: appData === null || appData === void 0 ? void 0 : (_appData$applicationD6 = appData.applicationData) === null || _appData$applicationD6 === void 0 ? void 0 : (_appData$applicationD7 = _appData$applicationD6.plumberInfo) === null || _appData$applicationD7 === void 0 ? void 0 : (_appData$applicationD8 = _appData$applicationD7[0]) === null || _appData$applicationD8 === void 0 ? void 0 : _appData$applicationD8.id
1718
1758
  }];
1719
1759
  const _temp5 = (data === null || data === void 0 ? void 0 : (_data$disConnectionDe = data.disConnectionDetails) === null || _data$disConnectionDe === void 0 ? void 0 : (_data$disConnectionDe2 = _data$disConnectionDe[0]) === null || _data$disConnectionDe2 === void 0 ? void 0 : _data$disConnectionDe2.disConnectionReason) || "",
1720
1760
  _temp4 = (data === null || data === void 0 ? void 0 : (_data$disConnectionDe3 = data.disConnectionDetails) === null || _data$disConnectionDe3 === void 0 ? void 0 : (_data$disConnectionDe4 = _data$disConnectionDe3[0]) === null || _data$disConnectionDe4 === void 0 ? void 0 : _data$disConnectionDe4.disConnectionType) == "TEMPORARY" ? true : false,
@@ -1771,11 +1811,15 @@ const convertModifyApplicationDetails = function (data, appData, actionData) {
1771
1811
  var _data$activationDetai5, _data$activationDetai6, _data$activationDetai7, _data$activationDetai8;
1772
1812
  function _temp9() {
1773
1813
  function _temp7() {
1774
- var _data$DocumentsRequir3, _data$DocumentsRequir4, _data$DocumentsRequir5, _data$ConnectionHolde87, _data$ConnectionHolde88, _Digit$UserService$ge12, _Digit$UserService$ge13, _Digit$UserService$ge14, _data$DocumentsRequir6, _data$cpt33;
1814
+ var _data$DocumentsRequir3, _data$DocumentsRequir4, _data$DocumentsRequir5, _appData$applicationD9, _data$ConnectionHolde87, _data$ConnectionHolde88, _Digit$UserService$ge12, _Digit$UserService$ge13, _Digit$UserService$ge14, _data$DocumentsRequir6, _data$cpt33;
1775
1815
  if (data !== null && data !== void 0 && (_data$DocumentsRequir3 = data.DocumentsRequired) !== null && _data$DocumentsRequir3 !== void 0 && (_data$DocumentsRequir4 = _data$DocumentsRequir3.documents) !== null && _data$DocumentsRequir4 !== void 0 && _data$DocumentsRequir4.length) formData.documents = data === null || data === void 0 ? void 0 : (_data$DocumentsRequir5 = data.DocumentsRequired) === null || _data$DocumentsRequir5 === void 0 ? void 0 : _data$DocumentsRequir5.documents;else formData.documents = null;
1816
+ const existingDocs = (appData === null || appData === void 0 ? void 0 : (_appData$applicationD9 = appData.applicationData) === null || _appData$applicationD9 === void 0 ? void 0 : _appData$applicationD9.documents) || (appData === null || appData === void 0 ? void 0 : appData.documents) || [];
1817
+ if (formData.documents && formData.documents.length > 0 && existingDocs && existingDocs.length > 0) {
1818
+ formData.documents = mapExistingDocIdsToPayload(formData.documents, existingDocs);
1819
+ }
1776
1820
  if (!(data !== null && data !== void 0 && (_data$ConnectionHolde87 = data.ConnectionHolderDetails) !== null && _data$ConnectionHolde87 !== void 0 && (_data$ConnectionHolde88 = _data$ConnectionHolde87[0]) !== null && _data$ConnectionHolde88 !== void 0 && _data$ConnectionHolde88.sameAsOwnerDetails)) {
1777
- var _appData$applicationD8, _appData$applicationD9, _data$ConnectionHolde89, _data$ConnectionHolde90, _data$ConnectionHolde91, _data$ConnectionHolde92, _data$ConnectionHolde93, _data$ConnectionHolde94, _data$ConnectionHolde95, _data$ConnectionHolde96, _data$ConnectionHolde97, _data$ConnectionHolde98, _data$ConnectionHolde99, _data$ConnectionHolde100, _data$ConnectionHolde101, _data$ConnectionHolde102, _data$ConnectionHolde103, _data$ConnectionHolde104, _data$ConnectionHolde105, _data$ConnectionHolde106, _data$ConnectionHolde107, _data$ConnectionHolde108, _data$ConnectionHolde109, _data$ConnectionHolde110, _data$ConnectionHolde111, _data$ConnectionHolde112, _data$ConnectionHolde113, _data$ConnectionHolde114, _data$ConnectionHolde115;
1778
- formData.connectionHolders = [_extends({}, appData === null || appData === void 0 ? void 0 : (_appData$applicationD8 = appData.applicationData) === null || _appData$applicationD8 === void 0 ? void 0 : (_appData$applicationD9 = _appData$applicationD8.connectionHolders) === null || _appData$applicationD9 === void 0 ? void 0 : _appData$applicationD9[0], {
1821
+ var _appData$applicationD0, _appData$applicationD1, _data$ConnectionHolde89, _data$ConnectionHolde90, _data$ConnectionHolde91, _data$ConnectionHolde92, _data$ConnectionHolde93, _data$ConnectionHolde94, _data$ConnectionHolde95, _data$ConnectionHolde96, _data$ConnectionHolde97, _data$ConnectionHolde98, _data$ConnectionHolde99, _data$ConnectionHolde100, _data$ConnectionHolde101, _data$ConnectionHolde102, _data$ConnectionHolde103, _data$ConnectionHolde104, _data$ConnectionHolde105, _data$ConnectionHolde106, _data$ConnectionHolde107, _data$ConnectionHolde108, _data$ConnectionHolde109, _data$ConnectionHolde110, _data$ConnectionHolde111, _data$ConnectionHolde112, _data$ConnectionHolde113, _data$ConnectionHolde114, _data$ConnectionHolde115;
1822
+ formData.connectionHolders = [_extends({}, appData === null || appData === void 0 ? void 0 : (_appData$applicationD0 = appData.applicationData) === null || _appData$applicationD0 === void 0 ? void 0 : (_appData$applicationD1 = _appData$applicationD0.connectionHolders) === null || _appData$applicationD1 === void 0 ? void 0 : _appData$applicationD1[0], {
1779
1823
  correspondenceAddress: (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde89 = data.ConnectionHolderDetails) === null || _data$ConnectionHolde89 === void 0 ? void 0 : (_data$ConnectionHolde90 = _data$ConnectionHolde89[0]) === null || _data$ConnectionHolde90 === void 0 ? void 0 : _data$ConnectionHolde90.address) || "",
1780
1824
  fatherOrHusbandName: (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde91 = data.ConnectionHolderDetails) === null || _data$ConnectionHolde91 === void 0 ? void 0 : (_data$ConnectionHolde92 = _data$ConnectionHolde91[0]) === null || _data$ConnectionHolde92 === void 0 ? void 0 : _data$ConnectionHolde92.guardian) || "",
1781
1825
  gender: (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde93 = data.ConnectionHolderDetails) === null || _data$ConnectionHolde93 === void 0 ? void 0 : (_data$ConnectionHolde94 = _data$ConnectionHolde93[0]) === null || _data$ConnectionHolde94 === void 0 ? void 0 : (_data$ConnectionHolde95 = _data$ConnectionHolde94.gender) === null || _data$ConnectionHolde95 === void 0 ? void 0 : _data$ConnectionHolde95.code) || "",
@@ -7746,7 +7790,7 @@ var lodash = createCommonjsModule(function (module, exports) {
7746
7790
  });
7747
7791
 
7748
7792
  const WSApplication = _ref => {
7749
- var _user$info, _user$info$userName, _user$info2, _user$info3, _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$applicat5, _application$applicat6, _application$applicat7, _application$connecti, _application$property, _application$property2, _application$property3, _application$property4, _application$property5, _application$property6, _application$applicat8, _application$connecti2, _application$connecti3, _PTData$Properties, _PTData$Properties$, _PTData$Properties$$o, _application$applicat9, _application$applicat0;
7793
+ var _user$info, _user$info$userName, _user$info2, _user$info3, _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$applicat5, _application$applicat6, _application$connecti, _application$property, _application$property2, _application$property3, _application$property4, _application$property5, _application$property6, _application$applicat7, _application$connecti2, _application$connecti3, _PTData$Properties, _PTData$Properties$, _PTData$Properties$$o, _application$applicat8, _application$applicat9;
7750
7794
  let application = _ref.application;
7751
7795
  const _useTranslation = reactI18next.useTranslation(),
7752
7796
  t = _useTranslation.t;
@@ -7777,9 +7821,10 @@ const WSApplication = _ref => {
7777
7821
  privacy: Digit.Utils.getPrivacyObject()
7778
7822
  }),
7779
7823
  PTData = _Digit$Hooks$pt$usePr.data;
7780
- const businessService = application !== null && application !== void 0 && (_application$applicat2 = application.applicationNo) !== null && _application$applicat2 !== void 0 && _application$applicat2.includes("SW") ? application !== null && application !== void 0 && (_application$applicat3 = application.applicationNo) !== null && _application$applicat3 !== void 0 && _application$applicat3.includes("DC") ? "SW" : application !== null && application !== void 0 && (_application$applicat4 = application.applicationNo) !== null && _application$applicat4 !== void 0 && _application$applicat4.includes("MUT") ? "SW.MUTATION" : "SW.ONE_TIME_FEE" : application !== null && application !== void 0 && (_application$applicat5 = application.applicationNo) !== null && _application$applicat5 !== void 0 && _application$applicat5.includes("DC") ? "WS" : application !== null && application !== void 0 && (_application$applicat6 = application.applicationNo) !== null && _application$applicat6 !== void 0 && _application$applicat6.includes("MUT") ? "WS.MUTATION" : "WS.ONE_TIME_FEE";
7824
+ const isMutation = application === null || application === void 0 ? void 0 : (_application$applicat2 = application.applicationType) === null || _application$applicat2 === void 0 ? void 0 : _application$applicat2.includes("MUTATION");
7825
+ const businessService = application !== null && application !== void 0 && (_application$applicat3 = application.applicationNo) !== null && _application$applicat3 !== void 0 && _application$applicat3.includes("SW") ? application !== null && application !== void 0 && (_application$applicat4 = application.applicationNo) !== null && _application$applicat4 !== void 0 && _application$applicat4.includes("DC") ? "SW" : isMutation ? "SW.MUTATION" : "SW.ONE_TIME_FEE" : application !== null && application !== void 0 && (_application$applicat5 = application.applicationNo) !== null && _application$applicat5 !== void 0 && _application$applicat5.includes("DC") ? "WS" : isMutation ? "WS.MUTATION" : "WS.ONE_TIME_FEE";
7781
7826
  const fetchBillParams = {
7782
- consumerCode: application !== null && application !== void 0 && (_application$applicat7 = application.applicationNo) !== null && _application$applicat7 !== void 0 && _application$applicat7.includes("DC") ? application === null || application === void 0 ? void 0 : application.connectionNo : application === null || application === void 0 ? void 0 : application.connectionNo
7827
+ consumerCode: application !== null && application !== void 0 && (_application$applicat6 = application.applicationNo) !== null && _application$applicat6 !== void 0 && _application$applicat6.includes("DC") ? application === null || application === void 0 ? void 0 : application.connectionNo : application === null || application === void 0 ? void 0 : application.connectionNo
7783
7828
  };
7784
7829
  if (isLoading) {
7785
7830
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
@@ -7834,8 +7879,8 @@ const WSApplication = _ref => {
7834
7879
  label: t("WS_VIEW_DETAILS_LABEL")
7835
7880
  })), (application === null || application === void 0 ? void 0 : application.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
7836
7881
  to: {
7837
- pathname: "/digit-ui/citizen/payment/my-bills/" + businessService + "/" + (application !== null && application !== void 0 && (_application$applicat8 = application.applicationNo) !== null && _application$applicat8 !== void 0 && _application$applicat8.includes("DC") ? stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") : stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+")),
7838
- search: "?workflow=WNS&tenantId=" + (application === null || application === void 0 ? void 0 : application.tenantId) + "&ConsumerName=" + ((application === null || application === void 0 ? void 0 : (_application$connecti2 = application.connectionHolders) === null || _application$connecti2 === void 0 ? void 0 : _application$connecti2.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$connecti3 = application.connectionHolders) === null || _application$connecti3 === void 0 ? void 0 : _application$connecti3.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties = PTData.Properties) === null || _PTData$Properties === void 0 ? void 0 : (_PTData$Properties$ = _PTData$Properties[0]) === null || _PTData$Properties$ === void 0 ? void 0 : (_PTData$Properties$$o = _PTData$Properties$.owners) === null || _PTData$Properties$$o === void 0 ? void 0 : _PTData$Properties$$o.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (application !== null && application !== void 0 && (_application$applicat9 = application.applicationNo) !== null && _application$applicat9 !== void 0 && _application$applicat9.includes("DC") ? true : false) + "&consumerCode=" + (application !== null && application !== void 0 && (_application$applicat0 = application.applicationNo) !== null && _application$applicat0 !== void 0 && _application$applicat0.includes("DC") ? application === null || application === void 0 ? void 0 : application.connectionNo : application === null || application === void 0 ? void 0 : application.applicationNo),
7882
+ pathname: "/digit-ui/citizen/payment/my-bills/" + businessService + "/" + (application !== null && application !== void 0 && (_application$applicat7 = application.applicationNo) !== null && _application$applicat7 !== void 0 && _application$applicat7.includes("DC") ? stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") : stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+")),
7883
+ search: "?workflow=WNS&tenantId=" + (application === null || application === void 0 ? void 0 : application.tenantId) + "&ConsumerName=" + ((application === null || application === void 0 ? void 0 : (_application$connecti2 = application.connectionHolders) === null || _application$connecti2 === void 0 ? void 0 : _application$connecti2.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$connecti3 = application.connectionHolders) === null || _application$connecti3 === void 0 ? void 0 : _application$connecti3.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties = PTData.Properties) === null || _PTData$Properties === void 0 ? void 0 : (_PTData$Properties$ = _PTData$Properties[0]) === null || _PTData$Properties$ === void 0 ? void 0 : (_PTData$Properties$$o = _PTData$Properties$.owners) === null || _PTData$Properties$$o === void 0 ? void 0 : _PTData$Properties$$o.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (application !== null && application !== void 0 && (_application$applicat8 = application.applicationNo) !== null && _application$applicat8 !== void 0 && _application$applicat8.includes("DC") ? true : false) + "&consumerCode=" + (application !== null && application !== void 0 && (_application$applicat9 = application.applicationNo) !== null && _application$applicat9 !== void 0 && _application$applicat9.includes("DC") ? application === null || application === void 0 ? void 0 : application.connectionNo : application === null || application === void 0 ? void 0 : application.applicationNo),
7839
7884
  state: {}
7840
7885
  }
7841
7886
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -8038,15 +8083,17 @@ const WSMyApplications = () => {
8038
8083
  Header: t("MAKE_PAYMENT"),
8039
8084
  disableSortBy: true,
8040
8085
  Cell: _ref8 => {
8041
- var _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$connecti, _application$connecti2, _application$property, _application$property2, _application$applicat5;
8086
+ var _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$applicat5, _application$connecti, _application$property, _application$property2, _application$applicat6, _application$applicat7;
8042
8087
  let row = _ref8.row;
8043
8088
  const application = row.original;
8044
- const businessService = application !== null && application !== void 0 && (_application$applicat = application.applicationNo) !== null && _application$applicat !== void 0 && _application$applicat.includes("SW") ? application !== null && application !== void 0 && (_application$applicat2 = application.applicationNo) !== null && _application$applicat2 !== void 0 && _application$applicat2.includes("DC") ? "SW" : "SW.ONE_TIME_FEE" : application !== null && application !== void 0 && (_application$applicat3 = application.applicationNo) !== null && _application$applicat3 !== void 0 && _application$applicat3.includes("DC") ? "WS" : "WS.ONE_TIME_FEE";
8089
+ const isMutation = application === null || application === void 0 ? void 0 : (_application$applicat = application.applicationType) === null || _application$applicat === void 0 ? void 0 : _application$applicat.includes("MUTATION");
8090
+ const businessService = application !== null && application !== void 0 && (_application$applicat2 = application.applicationNo) !== null && _application$applicat2 !== void 0 && _application$applicat2.includes("SW") ? application !== null && application !== void 0 && (_application$applicat3 = application.applicationNo) !== null && _application$applicat3 !== void 0 && _application$applicat3.includes("DC") ? "SW" : isMutation ? "SW.MUTATION" : "SW.ONE_TIME_FEE" : application !== null && application !== void 0 && (_application$applicat4 = application.applicationNo) !== null && _application$applicat4 !== void 0 && _application$applicat4.includes("DC") ? "WS" : isMutation ? "WS.MUTATION" : "WS.ONE_TIME_FEE";
8045
8091
  return (application === null || application === void 0 ? void 0 : application.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React__default.createElement("span", {
8046
8092
  className: "link"
8047
8093
  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
8048
8094
  to: {
8049
- pathname: "/digit-ui/citizen/payment/my-bills/" + businessService + "/" + (application !== null && application !== void 0 && (_application$applicat4 = application.applicationNo) !== null && _application$applicat4 !== void 0 && _application$applicat4.includes("DC") ? stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") : stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+")) + "?workflow=WNS&tenantId=" + (application === null || application === void 0 ? void 0 : application.tenantId) + "&ConsumerName=" + ((application === null || application === void 0 ? void 0 : (_application$connecti = application.connectionHolders) === null || _application$connecti === void 0 ? void 0 : _application$connecti.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$connecti2 = application.connectionHolders) === null || _application$connecti2 === void 0 ? void 0 : _application$connecti2.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$property = application.property) === null || _application$property === void 0 ? void 0 : (_application$property2 = _application$property.owners) === null || _application$property2 === void 0 ? void 0 : _application$property2.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (application !== null && application !== void 0 && (_application$applicat5 = application.applicationNo) !== null && _application$applicat5 !== void 0 && _application$applicat5.includes("DC") ? true : false),
8095
+ pathname: "/digit-ui/citizen/payment/my-bills/" + businessService + "/" + (application !== null && application !== void 0 && (_application$applicat5 = application.applicationNo) !== null && _application$applicat5 !== void 0 && _application$applicat5.includes("DC") ? stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") : stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+")),
8096
+ search: "?workflow=WNS&tenantId=" + (application === null || application === void 0 ? void 0 : application.tenantId) + "&ConsumerName=" + ((application === null || application === void 0 ? void 0 : (_application$connecti = application.connectionHolders) === null || _application$connecti === void 0 ? void 0 : _application$connecti.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$property = application.property) === null || _application$property === void 0 ? void 0 : (_application$property2 = _application$property.owners) === null || _application$property2 === void 0 ? void 0 : _application$property2.map(owner => owner.name).join(","))) + "&isDisoconnectFlow=" + (application !== null && application !== void 0 && (_application$applicat6 = application.applicationNo) !== null && _application$applicat6 !== void 0 && _application$applicat6.includes("DC") ? true : false) + "&consumerCode=" + (application !== null && application !== void 0 && (_application$applicat7 = application.applicationNo) !== null && _application$applicat7 !== void 0 && _application$applicat7.includes("DC") ? application === null || application === void 0 ? void 0 : application.connectionNo : application === null || application === void 0 ? void 0 : application.applicationNo),
8050
8097
  state: {
8051
8098
  fromMyApplications: true
8052
8099
  }
@@ -11271,7 +11318,9 @@ const App$1 = _ref2 => {
11271
11318
  component: WSEditApplicationByConfig
11272
11319
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11273
11320
  path: path + "/disconnection-details",
11274
- component: WSGetDisconnectionDetails
11321
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
11322
+ layoutClass: "action"
11323
+ }, /*#__PURE__*/React__default.createElement(WSGetDisconnectionDetails, null))
11275
11324
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11276
11325
  path: path + "/water/bill-amendment/inbox",
11277
11326
  component: props => /*#__PURE__*/React__default.createElement(WSBillIAmendMentInbox, _extends({}, props, {
@@ -18201,6 +18250,7 @@ function SelectDocument(_ref2) {
18201
18250
  fileStoreId: uploadedFile,
18202
18251
  fileName: (file === null || file === void 0 ? void 0 : file.name) || (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileName) || "",
18203
18252
  documentUid: documentUid,
18253
+ documentNumber: documentUid,
18204
18254
  i18nKey: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
18205
18255
  id: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.id,
18206
18256
  status: "ACTIVE"
@@ -21115,22 +21165,18 @@ const WSDisconnectionForm = _ref => {
21115
21165
  config: config,
21116
21166
  onSelect: handleSubmit,
21117
21167
  onSkip: onSkip,
21118
- t: t
21119
- }, /*#__PURE__*/React__default.createElement("div", {
21120
- style: {
21121
- padding: "0px 10px 10px 10px"
21122
- }
21123
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, isReSubmit ? t("RESUBMIT_DISCONNECTION_FORM") : t("WS_APPLICATION_FORM")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
21168
+ t: t,
21169
+ title: isReSubmit ? t("RESUBMIT_DISCONNECTION_FORM") : t("WS_APPLICATION_FORM")
21170
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
21124
21171
  key: t("PDF_STATIC_LABEL_CONSUMER_NUMBER_LABEL"),
21125
21172
  label: "" + t("PDF_STATIC_LABEL_CONSUMER_NUMBER_LABEL"),
21126
21173
  text: applicationData === null || applicationData === void 0 ? void 0 : applicationData.connectionNo,
21127
21174
  className: "border-none"
21128
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21129
- className: "card-label-smaller",
21130
- style: {
21131
- display: "inline"
21132
- }
21133
- }, t("WS_DISCONNECTION_TYPE") + "*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, {
21175
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21176
+ className: "card-label-smaller"
21177
+ }, t("WS_DISCONNECTION_TYPE") + "*"), /*#__PURE__*/React__default.createElement("div", {
21178
+ className: "field"
21179
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, {
21134
21180
  t: t,
21135
21181
  options: disconnectionTypeList,
21136
21182
  optionsKey: "i18nKey",
@@ -21145,11 +21191,8 @@ const WSDisconnectionForm = _ref => {
21145
21191
  inputStyle: isMobile ? {
21146
21192
  marginLeft: "unset"
21147
21193
  } : {}
21148
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21149
- className: "card-label-smaller",
21150
- style: {
21151
- display: "inline"
21152
- }
21194
+ }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21195
+ className: "card-label-smaller"
21153
21196
  }, t("WS_DISCONNECTION_PROPOSED_DATE") + "*", /*#__PURE__*/React__default.createElement("div", {
21154
21197
  className: "tooltip",
21155
21198
  style: {
@@ -21171,11 +21214,8 @@ const WSDisconnectionForm = _ref => {
21171
21214
  date: date
21172
21215
  }));
21173
21216
  }
21174
- })), ((_disconnectionData$ty4 = disconnectionData.type) === null || _disconnectionData$ty4 === void 0 ? void 0 : (_disconnectionData$ty5 = _disconnectionData$ty4.value) === null || _disconnectionData$ty5 === void 0 ? void 0 : _disconnectionData$ty5.code) === "Temporary" ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21175
- className: "card-label-smaller",
21176
- style: {
21177
- display: "inline"
21178
- }
21217
+ }))), ((_disconnectionData$ty4 = disconnectionData.type) === null || _disconnectionData$ty4 === void 0 ? void 0 : (_disconnectionData$ty5 = _disconnectionData$ty4.value) === null || _disconnectionData$ty5 === void 0 ? void 0 : _disconnectionData$ty5.code) === "Temporary" ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21218
+ className: "card-label-smaller"
21179
21219
  }, t("WS_DISCONNECTION_PROPOSED_END_DATE") + "*", /*#__PURE__*/React__default.createElement("div", {
21180
21220
  className: "tooltip",
21181
21221
  style: {
@@ -21198,11 +21238,10 @@ const WSDisconnectionForm = _ref => {
21198
21238
  }));
21199
21239
  }
21200
21240
  }))) : "", /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21201
- className: "card-label-smaller",
21202
- style: {
21203
- display: "inline"
21204
- }
21205
- }, t("WS_DISCONNECTION_REASON") + "*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
21241
+ className: "card-label-smaller"
21242
+ }, t("WS_DISCONNECTION_REASON") + "*"), /*#__PURE__*/React__default.createElement("div", {
21243
+ className: "field"
21244
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
21206
21245
  option: disconnectionReasonList,
21207
21246
  isMandatory: false,
21208
21247
  optionKey: "i18nKey",
@@ -21215,7 +21254,14 @@ const WSDisconnectionForm = _ref => {
21215
21254
  code: "reason",
21216
21255
  value: e
21217
21256
  })
21218
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
21257
+ }))), /*#__PURE__*/React__default.createElement("div", {
21258
+ style: {
21259
+ display: "flex",
21260
+ justifyContent: "flex-end",
21261
+ width: "100%",
21262
+ gridColumn: "1 / -1"
21263
+ }
21264
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
21219
21265
  label: t("CS_COMMON_NEXT"),
21220
21266
  onSubmit: () => {
21221
21267
  var _disconnectionData$ty6, _disconnectionData$ty7;
@@ -21243,11 +21289,11 @@ const WSDisconnectionForm = _ref => {
21243
21289
  }
21244
21290
  },
21245
21291
  disabled: (disconnectionData === null || disconnectionData === void 0 ? void 0 : (_disconnectionData$re5 = disconnectionData.reason) === null || _disconnectionData$re5 === void 0 ? void 0 : _disconnectionData$re5.value) === "" || (disconnectionData === null || disconnectionData === void 0 ? void 0 : disconnectionData.reason) === "" || (disconnectionData === null || disconnectionData === void 0 ? void 0 : disconnectionData.date) === "" || (disconnectionData === null || disconnectionData === void 0 ? void 0 : disconnectionData.type) === "" ? true : false
21246
- }), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
21292
+ })), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
21247
21293
  error: (error === null || error === void 0 ? void 0 : error.key) === "error" ? true : false,
21248
21294
  label: t(error === null || error === void 0 ? void 0 : error.message),
21249
21295
  onClose: () => setError(null)
21250
- })))));
21296
+ }))));
21251
21297
  }
21252
21298
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
21253
21299
  config: config,
@@ -22008,7 +22054,7 @@ function WSDisconnectionDocumentsForm(_ref) {
22008
22054
  t: t,
22009
22055
  config: config,
22010
22056
  onSelect: handleSubmit
22011
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("WS_DISCONNECTION_UPLOAD_DOCUMENTS")), wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((document, index) => {
22057
+ }, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((document, index) => {
22012
22058
  return /*#__PURE__*/React__default.createElement(SelectDocument$2, {
22013
22059
  key: index,
22014
22060
  document: document,
@@ -22019,20 +22065,28 @@ function WSDisconnectionDocumentsForm(_ref) {
22019
22065
  documents: documents,
22020
22066
  setCheckRequiredFields: setCheckRequiredFields
22021
22067
  });
22022
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
22068
+ }), /*#__PURE__*/React__default.createElement("div", {
22069
+ style: {
22070
+ display: "flex",
22071
+ justifyContent: "flex-end",
22072
+ width: "100%",
22073
+ gridColumn: "1 / -1",
22074
+ marginTop: "1rem"
22075
+ }
22076
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
22023
22077
  label: t("CS_COMMON_NEXT"),
22024
22078
  onSubmit: () => {
22025
22079
  history.push(match.path.replace("documents-upload", "check"));
22026
22080
  },
22027
22081
  disabled: documents.length < 2 ? true : false
22028
- }), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
22082
+ })), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
22029
22083
  error: (error === null || error === void 0 ? void 0 : error.key) === "error" ? true : false,
22030
22084
  label: t(error === null || error === void 0 ? void 0 : error.message),
22031
22085
  onClose: () => setError(null)
22032
22086
  })));
22033
22087
  }
22034
22088
  function SelectDocument$2(_ref2) {
22035
- var _doc$dropdownData;
22089
+ var _doc$dropdownData, _selectedDocument$cod2, _selectedDocument$cod3, _selectedDocument$cod4, _selectedDocument$cod5, _selectedDocument$cod6, _selectedDocument$cod7, _selectedDocument$cod8, _selectedDocument$cod9, _selectedDocument$cod0, _selectedDocument$cod1, _selectedDocument$cod10, _selectedDocument$cod11, _selectedDocument$cod12, _selectedDocument$cod13, _selectedDocument$cod14, _selectedDocument$cod15;
22036
22090
  let t = _ref2.t,
22037
22091
  key = _ref2.key,
22038
22092
  doc = _ref2.document,
@@ -22059,6 +22113,32 @@ function SelectDocument$2(_ref2) {
22059
22113
  const _useState6 = React.useState(() => (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileStoreId) || null),
22060
22114
  uploadedFile = _useState6[0],
22061
22115
  setUploadedFile = _useState6[1];
22116
+ const _useState7 = React.useState(() => filteredDocument !== null && filteredDocument !== void 0 && filteredDocument.documentUid && (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.documentUid) !== (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileStoreId) ? filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.documentUid : ""),
22117
+ documentNumber = _useState7[0],
22118
+ setDocumentNumber = _useState7[1];
22119
+ const _useState8 = React.useState(null),
22120
+ docNumberError = _useState8[0],
22121
+ setDocNumberError = _useState8[1];
22122
+ const validateDocumentNumber = (value, docTypeCode, isReq, hasFile) => {
22123
+ if (!isReq && !hasFile && (!value || !value.trim())) return null;
22124
+ if (!value || !value.trim()) return t("WS_DOCUMENT_NUMBER_REQUIRED") || "Document number is required";
22125
+ const trimmed = value.trim();
22126
+ const upperCode = (docTypeCode || "").toUpperCase();
22127
+ if (upperCode.includes("AADHAAR") || upperCode.includes("AADHAR")) {
22128
+ if (!/^\d{12}$/.test(trimmed)) return t("WS_AADHAAR_VALIDATION_ERROR") || "Aadhaar number must be exactly 12 digits";
22129
+ } else if (upperCode.includes("PAN")) {
22130
+ if (!/^[A-Z]{5}[0-9]{4}[A-Z]{1}$/.test(trimmed.toUpperCase())) return t("WS_PAN_VALIDATION_ERROR") || "PAN must be in format ABCDE1234F";
22131
+ } else if (upperCode.includes("VOTER") || upperCode.includes("VOTERID")) {
22132
+ if (!/^[A-Z]{3}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_VOTERID_VALIDATION_ERROR") || "Voter ID must be in format ABC1234567";
22133
+ } else if (upperCode.includes("DRIVING") || upperCode.includes("DRVLC")) {
22134
+ if (!/^[A-Z]{2}\d{13}$/.test(trimmed.toUpperCase())) return t("WS_DRIVING_LICENSE_VALIDATION_ERROR") || "Driving License must be 15 characters (e.g. MH1420110012345)";
22135
+ } else if (upperCode.includes("PASSPORT")) {
22136
+ if (!/^[A-Z]{1}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_PASSPORT_VALIDATION_ERROR") || "Passport must be 8 characters (e.g. A1234567)";
22137
+ } else {
22138
+ if (trimmed.length < 3) return t("WS_DOC_NO_MIN_LENGTH") || "Document number must be at least 3 characters";
22139
+ }
22140
+ return null;
22141
+ };
22062
22142
  const handleSelectDocument = value => setSelectedDocument(value);
22063
22143
  function selectfile(e) {
22064
22144
  setFile(e.target.files[0]);
@@ -22069,18 +22149,24 @@ function SelectDocument$2(_ref2) {
22069
22149
  const filteredDocumentsByDocumentType = prev === null || prev === void 0 ? void 0 : prev.filter(item => (item === null || item === void 0 ? void 0 : item.documentType) !== (selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code));
22070
22150
  if ((uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.length) === 0 || uploadedFile === null) return filteredDocumentsByDocumentType;
22071
22151
  const filteredDocumentsByFileStoreId = filteredDocumentsByDocumentType === null || filteredDocumentsByDocumentType === void 0 ? void 0 : filteredDocumentsByDocumentType.filter(item => (item === null || item === void 0 ? void 0 : item.fileStoreId) !== uploadedFile);
22152
+ const err = validateDocumentNumber(documentNumber, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, true, !!uploadedFile);
22153
+ setDocNumberError(err);
22154
+ if (err) {
22155
+ return filteredDocumentsByFileStoreId;
22156
+ }
22072
22157
  return [...filteredDocumentsByFileStoreId, {
22073
22158
  documentType: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
22074
22159
  fileStoreId: uploadedFile,
22075
22160
  id: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.id,
22076
22161
  i18nKey: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
22077
- documentUid: selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.documentUid ? selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.documentUid : uploadedFile,
22162
+ documentUid: documentNumber ? documentNumber : selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.documentUid ? selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.documentUid : uploadedFile,
22163
+ documentNumber: documentNumber ? documentNumber : selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.documentNumber ? selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.documentNumber : "",
22078
22164
  fileName: (file === null || file === void 0 ? void 0 : file.name) || "",
22079
22165
  status: "ACTIVE"
22080
22166
  }];
22081
22167
  });
22082
22168
  }
22083
- }, [uploadedFile, selectedDocument]);
22169
+ }, [uploadedFile, selectedDocument, documentNumber]);
22084
22170
  React.useEffect(() => {
22085
22171
  (function () {
22086
22172
  try {
@@ -22128,27 +22214,109 @@ function SelectDocument$2(_ref2) {
22128
22214
  }, [file]);
22129
22215
  return /*#__PURE__*/React__default.createElement("div", {
22130
22216
  style: {
22131
- marginBottom: "24px"
22217
+ gridColumn: "span 2",
22218
+ display: "grid",
22219
+ gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
22220
+ gap: "20px",
22221
+ width: "100%",
22222
+ marginBottom: "20px"
22132
22223
  }
22133
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
22224
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
22225
+ className: "card-label-smaller",
22226
+ style: {
22227
+ marginBottom: "8px"
22228
+ }
22229
+ }, t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
22134
22230
  t: t,
22135
22231
  isMandatory: false,
22136
22232
  option: doc === null || doc === void 0 ? void 0 : doc.dropdownData,
22137
22233
  selected: selectedDocument,
22138
22234
  optionKey: "i18nKey",
22139
22235
  select: handleSelectDocument
22140
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
22236
+ })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
22237
+ className: "card-label-smaller",
22238
+ style: {
22239
+ marginBottom: "8px"
22240
+ }
22241
+ }, t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + " Document Number"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
22242
+ type: "text",
22243
+ value: documentNumber,
22244
+ onChange: e => {
22245
+ var _selectedDocument$cod;
22246
+ let val = e.target.value;
22247
+ const upperCode = (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod = selectedDocument.code) === null || _selectedDocument$cod === void 0 ? void 0 : _selectedDocument$cod.toUpperCase()) || "";
22248
+ const maxLen = upperCode.includes("AADHAAR") || upperCode.includes("AADHAR") ? 12 : upperCode.includes("PAN") ? 10 : upperCode.includes("VOTER") || upperCode.includes("VOTERID") ? 10 : upperCode.includes("DRIVING") || upperCode.includes("DRVLC") ? 15 : upperCode.includes("PASSPORT") ? 8 : 64;
22249
+ if (val.length > maxLen) {
22250
+ val = val.substring(0, maxLen);
22251
+ }
22252
+ setDocumentNumber(val);
22253
+ setDocNumberError(null);
22254
+ },
22255
+ onBlur: () => {
22256
+ setDocNumberError(validateDocumentNumber(documentNumber, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, true, !!uploadedFile));
22257
+ },
22258
+ placeholder: t("WS_DOCUMENT_NO_PLACEHOLDER") || "Enter Document Number",
22259
+ style: docNumberError ? {
22260
+ border: "1px solid #d32f2f"
22261
+ } : {},
22262
+ maxLength: selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod2 = selectedDocument.code) !== null && _selectedDocument$cod2 !== void 0 && _selectedDocument$cod2.toUpperCase().includes("AADHAAR") || selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod3 = selectedDocument.code) !== null && _selectedDocument$cod3 !== void 0 && _selectedDocument$cod3.toUpperCase().includes("AADHAR") ? 12 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod4 = selectedDocument.code) !== null && _selectedDocument$cod4 !== void 0 && _selectedDocument$cod4.toUpperCase().includes("PAN") ? 10 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod5 = selectedDocument.code) !== null && _selectedDocument$cod5 !== void 0 && _selectedDocument$cod5.toUpperCase().includes("VOTER") || selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod6 = selectedDocument.code) !== null && _selectedDocument$cod6 !== void 0 && _selectedDocument$cod6.toUpperCase().includes("VOTERID") ? 10 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod7 = selectedDocument.code) !== null && _selectedDocument$cod7 !== void 0 && _selectedDocument$cod7.toUpperCase().includes("DRIVING") || selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod8 = selectedDocument.code) !== null && _selectedDocument$cod8 !== void 0 && _selectedDocument$cod8.toUpperCase().includes("DRVLC") ? 15 : selectedDocument !== null && selectedDocument !== void 0 && (_selectedDocument$cod9 = selectedDocument.code) !== null && _selectedDocument$cod9 !== void 0 && _selectedDocument$cod9.toUpperCase().includes("PASSPORT") ? 8 : 64
22263
+ }), docNumberError && /*#__PURE__*/React__default.createElement("div", {
22264
+ style: {
22265
+ fontSize: "12px",
22266
+ color: "#d32f2f",
22267
+ marginTop: "4px"
22268
+ }
22269
+ }, docNumberError), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod0 = selectedDocument.code) === null || _selectedDocument$cod0 === void 0 ? void 0 : _selectedDocument$cod0.toUpperCase().includes("AADHAAR")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod1 = selectedDocument.code) === null || _selectedDocument$cod1 === void 0 ? void 0 : _selectedDocument$cod1.toUpperCase().includes("AADHAR"))) && !docNumberError && /*#__PURE__*/React__default.createElement("div", {
22270
+ style: {
22271
+ fontSize: "11px",
22272
+ color: "#000000",
22273
+ marginTop: "4px"
22274
+ }
22275
+ }, t("WS_AADHAAR_VALIDATION_ERROR") || "Format: 12-digit numeric (e.g. 123456789012)"), (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod10 = selectedDocument.code) === null || _selectedDocument$cod10 === void 0 ? void 0 : _selectedDocument$cod10.toUpperCase().includes("PAN")) && !docNumberError && /*#__PURE__*/React__default.createElement("div", {
22276
+ style: {
22277
+ fontSize: "11px",
22278
+ color: "#000000",
22279
+ marginTop: "4px"
22280
+ }
22281
+ }, t("WS_PAN_VALIDATION_ERROR") || "Format: ABCDE1234F"), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod11 = selectedDocument.code) === null || _selectedDocument$cod11 === void 0 ? void 0 : _selectedDocument$cod11.toUpperCase().includes("VOTER")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod12 = selectedDocument.code) === null || _selectedDocument$cod12 === void 0 ? void 0 : _selectedDocument$cod12.toUpperCase().includes("VOTERID"))) && !docNumberError && /*#__PURE__*/React__default.createElement("div", {
22282
+ style: {
22283
+ fontSize: "11px",
22284
+ color: "#000000",
22285
+ marginTop: "4px"
22286
+ }
22287
+ }, t("WS_VOTERID_VALIDATION_ERROR") || "Format: ABC1234567"), ((selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod13 = selectedDocument.code) === null || _selectedDocument$cod13 === void 0 ? void 0 : _selectedDocument$cod13.toUpperCase().includes("DRIVING")) || (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod14 = selectedDocument.code) === null || _selectedDocument$cod14 === void 0 ? void 0 : _selectedDocument$cod14.toUpperCase().includes("DRVLC"))) && !docNumberError && /*#__PURE__*/React__default.createElement("div", {
22288
+ style: {
22289
+ fontSize: "11px",
22290
+ color: "#000000",
22291
+ marginTop: "4px"
22292
+ }
22293
+ }, t("WS_DRIVING_LICENSE_VALIDATION_ERROR") || "Format: MH1420110012345"), (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod15 = selectedDocument.code) === null || _selectedDocument$cod15 === void 0 ? void 0 : _selectedDocument$cod15.toUpperCase().includes("PASSPORT")) && !docNumberError && /*#__PURE__*/React__default.createElement("div", {
22294
+ style: {
22295
+ fontSize: "11px",
22296
+ color: "#000000",
22297
+ marginTop: "4px"
22298
+ }
22299
+ }, t("WS_PASSPORT_VALIDATION_ERROR") || "Format: A1234567")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
22300
+ className: "card-label-smaller",
22301
+ style: {
22302
+ marginBottom: "8px"
22303
+ }
22304
+ }, "Upload " + t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + " Document*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
22141
22305
  id: "noc-doc-" + key,
22142
22306
  extraStyleName: "propertyCreate",
22143
22307
  accept: "image/*, .pdf, .png, .jpeg, .jpg",
22144
22308
  onUpload: selectfile,
22145
22309
  onDelete: () => {
22310
+ var _doc$dropdownData2;
22146
22311
  setUploadedFile(null);
22312
+ setFile(null);
22313
+ setDocumentNumber("");
22314
+ setSelectedDocument((doc === null || doc === void 0 ? void 0 : (_doc$dropdownData2 = doc.dropdownData) === null || _doc$dropdownData2 === void 0 ? void 0 : _doc$dropdownData2.length) === 1 ? doc === null || doc === void 0 ? void 0 : doc.dropdownData[0] : {});
22147
22315
  setCheckRequiredFields(true);
22148
22316
  },
22149
22317
  message: uploadedFile ? "1 " + t("CS_ACTION_FILEUPLOADED") : t("ES_NO_FILE_SELECTED_LABEL"),
22150
22318
  error: error
22151
- }));
22319
+ })));
22152
22320
  }
22153
22321
 
22154
22322
  const BannerPicker = props => {
@@ -24960,6 +25128,16 @@ const SearchApplication = _ref => {
24960
25128
  }),
24961
25129
  type: "number",
24962
25130
  maxlength: 10
25131
+ })), /*#__PURE__*/React__default.createElement("div", {
25132
+ className: "search-field-wrapper"
25133
+ }, /*#__PURE__*/React__default.createElement("label", null, t("WS_ACK_COMMON_APP_NO_LABEL")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
25134
+ name: "applicationNumber",
25135
+ inputRef: register({
25136
+ pattern: {
25137
+ value: /^[a-zA-Z0-9-_/]*$/,
25138
+ message: t("ERR_INVALID_APPLICATION_NO")
25139
+ }
25140
+ })
24963
25141
  }))), activeTab === t("WS_ADVANCED_SEARCH") && /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchForm, {
24964
25142
  className: "ws-search-form-wrapper formcomposer-section-grid",
24965
25143
  onSubmit: onSubmit,
@@ -25553,6 +25731,16 @@ const SearchWaterConnection = _ref => {
25553
25731
  }),
25554
25732
  type: "number",
25555
25733
  maxlength: 10
25734
+ })), /*#__PURE__*/React__default.createElement("div", {
25735
+ className: "search-field-wrapper"
25736
+ }, /*#__PURE__*/React__default.createElement("label", null, t("WS_MYCONNECTIONS_CONSUMER_NO")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
25737
+ name: "connectionNumber",
25738
+ inputRef: register({
25739
+ pattern: {
25740
+ value: /^[a-zA-Z0-9/-]*$/,
25741
+ message: t("ERR_INVALID_CONSUMER_NO")
25742
+ }
25743
+ })
25556
25744
  }))), activeTab === t("WS_ADVANCED_SEARCH") && /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchForm, {
25557
25745
  className: "ws-search-form-wrapper formcomposer-section-grid",
25558
25746
  onSubmit: onSubmit,
@@ -31035,7 +31223,11 @@ function WSDocument(_ref) {
31035
31223
  style: {
31036
31224
  marginTop: "8px"
31037
31225
  }
31038
- }, t(Code === null || Code === void 0 ? void 0 : Code.split('.').slice(0, 3).join('_'))) : null);
31226
+ }, t(Code === null || Code === void 0 ? void 0 : Code.split('.').slice(0, 3).join('_'))) : null, document !== null && document !== void 0 && document.documentNumber ? /*#__PURE__*/React__default.createElement("p", {
31227
+ style: {
31228
+ marginTop: "8px"
31229
+ }
31230
+ }, document === null || document === void 0 ? void 0 : document.documentNumber) : "N/A");
31039
31231
  }))));
31040
31232
  }
31041
31233
 
@@ -32020,7 +32212,7 @@ const checkForNA$1 = value => {
32020
32212
  return value ? value : "CS_NA";
32021
32213
  };
32022
32214
  const WSApplicationDetails = () => {
32023
- var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$SewerageConnect5, _data$SewerageConnect6, _data$SewerageConnect7, _data$WaterConnection8, _data$WaterConnection9, _data$SewerageConnect8, _data$SewerageConnect9, _data$WaterConnection0, _data$WaterConnection1, _data$SewerageConnect0, _data$SewerageConnect1, _data$WaterConnection10, _data$WaterConnection11, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection12, _data$SewerageConnect12, _PTData$Properties, _PTData$Properties$, _data$WaterConnection13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$WaterConnection17, _data$WaterConnection18, _data$SewerageConnect17, _data$SewerageConnect18, _appDetailsData$appli, _data$WaterConnection37, _data$WaterConnection38, _data$SewerageConnect33, _data$SewerageConnect34, _data$WaterConnection39, _data$WaterConnection40, _data$SewerageConnect35, _data$SewerageConnect36, _data$WaterConnection41, _data$WaterConnection42, _data$SewerageConnect37, _data$SewerageConnect38, _data$WaterConnection43, _data$WaterConnection44, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect58, _data$SewerageConnect59, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect60, _data$SewerageConnect61, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$WaterConnection126, _data$WaterConnection127, _data$SewerageConnect121, _data$SewerageConnect122, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection128, _data$WaterConnection129, _data$SewerageConnect123, _data$SewerageConnect124, _data$WaterConnection130, _data$WaterConnection131, _data$SewerageConnect125, _data$SewerageConnect126, _propertyAddress$zro, _propertyAddress$addi, _propertyAddress$addr, _propertyAddress$addr2, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _propertyAddress$zone3, _propertyAddress$zone4, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$WaterConnection140, _data$WaterConnection141, _data$WaterConnection142, _data$WaterConnection143, _data$WaterConnection144, _data$WaterConnection145, _data$SewerageConnect135, _data$SewerageConnect136, _data$SewerageConnect137, _data$SewerageConnect138, _data$SewerageConnect139, _data$SewerageConnect140, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect141, _data$SewerageConnect142, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$WaterConnection154, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$SewerageConnect149, _data$WaterConnection155, _data$WaterConnection156, _data$SewerageConnect150, _data$SewerageConnect151, _data$WaterConnection157, _data$WaterConnection158, _data$SewerageConnect152, _data$SewerageConnect153, _data$WaterConnection159, _data$WaterConnection160, _data$SewerageConnect154, _data$SewerageConnect155, _data$WaterConnection161, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect156, _data$SewerageConnect157, _data$WaterConnection164, _data$WaterConnection165, _data$SewerageConnect158, _data$SewerageConnect159, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$WaterConnection170, _data$WaterConnection171, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$SewerageConnect168, _data$SewerageConnect169, _data$SewerageConnect170, _data$SewerageConnect171, _data$SewerageConnect172, _data$SewerageConnect173, _data$SewerageConnect174, _data$WaterConnection172, _data$WaterConnection173, _data$WaterConnection174, _data$WaterConnection175, _data$WaterConnection176, _data$WaterConnection177, _data$WaterConnection178, _data$WaterConnection179, _data$WaterConnection180;
32215
+ var _user$info, _user$info$userName, _user$info2, _user$info3, _Digit$SessionStorage, _user$info4, _data$WaterConnection, _data$WaterConnection2, _data$SewerageConnect, _data$SewerageConnect2, _data$WaterConnection3, _data$WaterConnection4, _data$SewerageConnect3, _data$SewerageConnect4, _data$WaterConnection5, _data$WaterConnection6, _data$WaterConnection7, _data$SewerageConnect5, _data$SewerageConnect6, _data$SewerageConnect7, _data$WaterConnection8, _data$WaterConnection9, _data$SewerageConnect8, _data$SewerageConnect9, _data$WaterConnection0, _data$WaterConnection1, _data$SewerageConnect0, _data$SewerageConnect1, _data$WaterConnection10, _data$WaterConnection11, _data$SewerageConnect10, _data$SewerageConnect11, _data$WaterConnection12, _data$SewerageConnect12, _PTData$Properties, _PTData$Properties$, _data$WaterConnection13, _data$WaterConnection14, _data$WaterConnection15, _data$WaterConnection16, _data$SewerageConnect13, _data$SewerageConnect14, _data$SewerageConnect15, _data$SewerageConnect16, _data$WaterConnection17, _data$WaterConnection18, _data$SewerageConnect17, _data$SewerageConnect18, _appDetailsData$appli, _data$WaterConnection37, _data$WaterConnection38, _data$SewerageConnect33, _data$SewerageConnect34, _data$WaterConnection39, _data$WaterConnection40, _data$SewerageConnect35, _data$SewerageConnect36, _data$WaterConnection41, _data$WaterConnection42, _data$SewerageConnect37, _data$SewerageConnect38, _data$WaterConnection43, _data$WaterConnection44, _data$SewerageConnect39, _data$SewerageConnect40, _data$WaterConnection45, _data$WaterConnection46, _data$SewerageConnect41, _data$WaterConnection47, _data$WaterConnection48, _data$SewerageConnect42, _data$SewerageConnect43, _data$WaterConnection49, _data$WaterConnection50, _data$SewerageConnect44, _data$SewerageConnect45, _data$WaterConnection51, _data$WaterConnection52, _data$SewerageConnect46, _data$SewerageConnect47, _data$WaterConnection53, _data$WaterConnection54, _data$SewerageConnect48, _data$SewerageConnect49, _data$WaterConnection55, _data$WaterConnection56, _data$SewerageConnect50, _data$SewerageConnect51, _data$WaterConnection57, _data$WaterConnection58, _data$SewerageConnect52, _data$SewerageConnect53, _data$WaterConnection59, _data$WaterConnection60, _data$SewerageConnect54, _data$SewerageConnect55, _data$WaterConnection61, _data$WaterConnection62, _data$SewerageConnect56, _data$SewerageConnect57, _data$WaterConnection63, _data$WaterConnection64, _data$SewerageConnect58, _data$SewerageConnect59, _data$WaterConnection65, _data$WaterConnection66, _data$SewerageConnect60, _data$SewerageConnect61, _data$WaterConnection67, _data$WaterConnection68, _data$WaterConnection69, _data$WaterConnection70, _data$SewerageConnect62, _data$SewerageConnect63, _data$SewerageConnect64, _data$SewerageConnect65, _connectionDetails$se, _connectionDetails$se2, _connectionDetails$co, _connectionDetails$co2, _connectionDetails$wa, _connectionDetails$wa2, _connectionDetails$ap, _connectionDetails$ap2, _connectionDetails$do, _connectionDetails$do2, _connectionDetails$do3, _connectionDetails$de, _connectionDetails$de2, _data$WaterConnection71, _data$WaterConnection72, _data$WaterConnection73, _data$SewerageConnect66, _data$SewerageConnect67, _data$SewerageConnect68, _data$WaterConnection74, _data$WaterConnection75, _data$WaterConnection76, _data$WaterConnection77, _data$SewerageConnect69, _data$SewerageConnect70, _data$SewerageConnect71, _data$SewerageConnect72, _data$WaterConnection78, _data$WaterConnection79, _data$WaterConnection80, _data$WaterConnection81, _data$SewerageConnect73, _data$SewerageConnect74, _data$SewerageConnect75, _data$SewerageConnect76, _data$WaterConnection82, _data$WaterConnection83, _data$WaterConnection84, _data$WaterConnection85, _data$SewerageConnect77, _data$SewerageConnect78, _data$SewerageConnect79, _data$SewerageConnect80, _data$WaterConnection86, _data$WaterConnection87, _data$WaterConnection88, _data$WaterConnection89, _data$SewerageConnect81, _data$SewerageConnect82, _data$SewerageConnect83, _data$SewerageConnect84, _data$WaterConnection90, _data$WaterConnection91, _data$WaterConnection92, _data$WaterConnection93, _data$SewerageConnect85, _data$SewerageConnect86, _data$SewerageConnect87, _data$SewerageConnect88, _data$WaterConnection94, _data$WaterConnection95, _data$WaterConnection96, _data$WaterConnection97, _data$SewerageConnect89, _data$SewerageConnect90, _data$SewerageConnect91, _data$SewerageConnect92, _data$WaterConnection98, _data$WaterConnection99, _data$WaterConnection100, _data$WaterConnection101, _data$SewerageConnect93, _data$SewerageConnect94, _data$SewerageConnect95, _data$SewerageConnect96, _data$WaterConnection102, _data$WaterConnection103, _data$WaterConnection104, _data$WaterConnection105, _data$SewerageConnect97, _data$SewerageConnect98, _data$SewerageConnect99, _data$SewerageConnect100, _data$WaterConnection106, _data$WaterConnection107, _data$WaterConnection108, _data$WaterConnection109, _data$SewerageConnect101, _data$SewerageConnect102, _data$SewerageConnect103, _data$SewerageConnect104, _data$WaterConnection110, _data$WaterConnection111, _data$WaterConnection112, _data$WaterConnection113, _data$SewerageConnect105, _data$SewerageConnect106, _data$SewerageConnect107, _data$SewerageConnect108, _data$WaterConnection114, _data$WaterConnection115, _data$WaterConnection116, _data$WaterConnection117, _data$SewerageConnect109, _data$SewerageConnect110, _data$SewerageConnect111, _data$SewerageConnect112, _data$WaterConnection118, _data$WaterConnection119, _data$WaterConnection120, _data$WaterConnection121, _data$SewerageConnect113, _data$SewerageConnect114, _data$SewerageConnect115, _data$SewerageConnect116, _data$WaterConnection122, _data$WaterConnection123, _data$WaterConnection124, _data$WaterConnection125, _data$SewerageConnect117, _data$SewerageConnect118, _data$SewerageConnect119, _data$SewerageConnect120, _data$WaterConnection126, _data$WaterConnection127, _data$SewerageConnect121, _data$SewerageConnect122, _PTData$Properties4, _PTData$Properties4$, _PTData$Properties4$$, _PTData$Properties4$$2, _PTData$Properties5, _PTData$Properties5$, _PTData$Properties6, _PTData$Properties6$, _PTData$Properties6$$, _PTData$Properties6$$2, _PTData$Properties7, _PTData$Properties7$, _data$WaterConnection128, _data$WaterConnection129, _data$SewerageConnect123, _data$SewerageConnect124, _data$WaterConnection130, _data$WaterConnection131, _data$SewerageConnect125, _data$SewerageConnect126, _propertyAddress$city, _propertyAddress$city2, _propertyAddress$loca, _propertyAddress$loca2, _propertyAddress$subL, _propertyAddress$subL2, _propertyAddress$asse, _propertyAddress$asse2, _propertyAddress$bloc, _propertyAddress$bloc2, _propertyAddress$ward, _propertyAddress$ward2, _propertyAddress$zone, _propertyAddress$zone2, _propertyAddress$zone3, _propertyAddress$zone4, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _data$WaterConnection132, _data$WaterConnection133, _data$WaterConnection134, _data$WaterConnection135, _data$SewerageConnect127, _data$SewerageConnect128, _data$SewerageConnect129, _data$SewerageConnect130, _data$WaterConnection140, _data$WaterConnection141, _data$WaterConnection142, _data$WaterConnection143, _data$WaterConnection144, _data$WaterConnection145, _data$SewerageConnect135, _data$SewerageConnect136, _data$SewerageConnect137, _data$SewerageConnect138, _data$SewerageConnect139, _data$SewerageConnect140, _paymentDetails$data, _paymentDetails$data$, _paymentDetails$data$2, _paymentDetails$data2, _paymentDetails$data3, _paymentDetails$data4, _data$WaterConnection146, _data$WaterConnection147, _data$SewerageConnect141, _data$SewerageConnect142, _data$WaterConnection148, _data$WaterConnection149, _data$WaterConnection150, _data$SewerageConnect143, _data$SewerageConnect144, _data$SewerageConnect145, _PTData$Properties8, _PTData$Properties8$, _PTData$Properties8$$, _paymentDetails$data5, _paymentDetails$data6, _paymentDetails$data7, _data$WaterConnection151, _data$WaterConnection152, _data$WaterConnection153, _data$WaterConnection154, _data$SewerageConnect146, _data$SewerageConnect147, _data$SewerageConnect148, _data$SewerageConnect149, _data$WaterConnection155, _data$WaterConnection156, _data$SewerageConnect150, _data$SewerageConnect151, _data$WaterConnection157, _data$WaterConnection158, _data$SewerageConnect152, _data$SewerageConnect153, _data$WaterConnection159, _data$WaterConnection160, _data$SewerageConnect154, _data$SewerageConnect155, _data$WaterConnection161, _data$WaterConnection162, _data$WaterConnection163, _data$SewerageConnect156, _data$SewerageConnect157, _data$WaterConnection164, _data$WaterConnection165, _data$SewerageConnect158, _data$SewerageConnect159, _data$WaterConnection166, _data$WaterConnection167, _data$WaterConnection168, _data$WaterConnection169, _data$SewerageConnect160, _data$SewerageConnect161, _data$SewerageConnect162, _data$SewerageConnect163, _data$WaterConnection170, _data$WaterConnection171, _data$SewerageConnect164, _data$SewerageConnect165, _data$SewerageConnect166, _data$SewerageConnect167, _data$SewerageConnect168, _data$SewerageConnect169, _data$SewerageConnect170, _data$SewerageConnect171, _data$SewerageConnect172, _data$SewerageConnect173, _data$SewerageConnect174, _data$WaterConnection172, _data$WaterConnection173, _data$WaterConnection174, _data$WaterConnection175, _data$WaterConnection176, _data$WaterConnection177, _data$WaterConnection178, _data$WaterConnection179, _data$WaterConnection180;
32024
32216
  const getDisconnectionNoticeSearch = function () {
32025
32217
  try {
32026
32218
  var _data$WaterConnection182, _data$WaterConnection183, _data$SewerageConnect176, _data$SewerageConnect177;
@@ -32613,12 +32805,6 @@ const WSApplicationDetails = () => {
32613
32805
  marginBottom: "30px"
32614
32806
  }
32615
32807
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
32616
- label: t("WS_ZRO_LOCATION"),
32617
- text: "" + t(checkForNA$1((propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$zro = propertyAddress.zro) === null || _propertyAddress$zro === void 0 ? void 0 : _propertyAddress$zro.name) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.zro) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.zroLocation) || (additionalDetails === null || additionalDetails === void 0 ? void 0 : additionalDetails.zroLocation) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$addi = propertyAddress.additionalDetails) === null || _propertyAddress$addi === void 0 ? void 0 : _propertyAddress$addi.zroLocation)))
32618
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
32619
- label: t("COMMON_ADDRESS_TYPE"),
32620
- text: "" + t(checkForNA$1((propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$addr = propertyAddress.addressType) === null || _propertyAddress$addr === void 0 ? void 0 : _propertyAddress$addr.i18nKey) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$addr2 = propertyAddress.addressType) === null || _propertyAddress$addr2 === void 0 ? void 0 : _propertyAddress$addr2.code) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.addressType)))
32621
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
32622
32808
  label: t("CORE_COMMON_PROFILE_CITY"),
32623
32809
  text: "" + t(checkForNA$1((propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$city = propertyAddress.city) === null || _propertyAddress$city === void 0 ? void 0 : _propertyAddress$city.name) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : (_propertyAddress$city2 = propertyAddress.city) === null || _propertyAddress$city2 === void 0 ? void 0 : _propertyAddress$city2.code) || (propertyAddress === null || propertyAddress === void 0 ? void 0 : propertyAddress.city)))
32624
32810
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
@@ -35774,19 +35960,7 @@ const CheckPage$1 = () => {
35774
35960
  style: {
35775
35961
  width: "100%"
35776
35962
  }
35777
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, {
35778
- styles: {
35779
- fontSize: "32px"
35780
- }
35781
- }, t("WS_COMMON_SUMMARY")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
35782
- style: {
35783
- paddingRight: "16px"
35784
- }
35785
- }, /*#__PURE__*/React__default.createElement("div", {
35786
- style: {
35787
- display: "inline"
35788
- }
35789
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
35963
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
35790
35964
  styles: {
35791
35965
  fontSize: "28px"
35792
35966
  }
@@ -35804,7 +35978,7 @@ const CheckPage$1 = () => {
35804
35978
  display: "inline"
35805
35979
  },
35806
35980
  onClick: () => routeTo(routeLink + "/application-form")
35807
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35981
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35808
35982
  className: "border-none",
35809
35983
  label: t("WS_DISCONNECTION_CONSUMER_NUMBER"),
35810
35984
  text: value.connectionNo
@@ -35824,15 +35998,7 @@ const CheckPage$1 = () => {
35824
35998
  className: "border-none",
35825
35999
  label: t("WS_DISCONNECTION_REASON"),
35826
36000
  text: t(value.WSDisconnectionForm.reason.value.i18nKey)
35827
- }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
35828
- style: {
35829
- paddingRight: "16px"
35830
- }
35831
- }, /*#__PURE__*/React__default.createElement("div", {
35832
- style: {
35833
- display: "inline"
35834
- }
35835
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
36001
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
35836
36002
  styles: {
35837
36003
  fontSize: "28px"
35838
36004
  }
@@ -35850,11 +36016,15 @@ const CheckPage$1 = () => {
35850
36016
  display: "inline"
35851
36017
  },
35852
36018
  onClick: () => routeTo(routeLink + "/documents-upload")
35853
- })), documents && (documents === null || documents === void 0 ? void 0 : documents.map((doc, index) => {
36019
+ }), documents && (documents === null || documents === void 0 ? void 0 : documents.map((doc, index) => {
35854
36020
  var _doc$documentType;
35855
36021
  return /*#__PURE__*/React__default.createElement("div", {
35856
36022
  key: "doc-" + index
35857
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split('.').slice(0, 2).join('_'))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(WSDocument, {
36023
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, null, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split('.').slice(0, 2).join('_'))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36024
+ className: "border-none",
36025
+ label: t("WS_DOCUMENT_NUMBER"),
36026
+ text: (doc === null || doc === void 0 ? void 0 : doc.documentNumber) || (doc === null || doc === void 0 ? void 0 : doc.documentUid) || t("NA")
36027
+ }), /*#__PURE__*/React__default.createElement(WSDocument, {
35858
36028
  value: {
35859
36029
  documents: value.WSDisconnectionForm
35860
36030
  },
@@ -35870,10 +36040,17 @@ const CheckPage$1 = () => {
35870
36040
  marginBottom: "20px"
35871
36041
  }
35872
36042
  }) : null)));
35873
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
36043
+ })), /*#__PURE__*/React__default.createElement("div", {
36044
+ style: {
36045
+ display: "flex",
36046
+ justifyContent: "flex-end",
36047
+ width: "100%",
36048
+ gridColumn: "1 / -1"
36049
+ }
36050
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
35874
36051
  label: t("CS_COMMON_SUBMIT"),
35875
36052
  onSubmit: () => onSubmit(value === null || value === void 0 ? void 0 : value.WSDisconnectionForm)
35876
- })))));
36053
+ }))))));
35877
36054
  };
35878
36055
 
35879
36056
  const CheckPage$2 = () => {
@@ -45283,7 +45460,7 @@ function PropertyDocuments(_ref) {
45283
45460
  var _pdfFiles$value$fileS;
45284
45461
  const fileUrl = (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0];
45285
45462
  const docSubType = getDocSubType(value === null || value === void 0 ? void 0 : value.documentType);
45286
- const docUid = (value === null || value === void 0 ? void 0 : value.documentUid) || "";
45463
+ const docUid = (value === null || value === void 0 ? void 0 : value.documentNumber) || (value === null || value === void 0 ? void 0 : value.documentUid) || "";
45287
45464
  const isPhoto = value === null || value === void 0 ? void 0 : value.isPhoto;
45288
45465
  let typeLabel = "";
45289
45466
  let numLabel = "";
@@ -46479,6 +46656,7 @@ const RenewPopup = _ref => {
46479
46656
  };
46480
46657
 
46481
46658
  const DueVerification = _ref => {
46659
+ var _window, _window$Digit, _window$Digit$ULBServ, _window2, _window2$Digit, _window2$Digit$Hooks, _window2$Digit$Hooks$;
46482
46660
  let applicationData = _ref.applicationData;
46483
46661
  const _useTranslation = reactI18next.useTranslation(),
46484
46662
  t = _useTranslation.t;
@@ -46547,23 +46725,67 @@ const DueVerification = _ref => {
46547
46725
  setTableData(applicationData.dueVerification);
46548
46726
  }
46549
46727
  }, [applicationData]);
46550
- const handleAdd = () => {
46551
- if (kno) {
46552
- const mockData = {
46553
- kno: kno,
46554
- fullName: "John Doe",
46555
- fullAddress: "123 Main St, New Delhi, Delhi 110001",
46556
- dueAmount: "1500",
46557
- totalAmount: "1500",
46558
- remarks: remarks
46559
- };
46560
- const newTableData = [...tableData, mockData];
46561
- setTableData(newTableData);
46562
- if (applicationData) {
46563
- applicationData.dueVerification = newTableData;
46564
- }
46565
- setKno("");
46566
- setRemarks("");
46728
+ const tenantId = ((_window = window) === null || _window === void 0 ? void 0 : (_window$Digit = _window.Digit) === null || _window$Digit === void 0 ? void 0 : (_window$Digit$ULBServ = _window$Digit.ULBService) === null || _window$Digit$ULBServ === void 0 ? void 0 : _window$Digit$ULBServ.getCurrentTenantId()) || "dl.djb";
46729
+ const _window$Digit$Hooks$w = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Digit = _window2.Digit) === null || _window2$Digit === void 0 ? void 0 : (_window2$Digit$Hooks = _window2$Digit.Hooks) === null || _window2$Digit$Hooks === void 0 ? void 0 : (_window2$Digit$Hooks$ = _window2$Digit$Hooks.ws) === null || _window2$Digit$Hooks$ === void 0 ? void 0 : _window2$Digit$Hooks$.useDueVerification(tenantId),
46730
+ checkDueVerification = _window$Digit$Hooks$w.mutateAsync;
46731
+ const _useState4 = React.useState(null),
46732
+ showToast = _useState4[0],
46733
+ setShowToast = _useState4[1];
46734
+ const handleAdd = function () {
46735
+ try {
46736
+ return Promise.resolve(function () {
46737
+ if (kno) {
46738
+ return _catch(function () {
46739
+ return Promise.resolve(checkDueVerification({
46740
+ DueVerification: {
46741
+ kno: kno
46742
+ }
46743
+ })).then(function (response) {
46744
+ var _response$response, _response$response$da, _response$response2, _response$response2$d, _response$response2$d2;
46745
+ if (response !== null && response !== void 0 && (_response$response = response.response) !== null && _response$response !== void 0 && (_response$response$da = _response$response.data) !== null && _response$response$da !== void 0 && _response$response$da.Errors && (response === null || response === void 0 ? void 0 : (_response$response2 = response.response) === null || _response$response2 === void 0 ? void 0 : (_response$response2$d = _response$response2.data) === null || _response$response2$d === void 0 ? void 0 : (_response$response2$d2 = _response$response2$d.Errors) === null || _response$response2$d2 === void 0 ? void 0 : _response$response2$d2.length) > 0) {
46746
+ setShowToast({
46747
+ isError: true,
46748
+ message: response.response.data.Errors[0].message || t("CS_SOMETHING_WENT_WRONG")
46749
+ });
46750
+ return;
46751
+ }
46752
+ const dueVerifications = Array.isArray(response) ? response : (response === null || response === void 0 ? void 0 : response.DueVerifications) || (response === null || response === void 0 ? void 0 : response.dueVerifications) || (response === null || response === void 0 ? void 0 : response.dueVerification) || [];
46753
+ if (dueVerifications && dueVerifications.length > 0) {
46754
+ const newEntries = dueVerifications.map(dueVerificationData => ({
46755
+ kno: dueVerificationData.kno || kno,
46756
+ fullName: dueVerificationData.fullName || "NA",
46757
+ fullAddress: dueVerificationData.fullAddress || "NA",
46758
+ dueAmount: dueVerificationData.dueAmount || "0",
46759
+ totalAmount: dueVerificationData.totalAmount || "0",
46760
+ remarks: dueVerificationData.remarks || remarks
46761
+ }));
46762
+ const newTableData = [...tableData, ...newEntries];
46763
+ setTableData(newTableData);
46764
+ if (applicationData) {
46765
+ applicationData.dueVerification = newTableData;
46766
+ }
46767
+ setKno("");
46768
+ setRemarks("");
46769
+ } else {
46770
+ var _response$Errors, _response$Errors$;
46771
+ setShowToast({
46772
+ isError: true,
46773
+ message: (response === null || response === void 0 ? void 0 : (_response$Errors = response.Errors) === null || _response$Errors === void 0 ? void 0 : (_response$Errors$ = _response$Errors[0]) === null || _response$Errors$ === void 0 ? void 0 : _response$Errors$.message) || t("CS_NO_DATA_FOUND") || "No data found for this K No."
46774
+ });
46775
+ }
46776
+ });
46777
+ }, function (error) {
46778
+ var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
46779
+ console.error("Error fetching due verification data:", error);
46780
+ setShowToast({
46781
+ isError: true,
46782
+ message: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.message) || (error === null || error === void 0 ? void 0 : error.message) || t("CS_SOMETHING_WENT_WRONG") || "Something went wrong."
46783
+ });
46784
+ });
46785
+ }
46786
+ }());
46787
+ } catch (e) {
46788
+ return Promise.reject(e);
46567
46789
  }
46568
46790
  };
46569
46791
  return /*#__PURE__*/React__default.createElement("div", {
@@ -46599,7 +46821,7 @@ const DueVerification = _ref => {
46599
46821
  color: "red"
46600
46822
  }
46601
46823
  }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
46602
- type: "number",
46824
+ type: "text",
46603
46825
  value: kno,
46604
46826
  onChange: e => setKno(e.target.value),
46605
46827
  style: {
@@ -46636,7 +46858,12 @@ const DueVerification = _ref => {
46636
46858
  isPaginationRequired: true,
46637
46859
  data: tableData,
46638
46860
  columns: columns
46639
- })));
46861
+ })), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
46862
+ error: showToast.isError,
46863
+ label: showToast.message,
46864
+ onClose: () => setShowToast(null),
46865
+ isDleteBtn: true
46866
+ }));
46640
46867
  };
46641
46868
 
46642
46869
  const InspectionInformation = _ref => {
@@ -50687,9 +50914,11 @@ const Step1_SearchConnection = _ref => {
50687
50914
  return Promise.reject(e);
50688
50915
  }
50689
50916
  };
50917
+ const isMobileView = window.innerWidth < 768;
50690
50918
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50691
50919
  style: {
50692
- marginBottom: "20px"
50920
+ marginBottom: "20px",
50921
+ padding: isMobileView ? "12px" : undefined
50693
50922
  }
50694
50923
  }, /*#__PURE__*/React__default.createElement("div", {
50695
50924
  style: {
@@ -50701,19 +50930,23 @@ const Step1_SearchConnection = _ref => {
50701
50930
  }
50702
50931
  }, /*#__PURE__*/React__default.createElement("span", {
50703
50932
  style: {
50704
- fontSize: "24px"
50933
+ fontSize: isMobileView ? "20px" : "24px"
50705
50934
  }
50706
50935
  }, "\uD83D\uDD0D"), /*#__PURE__*/React__default.createElement("h2", {
50707
50936
  style: {
50708
- fontSize: "18px",
50937
+ fontSize: isMobileView ? "16px" : "18px",
50709
50938
  fontWeight: "700",
50710
50939
  margin: 0
50711
50940
  }
50712
- }, "1. Connection Authentication")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, null, "Please enter your K Number to proceed with the mutation application. An OTP will be sent to the registered mobile number."), /*#__PURE__*/React__default.createElement("div", {
50941
+ }, "1. Connection Authentication")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, {
50942
+ style: {
50943
+ fontSize: isMobileView ? "13px" : undefined
50944
+ }
50945
+ }, "Please enter your K Number to proceed with the mutation application. An OTP will be sent to the registered mobile number."), /*#__PURE__*/React__default.createElement("div", {
50713
50946
  style: {
50714
50947
  marginBottom: "24px",
50715
50948
  marginTop: "16px",
50716
- padding: "16px",
50949
+ padding: isMobileView ? "12px" : "16px",
50717
50950
  backgroundColor: "#f9f9f9",
50718
50951
  borderRadius: "8px",
50719
50952
  borderLeft: "4px solid #00497e"
@@ -50725,26 +50958,26 @@ const Step1_SearchConnection = _ref => {
50725
50958
  }, /*#__PURE__*/React__default.createElement("div", {
50726
50959
  style: {
50727
50960
  fontWeight: "bold",
50728
- marginBottom: "8px"
50961
+ marginBottom: "8px",
50962
+ fontSize: isMobileView ? "14px" : undefined
50729
50963
  }
50730
50964
  }, "K Number / Connection ID *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
50731
50965
  value: kNumber,
50732
50966
  onChange: e => setKNumber(e.target.value),
50733
50967
  placeholder: "Enter K Number",
50734
50968
  style: {
50735
- width: "100%",
50736
- maxWidth: "400px"
50969
+ width: "100%"
50737
50970
  }
50738
50971
  })), /*#__PURE__*/React__default.createElement("div", {
50739
50972
  style: {
50740
50973
  display: "flex",
50741
- justifyContent: "flex-end"
50974
+ justifyContent: isMobileView ? "center" : "flex-end"
50742
50975
  }
50743
50976
  }, /*#__PURE__*/React__default.createElement("button", {
50744
50977
  onClick: handleSendOtp,
50745
50978
  disabled: isLoading,
50746
50979
  style: {
50747
- padding: "10px 20px",
50980
+ padding: isMobileView ? "12px 16px" : "10px 20px",
50748
50981
  backgroundColor: "#00497e",
50749
50982
  color: "white",
50750
50983
  border: "none",
@@ -50752,8 +50985,9 @@ const Step1_SearchConnection = _ref => {
50752
50985
  cursor: "pointer",
50753
50986
  fontWeight: "bold",
50754
50987
  opacity: isLoading ? 0.7 : 1,
50755
- width: "100%",
50756
- maxWidth: "200px"
50988
+ width: isMobileView ? "100%" : "auto",
50989
+ maxWidth: isMobileView ? "100%" : "200px",
50990
+ fontSize: isMobileView ? "14px" : undefined
50757
50991
  }
50758
50992
  }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
50759
50993
  error: showToast.key === "error",
@@ -50849,6 +51083,7 @@ const Step1_ExistingConnection = _ref => {
50849
51083
  return Promise.reject(e);
50850
51084
  }
50851
51085
  };
51086
+ const isMobileView = window.innerWidth < 768;
50852
51087
  const infoItemStyle = {
50853
51088
  display: "flex",
50854
51089
  flexDirection: "column",
@@ -50856,11 +51091,12 @@ const Step1_ExistingConnection = _ref => {
50856
51091
  };
50857
51092
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50858
51093
  style: {
50859
- marginBottom: "20px"
51094
+ marginBottom: "20px",
51095
+ padding: isMobileView ? "12px" : undefined
50860
51096
  }
50861
51097
  }, /*#__PURE__*/React__default.createElement("div", {
50862
51098
  style: {
50863
- padding: "12px 16px",
51099
+ padding: isMobileView ? "10px 12px" : "12px 16px",
50864
51100
  backgroundColor: "#fff3cd",
50865
51101
  color: "#856404",
50866
51102
  borderRadius: "8px",
@@ -50872,17 +51108,18 @@ const Step1_ExistingConnection = _ref => {
50872
51108
  }
50873
51109
  }, /*#__PURE__*/React__default.createElement("span", {
50874
51110
  style: {
50875
- fontSize: "18px",
51111
+ fontSize: isMobileView ? "16px" : "18px",
50876
51112
  flexShrink: 0
50877
51113
  }
50878
51114
  }, "\u2139\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50879
51115
  style: {
50880
51116
  fontWeight: "500",
50881
- fontSize: "14px"
51117
+ fontSize: isMobileView ? "12px" : "14px",
51118
+ lineHeight: "1.4"
50882
51119
  }
50883
51120
  }, "Name Change / Mutation is limited to changing the name of the consumer/account holder on the existing water connection. It does not constitute or imply transfer of property ownership.")), missingFields.length > 0 && /*#__PURE__*/React__default.createElement("div", {
50884
51121
  style: {
50885
- padding: "12px 16px",
51122
+ padding: isMobileView ? "10px 12px" : "12px 16px",
50886
51123
  backgroundColor: "#fdecea",
50887
51124
  color: "#611a15",
50888
51125
  borderRadius: "8px",
@@ -50900,7 +51137,7 @@ const Step1_ExistingConnection = _ref => {
50900
51137
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50901
51138
  style: {
50902
51139
  fontWeight: "500",
50903
- fontSize: "14px"
51140
+ fontSize: isMobileView ? "12px" : "14px"
50904
51141
  }
50905
51142
  }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React__default.createElement("div", {
50906
51143
  style: {
@@ -50912,17 +51149,17 @@ const Step1_ExistingConnection = _ref => {
50912
51149
  }
50913
51150
  }, /*#__PURE__*/React__default.createElement("span", {
50914
51151
  style: {
50915
- fontSize: "22px"
51152
+ fontSize: isMobileView ? "20px" : "22px"
50916
51153
  }
50917
51154
  }, "\uD83C\uDFE2"), /*#__PURE__*/React__default.createElement("h2", {
50918
51155
  style: {
50919
- fontSize: "18px",
51156
+ fontSize: isMobileView ? "16px" : "18px",
50920
51157
  fontWeight: "700",
50921
51158
  margin: 0
50922
51159
  }
50923
51160
  }, "2. Existing Consumer Details")), /*#__PURE__*/React__default.createElement("div", {
50924
51161
  style: {
50925
- padding: "16px",
51162
+ padding: isMobileView ? "12px" : "16px",
50926
51163
  backgroundColor: "#f9f9f9",
50927
51164
  borderRadius: "8px",
50928
51165
  borderLeft: "4px solid #00497e"
@@ -50930,95 +51167,103 @@ const Step1_ExistingConnection = _ref => {
50930
51167
  }, /*#__PURE__*/React__default.createElement("div", {
50931
51168
  style: {
50932
51169
  display: "grid",
50933
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50934
- gap: "16px"
51170
+ gridTemplateColumns: isMobileView ? "1fr 1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
51171
+ gap: isMobileView ? "12px" : "16px"
50935
51172
  }
50936
51173
  }, /*#__PURE__*/React__default.createElement("div", {
50937
51174
  style: infoItemStyle
50938
51175
  }, /*#__PURE__*/React__default.createElement("div", {
50939
51176
  style: {
50940
51177
  color: "#555",
50941
- fontSize: "13px",
51178
+ fontSize: isMobileView ? "11px" : "13px",
50942
51179
  marginBottom: "4px"
50943
51180
  }
50944
51181
  }, "Connection Number"), /*#__PURE__*/React__default.createElement("div", {
50945
51182
  style: {
50946
51183
  fontWeight: "bold",
50947
- wordBreak: "break-all"
51184
+ wordBreak: "break-all",
51185
+ fontSize: isMobileView ? "13px" : undefined
50948
51186
  }
50949
51187
  }, connectionNo)), /*#__PURE__*/React__default.createElement("div", {
50950
51188
  style: infoItemStyle
50951
51189
  }, /*#__PURE__*/React__default.createElement("div", {
50952
51190
  style: {
50953
51191
  color: "#555",
50954
- fontSize: "13px",
51192
+ fontSize: isMobileView ? "11px" : "13px",
50955
51193
  marginBottom: "4px"
50956
51194
  }
50957
51195
  }, "Current Owner Name"), /*#__PURE__*/React__default.createElement("div", {
50958
51196
  style: {
50959
51197
  fontWeight: "bold",
50960
- wordBreak: "break-word"
51198
+ wordBreak: "break-word",
51199
+ fontSize: isMobileView ? "13px" : undefined
50961
51200
  }
50962
51201
  }, registeredName)), /*#__PURE__*/React__default.createElement("div", {
50963
- style: infoItemStyle
51202
+ style: _extends({}, infoItemStyle, {
51203
+ gridColumn: isMobileView ? "1 / -1" : undefined
51204
+ })
50964
51205
  }, /*#__PURE__*/React__default.createElement("div", {
50965
51206
  style: {
50966
51207
  color: "#555",
50967
- fontSize: "13px",
51208
+ fontSize: isMobileView ? "11px" : "13px",
50968
51209
  marginBottom: "4px"
50969
51210
  }
50970
51211
  }, "Property Address"), /*#__PURE__*/React__default.createElement("div", {
50971
51212
  style: {
50972
51213
  fontWeight: "bold",
50973
- wordBreak: "break-word"
51214
+ wordBreak: "break-word",
51215
+ fontSize: isMobileView ? "13px" : undefined
50974
51216
  }
50975
51217
  }, formattedAddress)), /*#__PURE__*/React__default.createElement("div", {
50976
51218
  style: infoItemStyle
50977
51219
  }, /*#__PURE__*/React__default.createElement("div", {
50978
51220
  style: {
50979
51221
  color: "#555",
50980
- fontSize: "13px",
51222
+ fontSize: isMobileView ? "11px" : "13px",
50981
51223
  marginBottom: "4px"
50982
51224
  }
50983
51225
  }, "Connection Status"), /*#__PURE__*/React__default.createElement("div", {
50984
51226
  style: {
50985
51227
  fontWeight: "bold",
50986
- color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
51228
+ color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545",
51229
+ fontSize: isMobileView ? "13px" : undefined
50987
51230
  }
50988
51231
  }, connectionStatus)), /*#__PURE__*/React__default.createElement("div", {
50989
51232
  style: infoItemStyle
50990
51233
  }, /*#__PURE__*/React__default.createElement("div", {
50991
51234
  style: {
50992
51235
  color: "#555",
50993
- fontSize: "13px",
51236
+ fontSize: isMobileView ? "11px" : "13px",
50994
51237
  marginBottom: "4px"
50995
51238
  }
50996
51239
  }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
50997
51240
  style: {
50998
51241
  fontWeight: "bold",
50999
- wordBreak: "break-all"
51242
+ wordBreak: "break-all",
51243
+ fontSize: isMobileView ? "13px" : undefined
51000
51244
  }
51001
51245
  }, meterId)), /*#__PURE__*/React__default.createElement("div", {
51002
51246
  style: infoItemStyle
51003
51247
  }, /*#__PURE__*/React__default.createElement("div", {
51004
51248
  style: {
51005
51249
  color: "#555",
51006
- fontSize: "13px",
51250
+ fontSize: isMobileView ? "11px" : "13px",
51007
51251
  marginBottom: "4px"
51008
51252
  }
51009
51253
  }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
51010
51254
  style: {
51011
- fontWeight: "bold"
51255
+ fontWeight: "bold",
51256
+ fontSize: isMobileView ? "13px" : undefined
51012
51257
  }
51013
51258
  }, registeredPhone)))), /*#__PURE__*/React__default.createElement("div", {
51014
51259
  style: {
51015
- marginTop: "24px",
51260
+ marginTop: isMobileView ? "16px" : "24px",
51016
51261
  borderTop: "1px solid #e0e0e0",
51017
51262
  paddingTop: "16px"
51018
51263
  }
51019
51264
  }, /*#__PURE__*/React__default.createElement("h3", {
51020
51265
  style: {
51021
- fontSize: "16px",
51266
+ fontSize: isMobileView ? "14px" : "16px",
51022
51267
  fontWeight: "bold",
51023
51268
  marginBottom: "16px"
51024
51269
  }
@@ -51027,29 +51272,31 @@ const Step1_ExistingConnection = _ref => {
51027
51272
  display: "flex",
51028
51273
  flexDirection: "column",
51029
51274
  gap: "8px",
51030
- maxWidth: "400px",
51031
51275
  marginBottom: "16px"
51032
51276
  }
51033
51277
  }, /*#__PURE__*/React__default.createElement("label", {
51034
51278
  style: {
51035
51279
  fontWeight: "500",
51036
- fontSize: "14px"
51280
+ fontSize: isMobileView ? "13px" : "14px"
51037
51281
  }
51038
51282
  }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
51039
51283
  value: otp,
51040
51284
  onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
51041
51285
  placeholder: "Enter 6-digit OTP",
51042
- maxLength: 6
51286
+ maxLength: 6,
51287
+ style: {
51288
+ width: "100%"
51289
+ }
51043
51290
  })), /*#__PURE__*/React__default.createElement("div", {
51044
51291
  style: {
51045
51292
  display: "flex",
51046
- justifyContent: "flex-end"
51293
+ justifyContent: isMobileView ? "center" : "flex-end"
51047
51294
  }
51048
51295
  }, /*#__PURE__*/React__default.createElement("button", {
51049
51296
  onClick: handleVerifyOtp,
51050
51297
  disabled: isLoading || otp.length < 6,
51051
51298
  style: {
51052
- padding: "10px 20px",
51299
+ padding: isMobileView ? "12px 16px" : "10px 20px",
51053
51300
  backgroundColor: "#00497e",
51054
51301
  color: "white",
51055
51302
  border: "none",
@@ -51057,8 +51304,9 @@ const Step1_ExistingConnection = _ref => {
51057
51304
  cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
51058
51305
  fontWeight: "bold",
51059
51306
  opacity: isLoading || otp.length < 6 ? 0.5 : 1,
51060
- width: "100%",
51061
- maxWidth: "200px"
51307
+ width: isMobileView ? "100%" : "auto",
51308
+ maxWidth: isMobileView ? "100%" : "200px",
51309
+ fontSize: isMobileView ? "14px" : undefined
51062
51310
  }
51063
51311
  }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51064
51312
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
@@ -51127,6 +51375,7 @@ const Step2_NewConsumerDetails = _ref => {
51127
51375
  code: "OTHER",
51128
51376
  i18nKey: "Other"
51129
51377
  }];
51378
+ const isMobileView = window.innerWidth < 768;
51130
51379
  const errorStyle = {
51131
51380
  width: "100%",
51132
51381
  marginLeft: "0px",
@@ -51175,7 +51424,8 @@ const Step2_NewConsumerDetails = _ref => {
51175
51424
  }, "*");
51176
51425
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51177
51426
  style: {
51178
- marginBottom: "20px"
51427
+ marginBottom: "20px",
51428
+ padding: isMobileView ? "12px" : undefined
51179
51429
  }
51180
51430
  }, /*#__PURE__*/React__default.createElement("div", {
51181
51431
  style: {
@@ -51187,17 +51437,17 @@ const Step2_NewConsumerDetails = _ref => {
51187
51437
  }
51188
51438
  }, /*#__PURE__*/React__default.createElement("span", {
51189
51439
  style: {
51190
- fontSize: "22px"
51440
+ fontSize: isMobileView ? "20px" : "22px"
51191
51441
  }
51192
51442
  }, "\uD83D\uDC64"), /*#__PURE__*/React__default.createElement("h2", {
51193
51443
  style: {
51194
- fontSize: "18px",
51444
+ fontSize: isMobileView ? "16px" : "18px",
51195
51445
  fontWeight: "700",
51196
51446
  margin: 0
51197
51447
  }
51198
51448
  }, "2. New Consumer Details.")), Object.keys(errors).length > 0 && /*#__PURE__*/React__default.createElement("div", {
51199
51449
  style: {
51200
- padding: "12px 16px",
51450
+ padding: isMobileView ? "10px 12px" : "12px 16px",
51201
51451
  backgroundColor: "#fdecea",
51202
51452
  color: "#611a15",
51203
51453
  borderRadius: "8px",
@@ -51215,7 +51465,7 @@ const Step2_NewConsumerDetails = _ref => {
51215
51465
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51216
51466
  style: {
51217
51467
  fontWeight: "500",
51218
- fontSize: "14px"
51468
+ fontSize: isMobileView ? "12px" : "14px"
51219
51469
  }
51220
51470
  }, "Please fill in all required fields marked with ", /*#__PURE__*/React__default.createElement("span", {
51221
51471
  style: {
@@ -51227,8 +51477,8 @@ const Step2_NewConsumerDetails = _ref => {
51227
51477
  }, /*#__PURE__*/React__default.createElement("div", {
51228
51478
  style: {
51229
51479
  display: "grid",
51230
- gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51231
- gap: "20px",
51480
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(240px, 1fr))",
51481
+ gap: isMobileView ? "16px" : "20px",
51232
51482
  padding: "8px 0 16px"
51233
51483
  }
51234
51484
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
@@ -51424,13 +51674,13 @@ const Step2_NewConsumerDetails = _ref => {
51424
51674
  }, errors === null || errors === void 0 ? void 0 : (_errors$relationshipW = errors.relationshipWithExistingConsumer) === null || _errors$relationshipW === void 0 ? void 0 : _errors$relationshipW.message))), /*#__PURE__*/React__default.createElement("div", {
51425
51675
  style: {
51426
51676
  display: "flex",
51677
+ flexDirection: isMobileView ? "column" : "row",
51427
51678
  justifyContent: "space-between",
51428
- alignItems: "center",
51679
+ alignItems: isMobileView ? "stretch" : "center",
51429
51680
  marginTop: "24px",
51430
- flexWrap: "wrap",
51431
51681
  gap: "12px"
51432
51682
  }
51433
- }, /*#__PURE__*/React__default.createElement("button", {
51683
+ }, !isMobileView && /*#__PURE__*/React__default.createElement("button", {
51434
51684
  type: "button",
51435
51685
  onClick: onBack,
51436
51686
  style: {
@@ -51444,14 +51694,15 @@ const Step2_NewConsumerDetails = _ref => {
51444
51694
  }, "\u2190 Back"), /*#__PURE__*/React__default.createElement("div", {
51445
51695
  style: {
51446
51696
  display: "flex",
51447
- alignItems: "center",
51448
- gap: "12px",
51449
- flexWrap: "wrap"
51697
+ flexDirection: isMobileView ? "column" : "row",
51698
+ alignItems: isMobileView ? "stretch" : "center",
51699
+ gap: "12px"
51450
51700
  }
51451
51701
  }, /*#__PURE__*/React__default.createElement("span", {
51452
51702
  style: {
51453
51703
  fontSize: "12px",
51454
- color: "#999"
51704
+ color: "#999",
51705
+ textAlign: isMobileView ? "center" : undefined
51455
51706
  }
51456
51707
  }, "Fields marked with ", /*#__PURE__*/React__default.createElement("span", {
51457
51708
  style: {
@@ -51460,15 +51711,30 @@ const Step2_NewConsumerDetails = _ref => {
51460
51711
  }, "*"), " are mandatory"), /*#__PURE__*/React__default.createElement("button", {
51461
51712
  type: "submit",
51462
51713
  style: {
51463
- padding: "10px 20px",
51714
+ padding: isMobileView ? "14px 20px" : "10px 20px",
51464
51715
  backgroundColor: "#00497e",
51465
51716
  color: "white",
51466
51717
  border: "none",
51467
51718
  borderRadius: "4px",
51468
51719
  cursor: "pointer",
51469
- fontWeight: "bold"
51720
+ fontWeight: "bold",
51721
+ width: isMobileView ? "100%" : "auto",
51722
+ fontSize: isMobileView ? "14px" : undefined
51723
+ }
51724
+ }, "Save & Proceed to Documents \u2192")), isMobileView && /*#__PURE__*/React__default.createElement("button", {
51725
+ type: "button",
51726
+ onClick: onBack,
51727
+ style: {
51728
+ padding: "12px 20px",
51729
+ backgroundColor: "#e0e0e0",
51730
+ border: "none",
51731
+ borderRadius: "4px",
51732
+ cursor: "pointer",
51733
+ fontWeight: "bold",
51734
+ width: "100%",
51735
+ fontSize: "14px"
51470
51736
  }
51471
- }, "Save & Proceed to Documents \u2192")))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51737
+ }, "\u2190 Back"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51472
51738
  error: showToast.key === "error",
51473
51739
  warning: showToast.key === "warning",
51474
51740
  label: t(showToast.message),
@@ -51752,6 +52018,7 @@ const Step3_UploadDocuments = _ref => {
51752
52018
  marginTop: "8px",
51753
52019
  transition: "all 0.2s ease"
51754
52020
  });
52021
+ const isMobileView = window.innerWidth < 768;
51755
52022
  const errorTextStyle = {
51756
52023
  fontSize: "12px",
51757
52024
  color: "#d32f2f",
@@ -51772,7 +52039,8 @@ const Step3_UploadDocuments = _ref => {
51772
52039
  const errorCount = Object.keys(fieldErrors).length;
51773
52040
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51774
52041
  style: {
51775
- marginBottom: "20px"
52042
+ marginBottom: "20px",
52043
+ padding: isMobileView ? "12px" : undefined
51776
52044
  }
51777
52045
  }, /*#__PURE__*/React__default.createElement("div", {
51778
52046
  style: {
@@ -51782,23 +52050,24 @@ const Step3_UploadDocuments = _ref => {
51782
52050
  }
51783
52051
  }, /*#__PURE__*/React__default.createElement("span", {
51784
52052
  style: {
51785
- fontSize: "24px",
52053
+ fontSize: isMobileView ? "20px" : "24px",
51786
52054
  marginRight: "8px"
51787
52055
  }
51788
52056
  }, "\uD83D\uDCC4"), /*#__PURE__*/React__default.createElement("h2", {
51789
52057
  style: {
51790
- fontSize: "20px",
52058
+ fontSize: isMobileView ? "16px" : "20px",
51791
52059
  fontWeight: "700",
51792
52060
  margin: 0
51793
52061
  }
51794
52062
  }, "3. Upload Verification Documents")), /*#__PURE__*/React__default.createElement("p", {
51795
52063
  style: {
51796
52064
  color: "#666",
51797
- marginBottom: "20px"
52065
+ marginBottom: "20px",
52066
+ fontSize: isMobileView ? "12px" : undefined
51798
52067
  }
51799
52068
  }, "Please upload legible scanned copies or photos (PDF, PNG, JPEG - Max 5MB)."), hasAttemptedSubmit && errorCount > 0 && /*#__PURE__*/React__default.createElement("div", {
51800
52069
  style: {
51801
- padding: "12px 16px",
52070
+ padding: isMobileView ? "10px 12px" : "12px 16px",
51802
52071
  backgroundColor: "#fdecea",
51803
52072
  color: "#611a15",
51804
52073
  borderRadius: "8px",
@@ -51816,13 +52085,13 @@ const Step3_UploadDocuments = _ref => {
51816
52085
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51817
52086
  style: {
51818
52087
  fontWeight: "500",
51819
- fontSize: "14px"
52088
+ fontSize: isMobileView ? "12px" : "14px"
51820
52089
  }
51821
52090
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
51822
52091
  style: {
51823
52092
  display: "grid",
51824
- gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51825
- gap: "24px"
52093
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(280px, 1fr))",
52094
+ gap: isMobileView ? "20px" : "24px"
51826
52095
  }
51827
52096
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
51828
52097
  style: {
@@ -51997,13 +52266,13 @@ const Step3_UploadDocuments = _ref => {
51997
52266
  }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React__default.createElement("div", {
51998
52267
  style: {
51999
52268
  display: "flex",
52269
+ flexDirection: isMobileView ? "column" : "row",
52000
52270
  justifyContent: "space-between",
52001
- alignItems: "center",
52002
- marginTop: "32px",
52003
- flexWrap: "wrap",
52271
+ alignItems: isMobileView ? "stretch" : "center",
52272
+ marginTop: isMobileView ? "24px" : "32px",
52004
52273
  gap: "12px"
52005
52274
  }
52006
- }, /*#__PURE__*/React__default.createElement("button", {
52275
+ }, !isMobileView && /*#__PURE__*/React__default.createElement("button", {
52007
52276
  type: "button",
52008
52277
  onClick: onBack,
52009
52278
  style: {
@@ -52017,29 +52286,45 @@ const Step3_UploadDocuments = _ref => {
52017
52286
  }, "\u2190 Back"), /*#__PURE__*/React__default.createElement("div", {
52018
52287
  style: {
52019
52288
  display: "flex",
52020
- alignItems: "center",
52021
- gap: "12px",
52022
- flexWrap: "wrap"
52289
+ flexDirection: isMobileView ? "column" : "row",
52290
+ alignItems: isMobileView ? "stretch" : "center",
52291
+ gap: "12px"
52023
52292
  }
52024
52293
  }, /*#__PURE__*/React__default.createElement("span", {
52025
52294
  style: {
52026
52295
  fontSize: "12px",
52027
- color: "#999"
52296
+ color: "#999",
52297
+ textAlign: isMobileView ? "center" : undefined
52028
52298
  }
52029
52299
  }, "All documents are mandatory"), /*#__PURE__*/React__default.createElement("button", {
52030
52300
  type: "button",
52031
52301
  onClick: onProceed,
52032
52302
  disabled: isUploading,
52033
52303
  style: {
52034
- padding: "10px 20px",
52304
+ padding: isMobileView ? "14px 20px" : "10px 20px",
52035
52305
  backgroundColor: isUploading ? "#ccc" : "#00497e",
52036
52306
  color: "white",
52037
52307
  border: "none",
52038
52308
  borderRadius: "4px",
52039
52309
  cursor: isUploading ? "not-allowed" : "pointer",
52040
- fontWeight: "bold"
52310
+ fontWeight: "bold",
52311
+ width: isMobileView ? "100%" : "auto",
52312
+ fontSize: isMobileView ? "14px" : undefined
52313
+ }
52314
+ }, isUploading ? "Uploading..." : "Proceed to Preview →")), isMobileView && /*#__PURE__*/React__default.createElement("button", {
52315
+ type: "button",
52316
+ onClick: onBack,
52317
+ style: {
52318
+ padding: "12px 20px",
52319
+ backgroundColor: "#e0e0e0",
52320
+ border: "none",
52321
+ borderRadius: "4px",
52322
+ cursor: "pointer",
52323
+ fontWeight: "bold",
52324
+ width: "100%",
52325
+ fontSize: "14px"
52041
52326
  }
52042
- }, isUploading ? "Uploading..." : "Proceed to Application Preview →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52327
+ }, "\u2190 Back")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52043
52328
  error: showToast.key === "error",
52044
52329
  warning: showToast.key === "warning",
52045
52330
  success: showToast.key === "success",
@@ -52170,24 +52455,25 @@ const Step4_Preview = _ref => {
52170
52455
  };
52171
52456
  calculateStaticFee();
52172
52457
  }, [formData]);
52458
+ const isMobileView = window.innerWidth < 768;
52173
52459
  const sectionStyle = {
52174
52460
  border: "1px solid #e0e0e0",
52175
52461
  borderRadius: "8px",
52176
- padding: "16px",
52462
+ padding: isMobileView ? "12px" : "16px",
52177
52463
  marginBottom: "16px"
52178
52464
  };
52179
52465
  const labelStyle = {
52180
52466
  color: "#666",
52181
- fontSize: "13px",
52467
+ fontSize: isMobileView ? "11px" : "13px",
52182
52468
  marginBottom: "4px"
52183
52469
  };
52184
52470
  const valueStyle = {
52185
52471
  fontWeight: "bold",
52186
- fontSize: "15px",
52472
+ fontSize: isMobileView ? "13px" : "15px",
52187
52473
  wordBreak: "break-word"
52188
52474
  };
52189
52475
  const uploadDocStatusStyle = {
52190
- fontSize: "14px",
52476
+ fontSize: isMobileView ? "12px" : "14px",
52191
52477
  fontWeight: "bold"
52192
52478
  };
52193
52479
  const infoItem = (label, value) => /*#__PURE__*/React__default.createElement("div", {
@@ -52201,7 +52487,8 @@ const Step4_Preview = _ref => {
52201
52487
  }, value));
52202
52488
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
52203
52489
  style: {
52204
- marginBottom: "20px"
52490
+ marginBottom: "20px",
52491
+ padding: isMobileView ? "12px" : undefined
52205
52492
  }
52206
52493
  }, /*#__PURE__*/React__default.createElement("div", {
52207
52494
  style: {
@@ -52213,11 +52500,11 @@ const Step4_Preview = _ref => {
52213
52500
  }
52214
52501
  }, /*#__PURE__*/React__default.createElement("span", {
52215
52502
  style: {
52216
- fontSize: "22px"
52503
+ fontSize: isMobileView ? "20px" : "22px"
52217
52504
  }
52218
52505
  }, "\uD83D\uDCCB"), /*#__PURE__*/React__default.createElement("h2", {
52219
52506
  style: {
52220
- fontSize: "18px",
52507
+ fontSize: isMobileView ? "15px" : "18px",
52221
52508
  fontWeight: "700",
52222
52509
  margin: 0
52223
52510
  }
@@ -52227,7 +52514,7 @@ const Step4_Preview = _ref => {
52227
52514
  })
52228
52515
  }, /*#__PURE__*/React__default.createElement("h3", {
52229
52516
  style: {
52230
- fontSize: "15px",
52517
+ fontSize: isMobileView ? "13px" : "15px",
52231
52518
  fontWeight: "bold",
52232
52519
  color: "#00497e",
52233
52520
  marginBottom: "12px"
@@ -52235,8 +52522,8 @@ const Step4_Preview = _ref => {
52235
52522
  }, "Property & Connection Summary"), /*#__PURE__*/React__default.createElement("div", {
52236
52523
  style: {
52237
52524
  display: "grid",
52238
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52239
- gap: "16px"
52525
+ gridTemplateColumns: isMobileView ? "1fr 1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52526
+ gap: isMobileView ? "12px" : "16px"
52240
52527
  }
52241
52528
  }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React__default.createElement("div", {
52242
52529
  style: _extends({}, sectionStyle, {
@@ -52244,16 +52531,16 @@ const Step4_Preview = _ref => {
52244
52531
  })
52245
52532
  }, /*#__PURE__*/React__default.createElement("h3", {
52246
52533
  style: {
52247
- fontSize: "15px",
52534
+ fontSize: isMobileView ? "13px" : "15px",
52248
52535
  fontWeight: "bold",
52249
52536
  color: "#f29c1f",
52250
52537
  marginBottom: "12px"
52251
52538
  }
52252
- }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React__default.createElement("div", {
52539
+ }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked)"), /*#__PURE__*/React__default.createElement("div", {
52253
52540
  style: {
52254
52541
  display: "grid",
52255
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52256
- gap: "16px",
52542
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52543
+ gap: isMobileView ? "12px" : "16px",
52257
52544
  marginBottom: "12px"
52258
52545
  }
52259
52546
  }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React__default.createElement("div", {
@@ -52262,7 +52549,7 @@ const Step4_Preview = _ref => {
52262
52549
  })
52263
52550
  }, /*#__PURE__*/React__default.createElement("h3", {
52264
52551
  style: {
52265
- fontSize: "15px",
52552
+ fontSize: isMobileView ? "13px" : "15px",
52266
52553
  fontWeight: "bold",
52267
52554
  color: "#00497e",
52268
52555
  marginBottom: "12px"
@@ -52270,8 +52557,8 @@ const Step4_Preview = _ref => {
52270
52557
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React__default.createElement("div", {
52271
52558
  style: {
52272
52559
  display: "grid",
52273
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52274
- gap: "16px"
52560
+ gridTemplateColumns: isMobileView ? "1fr 1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52561
+ gap: isMobileView ? "12px" : "16px"
52275
52562
  }
52276
52563
  }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React__default.createElement("div", {
52277
52564
  style: _extends({}, sectionStyle, {
@@ -52279,7 +52566,7 @@ const Step4_Preview = _ref => {
52279
52566
  })
52280
52567
  }, /*#__PURE__*/React__default.createElement("h3", {
52281
52568
  style: {
52282
- fontSize: "15px",
52569
+ fontSize: isMobileView ? "13px" : "15px",
52283
52570
  fontWeight: "bold",
52284
52571
  color: "#17a2b8",
52285
52572
  marginBottom: "12px"
@@ -52287,8 +52574,8 @@ const Step4_Preview = _ref => {
52287
52574
  }, "Uploaded Documents"), /*#__PURE__*/React__default.createElement("div", {
52288
52575
  style: {
52289
52576
  display: "grid",
52290
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52291
- gap: "16px"
52577
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52578
+ gap: isMobileView ? "12px" : "16px"
52292
52579
  }
52293
52580
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
52294
52581
  style: labelStyle
@@ -52310,7 +52597,7 @@ const Step4_Preview = _ref => {
52310
52597
  border: "none",
52311
52598
  textDecoration: "underline",
52312
52599
  cursor: "pointer",
52313
- fontSize: "14px",
52600
+ fontSize: isMobileView ? "12px" : "14px",
52314
52601
  fontWeight: "bold",
52315
52602
  padding: 0
52316
52603
  }
@@ -52338,7 +52625,7 @@ const Step4_Preview = _ref => {
52338
52625
  border: "none",
52339
52626
  textDecoration: "underline",
52340
52627
  cursor: "pointer",
52341
- fontSize: "14px",
52628
+ fontSize: isMobileView ? "12px" : "14px",
52342
52629
  fontWeight: "bold",
52343
52630
  padding: 0
52344
52631
  }
@@ -52350,7 +52637,7 @@ const Step4_Preview = _ref => {
52350
52637
  })
52351
52638
  }, /*#__PURE__*/React__default.createElement("h3", {
52352
52639
  style: {
52353
- fontSize: "15px",
52640
+ fontSize: isMobileView ? "13px" : "15px",
52354
52641
  fontWeight: "bold",
52355
52642
  color: "#28a745",
52356
52643
  marginBottom: "12px"
@@ -52365,7 +52652,7 @@ const Step4_Preview = _ref => {
52365
52652
  display: "flex",
52366
52653
  justifyContent: "space-between",
52367
52654
  marginBottom: "8px",
52368
- maxWidth: "400px"
52655
+ maxWidth: isMobileView ? "100%" : "400px"
52369
52656
  }
52370
52657
  }, /*#__PURE__*/React__default.createElement("div", {
52371
52658
  style: labelStyle
@@ -52375,13 +52662,13 @@ const Step4_Preview = _ref => {
52375
52662
  style: {
52376
52663
  borderTop: "1px solid #c3e6cb",
52377
52664
  margin: "12px 0",
52378
- maxWidth: "400px"
52665
+ maxWidth: isMobileView ? "100%" : "400px"
52379
52666
  }
52380
52667
  })), /*#__PURE__*/React__default.createElement("div", {
52381
52668
  style: {
52382
52669
  display: "flex",
52383
52670
  justifyContent: "space-between",
52384
- maxWidth: "400px",
52671
+ maxWidth: isMobileView ? "100%" : "400px",
52385
52672
  flexWrap: "wrap",
52386
52673
  gap: "8px"
52387
52674
  }
@@ -52390,7 +52677,7 @@ const Step4_Preview = _ref => {
52390
52677
  }, "Total Amount Payable:"), /*#__PURE__*/React__default.createElement("div", {
52391
52678
  style: _extends({}, valueStyle, {
52392
52679
  color: "#28a745",
52393
- fontSize: "20px"
52680
+ fontSize: isMobileView ? "18px" : "20px"
52394
52681
  })
52395
52682
  }, "\u20B9 ", fee, ".00")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
52396
52683
  style: labelStyle
@@ -52400,14 +52687,14 @@ const Step4_Preview = _ref => {
52400
52687
  backgroundColor: "#d1ecf1",
52401
52688
  color: "#0c5460",
52402
52689
  borderRadius: "16px",
52403
- fontSize: "12px",
52690
+ fontSize: isMobileView ? "10px" : "12px",
52404
52691
  fontWeight: "bold",
52405
52692
  display: "inline-block",
52406
52693
  marginTop: "4px"
52407
52694
  }
52408
52695
  }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React__default.createElement("div", {
52409
52696
  style: {
52410
- padding: "16px",
52697
+ padding: isMobileView ? "12px" : "16px",
52411
52698
  backgroundColor: "#fffbeb",
52412
52699
  border: "1px solid #ffeeba",
52413
52700
  borderRadius: "8px",
@@ -52416,8 +52703,47 @@ const Step4_Preview = _ref => {
52416
52703
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CheckBox, {
52417
52704
  label: "I want to go ahead with submitting this application. I confirm that the details and information provided by me are true and correct to the best of my knowledge.",
52418
52705
  onChange: e => setAgreed(e.target.checked),
52419
- checked: agreed
52420
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement("button", {
52706
+ checked: agreed,
52707
+ style: isMobileView ? {
52708
+ fontSize: "12px"
52709
+ } : undefined
52710
+ })), isMobileView ? /*#__PURE__*/React__default.createElement("div", {
52711
+ style: {
52712
+ display: "flex",
52713
+ flexDirection: "column",
52714
+ gap: "12px",
52715
+ marginBottom: "16px"
52716
+ }
52717
+ }, /*#__PURE__*/React__default.createElement("button", {
52718
+ type: "button",
52719
+ onClick: onSubmit,
52720
+ disabled: !agreed || isLoading,
52721
+ style: {
52722
+ padding: "14px 20px",
52723
+ backgroundColor: !agreed || isLoading ? "#ccc" : "#00497e",
52724
+ color: "white",
52725
+ border: "none",
52726
+ borderRadius: "4px",
52727
+ cursor: !agreed || isLoading ? "not-allowed" : "pointer",
52728
+ fontWeight: "bold",
52729
+ fontSize: "15px",
52730
+ width: "100%",
52731
+ opacity: !agreed || isLoading ? 0.6 : 1
52732
+ }
52733
+ }, isLoading ? "Submitting..." : "Submit Mutation Application"), /*#__PURE__*/React__default.createElement("button", {
52734
+ type: "button",
52735
+ onClick: onBack,
52736
+ style: {
52737
+ padding: "12px 20px",
52738
+ backgroundColor: "#e0e0e0",
52739
+ border: "none",
52740
+ borderRadius: "4px",
52741
+ cursor: "pointer",
52742
+ fontWeight: "bold",
52743
+ width: "100%",
52744
+ fontSize: "14px"
52745
+ }
52746
+ }, "\u2190 Edit Information")) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement("button", {
52421
52747
  type: "button",
52422
52748
  onClick: onBack,
52423
52749
  style: {
@@ -52449,9 +52775,10 @@ const Step5_Submission = _ref => {
52449
52775
  const goHome = () => {
52450
52776
  history.push("/digit-ui/employee");
52451
52777
  };
52778
+ const isMobileView = window.innerWidth < 768;
52452
52779
  return /*#__PURE__*/React__default.createElement("div", {
52453
52780
  style: {
52454
- padding: "16px 0"
52781
+ padding: isMobileView ? "8px 0" : "16px 0"
52455
52782
  }
52456
52783
  }, /*#__PURE__*/React__default.createElement("div", {
52457
52784
  style: {
@@ -52459,18 +52786,18 @@ const Step5_Submission = _ref => {
52459
52786
  border: "1px solid #d4edda",
52460
52787
  borderTop: "4px solid #28a745",
52461
52788
  borderRadius: "8px",
52462
- padding: "20px",
52789
+ padding: isMobileView ? "16px" : "20px",
52463
52790
  display: "flex",
52791
+ flexDirection: isMobileView ? "column" : "row",
52464
52792
  justifyContent: "space-between",
52465
- alignItems: "flex-start",
52466
- flexWrap: "wrap",
52793
+ alignItems: isMobileView ? "stretch" : "flex-start",
52467
52794
  gap: "12px",
52468
52795
  marginBottom: "20px"
52469
52796
  }
52470
52797
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
52471
52798
  style: {
52472
52799
  color: "#28a745",
52473
- fontSize: "18px",
52800
+ fontSize: isMobileView ? "15px" : "18px",
52474
52801
  fontWeight: "bold",
52475
52802
  margin: "0 0 4px",
52476
52803
  display: "flex",
@@ -52478,24 +52805,28 @@ const Step5_Submission = _ref => {
52478
52805
  flexWrap: "wrap",
52479
52806
  gap: "6px"
52480
52807
  }
52481
- }, /*#__PURE__*/React__default.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer !"), /*#__PURE__*/React__default.createElement("div", {
52808
+ }, /*#__PURE__*/React__default.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer!"), /*#__PURE__*/React__default.createElement("div", {
52482
52809
  style: {
52483
52810
  color: "#666",
52484
52811
  marginTop: "4px",
52485
- fontSize: "14px",
52812
+ fontSize: isMobileView ? "13px" : "14px",
52486
52813
  wordBreak: "break-all"
52487
52814
  }
52488
52815
  }, "Your SRN Reference No. is: ", /*#__PURE__*/React__default.createElement("strong", {
52489
52816
  style: {
52490
52817
  color: "#00497e"
52491
52818
  }
52492
- }, applicationNumber))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
52819
+ }, applicationNumber))), /*#__PURE__*/React__default.createElement("div", {
52820
+ style: {
52821
+ alignSelf: isMobileView ? "flex-start" : undefined
52822
+ }
52823
+ }, /*#__PURE__*/React__default.createElement("span", {
52493
52824
  style: {
52494
52825
  padding: "6px 12px",
52495
52826
  backgroundColor: "#fff3cd",
52496
52827
  color: "#856404",
52497
52828
  borderRadius: "16px",
52498
- fontSize: "12px",
52829
+ fontSize: isMobileView ? "11px" : "12px",
52499
52830
  fontWeight: "bold",
52500
52831
  whiteSpace: "nowrap"
52501
52832
  }
@@ -52507,7 +52838,7 @@ const Step5_Submission = _ref => {
52507
52838
  }, /*#__PURE__*/React__default.createElement("button", {
52508
52839
  onClick: goHome,
52509
52840
  style: {
52510
- padding: "12px 28px",
52841
+ padding: isMobileView ? "14px 28px" : "12px 28px",
52511
52842
  backgroundColor: "#00497e",
52512
52843
  color: "white",
52513
52844
  border: "none",
@@ -52515,7 +52846,7 @@ const Step5_Submission = _ref => {
52515
52846
  cursor: "pointer",
52516
52847
  fontWeight: "bold",
52517
52848
  fontSize: "15px",
52518
- width: "100%",
52849
+ width: isMobileView ? "100%" : "auto",
52519
52850
  maxWidth: "280px"
52520
52851
  }
52521
52852
  }, "Go to Home")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
@@ -52527,7 +52858,7 @@ const Step5_Submission = _ref => {
52527
52858
  };
52528
52859
 
52529
52860
  const MutationApplication = () => {
52530
- var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a4, _applicationDetails$a7, _applicationDetails$a8;
52861
+ var _Digit$SessionStorage, _user$info, _state, _user$info2, _user$info2$userName, _user$info3, _user$info4, _details$applicationD, _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a4, _applicationDetails$a8, _applicationDetails$a9;
52531
52862
  const _useTranslation = reactI18next.useTranslation(),
52532
52863
  t = _useTranslation.t;
52533
52864
  let _useLocation = reactRouterDom.useLocation(),
@@ -52779,7 +53110,7 @@ const MutationApplication = () => {
52779
53110
  try {
52780
53111
  setIsSubmitting(true);
52781
53112
  return Promise.resolve(_catch(function () {
52782
- var _finalData$cpt;
53113
+ var _finalData$cpt, _applicationDetails$a5, _applicationDetails$W, _applicationDetails$W2, _applicationDetails$S, _applicationDetails$S2, _details$applicationD2;
52783
53114
  let finalData = _extends({}, sessionFormData);
52784
53115
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
52785
53116
  var _propertyDetails$Prop3;
@@ -52810,7 +53141,9 @@ const MutationApplication = () => {
52810
53141
  })];
52811
53142
  }
52812
53143
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
53144
+ const existingDocs = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.documents) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$W = applicationDetails.WaterConnection) === null || _applicationDetails$W === void 0 ? void 0 : (_applicationDetails$W2 = _applicationDetails$W[0]) === null || _applicationDetails$W2 === void 0 ? void 0 : _applicationDetails$W2.documents) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$S = applicationDetails.SewerageConnections) === null || _applicationDetails$S === void 0 ? void 0 : (_applicationDetails$S2 = _applicationDetails$S[0]) === null || _applicationDetails$S2 === void 0 ? void 0 : _applicationDetails$S2.documents) || (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.documents) || (details === null || details === void 0 ? void 0 : (_details$applicationD2 = details.applicationData) === null || _details$applicationD2 === void 0 ? void 0 : _details$applicationD2.documents) || (details === null || details === void 0 ? void 0 : details.documents) || [];
52813
53145
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
53146
+ var _convertAppData$docum;
52814
53147
  if (!convertAppData.dateEffectiveFrom) {
52815
53148
  convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52816
53149
  }
@@ -52851,16 +53184,22 @@ const MutationApplication = () => {
52851
53184
  convertAppData.additionalDetails.identityProofDocumentId = mutDetails.identityProofDocumentId || "";
52852
53185
  }
52853
53186
  }
53187
+ if ((convertAppData === null || convertAppData === void 0 ? void 0 : (_convertAppData$docum = convertAppData.documents) === null || _convertAppData$docum === void 0 ? void 0 : _convertAppData$docum.length) > 0 && existingDocs.length > 0) {
53188
+ convertAppData.documents = mapExistingDocIdsToPayload(convertAppData.documents, existingDocs);
53189
+ }
52854
53190
  convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52855
53191
  if (isEditFlow) {
52856
- var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
53192
+ var _applicationDetails$a6, _applicationDetails$a7, _updatePayload, _updatePayload$docume, _Digit, _Digit$Customizations, _Digit$Customizations2;
52857
53193
  let updatePayload = _extends({}, convertAppData, {
52858
- id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
53194
+ id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.id,
52859
53195
  applicationNo: editApplicationNumber,
52860
- processInstance: _extends({}, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.processInstance, convertAppData === null || convertAppData === void 0 ? void 0 : convertAppData.processInstance, {
53196
+ processInstance: _extends({}, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.processInstance, convertAppData === null || convertAppData === void 0 ? void 0 : convertAppData.processInstance, {
52861
53197
  action: "RESUBMIT_APPLICATION"
52862
53198
  })
52863
53199
  });
53200
+ if (((_updatePayload = updatePayload) === null || _updatePayload === void 0 ? void 0 : (_updatePayload$docume = _updatePayload.documents) === null || _updatePayload$docume === void 0 ? void 0 : _updatePayload$docume.length) > 0 && existingDocs.length > 0) {
53201
+ updatePayload.documents = mapExistingDocIdsToPayload(updatePayload.documents, existingDocs);
53202
+ }
52864
53203
  if ((_Digit = Digit) !== null && _Digit !== void 0 && (_Digit$Customizations = _Digit.Customizations) !== null && _Digit$Customizations !== void 0 && (_Digit$Customizations2 = _Digit$Customizations.WS) !== null && _Digit$Customizations2 !== void 0 && _Digit$Customizations2.customiseUpdatePayloadOfWS) {
52865
53204
  updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
52866
53205
  }
@@ -52950,7 +53289,7 @@ const MutationApplication = () => {
52950
53289
  message: data.Errors[0].message || "Failed to submit application"
52951
53290
  });
52952
53291
  } else {
52953
- var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
53292
+ var _data$WaterConnection, _data$SewerageConnect, _updatePayload2, _updatePayload2$docum, _Digit2, _Digit2$Customization, _Digit2$Customization2;
52954
53293
  const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52955
53294
  const createdConnection = resolvedServiceType === "WATER" ? data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : _data$WaterConnection[0] : data === null || data === void 0 ? void 0 : (_data$SewerageConnect = data.SewerageConnections) === null || _data$SewerageConnect === void 0 ? void 0 : _data$SewerageConnect[0];
52956
53295
  let updatePayload = _extends({}, createdConnection, {
@@ -52959,6 +53298,10 @@ const MutationApplication = () => {
52959
53298
  action: "APPLY_MUTATION"
52960
53299
  })
52961
53300
  });
53301
+ const combinedExistingDocs = [...existingDocs, ...((createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.documents) || [])];
53302
+ if (((_updatePayload2 = updatePayload) === null || _updatePayload2 === void 0 ? void 0 : (_updatePayload2$docum = _updatePayload2.documents) === null || _updatePayload2$docum === void 0 ? void 0 : _updatePayload2$docum.length) > 0 && combinedExistingDocs.length > 0) {
53303
+ updatePayload.documents = mapExistingDocIdsToPayload(updatePayload.documents, combinedExistingDocs);
53304
+ }
52962
53305
  if ((_Digit2 = Digit) !== null && _Digit2 !== void 0 && (_Digit2$Customization = _Digit2.Customizations) !== null && _Digit2$Customization !== void 0 && (_Digit2$Customization2 = _Digit2$Customization.WS) !== null && _Digit2$Customization2 !== void 0 && _Digit2$Customization2.customiseUpdatePayloadOfWS) {
52963
53306
  updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
52964
53307
  }
@@ -53080,7 +53423,7 @@ const MutationApplication = () => {
53080
53423
  }
53081
53424
  }, currentStep === 1 && /*#__PURE__*/React__default.createElement(Step1_SearchConnection, {
53082
53425
  t: t,
53083
- defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
53426
+ defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.connectionNo : "",
53084
53427
  onNext: _ref => {
53085
53428
  let kNumber = _ref.kNumber,
53086
53429
  mobileNumber = _ref.mobileNumber,
@@ -53094,7 +53437,7 @@ const MutationApplication = () => {
53094
53437
  }), currentStep === 2 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
53095
53438
  t: t,
53096
53439
  applicationDetails: applicationDetails,
53097
- propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
53440
+ propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a9 = applicationDetails.applicationData) === null || _applicationDetails$a9 === void 0 ? void 0 : _applicationDetails$a9.propertyId,
53098
53441
  mobileNumber: authMobileNumber,
53099
53442
  onVerify: () => {
53100
53443
  setCompletedSteps(prev => new Set([...prev, 2]));
@@ -55525,11 +55868,11 @@ const OLDApplication = () => {
55525
55868
  const cleanedFormData = JSON.parse(JSON.stringify(updatedFormData));
55526
55869
  if (!lodash.isEqual(sessionFormData, cleanedFormData)) {
55527
55870
  setSessionFormData(cleanedFormData);
55528
- sessionStorage.setItem("FORMSTATE_ERRORS", JSON.stringify(formState === null || formState === void 0 ? void 0 : formState.errors));
55529
55871
  }
55872
+ sessionStorage.setItem("FORMSTATE_ERRORS", JSON.stringify((formState === null || formState === void 0 ? void 0 : formState.errors) || {}));
55530
55873
  };
55531
55874
  const onFormSubmit = data => {
55532
- var _data$cpt, _propertyDetails$Prop, _formStateErros$Conne, _Object$keys, _formStateErros$Conne2;
55875
+ var _data$cpt, _propertyDetails$Prop;
55533
55876
  if (!(data !== null && data !== void 0 && (_data$cpt = data.cpt) !== null && _data$cpt !== void 0 && _data$cpt.id) && !(propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$Prop = propertyDetails.Properties) !== null && _propertyDetails$Prop !== void 0 && _propertyDetails$Prop[0])) {
55534
55877
  var _data$cpt2;
55535
55878
  if (!(data !== null && data !== void 0 && (_data$cpt2 = data.cpt) !== null && _data$cpt2 !== void 0 && _data$cpt2.details) || !propertyDetails) {
@@ -55544,19 +55887,6 @@ const OLDApplication = () => {
55544
55887
  return;
55545
55888
  }
55546
55889
  }
55547
- const errors = sessionStorage.getItem("FORMSTATE_ERRORS");
55548
- const formStateErros = typeof errors === "string" && errors !== "null" ? JSON.parse(errors) : {};
55549
- if (Object.keys(formStateErros).length > 0 && !(Object.keys(formStateErros).length === 1 && formStateErros !== null && formStateErros !== void 0 && (_formStateErros$Conne = formStateErros["ConnectionHolderDetails"]) !== null && _formStateErros$Conne !== void 0 && _formStateErros$Conne.type && ((_Object$keys = Object.keys(formStateErros === null || formStateErros === void 0 ? void 0 : (_formStateErros$Conne2 = formStateErros["ConnectionHolderDetails"]) === null || _formStateErros$Conne2 === void 0 ? void 0 : _formStateErros$Conne2.type)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) === 1 && formStateErros["ConnectionHolderDetails"] && Object.values(formStateErros["ConnectionHolderDetails"].type).filter(ob => {
55550
- var _ob$ref;
55551
- return ob.type === "required" && (ob === null || ob === void 0 ? void 0 : (_ob$ref = ob.ref) === null || _ob$ref === void 0 ? void 0 : _ob$ref.value) !== "";
55552
- }).length > 0)) {
55553
- console.warn("[WS] onSubmit EXIT: formState errors blocking submit", formStateErros);
55554
- setShowToast({
55555
- key: "error",
55556
- message: "PLEASE_FILL_MANDATORY_DETAILS"
55557
- });
55558
- return;
55559
- }
55560
55890
  setShowCheckPage(true);
55561
55891
  };
55562
55892
  const processSubmission = function (data) {