@mseva/digit-ui-module-ptr 1.0.40 → 1.0.42

package/dist/index.js

@@ -16036,8 +16036,8 @@ ListCache.prototype.has = _listCacheHas;
 ListCache.prototype.set = _listCacheSet;
 var _ListCache = ListCache;
 
-var Map = _getNative(_root, 'Map');
-var _Map = Map;
+var Map$1 = _getNative(_root, 'Map');
+var _Map = Map$1;
 
 function mapCacheClear() {
   this.size = 0;
@@ -16550,13 +16550,7 @@ const InboxLinks = _ref => {
     roles: []
   }, {
     text: "PTR_SEARCH_PET",
-    link: `/digit-ui/employee/ptr/search`,
-    businessService: "ptr",
-    roles: []
-  }, {
-    text: "PTR_COMMON_APPLICATION_SEARCH",
-    link: `/digit-ui/employee/ptr/application-search`,
-    businessService: "ptr",
+    link: `/digit-ui/employee/ptr/petservice/search`,
     roles: []
   }];
   const [links, setLinks] = React.useState([]);
@@ -22967,162 +22961,6 @@ const PermissionCheck = _ref => {
   }));
 };
 
-function PropertyDocuments(_ref) {
-  let {
-    documents,
-    svgStyles = {},
-    isSendBackFlow = false
-  } = _ref;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const [filesArray, setFilesArray] = React.useState(() => []);
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const [pdfFiles, setPdfFiles] = React.useState({});
-  React.useEffect(() => {
-    var _acc;
-    let acc = [];
-    documents === null || documents === void 0 ? void 0 : documents.forEach((element, index, array) => {
-      acc = [...acc, ...(element.values ? element.values : [])];
-    });
-    setFilesArray((_acc = acc) === null || _acc === void 0 ? void 0 : _acc.map(value => value === null || value === void 0 ? void 0 : value.fileStoreId));
-  }, [documents]);
-  React.useEffect(() => {
-    var _documents$;
-    if (filesArray !== null && filesArray !== void 0 && filesArray.length && (documents === null || documents === void 0 ? void 0 : (_documents$ = documents[0]) === null || _documents$ === void 0 ? void 0 : _documents$.BS) === "BillAmend") {
-      Digit.UploadServices.Filefetch(filesArray, Digit.ULBService.getCurrentTenantId()).then(res => {
-        setPdfFiles(res === null || res === void 0 ? void 0 : res.data);
-      });
-    } else if (filesArray !== null && filesArray !== void 0 && filesArray.length) {
-      Digit.UploadServices.Filefetch(filesArray, Digit.ULBService.getStateId()).then(res => {
-        setPdfFiles(res === null || res === void 0 ? void 0 : res.data);
-      });
-    }
-  }, [filesArray]);
-  const checkLocation = window.location.href.includes("employee/tl") || window.location.href.includes("/obps") || window.location.href.includes("employee/ws");
-  const isStakeholderApplication = window.location.href.includes("stakeholder");
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginTop: "19px"
-    }
-  }, !isStakeholderApplication && (documents === null || documents === void 0 ? void 0 : documents.map((document, index) => {
-    var _document$values;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: index
-    }, document !== null && document !== void 0 && document.title ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
-      style: checkLocation ? {
-        marginTop: "32px",
-        marginBottom: "18px",
-        color: "#0B0C0C, 100%",
-        fontSize: "24px",
-        lineHeight: "30px"
-      } : {
-        marginTop: "32px",
-        marginBottom: "8px",
-        color: "#505A5F",
-        fontSize: "24px"
-      }
-    }, t(document === null || document === void 0 ? void 0 : document.title)) : null, /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        justifyContent: "flex-start"
-      }
-    }, document !== null && document !== void 0 && document.values && (document === null || document === void 0 ? void 0 : document.values.length) > 0 ? document === null || document === void 0 ? void 0 : (_document$values = document.values) === null || _document$values === void 0 ? void 0 : _document$values.map((value, index) => {
-      var _pdfFiles$value$fileS, _value$documentType;
-      return /*#__PURE__*/React__default.createElement("a", {
-        target: "_",
-        href: (_pdfFiles$value$fileS = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS === void 0 ? void 0 : _pdfFiles$value$fileS.split(",")[0],
-        style: {
-          minWidth: "80px",
-          marginRight: "10px",
-          maxWidth: "100px",
-          height: "auto"
-        },
-        key: index
-      }, /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          display: "flex",
-          justifyContent: "center"
-        }
-      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.PDFSvg, null)), /*#__PURE__*/React__default.createElement("p", {
-        style: checkLocation ? {
-          marginTop: "8px",
-          fontWeight: "bold",
-          fontSize: "16px",
-          lineHeight: "19px",
-          color: "#505A5F",
-          textAlign: "center"
-        } : {
-          marginTop: "8px",
-          fontWeight: "bold"
-        }
-      }, t(value === null || value === void 0 ? void 0 : value.title)), isSendBackFlow ? value !== null && value !== void 0 && (_value$documentType = value.documentType) !== null && _value$documentType !== void 0 && _value$documentType.includes("NOC") ? /*#__PURE__*/React__default.createElement("p", {
-        style: {
-          textAlign: "center"
-        }
-      }, t(value === null || value === void 0 ? void 0 : value.documentType.split(".")[1])) : /*#__PURE__*/React__default.createElement("p", {
-        style: {
-          textAlign: "center"
-        }
-      }, t(value === null || value === void 0 ? void 0 : value.documentType)) : "");
-    }) : !window.location.href.includes("citizen") && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, t("BPA_NO_DOCUMENTS_UPLOADED_LABEL")))));
-  })), isStakeholderApplication && (documents === null || documents === void 0 ? void 0 : documents.map((document, index) => {
-    var _document$values2;
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
-      key: index
-    }, document !== null && document !== void 0 && document.title ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
-      style: {
-        marginTop: "32px",
-        marginBottom: "8px",
-        color: "#505A5F",
-        fontSize: "24px"
-      }
-    }, t(document === null || document === void 0 ? void 0 : document.title)) : null, /*#__PURE__*/React__default.createElement("div", null, document !== null && document !== void 0 && document.values && (document === null || document === void 0 ? void 0 : document.values.length) > 0 ? document === null || document === void 0 ? void 0 : (_document$values2 = document.values) === null || _document$values2 === void 0 ? void 0 : _document$values2.map((value, index) => {
-      var _pdfFiles$value$fileS2;
-      return /*#__PURE__*/React__default.createElement("a", {
-        target: "_",
-        href: (_pdfFiles$value$fileS2 = pdfFiles[value.fileStoreId]) === null || _pdfFiles$value$fileS2 === void 0 ? void 0 : _pdfFiles$value$fileS2.split(",")[0],
-        style: {
-          minWidth: svgStyles !== null && svgStyles !== void 0 && svgStyles.minWidth ? svgStyles === null || svgStyles === void 0 ? void 0 : svgStyles.minWidth : "160px",
-          marginRight: "20px"
-        },
-        key: index
-      }, /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          maxWidth: "940px",
-          padding: "8px",
-          borderRadius: "4px",
-          border: "1px solid #D6D5D4",
-          background: "#FAFAFA"
-        }
-      }, /*#__PURE__*/React__default.createElement("p", {
-        style: {
-          marginTop: "8px",
-          fontWeight: "bold",
-          marginBottom: "10px"
-        }
-      }, t(value === null || value === void 0 ? void 0 : value.title)), value !== null && value !== void 0 && value.docInfo ? /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          fontSize: "12px",
-          color: "#505A5F",
-          fontWeight: 400,
-          lineHeight: "15px",
-          marginBottom: "10px"
-        }
-      }, `${t(value === null || value === void 0 ? void 0 : value.docInfo)}`) : null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.PDFSvg, null), /*#__PURE__*/React__default.createElement("p", {
-        style: {
-          marginTop: "8px",
-          fontSize: "16px",
-          lineHeight: "19px",
-          color: "#505A5F",
-          fontWeight: "400"
-        }
-      }, `${t(value === null || value === void 0 ? void 0 : value.title)}`)));
-    }) : !window.location.href.includes("citizen") && /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, t("BPA_NO_DOCUMENTS_UPLOADED_LABEL")))));
-  })));
-}
-
 function PropertyEstimates(_ref) {
   let {
     taxHeadEstimatesCalculation
@@ -25107,169 +24945,404 @@ const ArrearSummary = _ref => {
   }, t("CS_HIDE_CARD"))));
 };
 
-const DcbTable = _ref => {
+const AssessmentHistory = _ref => {
   let {
-    demandData,
-    totalDemandTax,
-    totalDemandInterest,
-    totalDemandPenality,
-    totalCollectionTax,
-    totalCollectionInterest,
-    totalCollectionPenality,
-    totalBalanceTax,
-    totalBalancePenality,
-    totalBalanceInterest
+    assessmentData
   } = _ref;
-  const tableStyles = {
-    table: {
-      border: "2px solid black",
+  const [isOpen, setIsOpen] = React.useState(false);
+  const toggleAccordion = () => {
+    setIsOpen(!isOpen);
+  };
+  function formatAssessmentDate(timestamp) {
+    const date = new Date(timestamp);
+    const options = {
+      day: '2-digit',
+      month: 'short',
+      year: 'numeric'
+    };
+    return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion",
+    style: {
       width: "100%",
-      fontFamily: "sans-serif"
+      margin: "auto",
+      fontFamily: "Roboto, sans-serif",
+      border: "1px solid #ccc",
+      borderRadius: "4px",
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion-header",
+    style: {
+      backgroundColor: "#f0f0f0",
+      padding: "15px",
+      cursor: "pointer"
     },
-    td: {
-      padding: "10px",
-      border: "1px solid black",
-      textAlign: "center"
+    onClick: toggleAccordion
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default.createElement("h3", {
+    style: {
+      color: '#0d43a7',
+      fontFamily: 'Noto Sans,sans-serif',
+      fontSize: '24px',
+      fontWeight: '500'
+    }
+  }, "Assessment History"), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      fontSize: '1.2em'
+    }
+  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion-body",
+    style: {
+      padding: " 15px",
+      backgroundColor: "#fff"
+    }
+  }, assessmentData.map((assessment, index) => /*#__PURE__*/React__default.createElement("div", {
+    key: index,
+    className: "assessment-item",
+    style: {
+      marginBottom: "15px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "100px",
+      marginBottom: "8px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Assessment Date"), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, formatAssessmentDate(assessment.assessmentDate))), /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "100px",
+      marginBottom: "8px",
+      color: 'black'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label",
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Assessment Year"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value",
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, assessment.financialYear)), /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row with-buttons",
+    style: {
+      display: "flex",
+      marginBottom: "8px",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '75px'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label",
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Assessment Number"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value",
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, assessment.assessmentNumber)), /*#__PURE__*/React__default.createElement("div", {
+    className: "button-group",
+    style: {
+      display: 'flex',
+      gap: '10px'
+    }
+  }, "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ", /*#__PURE__*/React__default.createElement("button", {
+    style: {
+      display: "flex",
+      borderRadius: '8px',
+      backgroundColor: '#2947a3',
+      padding: '10px',
+      color: 'white'
     },
-    th: {
-      padding: "10px",
-      border: "1px solid black",
-      textAlign: "center"
+    onClick: () => alert(`Re-assessing ${assessment.number}`)
+  }, "Re-assess"), "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ", /*#__PURE__*/React__default.createElement("button", {
+    style: {
+      display: "flex",
+      borderRadius: '8px',
+      border: '1px solid red',
+      padding: '10px'
+    },
+    onClick: () => alert(`Cancelled ${assessment.number}`)
+  }, "Cancel"), "\xA0\xA0\xA0\xA0\xA0\xA0\xA0 ")), index !== assessmentData.length - 1 && /*#__PURE__*/React__default.createElement("hr", null)))));
+};
+
+const ApplicationHistory = _ref => {
+  var _applicationData$audi;
+  let {
+    applicationData
+  } = _ref;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const history = reactRouterDom.useHistory();
+  const toggleAccordion = () => {
+    setIsOpen(!isOpen);
+  };
+  function formatDate(timestamp) {
+    const date = new Date(timestamp);
+    const options = {
+      day: '2-digit',
+      month: 'short',
+      year: 'numeric'
+    };
+    return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion",
+    style: {
+      width: "100%",
+      margin: "auto",
+      fontFamily: "Roboto, sans-serif",
+      border: "1px solid #ccc",
+      borderRadius: "4px",
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion-header",
+    style: {
+      backgroundColor: "#f0f0f0",
+      padding: "15px",
+      cursor: "pointer"
+    },
+    onClick: toggleAccordion
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default.createElement("h3", {
+    style: {
+      color: '#0d43a7',
+      fontFamily: 'Noto Sans,sans-serif',
+      fontSize: '24px',
+      fontWeight: '500'
+    }
+  }, "Application History"), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      fontSize: '1.2em'
+    }
+  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion-body",
+    style: {
+      padding: " 15px",
+      backgroundColor: "#fff"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-item",
+    style: {
+      marginBottom: "15px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "100px",
+      marginBottom: "8px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Application Number"), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, applicationData.acknowldgementNumber)), /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "132px",
+      marginBottom: "8px",
+      color: 'black'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label",
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Property ID No."), /*#__PURE__*/React__default.createElement("span", {
+    className: "value",
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, applicationData.propertyId)), /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "120px",
+      marginBottom: "8px",
+      color: 'black'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label",
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Application Type"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value",
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, "NEW PROPERTY")), /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "140px",
+      marginBottom: "8px",
+      color: 'black'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label",
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Creation Date"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value",
+    style: {
+      flex: '1',
+      color: 'black'
     }
+  }, formatDate((_applicationData$audi = applicationData.auditDetails) === null || _applicationData$audi === void 0 ? void 0 : _applicationData$audi.createdTime))), /*#__PURE__*/React__default.createElement("div", {
+    className: "assessment-row",
+    style: {
+      display: "flex",
+      gap: "180px",
+      marginBottom: "8px",
+      color: 'black'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label",
+    style: {
+      fontWeight: "bold",
+      minWidth: '60px',
+      color: 'black'
+    }
+  }, "Status"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value",
+    style: {
+      flex: '1',
+      color: 'black'
+    }
+  }, applicationData.status)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
+    to: {
+      pathname: `/digit-ui/citizen/pt/property/application-preview/${applicationData.acknowldgementNumber}`,
+      state: {
+        propertyId: applicationData.propertyId
+      }
+    },
+    style: {
+      color: '#2947a3',
+      display: 'inline',
+      border: '1px solid',
+      padding: '8px',
+      borderRadius: '8px'
+    }
+  }, "View History")))));
+};
+
+const PaymentHistory = _ref => {
+  let {
+    payments
+  } = _ref;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const toggleAccordion = () => {
+    setIsOpen(!isOpen);
   };
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion",
     style: {
-      marginBottom: "16px",
-      marginTop: "16px",
-      fontSize: "24px"
+      width: "100%",
+      margin: "auto",
+      fontFamily: "Roboto, sans-serif",
+      border: "1px solid #ccc",
+      borderRadius: "4px",
+      marginBottom: '10px'
     }
-  }, "DCB Details"), /*#__PURE__*/React__default.createElement("table", {
-    border: "1px",
-    style: tableStyles.table
-  }, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Installments"), /*#__PURE__*/React__default.createElement("th", {
-    colSpan: "3",
-    style: tableStyles.th
-  }, "Demand"), /*#__PURE__*/React__default.createElement("th", {
-    colSpan: "3",
-    style: tableStyles.th
-  }, "Collection"), /*#__PURE__*/React__default.createElement("th", {
-    colSpan: "3",
-    style: tableStyles.th
-  }, "Balance"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Advance")), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Tax"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Interest"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Penalty"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Tax"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Interest"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Penalty"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Tax"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Interest"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Penalty"), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Advance"))), /*#__PURE__*/React__default.createElement("tbody", null, demandData === null || demandData === void 0 ? void 0 : demandData.map(item => {
-    return /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.taxPeriodFrom, "-", item.taxPeriodTo), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.demandTax), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.demandInterest), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.demandPenality), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.collectionTax), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.collectionInterest), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.collectionPenality), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.balanceTax), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.balanceInterest), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.balancePenality), /*#__PURE__*/React__default.createElement("td", {
-      style: tableStyles.td
-    }, item.advance));
-  }), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Total"), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, totalDemandTax), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, totalDemandPenality), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, totalCollectionTax), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, totalCollectionInterest), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, totalCollectionPenality), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  })), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Total"), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, totalBalanceTax), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, "0"), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, "0"), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }, "0")), /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  }), /*#__PURE__*/React__default.createElement("th", {
-    style: tableStyles.th
-  }, "Total Balance"), /*#__PURE__*/React__default.createElement("td", {
-    style: tableStyles.td
-  })))));
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion-header",
+    style: {
+      backgroundColor: "#f0f0f0",
+      padding: "15px",
+      cursor: "pointer"
+    },
+    onClick: toggleAccordion
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default.createElement("h3", {
+    style: {
+      color: '#0d43a7',
+      fontFamily: 'Noto Sans,sans-serif',
+      fontSize: '24px',
+      fontWeight: '500'
+    }
+  }, "Payment History"), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      fontSize: '1.2em'
+    }
+  }, isOpen ? "<" : ">"))), isOpen && /*#__PURE__*/React__default.createElement("div", {
+    className: "accordion-body",
+    style: {
+      padding: " 15px",
+      backgroundColor: "#fff"
+    }
+  }, (payments === null || payments === void 0 ? void 0 : payments.length) === 0 && /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      color: 'red',
+      fontSize: '16px'
+    }
+  }, "No Payemnts found")));
 };
 
 function ApplicationDetailsContent(_ref) {
-  var _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
+  var _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a1, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
   let {
     applicationDetails,
     demandData,
@@ -25284,11 +25357,16 @@ function ApplicationDetailsContent(_ref) {
     statusAttribute = "status",
     paymentsList,
     oldValue,
-    isInfoLabel = false
+    isInfoLabel = false,
+    propertyId
   } = _ref;
   const {
     t
   } = reactI18next.useTranslation();
+  const history = reactRouterDom.useHistory();
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const [showToast, setShowToast] = React.useState(null);
+  const [payments, setPayments] = React.useState([]);
   let isEditApplication = window.location.href.includes("editApplication") && window.location.href.includes("bpa");
   console.log("appl", applicationDetails);
   function OpenImage(imageSource, index, thumbnailsToShow) {
@@ -25296,6 +25374,8 @@ function ApplicationDetailsContent(_ref) {
     window.open(thumbnailsToShow === null || thumbnailsToShow === void 0 ? void 0 : (_thumbnailsToShow$ful = thumbnailsToShow.fullImage) === null || _thumbnailsToShow$ful === void 0 ? void 0 : _thumbnailsToShow$ful[0], "_blank");
   }
   const [fetchBillData, updatefetchBillData] = React.useState({});
+  const [assessmentDetails, setAssessmentDetails] = React.useState();
+  const [filtered, setFiltered] = React.useState([]);
   const setBillData = function (tenantId, propertyIds, updatefetchBillData, updateCanFetchBillData) {
     try {
       return Promise.resolve(Digit.PTService.assessmentSearch({
@@ -25315,6 +25395,26 @@ function ApplicationDetailsContent(_ref) {
         let billData = {};
         const _temp = function (_assessmentData$Asses) {
           if ((assessmentData === null || assessmentData === void 0 ? void 0 : (_assessmentData$Asses = assessmentData.Assessments) === null || _assessmentData$Asses === void 0 ? void 0 : _assessmentData$Asses.length) > 0) {
+            function normalizeDate(timestamp) {
+              const date = new Date(timestamp);
+              date.setHours(0, 0, 0, 0);
+              return date.getTime();
+            }
+            const activeRecords = assessmentData.Assessments.filter(a => a.status === 'ACTIVE');
+            const latestMap = new Map();
+            activeRecords.forEach(record => {
+              const normalizedDate = normalizeDate(record.assessmentDate);
+              const key = `${normalizedDate}_${record.financialYear}`;
+              const existing = latestMap.get(key);
+              if (!existing || record.createdDate > existing.createdDate) {
+                latestMap.set(key, record);
+              }
+            });
+            console.log("grouped", latestMap);
+            const filteredAssessment = Array.from(latestMap.values());
+            setFiltered(filteredAssessment);
+            console.log(filteredAssessment);
+            setAssessmentDetails(assessmentData === null || assessmentData === void 0 ? void 0 : assessmentData.Assessments);
             return Promise.resolve(Digit.PaymentService.fetchBill(tenantId, {
               businessService: "PT",
               consumerCode: propertyIds
@@ -25517,6 +25617,123 @@ function ApplicationDetailsContent(_ref) {
   const totalBalanceTax = demandData === null || demandData === void 0 ? void 0 : demandData.reduce((sum, item) => sum + item.balanceTax, 0);
   const totalBalanceInterest = demandData === null || demandData === void 0 ? void 0 : demandData.reduce((sum, item) => sum + item.balanceInterest, 0);
   const totalBalancePenality = demandData === null || demandData === void 0 ? void 0 : demandData.reduce((sum, item) => sum + item.balancePenality, 0);
+  const closeToast = () => {
+    setShowToast(null);
+  };
+  const updatePropertyStatus = function (propertyData, status, propertyIds) {
+    try {
+      const confirm = window.confirm(`Are you sure you want to make this property ${status}?`);
+      if (!confirm) return Promise.resolve();
+      const payload = {
+        ...propertyData,
+        status: status,
+        isactive: status === "ACTIVE",
+        isinactive: status === "INACTIVE",
+        creationReason: "STATUS",
+        additionalDetails: {
+          ...propertyData.additionalDetails,
+          propertytobestatus: status
+        },
+        workflow: {
+          ...propertyData.workflow,
+          businessService: "PT.CREATE",
+          action: "OPEN",
+          moduleName: "PT"
+        }
+      };
+      return Promise.resolve(Digit.PTService.updatePT({
+        Property: {
+          ...payload
+        }
+      }, tenantId, propertyIds)).then(function (response) {
+        console.log("response from inactive/active", response);
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const applicationData_pt = applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData;
+  const propertyIds = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationData) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.propertyId) || "";
+  const checkPropertyStatus = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.additionalDetails) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.propertytobestatus;
+  const PropertyInActive = () => {
+    if (window.location.href.includes("employee")) {
+      if (checkPropertyStatus == "ACTIVE") {
+        updatePropertyStatus(applicationData_pt, "INACTIVE", propertyIds);
+      } else {
+        alert("Property is already inactive.");
+      }
+    } else {
+      alert("You are not authorized to change the property status.");
+    }
+  };
+  const PropertyActive = () => {
+    if (window.location.href.includes("employee")) {
+      if (checkPropertyStatus == "INACTIVE") {
+        updatePropertyStatus(applicationData_pt, "ACTIVE", propertyIds);
+      } else {
+        alert("Property is already active.");
+      }
+    } else {
+      alert("You are not authorized to change the property status.");
+    }
+  };
+  const EditProperty = () => {
+    var _applicationDetails$a4;
+    const pID = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : _applicationDetails$a4.propertyId;
+    if (pID) {
+      if (window.location.href.includes("employee")) {
+        var _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7;
+        if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a5 = applicationDetails.applicationData) === null || _applicationDetails$a5 === void 0 ? void 0 : _applicationDetails$a5.status) === "INACTIVE") {
+          alert("Property is inactive, cannot edit.");
+          return;
+        } else if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a6 = applicationDetails.applicationData) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.status) === "INWORKFLOW") {
+          alert("Property is in workflow, cannot edit.");
+          return;
+        } else if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : _applicationDetails$a7.status) === "ACTIVE") {
+          history.push({
+            pathname: `/digit-ui/employee/pt/edit-application/${pID}`
+          });
+        }
+      } else {
+        var _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0;
+        if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a8 = applicationDetails.applicationData) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.status) === "INACTIVE") {
+          alert("Property is inactive, cannot edit.");
+          return;
+        } else if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a9 = applicationDetails.applicationData) === null || _applicationDetails$a9 === void 0 ? void 0 : _applicationDetails$a9.status) === "INWORKFLOW") {
+          alert("Property is in workflow, cannot edit.");
+          return;
+        } else if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a0 = applicationDetails.applicationData) === null || _applicationDetails$a0 === void 0 ? void 0 : _applicationDetails$a0.status) === "ACTIVE") {
+          history.push({
+            pathname: `/digit-ui/citizen/pt/property/edit-application/${pID}`
+          });
+        }
+      }
+    }
+  };
+  const AccessProperty = () => {
+    alert("access property");
+  };
+  console.log("applicationDetails?.applicationDetails", applicationDetails);
+  console.log("infolabel", isInfoLabel);
+  console.log("assessment details", assessmentDetails);
+  React.useEffect(() => {
+    try {
+      let filters = {
+        consumerCodes: propertyId
+      };
+      const auth = true;
+      Digit.PTService.paymentsearch({
+        tenantId: tenantId,
+        filters: filters,
+        auth: auth
+      }).then(response => {
+        setPayments(response === null || response === void 0 ? void 0 : response.Payments);
+        console.log(response);
+      });
+    } catch (error) {
+      console.log(error);
+    }
+  }, []);
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
     style: {
       position: "relative"
@@ -25529,8 +25746,8 @@ function ApplicationDetailsContent(_ref) {
     infoClickLable: "WS_CLICK_ON_LABEL",
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
-  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a2 = applicationDetails.applicationDetails) === null || _applicationDetails$a2 === void 0 ? void 0 : _applicationDetails$a2.map((detail, index) => {
-    var _detail$values, _detail$additionalDet, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet2, _applicationDetails$a7, _applicationDetails$a8, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
+  }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a1 = applicationDetails.applicationDetails) === null || _applicationDetails$a1 === void 0 ? void 0 : _applicationDetails$a1.map((detail, index) => {
+    var _detail$values, _detail$additionalDet, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _applicationDetails$a13, _detail$additionalDet2, _applicationDetails$a14, _applicationDetails$a15, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _detail$additionalDet0, _detail$additionalDet1, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _detail$additionalDet20, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: index
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -25674,10 +25891,10 @@ function ApplicationDetailsContent(_ref) {
     })))), (detail === null || detail === void 0 ? void 0 : detail.belowComponent) && /*#__PURE__*/React__default.createElement(detail.belowComponent, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet = detail.additionalDetails) === null || _detail$additionalDet === void 0 ? void 0 : _detail$additionalDet.inspectionReport) && /*#__PURE__*/React__default.createElement(ScruntinyDetails, {
       scrutinyDetails: detail === null || detail === void 0 ? void 0 : detail.additionalDetails,
       paymentsList: paymentsList,
-      additionalDetails: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a3 = applicationDetails.applicationData) === null || _applicationDetails$a3 === void 0 ? void 0 : _applicationDetails$a3.additionalDetails,
+      additionalDetails: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a10 = applicationDetails.applicationData) === null || _applicationDetails$a10 === void 0 ? void 0 : _applicationDetails$a10.additionalDetails,
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
-    }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a4 = applicationDetails.applicationData) === null || _applicationDetails$a4 === void 0 ? void 0 : (_applicationDetails$a5 = _applicationDetails$a4.additionalDetails) === null || _applicationDetails$a5 === void 0 ? void 0 : (_applicationDetails$a6 = _applicationDetails$a5.fieldinspection_pending) === null || _applicationDetails$a6 === void 0 ? void 0 : _applicationDetails$a6.length) > 0 && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet2 = detail.additionalDetails) === null || _detail$additionalDet2 === void 0 ? void 0 : _detail$additionalDet2.fiReport) && /*#__PURE__*/React__default.createElement(InspectionReport, {
-      fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a7 = applicationDetails.applicationData) === null || _applicationDetails$a7 === void 0 ? void 0 : (_applicationDetails$a8 = _applicationDetails$a7.additionalDetails) === null || _applicationDetails$a8 === void 0 ? void 0 : _applicationDetails$a8.fieldinspection_pending
+    }), (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a11 = applicationDetails.applicationData) === null || _applicationDetails$a11 === void 0 ? void 0 : (_applicationDetails$a12 = _applicationDetails$a11.additionalDetails) === null || _applicationDetails$a12 === void 0 ? void 0 : (_applicationDetails$a13 = _applicationDetails$a12.fieldinspection_pending) === null || _applicationDetails$a13 === void 0 ? void 0 : _applicationDetails$a13.length) > 0 && (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet2 = detail.additionalDetails) === null || _detail$additionalDet2 === void 0 ? void 0 : _detail$additionalDet2.fiReport) && /*#__PURE__*/React__default.createElement(InspectionReport, {
+      fiReport: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a14 = applicationDetails.applicationData) === null || _applicationDetails$a14 === void 0 ? void 0 : (_applicationDetails$a15 = _applicationDetails$a14.additionalDetails) === null || _applicationDetails$a15 === void 0 ? void 0 : _applicationDetails$a15.fieldinspection_pending
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet3 = detail.additionalDetails) === null || _detail$additionalDet3 === void 0 ? void 0 : _detail$additionalDet3.floors) && /*#__PURE__*/React__default.createElement(PropertyFloors, {
       floors: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet4 = detail.additionalDetails) === null || _detail$additionalDet4 === void 0 ? void 0 : _detail$additionalDet4.floors
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet5 = detail.additionalDetails) === null || _detail$additionalDet5 === void 0 ? void 0 : _detail$additionalDet5.owners) && /*#__PURE__*/React__default.createElement(PropertyOwners, {
@@ -25716,14 +25933,12 @@ function ApplicationDetailsContent(_ref) {
       applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documentsWithUrl) && /*#__PURE__*/React__default.createElement(DocumentsPreview, {
       documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documentsWithUrl
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && /*#__PURE__*/React__default.createElement(PropertyDocuments, {
-      documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React__default.createElement(PropertyEstimates, {
-      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.taxHeadEstimatesCalculation) && /*#__PURE__*/React__default.createElement(PropertyEstimates, {
+      taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.taxHeadEstimatesCalculation
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React__default.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
       oldValue: oldValue
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React__default.createElement("div", {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.redirectUrl) && /*#__PURE__*/React__default.createElement("div", {
       style: {
         fontSize: "16px",
         lineHeight: "24px",
@@ -25731,19 +25946,25 @@ function ApplicationDetailsContent(_ref) {
         padding: "10px 0px"
       }
     }, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
-      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.url
+      to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : (_detail$additionalDet23 = _detail$additionalDet22.redirectUrl) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.url
     }, /*#__PURE__*/React__default.createElement("span", {
       className: "link",
       style: {
         color: "#a82227"
       }
-    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : (_detail$additionalDet27 = _detail$additionalDet26.redirectUrl) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.title))), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet28 = detail.additionalDetails) === null || _detail$additionalDet28 === void 0 ? void 0 : _detail$additionalDet28.estimationDetails) && /*#__PURE__*/React__default.createElement(WSFeeEstimation, {
+    }, detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.title))), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet26 = detail.additionalDetails) === null || _detail$additionalDet26 === void 0 ? void 0 : _detail$additionalDet26.estimationDetails) && /*#__PURE__*/React__default.createElement(WSFeeEstimation, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet29 = detail.additionalDetails) === null || _detail$additionalDet29 === void 0 ? void 0 : _detail$additionalDet29.estimationDetails) && /*#__PURE__*/React__default.createElement(ViewBreakup, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet27 = detail.additionalDetails) === null || _detail$additionalDet27 === void 0 ? void 0 : _detail$additionalDet27.estimationDetails) && /*#__PURE__*/React__default.createElement(ViewBreakup, {
       wsAdditionalDetails: detail,
       workflowDetails: workflowDetails
     }));
+  }), (assessmentDetails === null || assessmentDetails === void 0 ? void 0 : assessmentDetails.length) > 0 && /*#__PURE__*/React__default.createElement(AssessmentHistory, {
+    assessmentData: filtered
+  }), /*#__PURE__*/React__default.createElement(PaymentHistory, {
+    payments: payments
+  }), /*#__PURE__*/React__default.createElement(ApplicationHistory, {
+    applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData
   }), showTimeLine && (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.length) > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.BreakLine, null), ((workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.isLoading) || isDataLoading) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && !isDataLoading && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     id: "timeline"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
@@ -25774,17 +25995,40 @@ function ApplicationDetailsContent(_ref) {
   }))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data19 = workflowDetails.data) === null || _workflowDetails$data19 === void 0 ? void 0 : (_workflowDetails$data20 = _workflowDetails$data19.timeline) === null || _workflowDetails$data20 === void 0 ? void 0 : _workflowDetails$data20.length) > 2 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
     label: showAllTimeline ? t("COLLAPSE") : t("VIEW_TIMELINE"),
     onClick: toggleTimeline
-  })))), businessService === "PT" && /*#__PURE__*/React__default.createElement(DcbTable, {
-    demandData: demandData,
-    totalDemandTax: totalDemandTax,
-    totalDemandInterest: totalDemandInterest,
-    totalDemandPenality: totalDemandPenality,
-    totalCollectionTax: totalCollectionTax,
-    totalCollectionInterest: totalCollectionInterest,
-    totalCollectionPenality: totalCollectionPenality,
-    totalBalanceTax: totalBalanceTax,
-    totalBalancePenality: totalBalancePenality,
-    totalBalanceInterest: totalBalanceInterest
+  })))), window.location.href.includes("/pt/") ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, {
+    className: "clear-search-container",
+    style: {
+      display: "block"
+    }
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: "Make Property Active",
+    style: {
+      flex: 1
+    },
+    onSubmit: PropertyActive
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: "Make Property Inactive",
+    style: {
+      marginLeft: "20px"
+    },
+    onSubmit: PropertyInActive
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: "Edit Property",
+    style: {
+      marginLeft: "20px"
+    },
+    onSubmit: EditProperty
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: "Access Property",
+    style: {
+      marginLeft: "20px"
+    },
+    onSubmit: AccessProperty
+  })) : /*#__PURE__*/React__default.createElement("div", null), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    error: showToast.isError,
+    label: t(showToast.label),
+    onClose: closeToast,
+    isDleteBtn: "false"
   }));
 }
 
@@ -26103,7 +26347,8 @@ const ApplicationDetails = props => {
     showTimeLine = true,
     oldValue,
     isInfoLabel = false,
-    clearDataDetails
+    clearDataDetails,
+    propertyId
   } = props;
   React.useEffect(() => {
     if (showToast) {
@@ -26366,7 +26611,8 @@ const ApplicationDetails = props => {
     paymentsList: paymentsList,
     showTimeLine: showTimeLine,
     oldValue: oldValue,
-    isInfoLabel: isInfoLabel
+    isInfoLabel: isInfoLabel,
+    propertyId: propertyId
   }), showModal ? /*#__PURE__*/React__default.createElement(ActionModal$b, {
     t: t,
     action: selectedAction,
@@ -26393,7 +26639,7 @@ const ApplicationDetails = props => {
     showToast: showToast,
     closeToast: closeToast,
     businessService: businessService
-  }), !isEditApplication ? /*#__PURE__*/React__default.createElement(ApplicationDetailsActionBar, {
+  }), !isEditApplication ? /*#__PURE__*/React__default.createElement("div", null, !(window.location.href.includes("citizen") && window.location.href.includes("/pt/")) && /*#__PURE__*/React__default.createElement(ApplicationDetailsActionBar, {
     workflowDetails: workflowDetails,
     displayMenu: displayMenu,
     onActionSelect: onActionSelect,
@@ -26402,7 +26648,7 @@ const ApplicationDetails = props => {
     forcedActionPrefix: forcedActionPrefix,
     ActionBarStyle: ActionBarStyle,
     MenuStyle: MenuStyle
-  }) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+  })) : /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
     style: {
       marginRight: 20
     },