@djb25/digit-ui-module-commonpt 1.0.27 → 1.0.29

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, LayoutWrapper, Header, ResponseComposer, Table, Modal, KeyNote, Dropdown, InfoBannerIcon, Localities, OTPInput, CardLabelError, FormStep, UploadFile, RadioButtons, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, ViewsIcon, BreakLine, TelePhone, DisplayPhotos, AddIcon, EditIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, AddressDetails, CollapsibleCardPage, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
+import { Loader, VerticalTimeline, FormComposer, Toast, Card, CardText, StatusTable, Row, SubmitBar, Banner, LayoutWrapper, Header, ResponseComposer, Table, Modal, KeyNote, Dropdown, InfoBannerIcon, Localities, OTPInput, CardLabelError, FormStep, UploadFile, RadioButtons, DatePicker, CardSubHeader, PDFSvg, LabelFieldPair, CardLabel, MultiUploadWrapper, CardHeader, CardSectionHeader, CheckBox, TextInput, LinkButton, Close as Close$e, ViewsIcon, BreakLine, TelePhone, DisplayPhotos, AddIcon, EditIcon, CheckPoint, ConnectingCheckPoints, ActionBar, Menu, ButtonSelector, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, HomeIcon, AddressDetails, CollapsibleCardPage, DeleteIcon, MobileNumber, RadioOrSelect, TextArea, SearchForm, SearchField, DetailsCard, TickMark, PropertyHouse, EmployeeModuleCard, CitizenHomeCard, PTIcon } from '@djb25/digit-ui-react-components';
 import React, { useState, useEffect, useRef, useLayoutEffect, useMemo, Fragment as Fragment$1, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useHistory, useRouteMatch, Switch, Route, Link, useParams } from 'react-router-dom';
@@ -5941,7 +5941,7 @@ const setAddressDetailsLW = data => {
     assembly: (address === null || address === void 0 ? void 0 : address.assembly) || (address === null || address === void 0 ? void 0 : address.Assembly),
     block: address === null || address === void 0 ? void 0 : address.block,
     zone: address === null || address === void 0 ? void 0 : address.zone,
-    zroLocation: (address === null || address === void 0 ? void 0 : (_address$zro = address.zro) === null || _address$zro === void 0 ? void 0 : _address$zro.code) || (address === null || address === void 0 ? void 0 : address.zro),
+    zroLocation: (address === null || address === void 0 ? void 0 : (_address$zro = address.zro) === null || _address$zro === void 0 ? void 0 : _address$zro.code) || (address === null || address === void 0 ? void 0 : address.zro) || (address === null || address === void 0 ? void 0 : address.zone),
     addressType: (address === null || address === void 0 ? void 0 : (_address$addressType = address.addressType) === null || _address$addressType === void 0 ? void 0 : _address$addressType.code) || (address === null || address === void 0 ? void 0 : address.addressType),
     subLocality: (address === null || address === void 0 ? void 0 : address.subLocality) || (address === null || address === void 0 ? void 0 : (_address$subLocality = address.subLocality) === null || _address$subLocality === void 0 ? void 0 : _address$subLocality.name) || (address === null || address === void 0 ? void 0 : address.subLocality),
     actualWard: (address === null || address === void 0 ? void 0 : address.actualWard) || (address === null || address === void 0 ? void 0 : (_address$actualWard = address.actualWard) === null || _address$actualWard === void 0 ? void 0 : _address$actualWard.name) || (address === null || address === void 0 ? void 0 : address.actualWard),
@@ -6356,6 +6356,14 @@ const CreatePropertyForm = _ref => {
     setMutationHappened(false);
     clearSuccessData();
   }, []);
+  useEffect(() => {
+    if (showToast) {
+      const timer = setTimeout(() => {
+        setShowToast(null);
+      }, 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [showToast]);
   const currentConfig = React.useMemo(() => {
     const isEmployee = userType === "employee" || window.location.href.includes("/employee/");
     return newConfig.filter(step => {
@@ -6371,6 +6379,14 @@ const CreatePropertyForm = _ref => {
   const onSubmit = function () {
     try {
       var _formValue$owners, _formValue$owners$own, _formValue$owners2, _formValue$owners2$, _formValue$owners2$$o, _formValue$owners2$$o2, _formValue$owners3;
+      const loc = formValue === null || formValue === void 0 ? void 0 : formValue.locationDet;
+      if (!(loc !== null && loc !== void 0 && loc.addressType) || !(loc !== null && loc !== void 0 && loc.city) || !(loc !== null && loc !== void 0 && loc.pincode) || !(loc !== null && loc !== void 0 && loc.locality) || !(loc !== null && loc !== void 0 && loc.addressLine1) || !(loc !== null && loc !== void 0 && loc.houseNo)) {
+        setShowToast({
+          key: true,
+          label: t("Please fill all the mandatory fields")
+        });
+        return Promise.resolve();
+      }
       let ownersArray = owners && owners.length > 0 ? owners : formValue === null || formValue === void 0 ? void 0 : formValue.owners;
       if (!ownersArray || ownersArray.length === 0) {
         var _Digit$UserService$ge;
@@ -6493,6 +6509,7 @@ const CreatePropertyForm = _ref => {
   })), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key,
     label: showToast.label,
+    isDleteBtn: true,
     onClose: () => {
       setShowToast(null);
     }
@@ -7843,7 +7860,7 @@ const PropertySearchResults = _ref => {
         return ((a === null || a === void 0 ? void 0 : (_a$additionalDetails = a.additionalDetails) === null || _a$additionalDetails === void 0 ? void 0 : _a$additionalDetails.ownerSequence) || 0) - ((b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence) || 0);
       })) === null || _sort === void 0 ? void 0 : (_sort$ = _sort[0]) === null || _sort$ === void 0 ? void 0 : _sort$.name,
       property_address: [addr.doorNo || "", addr.buildingName || "", addr.street || "", t("TENANTS_MOHALLA_" + ((_addr$locality = addr.locality) === null || _addr$locality === void 0 ? void 0 : _addr$locality.code)) !== "TENANTS_MOHALLA_" + ((_addr$locality2 = addr.locality) === null || _addr$locality2 === void 0 ? void 0 : _addr$locality2.code) ? t("TENANTS_MOHALLA_" + ((_addr$locality3 = addr.locality) === null || _addr$locality3 === void 0 ? void 0 : _addr$locality3.code)) : ((_addr$locality4 = addr.locality) === null || _addr$locality4 === void 0 ? void 0 : _addr$locality4.name) || ""].filter(a => a).join(", "),
-      zroLocation: (property === null || property === void 0 ? void 0 : (_property$address = property.address) === null || _property$address === void 0 ? void 0 : _property$address.zroLocation) || (property === null || property === void 0 ? void 0 : (_property$address2 = property.address) === null || _property$address2 === void 0 ? void 0 : _property$address2.zroLocation),
+      zroLocation: (property === null || property === void 0 ? void 0 : (_property$address = property.address) === null || _property$address === void 0 ? void 0 : _property$address.zroLocation) || (property === null || property === void 0 ? void 0 : (_property$address2 = property.address) === null || _property$address2 === void 0 ? void 0 : _property$address2.zone) || "NA",
       total_due: ((_payment$property$pro = payment[property === null || property === void 0 ? void 0 : property.propertyId]) === null || _payment$property$pro === void 0 ? void 0 : _payment$property$pro.total_due) || 0,
       bil_due__date: ((_payment$property$pro2 = payment[property === null || property === void 0 ? void 0 : property.propertyId]) === null || _payment$property$pro2 === void 0 ? void 0 : _payment$property$pro2.bil_due__date) || t("N/A"),
       status: t(property.status),
@@ -7962,7 +7979,13 @@ const PropertySearchResults = _ref => {
         return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
           className: "link"
         }, /*#__PURE__*/React.createElement(Link, {
-          to: "/digit-ui/citizen/commonpt/view-property?propertyId=" + row.original.property_id + "&tenantId=" + tenantId
+          to: {
+            pathname: "/digit-ui/citizen/commonpt/view-property",
+            search: "?propertyId=" + row.original.property_id + "&tenantId=" + tenantId,
+            state: {
+              fromSearch: true
+            }
+          }
         }, row.original.property_id)));
       }
     }, {
@@ -9386,8 +9409,70 @@ const configWSApproverApplication = _ref => {
     uploadedFile = _ref.uploadedFile,
     setUploadedFile = _ref.setUploadedFile,
     businessService = _ref.businessService,
-    error = _ref.error;
+    error = _ref.error,
+    isReasonRequiredAction = _ref.isReasonRequiredAction,
+    selectedReason = _ref.selectedReason,
+    setSelectedReason = _ref.setSelectedReason,
+    otherReasonText = _ref.otherReasonText,
+    setOtherReasonText = _ref.setOtherReasonText;
   if (action !== null && action !== void 0 && (_action$action = action.action) !== null && _action$action !== void 0 && _action$action.includes("SEND_BACK") || (action === null || action === void 0 ? void 0 : action.action) == "APPROVE_FOR_CONNECTION") ;
+  const reasonOptions = [{
+    code: "INCOMPLETE_DOCUMENTS",
+    name: "Incomplete / Incorrect Documents",
+    i18nKey: "WS_MUTATION_REASON_INCOMPLETE_DOCUMENTS"
+  }, {
+    code: "MISMATCH_DETAILS",
+    name: "Mismatch in Owner / Consumer Details",
+    i18nKey: "WS_MUTATION_REASON_MISMATCH_DETAILS"
+  }, {
+    code: "INVALID_PROOF",
+    name: "Invalid / Unverified Proof Provided",
+    i18nKey: "WS_MUTATION_REASON_INVALID_PROOF"
+  }, {
+    code: "OTHER",
+    name: "Other",
+    i18nKey: "WS_MUTATION_REASON_OTHER"
+  }];
+  const commentsField = isReasonRequiredAction ? [{
+    label: t("WF_REASON_LABEL") || t("Reason"),
+    isMandatory: true,
+    populators: /*#__PURE__*/React.createElement(Dropdown, {
+      option: reasonOptions,
+      autoComplete: "off",
+      optionKey: "name",
+      id: "mutationActionReason",
+      select: val => {
+        setSelectedReason(val);
+        if ((val === null || val === void 0 ? void 0 : val.code) !== "OTHER") {
+          setOtherReasonText("");
+        }
+      },
+      selected: selectedReason,
+      t: t,
+      placeholder: t("WF_SELECT_REASON_PLACEHOLDER") || "Select Reason"
+    })
+  }, ...((selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.code) === "OTHER" ? [{
+    label: t("WF_OTHER_REASON_LABEL") || t("Please specify reason"),
+    isMandatory: true,
+    populators: /*#__PURE__*/React.createElement("textarea", {
+      className: "employee-card-input",
+      style: {
+        width: "100%",
+        height: "80px",
+        resize: "vertical",
+        marginTop: "4px"
+      },
+      value: otherReasonText,
+      onChange: e => setOtherReasonText(e.target.value),
+      placeholder: t("WF_ENTER_OTHER_REASON_PLACEHOLDER") || "Enter reason details..."
+    })
+  }] : [])] : [{
+    label: t("WF_COMMON_COMMENTS"),
+    type: "textarea",
+    populators: {
+      name: "comments"
+    }
+  }];
   return {
     label: {
       heading: "WF_" + (action === null || action === void 0 ? void 0 : action.action) + "_APPLICATION",
@@ -9395,13 +9480,7 @@ const configWSApproverApplication = _ref => {
       cancel: "CS_COMMON_CANCEL"
     },
     form: [{
-      body: [{
-        label: t("WF_COMMON_COMMENTS"),
-        type: "textarea",
-        populators: {
-          name: "comments"
-        }
-      }, {
+      body: [...commentsField, {
         label: t("WS_APPROVAL_CHECKLIST_BUTTON_UP_FILE"),
         populators: /*#__PURE__*/React.createElement(UploadFile, {
           id: "workflow-doc",
@@ -12004,7 +12083,7 @@ const convertDateToEpochNew = function (dateString, dayStartOrEnd) {
   }
 };
 const ActionModal$5 = _ref => {
-  var _action$assigneeRoles, _action$assigneeRoles2;
+  var _action$assigneeRoles, _action$assigneeRoles2, _applicationData, _applicationData$appl, _applicationData2, _applicationData2$bus, _applicationData3, _applicationData3$app, _action$action, _action$action2;
   let t = _ref.t,
     action = _ref.action,
     tenantId = _ref.tenantId,
@@ -12046,6 +12125,14 @@ const ActionModal$5 = _ref => {
   const _useState7 = useState(null),
     error = _useState7[0],
     setError = _useState7[1];
+  const _useState8 = useState(null),
+    selectedReason = _useState8[0],
+    setSelectedReason = _useState8[1];
+  const _useState9 = useState(""),
+    otherReasonText = _useState9[0],
+    setOtherReasonText = _useState9[1];
+  const isMutationApp = ((_applicationData = applicationData) === null || _applicationData === void 0 ? void 0 : (_applicationData$appl = _applicationData.applicationType) === null || _applicationData$appl === void 0 ? void 0 : _applicationData$appl.includes("MUTATION")) || ((_applicationData2 = applicationData) === null || _applicationData2 === void 0 ? void 0 : (_applicationData2$bus = _applicationData2.businessService) === null || _applicationData2$bus === void 0 ? void 0 : _applicationData2$bus.includes("MUTATION")) || (businessService === null || businessService === void 0 ? void 0 : businessService.includes("MUTATION")) || ((_applicationData3 = applicationData) === null || _applicationData3 === void 0 ? void 0 : (_applicationData3$app = _applicationData3.applicationNo) === null || _applicationData3$app === void 0 ? void 0 : _applicationData3$app.includes("MUT"));
+  const isReasonRequiredAction = isMutationApp && ((action === null || action === void 0 ? void 0 : (_action$action = action.action) === null || _action$action === void 0 ? void 0 : _action$action.includes("SEND_BACK")) || (action === null || action === void 0 ? void 0 : (_action$action2 = action.action) === null || _action$action2 === void 0 ? void 0 : _action$action2.includes("REJECT")));
   const isMobile = window.Digit.Utils.browser.isMobile();
   const isEmployee = window.location.href.includes("/employee");
   useEffect(() => {
@@ -12106,24 +12193,40 @@ const ActionModal$5 = _ref => {
     })();
   }, [file]);
   function submit(data) {
-    var _applicationData, _applicationData7, _applicationData8, _applicationData8$app, _applicationData9, _applicationData9$pro, _applicationData0, _applicationData0$pro, _applicationData10, _applicationData11;
-    if ((_applicationData = applicationData) !== null && _applicationData !== void 0 && _applicationData.isBillAmend) {
-      var _applicationData2, _applicationData2$bil, _applicationData3, _applicationData4, _applicationData4$bil, _applicationData5, _applicationData5$app, _applicationData6, _applicationData6$app;
-      const comments = data !== null && data !== void 0 && data.comments ? data.comments : null;
-      const additionalDetails = _extends({}, (_applicationData2 = applicationData) === null || _applicationData2 === void 0 ? void 0 : (_applicationData2$bil = _applicationData2.billAmendmentDetails) === null || _applicationData2$bil === void 0 ? void 0 : _applicationData2$bil.additionalDetails, {
+    var _applicationData4, _applicationData0, _applicationData1, _applicationData1$app, _applicationData10, _applicationData10$pr, _applicationData11, _applicationData11$pr, _applicationData13, _applicationData14;
+    let commentValue = (data === null || data === void 0 ? void 0 : data.comments) || "";
+    if (isReasonRequiredAction) {
+      if (!selectedReason) {
+        setError(t("PLEASE_SELECT_REASON") || "Please select a reason");
+        return;
+      }
+      if ((selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.code) === "OTHER") {
+        if (!otherReasonText || otherReasonText.trim() === "") {
+          setError(t("PLEASE_ENTER_REASON") || "Please enter the reason");
+          return;
+        }
+        commentValue = otherReasonText.trim();
+      } else {
+        commentValue = (selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.name) || (selectedReason !== null && selectedReason !== void 0 && selectedReason.i18nKey ? t(selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.i18nKey) : selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.code);
+      }
+    }
+    if ((_applicationData4 = applicationData) !== null && _applicationData4 !== void 0 && _applicationData4.isBillAmend) {
+      var _applicationData5, _applicationData5$bil, _applicationData6, _applicationData7, _applicationData7$bil, _applicationData8, _applicationData8$app, _applicationData9, _applicationData9$app;
+      const comments = commentValue || (data !== null && data !== void 0 && data.comments ? data.comments : null);
+      const additionalDetails = _extends({}, (_applicationData5 = applicationData) === null || _applicationData5 === void 0 ? void 0 : (_applicationData5$bil = _applicationData5.billAmendmentDetails) === null || _applicationData5$bil === void 0 ? void 0 : _applicationData5$bil.additionalDetails, {
         comments
       });
-      const amendment = _extends({}, (_applicationData3 = applicationData) === null || _applicationData3 === void 0 ? void 0 : _applicationData3.billAmendmentDetails, {
+      const amendment = _extends({}, (_applicationData6 = applicationData) === null || _applicationData6 === void 0 ? void 0 : _applicationData6.billAmendmentDetails, {
         workflow: {
-          businessId: (_applicationData4 = applicationData) === null || _applicationData4 === void 0 ? void 0 : (_applicationData4$bil = _applicationData4.billAmendmentDetails) === null || _applicationData4$bil === void 0 ? void 0 : _applicationData4$bil.amendmentId,
+          businessId: (_applicationData7 = applicationData) === null || _applicationData7 === void 0 ? void 0 : (_applicationData7$bil = _applicationData7.billAmendmentDetails) === null || _applicationData7$bil === void 0 ? void 0 : _applicationData7$bil.amendmentId,
           action: action === null || action === void 0 ? void 0 : action.action,
           tenantId: tenantId,
-          businessService: (_applicationData5 = applicationData) !== null && _applicationData5 !== void 0 && (_applicationData5$app = _applicationData5.applicationType) !== null && _applicationData5$app !== void 0 && _applicationData5$app.includes("WATER") ? "WS.AMENDMENT" : "SW.AMENDMENT",
-          moduleName: (_applicationData6 = applicationData) !== null && _applicationData6 !== void 0 && (_applicationData6$app = _applicationData6.applicationType) !== null && _applicationData6$app !== void 0 && _applicationData6$app.includes("WATER") ? "WS" : "SW",
+          businessService: (_applicationData8 = applicationData) !== null && _applicationData8 !== void 0 && (_applicationData8$app = _applicationData8.applicationType) !== null && _applicationData8$app !== void 0 && _applicationData8$app.includes("WATER") ? "WS.AMENDMENT" : "SW.AMENDMENT",
+          moduleName: (_applicationData9 = applicationData) !== null && _applicationData9 !== void 0 && (_applicationData9$app = _applicationData9.applicationType) !== null && _applicationData9$app !== void 0 && _applicationData9$app.includes("WATER") ? "WS" : "SW",
           assignes: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? [] : [{
             uuid: selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid
           }],
-          comment: (data === null || data === void 0 ? void 0 : data.comments) || "",
+          comment: commentValue || (data === null || data === void 0 ? void 0 : data.comments) || "",
           documents: uploadedFile ? [{
             documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
             fileName: file === null || file === void 0 ? void 0 : file.name,
@@ -12131,7 +12234,7 @@ const ActionModal$5 = _ref => {
           }] : []
         },
         additionalDetails,
-        comment: (data === null || data === void 0 ? void 0 : data.comments) || "",
+        comment: commentValue || (data === null || data === void 0 ? void 0 : data.comments) || "",
         wfDocuments: uploadedFile ? [{
           documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
           fileName: file === null || file === void 0 ? void 0 : file.name,
@@ -12142,7 +12245,7 @@ const ActionModal$5 = _ref => {
           assignes: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? [] : [{
             uuid: selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid
           }],
-          comment: (data === null || data === void 0 ? void 0 : data.comments) || "",
+          comment: commentValue || (data === null || data === void 0 ? void 0 : data.comments) || "",
           documents: uploadedFile ? [{
             documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
             fileName: file === null || file === void 0 ? void 0 : file.name,
@@ -12157,7 +12260,7 @@ const ActionModal$5 = _ref => {
     }
     applicationData = _extends({}, applicationData, {
       action: action === null || action === void 0 ? void 0 : action.action,
-      comment: (data === null || data === void 0 ? void 0 : data.comments) || "",
+      comment: commentValue,
       assignee: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? [] : [selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid],
       assignes: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? [] : [{
         uuid: selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid
@@ -12167,12 +12270,12 @@ const ActionModal$5 = _ref => {
         fileName: file === null || file === void 0 ? void 0 : file.name,
         fileStoreId: uploadedFile
       }] : null,
-      processInstance: _extends({}, (_applicationData7 = applicationData) === null || _applicationData7 === void 0 ? void 0 : _applicationData7.processInstance, {
+      processInstance: _extends({}, (_applicationData0 = applicationData) === null || _applicationData0 === void 0 ? void 0 : _applicationData0.processInstance, {
         action: action === null || action === void 0 ? void 0 : action.action,
         assignes: !(selectedApprover !== null && selectedApprover !== void 0 && selectedApprover.uuid) ? [] : [{
           uuid: selectedApprover === null || selectedApprover === void 0 ? void 0 : selectedApprover.uuid
         }],
-        comment: (data === null || data === void 0 ? void 0 : data.comments) || "",
+        comment: commentValue,
         documents: uploadedFile ? [{
           documentType: (action === null || action === void 0 ? void 0 : action.action) + " DOC",
           fileName: file === null || file === void 0 ? void 0 : file.name,
@@ -12180,36 +12283,36 @@ const ActionModal$5 = _ref => {
         }] : []
       })
     });
-    if (data !== null && data !== void 0 && data.date && (_applicationData8 = applicationData) !== null && _applicationData8 !== void 0 && (_applicationData8$app = _applicationData8.applicationType) !== null && _applicationData8$app !== void 0 && _applicationData8$app.includes("DISCONNECT")) {
+    if (data !== null && data !== void 0 && data.date && (_applicationData1 = applicationData) !== null && _applicationData1 !== void 0 && (_applicationData1$app = _applicationData1.applicationType) !== null && _applicationData1$app !== void 0 && _applicationData1$app.includes("DISCONNECT")) {
       const disconnectionExecutionDate = cloneDeep_1(data === null || data === void 0 ? void 0 : data.date);
       applicationData.disconnectionExecutionDate = convertDateToEpochNew(disconnectionExecutionDate);
     } else if (data !== null && data !== void 0 && data.date) {
       const connectionExecutionDate = cloneDeep_1(data === null || data === void 0 ? void 0 : data.date);
       applicationData.connectionExecutionDate = convertDateToEpochNew(connectionExecutionDate);
     }
-    if (((_applicationData9 = applicationData) === null || _applicationData9 === void 0 ? void 0 : (_applicationData9$pro = _applicationData9.processInstance) === null || _applicationData9$pro === void 0 ? void 0 : _applicationData9$pro.businessService) == "DisconnectWSConnection" || ((_applicationData0 = applicationData) === null || _applicationData0 === void 0 ? void 0 : (_applicationData0$pro = _applicationData0.processInstance) === null || _applicationData0$pro === void 0 ? void 0 : _applicationData0$pro.businessService) == "DisconnectSWConnection" || window.location.href.includes("disconnection")) {
-      var _applicationData1;
-      ((_applicationData1 = applicationData) === null || _applicationData1 === void 0 ? void 0 : _applicationData1.serviceType) == "WATER" ? submitAction({
+    if (((_applicationData10 = applicationData) === null || _applicationData10 === void 0 ? void 0 : (_applicationData10$pr = _applicationData10.processInstance) === null || _applicationData10$pr === void 0 ? void 0 : _applicationData10$pr.businessService) == "DisconnectWSConnection" || ((_applicationData11 = applicationData) === null || _applicationData11 === void 0 ? void 0 : (_applicationData11$pr = _applicationData11.processInstance) === null || _applicationData11$pr === void 0 ? void 0 : _applicationData11$pr.businessService) == "DisconnectSWConnection" || window.location.href.includes("disconnection")) {
+      var _applicationData12;
+      ((_applicationData12 = applicationData) === null || _applicationData12 === void 0 ? void 0 : _applicationData12.serviceType) == "WATER" ? submitAction({
         WaterConnection: applicationData,
         disconnectRequest: true
       }) : submitAction({
         SewerageConnection: applicationData,
         disconnectRequest: true
       });
-    } else if (((_applicationData10 = applicationData) === null || _applicationData10 === void 0 ? void 0 : _applicationData10.applicationType) == "SEWERAGE_RECONNECTION") {
+    } else if (((_applicationData13 = applicationData) === null || _applicationData13 === void 0 ? void 0 : _applicationData13.applicationType) == "SEWERAGE_RECONNECTION") {
       submitAction({
         SewerageConnection: applicationData,
         disconnectRequest: false,
         reconnectRequest: true
       });
-    } else if (((_applicationData11 = applicationData) === null || _applicationData11 === void 0 ? void 0 : _applicationData11.applicationType) == "WATER_RECONNECTION") {
+    } else if (((_applicationData14 = applicationData) === null || _applicationData14 === void 0 ? void 0 : _applicationData14.applicationType) == "WATER_RECONNECTION") {
       submitAction({
         WaterConnection: applicationData,
         disconnectRequest: false,
         reconnectRequest: true
       });
     } else {
-      var _parsedAdhocRebateDat, _parsedAdhocRebateDat2, _parsedAdhocRebateDat3, _parsedAdhocRebateDat4, _parsedAdhocRebateDat5, _parsedAdhocRebateDat6, _parsedAdhocRebateDat7, _parsedAdhocRebateDat8, _parsedAdhocRebateDat9, _parsedAdhocRebateDat0, _parsedAdhocRebateDat1, _parsedAdhocRebateDat10, _applicationData12;
+      var _parsedAdhocRebateDat, _parsedAdhocRebateDat2, _parsedAdhocRebateDat3, _parsedAdhocRebateDat4, _parsedAdhocRebateDat5, _parsedAdhocRebateDat6, _parsedAdhocRebateDat7, _parsedAdhocRebateDat8, _parsedAdhocRebateDat9, _parsedAdhocRebateDat0, _parsedAdhocRebateDat1, _parsedAdhocRebateDat10, _applicationData15;
       const adhocRebateData = sessionStorage.getItem("Digit.ADHOC_ADD_REBATE_DATA");
       const parsedAdhocRebateData = adhocRebateData ? JSON.parse(adhocRebateData) : "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat !== void 0 && _parsedAdhocRebateDat.adhocPenalty) applicationData.additionalDetails.adhocPenalty = parseInt(parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat2 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat2 === void 0 ? void 0 : _parsedAdhocRebateDat2.adhocPenalty) || "";
@@ -12218,7 +12321,7 @@ const ActionModal$5 = _ref => {
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat7 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat7 !== void 0 && _parsedAdhocRebateDat7.adhocRebate) applicationData.additionalDetails.adhocRebate = parseInt(parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat8 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat8 === void 0 ? void 0 : _parsedAdhocRebateDat8.adhocRebate) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat9 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat9 !== void 0 && _parsedAdhocRebateDat9.adhocRebateComment) applicationData.additionalDetails.adhocRebateComment = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat0 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat0 === void 0 ? void 0 : _parsedAdhocRebateDat0.adhocRebateComment) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat1 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat1 !== void 0 && _parsedAdhocRebateDat1.adhocRebateReason) applicationData.additionalDetails.adhocRebateReason = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat10 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat10 === void 0 ? void 0 : _parsedAdhocRebateDat10.adhocRebateReason) || "";
-      ((_applicationData12 = applicationData) === null || _applicationData12 === void 0 ? void 0 : _applicationData12.serviceType) == "WATER" ? submitAction({
+      ((_applicationData15 = applicationData) === null || _applicationData15 === void 0 ? void 0 : _applicationData15.serviceType) == "WATER" ? submitAction({
         WaterConnection: applicationData,
         disconnectRequest: false,
         reconnectRequest: false
@@ -12230,8 +12333,8 @@ const ActionModal$5 = _ref => {
     }
   }
   useEffect(() => {
-    var _applicationData13, _applicationData13$pr, _applicationData14, _applicationData14$pr;
-    if (((_applicationData13 = applicationData) === null || _applicationData13 === void 0 ? void 0 : (_applicationData13$pr = _applicationData13.processInstance) === null || _applicationData13$pr === void 0 ? void 0 : _applicationData13$pr.businessService) == "DisconnectWSConnection" || ((_applicationData14 = applicationData) === null || _applicationData14 === void 0 ? void 0 : (_applicationData14$pr = _applicationData14.processInstance) === null || _applicationData14$pr === void 0 ? void 0 : _applicationData14$pr.businessService) == "DisconnectSWConnection") {
+    var _applicationData16, _applicationData16$pr, _applicationData17, _applicationData17$pr;
+    if (((_applicationData16 = applicationData) === null || _applicationData16 === void 0 ? void 0 : (_applicationData16$pr = _applicationData16.processInstance) === null || _applicationData16$pr === void 0 ? void 0 : _applicationData16$pr.businessService) == "DisconnectWSConnection" || ((_applicationData17 = applicationData) === null || _applicationData17 === void 0 ? void 0 : (_applicationData17$pr = _applicationData17.processInstance) === null || _applicationData17$pr === void 0 ? void 0 : _applicationData17$pr.businessService) == "DisconnectSWConnection") {
       if (action) {
         setConfig(configWSDisConnectApplication({
           t,
@@ -12258,11 +12361,16 @@ const ActionModal$5 = _ref => {
           uploadedFile,
           setUploadedFile,
           businessService,
-          error
+          error,
+          isReasonRequiredAction,
+          selectedReason,
+          setSelectedReason,
+          otherReasonText,
+          setOtherReasonText
         }));
       }
     }
-  }, [action, approvers, uploadedFile, error]);
+  }, [action, approvers, uploadedFile, error, isReasonRequiredAction, selectedReason, otherReasonText]);
   return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading$5, {
       label: t(config.label.heading)
@@ -12279,7 +12387,13 @@ const ActionModal$5 = _ref => {
       width: "100%",
       height: "auto"
     } : {}
-  }, PTALoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(FormComposer, {
+  }, PTALoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(React.Fragment, null, error && /*#__PURE__*/React.createElement(CardLabelError, {
+    style: {
+      marginBottom: "12px",
+      marginLeft: "12px",
+      marginRight: "12px"
+    }
+  }, error), /*#__PURE__*/React.createElement(FormComposer, {
     config: config.form,
     noBoxShadow: true,
     inline: true,
@@ -12291,7 +12405,7 @@ const ActionModal$5 = _ref => {
     cardFormWrapperClassName: cardFormWrapperClassName,
     cardClassName: cardClassName,
     formClassName: formClassName
-  })) : /*#__PURE__*/React.createElement(Loader, null);
+  }))) : /*#__PURE__*/React.createElement(Loader, null);
 };
 
 const Heading$6 = props => {
@@ -14333,7 +14447,7 @@ function PropertyDocuments(_ref) {
       });
     });
     const allChecked = requiredDocsCount === 0 || checkedCount === requiredDocsCount;
-    const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION";
+    const isDocVerifState = !applicationStatus || applicationStatus === "PENDING_FOR_DOCUMENT_VERIFICATION" || applicationStatus === "PENDING_APPROVAL_FOR_MUTATION";
     const finalVerified = isDocVerifState ? allChecked : true;
     window.isDocumentsVerified = finalVerified;
     window.dispatchEvent(new CustomEvent("DOCUMENTS_VERIFIED", {
@@ -14569,7 +14683,7 @@ function PropertyDocuments(_ref) {
         style: {
           cursor: "pointer"
         }
-      }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _value$originalDoc4) => {
+      }, /*#__PURE__*/React.createElement(ViewsIcon, null)), !isPhoto && ((_ref3, _checkedMap$value$fil2, _value$originalDoc2, _value$originalDoc3, _ref4, _checkedMap$value$fil3, _value$originalDoc4) => {
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
           onClick: () => {
             if (fileUrl) {
@@ -14618,10 +14732,10 @@ function PropertyDocuments(_ref) {
             width: "18px",
             height: "18px",
             accentColor: "#F47738",
-            cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" ? "not-allowed" : "pointer"
+            cursor: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" ? "not-allowed" : "pointer"
           },
-          disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION",
-          defaultChecked: value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified,
+          disabled: applicationStatus && applicationStatus !== "PENDING_FOR_DOCUMENT_VERIFICATION" && applicationStatus !== "PENDING_APPROVAL_FOR_MUTATION" && applicationStatus !== "ACTIVATE_MUTATION",
+          checked: applicationStatus === "PENDING_FOR_MUTATION_ACTIVATION" || ((_ref4 = (_checkedMap$value$fil3 = checkedMap[value === null || value === void 0 ? void 0 : value.fileStoreId]) != null ? _checkedMap$value$fil3 : value === null || value === void 0 ? void 0 : (_value$originalDoc4 = value.originalDoc) === null || _value$originalDoc4 === void 0 ? void 0 : _value$originalDoc4.isVerified) != null ? _ref4 : false),
           onChange: e => {
             const checked = e.target.checked;
             if (value !== null && value !== void 0 && value.originalDoc) {
@@ -15412,7 +15526,7 @@ const Rebate_menu = [{
   value: "Others"
 }];
 const WSFeeEstimation = _ref => {
-  var _wsAdditionalDetails$, _wsAdditionalDetails$18, _fields$adhocPenaltyR, _fields$adhocRebateRe;
+  var _wsAdditionalDetails$, _fields$adhocPenaltyR, _fields$adhocRebateRe;
   let wsAdditionalDetails = _ref.wsAdditionalDetails;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -15445,17 +15559,10 @@ const WSFeeEstimation = _ref => {
     if ((sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill = sessionFormData.billDetails) === null || _sessionFormData$bill === void 0 ? void 0 : _sessionFormData$bill.length) > 0) {
       var _sessionFormData$bill2, _sessionFormData$bill3, _sessionFormData$bill4, _sessionFormData$bill5, _sessionFormData$bill6, _sessionFormData$bill7, _sessionFormData$bill8, _sessionFormData$bill9, _sessionFormData$bill0, _sessionFormData$bill1, _sessionFormData$bill10;
       const billAccountDetails = (sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill2 = sessionFormData.billDetails) === null || _sessionFormData$bill2 === void 0 ? void 0 : (_sessionFormData$bill3 = _sessionFormData$bill2[0]) === null || _sessionFormData$bill3 === void 0 ? void 0 : _sessionFormData$bill3.billAccountDetails) || (sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill4 = sessionFormData.billDetails) === null || _sessionFormData$bill4 === void 0 ? void 0 : (_sessionFormData$bill5 = _sessionFormData$bill4[0]) === null || _sessionFormData$bill5 === void 0 ? void 0 : _sessionFormData$bill5.taxHeadEstimates) || [];
-      const values = billAccountDetails.length > 0 ? billAccountDetails.map(bill => {
-        var _bill$status;
-        return {
-          title: bill === null || bill === void 0 ? void 0 : bill.taxHeadCode,
-          value: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2), bill !== null && bill !== void 0 && bill.status ? /*#__PURE__*/React.createElement("span", {
-            style: {
-              color: (bill === null || bill === void 0 ? void 0 : (_bill$status = bill.status) === null || _bill$status === void 0 ? void 0 : _bill$status.toUpperCase()) === "PAID" ? "green" : "red"
-            }
-          }, " (" + (bill === null || bill === void 0 ? void 0 : bill.status) + ")") : "")
-        };
-      }) : [{
+      const values = billAccountDetails.length > 0 ? billAccountDetails.map(bill => ({
+        title: bill === null || bill === void 0 ? void 0 : bill.taxHeadCode,
+        value: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(bill === null || bill === void 0 ? void 0 : bill.amount).toFixed(2))
+      })) : [{
         title: "WS_APPLICATION_FEE_HEADER",
         value: /*#__PURE__*/React.createElement("span", null, "\u20B9", sessionFormData === null || sessionFormData === void 0 ? void 0 : (_sessionFormData$bill6 = sessionFormData.billDetails) === null || _sessionFormData$bill6 === void 0 ? void 0 : (_sessionFormData$bill7 = _sessionFormData$bill6[0]) === null || _sessionFormData$bill7 === void 0 ? void 0 : _sessionFormData$bill7.fee)
       }, {
@@ -15537,17 +15644,10 @@ const WSFeeEstimation = _ref => {
           }
           result.Calculation[0].billSlabData = _.groupBy(result === null || result === void 0 ? void 0 : (_result$Calculation3 = result.Calculation) === null || _result$Calculation3 === void 0 ? void 0 : (_result$Calculation3$ = _result$Calculation3[0]) === null || _result$Calculation3$ === void 0 ? void 0 : _result$Calculation3$.taxHeadEstimates, "category");
           const taxHeadEstimates = (result === null || result === void 0 ? void 0 : (_result$Calculation4 = result.Calculation) === null || _result$Calculation4 === void 0 ? void 0 : (_result$Calculation4$ = _result$Calculation4[0]) === null || _result$Calculation4$ === void 0 ? void 0 : _result$Calculation4$.taxHeadEstimates) || [];
-          const values = taxHeadEstimates.length > 0 ? taxHeadEstimates.map(data => {
-            var _data$status;
-            return {
-              title: data === null || data === void 0 ? void 0 : data.taxHeadCode,
-              value: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.estimateAmount).toFixed(2), data !== null && data !== void 0 && data.status ? /*#__PURE__*/React.createElement("span", {
-                style: {
-                  color: (data === null || data === void 0 ? void 0 : (_data$status = data.status) === null || _data$status === void 0 ? void 0 : _data$status.toUpperCase()) === "PAID" ? "green" : "red"
-                }
-              }, " (" + (data === null || data === void 0 ? void 0 : data.status) + ")") : "")
-            };
-          }) : [{
+          const values = taxHeadEstimates.length > 0 ? taxHeadEstimates.map(data => ({
+            title: data === null || data === void 0 ? void 0 : data.taxHeadCode,
+            value: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.estimateAmount).toFixed(2))
+          })) : [{
             title: "WS_APPLICATION_FEE_HEADER",
             value: (_result$Calculation5 = result.Calculation) === null || _result$Calculation5 === void 0 ? void 0 : (_result$Calculation5$ = _result$Calculation5[0]) === null || _result$Calculation5$ === void 0 ? void 0 : _result$Calculation5$.fee
           }, {
@@ -15643,17 +15743,7 @@ const WSFeeEstimation = _ref => {
     } : {
       color: "#2E9E8F"
     }
-  }))), wsAdditionalDetails !== null && wsAdditionalDetails !== void 0 && (_wsAdditionalDetails$18 = wsAdditionalDetails.additionalDetails) !== null && _wsAdditionalDetails$18 !== void 0 && _wsAdditionalDetails$18.isAdhocRebate ? /*#__PURE__*/React.createElement("div", {
-    onClick: e => {
-      showPopUp(true);
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "add-details-link hover-button",
-    style: {
-      cursor: "pointer",
-      color: "#a82227"
-    }
-  }, t("WS_PAYMENT_ADD_REBATE_PENALTY"))) : null, popup && /*#__PURE__*/React.createElement(Modal, {
+  }))), popup && /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading, {
       label: t("PT_ADD_REBATE_PENALITY")
     }),
@@ -15933,17 +16023,10 @@ const ViewBreakup = _ref => {
       if (rows === void 0) {
         rows = [];
       }
-      return rows.map(row => {
-        var _row$status;
-        return {
-          title: t(row === null || row === void 0 ? void 0 : row.taxHeadCode),
-          value: /*#__PURE__*/React.createElement("span", null, "\u20B9" + formatNumber(row === null || row === void 0 ? void 0 : row.amount), row !== null && row !== void 0 && row.status ? /*#__PURE__*/React.createElement("span", {
-            style: {
-              color: (row === null || row === void 0 ? void 0 : (_row$status = row.status) === null || _row$status === void 0 ? void 0 : _row$status.toUpperCase()) === "PAID" ? "green" : "red"
-            }
-          }, " (" + (row === null || row === void 0 ? void 0 : row.status) + ")") : "")
-        };
-      });
+      return rows.map(row => ({
+        title: t(row === null || row === void 0 ? void 0 : row.taxHeadCode),
+        value: /*#__PURE__*/React.createElement("span", null, "\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(" ") || "-";
@@ -16222,70 +16305,49 @@ const ViewBreakup = _ref => {
     style: {
       margin: "10px 0px"
     }
-  }, 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 => {
-    var _data$status;
-    return /*#__PURE__*/React.createElement(Row, {
-      className: "border-none",
-      rowContainerStyle: {
-        margin: "0px"
-      },
-      labelStyle: {
-        width: "50%"
-      },
-      key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
-      label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
-      text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0, data !== null && data !== void 0 && data.status ? /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: (data === null || data === void 0 ? void 0 : (_data$status = data.status) === null || _data$status === void 0 ? void 0 : _data$status.toUpperCase()) === "PAID" ? "green" : "red"
-        }
-      }, " (" + (data === null || data === void 0 ? void 0 : data.status) + ")") : ""),
-      textStyle: {
-        textAlign: "right"
-      }
-    });
-  }), 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 => {
-    var _data$status2;
-    return /*#__PURE__*/React.createElement(Row, {
-      className: "border-none",
-      rowContainerStyle: {
-        margin: "0px"
-      },
-      labelStyle: {
-        width: "50%"
-      },
-      key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
-      label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
-      text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0, data !== null && data !== void 0 && data.status ? /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: (data === null || data === void 0 ? void 0 : (_data$status2 = data.status) === null || _data$status2 === void 0 ? void 0 : _data$status2.toUpperCase()) === "PAID" ? "green" : "red"
-        }
-      }, " (" + (data === null || data === void 0 ? void 0 : data.status) + ")") : ""),
-      textStyle: {
-        textAlign: "right"
-      }
-    });
-  }), 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 => {
-    var _data$status3;
-    return /*#__PURE__*/React.createElement(Row, {
-      className: "border-none",
-      rowContainerStyle: {
-        margin: "0px"
-      },
-      labelStyle: {
-        width: "50%"
-      },
-      key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
-      label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
-      text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0, data !== null && data !== void 0 && data.status ? /*#__PURE__*/React.createElement("span", {
-        style: {
-          color: (data === null || data === void 0 ? void 0 : (_data$status3 = data.status) === null || _data$status3 === void 0 ? void 0 : _data$status3.toUpperCase()) === "PAID" ? "green" : "red"
-        }
-      }, " (" + (data === null || data === void 0 ? void 0 : data.status) + ")") : ""),
-      textStyle: {
-        textAlign: "right"
-      }
-    });
-  }), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
+  }, 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.createElement(Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
+    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
+    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
+    textStyle: {
+      textAlign: "right"
+    }
+  })), 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.createElement(Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
+    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
+    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
+    textStyle: {
+      textAlign: "right"
+    }
+  })), 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.createElement(Row, {
+    className: "border-none",
+    rowContainerStyle: {
+      margin: "0px"
+    },
+    labelStyle: {
+      width: "50%"
+    },
+    key: "" + (data === null || data === void 0 ? void 0 : data.taxHeadCode),
+    label: "" + t("" + (data === null || data === void 0 ? void 0 : data.taxHeadCode)),
+    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(data === null || data === void 0 ? void 0 : data.amount) || 0),
+    textStyle: {
+      textAlign: "right"
+    }
+  })), propertyRows.length > 0 && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
@@ -16903,6 +16965,7 @@ function ApplicationDetailsContent(_ref) {
     workflowDetails = _ref.workflowDetails,
     isDataLoading = _ref.isDataLoading,
     applicationData = _ref.applicationData,
+    businessService = _ref.businessService,
     timelineStatusPrefix = _ref.timelineStatusPrefix,
     _ref$showTimeLine = _ref.showTimeLine,
     showTimeLine = _ref$showTimeLine === void 0 ? true : _ref$showTimeLine,
@@ -17178,7 +17241,7 @@ function ApplicationDetailsContent(_ref) {
     infoClickInfoLabel: getClickInfoDetails(),
     infoClickInfoLabel1: getClickInfoDetails1()
   }) : null, applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationDetails) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.map((detail, index) => {
-    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _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;
+    var _detail$title, _detail$values, _detail$additionalDet, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _detail$additionalDet2, _applicationDetails$a5, _applicationDetails$a6, _detail$additionalDet3, _detail$additionalDet4, _detail$additionalDet5, _detail$additionalDet6, _detail$additionalDet7, _detail$additionalDet8, _detail$additionalDet9, _workflowDetails$data, _workflowDetails$data2, _detail$additionalDet0, _detail$additionalDet1, _detail$additionalDet10, _detail$additionalDet11, _detail$additionalDet12, _detail$additionalDet13, _detail$additionalDet14, _detail$additionalDet15, _detail$additionalDet16, _detail$additionalDet17, _detail$additionalDet18, _detail$additionalDet19, _applicationData$appl, _detail$additionalDet20, _applicationData$appl2, _detail$additionalDet21, _detail$additionalDet22, _detail$additionalDet23, _detail$additionalDet24, _detail$additionalDet25, _detail$additionalDet26, _detail$additionalDet27, _detail$additionalDet28, _detail$additionalDet29;
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, /*#__PURE__*/React.createElement("div", {
@@ -17409,9 +17472,9 @@ function ApplicationDetailsContent(_ref) {
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React.createElement(PropertyDocuments, {
       documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
       applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(DueVerification, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl = applicationData.applicationType) !== null && _applicationData$appl !== void 0 && _applicationData$appl.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_APPROVAL_FOR_CONNECTION", "PENDING_FOR_CONNECTION_ACTIVATION", "PENDING_FOR_RECONNECTION", "PENDING_FOR_DUE_VERIFICATION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(DueVerification, {
       applicationData: applicationData
-    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(InspectionInformation, {
+    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && !(applicationData !== null && applicationData !== void 0 && (_applicationData$appl2 = applicationData.applicationType) !== null && _applicationData$appl2 !== void 0 && _applicationData$appl2.includes("MUTATION")) && !(businessService !== null && businessService !== void 0 && businessService.includes("MUTATION")) && ["PENDING_FOR_FIELD_INSPECTION", "PENDING_FOR_BILLING_CLERK_REVIEW", "PENDING_FOR_ASO_APPROVAL", "PENDING_FOR_ZRO_APPROVAL", "PENDING_FOR_AE_APPROVAL", "PENDING_FOR_FINAL_PAYMENT", "CONNECTION_ACTIVATED", "PENDING_FOR_CONNECTION_ACTIVATION"].includes(applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) && /*#__PURE__*/React.createElement(InspectionInformation, {
       applicationData: applicationData
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React.createElement(PropertyEstimates, {
       taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
@@ -18090,7 +18153,7 @@ const ViewProperty = () => {
     workflowDetails: workflowDetails,
     applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
     moduleCode: "PT"
-  }), window.location.href.includes("redirectToUrl") && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.status) !== "INACTIVE" && /*#__PURE__*/React.createElement(ActionBar, {
+  }), window.location.href.includes("redirectToUrl") && window.location.href.includes("redirectToUrl=null") === false && window.location.href.includes("redirectToUrl=undefined") === false && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.status) !== "INACTIVE" && /*#__PURE__*/React.createElement(ActionBar, {
     style: {
       display: "flex",
       justifyContent: "flex-end",
@@ -18110,26 +18173,42 @@ const App = _ref => {
   const _useRouteMatch = useRouteMatch(),
     path = _useRouteMatch.path,
     match = _objectWithoutPropertiesLoose(_useRouteMatch, _excluded$1);
+  const location = useLocation();
   const getBreadcrumbLabel = () => {
     const pathname = location.pathname;
     if (pathname.includes("/commonpt/search")) return "SEARCH_PROPERTY";else if (pathname.includes("/view-property")) return "PT_PROPERTY_INFORMATION";
     if (pathname.includes("/property/new-application")) return "PT_CREATE_PROPERTY";
     return "ES_COMMON_INBOX";
   };
-  const breadcrumbs = [{
-    icon: HomeIcon,
-    path: "/digit-ui/employee"
-  }, {
-    label: t(getBreadcrumbLabel())
-  }];
+  const getDynamicBreadcrumbs = () => {
+    var _location$state;
+    let crumbs = [{
+      path: "/digit-ui/citizen",
+      icon: HomeIcon
+    }];
+    crumbs.push({
+      path: "/digit-ui/citizen/commonpt-home",
+      label: t("ACTION_TEST_COMMON_PROPERTY_TAX")
+    });
+    if ((_location$state = location.state) !== null && _location$state !== void 0 && _location$state.fromSearch) {
+      crumbs.push({
+        label: t("ES_COMMON_INBOX"),
+        onClick: () => window.history.back()
+      });
+    }
+    crumbs.push({
+      label: t(getBreadcrumbLabel())
+    });
+    return crumbs;
+  };
   return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container employee-app-container form-container"
   }, /*#__PURE__*/React.createElement(ModuleHeader, {
     leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
       className: "icon"
-    }), "Back"),
+    }), t("CS_COMMON_BACK")),
     onLeftClick: () => window.history.back(),
-    breadcrumbs: breadcrumbs
+    breadcrumbs: getDynamicBreadcrumbs()
   }), /*#__PURE__*/React.createElement("div", {
     className: "employee-form"
   }, /*#__PURE__*/React.createElement("div", {
@@ -20541,7 +20620,9 @@ const CommonPTModule = _ref => {
     url = _useRouteMatch.url;
   const moduleCode = ["PT", "ws"];
   const language = Digit.StoreData.getCurrentLanguage();
+  const stateCode = Digit.ULBService.getStateId();
   Digit.Services.useStore({
+    stateCode,
     moduleCode,
     language
   });