@djb25/digit-ui-module-wt 1.0.78 → 1.0.79

package/dist/index.js

@@ -25759,8 +25759,10 @@ const InfoDetails = _ref2 => {
 };
 
 const ViewBreakup = _ref => {
-  var _wsAdditionalDetails$, _breakUpData$billSlab, _breakUpData$billSlab2, _breakUpData$billSlab3, _breakUpData$billSlab4, _breakUpData$billSlab5, _breakUpData$billSlab6;
-  let wsAdditionalDetails = _ref.wsAdditionalDetails;
+  var _breakUpData$calculat, _breakUpData$calculat2, _breakUpData$calculat3, _wsAdditionalDetails$8, _breakUpData$billSlab4, _breakUpData$billSlab5, _breakUpData$billSlab6, _breakUpData$billSlab7, _breakUpData$billSlab8, _breakUpData$billSlab9;
+  let wsAdditionalDetails = _ref.wsAdditionalDetails,
+    print = _ref.print,
+    download = _ref.download;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   const _useState = React.useState(false),
@@ -25769,6 +25771,44 @@ const ViewBreakup = _ref => {
   const _useState2 = React.useState({}),
     breakUpData = _useState2[0],
     setBreakUpData = _useState2[1];
+  const breakupRef = React.useRef(null);
+  const formatNumber = function (value, maximumFractionDigits) {
+    if (maximumFractionDigits === void 0) {
+      maximumFractionDigits = 2;
+    }
+    return Number(value || 0).toLocaleString("en-IN", {
+      maximumFractionDigits
+    });
+  };
+  const formatCurrency = value => /*#__PURE__*/React__default.createElement("span", null, "\u20B9", formatNumber(value));
+  const DetailRows = _ref2 => {
+    let rows = _ref2.rows;
+    return rows.map(_ref3 => {
+      let label = _ref3.label,
+        value = _ref3.value,
+        _ref3$currency = _ref3.currency,
+        currency = _ref3$currency === void 0 ? false : _ref3$currency,
+        _ref3$unit = _ref3.unit,
+        unit = _ref3$unit === void 0 ? "" : _ref3$unit,
+        _ref3$isText = _ref3.isText,
+        isText = _ref3$isText === void 0 ? false : _ref3$isText;
+      return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+        className: "border-none",
+        rowContainerStyle: {
+          margin: "0px"
+        },
+        labelStyle: {
+          width: "50%"
+        },
+        key: label,
+        label: label,
+        text: currency ? formatCurrency(value) : isText ? value || "-" : "" + formatNumber(value) + unit,
+        textStyle: {
+          textAlign: "right"
+        }
+      });
+    });
+  };
   const Heading = props => {
     return /*#__PURE__*/React__default.createElement("h1", {
       className: "heading-m"
@@ -25791,21 +25831,244 @@ const ViewBreakup = _ref => {
     }, /*#__PURE__*/React__default.createElement(Close, null));
   };
   const onPopupOpen = () => {
-    var _sessionBillFormData$;
-    let breakupData = wsAdditionalDetails.additionalDetails.data || {};
+    var _wsAdditionalDetails$, _sessionBillFormData$;
+    let breakupData = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$ === void 0 ? void 0 : _wsAdditionalDetails$.data) || {};
     const sessionBillData = sessionStorage.getItem("Digit.ADHOC_BILL_ADD_REBATE_DATA");
     const sessionBillFormData = sessionBillData ? JSON.parse(sessionBillData) : {};
     if (sessionBillFormData !== null && sessionBillFormData !== void 0 && (_sessionBillFormData$ = sessionBillFormData.value) !== null && _sessionBillFormData$ !== void 0 && _sessionBillFormData$.totalAmount) breakupData = sessionBillFormData === null || sessionBillFormData === void 0 ? void 0 : sessionBillFormData.value;
     setBreakUpData(breakupData);
     showPopUp(true);
   };
+  const getBreakupReportDetails = () => {
+    var _wsAdditionalDetails$2, _wsAdditionalDetails$3, _wsAdditionalDetails$4, _wsAdditionalDetails$5, _wsAdditionalDetails$6, _wsAdditionalDetails$7, _breakUpData$billSlab, _breakUpData$billSlab2, _breakUpData$billSlab3;
+    const amountRows = function (rows) {
+      if (rows === void 0) {
+        rows = [];
+      }
+      return rows.map(row => ({
+        title: t(row === null || row === void 0 ? void 0 : row.taxHeadCode),
+        value: "\u20B9" + formatNumber(row === null || row === void 0 ? void 0 : row.amount)
+      }));
+    };
+    const connectionHolder = wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$2 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$2 === void 0 ? void 0 : (_wsAdditionalDetails$3 = _wsAdditionalDetails$2.appDetails) === null || _wsAdditionalDetails$3 === void 0 ? void 0 : (_wsAdditionalDetails$4 = _wsAdditionalDetails$3.connectionHolders) === null || _wsAdditionalDetails$4 === void 0 ? void 0 : _wsAdditionalDetails$4[0];
+    const applicantName = [connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.name, connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.middleName, connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.lastName].filter(Boolean).join(" ") || "-";
+    const mobileNumber = (connectionHolder === null || connectionHolder === void 0 ? void 0 : connectionHolder.mobileNumber) || "-";
+    const appNumber = (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$5 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$5 === void 0 ? void 0 : (_wsAdditionalDetails$6 = _wsAdditionalDetails$5.data) === null || _wsAdditionalDetails$6 === void 0 ? void 0 : _wsAdditionalDetails$6.applicationNo) || (wsAdditionalDetails === null || wsAdditionalDetails === void 0 ? void 0 : (_wsAdditionalDetails$7 = wsAdditionalDetails.additionalDetails) === null || _wsAdditionalDetails$7 === void 0 ? void 0 : _wsAdditionalDetails$7.applicationNumber) || "-";
+    return [{
+      title: "Applicant Details",
+      values: [{
+        title: "Application Number",
+        value: appNumber
+      }, {
+        title: "Applicant Name",
+        value: applicantName
+      }, {
+        title: "Mobile Number",
+        value: mobileNumber
+      }]
+    }, {
+      title: t("WS_APPLICATION_FEE_HEADER"),
+      values: amountRows([...((breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab = breakUpData.billSlabData) === null || _breakUpData$billSlab === void 0 ? void 0 : _breakUpData$billSlab.FEE) || []), ...((breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab2 = breakUpData.billSlabData) === null || _breakUpData$billSlab2 === void 0 ? void 0 : _breakUpData$billSlab2.CHARGES) || [])])
+    }, {
+      title: "Property details",
+      values: propertyRows.map(_ref4 => {
+        let label = _ref4.label,
+          value = _ref4.value,
+          currency = _ref4.currency,
+          unit = _ref4.unit,
+          isText = _ref4.isText;
+        return {
+          title: label,
+          value: currency ? "\u20B9" + formatNumber(value) : isText ? value || "-" : "" + formatNumber(value) + unit
+        };
+      })
+    }, {
+      title: "Taxes",
+      values: amountRows(breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab3 = breakUpData.billSlabData) === null || _breakUpData$billSlab3 === void 0 ? void 0 : _breakUpData$billSlab3.TAX)
+    }, {
+      title: "Water demand details",
+      values: waterDemandRows.map(_ref5 => {
+        let label = _ref5.label,
+          value = _ref5.value,
+          currency = _ref5.currency,
+          unit = _ref5.unit,
+          isText = _ref5.isText;
+        return {
+          title: label,
+          value: currency ? "\u20B9" + formatNumber(value) : isText ? value || "-" : "" + formatNumber(value) + unit
+        };
+      })
+    }, {
+      title: "Infrastructure charge details",
+      values: infrastructureChargeRows.map(_ref6 => {
+        let label = _ref6.label,
+          value = _ref6.value,
+          currency = _ref6.currency,
+          unit = _ref6.unit,
+          isText = _ref6.isText;
+        return {
+          title: label,
+          value: currency ? "\u20B9" + formatNumber(value) : isText ? value || "-" : "" + formatNumber(value) + unit
+        };
+      })
+    }, {
+      title: "Total",
+      values: [{
+        title: t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
+        value: "\u20B9" + formatNumber(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.totalAmount)
+      }]
+    }].filter(section => section.values.length > 0);
+  };
+  const generateBreakupReport = mode => {
+    var _Digit$Utils, _Digit$Utils$pdf;
+    const generateReport = (_Digit$Utils = Digit.Utils) === null || _Digit$Utils === void 0 ? void 0 : (_Digit$Utils$pdf = _Digit$Utils.pdf) === null || _Digit$Utils$pdf === void 0 ? void 0 : _Digit$Utils$pdf.generateCalculationBreakupReport;
+    if (typeof generateReport === "function") {
+      return generateReport({
+        tenantId: Digit.ULBService.getCurrentTenantId(),
+        heading: t("WS_CALCULATION_BREAKUP"),
+        details: getBreakupReportDetails(),
+        t,
+        mode
+      });
+    }
+    return mode === "download" ? Digit.Download.PDF(breakupRef, t("WS_CALCULATION_BREAKUP")) : null;
+  };
+  const handleDownload = () => generateBreakupReport("download");
+  const handlePrint = () => {
+    var _Digit$Utils2, _Digit$Utils2$pdf, _breakupRef$current, _window$mSewaApp, _window$mSewaApp$isMs;
+    if ((_Digit$Utils2 = Digit.Utils) !== null && _Digit$Utils2 !== void 0 && (_Digit$Utils2$pdf = _Digit$Utils2.pdf) !== null && _Digit$Utils2$pdf !== void 0 && _Digit$Utils2$pdf.generateCalculationBreakupReport) {
+      return generateBreakupReport("print");
+    }
+    const content = (_breakupRef$current = breakupRef.current) === null || _breakupRef$current === void 0 ? void 0 : _breakupRef$current.innerHTML;
+    if (!content) return;
+    if ((_window$mSewaApp = window.mSewaApp) !== null && _window$mSewaApp !== void 0 && (_window$mSewaApp$isMs = _window$mSewaApp.isMsewaApp) !== null && _window$mSewaApp$isMs !== void 0 && _window$mSewaApp$isMs.call(_window$mSewaApp)) {
+      window.mSewaApp.downloadBase64File(window.btoa(unescape(encodeURIComponent(content))), t("WS_CALCULATION_BREAKUP"));
+      return;
+    }
+    const printWindow = window.open("", "");
+    if (!printWindow) return;
+    printWindow.document.write("<html><body>" + content + "</body></html>");
+    printWindow.document.close();
+    printWindow.focus();
+    printWindow.print();
+  };
+  const propertyDetail = breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$calculat = breakUpData.calculationDetail) === null || _breakUpData$calculat === void 0 ? void 0 : _breakUpData$calculat.propertyDetail;
+  const waterDemandDetail = breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$calculat2 = breakUpData.calculationDetail) === null || _breakUpData$calculat2 === void 0 ? void 0 : _breakUpData$calculat2.waterDemandDetail;
+  const infrastructureChargeDetail = breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$calculat3 = breakUpData.calculationDetail) === null || _breakUpData$calculat3 === void 0 ? void 0 : _breakUpData$calculat3.infrastructureChargeDetail;
+  const propertyRows = propertyDetail ? [{
+    label: "Property ID",
+    value: propertyDetail.propertyId,
+    isText: true
+  }, {
+    label: "Property type",
+    value: propertyDetail.propertyType,
+    isText: true
+  }, {
+    label: "Plot area",
+    value: propertyDetail.landArea,
+    unit: " (sq. meter.)"
+  }, {
+    label: "Built-up area",
+    value: propertyDetail.superBuiltUpArea,
+    unit: " (sq. meter.)"
+  }, {
+    label: "farArea",
+    value: propertyDetail.farArea,
+    isText: true
+  }, {
+    label: "coveredArea",
+    value: propertyDetail.coveredArea,
+    isText: true
+  }, {
+    label: "numberOfDwellingUnits",
+    value: propertyDetail.numberOfDwellingUnits,
+    isText: true
+  }, {
+    label: "numberOfBeds",
+    value: propertyDetail.numberOfBeds,
+    isText: true
+  }, {
+    label: "numberOfRooms",
+    value: propertyDetail.numberOfRooms,
+    isText: true
+  }, {
+    label: "numberOfStudents",
+    value: propertyDetail.numberOfStudents,
+    isText: true
+  }, {
+    label: "numberOfStaff",
+    value: propertyDetail.numberOfStaff,
+    isText: true
+  }, {
+    label: "Usage category",
+    value: propertyDetail.usageCategory,
+    isText: true
+  }] : [];
+  const waterDemandRows = waterDemandDetail ? [{
+    label: "Calculated occupancy",
+    value: waterDemandDetail.calculatedOccupancy,
+    unit: " person"
+  }, {
+    label: "Applied LPCD",
+    value: waterDemandDetail.chosenLpcd,
+    unit: " LPD"
+  }, {
+    label: "Base demand",
+    value: waterDemandDetail.baseDemand,
+    unit: " LPD"
+  }, {
+    label: "Contingency/Floating Occupancy",
+    value: waterDemandDetail.contingencyPercentage,
+    unit: "%"
+  }, {
+    label: "Total water demand",
+    value: waterDemandDetail.totalWaterDemandLPD,
+    unit: " LPD"
+  }] : [];
+  const infrastructureChargeRows = infrastructureChargeDetail ? [{
+    label: "Colony category",
+    value: infrastructureChargeDetail.colonyCategory,
+    isText: true
+  }, {
+    label: "Plot area",
+    value: infrastructureChargeDetail.plotArea,
+    unit: " (sq. meter.)"
+  }, {
+    label: "Water rate",
+    value: infrastructureChargeDetail.waterRatePerLPD,
+    currency: true
+  }, {
+    label: "Sewer rate",
+    value: infrastructureChargeDetail.sewerRatePerLPD,
+    currency: true
+  }, {
+    label: "Water Infra Charges",
+    value: infrastructureChargeDetail.waterComponentIFC,
+    currency: true
+  }, {
+    label: "Sewer Infra Charges",
+    value: infrastructureChargeDetail.sewerComponentIFC,
+    currency: true
+  }, {
+    label: "Rebate",
+    value: infrastructureChargeDetail.rebatePercentage,
+    unit: "%"
+  }, {
+    label: "Rebate amount",
+    value: infrastructureChargeDetail.rebateAmount,
+    currency: true
+  }, {
+    label: "Net IFC",
+    value: infrastructureChargeDetail.netIFC,
+    currency: true
+  }] : [];
   return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     style: {
       lineHeight: "19px",
       maxWidth: "950px",
       minWidth: "280px"
     }
-  }, wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$ = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$ !== void 0 && _wsAdditionalDetails$.isViewBreakup ? /*#__PURE__*/React__default.createElement("div", {
+  }, wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$8 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$8 !== void 0 && _wsAdditionalDetails$8.isViewBreakup ? /*#__PURE__*/React__default.createElement("div", {
     onClick: e => onPopupOpen(),
     style: {
       marginTop: "12px"
@@ -25816,6 +26079,9 @@ const ViewBreakup = _ref => {
     headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
       label: t("WS_CALCULATION_BREAKUP")
     }),
+    width: "950px",
+    print: print || handlePrint,
+    download: download || handleDownload,
     headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
       onClick: () => {
         showPopUp(false);
@@ -25831,16 +26097,13 @@ const ViewBreakup = _ref => {
     popupModuleMianStyles: {
       paddingTop: "0px"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, {
-    style: {
-      padding: "10px",
-      paddingTop: "0px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+  }, /*#__PURE__*/React__default.createElement("div", {
+    ref: breakupRef
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.StatusTable, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
-  }, t("WS_APPLICATION_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab = breakUpData.billSlabData) === null || _breakUpData$billSlab === void 0 ? void 0 : (_breakUpData$billSlab2 = _breakUpData$billSlab.FEE) === null || _breakUpData$billSlab2 === void 0 ? void 0 : _breakUpData$billSlab2.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+  }, t("WS_APPLICATION_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab4 = breakUpData.billSlabData) === null || _breakUpData$billSlab4 === void 0 ? void 0 : (_breakUpData$billSlab5 = _breakUpData$billSlab4.FEE) === null || _breakUpData$billSlab5 === void 0 ? void 0 : _breakUpData$billSlab5.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -25854,11 +26117,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
-    style: {
-      margin: "10px 0px"
-    }
-  }, t("WS_SERVICE_FEE_HEADER")), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab3 = breakUpData.billSlabData) === null || _breakUpData$billSlab3 === void 0 ? void 0 : (_breakUpData$billSlab4 = _breakUpData$billSlab3.CHARGES) === null || _breakUpData$billSlab4 === void 0 ? void 0 : _breakUpData$billSlab4.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab6 = breakUpData.billSlabData) === null || _breakUpData$billSlab6 === void 0 ? void 0 : (_breakUpData$billSlab7 = _breakUpData$billSlab6.CHARGES) === null || _breakUpData$billSlab7 === void 0 ? void 0 : _breakUpData$billSlab7.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -25872,7 +26131,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab5 = breakUpData.billSlabData) === null || _breakUpData$billSlab5 === void 0 ? void 0 : (_breakUpData$billSlab6 = _breakUpData$billSlab5.TAX) === null || _breakUpData$billSlab6 === void 0 ? void 0 : _breakUpData$billSlab6.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
+  })), breakUpData === null || breakUpData === void 0 ? void 0 : (_breakUpData$billSlab8 = breakUpData.billSlabData) === null || _breakUpData$billSlab8 === void 0 ? void 0 : (_breakUpData$billSlab9 = _breakUpData$billSlab8.TAX) === null || _breakUpData$billSlab9 === void 0 ? void 0 : _breakUpData$billSlab9.map(data => /*#__PURE__*/React__default.createElement(digitUiReactComponents.Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -25886,6 +26145,24 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
+  })), propertyRows.length > 0 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, "Property details"), /*#__PURE__*/React__default.createElement(DetailRows, {
+    rows: propertyRows
+  })), waterDemandRows.length > 0 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, "Water demand details"), /*#__PURE__*/React__default.createElement(DetailRows, {
+    rows: waterDemandRows
+  })), infrastructureChargeRows.length > 0 && /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSectionHeader, {
+    style: {
+      margin: "10px 0px"
+    }
+  }, "Infrastructure charge details"), /*#__PURE__*/React__default.createElement(DetailRows, {
+    rows: infrastructureChargeRows
   })), /*#__PURE__*/React__default.createElement("hr", {
     style: {
       color: "#cccccc",
@@ -25908,7 +26185,7 @@ const ViewBreakup = _ref => {
       fontWeight: "700",
       fontSize: "24px"
     }
-  })))));
+  }))))));
 };
 
 const styles = {