@djb25/digit-ui-module-ws 1.0.77 → 1.0.79

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
@@ -534,7 +534,7 @@ const getFiles = function (filesArray, tenant) {
534
534
  };
535
535
  const createPayloadOfWS = function (data) {
536
536
  try {
537
- var _Digit$UserService$ge, _userInfo$roles, _data$cpt, _data$cpt$details, _data$cpt$details$own, _data$applicationSele, _data$ConnectionDetai, _data$ConnectionDetai2, _ref, _data$ConnectionHolde, _connectionHolder$gen, _data$cpt2, _data$cpt2$details, _data$cpt2$details$ow, _data$cpt2$details$ow2, _connectionHolder$own, _connectionHolder$rel, _data$propertyAddress, _data$applicant, _data$useDetails, _data$useDetails$gend, _data$contact, _data$applicant2, _data$applicant3, _data$applicant4, _data$contact2, _data$contact3, _data$applicationSele2, _data$applicationSele3, _data$contact4, _data$cpt3, _data$cpt4, _data$cpt4$details, _data$propertyAddress2, _data$propertyAddress3, _data$propertyAddress4, _data$cpt5, _data$cpt5$details, _data$cpt5$details$ad, _data$propertyAddress5, _data$cpt6, _data$cpt6$details, _data$cpt6$details$ad, _data$propertyAddress6, _data$cpt7, _data$cpt7$details, _data$cpt7$details$ad, _data$propertyAddress7, _data$cpt8, _data$cpt8$details, _data$cpt8$details$ad, _data$propertyAddress8, _data$cpt9, _data$cpt9$details, _data$cpt9$details$ad, _data$propertyAddress9, _data$cpt0, _data$cpt0$details, _data$cpt0$details$ad, _data$propertyAddress0, _data$cpt1, _data$cpt1$details, _data$cpt1$details$ad, _data$propertyAddress1, _data$cpt10, _data$cpt10$details, _data$cpt10$details$a, _data$propertyAddress10, _data$cpt11, _data$cpt11$details, _data$cpt11$details$a, _data$cpt12, _data$cpt12$details, _data$cpt12$details$a, _data$propertyAddress11, _data$cpt13, _data$cpt13$details, _data$cpt13$details$a, _data$cpt13$details$a2, _data$propertyAddress12, _data$cpt14, _data$cpt14$details, _data$cpt14$details$a, _data$cpt14$details$a2, _data$propertyAddress13, _data$cpt15, _data$cpt15$details, _data$cpt15$details$a, _data$cpt15$details$a2, _data$cpt16, _data$cpt16$details, _data$roadCuttingDeta, _data$plumberDetails, _data$zro, _data$propertyAddress14, _data$propertyAddress15, _data$cpt17, _data$cpt17$details, _data$cpt17$details$a, _data$cpt17$details$a2, _data$plumberDetails2, _data$plumberDetails3, _data$plumberDetails4, _data$plumberDetails5, _data$plumberDetails6, _data$applicationSele4, _data$applicationSele5, _data$applicationSele6, _data$applicationSele7, _connectionDetailsObj, _useDetailsObject$cat, _data$applicationSele8, _data$applicationSele9, _connectionHolder$own2, _useDetailsObject$noO, _data$applicationSele0, _data$applicationSele1, _data$applicationSele10, _data$applicationSele11, _data$applicationSele12, _data$applicationSele13, _data$applicationSele14, _data$applicationSele15, _data$applicationSele16, _data$applicationSele17, _data$applicationSele18, _data$applicationSele19, _data$applicationSele20, _data$applicationSele21, _data$applicationSele22, _data$applicationSele23, _data$applicationSele24, _data$contact5, _data$documents, _data$documents2, _data$documents3, _data$documents4, _data$documents5, _data$cpt18, _Digit, _Digit$Customizations, _Digit$Customizations2, _Digit2, _Digit2$Customization, _Digit2$Customization2;
537
+ var _Digit$UserService$ge, _userInfo$roles, _data$cpt, _data$cpt$details, _data$cpt$details$own, _data$applicationSele, _data$ConnectionDetai, _data$ConnectionDetai2, _ref, _data$ConnectionHolde, _data$documents, _data$djbEmployee, _data$governmentEmplo, _connectionHolder$gen, _data$cpt2, _data$cpt2$details, _data$cpt2$details$ow, _data$cpt2$details$ow2, _connectionHolder$own, _connectionHolder$rel, _data$propertyAddress, _data$applicant, _data$useDetails, _data$useDetails$gend, _data$contact, _data$applicant2, _data$applicant3, _data$applicant4, _data$contact2, _data$contact3, _data$applicationSele2, _data$applicationSele3, _data$contact4, _data$cpt3, _data$cpt4, _data$cpt4$details, _data$propertyAddress2, _data$propertyAddress3, _data$propertyAddress4, _data$cpt5, _data$cpt5$details, _data$cpt5$details$ad, _data$propertyAddress5, _data$cpt6, _data$cpt6$details, _data$cpt6$details$ad, _data$propertyAddress6, _data$cpt7, _data$cpt7$details, _data$cpt7$details$ad, _data$propertyAddress7, _data$cpt8, _data$cpt8$details, _data$cpt8$details$ad, _data$propertyAddress8, _data$cpt9, _data$cpt9$details, _data$cpt9$details$ad, _data$propertyAddress9, _data$cpt0, _data$cpt0$details, _data$cpt0$details$ad, _data$propertyAddress0, _data$cpt1, _data$cpt1$details, _data$cpt1$details$ad, _data$propertyAddress1, _data$cpt10, _data$cpt10$details, _data$cpt10$details$a, _data$propertyAddress10, _data$cpt11, _data$cpt11$details, _data$cpt11$details$a, _data$cpt12, _data$cpt12$details, _data$cpt12$details$a, _data$propertyAddress11, _data$cpt13, _data$cpt13$details, _data$cpt13$details$a, _data$cpt13$details$a2, _data$propertyAddress12, _data$cpt14, _data$cpt14$details, _data$cpt14$details$a, _data$cpt14$details$a2, _data$propertyAddress13, _data$cpt15, _data$cpt15$details, _data$cpt15$details$a, _data$cpt15$details$a2, _data$cpt16, _data$cpt16$details, _data$roadCuttingDeta, _data$plumberDetails, _data$djbEmployee4, _data$djbEmployee4$do, _data$djbEmployee5, _data$zro, _data$propertyAddress14, _data$propertyAddress15, _data$cpt17, _data$cpt17$details, _data$cpt17$details$a, _data$cpt17$details$a2, _data$plumberDetails2, _data$plumberDetails3, _data$plumberDetails4, _data$plumberDetails5, _data$plumberDetails6, _data$applicationSele4, _data$applicationSele5, _data$applicationSele6, _data$applicationSele7, _connectionDetailsObj, _useDetailsObject$cat, _data$applicationSele8, _data$applicationSele9, _connectionHolder$own2, _useDetailsObject$noO, _data$applicationSele0, _data$applicationSele1, _data$applicationSele10, _data$applicationSele11, _data$applicationSele12, _data$applicationSele13, _data$applicationSele14, _data$applicationSele15, _data$applicationSele16, _data$applicationSele17, _data$applicationSele18, _data$applicationSele19, _data$applicationSele20, _data$applicationSele21, _data$applicationSele22, _data$applicationSele23, _data$applicationSele24, _data$contact5, _data$documents2, _data$documents3, _data$documents4, _data$documents5, _data$cpt18, _Digit, _Digit$Customizations, _Digit$Customizations2, _Digit2, _Digit2$Customization, _Digit2$Customization2;
538
538
  const userInfo = (_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.info;
539
539
  const isCitizen = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.type) === "CITIZEN" || (userInfo === null || userInfo === void 0 ? void 0 : (_userInfo$roles = userInfo.roles) === null || _userInfo$roles === void 0 ? void 0 : _userInfo$roles.some(role => role.code === "CITIZEN"));
540
540
  data === null || data === void 0 ? void 0 : (_data$cpt = data.cpt) === null || _data$cpt === void 0 ? void 0 : (_data$cpt$details = _data$cpt.details) === null || _data$cpt$details === void 0 ? void 0 : (_data$cpt$details$own = _data$cpt$details.owners) === null || _data$cpt$details$own === void 0 ? void 0 : _data$cpt$details$own.forEach(owner => {
@@ -549,6 +549,25 @@ const createPayloadOfWS = function (data) {
549
549
  const connectionDetailsObject = connectionDetail;
550
550
  const useDetailsObject = (data === null || data === void 0 ? void 0 : data.useDetails) || connectionDetailsObject || {};
551
551
  const connectionHolder = (data === null || data === void 0 ? void 0 : (_data$ConnectionHolde = data.ConnectionHolderDetails) === null || _data$ConnectionHolde === void 0 ? void 0 : _data$ConnectionHolde[0]) || (data === null || data === void 0 ? void 0 : data.ConnectionHolderDetails);
552
+ let allDocuments = Array.isArray(data === null || data === void 0 ? void 0 : (_data$documents = data.documents) === null || _data$documents === void 0 ? void 0 : _data$documents.documents) ? [...data.documents.documents] : Array.isArray(data === null || data === void 0 ? void 0 : data.documents) ? [...data.documents] : [];
553
+ if (data !== null && data !== void 0 && (_data$djbEmployee = data.djbEmployee) !== null && _data$djbEmployee !== void 0 && _data$djbEmployee.document) {
554
+ var _data$djbEmployee2, _data$djbEmployee2$do, _data$djbEmployee3;
555
+ allDocuments.push({
556
+ documentType: "OWNER.DJB_EMPLOYEE_ID",
557
+ fileStoreId: (data === null || data === void 0 ? void 0 : (_data$djbEmployee2 = data.djbEmployee) === null || _data$djbEmployee2 === void 0 ? void 0 : (_data$djbEmployee2$do = _data$djbEmployee2.document) === null || _data$djbEmployee2$do === void 0 ? void 0 : _data$djbEmployee2$do.fileStoreId) || (data === null || data === void 0 ? void 0 : (_data$djbEmployee3 = data.djbEmployee) === null || _data$djbEmployee3 === void 0 ? void 0 : _data$djbEmployee3.document),
558
+ documentUid: "",
559
+ status: "ACTIVE"
560
+ });
561
+ }
562
+ if (data !== null && data !== void 0 && (_data$governmentEmplo = data.governmentEmployee) !== null && _data$governmentEmplo !== void 0 && _data$governmentEmplo.organizationDocument) {
563
+ var _data$governmentEmplo2, _data$governmentEmplo3, _data$governmentEmplo4;
564
+ allDocuments.push({
565
+ documentType: "OWNER.GOVERNMENT_EMPLOYEE_ID",
566
+ fileStoreId: (data === null || data === void 0 ? void 0 : (_data$governmentEmplo2 = data.governmentEmployee) === null || _data$governmentEmplo2 === void 0 ? void 0 : (_data$governmentEmplo3 = _data$governmentEmplo2.organizationDocument) === null || _data$governmentEmplo3 === void 0 ? void 0 : _data$governmentEmplo3.fileStoreId) || (data === null || data === void 0 ? void 0 : (_data$governmentEmplo4 = data.governmentEmployee) === null || _data$governmentEmplo4 === void 0 ? void 0 : _data$governmentEmplo4.organizationDocument),
567
+ documentUid: "",
568
+ status: "ACTIVE"
569
+ });
570
+ }
552
571
  let payload = {
553
572
  water: !!isWater,
554
573
  sewerage: !!isSewerage,
@@ -626,7 +645,9 @@ const createPayloadOfWS = function (data) {
626
645
  name: details === null || details === void 0 ? void 0 : details.plumberName,
627
646
  mobileNumber: details === null || details === void 0 ? void 0 : details.plumberMobileNo
628
647
  })),
629
- additionalDetails: _extends({}, useDetailsObject, data === null || data === void 0 ? void 0 : data.djbEmployee, data === null || data === void 0 ? void 0 : data.bankDetails, data === null || data === void 0 ? void 0 : data.declarationData, data === null || data === void 0 ? void 0 : data.declaration, {
648
+ additionalDetails: _extends({}, useDetailsObject, data === null || data === void 0 ? void 0 : data.djbEmployee, {
649
+ document: (data === null || data === void 0 ? void 0 : (_data$djbEmployee4 = data.djbEmployee) === null || _data$djbEmployee4 === void 0 ? void 0 : (_data$djbEmployee4$do = _data$djbEmployee4.document) === null || _data$djbEmployee4$do === void 0 ? void 0 : _data$djbEmployee4$do.fileStoreId) || (data === null || data === void 0 ? void 0 : (_data$djbEmployee5 = data.djbEmployee) === null || _data$djbEmployee5 === void 0 ? void 0 : _data$djbEmployee5.document) || undefined
650
+ }, data === null || data === void 0 ? void 0 : data.bankDetails, data === null || data === void 0 ? void 0 : data.declarationData, data === null || data === void 0 ? void 0 : data.declaration, {
630
651
  zro: (data === null || data === void 0 ? void 0 : (_data$zro = data.zro) === null || _data$zro === void 0 ? void 0 : _data$zro.code) || (data === null || data === void 0 ? void 0 : data.zro),
631
652
  locality: (data === null || data === void 0 ? void 0 : (_data$propertyAddress14 = data.propertyAddress) === null || _data$propertyAddress14 === void 0 ? void 0 : (_data$propertyAddress15 = _data$propertyAddress14.locality) === null || _data$propertyAddress15 === void 0 ? void 0 : _data$propertyAddress15.code) || (data === null || data === void 0 ? void 0 : (_data$cpt17 = data.cpt) === null || _data$cpt17 === void 0 ? void 0 : (_data$cpt17$details = _data$cpt17.details) === null || _data$cpt17$details === void 0 ? void 0 : (_data$cpt17$details$a = _data$cpt17$details.address) === null || _data$cpt17$details$a === void 0 ? void 0 : (_data$cpt17$details$a2 = _data$cpt17$details$a.locality) === null || _data$cpt17$details$a2 === void 0 ? void 0 : _data$cpt17$details$a2.code),
632
653
  detailsProvidedBy: (data === null || data === void 0 ? void 0 : (_data$plumberDetails2 = data.plumberDetails) === null || _data$plumberDetails2 === void 0 ? void 0 : (_data$plumberDetails3 = _data$plumberDetails2[0]) === null || _data$plumberDetails3 === void 0 ? void 0 : (_data$plumberDetails4 = _data$plumberDetails3.detailsProvidedBy) === null || _data$plumberDetails4 === void 0 ? void 0 : _data$plumberDetails4.code) || (data === null || data === void 0 ? void 0 : (_data$plumberDetails5 = data.plumberDetails) === null || _data$plumberDetails5 === void 0 ? void 0 : (_data$plumberDetails6 = _data$plumberDetails5[0]) === null || _data$plumberDetails6 === void 0 ? void 0 : _data$plumberDetails6.detailsProvidedBy) || "",
@@ -645,13 +666,13 @@ const createPayloadOfWS = function (data) {
645
666
  departmentType: data === null || data === void 0 ? void 0 : (_data$applicationSele23 = data.applicationSelection) === null || _data$applicationSele23 === void 0 ? void 0 : (_data$applicationSele24 = _data$applicationSele23.departmentType) === null || _data$applicationSele24 === void 0 ? void 0 : _data$applicationSele24.code,
646
667
  governmentEmployee: data === null || data === void 0 ? void 0 : data.governmentEmployee,
647
668
  whatsAppNumber: data === null || data === void 0 ? void 0 : (_data$contact5 = data.contact) === null || _data$contact5 === void 0 ? void 0 : _data$contact5.whatsAppNumber,
648
- identityProofNumber: data === null || data === void 0 ? void 0 : (_data$documents = data.documents) === null || _data$documents === void 0 ? void 0 : _data$documents.identityProofNumber,
649
- ownershipDocumentNumber: data === null || data === void 0 ? void 0 : (_data$documents2 = data.documents) === null || _data$documents2 === void 0 ? void 0 : _data$documents2.ownershipDocumentNumber,
650
- otherDocumentNumber: data === null || data === void 0 ? void 0 : (_data$documents3 = data.documents) === null || _data$documents3 === void 0 ? void 0 : _data$documents3.otherDocumentNumber,
669
+ identityProofNumber: data === null || data === void 0 ? void 0 : (_data$documents2 = data.documents) === null || _data$documents2 === void 0 ? void 0 : _data$documents2.identityProofNumber,
670
+ ownershipDocumentNumber: data === null || data === void 0 ? void 0 : (_data$documents3 = data.documents) === null || _data$documents3 === void 0 ? void 0 : _data$documents3.ownershipDocumentNumber,
671
+ otherDocumentNumber: data === null || data === void 0 ? void 0 : (_data$documents4 = data.documents) === null || _data$documents4 === void 0 ? void 0 : _data$documents4.otherDocumentNumber,
651
672
  detailsProvidedBy: "",
652
673
  channel: isCitizen ? "CITIZEN" : "CFC_COUNTER"
653
674
  }),
654
- documents: (data === null || data === void 0 ? void 0 : (_data$documents4 = data.documents) === null || _data$documents4 === void 0 ? void 0 : _data$documents4.documents) || (data === null || data === void 0 ? void 0 : data.documents) || [],
675
+ documents: allDocuments,
655
676
  tenantId: "dl.djb",
656
677
  processInstance: {
657
678
  action: "INITIATE"
@@ -1596,19 +1617,59 @@ const convertApplicationData = function (data, serviceType, modify, editByConfig
1596
1617
  sessionStorage.setItem("WS_EDIT_APPLICATION_DETAILS", JSON.stringify(data));
1597
1618
  return payload;
1598
1619
  };
1620
+ const mapExistingDocIdsToPayload = function (uploadingDocs, existingDocs) {
1621
+ if (uploadingDocs === void 0) {
1622
+ uploadingDocs = [];
1623
+ }
1624
+ if (existingDocs === void 0) {
1625
+ existingDocs = [];
1626
+ }
1627
+ if (!Array.isArray(uploadingDocs) || uploadingDocs.length === 0) return uploadingDocs;
1628
+ if (!Array.isArray(existingDocs) || existingDocs.length === 0) return uploadingDocs;
1629
+ return uploadingDocs.map(doc => {
1630
+ if (doc !== null && doc !== void 0 && doc.id) return doc;
1631
+ const uploadType = doc === null || doc === void 0 ? void 0 : doc.documentType;
1632
+ if (!uploadType) return doc;
1633
+ const normUpload = String(uploadType).trim().toUpperCase();
1634
+ const uploadParts = normUpload.split(".");
1635
+ const uploadCode = uploadParts[uploadParts.length - 1];
1636
+ const matchedDoc = existingDocs.find(exDoc => {
1637
+ if (!(exDoc !== null && exDoc !== void 0 && exDoc.id) || !(exDoc !== null && exDoc !== void 0 && exDoc.documentType)) return false;
1638
+ const normExisting = String(exDoc.documentType).trim().toUpperCase();
1639
+ const existingParts = normExisting.split(".");
1640
+ const existingCode = existingParts[existingParts.length - 1];
1641
+ if (normExisting === normUpload) return true;
1642
+ if (existingCode === uploadCode) return true;
1643
+ if (normExisting.endsWith("." + normUpload) || normUpload.endsWith("." + normExisting)) return true;
1644
+ if (normExisting.includes(normUpload) || normUpload.includes(normExisting)) return true;
1645
+ return false;
1646
+ });
1647
+ if (matchedDoc && matchedDoc.id) {
1648
+ return _extends({}, doc, {
1649
+ id: matchedDoc.id
1650
+ });
1651
+ }
1652
+ return doc;
1653
+ });
1654
+ };
1599
1655
  const convertEditApplicationDetails = function (data, appData, actionData) {
1600
1656
  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;
1657
+ 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
1658
  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
1659
  if (owner !== null && owner !== void 0 && owner.permanentAddress) owner.correspondenceAddress = owner === null || owner === void 0 ? void 0 : owner.permanentAddress;
1604
1660
  });
1661
+ 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) || [];
1662
+ let docs = (data === null || data === void 0 ? void 0 : (_data$DocumentsRequir = data.DocumentsRequired) === null || _data$DocumentsRequir === void 0 ? void 0 : _data$DocumentsRequir.documents) || [];
1663
+ if (docs && docs.length > 0 && existingDocs && existingDocs.length > 0) {
1664
+ docs = mapExistingDocIdsToPayload(docs, existingDocs);
1665
+ }
1605
1666
  let payload = _extends({}, appData.applicationData, {
1606
1667
  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
1668
  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
1669
  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
1670
  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
1671
  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], {
1672
+ 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
1673
  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
1674
  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
1675
  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 +1688,7 @@ const convertEditApplicationDetails = function (data, appData, actionData) {
1627
1688
  action: actionData ? actionData : "RESUBMIT_APPLICATION"
1628
1689
  },
1629
1690
  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
1691
+ documents: docs
1631
1692
  });
1632
1693
  return Promise.resolve(payload);
1633
1694
  } catch (e) {
@@ -1690,13 +1751,13 @@ const convertDisonnectApplicationData = function (data, serviceType, editByConfi
1690
1751
  };
1691
1752
  const convertDisonnectEditApplicationDetails = function (data, appData, actionData) {
1692
1753
  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;
1754
+ 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
1755
  const docs = sessionStorage.getItem("DISCONNECTION_EDIT_DOCS");
1695
1756
  const docsData = docs ? JSON.parse(docs) : "";
1696
1757
  const documentsData = [];
1697
1758
  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 => {
1759
+ var _appData$applicationD4, _appData$applicationD5, _doc$, _doc$2;
1760
+ 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
1761
  var _appDoc$documentType, _appDoc$documentType$, _appDoc$documentType2, _appDoc$documentType3, _data$documentType3, _data$documentType3$s, _data$documentType4, _data$documentType4$s;
1701
1762
  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
1763
  });
@@ -1714,7 +1775,7 @@ const convertDisonnectEditApplicationDetails = function (data, appData, actionDa
1714
1775
  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
1776
  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
1777
  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
1778
+ 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
1779
  }];
1719
1780
  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
1781
  _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 +1832,15 @@ const convertModifyApplicationDetails = function (data, appData, actionData) {
1771
1832
  var _data$activationDetai5, _data$activationDetai6, _data$activationDetai7, _data$activationDetai8;
1772
1833
  function _temp9() {
1773
1834
  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;
1835
+ 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
1836
  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;
1837
+ 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) || [];
1838
+ if (formData.documents && formData.documents.length > 0 && existingDocs && existingDocs.length > 0) {
1839
+ formData.documents = mapExistingDocIdsToPayload(formData.documents, existingDocs);
1840
+ }
1776
1841
  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], {
1842
+ 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;
1843
+ 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
1844
  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
1845
  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
1846
  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 +7811,7 @@ var lodash = createCommonjsModule(function (module, exports) {
7746
7811
  });
7747
7812
 
7748
7813
  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;
7814
+ 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
7815
  let application = _ref.application;
7751
7816
  const _useTranslation = reactI18next.useTranslation(),
7752
7817
  t = _useTranslation.t;
@@ -7777,9 +7842,10 @@ const WSApplication = _ref => {
7777
7842
  privacy: Digit.Utils.getPrivacyObject()
7778
7843
  }),
7779
7844
  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";
7845
+ const isMutation = application === null || application === void 0 ? void 0 : (_application$applicat2 = application.applicationType) === null || _application$applicat2 === void 0 ? void 0 : _application$applicat2.includes("MUTATION");
7846
+ 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
7847
  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
7848
+ 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
7849
  };
7784
7850
  if (isLoading) {
7785
7851
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
@@ -7834,8 +7900,8 @@ const WSApplication = _ref => {
7834
7900
  label: t("WS_VIEW_DETAILS_LABEL")
7835
7901
  })), (application === null || application === void 0 ? void 0 : application.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
7836
7902
  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),
7903
+ 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, "/", "+")),
7904
+ 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
7905
  state: {}
7840
7906
  }
7841
7907
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -8038,15 +8104,17 @@ const WSMyApplications = () => {
8038
8104
  Header: t("MAKE_PAYMENT"),
8039
8105
  disableSortBy: true,
8040
8106
  Cell: _ref8 => {
8041
- var _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$connecti, _application$connecti2, _application$property, _application$property2, _application$applicat5;
8107
+ var _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$applicat5, _application$connecti, _application$property, _application$property2, _application$applicat6, _application$applicat7;
8042
8108
  let row = _ref8.row;
8043
8109
  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";
8110
+ const isMutation = application === null || application === void 0 ? void 0 : (_application$applicat = application.applicationType) === null || _application$applicat === void 0 ? void 0 : _application$applicat.includes("MUTATION");
8111
+ 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
8112
  return (application === null || application === void 0 ? void 0 : application.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React__default.createElement("span", {
8046
8113
  className: "link"
8047
8114
  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
8048
8115
  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),
8116
+ 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, "/", "+")),
8117
+ 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
8118
  state: {
8051
8119
  fromMyApplications: true
8052
8120
  }
@@ -11271,7 +11339,9 @@ const App$1 = _ref2 => {
11271
11339
  component: WSEditApplicationByConfig
11272
11340
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11273
11341
  path: path + "/disconnection-details",
11274
- component: WSGetDisconnectionDetails
11342
+ component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
11343
+ layoutClass: "action"
11344
+ }, /*#__PURE__*/React__default.createElement(WSGetDisconnectionDetails, null))
11275
11345
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
11276
11346
  path: path + "/water/bill-amendment/inbox",
11277
11347
  component: props => /*#__PURE__*/React__default.createElement(WSBillIAmendMentInbox, _extends({}, props, {
@@ -18201,6 +18271,7 @@ function SelectDocument(_ref2) {
18201
18271
  fileStoreId: uploadedFile,
18202
18272
  fileName: (file === null || file === void 0 ? void 0 : file.name) || (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileName) || "",
18203
18273
  documentUid: documentUid,
18274
+ documentNumber: documentUid,
18204
18275
  i18nKey: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
18205
18276
  id: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.id,
18206
18277
  status: "ACTIVE"
@@ -21115,22 +21186,18 @@ const WSDisconnectionForm = _ref => {
21115
21186
  config: config,
21116
21187
  onSelect: handleSubmit,
21117
21188
  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, {
21189
+ t: t,
21190
+ title: isReSubmit ? t("RESUBMIT_DISCONNECTION_FORM") : t("WS_APPLICATION_FORM")
21191
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
21124
21192
  key: t("PDF_STATIC_LABEL_CONSUMER_NUMBER_LABEL"),
21125
21193
  label: "" + t("PDF_STATIC_LABEL_CONSUMER_NUMBER_LABEL"),
21126
21194
  text: applicationData === null || applicationData === void 0 ? void 0 : applicationData.connectionNo,
21127
21195
  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, {
21196
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21197
+ className: "card-label-smaller"
21198
+ }, t("WS_DISCONNECTION_TYPE") + "*"), /*#__PURE__*/React__default.createElement("div", {
21199
+ className: "field"
21200
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, {
21134
21201
  t: t,
21135
21202
  options: disconnectionTypeList,
21136
21203
  optionsKey: "i18nKey",
@@ -21145,11 +21212,8 @@ const WSDisconnectionForm = _ref => {
21145
21212
  inputStyle: isMobile ? {
21146
21213
  marginLeft: "unset"
21147
21214
  } : {}
21148
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21149
- className: "card-label-smaller",
21150
- style: {
21151
- display: "inline"
21152
- }
21215
+ }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
21216
+ className: "card-label-smaller"
21153
21217
  }, t("WS_DISCONNECTION_PROPOSED_DATE") + "*", /*#__PURE__*/React__default.createElement("div", {
21154
21218
  className: "tooltip",
21155
21219
  style: {
@@ -21171,11 +21235,8 @@ const WSDisconnectionForm = _ref => {
21171
21235
  date: date
21172
21236
  }));
21173
21237
  }
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
- }
21238
+ }))), ((_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, {
21239
+ className: "card-label-smaller"
21179
21240
  }, t("WS_DISCONNECTION_PROPOSED_END_DATE") + "*", /*#__PURE__*/React__default.createElement("div", {
21180
21241
  className: "tooltip",
21181
21242
  style: {
@@ -21198,11 +21259,10 @@ const WSDisconnectionForm = _ref => {
21198
21259
  }));
21199
21260
  }
21200
21261
  }))) : "", /*#__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, {
21262
+ className: "card-label-smaller"
21263
+ }, t("WS_DISCONNECTION_REASON") + "*"), /*#__PURE__*/React__default.createElement("div", {
21264
+ className: "field"
21265
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
21206
21266
  option: disconnectionReasonList,
21207
21267
  isMandatory: false,
21208
21268
  optionKey: "i18nKey",
@@ -21215,7 +21275,14 @@ const WSDisconnectionForm = _ref => {
21215
21275
  code: "reason",
21216
21276
  value: e
21217
21277
  })
21218
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
21278
+ }))), /*#__PURE__*/React__default.createElement("div", {
21279
+ style: {
21280
+ display: "flex",
21281
+ justifyContent: "flex-end",
21282
+ width: "100%",
21283
+ gridColumn: "1 / -1"
21284
+ }
21285
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
21219
21286
  label: t("CS_COMMON_NEXT"),
21220
21287
  onSubmit: () => {
21221
21288
  var _disconnectionData$ty6, _disconnectionData$ty7;
@@ -21243,11 +21310,11 @@ const WSDisconnectionForm = _ref => {
21243
21310
  }
21244
21311
  },
21245
21312
  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, {
21313
+ })), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
21247
21314
  error: (error === null || error === void 0 ? void 0 : error.key) === "error" ? true : false,
21248
21315
  label: t(error === null || error === void 0 ? void 0 : error.message),
21249
21316
  onClose: () => setError(null)
21250
- })))));
21317
+ }))));
21251
21318
  }
21252
21319
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.FormStep, {
21253
21320
  config: config,
@@ -22008,7 +22075,7 @@ function WSDisconnectionDocumentsForm(_ref) {
22008
22075
  t: t,
22009
22076
  config: config,
22010
22077
  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) => {
22078
+ }, wsDocs === null || wsDocs === void 0 ? void 0 : (_wsDocs$Disconnection = wsDocs.DisconnectionDocuments) === null || _wsDocs$Disconnection === void 0 ? void 0 : _wsDocs$Disconnection.map((document, index) => {
22012
22079
  return /*#__PURE__*/React__default.createElement(SelectDocument$2, {
22013
22080
  key: index,
22014
22081
  document: document,
@@ -22019,20 +22086,28 @@ function WSDisconnectionDocumentsForm(_ref) {
22019
22086
  documents: documents,
22020
22087
  setCheckRequiredFields: setCheckRequiredFields
22021
22088
  });
22022
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
22089
+ }), /*#__PURE__*/React__default.createElement("div", {
22090
+ style: {
22091
+ display: "flex",
22092
+ justifyContent: "flex-end",
22093
+ width: "100%",
22094
+ gridColumn: "1 / -1",
22095
+ marginTop: "1rem"
22096
+ }
22097
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
22023
22098
  label: t("CS_COMMON_NEXT"),
22024
22099
  onSubmit: () => {
22025
22100
  history.push(match.path.replace("documents-upload", "check"));
22026
22101
  },
22027
22102
  disabled: documents.length < 2 ? true : false
22028
- }), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
22103
+ })), error && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
22029
22104
  error: (error === null || error === void 0 ? void 0 : error.key) === "error" ? true : false,
22030
22105
  label: t(error === null || error === void 0 ? void 0 : error.message),
22031
22106
  onClose: () => setError(null)
22032
22107
  })));
22033
22108
  }
22034
22109
  function SelectDocument$2(_ref2) {
22035
- var _doc$dropdownData;
22110
+ 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
22111
  let t = _ref2.t,
22037
22112
  key = _ref2.key,
22038
22113
  doc = _ref2.document,
@@ -22059,6 +22134,32 @@ function SelectDocument$2(_ref2) {
22059
22134
  const _useState6 = React.useState(() => (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileStoreId) || null),
22060
22135
  uploadedFile = _useState6[0],
22061
22136
  setUploadedFile = _useState6[1];
22137
+ 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 : ""),
22138
+ documentNumber = _useState7[0],
22139
+ setDocumentNumber = _useState7[1];
22140
+ const _useState8 = React.useState(null),
22141
+ docNumberError = _useState8[0],
22142
+ setDocNumberError = _useState8[1];
22143
+ const validateDocumentNumber = (value, docTypeCode, isReq, hasFile) => {
22144
+ if (!isReq && !hasFile && (!value || !value.trim())) return null;
22145
+ if (!value || !value.trim()) return t("WS_DOCUMENT_NUMBER_REQUIRED") || "Document number is required";
22146
+ const trimmed = value.trim();
22147
+ const upperCode = (docTypeCode || "").toUpperCase();
22148
+ if (upperCode.includes("AADHAAR") || upperCode.includes("AADHAR")) {
22149
+ if (!/^\d{12}$/.test(trimmed)) return t("WS_AADHAAR_VALIDATION_ERROR") || "Aadhaar number must be exactly 12 digits";
22150
+ } else if (upperCode.includes("PAN")) {
22151
+ 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";
22152
+ } else if (upperCode.includes("VOTER") || upperCode.includes("VOTERID")) {
22153
+ if (!/^[A-Z]{3}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_VOTERID_VALIDATION_ERROR") || "Voter ID must be in format ABC1234567";
22154
+ } else if (upperCode.includes("DRIVING") || upperCode.includes("DRVLC")) {
22155
+ 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)";
22156
+ } else if (upperCode.includes("PASSPORT")) {
22157
+ if (!/^[A-Z]{1}\d{7}$/.test(trimmed.toUpperCase())) return t("WS_PASSPORT_VALIDATION_ERROR") || "Passport must be 8 characters (e.g. A1234567)";
22158
+ } else {
22159
+ if (trimmed.length < 3) return t("WS_DOC_NO_MIN_LENGTH") || "Document number must be at least 3 characters";
22160
+ }
22161
+ return null;
22162
+ };
22062
22163
  const handleSelectDocument = value => setSelectedDocument(value);
22063
22164
  function selectfile(e) {
22064
22165
  setFile(e.target.files[0]);
@@ -22069,18 +22170,24 @@ function SelectDocument$2(_ref2) {
22069
22170
  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
22171
  if ((uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.length) === 0 || uploadedFile === null) return filteredDocumentsByDocumentType;
22071
22172
  const filteredDocumentsByFileStoreId = filteredDocumentsByDocumentType === null || filteredDocumentsByDocumentType === void 0 ? void 0 : filteredDocumentsByDocumentType.filter(item => (item === null || item === void 0 ? void 0 : item.fileStoreId) !== uploadedFile);
22173
+ const err = validateDocumentNumber(documentNumber, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, true, !!uploadedFile);
22174
+ setDocNumberError(err);
22175
+ if (err) {
22176
+ return filteredDocumentsByFileStoreId;
22177
+ }
22072
22178
  return [...filteredDocumentsByFileStoreId, {
22073
22179
  documentType: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
22074
22180
  fileStoreId: uploadedFile,
22075
22181
  id: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.id,
22076
22182
  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,
22183
+ documentUid: documentNumber ? documentNumber : selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.documentUid ? selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.documentUid : uploadedFile,
22184
+ documentNumber: documentNumber ? documentNumber : selectedDocument !== null && selectedDocument !== void 0 && selectedDocument.documentNumber ? selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.documentNumber : "",
22078
22185
  fileName: (file === null || file === void 0 ? void 0 : file.name) || "",
22079
22186
  status: "ACTIVE"
22080
22187
  }];
22081
22188
  });
22082
22189
  }
22083
- }, [uploadedFile, selectedDocument]);
22190
+ }, [uploadedFile, selectedDocument, documentNumber]);
22084
22191
  React.useEffect(() => {
22085
22192
  (function () {
22086
22193
  try {
@@ -22128,27 +22235,109 @@ function SelectDocument$2(_ref2) {
22128
22235
  }, [file]);
22129
22236
  return /*#__PURE__*/React__default.createElement("div", {
22130
22237
  style: {
22131
- marginBottom: "24px"
22238
+ gridColumn: "span 2",
22239
+ display: "grid",
22240
+ gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
22241
+ gap: "20px",
22242
+ width: "100%",
22243
+ marginBottom: "20px"
22244
+ }
22245
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
22246
+ className: "card-label-smaller",
22247
+ style: {
22248
+ marginBottom: "8px"
22132
22249
  }
22133
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
22250
+ }, t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + "*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
22134
22251
  t: t,
22135
22252
  isMandatory: false,
22136
22253
  option: doc === null || doc === void 0 ? void 0 : doc.dropdownData,
22137
22254
  selected: selectedDocument,
22138
22255
  optionKey: "i18nKey",
22139
22256
  select: handleSelectDocument
22140
- }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
22257
+ })), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
22258
+ className: "card-label-smaller",
22259
+ style: {
22260
+ marginBottom: "8px"
22261
+ }
22262
+ }, t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + " Document Number"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
22263
+ type: "text",
22264
+ value: documentNumber,
22265
+ onChange: e => {
22266
+ var _selectedDocument$cod;
22267
+ let val = e.target.value;
22268
+ const upperCode = (selectedDocument === null || selectedDocument === void 0 ? void 0 : (_selectedDocument$cod = selectedDocument.code) === null || _selectedDocument$cod === void 0 ? void 0 : _selectedDocument$cod.toUpperCase()) || "";
22269
+ 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;
22270
+ if (val.length > maxLen) {
22271
+ val = val.substring(0, maxLen);
22272
+ }
22273
+ setDocumentNumber(val);
22274
+ setDocNumberError(null);
22275
+ },
22276
+ onBlur: () => {
22277
+ setDocNumberError(validateDocumentNumber(documentNumber, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code, true, !!uploadedFile));
22278
+ },
22279
+ placeholder: t("WS_DOCUMENT_NO_PLACEHOLDER") || "Enter Document Number",
22280
+ style: docNumberError ? {
22281
+ border: "1px solid #d32f2f"
22282
+ } : {},
22283
+ 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
22284
+ }), docNumberError && /*#__PURE__*/React__default.createElement("div", {
22285
+ style: {
22286
+ fontSize: "12px",
22287
+ color: "#d32f2f",
22288
+ marginTop: "4px"
22289
+ }
22290
+ }, 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", {
22291
+ style: {
22292
+ fontSize: "11px",
22293
+ color: "#000000",
22294
+ marginTop: "4px"
22295
+ }
22296
+ }, 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", {
22297
+ style: {
22298
+ fontSize: "11px",
22299
+ color: "#000000",
22300
+ marginTop: "4px"
22301
+ }
22302
+ }, 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", {
22303
+ style: {
22304
+ fontSize: "11px",
22305
+ color: "#000000",
22306
+ marginTop: "4px"
22307
+ }
22308
+ }, 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", {
22309
+ style: {
22310
+ fontSize: "11px",
22311
+ color: "#000000",
22312
+ marginTop: "4px"
22313
+ }
22314
+ }, 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", {
22315
+ style: {
22316
+ fontSize: "11px",
22317
+ color: "#000000",
22318
+ marginTop: "4px"
22319
+ }
22320
+ }, t("WS_PASSPORT_VALIDATION_ERROR") || "Format: A1234567")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
22321
+ className: "card-label-smaller",
22322
+ style: {
22323
+ marginBottom: "8px"
22324
+ }
22325
+ }, "Upload " + t(doc === null || doc === void 0 ? void 0 : doc.i18nKey) + " Document*"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
22141
22326
  id: "noc-doc-" + key,
22142
22327
  extraStyleName: "propertyCreate",
22143
22328
  accept: "image/*, .pdf, .png, .jpeg, .jpg",
22144
22329
  onUpload: selectfile,
22145
22330
  onDelete: () => {
22331
+ var _doc$dropdownData2;
22146
22332
  setUploadedFile(null);
22333
+ setFile(null);
22334
+ setDocumentNumber("");
22335
+ 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
22336
  setCheckRequiredFields(true);
22148
22337
  },
22149
22338
  message: uploadedFile ? "1 " + t("CS_ACTION_FILEUPLOADED") : t("ES_NO_FILE_SELECTED_LABEL"),
22150
22339
  error: error
22151
- }));
22340
+ })));
22152
22341
  }
22153
22342
 
22154
22343
  const BannerPicker = props => {
@@ -23036,7 +23225,7 @@ const WSDeclaration = _ref => {
23036
23225
  };
23037
23226
 
23038
23227
  const WSDjbEmployee = _ref => {
23039
- var _formData$djbEmployee, _formData$additionalD, _formData$djbEmployee2, _formData$additionalD2, _formData$djbEmployee3, _formData$additionalD3, _formData$djbEmployee4, _formData$additionalD4;
23228
+ var _formData$djbEmployee, _formData$additionalD, _formData$djbEmployee2, _formData$additionalD2, _formData$djbEmployee3, _formData$additionalD3, _formData$djbEmployee4, _formData$additionalD4, _formData$djbEmployee5, _formData$additionalD5;
23040
23229
  let config = _ref.config,
23041
23230
  onSelect = _ref.onSelect,
23042
23231
  userType = _ref.userType,
@@ -23051,7 +23240,8 @@ const WSDjbEmployee = _ref => {
23051
23240
  isDjbEmployee: String(formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee = formData.djbEmployee) === null || _formData$djbEmployee === void 0 ? void 0 : _formData$djbEmployee.isDjbEmployee) === "true" || String(formData === null || formData === void 0 ? void 0 : (_formData$additionalD = formData.additionalDetails) === null || _formData$additionalD === void 0 ? void 0 : _formData$additionalD.isDjbEmployee) === "true" || false,
23052
23241
  employeeId: (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee2 = formData.djbEmployee) === null || _formData$djbEmployee2 === void 0 ? void 0 : _formData$djbEmployee2.employeeId) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD2 = formData.additionalDetails) === null || _formData$additionalD2 === void 0 ? void 0 : _formData$additionalD2.employeeId) || "",
23053
23242
  dor: (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee3 = formData.djbEmployee) === null || _formData$djbEmployee3 === void 0 ? void 0 : _formData$djbEmployee3.dor) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD3 = formData.additionalDetails) === null || _formData$additionalD3 === void 0 ? void 0 : _formData$additionalD3.dor) || "",
23054
- designation: (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee4 = formData.djbEmployee) === null || _formData$djbEmployee4 === void 0 ? void 0 : _formData$djbEmployee4.designation) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD4 = formData.additionalDetails) === null || _formData$additionalD4 === void 0 ? void 0 : _formData$additionalD4.designation) || ""
23243
+ designation: (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee4 = formData.djbEmployee) === null || _formData$djbEmployee4 === void 0 ? void 0 : _formData$djbEmployee4.designation) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD4 = formData.additionalDetails) === null || _formData$additionalD4 === void 0 ? void 0 : _formData$additionalD4.designation) || "",
23244
+ document: (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee5 = formData.djbEmployee) === null || _formData$djbEmployee5 === void 0 ? void 0 : _formData$djbEmployee5.document) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD5 = formData.additionalDetails) === null || _formData$additionalD5 === void 0 ? void 0 : _formData$additionalD5.document) || ""
23055
23245
  }
23056
23246
  }),
23057
23247
  control = _useForm.control,
@@ -23061,16 +23251,79 @@ const WSDjbEmployee = _ref => {
23061
23251
  const formValue = watch();
23062
23252
  const isDjbEmployee = watch("isDjbEmployee");
23063
23253
  React.useEffect(() => {
23064
- var _formData$djbEmployee5, _formData$additionalD5;
23065
- const isEmp = String(formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee5 = formData.djbEmployee) === null || _formData$djbEmployee5 === void 0 ? void 0 : _formData$djbEmployee5.isDjbEmployee) === "true" || String(formData === null || formData === void 0 ? void 0 : (_formData$additionalD5 = formData.additionalDetails) === null || _formData$additionalD5 === void 0 ? void 0 : _formData$additionalD5.isDjbEmployee) === "true";
23254
+ var _formData$djbEmployee6, _formData$additionalD6;
23255
+ const isEmp = String(formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee6 = formData.djbEmployee) === null || _formData$djbEmployee6 === void 0 ? void 0 : _formData$djbEmployee6.isDjbEmployee) === "true" || String(formData === null || formData === void 0 ? void 0 : (_formData$additionalD6 = formData.additionalDetails) === null || _formData$additionalD6 === void 0 ? void 0 : _formData$additionalD6.isDjbEmployee) === "true";
23066
23256
  if (isEmp !== undefined && isEmp !== null) {
23067
- var _formData$djbEmployee6, _formData$additionalD6, _formData$djbEmployee7, _formData$additionalD7, _formData$djbEmployee8, _formData$additionalD8;
23257
+ var _formData$djbEmployee7, _formData$additionalD7, _formData$djbEmployee8, _formData$additionalD8, _formData$djbEmployee9, _formData$additionalD9, _formData$djbEmployee0, _formData$additionalD0;
23068
23258
  setValue("isDjbEmployee", isEmp);
23069
- setValue("employeeId", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee6 = formData.djbEmployee) === null || _formData$djbEmployee6 === void 0 ? void 0 : _formData$djbEmployee6.employeeId) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD6 = formData.additionalDetails) === null || _formData$additionalD6 === void 0 ? void 0 : _formData$additionalD6.employeeId) || "");
23070
- setValue("dor", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee7 = formData.djbEmployee) === null || _formData$djbEmployee7 === void 0 ? void 0 : _formData$djbEmployee7.dor) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD7 = formData.additionalDetails) === null || _formData$additionalD7 === void 0 ? void 0 : _formData$additionalD7.dor) || "");
23071
- setValue("designation", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee8 = formData.djbEmployee) === null || _formData$djbEmployee8 === void 0 ? void 0 : _formData$djbEmployee8.designation) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD8 = formData.additionalDetails) === null || _formData$additionalD8 === void 0 ? void 0 : _formData$additionalD8.designation) || "");
23259
+ setValue("employeeId", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee7 = formData.djbEmployee) === null || _formData$djbEmployee7 === void 0 ? void 0 : _formData$djbEmployee7.employeeId) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD7 = formData.additionalDetails) === null || _formData$additionalD7 === void 0 ? void 0 : _formData$additionalD7.employeeId) || "");
23260
+ setValue("dor", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee8 = formData.djbEmployee) === null || _formData$djbEmployee8 === void 0 ? void 0 : _formData$djbEmployee8.dor) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD8 = formData.additionalDetails) === null || _formData$additionalD8 === void 0 ? void 0 : _formData$additionalD8.dor) || "");
23261
+ setValue("designation", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee9 = formData.djbEmployee) === null || _formData$djbEmployee9 === void 0 ? void 0 : _formData$djbEmployee9.designation) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD9 = formData.additionalDetails) === null || _formData$additionalD9 === void 0 ? void 0 : _formData$additionalD9.designation) || "");
23262
+ setValue("document", (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee0 = formData.djbEmployee) === null || _formData$djbEmployee0 === void 0 ? void 0 : _formData$djbEmployee0.document) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD0 = formData.additionalDetails) === null || _formData$additionalD0 === void 0 ? void 0 : _formData$additionalD0.document) || "");
23072
23263
  }
23073
23264
  }, [formData === null || formData === void 0 ? void 0 : formData.djbEmployee, formData === null || formData === void 0 ? void 0 : formData.additionalDetails, setValue]);
23265
+ const tenantId = Digit.ULBService.getCurrentTenantId();
23266
+ const _useState = React.useState(null),
23267
+ file = _useState[0],
23268
+ setFile = _useState[1];
23269
+ const _useState2 = React.useState(() => {
23270
+ var _formData$djbEmployee1, _formData$additionalD1;
23271
+ return (formData === null || formData === void 0 ? void 0 : (_formData$djbEmployee1 = formData.djbEmployee) === null || _formData$djbEmployee1 === void 0 ? void 0 : _formData$djbEmployee1.document) || (formData === null || formData === void 0 ? void 0 : (_formData$additionalD1 = formData.additionalDetails) === null || _formData$additionalD1 === void 0 ? void 0 : _formData$additionalD1.document) || null;
23272
+ }),
23273
+ uploadedFile = _useState2[0],
23274
+ setUploadedFile = _useState2[1];
23275
+ const _useState3 = React.useState(null),
23276
+ errorUpload = _useState3[0],
23277
+ setErrorUpload = _useState3[1];
23278
+ React.useEffect(() => {
23279
+ (function () {
23280
+ try {
23281
+ setErrorUpload(null);
23282
+ const _temp3 = function () {
23283
+ if (file) {
23284
+ const _temp2 = function () {
23285
+ if (file.size >= 5242880) {
23286
+ setErrorUpload({
23287
+ key: "error",
23288
+ message: "CS_MAXIMUM_UPLOAD_SIZE_EXCEEDED"
23289
+ });
23290
+ } else {
23291
+ const _temp = _catch(function () {
23292
+ setUploadedFile(null);
23293
+ return Promise.resolve(Digit.UploadServices.Filestorage("WS", file, tenantId === null || tenantId === void 0 ? void 0 : tenantId.split(".")[0])).then(function (response) {
23294
+ var _response$data, _response$data$files;
23295
+ if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : (_response$data$files = _response$data.files) === null || _response$data$files === void 0 ? void 0 : _response$data$files.length) > 0) {
23296
+ var _response$data2, _response$data2$files, _response$data3, _response$data3$files;
23297
+ setUploadedFile(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId);
23298
+ setValue("document", response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$files = _response$data3.files[0]) === null || _response$data3$files === void 0 ? void 0 : _response$data3$files.fileStoreId);
23299
+ } else {
23300
+ setErrorUpload({
23301
+ key: "error",
23302
+ message: "CS_FILE_UPLOAD_ERROR"
23303
+ });
23304
+ }
23305
+ });
23306
+ }, function () {
23307
+ setErrorUpload({
23308
+ key: "error",
23309
+ message: "CS_FILE_UPLOAD_ERROR"
23310
+ });
23311
+ });
23312
+ if (_temp && _temp.then) return _temp.then(function () {});
23313
+ }
23314
+ }();
23315
+ if (_temp2 && _temp2.then) return _temp2.then(function () {});
23316
+ }
23317
+ }();
23318
+ return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
23319
+ } catch (e) {
23320
+ Promise.reject(e);
23321
+ }
23322
+ })();
23323
+ }, [file]);
23324
+ function selectfile(e) {
23325
+ setFile(e.target.files[0]);
23326
+ }
23074
23327
  React.useEffect(() => {
23075
23328
  if (userType === "employee") {
23076
23329
  const isDifferent = !lodash.isEqual(formData === null || formData === void 0 ? void 0 : formData.djbEmployee, formValue);
@@ -23099,11 +23352,7 @@ const WSDjbEmployee = _ref => {
23099
23352
  const FormContent = /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollapsibleCardPage, {
23100
23353
  title: t("WS_DJB_EMPLOYEE"),
23101
23354
  defaultOpen: true
23102
- }, /*#__PURE__*/React__default.createElement("div", {
23103
- style: {
23104
- marginBottom: "24px"
23105
- }
23106
- }, /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
23355
+ }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
23107
23356
  control: control,
23108
23357
  name: "isDjbEmployee",
23109
23358
  render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.CheckBox, {
@@ -23149,6 +23398,29 @@ const WSDjbEmployee = _ref => {
23149
23398
  onChange: e => props.onChange(e.target.value),
23150
23399
  onBlur: props.onBlur
23151
23400
  })
23401
+ })))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WS_UPLOAD_EMPLOYEE_ID_DOC") + " *"), /*#__PURE__*/React__default.createElement("div", {
23402
+ className: "field"
23403
+ }, /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
23404
+ control: control,
23405
+ name: "document",
23406
+ rules: {
23407
+ required: isDjbEmployee ? t("CORE_COMMON_REQUIRED_ERRMSG") : false
23408
+ },
23409
+ render: props => /*#__PURE__*/React__default.createElement(digitUiReactComponents.UploadFile, {
23410
+ id: "employee-doc",
23411
+ extraStyleName: "propertyCreate",
23412
+ accept: "image/*, .pdf, .png, .jpeg, .jpg",
23413
+ onUpload: e => {
23414
+ selectfile(e);
23415
+ },
23416
+ onDelete: () => {
23417
+ setUploadedFile(null);
23418
+ setFile(null);
23419
+ props.onChange("");
23420
+ },
23421
+ message: uploadedFile ? "1 " + t("CS_ACTION_FILEUPLOADED") : t("ES_NO_FILE_SELECTED_LABEL"),
23422
+ error: errorUpload
23423
+ })
23152
23424
  }))))));
23153
23425
  if (userType === "citizen") {
23154
23426
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Timeline, {
@@ -31055,7 +31327,11 @@ function WSDocument(_ref) {
31055
31327
  style: {
31056
31328
  marginTop: "8px"
31057
31329
  }
31058
- }, t(Code === null || Code === void 0 ? void 0 : Code.split('.').slice(0, 3).join('_'))) : null);
31330
+ }, 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", {
31331
+ style: {
31332
+ marginTop: "8px"
31333
+ }
31334
+ }, document === null || document === void 0 ? void 0 : document.documentNumber) : "N/A");
31059
31335
  }))));
31060
31336
  }
31061
31337
 
@@ -32740,6 +33016,18 @@ const WSApplicationDetails = () => {
32740
33016
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
32741
33017
  label: t("WS_EMPLOYEE_DESIGNATION"),
32742
33018
  text: "" + t(checkForNA$1(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.designation))
33019
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
33020
+ label: t("WS_UPLOAD_EMPLOYEE_ID_DOC"),
33021
+ text: /*#__PURE__*/React__default.createElement("span", {
33022
+ style: {
33023
+ display: "flex",
33024
+ alignItems: "center",
33025
+ gap: "8px",
33026
+ cursor: "pointer",
33027
+ color: "#f47738"
33028
+ },
33029
+ onClick: () => getFiles([djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document], tenantId)
33030
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
32743
33031
  }))), !isMutation && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
32744
33032
  styles: {
32745
33033
  fontSize: "28px"
@@ -34741,7 +35029,16 @@ const CheckPage = _ref => {
34741
35029
  const checkForNA = val => val ? val : "CS_NA";
34742
35030
  const onEdit = () => {};
34743
35031
  const ActionButton = () => null;
34744
- const openFilePDF = () => {};
35032
+ const openFilePDF = function (fileStoreId) {
35033
+ try {
35034
+ if (fileStoreId) {
35035
+ getFiles([fileStoreId], (value === null || value === void 0 ? void 0 : value.tenantId) || Digit.ULBService.getStateId());
35036
+ }
35037
+ return Promise.resolve();
35038
+ } catch (e) {
35039
+ return Promise.reject(e);
35040
+ }
35041
+ };
34745
35042
  let propAddArr = [];
34746
35043
  if (cpt && cpt !== null && cpt !== void 0 && cpt.details && Object.keys(cpt === null || cpt === void 0 ? void 0 : cpt.details).length > 0) {
34747
35044
  var _cpt$details, _cpt$details$address, _cpt$details3, _cpt$details3$address, _cpt$details5, _cpt$details5$address, _cpt$details7, _cpt$details7$address, _cpt$details7$address2, _cpt$details0, _cpt$details10, _cpt$details10$addres;
@@ -34862,7 +35159,7 @@ const CheckPage = _ref => {
34862
35159
  cursor: "pointer",
34863
35160
  color: "#f47738"
34864
35161
  },
34865
- onClick: () => openFilePDF()
35162
+ onClick: () => openFilePDF(connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.orgDeptDocument)
34866
35163
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
34867
35164
  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
34868
35165
  styles: {
@@ -35022,6 +35319,18 @@ const CheckPage = _ref => {
35022
35319
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35023
35320
  label: t("WS_EMPLOYEE_DESIGNATION"),
35024
35321
  text: "" + t(checkForNA(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.designation))
35322
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35323
+ label: t("WS_UPLOAD_EMPLOYEE_ID_DOC"),
35324
+ text: /*#__PURE__*/React__default.createElement("span", {
35325
+ style: {
35326
+ display: "flex",
35327
+ alignItems: "center",
35328
+ gap: "8px",
35329
+ cursor: "pointer",
35330
+ color: "#f47738"
35331
+ },
35332
+ onClick: () => openFilePDF(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document)
35333
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
35025
35334
  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_BANK_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
35026
35335
  style: {
35027
35336
  marginTop: "10px",
@@ -35788,19 +36097,7 @@ const CheckPage$1 = () => {
35788
36097
  style: {
35789
36098
  width: "100%"
35790
36099
  }
35791
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Header, {
35792
- styles: {
35793
- fontSize: "32px"
35794
- }
35795
- }, t("WS_COMMON_SUMMARY")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
35796
- style: {
35797
- paddingRight: "16px"
35798
- }
35799
- }, /*#__PURE__*/React__default.createElement("div", {
35800
- style: {
35801
- display: "inline"
35802
- }
35803
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
36100
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
35804
36101
  styles: {
35805
36102
  fontSize: "28px"
35806
36103
  }
@@ -35818,7 +36115,7 @@ const CheckPage$1 = () => {
35818
36115
  display: "inline"
35819
36116
  },
35820
36117
  onClick: () => routeTo(routeLink + "/application-form")
35821
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
36118
+ }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
35822
36119
  className: "border-none",
35823
36120
  label: t("WS_DISCONNECTION_CONSUMER_NUMBER"),
35824
36121
  text: value.connectionNo
@@ -35838,15 +36135,7 @@ const CheckPage$1 = () => {
35838
36135
  className: "border-none",
35839
36136
  label: t("WS_DISCONNECTION_REASON"),
35840
36137
  text: t(value.WSDisconnectionForm.reason.value.i18nKey)
35841
- }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
35842
- style: {
35843
- paddingRight: "16px"
35844
- }
35845
- }, /*#__PURE__*/React__default.createElement("div", {
35846
- style: {
35847
- display: "inline"
35848
- }
35849
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
36138
+ })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, {
35850
36139
  styles: {
35851
36140
  fontSize: "28px"
35852
36141
  }
@@ -35864,11 +36153,15 @@ const CheckPage$1 = () => {
35864
36153
  display: "inline"
35865
36154
  },
35866
36155
  onClick: () => routeTo(routeLink + "/documents-upload")
35867
- })), documents && (documents === null || documents === void 0 ? void 0 : documents.map((doc, index) => {
36156
+ }), documents && (documents === null || documents === void 0 ? void 0 : documents.map((doc, index) => {
35868
36157
  var _doc$documentType;
35869
36158
  return /*#__PURE__*/React__default.createElement("div", {
35870
36159
  key: "doc-" + index
35871
- }, /*#__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, {
36160
+ }, /*#__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, {
36161
+ className: "border-none",
36162
+ label: t("WS_DOCUMENT_NUMBER"),
36163
+ text: (doc === null || doc === void 0 ? void 0 : doc.documentNumber) || (doc === null || doc === void 0 ? void 0 : doc.documentUid) || t("NA")
36164
+ }), /*#__PURE__*/React__default.createElement(WSDocument, {
35872
36165
  value: {
35873
36166
  documents: value.WSDisconnectionForm
35874
36167
  },
@@ -35884,10 +36177,17 @@ const CheckPage$1 = () => {
35884
36177
  marginBottom: "20px"
35885
36178
  }
35886
36179
  }) : null)));
35887
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
36180
+ })), /*#__PURE__*/React__default.createElement("div", {
36181
+ style: {
36182
+ display: "flex",
36183
+ justifyContent: "flex-end",
36184
+ width: "100%",
36185
+ gridColumn: "1 / -1"
36186
+ }
36187
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
35888
36188
  label: t("CS_COMMON_SUBMIT"),
35889
36189
  onSubmit: () => onSubmit(value === null || value === void 0 ? void 0 : value.WSDisconnectionForm)
35890
- })))));
36190
+ }))))));
35891
36191
  };
35892
36192
 
35893
36193
  const CheckPage$2 = () => {
@@ -45297,7 +45597,7 @@ function PropertyDocuments(_ref) {
45297
45597
  var _pdfFiles$value$fileS;
45298
45598
  const fileUrl = (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0];
45299
45599
  const docSubType = getDocSubType(value === null || value === void 0 ? void 0 : value.documentType);
45300
- const docUid = (value === null || value === void 0 ? void 0 : value.documentUid) || "";
45600
+ const docUid = (value === null || value === void 0 ? void 0 : value.documentNumber) || (value === null || value === void 0 ? void 0 : value.documentUid) || "";
45301
45601
  const isPhoto = value === null || value === void 0 ? void 0 : value.isPhoto;
45302
45602
  let typeLabel = "";
45303
45603
  let numLabel = "";
@@ -46493,6 +46793,7 @@ const RenewPopup = _ref => {
46493
46793
  };
46494
46794
 
46495
46795
  const DueVerification = _ref => {
46796
+ var _window, _window$Digit, _window$Digit$ULBServ, _window2, _window2$Digit, _window2$Digit$Hooks, _window2$Digit$Hooks$;
46496
46797
  let applicationData = _ref.applicationData;
46497
46798
  const _useTranslation = reactI18next.useTranslation(),
46498
46799
  t = _useTranslation.t;
@@ -46561,23 +46862,67 @@ const DueVerification = _ref => {
46561
46862
  setTableData(applicationData.dueVerification);
46562
46863
  }
46563
46864
  }, [applicationData]);
46564
- const handleAdd = () => {
46565
- if (kno) {
46566
- const mockData = {
46567
- kno: kno,
46568
- fullName: "John Doe",
46569
- fullAddress: "123 Main St, New Delhi, Delhi 110001",
46570
- dueAmount: "1500",
46571
- totalAmount: "1500",
46572
- remarks: remarks
46573
- };
46574
- const newTableData = [...tableData, mockData];
46575
- setTableData(newTableData);
46576
- if (applicationData) {
46577
- applicationData.dueVerification = newTableData;
46578
- }
46579
- setKno("");
46580
- setRemarks("");
46865
+ 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";
46866
+ 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),
46867
+ checkDueVerification = _window$Digit$Hooks$w.mutateAsync;
46868
+ const _useState4 = React.useState(null),
46869
+ showToast = _useState4[0],
46870
+ setShowToast = _useState4[1];
46871
+ const handleAdd = function () {
46872
+ try {
46873
+ return Promise.resolve(function () {
46874
+ if (kno) {
46875
+ return _catch(function () {
46876
+ return Promise.resolve(checkDueVerification({
46877
+ DueVerification: {
46878
+ kno: kno
46879
+ }
46880
+ })).then(function (response) {
46881
+ var _response$response, _response$response$da, _response$response2, _response$response2$d, _response$response2$d2;
46882
+ 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) {
46883
+ setShowToast({
46884
+ isError: true,
46885
+ message: response.response.data.Errors[0].message || t("CS_SOMETHING_WENT_WRONG")
46886
+ });
46887
+ return;
46888
+ }
46889
+ 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) || [];
46890
+ if (dueVerifications && dueVerifications.length > 0) {
46891
+ const newEntries = dueVerifications.map(dueVerificationData => ({
46892
+ kno: dueVerificationData.kno || kno,
46893
+ fullName: dueVerificationData.fullName || "NA",
46894
+ fullAddress: dueVerificationData.fullAddress || "NA",
46895
+ dueAmount: dueVerificationData.dueAmount || "0",
46896
+ totalAmount: dueVerificationData.totalAmount || "0",
46897
+ remarks: dueVerificationData.remarks || remarks
46898
+ }));
46899
+ const newTableData = [...tableData, ...newEntries];
46900
+ setTableData(newTableData);
46901
+ if (applicationData) {
46902
+ applicationData.dueVerification = newTableData;
46903
+ }
46904
+ setKno("");
46905
+ setRemarks("");
46906
+ } else {
46907
+ var _response$Errors, _response$Errors$;
46908
+ setShowToast({
46909
+ isError: true,
46910
+ 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."
46911
+ });
46912
+ }
46913
+ });
46914
+ }, function (error) {
46915
+ var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
46916
+ console.error("Error fetching due verification data:", error);
46917
+ setShowToast({
46918
+ isError: true,
46919
+ 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."
46920
+ });
46921
+ });
46922
+ }
46923
+ }());
46924
+ } catch (e) {
46925
+ return Promise.reject(e);
46581
46926
  }
46582
46927
  };
46583
46928
  return /*#__PURE__*/React__default.createElement("div", {
@@ -46613,7 +46958,7 @@ const DueVerification = _ref => {
46613
46958
  color: "red"
46614
46959
  }
46615
46960
  }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
46616
- type: "number",
46961
+ type: "text",
46617
46962
  value: kno,
46618
46963
  onChange: e => setKno(e.target.value),
46619
46964
  style: {
@@ -46650,7 +46995,12 @@ const DueVerification = _ref => {
46650
46995
  isPaginationRequired: true,
46651
46996
  data: tableData,
46652
46997
  columns: columns
46653
- })));
46998
+ })), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
46999
+ error: showToast.isError,
47000
+ label: showToast.message,
47001
+ onClose: () => setShowToast(null),
47002
+ isDleteBtn: true
47003
+ }));
46654
47004
  };
46655
47005
 
46656
47006
  const InspectionInformation = _ref => {
@@ -50701,9 +51051,11 @@ const Step1_SearchConnection = _ref => {
50701
51051
  return Promise.reject(e);
50702
51052
  }
50703
51053
  };
51054
+ const isMobileView = window.innerWidth < 768;
50704
51055
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50705
51056
  style: {
50706
- marginBottom: "20px"
51057
+ marginBottom: "20px",
51058
+ padding: isMobileView ? "12px" : undefined
50707
51059
  }
50708
51060
  }, /*#__PURE__*/React__default.createElement("div", {
50709
51061
  style: {
@@ -50715,19 +51067,23 @@ const Step1_SearchConnection = _ref => {
50715
51067
  }
50716
51068
  }, /*#__PURE__*/React__default.createElement("span", {
50717
51069
  style: {
50718
- fontSize: "24px"
51070
+ fontSize: isMobileView ? "20px" : "24px"
50719
51071
  }
50720
51072
  }, "\uD83D\uDD0D"), /*#__PURE__*/React__default.createElement("h2", {
50721
51073
  style: {
50722
- fontSize: "18px",
51074
+ fontSize: isMobileView ? "16px" : "18px",
50723
51075
  fontWeight: "700",
50724
51076
  margin: 0
50725
51077
  }
50726
- }, "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", {
51078
+ }, "1. Connection Authentication")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, {
51079
+ style: {
51080
+ fontSize: isMobileView ? "13px" : undefined
51081
+ }
51082
+ }, "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", {
50727
51083
  style: {
50728
51084
  marginBottom: "24px",
50729
51085
  marginTop: "16px",
50730
- padding: "16px",
51086
+ padding: isMobileView ? "12px" : "16px",
50731
51087
  backgroundColor: "#f9f9f9",
50732
51088
  borderRadius: "8px",
50733
51089
  borderLeft: "4px solid #00497e"
@@ -50739,26 +51095,26 @@ const Step1_SearchConnection = _ref => {
50739
51095
  }, /*#__PURE__*/React__default.createElement("div", {
50740
51096
  style: {
50741
51097
  fontWeight: "bold",
50742
- marginBottom: "8px"
51098
+ marginBottom: "8px",
51099
+ fontSize: isMobileView ? "14px" : undefined
50743
51100
  }
50744
51101
  }, "K Number / Connection ID *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
50745
51102
  value: kNumber,
50746
51103
  onChange: e => setKNumber(e.target.value),
50747
51104
  placeholder: "Enter K Number",
50748
51105
  style: {
50749
- width: "100%",
50750
- maxWidth: "400px"
51106
+ width: "100%"
50751
51107
  }
50752
51108
  })), /*#__PURE__*/React__default.createElement("div", {
50753
51109
  style: {
50754
51110
  display: "flex",
50755
- justifyContent: "flex-end"
51111
+ justifyContent: isMobileView ? "center" : "flex-end"
50756
51112
  }
50757
51113
  }, /*#__PURE__*/React__default.createElement("button", {
50758
51114
  onClick: handleSendOtp,
50759
51115
  disabled: isLoading,
50760
51116
  style: {
50761
- padding: "10px 20px",
51117
+ padding: isMobileView ? "12px 16px" : "10px 20px",
50762
51118
  backgroundColor: "#00497e",
50763
51119
  color: "white",
50764
51120
  border: "none",
@@ -50766,8 +51122,9 @@ const Step1_SearchConnection = _ref => {
50766
51122
  cursor: "pointer",
50767
51123
  fontWeight: "bold",
50768
51124
  opacity: isLoading ? 0.7 : 1,
50769
- width: "100%",
50770
- maxWidth: "200px"
51125
+ width: isMobileView ? "100%" : "auto",
51126
+ maxWidth: isMobileView ? "100%" : "200px",
51127
+ fontSize: isMobileView ? "14px" : undefined
50771
51128
  }
50772
51129
  }, isLoading ? "Sending OTP..." : "Send OTP →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
50773
51130
  error: showToast.key === "error",
@@ -50863,6 +51220,7 @@ const Step1_ExistingConnection = _ref => {
50863
51220
  return Promise.reject(e);
50864
51221
  }
50865
51222
  };
51223
+ const isMobileView = window.innerWidth < 768;
50866
51224
  const infoItemStyle = {
50867
51225
  display: "flex",
50868
51226
  flexDirection: "column",
@@ -50870,11 +51228,12 @@ const Step1_ExistingConnection = _ref => {
50870
51228
  };
50871
51229
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
50872
51230
  style: {
50873
- marginBottom: "20px"
51231
+ marginBottom: "20px",
51232
+ padding: isMobileView ? "12px" : undefined
50874
51233
  }
50875
51234
  }, /*#__PURE__*/React__default.createElement("div", {
50876
51235
  style: {
50877
- padding: "12px 16px",
51236
+ padding: isMobileView ? "10px 12px" : "12px 16px",
50878
51237
  backgroundColor: "#fff3cd",
50879
51238
  color: "#856404",
50880
51239
  borderRadius: "8px",
@@ -50886,17 +51245,18 @@ const Step1_ExistingConnection = _ref => {
50886
51245
  }
50887
51246
  }, /*#__PURE__*/React__default.createElement("span", {
50888
51247
  style: {
50889
- fontSize: "18px",
51248
+ fontSize: isMobileView ? "16px" : "18px",
50890
51249
  flexShrink: 0
50891
51250
  }
50892
51251
  }, "\u2139\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50893
51252
  style: {
50894
51253
  fontWeight: "500",
50895
- fontSize: "14px"
51254
+ fontSize: isMobileView ? "12px" : "14px",
51255
+ lineHeight: "1.4"
50896
51256
  }
50897
51257
  }, "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", {
50898
51258
  style: {
50899
- padding: "12px 16px",
51259
+ padding: isMobileView ? "10px 12px" : "12px 16px",
50900
51260
  backgroundColor: "#fdecea",
50901
51261
  color: "#611a15",
50902
51262
  borderRadius: "8px",
@@ -50914,7 +51274,7 @@ const Step1_ExistingConnection = _ref => {
50914
51274
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
50915
51275
  style: {
50916
51276
  fontWeight: "500",
50917
- fontSize: "14px"
51277
+ fontSize: isMobileView ? "12px" : "14px"
50918
51278
  }
50919
51279
  }, "Note: Some connection details are missing (", missingFields.join(", "), "). You may need to update them during the mutation process.")), /*#__PURE__*/React__default.createElement("div", {
50920
51280
  style: {
@@ -50926,17 +51286,17 @@ const Step1_ExistingConnection = _ref => {
50926
51286
  }
50927
51287
  }, /*#__PURE__*/React__default.createElement("span", {
50928
51288
  style: {
50929
- fontSize: "22px"
51289
+ fontSize: isMobileView ? "20px" : "22px"
50930
51290
  }
50931
51291
  }, "\uD83C\uDFE2"), /*#__PURE__*/React__default.createElement("h2", {
50932
51292
  style: {
50933
- fontSize: "18px",
51293
+ fontSize: isMobileView ? "16px" : "18px",
50934
51294
  fontWeight: "700",
50935
51295
  margin: 0
50936
51296
  }
50937
51297
  }, "2. Existing Consumer Details")), /*#__PURE__*/React__default.createElement("div", {
50938
51298
  style: {
50939
- padding: "16px",
51299
+ padding: isMobileView ? "12px" : "16px",
50940
51300
  backgroundColor: "#f9f9f9",
50941
51301
  borderRadius: "8px",
50942
51302
  borderLeft: "4px solid #00497e"
@@ -50944,95 +51304,103 @@ const Step1_ExistingConnection = _ref => {
50944
51304
  }, /*#__PURE__*/React__default.createElement("div", {
50945
51305
  style: {
50946
51306
  display: "grid",
50947
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
50948
- gap: "16px"
51307
+ gridTemplateColumns: isMobileView ? "1fr 1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
51308
+ gap: isMobileView ? "12px" : "16px"
50949
51309
  }
50950
51310
  }, /*#__PURE__*/React__default.createElement("div", {
50951
51311
  style: infoItemStyle
50952
51312
  }, /*#__PURE__*/React__default.createElement("div", {
50953
51313
  style: {
50954
51314
  color: "#555",
50955
- fontSize: "13px",
51315
+ fontSize: isMobileView ? "11px" : "13px",
50956
51316
  marginBottom: "4px"
50957
51317
  }
50958
51318
  }, "Connection Number"), /*#__PURE__*/React__default.createElement("div", {
50959
51319
  style: {
50960
51320
  fontWeight: "bold",
50961
- wordBreak: "break-all"
51321
+ wordBreak: "break-all",
51322
+ fontSize: isMobileView ? "13px" : undefined
50962
51323
  }
50963
51324
  }, connectionNo)), /*#__PURE__*/React__default.createElement("div", {
50964
51325
  style: infoItemStyle
50965
51326
  }, /*#__PURE__*/React__default.createElement("div", {
50966
51327
  style: {
50967
51328
  color: "#555",
50968
- fontSize: "13px",
51329
+ fontSize: isMobileView ? "11px" : "13px",
50969
51330
  marginBottom: "4px"
50970
51331
  }
50971
51332
  }, "Current Owner Name"), /*#__PURE__*/React__default.createElement("div", {
50972
51333
  style: {
50973
51334
  fontWeight: "bold",
50974
- wordBreak: "break-word"
51335
+ wordBreak: "break-word",
51336
+ fontSize: isMobileView ? "13px" : undefined
50975
51337
  }
50976
51338
  }, registeredName)), /*#__PURE__*/React__default.createElement("div", {
50977
- style: infoItemStyle
51339
+ style: _extends({}, infoItemStyle, {
51340
+ gridColumn: isMobileView ? "1 / -1" : undefined
51341
+ })
50978
51342
  }, /*#__PURE__*/React__default.createElement("div", {
50979
51343
  style: {
50980
51344
  color: "#555",
50981
- fontSize: "13px",
51345
+ fontSize: isMobileView ? "11px" : "13px",
50982
51346
  marginBottom: "4px"
50983
51347
  }
50984
51348
  }, "Property Address"), /*#__PURE__*/React__default.createElement("div", {
50985
51349
  style: {
50986
51350
  fontWeight: "bold",
50987
- wordBreak: "break-word"
51351
+ wordBreak: "break-word",
51352
+ fontSize: isMobileView ? "13px" : undefined
50988
51353
  }
50989
51354
  }, formattedAddress)), /*#__PURE__*/React__default.createElement("div", {
50990
51355
  style: infoItemStyle
50991
51356
  }, /*#__PURE__*/React__default.createElement("div", {
50992
51357
  style: {
50993
51358
  color: "#555",
50994
- fontSize: "13px",
51359
+ fontSize: isMobileView ? "11px" : "13px",
50995
51360
  marginBottom: "4px"
50996
51361
  }
50997
51362
  }, "Connection Status"), /*#__PURE__*/React__default.createElement("div", {
50998
51363
  style: {
50999
51364
  fontWeight: "bold",
51000
- color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545"
51365
+ color: (connectionStatus === null || connectionStatus === void 0 ? void 0 : connectionStatus.toLowerCase()) === "active" ? "#28a745" : "#dc3545",
51366
+ fontSize: isMobileView ? "13px" : undefined
51001
51367
  }
51002
51368
  }, connectionStatus)), /*#__PURE__*/React__default.createElement("div", {
51003
51369
  style: infoItemStyle
51004
51370
  }, /*#__PURE__*/React__default.createElement("div", {
51005
51371
  style: {
51006
51372
  color: "#555",
51007
- fontSize: "13px",
51373
+ fontSize: isMobileView ? "11px" : "13px",
51008
51374
  marginBottom: "4px"
51009
51375
  }
51010
51376
  }, "Meter Number"), /*#__PURE__*/React__default.createElement("div", {
51011
51377
  style: {
51012
51378
  fontWeight: "bold",
51013
- wordBreak: "break-all"
51379
+ wordBreak: "break-all",
51380
+ fontSize: isMobileView ? "13px" : undefined
51014
51381
  }
51015
51382
  }, meterId)), /*#__PURE__*/React__default.createElement("div", {
51016
51383
  style: infoItemStyle
51017
51384
  }, /*#__PURE__*/React__default.createElement("div", {
51018
51385
  style: {
51019
51386
  color: "#555",
51020
- fontSize: "13px",
51387
+ fontSize: isMobileView ? "11px" : "13px",
51021
51388
  marginBottom: "4px"
51022
51389
  }
51023
51390
  }, "Mobile Number"), /*#__PURE__*/React__default.createElement("div", {
51024
51391
  style: {
51025
- fontWeight: "bold"
51392
+ fontWeight: "bold",
51393
+ fontSize: isMobileView ? "13px" : undefined
51026
51394
  }
51027
51395
  }, registeredPhone)))), /*#__PURE__*/React__default.createElement("div", {
51028
51396
  style: {
51029
- marginTop: "24px",
51397
+ marginTop: isMobileView ? "16px" : "24px",
51030
51398
  borderTop: "1px solid #e0e0e0",
51031
51399
  paddingTop: "16px"
51032
51400
  }
51033
51401
  }, /*#__PURE__*/React__default.createElement("h3", {
51034
51402
  style: {
51035
- fontSize: "16px",
51403
+ fontSize: isMobileView ? "14px" : "16px",
51036
51404
  fontWeight: "bold",
51037
51405
  marginBottom: "16px"
51038
51406
  }
@@ -51041,29 +51409,31 @@ const Step1_ExistingConnection = _ref => {
51041
51409
  display: "flex",
51042
51410
  flexDirection: "column",
51043
51411
  gap: "8px",
51044
- maxWidth: "400px",
51045
51412
  marginBottom: "16px"
51046
51413
  }
51047
51414
  }, /*#__PURE__*/React__default.createElement("label", {
51048
51415
  style: {
51049
51416
  fontWeight: "500",
51050
- fontSize: "14px"
51417
+ fontSize: isMobileView ? "13px" : "14px"
51051
51418
  }
51052
51419
  }, "Enter OTP sent to +91 ", getMaskedPhone(mobileNumber), " *"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
51053
51420
  value: otp,
51054
51421
  onChange: e => setOtp(e.target.value.replace(/\D/g, '').slice(0, 6)),
51055
51422
  placeholder: "Enter 6-digit OTP",
51056
- maxLength: 6
51423
+ maxLength: 6,
51424
+ style: {
51425
+ width: "100%"
51426
+ }
51057
51427
  })), /*#__PURE__*/React__default.createElement("div", {
51058
51428
  style: {
51059
51429
  display: "flex",
51060
- justifyContent: "flex-end"
51430
+ justifyContent: isMobileView ? "center" : "flex-end"
51061
51431
  }
51062
51432
  }, /*#__PURE__*/React__default.createElement("button", {
51063
51433
  onClick: handleVerifyOtp,
51064
51434
  disabled: isLoading || otp.length < 6,
51065
51435
  style: {
51066
- padding: "10px 20px",
51436
+ padding: isMobileView ? "12px 16px" : "10px 20px",
51067
51437
  backgroundColor: "#00497e",
51068
51438
  color: "white",
51069
51439
  border: "none",
@@ -51071,8 +51441,9 @@ const Step1_ExistingConnection = _ref => {
51071
51441
  cursor: isLoading || otp.length < 6 ? "not-allowed" : "pointer",
51072
51442
  fontWeight: "bold",
51073
51443
  opacity: isLoading || otp.length < 6 ? 0.5 : 1,
51074
- width: "100%",
51075
- maxWidth: "200px"
51444
+ width: isMobileView ? "100%" : "auto",
51445
+ maxWidth: isMobileView ? "100%" : "200px",
51446
+ fontSize: isMobileView ? "14px" : undefined
51076
51447
  }
51077
51448
  }, isLoading ? "Verifying..." : "Verify & Proceed →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51078
51449
  error: (showToast === null || showToast === void 0 ? void 0 : showToast.key) === "error",
@@ -51141,6 +51512,7 @@ const Step2_NewConsumerDetails = _ref => {
51141
51512
  code: "OTHER",
51142
51513
  i18nKey: "Other"
51143
51514
  }];
51515
+ const isMobileView = window.innerWidth < 768;
51144
51516
  const errorStyle = {
51145
51517
  width: "100%",
51146
51518
  marginLeft: "0px",
@@ -51189,7 +51561,8 @@ const Step2_NewConsumerDetails = _ref => {
51189
51561
  }, "*");
51190
51562
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51191
51563
  style: {
51192
- marginBottom: "20px"
51564
+ marginBottom: "20px",
51565
+ padding: isMobileView ? "12px" : undefined
51193
51566
  }
51194
51567
  }, /*#__PURE__*/React__default.createElement("div", {
51195
51568
  style: {
@@ -51201,17 +51574,17 @@ const Step2_NewConsumerDetails = _ref => {
51201
51574
  }
51202
51575
  }, /*#__PURE__*/React__default.createElement("span", {
51203
51576
  style: {
51204
- fontSize: "22px"
51577
+ fontSize: isMobileView ? "20px" : "22px"
51205
51578
  }
51206
51579
  }, "\uD83D\uDC64"), /*#__PURE__*/React__default.createElement("h2", {
51207
51580
  style: {
51208
- fontSize: "18px",
51581
+ fontSize: isMobileView ? "16px" : "18px",
51209
51582
  fontWeight: "700",
51210
51583
  margin: 0
51211
51584
  }
51212
51585
  }, "2. New Consumer Details.")), Object.keys(errors).length > 0 && /*#__PURE__*/React__default.createElement("div", {
51213
51586
  style: {
51214
- padding: "12px 16px",
51587
+ padding: isMobileView ? "10px 12px" : "12px 16px",
51215
51588
  backgroundColor: "#fdecea",
51216
51589
  color: "#611a15",
51217
51590
  borderRadius: "8px",
@@ -51229,7 +51602,7 @@ const Step2_NewConsumerDetails = _ref => {
51229
51602
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51230
51603
  style: {
51231
51604
  fontWeight: "500",
51232
- fontSize: "14px"
51605
+ fontSize: isMobileView ? "12px" : "14px"
51233
51606
  }
51234
51607
  }, "Please fill in all required fields marked with ", /*#__PURE__*/React__default.createElement("span", {
51235
51608
  style: {
@@ -51241,8 +51614,8 @@ const Step2_NewConsumerDetails = _ref => {
51241
51614
  }, /*#__PURE__*/React__default.createElement("div", {
51242
51615
  style: {
51243
51616
  display: "grid",
51244
- gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
51245
- gap: "20px",
51617
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(240px, 1fr))",
51618
+ gap: isMobileView ? "16px" : "20px",
51246
51619
  padding: "8px 0 16px"
51247
51620
  }
51248
51621
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
@@ -51438,13 +51811,13 @@ const Step2_NewConsumerDetails = _ref => {
51438
51811
  }, 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", {
51439
51812
  style: {
51440
51813
  display: "flex",
51814
+ flexDirection: isMobileView ? "column" : "row",
51441
51815
  justifyContent: "space-between",
51442
- alignItems: "center",
51816
+ alignItems: isMobileView ? "stretch" : "center",
51443
51817
  marginTop: "24px",
51444
- flexWrap: "wrap",
51445
51818
  gap: "12px"
51446
51819
  }
51447
- }, /*#__PURE__*/React__default.createElement("button", {
51820
+ }, !isMobileView && /*#__PURE__*/React__default.createElement("button", {
51448
51821
  type: "button",
51449
51822
  onClick: onBack,
51450
51823
  style: {
@@ -51458,14 +51831,15 @@ const Step2_NewConsumerDetails = _ref => {
51458
51831
  }, "\u2190 Back"), /*#__PURE__*/React__default.createElement("div", {
51459
51832
  style: {
51460
51833
  display: "flex",
51461
- alignItems: "center",
51462
- gap: "12px",
51463
- flexWrap: "wrap"
51834
+ flexDirection: isMobileView ? "column" : "row",
51835
+ alignItems: isMobileView ? "stretch" : "center",
51836
+ gap: "12px"
51464
51837
  }
51465
51838
  }, /*#__PURE__*/React__default.createElement("span", {
51466
51839
  style: {
51467
51840
  fontSize: "12px",
51468
- color: "#999"
51841
+ color: "#999",
51842
+ textAlign: isMobileView ? "center" : undefined
51469
51843
  }
51470
51844
  }, "Fields marked with ", /*#__PURE__*/React__default.createElement("span", {
51471
51845
  style: {
@@ -51474,15 +51848,30 @@ const Step2_NewConsumerDetails = _ref => {
51474
51848
  }, "*"), " are mandatory"), /*#__PURE__*/React__default.createElement("button", {
51475
51849
  type: "submit",
51476
51850
  style: {
51477
- padding: "10px 20px",
51851
+ padding: isMobileView ? "14px 20px" : "10px 20px",
51478
51852
  backgroundColor: "#00497e",
51479
51853
  color: "white",
51480
51854
  border: "none",
51481
51855
  borderRadius: "4px",
51482
51856
  cursor: "pointer",
51483
- fontWeight: "bold"
51857
+ fontWeight: "bold",
51858
+ width: isMobileView ? "100%" : "auto",
51859
+ fontSize: isMobileView ? "14px" : undefined
51484
51860
  }
51485
- }, "Save & Proceed to Documents \u2192")))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51861
+ }, "Save & Proceed to Documents \u2192")), isMobileView && /*#__PURE__*/React__default.createElement("button", {
51862
+ type: "button",
51863
+ onClick: onBack,
51864
+ style: {
51865
+ padding: "12px 20px",
51866
+ backgroundColor: "#e0e0e0",
51867
+ border: "none",
51868
+ borderRadius: "4px",
51869
+ cursor: "pointer",
51870
+ fontWeight: "bold",
51871
+ width: "100%",
51872
+ fontSize: "14px"
51873
+ }
51874
+ }, "\u2190 Back"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
51486
51875
  error: showToast.key === "error",
51487
51876
  warning: showToast.key === "warning",
51488
51877
  label: t(showToast.message),
@@ -51766,6 +52155,7 @@ const Step3_UploadDocuments = _ref => {
51766
52155
  marginTop: "8px",
51767
52156
  transition: "all 0.2s ease"
51768
52157
  });
52158
+ const isMobileView = window.innerWidth < 768;
51769
52159
  const errorTextStyle = {
51770
52160
  fontSize: "12px",
51771
52161
  color: "#d32f2f",
@@ -51786,7 +52176,8 @@ const Step3_UploadDocuments = _ref => {
51786
52176
  const errorCount = Object.keys(fieldErrors).length;
51787
52177
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
51788
52178
  style: {
51789
- marginBottom: "20px"
52179
+ marginBottom: "20px",
52180
+ padding: isMobileView ? "12px" : undefined
51790
52181
  }
51791
52182
  }, /*#__PURE__*/React__default.createElement("div", {
51792
52183
  style: {
@@ -51796,23 +52187,24 @@ const Step3_UploadDocuments = _ref => {
51796
52187
  }
51797
52188
  }, /*#__PURE__*/React__default.createElement("span", {
51798
52189
  style: {
51799
- fontSize: "24px",
52190
+ fontSize: isMobileView ? "20px" : "24px",
51800
52191
  marginRight: "8px"
51801
52192
  }
51802
52193
  }, "\uD83D\uDCC4"), /*#__PURE__*/React__default.createElement("h2", {
51803
52194
  style: {
51804
- fontSize: "20px",
52195
+ fontSize: isMobileView ? "16px" : "20px",
51805
52196
  fontWeight: "700",
51806
52197
  margin: 0
51807
52198
  }
51808
52199
  }, "3. Upload Verification Documents")), /*#__PURE__*/React__default.createElement("p", {
51809
52200
  style: {
51810
52201
  color: "#666",
51811
- marginBottom: "20px"
52202
+ marginBottom: "20px",
52203
+ fontSize: isMobileView ? "12px" : undefined
51812
52204
  }
51813
52205
  }, "Please upload legible scanned copies or photos (PDF, PNG, JPEG - Max 5MB)."), hasAttemptedSubmit && errorCount > 0 && /*#__PURE__*/React__default.createElement("div", {
51814
52206
  style: {
51815
- padding: "12px 16px",
52207
+ padding: isMobileView ? "10px 12px" : "12px 16px",
51816
52208
  backgroundColor: "#fdecea",
51817
52209
  color: "#611a15",
51818
52210
  borderRadius: "8px",
@@ -51830,13 +52222,13 @@ const Step3_UploadDocuments = _ref => {
51830
52222
  }, "\u26A0\uFE0F"), /*#__PURE__*/React__default.createElement("span", {
51831
52223
  style: {
51832
52224
  fontWeight: "500",
51833
- fontSize: "14px"
52225
+ fontSize: isMobileView ? "12px" : "14px"
51834
52226
  }
51835
52227
  }, errorCount, " required item", errorCount > 1 ? "s" : "", " still need", errorCount === 1 ? "s" : "", " your attention before proceeding.")), /*#__PURE__*/React__default.createElement("div", {
51836
52228
  style: {
51837
52229
  display: "grid",
51838
- gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
51839
- gap: "24px"
52230
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(280px, 1fr))",
52231
+ gap: isMobileView ? "20px" : "24px"
51840
52232
  }
51841
52233
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, {
51842
52234
  style: {
@@ -52011,13 +52403,13 @@ const Step3_UploadDocuments = _ref => {
52011
52403
  }, "\uD83D\uDCC4"), " View ", mutationFileName)))), /*#__PURE__*/React__default.createElement("div", {
52012
52404
  style: {
52013
52405
  display: "flex",
52406
+ flexDirection: isMobileView ? "column" : "row",
52014
52407
  justifyContent: "space-between",
52015
- alignItems: "center",
52016
- marginTop: "32px",
52017
- flexWrap: "wrap",
52408
+ alignItems: isMobileView ? "stretch" : "center",
52409
+ marginTop: isMobileView ? "24px" : "32px",
52018
52410
  gap: "12px"
52019
52411
  }
52020
- }, /*#__PURE__*/React__default.createElement("button", {
52412
+ }, !isMobileView && /*#__PURE__*/React__default.createElement("button", {
52021
52413
  type: "button",
52022
52414
  onClick: onBack,
52023
52415
  style: {
@@ -52031,29 +52423,45 @@ const Step3_UploadDocuments = _ref => {
52031
52423
  }, "\u2190 Back"), /*#__PURE__*/React__default.createElement("div", {
52032
52424
  style: {
52033
52425
  display: "flex",
52034
- alignItems: "center",
52035
- gap: "12px",
52036
- flexWrap: "wrap"
52426
+ flexDirection: isMobileView ? "column" : "row",
52427
+ alignItems: isMobileView ? "stretch" : "center",
52428
+ gap: "12px"
52037
52429
  }
52038
52430
  }, /*#__PURE__*/React__default.createElement("span", {
52039
52431
  style: {
52040
52432
  fontSize: "12px",
52041
- color: "#999"
52433
+ color: "#999",
52434
+ textAlign: isMobileView ? "center" : undefined
52042
52435
  }
52043
52436
  }, "All documents are mandatory"), /*#__PURE__*/React__default.createElement("button", {
52044
52437
  type: "button",
52045
52438
  onClick: onProceed,
52046
52439
  disabled: isUploading,
52047
52440
  style: {
52048
- padding: "10px 20px",
52441
+ padding: isMobileView ? "14px 20px" : "10px 20px",
52049
52442
  backgroundColor: isUploading ? "#ccc" : "#00497e",
52050
52443
  color: "white",
52051
52444
  border: "none",
52052
52445
  borderRadius: "4px",
52053
52446
  cursor: isUploading ? "not-allowed" : "pointer",
52054
- fontWeight: "bold"
52447
+ fontWeight: "bold",
52448
+ width: isMobileView ? "100%" : "auto",
52449
+ fontSize: isMobileView ? "14px" : undefined
52055
52450
  }
52056
- }, isUploading ? "Uploading..." : "Proceed to Application Preview →"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52451
+ }, isUploading ? "Uploading..." : "Proceed to Preview →")), isMobileView && /*#__PURE__*/React__default.createElement("button", {
52452
+ type: "button",
52453
+ onClick: onBack,
52454
+ style: {
52455
+ padding: "12px 20px",
52456
+ backgroundColor: "#e0e0e0",
52457
+ border: "none",
52458
+ borderRadius: "4px",
52459
+ cursor: "pointer",
52460
+ fontWeight: "bold",
52461
+ width: "100%",
52462
+ fontSize: "14px"
52463
+ }
52464
+ }, "\u2190 Back")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
52057
52465
  error: showToast.key === "error",
52058
52466
  warning: showToast.key === "warning",
52059
52467
  success: showToast.key === "success",
@@ -52184,24 +52592,25 @@ const Step4_Preview = _ref => {
52184
52592
  };
52185
52593
  calculateStaticFee();
52186
52594
  }, [formData]);
52595
+ const isMobileView = window.innerWidth < 768;
52187
52596
  const sectionStyle = {
52188
52597
  border: "1px solid #e0e0e0",
52189
52598
  borderRadius: "8px",
52190
- padding: "16px",
52599
+ padding: isMobileView ? "12px" : "16px",
52191
52600
  marginBottom: "16px"
52192
52601
  };
52193
52602
  const labelStyle = {
52194
52603
  color: "#666",
52195
- fontSize: "13px",
52604
+ fontSize: isMobileView ? "11px" : "13px",
52196
52605
  marginBottom: "4px"
52197
52606
  };
52198
52607
  const valueStyle = {
52199
52608
  fontWeight: "bold",
52200
- fontSize: "15px",
52609
+ fontSize: isMobileView ? "13px" : "15px",
52201
52610
  wordBreak: "break-word"
52202
52611
  };
52203
52612
  const uploadDocStatusStyle = {
52204
- fontSize: "14px",
52613
+ fontSize: isMobileView ? "12px" : "14px",
52205
52614
  fontWeight: "bold"
52206
52615
  };
52207
52616
  const infoItem = (label, value) => /*#__PURE__*/React__default.createElement("div", {
@@ -52215,7 +52624,8 @@ const Step4_Preview = _ref => {
52215
52624
  }, value));
52216
52625
  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
52217
52626
  style: {
52218
- marginBottom: "20px"
52627
+ marginBottom: "20px",
52628
+ padding: isMobileView ? "12px" : undefined
52219
52629
  }
52220
52630
  }, /*#__PURE__*/React__default.createElement("div", {
52221
52631
  style: {
@@ -52227,11 +52637,11 @@ const Step4_Preview = _ref => {
52227
52637
  }
52228
52638
  }, /*#__PURE__*/React__default.createElement("span", {
52229
52639
  style: {
52230
- fontSize: "22px"
52640
+ fontSize: isMobileView ? "20px" : "22px"
52231
52641
  }
52232
52642
  }, "\uD83D\uDCCB"), /*#__PURE__*/React__default.createElement("h2", {
52233
52643
  style: {
52234
- fontSize: "18px",
52644
+ fontSize: isMobileView ? "15px" : "18px",
52235
52645
  fontWeight: "700",
52236
52646
  margin: 0
52237
52647
  }
@@ -52241,7 +52651,7 @@ const Step4_Preview = _ref => {
52241
52651
  })
52242
52652
  }, /*#__PURE__*/React__default.createElement("h3", {
52243
52653
  style: {
52244
- fontSize: "15px",
52654
+ fontSize: isMobileView ? "13px" : "15px",
52245
52655
  fontWeight: "bold",
52246
52656
  color: "#00497e",
52247
52657
  marginBottom: "12px"
@@ -52249,8 +52659,8 @@ const Step4_Preview = _ref => {
52249
52659
  }, "Property & Connection Summary"), /*#__PURE__*/React__default.createElement("div", {
52250
52660
  style: {
52251
52661
  display: "grid",
52252
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52253
- gap: "16px"
52662
+ gridTemplateColumns: isMobileView ? "1fr 1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52663
+ gap: isMobileView ? "12px" : "16px"
52254
52664
  }
52255
52665
  }, infoItem("Connection No", connectionNo), infoItem("Meter Number", meterId), infoItem("Property ID", propertyId))), /*#__PURE__*/React__default.createElement("div", {
52256
52666
  style: _extends({}, sectionStyle, {
@@ -52258,16 +52668,16 @@ const Step4_Preview = _ref => {
52258
52668
  })
52259
52669
  }, /*#__PURE__*/React__default.createElement("h3", {
52260
52670
  style: {
52261
- fontSize: "15px",
52671
+ fontSize: isMobileView ? "13px" : "15px",
52262
52672
  fontWeight: "bold",
52263
52673
  color: "#f29c1f",
52264
52674
  marginBottom: "12px"
52265
52675
  }
52266
- }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked Information)"), /*#__PURE__*/React__default.createElement("div", {
52676
+ }, "\uD83D\uDD12 Existing / Previous Owner Details (Masked)"), /*#__PURE__*/React__default.createElement("div", {
52267
52677
  style: {
52268
52678
  display: "grid",
52269
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52270
- gap: "16px",
52679
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52680
+ gap: isMobileView ? "12px" : "16px",
52271
52681
  marginBottom: "12px"
52272
52682
  }
52273
52683
  }, infoItem("Registered Name:", oldName), infoItem("Registered Phone:", oldPhone)), infoItem("Registered Address:", oldAddress)), /*#__PURE__*/React__default.createElement("div", {
@@ -52276,7 +52686,7 @@ const Step4_Preview = _ref => {
52276
52686
  })
52277
52687
  }, /*#__PURE__*/React__default.createElement("h3", {
52278
52688
  style: {
52279
- fontSize: "15px",
52689
+ fontSize: isMobileView ? "13px" : "15px",
52280
52690
  fontWeight: "bold",
52281
52691
  color: "#00497e",
52282
52692
  marginBottom: "12px"
@@ -52284,8 +52694,8 @@ const Step4_Preview = _ref => {
52284
52694
  }, "\uD83D\uDC64 Transferee (New Owner) Summary"), /*#__PURE__*/React__default.createElement("div", {
52285
52695
  style: {
52286
52696
  display: "grid",
52287
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52288
- gap: "16px"
52697
+ gridTemplateColumns: isMobileView ? "1fr 1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52698
+ gap: isMobileView ? "12px" : "16px"
52289
52699
  }
52290
52700
  }, infoItem("New Owner Name", proposedNewConsumerName), infoItem("Mobile Number", newOwnerMobileNumber), infoItem("Relation Type", getRelationshipName(relationshipWithExistingConsumer)), infoItem("Transfer Reason", getReasonName(reasonForNameChange)))), /*#__PURE__*/React__default.createElement("div", {
52291
52701
  style: _extends({}, sectionStyle, {
@@ -52293,7 +52703,7 @@ const Step4_Preview = _ref => {
52293
52703
  })
52294
52704
  }, /*#__PURE__*/React__default.createElement("h3", {
52295
52705
  style: {
52296
- fontSize: "15px",
52706
+ fontSize: isMobileView ? "13px" : "15px",
52297
52707
  fontWeight: "bold",
52298
52708
  color: "#17a2b8",
52299
52709
  marginBottom: "12px"
@@ -52301,8 +52711,8 @@ const Step4_Preview = _ref => {
52301
52711
  }, "Uploaded Documents"), /*#__PURE__*/React__default.createElement("div", {
52302
52712
  style: {
52303
52713
  display: "grid",
52304
- gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))",
52305
- gap: "16px"
52714
+ gridTemplateColumns: isMobileView ? "1fr" : "repeat(auto-fill, minmax(150px, 1fr))",
52715
+ gap: isMobileView ? "12px" : "16px"
52306
52716
  }
52307
52717
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
52308
52718
  style: labelStyle
@@ -52324,7 +52734,7 @@ const Step4_Preview = _ref => {
52324
52734
  border: "none",
52325
52735
  textDecoration: "underline",
52326
52736
  cursor: "pointer",
52327
- fontSize: "14px",
52737
+ fontSize: isMobileView ? "12px" : "14px",
52328
52738
  fontWeight: "bold",
52329
52739
  padding: 0
52330
52740
  }
@@ -52352,7 +52762,7 @@ const Step4_Preview = _ref => {
52352
52762
  border: "none",
52353
52763
  textDecoration: "underline",
52354
52764
  cursor: "pointer",
52355
- fontSize: "14px",
52765
+ fontSize: isMobileView ? "12px" : "14px",
52356
52766
  fontWeight: "bold",
52357
52767
  padding: 0
52358
52768
  }
@@ -52364,7 +52774,7 @@ const Step4_Preview = _ref => {
52364
52774
  })
52365
52775
  }, /*#__PURE__*/React__default.createElement("h3", {
52366
52776
  style: {
52367
- fontSize: "15px",
52777
+ fontSize: isMobileView ? "13px" : "15px",
52368
52778
  fontWeight: "bold",
52369
52779
  color: "#28a745",
52370
52780
  marginBottom: "12px"
@@ -52379,7 +52789,7 @@ const Step4_Preview = _ref => {
52379
52789
  display: "flex",
52380
52790
  justifyContent: "space-between",
52381
52791
  marginBottom: "8px",
52382
- maxWidth: "400px"
52792
+ maxWidth: isMobileView ? "100%" : "400px"
52383
52793
  }
52384
52794
  }, /*#__PURE__*/React__default.createElement("div", {
52385
52795
  style: labelStyle
@@ -52389,13 +52799,13 @@ const Step4_Preview = _ref => {
52389
52799
  style: {
52390
52800
  borderTop: "1px solid #c3e6cb",
52391
52801
  margin: "12px 0",
52392
- maxWidth: "400px"
52802
+ maxWidth: isMobileView ? "100%" : "400px"
52393
52803
  }
52394
52804
  })), /*#__PURE__*/React__default.createElement("div", {
52395
52805
  style: {
52396
52806
  display: "flex",
52397
52807
  justifyContent: "space-between",
52398
- maxWidth: "400px",
52808
+ maxWidth: isMobileView ? "100%" : "400px",
52399
52809
  flexWrap: "wrap",
52400
52810
  gap: "8px"
52401
52811
  }
@@ -52404,7 +52814,7 @@ const Step4_Preview = _ref => {
52404
52814
  }, "Total Amount Payable:"), /*#__PURE__*/React__default.createElement("div", {
52405
52815
  style: _extends({}, valueStyle, {
52406
52816
  color: "#28a745",
52407
- fontSize: "20px"
52817
+ fontSize: isMobileView ? "18px" : "20px"
52408
52818
  })
52409
52819
  }, "\u20B9 ", fee, ".00")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
52410
52820
  style: labelStyle
@@ -52414,14 +52824,14 @@ const Step4_Preview = _ref => {
52414
52824
  backgroundColor: "#d1ecf1",
52415
52825
  color: "#0c5460",
52416
52826
  borderRadius: "16px",
52417
- fontSize: "12px",
52827
+ fontSize: isMobileView ? "10px" : "12px",
52418
52828
  fontWeight: "bold",
52419
52829
  display: "inline-block",
52420
52830
  marginTop: "4px"
52421
52831
  }
52422
52832
  }, "PAYABLE POST VERIFICATION")))), /*#__PURE__*/React__default.createElement("div", {
52423
52833
  style: {
52424
- padding: "16px",
52834
+ padding: isMobileView ? "12px" : "16px",
52425
52835
  backgroundColor: "#fffbeb",
52426
52836
  border: "1px solid #ffeeba",
52427
52837
  borderRadius: "8px",
@@ -52430,8 +52840,47 @@ const Step4_Preview = _ref => {
52430
52840
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CheckBox, {
52431
52841
  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.",
52432
52842
  onChange: e => setAgreed(e.target.checked),
52433
- checked: agreed
52434
- })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement("button", {
52843
+ checked: agreed,
52844
+ style: isMobileView ? {
52845
+ fontSize: "12px"
52846
+ } : undefined
52847
+ })), isMobileView ? /*#__PURE__*/React__default.createElement("div", {
52848
+ style: {
52849
+ display: "flex",
52850
+ flexDirection: "column",
52851
+ gap: "12px",
52852
+ marginBottom: "16px"
52853
+ }
52854
+ }, /*#__PURE__*/React__default.createElement("button", {
52855
+ type: "button",
52856
+ onClick: onSubmit,
52857
+ disabled: !agreed || isLoading,
52858
+ style: {
52859
+ padding: "14px 20px",
52860
+ backgroundColor: !agreed || isLoading ? "#ccc" : "#00497e",
52861
+ color: "white",
52862
+ border: "none",
52863
+ borderRadius: "4px",
52864
+ cursor: !agreed || isLoading ? "not-allowed" : "pointer",
52865
+ fontWeight: "bold",
52866
+ fontSize: "15px",
52867
+ width: "100%",
52868
+ opacity: !agreed || isLoading ? 0.6 : 1
52869
+ }
52870
+ }, isLoading ? "Submitting..." : "Submit Mutation Application"), /*#__PURE__*/React__default.createElement("button", {
52871
+ type: "button",
52872
+ onClick: onBack,
52873
+ style: {
52874
+ padding: "12px 20px",
52875
+ backgroundColor: "#e0e0e0",
52876
+ border: "none",
52877
+ borderRadius: "4px",
52878
+ cursor: "pointer",
52879
+ fontWeight: "bold",
52880
+ width: "100%",
52881
+ fontSize: "14px"
52882
+ }
52883
+ }, "\u2190 Edit Information")) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement("button", {
52435
52884
  type: "button",
52436
52885
  onClick: onBack,
52437
52886
  style: {
@@ -52463,9 +52912,10 @@ const Step5_Submission = _ref => {
52463
52912
  const goHome = () => {
52464
52913
  history.push("/digit-ui/employee");
52465
52914
  };
52915
+ const isMobileView = window.innerWidth < 768;
52466
52916
  return /*#__PURE__*/React__default.createElement("div", {
52467
52917
  style: {
52468
- padding: "16px 0"
52918
+ padding: isMobileView ? "8px 0" : "16px 0"
52469
52919
  }
52470
52920
  }, /*#__PURE__*/React__default.createElement("div", {
52471
52921
  style: {
@@ -52473,18 +52923,18 @@ const Step5_Submission = _ref => {
52473
52923
  border: "1px solid #d4edda",
52474
52924
  borderTop: "4px solid #28a745",
52475
52925
  borderRadius: "8px",
52476
- padding: "20px",
52926
+ padding: isMobileView ? "16px" : "20px",
52477
52927
  display: "flex",
52928
+ flexDirection: isMobileView ? "column" : "row",
52478
52929
  justifyContent: "space-between",
52479
- alignItems: "flex-start",
52480
- flexWrap: "wrap",
52930
+ alignItems: isMobileView ? "stretch" : "flex-start",
52481
52931
  gap: "12px",
52482
52932
  marginBottom: "20px"
52483
52933
  }
52484
52934
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
52485
52935
  style: {
52486
52936
  color: "#28a745",
52487
- fontSize: "18px",
52937
+ fontSize: isMobileView ? "15px" : "18px",
52488
52938
  fontWeight: "bold",
52489
52939
  margin: "0 0 4px",
52490
52940
  display: "flex",
@@ -52492,24 +52942,28 @@ const Step5_Submission = _ref => {
52492
52942
  flexWrap: "wrap",
52493
52943
  gap: "6px"
52494
52944
  }
52495
- }, /*#__PURE__*/React__default.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer !"), /*#__PURE__*/React__default.createElement("div", {
52945
+ }, /*#__PURE__*/React__default.createElement("span", null, "\u2705"), " Your application has been submitted successfully to the respective Zonal Officer!"), /*#__PURE__*/React__default.createElement("div", {
52496
52946
  style: {
52497
52947
  color: "#666",
52498
52948
  marginTop: "4px",
52499
- fontSize: "14px",
52949
+ fontSize: isMobileView ? "13px" : "14px",
52500
52950
  wordBreak: "break-all"
52501
52951
  }
52502
52952
  }, "Your SRN Reference No. is: ", /*#__PURE__*/React__default.createElement("strong", {
52503
52953
  style: {
52504
52954
  color: "#00497e"
52505
52955
  }
52506
- }, applicationNumber))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
52956
+ }, applicationNumber))), /*#__PURE__*/React__default.createElement("div", {
52957
+ style: {
52958
+ alignSelf: isMobileView ? "flex-start" : undefined
52959
+ }
52960
+ }, /*#__PURE__*/React__default.createElement("span", {
52507
52961
  style: {
52508
52962
  padding: "6px 12px",
52509
52963
  backgroundColor: "#fff3cd",
52510
52964
  color: "#856404",
52511
52965
  borderRadius: "16px",
52512
- fontSize: "12px",
52966
+ fontSize: isMobileView ? "11px" : "12px",
52513
52967
  fontWeight: "bold",
52514
52968
  whiteSpace: "nowrap"
52515
52969
  }
@@ -52521,7 +52975,7 @@ const Step5_Submission = _ref => {
52521
52975
  }, /*#__PURE__*/React__default.createElement("button", {
52522
52976
  onClick: goHome,
52523
52977
  style: {
52524
- padding: "12px 28px",
52978
+ padding: isMobileView ? "14px 28px" : "12px 28px",
52525
52979
  backgroundColor: "#00497e",
52526
52980
  color: "white",
52527
52981
  border: "none",
@@ -52529,7 +52983,7 @@ const Step5_Submission = _ref => {
52529
52983
  cursor: "pointer",
52530
52984
  fontWeight: "bold",
52531
52985
  fontSize: "15px",
52532
- width: "100%",
52986
+ width: isMobileView ? "100%" : "auto",
52533
52987
  maxWidth: "280px"
52534
52988
  }
52535
52989
  }, "Go to Home")), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
@@ -52541,7 +52995,7 @@ const Step5_Submission = _ref => {
52541
52995
  };
52542
52996
 
52543
52997
  const MutationApplication = () => {
52544
- 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;
52998
+ 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;
52545
52999
  const _useTranslation = reactI18next.useTranslation(),
52546
53000
  t = _useTranslation.t;
52547
53001
  let _useLocation = reactRouterDom.useLocation(),
@@ -52793,7 +53247,7 @@ const MutationApplication = () => {
52793
53247
  try {
52794
53248
  setIsSubmitting(true);
52795
53249
  return Promise.resolve(_catch(function () {
52796
- var _finalData$cpt;
53250
+ var _finalData$cpt, _applicationDetails$a5, _applicationDetails$W, _applicationDetails$W2, _applicationDetails$S, _applicationDetails$S2, _details$applicationD2;
52797
53251
  let finalData = _extends({}, sessionFormData);
52798
53252
  if (!(finalData !== null && finalData !== void 0 && (_finalData$cpt = finalData.cpt) !== null && _finalData$cpt !== void 0 && _finalData$cpt.details)) {
52799
53253
  var _propertyDetails$Prop3;
@@ -52824,7 +53278,9 @@ const MutationApplication = () => {
52824
53278
  })];
52825
53279
  }
52826
53280
  const sessionDetails = sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS") ? JSON.parse(sessionStorage.getItem("WS_EDIT_APPLICATION_DETAILS")) : {};
53281
+ 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) || [];
52827
53282
  return Promise.resolve(convertModifyApplicationDetails(finalData, sessionDetails, "INITIATE")).then(function (convertAppData) {
53283
+ var _convertAppData$docum;
52828
53284
  if (!convertAppData.dateEffectiveFrom) {
52829
53285
  convertAppData.dateEffectiveFrom = Date.now() + 86400000;
52830
53286
  }
@@ -52865,16 +53321,22 @@ const MutationApplication = () => {
52865
53321
  convertAppData.additionalDetails.identityProofDocumentId = mutDetails.identityProofDocumentId || "";
52866
53322
  }
52867
53323
  }
53324
+ 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) {
53325
+ convertAppData.documents = mapExistingDocIdsToPayload(convertAppData.documents, existingDocs);
53326
+ }
52868
53327
  convertAppData.applicationType = resolvedServiceType === "WATER" ? "MUTATION_WATER_CONNECTION" : "MUTATION_SEWERAGE_CONNECTION";
52869
53328
  if (isEditFlow) {
52870
- var _applicationDetails$a5, _applicationDetails$a6, _Digit, _Digit$Customizations, _Digit$Customizations2;
53329
+ var _applicationDetails$a6, _applicationDetails$a7, _updatePayload, _updatePayload$docume, _Digit, _Digit$Customizations, _Digit$Customizations2;
52871
53330
  let updatePayload = _extends({}, convertAppData, {
52872
- id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.id,
53331
+ id: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.id,
52873
53332
  applicationNo: editApplicationNumber,
52874
- 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, {
53333
+ 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, {
52875
53334
  action: "RESUBMIT_APPLICATION"
52876
53335
  })
52877
53336
  });
53337
+ 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) {
53338
+ updatePayload.documents = mapExistingDocIdsToPayload(updatePayload.documents, existingDocs);
53339
+ }
52878
53340
  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) {
52879
53341
  updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS((applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData) || {}, updatePayload, resolvedServiceType);
52880
53342
  }
@@ -52964,7 +53426,7 @@ const MutationApplication = () => {
52964
53426
  message: data.Errors[0].message || "Failed to submit application"
52965
53427
  });
52966
53428
  } else {
52967
- var _data$WaterConnection, _data$SewerageConnect, _Digit2, _Digit2$Customization, _Digit2$Customization2;
53429
+ var _data$WaterConnection, _data$SewerageConnect, _updatePayload2, _updatePayload2$docum, _Digit2, _Digit2$Customization, _Digit2$Customization2;
52968
53430
  const updateMutation = resolvedServiceType === "WATER" ? waterUpdateMutation : sewerageUpdateMutation;
52969
53431
  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];
52970
53432
  let updatePayload = _extends({}, createdConnection, {
@@ -52973,6 +53435,10 @@ const MutationApplication = () => {
52973
53435
  action: "APPLY_MUTATION"
52974
53436
  })
52975
53437
  });
53438
+ const combinedExistingDocs = [...existingDocs, ...((createdConnection === null || createdConnection === void 0 ? void 0 : createdConnection.documents) || [])];
53439
+ 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) {
53440
+ updatePayload.documents = mapExistingDocIdsToPayload(updatePayload.documents, combinedExistingDocs);
53441
+ }
52976
53442
  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) {
52977
53443
  updatePayload = Digit.Customizations.WS.customiseUpdatePayloadOfWS(createdConnection, updatePayload, resolvedServiceType);
52978
53444
  }
@@ -53094,7 +53560,7 @@ const MutationApplication = () => {
53094
53560
  }
53095
53561
  }, currentStep === 1 && /*#__PURE__*/React__default.createElement(Step1_SearchConnection, {
53096
53562
  t: t,
53097
- defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.connectionNo : "",
53563
+ defaultKNumber: isEditFlow ? applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.connectionNo : "",
53098
53564
  onNext: _ref => {
53099
53565
  let kNumber = _ref.kNumber,
53100
53566
  mobileNumber = _ref.mobileNumber,
@@ -53108,7 +53574,7 @@ const MutationApplication = () => {
53108
53574
  }), currentStep === 2 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(Step1_ExistingConnection, {
53109
53575
  t: t,
53110
53576
  applicationDetails: applicationDetails,
53111
- propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.propertyId,
53577
+ propertyId: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a9 = applicationDetails.applicationData) === null || _applicationDetails$a9 === void 0 ? void 0 : _applicationDetails$a9.propertyId,
53112
53578
  mobileNumber: authMobileNumber,
53113
53579
  onVerify: () => {
53114
53580
  setCompletedSteps(prev => new Set([...prev, 2]));
@@ -55215,6 +55681,18 @@ const CheckPage$4 = _ref2 => {
55215
55681
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
55216
55682
  label: t("WS_EMPLOYEE_DESIGNATION"),
55217
55683
  text: "" + t(checkForNA(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.designation))
55684
+ }), (djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
55685
+ label: t("WS_UPLOAD_EMPLOYEE_ID_DOC"),
55686
+ text: /*#__PURE__*/React__default.createElement("span", {
55687
+ style: {
55688
+ display: "flex",
55689
+ alignItems: "center",
55690
+ gap: "8px",
55691
+ cursor: "pointer",
55692
+ color: "#f47738"
55693
+ },
55694
+ onClick: () => openFilePDF(djbEmployee === null || djbEmployee === void 0 ? void 0 : djbEmployee.document)
55695
+ }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
55218
55696
  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, null, t("WS_BANK_DETAILS")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
55219
55697
  style: {
55220
55698
  marginTop: "10px",