@djb25/digit-ui-module-ws 1.0.51 → 1.0.53

package/dist/index.modern.js

@@ -9673,7 +9673,8 @@ const WSCalculation = _ref => {
     register = _useForm.register,
     errors = _useForm.formState.errors,
     watch = _useForm.watch,
-    setValue = _useForm.setValue;
+    setValue = _useForm.setValue,
+    reset = _useForm.reset;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -9709,6 +9710,8 @@ const WSCalculation = _ref => {
   const watchPropertyType = watch("useDetails.propertyType");
   const watchPropertyCategory = watch("useDetails.propertyCategory");
   const watchWaterConnectionUsageType = watch("useDetails.WaterConnectionUsageType");
+  const watchColonyName = watch("useDetails.colonyName");
+  const isCalculateButtonEnabled = watchCategoryType && watchPropertyCategory && watchPropertyType && watchWaterConnectionUsageType && watchColonyName;
   const isHospitalProperty = (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HOSPITAL_NURSING_HOME" || (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HospitalNursingHome";
   const isHotelRestaurantProperty = (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HOTEL_OR_RESTAURANT" || (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HotelOrRestaurant";
   const isSchoolCollegeProperty = (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "School" || (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "College";
@@ -9864,7 +9867,7 @@ const WSCalculation = _ref => {
     });
   };
   const RenderCalculationDetails = _ref2 => {
-    var _data$Calculation, _calc$calculationDeta, _calc$calculationDeta2, _calc$calculationDeta3, _waterDemandDetail$co, _infraDetail$waterCom, _infraDetail$sewerCom, _infraDetail$grossIFC, _infraDetail$rebateAm, _infraDetail$netIFC;
+    var _data$Calculation, _calc$calculationDeta, _calc$calculationDeta2, _calc$calculationDeta3, _waterDemandDetail$co, _waterDemandDetail$co2, _waterDemandDetail$co3, _waterDemandDetail$co4, _waterDemandDetail$co5, _waterDemandDetail$co6, _waterDemandDetail$co7, _waterDemandDetail$co8, _waterDemandDetail$co9, _waterDemandDetail$co0, _waterDemandDetail$co1, _waterDemandDetail$co10, _waterDemandDetail$co11, _waterDemandDetail$co12, _waterDemandDetail$co13, _waterDemandDetail$co14, _waterDemandDetail$co15, _waterDemandDetail$co16, _infraDetail$waterCom, _infraDetail$sewerCom, _infraDetail$grossIFC, _infraDetail$rebateAm, _infraDetail$netIFC;
     let data = _ref2.data;
     if (!data) return null;
     const calc = (_data$Calculation = data.Calculation) === null || _data$Calculation === void 0 ? void 0 : _data$Calculation[0];
@@ -9887,7 +9890,7 @@ const WSCalculation = _ref => {
     }, t("WS_PROPERTY_DETAILS"))), /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-property-box"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "ws-calc-grid-3"
+      className: "ws-calc-grid-4"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-label"
     }, t("WS_PROPERTY_TYPE")), /*#__PURE__*/React.createElement("div", {
@@ -9900,7 +9903,7 @@ const WSCalculation = _ref => {
       className: "ws-calc-label"
     }, t("WS_WATER_CONNECTION_USAGE_TYPE")), /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-value"
-    }, propertyDetail.usageCategory || "-")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    }, propertyDetail.waterConnectionUsageType || "-")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-label"
     }, t("WS_COLONY_CATEGORY")), /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-pill"
@@ -9920,7 +9923,43 @@ const WSCalculation = _ref => {
       className: "ws-calc-label"
     }, t("WS_BUILT_UP_AREA")), /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-value"
-    }, ((_waterDemandDetail$co = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co === void 0 ? void 0 : _waterDemandDetail$co.built_up_area) || 0, " sq. m."))))), /*#__PURE__*/React.createElement("div", {
+    }, ((_waterDemandDetail$co = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co === void 0 ? void 0 : _waterDemandDetail$co.built_up_area) || 0, " sq. m.")), (propertyDetail.coveredArea > 0 || ((_waterDemandDetail$co2 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co2 === void 0 ? void 0 : _waterDemandDetail$co2.covered_area) > 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_COVERED_AREA")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, propertyDetail.coveredArea || ((_waterDemandDetail$co3 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co3 === void 0 ? void 0 : _waterDemandDetail$co3.covered_area), " sq. m.")), (propertyDetail.numberOfDwellingUnits > 0 || ((_waterDemandDetail$co4 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co4 === void 0 ? void 0 : _waterDemandDetail$co4.dwelling_units) > 0 || ((_waterDemandDetail$co5 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co5 === void 0 ? void 0 : _waterDemandDetail$co5.total_du) > 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_NUMBER_OF_DWELLING_UNITS")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, propertyDetail.numberOfDwellingUnits || ((_waterDemandDetail$co6 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co6 === void 0 ? void 0 : _waterDemandDetail$co6.dwelling_units) || ((_waterDemandDetail$co7 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co7 === void 0 ? void 0 : _waterDemandDetail$co7.total_du))), (propertyDetail.numberOfBeds > 0 || ((_waterDemandDetail$co8 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co8 === void 0 ? void 0 : _waterDemandDetail$co8.total_beds) > 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_NUMBER_OF_BEDS")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, propertyDetail.numberOfBeds || ((_waterDemandDetail$co9 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co9 === void 0 ? void 0 : _waterDemandDetail$co9.total_beds))), (propertyDetail.numberOfRooms > 0 || ((_waterDemandDetail$co0 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co0 === void 0 ? void 0 : _waterDemandDetail$co0.total_rooms) > 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_NUMBER_OF_ROOMS")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, propertyDetail.numberOfRooms || ((_waterDemandDetail$co1 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co1 === void 0 ? void 0 : _waterDemandDetail$co1.total_rooms))), (propertyDetail.numberOfStudents > 0 || ((_waterDemandDetail$co10 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co10 === void 0 ? void 0 : _waterDemandDetail$co10.total_students) > 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_NUMBER_OF_STUDENTS")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, propertyDetail.numberOfStudents || ((_waterDemandDetail$co11 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co11 === void 0 ? void 0 : _waterDemandDetail$co11.total_students))), (propertyDetail.numberOfStaff > 0 || ((_waterDemandDetail$co12 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co12 === void 0 ? void 0 : _waterDemandDetail$co12.total_staff) > 0) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_NUMBER_OF_STAFF")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, propertyDetail.numberOfStaff || ((_waterDemandDetail$co13 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co13 === void 0 ? void 0 : _waterDemandDetail$co13.total_staff))), ((_waterDemandDetail$co14 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co14 === void 0 ? void 0 : _waterDemandDetail$co14.total_seats) > 0 && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_NUMBER_OF_SEATS")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, waterDemandDetail.contextVariables.total_seats)), ((_waterDemandDetail$co15 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co15 === void 0 ? void 0 : _waterDemandDetail$co15.highest_shift_strength) > 0 && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_HIGHEST_SHIFT_STRENGTH")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, waterDemandDetail.contextVariables.highest_shift_strength)), ((_waterDemandDetail$co16 = waterDemandDetail.contextVariables) === null || _waterDemandDetail$co16 === void 0 ? void 0 : _waterDemandDetail$co16.sanctioned_beds) > 0 && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-label"
+    }, t("WS_SANCTIONED_BEDS")), /*#__PURE__*/React.createElement("div", {
+      className: "ws-calc-value"
+    }, waterDemandDetail.contextVariables.sanctioned_beds))))), /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-detail-card"
     }, /*#__PURE__*/React.createElement("div", {
       className: "ws-calc-detail-card-header"
@@ -10321,11 +10360,23 @@ const WSCalculation = _ref => {
       display: "flex",
       marginTop: "24px",
       marginBottom: "32px",
-      justifyContent: isMobile ? "center" : "flex-end"
+      justifyContent: isMobile ? "center" : "flex-end",
+      alignItems: "center"
     }
-  }, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "clear-search generic-button",
+    style: {
+      marginRight: "24px"
+    },
+    onClick: () => {
+      reset();
+      setCalculationData(null);
+    }
+  }, t("CS_COMMON_CLEAR_SEARCH")), /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("ES_COMMON_CALCULATE"),
-    onSubmit: handleSubmit
+    onSubmit: handleSubmit,
+    disabled: !isCalculateButtonEnabled
   })), calculationData && /*#__PURE__*/React.createElement(RenderCalculationDetails, {
     data: calculationData
   })));