@mseva/digit-ui-module-ndc 1.0.16 → 1.0.18

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Card, Banner, ActionBar, SubmitBar as SubmitBar$1, PrivateRoute, BreadCrumb, AppContainer, Loader, Dropdown, UploadFile, Modal, FormComposer, Toast, Header, CardSubHeader, StatusTable, Row, CheckPoint, ConnectingCheckPoints, DisplayPhotos, Menu, LinkButton, EmployeeModuleCard, SearchField, TextInput, FilterFormField, RadioButtons, CheckBox, InboxComposer, ComplaintIcon, MobileNumber, CardLabelError, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, CardHeader, LabelFieldPair, CardLabel, DeleteIcon, KeyNote } from '@mseva/digit-ui-react-components';
+import { Card, Banner, ActionBar, SubmitBar as SubmitBar$1, PrivateRoute, BreadCrumb, BackButton, AppContainer, Loader, Dropdown, UploadFile, Modal, FormComposer, Toast, CardSubHeader, StatusTable, Row, CheckPoint, ConnectingCheckPoints, DisplayPhotos, Menu, LinkButton, EmployeeModuleCard, SearchField, TextInput, FilterFormField, RadioButtons, CheckBox, ComplaintIcon, Header, InboxComposer, MobileNumber, CardLabelError, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, CardHeader, LabelFieldPair, CardLabel, DeleteIcon, KeyNote } from '@mseva/digit-ui-react-components';
 import React, { Fragment as Fragment$1, useState, useEffect, useRef, useMemo, useReducer, useCallback, forwardRef } from 'react';
 import { useHistory, useLocation, Switch, Route, useRouteMatch, useParams, Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
@@ -642,14 +642,16 @@ const App = () => {
     url,
     ...match
   } = useRouteMatch();
-  console.log("NDC Citizen App Loaded", path);
+  const {
+    t
+  } = useTranslation();
   const NewNDCStepForm = Digit.ComponentRegistryService.getComponent("NewNDCStepFormCitizen");
   const MyApplications = Digit.ComponentRegistryService.getComponent("MyApplications");
   const NDCResponseCitizen = Digit.ComponentRegistryService.getComponent("NDCResponseCitizen");
   const ApplicationOverview = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("CitizenApplicationOverview");
   return /*#__PURE__*/React.createElement("span", {
     className: "tl-citizen"
-  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(PrivateRoute, {
+  }, /*#__PURE__*/React.createElement(BackButton, null, t("CS_COMMON_BACK")), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/new-application`,
     component: NewNDCStepForm
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
@@ -1025,6 +1027,7 @@ const NDCModal = ({
       Licenses: [applicationData]
     });
   }
+  console.log("config.label.submit", config);
   useEffect(() => {
     if (action) {
       setConfig(ModalConfig({
@@ -1079,7 +1082,6 @@ const getTimelineCaptions = (checkpoint, index, arr, t) => {
     thumbnailsToShow,
     wfDocuments
   } = checkpoint;
-  console.log("wfDocuments", wfDocuments);
   const caption = {
     date: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$auditDeta = checkpoint.auditDetails) === null || _checkpoint$auditDeta === void 0 ? void 0 : _checkpoint$auditDeta.lastModified,
     name: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner = checkpoint.assigner) === null || _checkpoint$assigner === void 0 ? void 0 : _checkpoint$assigner.name,
@@ -1112,7 +1114,7 @@ const getTimelineCaptions = (checkpoint, index, arr, t) => {
   }, caption.date && /*#__PURE__*/React.createElement("p", null, caption.date), caption.name && /*#__PURE__*/React.createElement("p", null, caption.name), caption.mobileNumber && /*#__PURE__*/React.createElement("p", null, caption.mobileNumber), caption.source && /*#__PURE__*/React.createElement("p", null, t("ES_COMMON_FILED_VIA_" + caption.source.toUpperCase()))));
 };
 const ApplicationOverview = () => {
-  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user, _user$info, _user$info$roles, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetailsTemp$, _workflowDetailsTemp$2, _Object$entries, _displayData$NdcDetai, _displayData$Document, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _workflowDetails$data15;
+  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user, _user$info, _user$info$roles, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetailsTemp$, _workflowDetailsTemp$2, _Object$entries, _displayData$NdcDetai, _displayData$Document, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _applicationDetails$A3, _applicationDetails$A4, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _applicationDetails$A5, _applicationDetails$A6, _workflowDetails$data15;
   const {
     id
   } = useParams();
@@ -1221,7 +1223,6 @@ const ApplicationOverview = () => {
   useEffect(() => {
     var _applicationDetails$A;
     const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
-    console.log("ndcObject", ndcObject);
     if (ndcObject) {
       var _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _removeDuplicatesByUU;
       const applicantData = {
@@ -1250,14 +1251,12 @@ const ApplicationOverview = () => {
     }
   }, [applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.Applications]);
   useEffect(() => {
-    console.log("applicationDetails", applicationDetails);
     if (applicationDetails) {
       setIsDetailsLoading(true);
       setIsDetailsLoading(false);
     }
   }, [applicationDetails]);
   function onActionSelect(action) {
-    console.log("action", action);
     const payload = {
       Licenses: [action]
     };
@@ -1275,7 +1274,6 @@ const ApplicationOverview = () => {
   const submitAction = async data => {
     var _data$Licenses;
     const payloadData = applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.Applications[0];
-    console.log("data", data);
     const updatedApplicant = {
       ...payloadData,
       workflow: {}
@@ -1287,7 +1285,6 @@ const ApplicationOverview = () => {
       comment: filtData === null || filtData === void 0 ? void 0 : filtData.comment,
       documents: filtData === null || filtData === void 0 ? void 0 : filtData.wfDocuments
     };
-    console.log("filtData", filtData);
     if (!(filtData !== null && filtData !== void 0 && filtData.assignee) && filtData.action == "FORWARD") {
       setShowToast({
         key: "error"
@@ -1336,11 +1333,7 @@ const ApplicationOverview = () => {
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, {
-    styles: {
-      fontSize: "32px"
-    }
-  }, t("NDC_APP_OVER_VIEW_HEADER"))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
+  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
     key: key,
     label: t(`${key === null || key === void 0 ? void 0 : key.toUpperCase()}`),
     text: Array.isArray(value) ? value.map(item => typeof item === "object" ? t((item === null || item === void 0 ? void 0 : item.code) || "N/A") : t(item || "N/A")).join(", ") : typeof value === "object" ? t((value === null || value === void 0 ? void 0 : value.code) || "N/A") : t(value || "N/A")
@@ -1382,10 +1375,10 @@ const ApplicationOverview = () => {
   }) : /*#__PURE__*/React.createElement(ConnectingCheckPoints, null, workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data11 = workflowDetails.data) === null || _workflowDetails$data11 === void 0 ? void 0 : _workflowDetails$data11.timeline.map((checkpoint, index, arr) => /*#__PURE__*/React.createElement(CheckPoint, {
     keyValue: index,
     isCompleted: index === 0,
-    label: t("NDC_STATUS_" + checkpoint.status),
+    label: t(checkpoint.status),
     customChild: getTimelineCaptions(checkpoint, index, arr, t)
-  })))), actions && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.actionState) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data14 = workflowDetails.data) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
-    localeKeyPrefix: `WF_EMPLOYEE_${"NDC"}`,
+  })))), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : (_applicationDetails$A4 = _applicationDetails$A3[0]) === null || _applicationDetails$A4 === void 0 ? void 0 : _applicationDetails$A4.applicationStatus) !== "INITIATED" && actions && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.actionState) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data14 = workflowDetails.data) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
+    localeKeyPrefix: `WF_EDITRENEWAL`,
     options: actions,
     optionKey: "action",
     t: t,
@@ -1394,6 +1387,13 @@ const ApplicationOverview = () => {
     ref: menuRef,
     label: t("WF_TAKE_ACTION"),
     onSubmit: () => setDisplayMenu(!displayMenu)
+  })), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A5 = applicationDetails.Applications) === null || _applicationDetails$A5 === void 0 ? void 0 : (_applicationDetails$A6 = _applicationDetails$A5[0]) === null || _applicationDetails$A6 === void 0 ? void 0 : _applicationDetails$A6.applicationStatus) == "INITIATED" && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar$1, {
+    label: t("COMMON_EDIT"),
+    onSubmit: () => {
+      var _applicationDetails$A7, _applicationDetails$A8;
+      const id = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A7 = applicationDetails.Applications) === null || _applicationDetails$A7 === void 0 ? void 0 : (_applicationDetails$A8 = _applicationDetails$A7[0]) === null || _applicationDetails$A8 === void 0 ? void 0 : _applicationDetails$A8.uuid;
+      history.push(`/digit-ui/employee/ndc/create/${id}`);
+    }
   })), showModal ? /*#__PURE__*/React.createElement(NDCModal, {
     t: t,
     action: selectedAction,
@@ -8900,12 +8900,12 @@ const CitizenApplicationOverview = () => {
     var _applicationDetails$A;
     const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
     if (ndcObject) {
-      var _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _removeDuplicatesByUU;
+      var _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _removeDuplicatesByUU;
       const applicantData = {
-        address: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$NdcDetails = ndcObject.NdcDetails) === null || _ndcObject$NdcDetails === void 0 ? void 0 : (_ndcObject$NdcDetails2 = _ndcObject$NdcDetails[0]) === null || _ndcObject$NdcDetails2 === void 0 ? void 0 : (_ndcObject$NdcDetails3 = _ndcObject$NdcDetails2.additionalDetails) === null || _ndcObject$NdcDetails3 === void 0 ? void 0 : _ndcObject$NdcDetails3.propertyAddress,
-        email: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners = ndcObject.owners) === null || _ndcObject$owners === void 0 ? void 0 : (_ndcObject$owners$ = _ndcObject$owners[0]) === null || _ndcObject$owners$ === void 0 ? void 0 : _ndcObject$owners$.emailId,
+        name: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners = ndcObject.owners) === null || _ndcObject$owners === void 0 ? void 0 : (_ndcObject$owners$ = _ndcObject$owners[0]) === null || _ndcObject$owners$ === void 0 ? void 0 : _ndcObject$owners$.name,
         mobile: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners2 = ndcObject.owners) === null || _ndcObject$owners2 === void 0 ? void 0 : (_ndcObject$owners2$ = _ndcObject$owners2[0]) === null || _ndcObject$owners2$ === void 0 ? void 0 : _ndcObject$owners2$.mobileNumber,
-        name: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners3 = ndcObject.owners) === null || _ndcObject$owners3 === void 0 ? void 0 : (_ndcObject$owners3$ = _ndcObject$owners3[0]) === null || _ndcObject$owners3$ === void 0 ? void 0 : _ndcObject$owners3$.name,
+        email: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners3 = ndcObject.owners) === null || _ndcObject$owners3 === void 0 ? void 0 : (_ndcObject$owners3$ = _ndcObject$owners3[0]) === null || _ndcObject$owners3$ === void 0 ? void 0 : _ndcObject$owners3$.emailId,
+        address: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$NdcDetails = ndcObject.NdcDetails) === null || _ndcObject$NdcDetails === void 0 ? void 0 : (_ndcObject$NdcDetails2 = _ndcObject$NdcDetails[0]) === null || _ndcObject$NdcDetails2 === void 0 ? void 0 : (_ndcObject$NdcDetails3 = _ndcObject$NdcDetails2.additionalDetails) === null || _ndcObject$NdcDetails3 === void 0 ? void 0 : _ndcObject$NdcDetails3.propertyAddress,
         applicationNo: ndcObject === null || ndcObject === void 0 ? void 0 : ndcObject.uuid
       };
       const Documents = removeDuplicatesByUUID((ndcObject === null || ndcObject === void 0 ? void 0 : ndcObject.Documents) || []);
@@ -8943,7 +8943,7 @@ const CitizenApplicationOverview = () => {
     const Property = applicationDetails;
     console.log("applicationDetails in StakeholderAck", applicationDetails);
     console.log("tenants", tenants);
-    const tenantInfo = tenants.find(tenant => tenant.code === Property.tenantId);
+    const tenantInfo = tenants === null || tenants === void 0 ? void 0 : tenants.find(tenant => (tenant === null || tenant === void 0 ? void 0 : tenant.code) === (Property === null || Property === void 0 ? void 0 : Property.tenantId));
     const acknowledgementData = await getAcknowledgementData(Property, tenantInfo, t);
     console.log("acknowledgementData", acknowledgementData);
     Digit.Utils.pdf.generate(acknowledgementData);
@@ -8956,25 +8956,27 @@ const CitizenApplicationOverview = () => {
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
-      justifyContent: "space-between",
+      justifyContent: "end",
       alignItems: "center",
       padding: "16px"
     }
-  }, /*#__PURE__*/React.createElement(Header, {
-    styles: {
-      fontSize: "32px"
-    }
-  }, t("NDC_APP_OVER_VIEW_HEADER")), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : (_applicationDetails$A4 = _applicationDetails$A3[0]) === null || _applicationDetails$A4 === void 0 ? void 0 : _applicationDetails$A4.applicationStatus) === "APPROVED" && /*#__PURE__*/React.createElement(LinkButton, {
+  }, (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A3 = applicationDetails.Applications) === null || _applicationDetails$A3 === void 0 ? void 0 : (_applicationDetails$A4 = _applicationDetails$A3[0]) === null || _applicationDetails$A4 === void 0 ? void 0 : _applicationDetails$A4.applicationStatus) === "APPROVED" && /*#__PURE__*/React.createElement(LinkButton, {
+    className: "downLoadButton",
     label: t("DOWNLOAD_CERTIFICATE"),
-    style: {
-      color: "#A52A2A"
-    },
     onClick: handleDownloadPdf
-  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, console.log("displayData?.applicantData", displayData === null || displayData === void 0 ? void 0 : displayData.applicantData), (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
+  })), /*#__PURE__*/React.createElement(Card, {
+    className: "ndc_card_main"
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    className: "ndc_label"
+  }, t("NDC_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, console.log("displayData?.applicantData", displayData === null || displayData === void 0 ? void 0 : displayData.applicantData), (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
     key: key,
     label: t(`${key === null || key === void 0 ? void 0 : key.toUpperCase()}`),
     text: Array.isArray(value) ? value.map(item => typeof item === "object" ? t((item === null || item === void 0 ? void 0 : item.code) || "N/A") : t(item || "N/A")).join(", ") : typeof value === "object" ? t((value === null || value === void 0 ? void 0 : value.code) || "N/A") : t(value || "N/A")
-  }))))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_NDC_DETAILS_OVERVIEW")), displayData === null || displayData === void 0 ? void 0 : (_displayData$NdcDetai = displayData.NdcDetails) === null || _displayData$NdcDetai === void 0 ? void 0 : _displayData$NdcDetai.map((detail, index) => {
+  }))))), /*#__PURE__*/React.createElement(Card, {
+    className: "ndc_card_main"
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    className: "ndc_label"
+  }, t("NDC_APPLICATION_NDC_DETAILS_OVERVIEW")), displayData === null || displayData === void 0 ? void 0 : (_displayData$NdcDetai = displayData.NdcDetails) === null || _displayData$NdcDetai === void 0 ? void 0 : _displayData$NdcDetai.map((detail, index) => {
     var _detail$dueAmount;
     return /*#__PURE__*/React.createElement("div", {
       key: index,
@@ -8997,7 +8999,11 @@ const CitizenApplicationOverview = () => {
       label: t("NDC_PROPERTY_TYPE"),
       text: t(detail.propertyType) || detail.propertyType
     })));
-  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_DOCUMENTS_OVERVIEW")), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement(Card, {
+    className: "ndc_card_main"
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    className: "ndc_label"
+  }, t("NDC_APPLICATION_DOCUMENTS_OVERVIEW")), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       gap: "16px"
@@ -9006,13 +9012,17 @@ const CitizenApplicationOverview = () => {
     value: {
       workflowDocs: displayData === null || displayData === void 0 ? void 0 : displayData.Documents
     }
-  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("CS_APPLICATION_DETAILS_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
+  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) && /*#__PURE__*/React.createElement(Card, {
+    className: "ndc_card_main"
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    className: "ndc_label"
+  }, t("CS_APPLICATION_DETAILS_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
     isCompleted: true,
-    label: t("NDC_STATUS_" + (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline[0]) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.status))
+    label: t(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline[0]) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.status)
   }) : /*#__PURE__*/React.createElement(ConnectingCheckPoints, null, workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : _workflowDetails$data5.timeline.map((checkpoint, index, arr) => /*#__PURE__*/React.createElement(CheckPoint, {
     keyValue: index,
     isCompleted: index === 0,
-    label: t("NDC_STATUS_" + checkpoint.status),
+    label: t(checkpoint.status),
     customChild: getTimelineCaptions$1(checkpoint, index, arr, t)
   })))));
 };
@@ -9543,7 +9553,7 @@ const Inbox = ({
   }, [data]);
   const PropsForInboxLinks = {
     logoIcon: /*#__PURE__*/React.createElement(ComplaintIcon, null),
-    headerText: "NDC Module",
+    headerText: `${t("MODULE_NKS_NO_DUE_CERTIFICATE_FEES")}`,
     links: [{
       text: "Create NDC Application",
       link: "/digit-ui/employee/ndc/create"
@@ -11439,6 +11449,12 @@ const config = [{
   head: "",
   stepNumber: 1,
   body: [{
+    name: "NDC_COMMON_NDC_REASON",
+    type: "component",
+    component: "SelectNDCReason",
+    key: "NDCReason",
+    withoutLabel: true
+  }, {
     name: "",
     type: "component",
     component: "NDCPropertySearch",
@@ -11450,12 +11466,6 @@ const config = [{
     component: "PropertyDetailsFormCitizen",
     key: "PropertyDetails",
     withoutLabel: true
-  }, {
-    name: "NDC_COMMON_NDC_REASON",
-    type: "component",
-    component: "SelectNDCReason",
-    key: "NDCReason",
-    withoutLabel: true
   }]
 }, {
   head: "NDC_COMMON_DOCUMENTS_REQUIRED",
@@ -11793,6 +11803,10 @@ function SelectNDCReason({
   const {
     t
   } = useTranslation();
+  const apiDataCheck = useSelector(state => {
+    var _state$ndc$NDCForm, _state$ndc$NDCForm$fo;
+    return (_state$ndc$NDCForm = state.ndc.NDCForm) === null || _state$ndc$NDCForm === void 0 ? void 0 : (_state$ndc$NDCForm$fo = _state$ndc$NDCForm.formData) === null || _state$ndc$NDCForm$fo === void 0 ? void 0 : _state$ndc$NDCForm$fo.responseData;
+  });
   const {
     data: menuList,
     isLoading
@@ -11816,6 +11830,18 @@ function SelectNDCReason({
   useEffect(() => {
     onSelect("NDCReason", ndcReason, config);
   }, [ndcReason]);
+  useEffect(() => {
+    if (apiDataCheck && (ndcReasonOptions === null || ndcReasonOptions === void 0 ? void 0 : ndcReasonOptions.length) > 0) {
+      const matchedOption = ndcReasonOptions.find(opt => {
+        var _apiDataCheck$;
+        return (opt === null || opt === void 0 ? void 0 : opt.code) === (apiDataCheck === null || apiDataCheck === void 0 ? void 0 : (_apiDataCheck$ = apiDataCheck[0]) === null || _apiDataCheck$ === void 0 ? void 0 : _apiDataCheck$.reason);
+      });
+      if (matchedOption) {
+        setNDCReason(matchedOption);
+        setValue("NDCReason", matchedOption);
+      }
+    }
+  }, [apiDataCheck, ndcReasonOptions]);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
@@ -11827,10 +11853,10 @@ function SelectNDCReason({
   };
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      marginBottom: "16px"
+      paddingBottom: "16px"
     }
   }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_NEW_NDC_APPLICATION_NDC_REASON")} * `), /*#__PURE__*/React.createElement(Controller, {
     name: "NDCReason",
     rules: {
@@ -11844,6 +11870,7 @@ function SelectNDCReason({
       option: ndcReasonOptions,
       select: e => {
         setNDCReason(e);
+        props.onChange(e);
       },
       optionKey: "i18nKey",
       onBlur: props.onBlur,
@@ -11862,7 +11889,7 @@ const PropertyDetailsForm$1 = ({
   formState,
   clearErrors
 }) => {
-  var _formData$cpt, _formData$cpt$details, _formData$cpt3, _Digit, _Digit$ComponentRegis, _formData$cpt4, _propertyDetails$wate, _propertyDetails$sewe;
+  var _formData$cpt, _formData$cpt$details, _formData$cpt3, _Digit, _Digit$ComponentRegis, _formData$cpt4, _apiDataCheck$6, _propertyDetails$wate, _propertyDetails$sewe;
   const {
     control,
     formState: localFormState,
@@ -11875,6 +11902,10 @@ const PropertyDetailsForm$1 = ({
     t
   } = useTranslation();
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
+  const apiDataCheck = useSelector(state => {
+    var _state$ndc$NDCForm, _state$ndc$NDCForm$fo;
+    return (_state$ndc$NDCForm = state.ndc.NDCForm) === null || _state$ndc$NDCForm === void 0 ? void 0 : (_state$ndc$NDCForm$fo = _state$ndc$NDCForm.formData) === null || _state$ndc$NDCForm$fo === void 0 ? void 0 : _state$ndc$NDCForm$fo.responseData;
+  });
   const [showToast, setShowToast] = useState(null);
   const [propertyLoader, setPropertyLoader] = useState(false);
   const [showPayModal, setShowPayModal] = useState(false);
@@ -11943,39 +11974,63 @@ const PropertyDetailsForm$1 = ({
     });
   }, [formData === null || formData === void 0 ? void 0 : (_formData$cpt3 = formData.cpt) === null || _formData$cpt3 === void 0 ? void 0 : _formData$cpt3.details]);
   useEffect(() => {
-    var _formData$PropertyDet3, _formData$PropertyDet4;
-    if (!(formData !== null && formData !== void 0 && (_formData$PropertyDet3 = formData.PropertyDetails) !== null && _formData$PropertyDet3 !== void 0 && (_formData$PropertyDet4 = _formData$PropertyDet3.waterConnection) !== null && _formData$PropertyDet4 !== void 0 && _formData$PropertyDet4.length) > 0) {
-      setPropertyDetails(prev => {
-        const waterConnection = waterConnectionData === null || waterConnectionData === void 0 ? void 0 : waterConnectionData.map(item => ({
-          connectionNo: item === null || item === void 0 ? void 0 : item.connectionNo,
-          isEdit: false,
-          billData: {},
-          isLoading: false
-        }));
-        return {
-          ...prev,
-          waterConnection: waterConnection
-        };
-      });
+    var _apiDataCheck$;
+    let waterConnection;
+    if (apiDataCheck !== null && apiDataCheck !== void 0 && (_apiDataCheck$ = apiDataCheck[0]) !== null && _apiDataCheck$ !== void 0 && _apiDataCheck$.NdcDetails) {
+      var _apiDataCheck$2;
+      const resData = apiDataCheck === null || apiDataCheck === void 0 ? void 0 : (_apiDataCheck$2 = apiDataCheck[0]) === null || _apiDataCheck$2 === void 0 ? void 0 : _apiDataCheck$2.NdcDetails.filter(item => {
+        return item.businessService == "WS";
+      });
+      waterConnection = (resData === null || resData === void 0 ? void 0 : resData.map(item => ({
+        connectionNo: item === null || item === void 0 ? void 0 : item.consumerCode,
+        isEdit: false,
+        billData: {
+          totalAmount: 0
+        },
+        isLoading: false
+      }))) || [];
+    } else {
+      waterConnection = (waterConnectionData === null || waterConnectionData === void 0 ? void 0 : waterConnectionData.map(item => ({
+        connectionNo: item === null || item === void 0 ? void 0 : item.connectionNo,
+        isEdit: false,
+        billData: {},
+        isLoading: false
+      }))) || [];
     }
-  }, [waterConnectionData, waterConnectionLoading]);
+    setPropertyDetails(prev => ({
+      ...prev,
+      waterConnection
+    }));
+  }, [waterConnectionData, apiDataCheck]);
   useEffect(() => {
-    var _formData$PropertyDet5, _formData$PropertyDet6;
-    if (!(formData !== null && formData !== void 0 && (_formData$PropertyDet5 = formData.PropertyDetails) !== null && _formData$PropertyDet5 !== void 0 && (_formData$PropertyDet6 = _formData$PropertyDet5.sewerageConnection) !== null && _formData$PropertyDet6 !== void 0 && _formData$PropertyDet6.length) > 0) {
-      setPropertyDetails(prev => {
-        const sewerageConnection = sewerageConnectionData === null || sewerageConnectionData === void 0 ? void 0 : sewerageConnectionData.map(item => ({
-          connectionNo: item === null || item === void 0 ? void 0 : item.connectionNo,
-          isEdit: false,
-          billData: {},
-          isLoading: false
-        }));
-        return {
-          ...prev,
-          sewerageConnection: sewerageConnection
-        };
-      });
+    var _apiDataCheck$3;
+    let sewerageConnection;
+    if (apiDataCheck !== null && apiDataCheck !== void 0 && (_apiDataCheck$3 = apiDataCheck[0]) !== null && _apiDataCheck$3 !== void 0 && _apiDataCheck$3.NdcDetails) {
+      var _apiDataCheck$4;
+      const resData = apiDataCheck === null || apiDataCheck === void 0 ? void 0 : (_apiDataCheck$4 = apiDataCheck[0]) === null || _apiDataCheck$4 === void 0 ? void 0 : _apiDataCheck$4.NdcDetails.filter(item => {
+        return item.businessService == "SW";
+      });
+      sewerageConnection = (resData === null || resData === void 0 ? void 0 : resData.map(item => ({
+        connectionNo: item === null || item === void 0 ? void 0 : item.consumerCode,
+        isEdit: false,
+        billData: {
+          totalAmount: 0
+        },
+        isLoading: false
+      }))) || [];
+    } else {
+      sewerageConnection = (sewerageConnectionData === null || sewerageConnectionData === void 0 ? void 0 : sewerageConnectionData.map(item => ({
+        connectionNo: item === null || item === void 0 ? void 0 : item.connectionNo,
+        isEdit: false,
+        billData: {},
+        isLoading: false
+      }))) || [];
     }
-  }, [sewerageConnectionData, sewerageConnectionLoading]);
+    setPropertyDetails(prev => ({
+      ...prev,
+      sewerageConnection
+    }));
+  }, [sewerageConnectionData, apiDataCheck]);
   useEffect(() => {
     onSelect("PropertyDetails", propertyDetails, config);
   }, [propertyDetails]);
@@ -12030,7 +12085,6 @@ const PropertyDetailsForm$1 = ({
         consumerCode: consumercodes
       });
       setPropertyLoader(false);
-      console.log("result======???????", result);
       if ((result === null || result === void 0 ? void 0 : (_result$Bill = result.Bill) === null || _result$Bill === void 0 ? void 0 : _result$Bill.length) > 0) {
         var _result$Bill$;
         if ((result === null || result === void 0 ? void 0 : (_result$Bill$ = result.Bill[0]) === null || _result$Bill$ === void 0 ? void 0 : _result$Bill$.totalAmount) > 0) {
@@ -12072,10 +12126,6 @@ const PropertyDetailsForm$1 = ({
           }));
         }
       } else if (result !== null && result !== void 0 && result.Bill) {
-        setShowToast({
-          error: false,
-          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
-        });
         if (bussinessService === "WS") {
           const updated = [...propertyDetails.waterConnection];
           updated[index].billData = {
@@ -12086,6 +12136,10 @@ const PropertyDetailsForm$1 = ({
             ...prev,
             waterConnection: updated
           }));
+          setShowToast({
+            error: false,
+            label: t("NDC_NO_BILLS_FOUND_WS")
+          });
         } else if (bussinessService === "SW") {
           const updated = [...propertyDetails.sewerageConnection];
           updated[index].billData = {
@@ -12096,6 +12150,10 @@ const PropertyDetailsForm$1 = ({
             ...prev,
             sewerageConnection: updated
           }));
+          setShowToast({
+            error: false,
+            label: t("NDC_NO_BILLS_FOUND_SW")
+          });
         } else if (bussinessService === "PT") {
           let updated = {
             ...propertyDetails.propertyBillData
@@ -12105,12 +12163,12 @@ const PropertyDetailsForm$1 = ({
             ...prev,
             propertyBillData: updated
           }));
+          setShowToast({
+            error: false,
+            label: t("NDC_NO_BILLS_FOUND_PROPERTY")
+          });
         }
       } else {
-        setShowToast({
-          error: false,
-          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
-        });
         if (bussinessService === "WS") {
           const updated = [...propertyDetails.waterConnection];
           updated[index].isLoading = false;
@@ -12121,6 +12179,10 @@ const PropertyDetailsForm$1 = ({
             ...prev,
             waterConnection: updated
           }));
+          setShowToast({
+            error: false,
+            label: t("NDC_NO_BILLS_FOUND_WS")
+          });
         } else if (bussinessService === "SW") {
           const updated = [...propertyDetails.sewerageConnection];
           updated[index].isLoading = false;
@@ -12131,6 +12193,10 @@ const PropertyDetailsForm$1 = ({
             ...prev,
             sewerageConnection: updated
           }));
+          setShowToast({
+            error: false,
+            label: t("NDC_NO_BILLS_FOUND_SW")
+          });
         } else if (bussinessService === "PT") {
           let updated = {
             ...propertyDetails.propertyBillData
@@ -12140,6 +12206,10 @@ const PropertyDetailsForm$1 = ({
             ...prev,
             propertyBillData: updated
           }));
+          setShowToast({
+            error: false,
+            label: t("NDC_NO_BILLS_FOUND_PROPERTY")
+          });
         }
       }
     } catch (error) {
@@ -12211,16 +12281,35 @@ const PropertyDetailsForm$1 = ({
     }
   }
   const PayWSBillModal = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("PayWSBillModal");
+  useEffect(() => {
+    if (showToast) {
+      const timer = setTimeout(() => {
+        setShowToast(null);
+      }, 3000);
+      return () => clearTimeout(timer);
+    }
+  }, [showToast]);
+  useEffect(() => {
+    if (apiDataCheck) {
+      var _apiDataCheck$5, _apiDataCheck$5$owner, _apiDataCheck$5$owner2;
+      const apiEmail = (apiDataCheck === null || apiDataCheck === void 0 ? void 0 : (_apiDataCheck$5 = apiDataCheck[0]) === null || _apiDataCheck$5 === void 0 ? void 0 : (_apiDataCheck$5$owner = _apiDataCheck$5.owners) === null || _apiDataCheck$5$owner === void 0 ? void 0 : (_apiDataCheck$5$owner2 = _apiDataCheck$5$owner[0]) === null || _apiDataCheck$5$owner2 === void 0 ? void 0 : _apiDataCheck$5$owner2.emailId) || "";
+      setValue("email", apiEmail);
+      setPropertyDetails(prev => ({
+        ...prev,
+        email: apiEmail
+      }));
+    }
+  }, [apiDataCheck]);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "16px"
     }
-  }, (formData === null || formData === void 0 ? void 0 : (_formData$cpt4 = formData.cpt) === null || _formData$cpt4 === void 0 ? void 0 : _formData$cpt4.details) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
+  }, ((formData === null || formData === void 0 ? void 0 : (_formData$cpt4 = formData.cpt) === null || _formData$cpt4 === void 0 ? void 0 : _formData$cpt4.details) || (apiDataCheck === null || apiDataCheck === void 0 ? void 0 : (_apiDataCheck$6 = apiDataCheck[0]) === null || _apiDataCheck$6 === void 0 ? void 0 : _apiDataCheck$6.NdcDetails)) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
       marginTop: "40px"
     }
   }, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_WATER_CONNECTION")}`), waterConnectionLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
     className: "field",
     style: {
@@ -12230,7 +12319,7 @@ const PropertyDetailsForm$1 = ({
       width: "100%"
     }
   }, propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$wate = propertyDetails.waterConnection) === null || _propertyDetails$wate === void 0 ? void 0 : _propertyDetails$wate.map((item, index) => {
-    var _item$billData, _item$billData2, _item$billData3, _item$billData4;
+    var _apiDataCheck$7, _item$billData, _item$billData2, _item$billData3, _item$billData4;
     return /*#__PURE__*/React.createElement("div", {
       className: "ndc_property_search",
       key: index,
@@ -12271,7 +12360,7 @@ const PropertyDetailsForm$1 = ({
         alignItems: "center",
         gap: "12px"
       }
-    }, (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData = item.billData) !== null && _item$billData !== void 0 && _item$billData.id) && (item === null || item === void 0 ? void 0 : (_item$billData2 = item.billData) === null || _item$billData2 === void 0 ? void 0 : _item$billData2.totalAmount) != 0 && /*#__PURE__*/React.createElement("button", {
+    }, !(apiDataCheck !== null && apiDataCheck !== void 0 && (_apiDataCheck$7 = apiDataCheck[0]) !== null && _apiDataCheck$7 !== void 0 && _apiDataCheck$7.NdcDetails) && (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData = item.billData) !== null && _item$billData !== void 0 && _item$billData.id) && (item === null || item === void 0 ? void 0 : (_item$billData2 = item.billData) === null || _item$billData2 === void 0 ? void 0 : _item$billData2.totalAmount) != 0 && /*#__PURE__*/React.createElement("button", {
       className: "submit-bar",
       type: "button",
       style: {
@@ -12328,7 +12417,7 @@ const PropertyDetailsForm$1 = ({
       marginTop: "40px"
     }
   }, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_SEWERAGE_CONNECTION")} `), sewerageConnectionLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
     className: "field",
     style: {
@@ -12338,7 +12427,7 @@ const PropertyDetailsForm$1 = ({
       width: "100%"
     }
   }, propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$sewe = propertyDetails.sewerageConnection) === null || _propertyDetails$sewe === void 0 ? void 0 : _propertyDetails$sewe.map((item, index) => {
-    var _item$billData5, _item$billData6, _item$billData7, _item$billData8;
+    var _apiDataCheck$8, _item$billData5, _item$billData6, _item$billData7, _item$billData8;
     return /*#__PURE__*/React.createElement("div", {
       className: "ndc_property_search",
       key: index,
@@ -12379,7 +12468,7 @@ const PropertyDetailsForm$1 = ({
         alignItems: "center",
         gap: "12px"
       }
-    }, (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData5 = item.billData) !== null && _item$billData5 !== void 0 && _item$billData5.id) && (item === null || item === void 0 ? void 0 : (_item$billData6 = item.billData) === null || _item$billData6 === void 0 ? void 0 : _item$billData6.totalAmount) != 0 && /*#__PURE__*/React.createElement("button", {
+    }, !(apiDataCheck !== null && apiDataCheck !== void 0 && (_apiDataCheck$8 = apiDataCheck[0]) !== null && _apiDataCheck$8 !== void 0 && _apiDataCheck$8.NdcDetails) && (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData5 = item.billData) !== null && _item$billData5 !== void 0 && _item$billData5.id) && (item === null || item === void 0 ? void 0 : (_item$billData6 = item.billData) === null || _item$billData6 === void 0 ? void 0 : _item$billData6.totalAmount) != 0 && /*#__PURE__*/React.createElement("button", {
       className: "submit-bar",
       type: "button",
       style: {
@@ -12436,7 +12525,7 @@ const PropertyDetailsForm$1 = ({
       marginTop: "40px"
     }
   }, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_FIRST_NAME")} * `), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -12467,7 +12556,7 @@ const PropertyDetailsForm$1 = ({
       });
     }
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_LAST_NAME")} * `), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -12498,23 +12587,23 @@ const PropertyDetailsForm$1 = ({
       });
     }
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_EMAIL")} * `), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "email",
-    defaultValue: (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.email) || "",
+    defaultValue: "",
     render: props => {
       var _formData$cpt7, _formData$cpt7$detail, _formData$cpt7$detail2, _formData$cpt7$detail3, _formData$cpt7$detail4;
       return /*#__PURE__*/React.createElement(TextInput, {
-        value: propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.email,
+        value: props === null || props === void 0 ? void 0 : props.value,
         onChange: e => {
+          props.onChange(e.target.value);
           setPropertyDetails(prev => ({
             ...prev,
             email: e.target.value
           }));
-          props.onChange(e.target.value);
         },
         onBlur: e => {
           props.onBlur(e);
@@ -12523,7 +12612,7 @@ const PropertyDetailsForm$1 = ({
       });
     }
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_MOBILE_NUMBER")} * `), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -12544,7 +12633,7 @@ const PropertyDetailsForm$1 = ({
       }
     })
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_ADDRESS")} * `), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -12569,7 +12658,7 @@ const PropertyDetailsForm$1 = ({
       });
     }
   })))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller"
+    className: "card-label-smaller ndc_card_labels"
   }, `${t("NDC_TL_NUMBER")}`), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -12611,23 +12700,30 @@ const PropertySearchNSummary = ({
   onSelect,
   formData
 }) => {
-  var _formData$cpt, _formData$cpt2, _propertyDetails$Prop3, _formData$cpt11, _formData$cpt12, _formData$cpt14, _formData$cpt15, _formData$cpt15$dues, _formData$cpt17, _formData$cpt18, _formData$cpt18$dues;
+  var _apiDataCheck$, _apiDataCheck$$NdcDet, _formData$cpt, _formData$cpt2, _propertyDetails$Prop3, _apiDataCheck$2, _formData$cpt12, _formData$cpt13, _formData$cpt13$dues;
   const {
     t
   } = useTranslation();
   const myElementRef = useRef(null);
+  const dispatch = useDispatch();
   let {
     pathname,
     state
   } = useLocation();
   state = state && (typeof state === "string" || state instanceof String) ? JSON.parse(state) : state;
+  const apiDataCheck = useSelector(state => {
+    var _state$ndc$NDCForm, _state$ndc$NDCForm$fo;
+    return (_state$ndc$NDCForm = state.ndc.NDCForm) === null || _state$ndc$NDCForm === void 0 ? void 0 : (_state$ndc$NDCForm$fo = _state$ndc$NDCForm.formData) === null || _state$ndc$NDCForm$fo === void 0 ? void 0 : _state$ndc$NDCForm$fo.responseData;
+  });
   const isEditScreen = pathname.includes("/modify-application/");
   const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
   const search = useLocation().search;
   const urlPropertyId = new URLSearchParams(search).get("propertyId");
   const isfirstRender = useRef(true);
-  const [propertyId, setPropertyId] = useState((formData === null || formData === void 0 ? void 0 : (_formData$cpt = formData.cpt) === null || _formData$cpt === void 0 ? void 0 : _formData$cpt.id) || (urlPropertyId !== "null" ? urlPropertyId : "") || "");
-  const [searchPropertyId, setSearchPropertyId] = useState(formData !== null && formData !== void 0 && (_formData$cpt2 = formData.cpt) !== null && _formData$cpt2 !== void 0 && _formData$cpt2.id || urlPropertyId !== "null" ? urlPropertyId : "");
+  const ptFromApi = apiDataCheck === null || apiDataCheck === void 0 ? void 0 : (_apiDataCheck$ = apiDataCheck[0]) === null || _apiDataCheck$ === void 0 ? void 0 : (_apiDataCheck$$NdcDet = _apiDataCheck$.NdcDetails) === null || _apiDataCheck$$NdcDet === void 0 ? void 0 : _apiDataCheck$$NdcDet.find(item => item.businessService == "PT");
+  console.log("ptFromApi", ptFromApi);
+  const [propertyId, setPropertyId] = useState((formData === null || formData === void 0 ? void 0 : (_formData$cpt = formData.cpt) === null || _formData$cpt === void 0 ? void 0 : _formData$cpt.id) || (urlPropertyId !== "null" ? urlPropertyId : "") || (ptFromApi === null || ptFromApi === void 0 ? void 0 : ptFromApi.consumerCode) || "");
+  const [searchPropertyId, setSearchPropertyId] = useState((formData === null || formData === void 0 ? void 0 : (_formData$cpt2 = formData.cpt) === null || _formData$cpt2 === void 0 ? void 0 : _formData$cpt2.id) || (urlPropertyId !== "null" ? urlPropertyId : "") || (ptFromApi === null || ptFromApi === void 0 ? void 0 : ptFromApi.consumerCode) || "");
   const [showToast, setShowToast] = useState(null);
   const [propertyDetails, setPropertyDetails] = useState(() => {
     var _formData$cpt3, _formData$cpt4;
@@ -12660,6 +12756,8 @@ const PropertySearchNSummary = ({
     }
   });
   const [isSearchClicked, setIsSearchClicked] = useState(false);
+  const [getNoDue, setNoDue] = useState(false);
+  const [getCheckStatus, setCheckStats] = useState(false);
   const {
     isLoading,
     isError,
@@ -12678,11 +12776,25 @@ const PropertySearchNSummary = ({
     enabled: searchPropertyId ? true : false,
     privacy: Digit.Utils.getPrivacyObject()
   });
+  console.log("apiDataCheck", apiDataCheck);
+  useEffect(() => {
+    if (ptFromApi !== null && ptFromApi !== void 0 && ptFromApi.consumerCode) {
+      setIsSearchClicked(true);
+      setPropertyId(ptFromApi.consumerCode);
+      setSearchPropertyId(ptFromApi.consumerCode);
+      setNoDue(true);
+      onSelect(config.key, {
+        ...formData[config.key],
+        id: ptFromApi.consumerCode
+      });
+    }
+  }, [ptFromApi]);
   useEffect(() => {
     var _propertyDetailsFetch;
     if (propertyDetailsFetch && propertyDetailsFetch !== null && propertyDetailsFetch !== void 0 && propertyDetailsFetch.Properties && (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch === void 0 ? void 0 : _propertyDetailsFetch.length) > 0) {
       setPropertyDetails(propertyDetailsFetch);
       setShowToast(null);
+      setCheckStats(true);
     } else {
       var _formData$cpt9;
       if (isfirstRender.current) {
@@ -12690,7 +12802,6 @@ const PropertySearchNSummary = ({
         return;
       }
       if (!(formData !== null && formData !== void 0 && (_formData$cpt9 = formData.cpt) !== null && _formData$cpt9 !== void 0 && _formData$cpt9.details)) {
-        console.log("Property Id not found in response", propertyId);
         setPropertyDetails({});
         setShowToast({
           error: true,
@@ -12705,7 +12816,6 @@ const PropertySearchNSummary = ({
   useEffect(() => {
     var _propertyDetails$Prop;
     if (isLoading == false && error && error == true && (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop = propertyDetails.Properties) === null || _propertyDetails$Prop === void 0 ? void 0 : _propertyDetails$Prop.length) == 0) {
-      console.log("Error Caught", error, propertyDetails);
       setShowToast({
         error: true,
         label: "PT_ENTER_VALID_PROPERTY_ID"
@@ -12745,6 +12855,8 @@ const PropertySearchNSummary = ({
     setPropertyId(e.target.value);
     setValue(e.target.value, propertyIdInput.name);
     setIsSearchClicked(false);
+    setNoDue(false);
+    setCheckStats(false);
   };
   if (isEditScreen) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -12773,9 +12885,6 @@ const PropertySearchNSummary = ({
       [input]: value
     });
   }
-  function getValue(input) {
-    return formData && formData[config.key] ? formData[config.key][input] : undefined;
-  }
   async function fetchBill() {
     try {
       var _formData$cpt0, _result$Bill;
@@ -12793,8 +12902,10 @@ const PropertySearchNSummary = ({
         } else {
           setShowToast({
             error: false,
-            label: t("NDC_MESSAGE_NO_DUES_FOUND")
+            label: t("NDC_NO_BILLS_FOUND_PROPERTY")
           });
+          setNoDue(true);
+          setCheckStats(false);
         }
         setPropertyDues({
           dues: result === null || result === void 0 ? void 0 : result.Bill[0]
@@ -12802,23 +12913,27 @@ const PropertySearchNSummary = ({
       } else if (result !== null && result !== void 0 && result.Bill) {
         setShowToast({
           error: false,
-          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
+          label: t("NDC_NO_BILLS_FOUND_PROPERTY")
         });
         setPropertyDues({
           dues: {
             totalAmount: 0
           }
         });
+        setNoDue(true);
+        setCheckStats(false);
       } else {
         setShowToast({
           error: false,
-          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
+          label: t("NDC_NO_BILLS_FOUND_PROPERTY")
         });
         setPropertyDues({
           dues: {
             totalAmount: 0
           }
         });
+        setNoDue(true);
+        setCheckStats(false);
       }
     } catch (error) {
       setShowToast({
@@ -12834,12 +12949,20 @@ const PropertySearchNSummary = ({
     window.open(payUrl, "_blank");
     setPropertyDues({});
   }
+  useEffect(() => {
+    if (showToast) {
+      const timer = setTimeout(() => {
+        setShowToast(null);
+      }, 3000);
+      return () => clearTimeout(timer);
+    }
+  }, [showToast]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "16px"
     }
   }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
-    className: "card-label-smaller",
+    className: "card-label-smaller ndc_card_labels",
     style: getInputStyles()
   }, `${t(propertyIdInput.label)}`,  null), /*#__PURE__*/React.createElement("div", {
     className: "field ndc_property_search",
@@ -12854,7 +12977,7 @@ const PropertySearchNSummary = ({
     id: "search-property-field"
   }, /*#__PURE__*/React.createElement(TextInput, Object.assign({
     key: propertyIdInput.name,
-    value: getValue(propertyIdInput.name),
+    value: propertyId,
     onChange: handlePropertyChange,
     disable: false,
     maxlength: 16,
@@ -12868,7 +12991,7 @@ const PropertySearchNSummary = ({
       maxWidth: "100px"
     },
     onClick: searchProperty
-  }, `${t("PT_SEARCH")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt11 = formData.cpt) === null || _formData$cpt11 === void 0 ? void 0 : _formData$cpt11.details) && !(formData !== null && formData !== void 0 && (_formData$cpt12 = formData.cpt) !== null && _formData$cpt12 !== void 0 && _formData$cpt12.dues) && /*#__PURE__*/React.createElement("button", {
+  }, `${t("PT_SEARCH")}`), !(apiDataCheck !== null && apiDataCheck !== void 0 && (_apiDataCheck$2 = apiDataCheck[0]) !== null && _apiDataCheck$2 !== void 0 && _apiDataCheck$2.NdcDetails) && getCheckStatus && /*#__PURE__*/React.createElement("button", {
     className: "submit-bar",
     type: "button",
     style: {
@@ -12880,7 +13003,7 @@ const PropertySearchNSummary = ({
     onClick: () => {
       fetchBill();
     }
-  }, `${t("CHECK_STATUS_PROPERTY")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt14 = formData.cpt) === null || _formData$cpt14 === void 0 ? void 0 : _formData$cpt14.id) && (formData === null || formData === void 0 ? void 0 : (_formData$cpt15 = formData.cpt) === null || _formData$cpt15 === void 0 ? void 0 : (_formData$cpt15$dues = _formData$cpt15.dues) === null || _formData$cpt15$dues === void 0 ? void 0 : _formData$cpt15$dues.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
+  }, `${t("CHECK_STATUS_PROPERTY")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt12 = formData.cpt) === null || _formData$cpt12 === void 0 ? void 0 : _formData$cpt12.id) && (formData === null || formData === void 0 ? void 0 : (_formData$cpt13 = formData.cpt) === null || _formData$cpt13 === void 0 ? void 0 : (_formData$cpt13$dues = _formData$cpt13.dues) === null || _formData$cpt13$dues === void 0 ? void 0 : _formData$cpt13$dues.totalAmount) > 0 && !isSearchClicked && /*#__PURE__*/React.createElement("button", {
     className: "submit-bar",
     type: "button",
     style: {
@@ -12891,7 +13014,7 @@ const PropertySearchNSummary = ({
     onClick: () => {
       redirectToPayBill();
     }
-  }, `${t("PAY_DUES")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt17 = formData.cpt) === null || _formData$cpt17 === void 0 ? void 0 : _formData$cpt17.id) && (formData === null || formData === void 0 ? void 0 : (_formData$cpt18 = formData.cpt) === null || _formData$cpt18 === void 0 ? void 0 : (_formData$cpt18$dues = _formData$cpt18.dues) === null || _formData$cpt18$dues === void 0 ? void 0 : _formData$cpt18$dues.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", {
+  }, `${t("PAY_DUES")}`), getNoDue && /*#__PURE__*/React.createElement("div", {
     style: {
       color: "green",
       width: "100%",
@@ -12963,6 +13086,7 @@ const SelectNDCDocuments = ({
       formState: formState
     });
   }), error && /*#__PURE__*/React.createElement(Toast, {
+    isDleteBtn: true,
     label: error,
     onClose: () => setError(null),
     error: true
@@ -13659,6 +13783,18 @@ const NewNDCStepForm$1 = () => {
   const formState = useSelector(state => state.ndc.NDCForm);
   const step = formState.step;
   const tenantId = Digit.ULBService.getCurrentTenantId();
+  const id = window.location.pathname.split("/").pop();
+  const {
+    isLoading,
+    data: applicationDetails
+  } = Digit.Hooks.ndc.useSearchEmployeeApplication({
+    uuid: id
+  }, tenantId);
+  useEffect(() => {
+    if (applicationDetails !== null && applicationDetails !== void 0 && applicationDetails.Applications.length) {
+      dispatch(updateNDCForm("responseData", applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.Applications));
+    }
+  }, [applicationDetails]);
   const setStep = updatedStepNumber => {
     dispatch(setNDCStep(updatedStepNumber));
   };
@@ -13813,6 +13949,7 @@ const NewNDCStepFormOne$1 = ({
   };
   function validateStepData(data) {
     var _data$cpt6, _data$cpt6$dues, _data$cpt7, _data$cpt7$dues, _data$dues, _propertyDetails$wate, _propertyDetails$sewe;
+    console.log("data", data);
     const missingFields = [];
     const invalidFields = [];
     const cpt = (data === null || data === void 0 ? void 0 : data.cpt) || {};