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

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { TickMark, ArrowDown, ViewsIcon, TextInput, MobileNumber, CardLabelError, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Modal, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CitizenHomeCard, CHBIcon, PropertyHouse, HomeIcon, KeyNote, CardHeader, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, Banner, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, CustomNameDropdown, MultiSelectDropdown, CollapsibleCardPage as CollapsibleCardPage$1, LabelFieldPair, AddIcon, ToggleSwitch, Menu, CheckSvg, LayoutWrapper, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, RemoveableTag, FormComposer, PDFSvg, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ButtonSelector, LocationIcon, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
+import { TickMark, ArrowDown, ViewsIcon, TextInput, MobileNumber, CardLabelError, Dropdown, DatePicker, SubmitBar, Card, Table, Loader, Modal, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, CitizenHomeCard, CHBIcon, PropertyHouse, HomeIcon, KeyNote, CardHeader, FormStep, CardLabel, RadioButtons, UploadFile, TextArea, CheckBox, CardSubHeader, StatusTable, Row, GenericFileIcon, LinkButton, EditIcon, CardText, Banner, EmployeeModuleCard, CloseSvg, Label, LinkLabel, ActionBar, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, CustomNameDropdown, MultiSelectDropdown, CollapsibleCardPage as CollapsibleCardPage$1, LabelFieldPair, AddIcon, ToggleSwitch, Menu, CheckSvg, LayoutWrapper, Header, TelePhone, DisplayPhotos, CardSectionHeader, CheckPoint, ConnectingCheckPoints, MultiLink, RemoveableTag, FormComposer, PDFSvg, MultiUploadWrapper, Close as Close$g, BreakLine, InfoBannerIcon, ButtonSelector, LocationIcon, PTIcon, ApplicantDetails, AddressDetails } from '@djb25/digit-ui-react-components';
 import React, { useRef, useEffect, useState, useCallback, useMemo, Fragment, useReducer } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -2864,6 +2864,7 @@ const BannerPicker = props => {
   });
 };
 const WTAcknowledgement = _ref => {
+  var _mutation$data2, _mutation$data3, _mutation$data4, _mutation$data4$data, _mutation$data4$data$, _mutation$data4$data$2, _mutation$error, _mutation$error$respo, _mutation$error$respo2, _mutation$error$respo3, _mutation$error$respo4;
   let data = _ref.data,
     onSuccess = _ref.onSuccess;
   const _useTranslation2 = useTranslation(),
@@ -2880,9 +2881,15 @@ const WTAcknowledgement = _ref => {
       data.tenantId = tenantId;
       let formdata = waterTankerPayload(data);
       mutation.mutate(formdata, {
-        onSuccess
+        onSuccess: res => {
+          if (!(res !== null && res !== void 0 && res.error)) {
+            onSuccess();
+          }
+        }
       });
-    } catch (err) {}
+    } catch (err) {
+      console.error("WT payload construction error:", err);
+    }
   }, []);
   Digit.Hooks.useCustomBackNavigation({
     redirectPath: "${APPLICATION_PATH}/citizen"
@@ -2900,21 +2907,29 @@ const WTAcknowledgement = _ref => {
       return Promise.reject(e);
     }
   };
+  const isMutationSuccess = mutation.isSuccess && !((_mutation$data2 = mutation.data) !== null && _mutation$data2 !== void 0 && _mutation$data2.error);
+  const isMutationError = mutation.isError || mutation.isSuccess && ((_mutation$data3 = mutation.data) === null || _mutation$data3 === void 0 ? void 0 : _mutation$data3.error);
   return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, {
     className: "vehicle-details-card"
   }, /*#__PURE__*/React.createElement(BannerPicker, {
     t: t,
     data: mutation.data,
-    isSuccess: mutation.isSuccess,
+    isSuccess: isMutationSuccess,
     isLoading: mutation.isIdle || mutation.isLoading
-  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+  }), isMutationError && /*#__PURE__*/React.createElement(CardText, {
+    style: {
+      color: "#d4351c",
+      textAlign: "center",
+      marginTop: "8px"
+    }
+  }, ((_mutation$data4 = mutation.data) === null || _mutation$data4 === void 0 ? void 0 : (_mutation$data4$data = _mutation$data4.data) === null || _mutation$data4$data === void 0 ? void 0 : (_mutation$data4$data$ = _mutation$data4$data.Errors) === null || _mutation$data4$data$ === void 0 ? void 0 : (_mutation$data4$data$2 = _mutation$data4$data$[0]) === null || _mutation$data4$data$2 === void 0 ? void 0 : _mutation$data4$data$2.message) || ((_mutation$error = mutation.error) === null || _mutation$error === void 0 ? void 0 : (_mutation$error$respo = _mutation$error.response) === null || _mutation$error$respo === void 0 ? void 0 : (_mutation$error$respo2 = _mutation$error$respo.data) === null || _mutation$error$respo2 === void 0 ? void 0 : (_mutation$error$respo3 = _mutation$error$respo2.Errors) === null || _mutation$error$respo3 === void 0 ? void 0 : (_mutation$error$respo4 = _mutation$error$respo3[0]) === null || _mutation$error$respo4 === void 0 ? void 0 : _mutation$error$respo4.message) || t("WT_SUBMISSION_FAILED_MESSAGE")), /*#__PURE__*/React.createElement(StatusTable, null, isMutationSuccess && /*#__PURE__*/React.createElement(Row, {
     rowContainerStyle: rowContainerStyle,
     last: true,
     textStyle: {
       whiteSpace: "pre",
       width: "60%"
     }
-  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+  })), isMutationSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("WT_DOWNLOAD_ACKNOWLEDGEMENT"),
     onSubmit: handleDownloadPdf
   }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
@@ -18404,6 +18419,9 @@ const WTEditApplicationModal = _ref => {
     }),
     formData = _useState[0],
     setFormData = _useState[1];
+  const _useState2 = useState(null),
+    showToast = _useState2[0],
+    setShowToast = _useState2[1];
   const _Digit$Hooks$fsm$useV = Digit.Hooks.fsm.useVendorSearch({
       tenantId,
       filters: _extends({}, getFirstAvailable(formData === null || formData === void 0 ? void 0 : (_formData$dispatchDet = formData.dispatchDetails) === null || _formData$dispatchDet === void 0 ? void 0 : (_formData$dispatchDet2 = _formData$dispatchDet.fillingPoint) === null || _formData$dispatchDet2 === void 0 ? void 0 : _formData$dispatchDet2.id, formData === null || formData === void 0 ? void 0 : (_formData$dispatchDet3 = formData.dispatchDetails) === null || _formData$dispatchDet3 === void 0 ? void 0 : (_formData$dispatchDet4 = _formData$dispatchDet3.fillingPoint) === null || _formData$dispatchDet4 === void 0 ? void 0 : _formData$dispatchDet4.fillingPointId, formData === null || formData === void 0 ? void 0 : (_formData$dispatchDet5 = formData.dispatchDetails) === null || _formData$dispatchDet5 === void 0 ? void 0 : (_formData$dispatchDet6 = _formData$dispatchDet5.fillingPoint) === null || _formData$dispatchDet6 === void 0 ? void 0 : _formData$dispatchDet6.bookingId) ? {
@@ -18693,12 +18711,18 @@ const WTEditApplicationModal = _ref => {
         window.location.reload();
       },
       onError: error => {
+        var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
         console.error("Update Error:", error);
+        setShowToast({
+          isError: true,
+          label: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.message) || t("WT_APPLICATION_UPDATE_FAILED")
+        });
+        setTimeout(() => setShowToast(null), 5000);
       }
     });
   };
   if (mutation.isLoading) return /*#__PURE__*/React.createElement(Loader, null);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement("h1", {
       className: "heading-m"
     }, t("WT_EDIT_APPLICATION_DETAILS")),
@@ -19105,7 +19129,11 @@ const WTEditApplicationModal = _ref => {
     })),
     optionKey: "name",
     t: t
-  }))))));
+  })))))), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: showToast.isError,
+    label: showToast.label,
+    onClose: () => setShowToast(null)
+  }));
 };
 
 const TripImages = _ref => {
@@ -22112,14 +22140,6 @@ 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) || "";
-      const inspectionInformationData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
-      if (inspectionInformationData) {
-        try {
-          applicationData.inspectionInformation = JSON.parse(inspectionInformationData);
-        } catch (e) {
-          console.error("Error parsing inspection information data", e);
-        }
-      }
       ((_applicationData12 = applicationData) === null || _applicationData12 === void 0 ? void 0 : _applicationData12.serviceType) == "WATER" ? submitAction({
         WaterConnection: applicationData,
         disconnectRequest: false,
@@ -25831,29 +25851,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), /*#__PURE__*/React.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT1",
-    label: "" + t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
-    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.fee) || 0),
-    textStyle: {
-      textAlign: "right",
-      fontWeight: "700",
-      fontSize: "24px"
-    }
-  }), /*#__PURE__*/React.createElement(CardSectionHeader, {
+  })), /*#__PURE__*/React.createElement(CardSectionHeader, {
     style: {
       margin: "10px 0px"
     }
@@ -25871,29 +25869,7 @@ const ViewBreakup = _ref => {
     textStyle: {
       textAlign: "right"
     }
-  })), /*#__PURE__*/React.createElement("hr", {
-    style: {
-      color: "#cccccc",
-      backgroundColor: "#cccccc",
-      marginBottom: "10px"
-    }
-  }), /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    rowContainerStyle: {
-      margin: "0px"
-    },
-    labelStyle: {
-      width: "50%"
-    },
-    key: "PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT2",
-    label: "" + t("PDF_STATIC_LABEL_CONSOLIDATED_TLAPP_TOTAL_AMOUNT"),
-    text: /*#__PURE__*/React.createElement("span", null, "\u20B9", Number(breakUpData === null || breakUpData === void 0 ? void 0 : breakUpData.charge) || 0),
-    textStyle: {
-      textAlign: "right",
-      fontWeight: "700",
-      fontSize: "24px"
-    }
-  }), 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.createElement(Row, {
+  })), 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.createElement(Row, {
     className: "border-none",
     rowContainerStyle: {
       margin: "0px"
@@ -26225,7 +26201,8 @@ const DueVerification = _ref => {
       return newData;
     });
   }, [applicationData]);
-  const isPendingApproval = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION";
+  const isPendingApproval = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
+  const isActivation = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
   const columns = useMemo(() => {
     const baseColumns = [{
       Header: t("K No."),
@@ -26250,7 +26227,7 @@ const DueVerification = _ref => {
         Cell: _ref2 => {
           let row = _ref2.row,
             value = _ref2.value;
-          return /*#__PURE__*/React.createElement(TextInput, {
+          return isActivation ? value || "-" : /*#__PURE__*/React.createElement(TextInput, {
             style: {
               marginBottom: "0px",
               minWidth: "150px"
@@ -26297,7 +26274,7 @@ const DueVerification = _ref => {
       fontWeight: "bold",
       marginBottom: "16px"
     }
-  }, t("Due Verification")), /*#__PURE__*/React.createElement("div", {
+  }, t("Due Verification")), !isActivation && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       alignItems: "flex-end",
@@ -26344,25 +26321,19 @@ const DueVerification = _ref => {
     }
   }, /*#__PURE__*/React.createElement(AddIcon, null)))), tableData.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: "30px",
+      marginTop: "15px",
       overflowX: "auto"
     }
   }, /*#__PURE__*/React.createElement(Table, {
     className: "customTable table-fixed-first-column table-border-style",
     t: t,
+    totalRecords: tableData.length,
     disableSort: false,
     autoSort: true,
-    manualPagination: false,
-    isPaginationRequired: false,
+    manualPagination: true,
+    isPaginationRequired: true,
     data: tableData,
-    columns: columns,
-    getCellProps: cellInfo => {
-      return {
-        style: {
-          padding: "12px"
-        }
-      };
-    }
+    columns: columns
   })));
 };
 
@@ -26380,30 +26351,35 @@ const InspectionInformation = _ref => {
     inspectorName = _useState3[0],
     setInspectorName = _useState3[1];
   useEffect(() => {
-    const savedData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
-    if (savedData) {
-      try {
-        const parsed = JSON.parse(savedData);
-        setInspectionType(parsed.inspectionType || null);
-        setInspectionDate(parsed.inspectionDate || "");
-        setInspectorName(parsed.inspectorName || "");
-      } catch (e) {
-        console.error("Error parsing inspection information data", e);
-      }
-    } else if (applicationData !== null && applicationData !== void 0 && applicationData.inspectionInformation) {
-      setInspectionType(applicationData.inspectionInformation.inspectionType || null);
-      setInspectionDate(applicationData.inspectionInformation.inspectionDate || "");
+    if (applicationData !== null && applicationData !== void 0 && applicationData.inspectionInformation) {
+      const apiInspectionType = applicationData.inspectionInformation.inspectionType;
+      let matchedType = null;
+      const inspectionCode = typeof apiInspectionType === "object" && apiInspectionType !== null ? apiInspectionType.code : apiInspectionType;
+      if (inspectionCode) {
+        matchedType = [{
+          i18nKey: "ES_COMMON_SELECT",
+          code: ""
+        }, {
+          i18nKey: "New Connection Visit",
+          code: "new_connection_visit"
+        }].find(opt => opt.code === inspectionCode || opt.i18nKey === inspectionCode);
+      }
+      setInspectionType(matchedType || null);
+      let dateValue = applicationData.inspectionInformation.inspectionDate || "";
+      if (dateValue && typeof dateValue === 'number') {
+        const d = new Date(dateValue);
+        dateValue = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, '0') + "-" + String(d.getDate()).padStart(2, '0');
+      } else if (dateValue && typeof dateValue === 'string' && dateValue.includes('-')) ; else if (dateValue) {
+        const num = Number(dateValue);
+        if (!isNaN(num)) {
+          const d = new Date(num);
+          dateValue = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, '0') + "-" + String(d.getDate()).padStart(2, '0');
+        }
+      }
+      setInspectionDate(dateValue);
       setInspectorName(applicationData.inspectionInformation.inspectorName || "");
-      sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify(applicationData.inspectionInformation));
     }
   }, [applicationData]);
-  useEffect(() => {
-    sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify({
-      inspectionType,
-      inspectionDate,
-      inspectorName
-    }));
-  }, [inspectionType, inspectionDate, inspectorName]);
   const inspectionTypeOptions = [{
     i18nKey: "ES_COMMON_SELECT",
     code: ""
@@ -26411,6 +26387,23 @@ const InspectionInformation = _ref => {
     i18nKey: "New Connection Visit",
     code: "new_connection_visit"
   }];
+  const handleInspectionTypeChange = selected => {
+    setInspectionType(selected);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectionType = selected;
+  };
+  const handleInspectionDateChange = date => {
+    setInspectionDate(date);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectionDate = date ? new Date(date).getTime() : null;
+  };
+  const handleInspectorNameChange = e => {
+    const val = e.target.value;
+    setInspectorName(val);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectorName = val;
+  };
+  const readOnly = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "20px"
@@ -26430,79 +26423,53 @@ const InspectionInformation = _ref => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspection Type"), " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
+  }, t("Inspection Type")), /*#__PURE__*/React.createElement(Dropdown, {
     option: inspectionTypeOptions,
     optionKey: "i18nKey",
-    id: "inspectionType",
     selected: inspectionType,
-    select: setInspectionType,
+    select: handleInspectionTypeChange,
     t: t,
-    style: {
-      width: "100%"
-    }
+    disable: readOnly
   })), /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspection Date"), " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(DatePicker, {
+  }, t("Inspection Date")), /*#__PURE__*/React.createElement(DatePicker, {
     date: inspectionDate,
-    onChange: setInspectionDate,
-    style: {
-      width: "100%"
-    }
+    onChange: handleInspectionDateChange,
+    disabled: readOnly
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      gap: "20px",
-      marginBottom: "20px",
-      flexWrap: "wrap"
+      display: "flex"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspector Name"), " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  }, t("Inspector Name")), /*#__PURE__*/React.createElement(TextInput, {
     value: inspectorName,
-    onChange: e => setInspectorName(e.target.value),
-    style: {
-      width: "50%",
-      marginBottom: "0"
-    }
+    onChange: handleInspectorNameChange,
+    disabled: readOnly
   }))));
 };
 
@@ -27018,9 +26985,11 @@ 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) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION") && /*#__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 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_RECONNECTION") && /*#__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) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION") && /*#__PURE__*/React.createElement(InspectionInformation, {
       applicationData: applicationData
-    }), (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 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" && /*#__PURE__*/React.createElement(InspectionInformation, null), (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, {
+    }), (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
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
@@ -28668,6 +28637,7 @@ const BannerPicker$1 = props => {
   });
 };
 const MTAcknowledgement = _ref => {
+  var _mutation$data2, _mutation$data3, _mutation$data4, _mutation$data4$data, _mutation$data4$data$, _mutation$data4$data$2, _mutation$error, _mutation$error$respo, _mutation$error$respo2, _mutation$error$respo3, _mutation$error$respo4;
   let data = _ref.data,
     onSuccess = _ref.onSuccess;
   const _useTranslation2 = useTranslation(),
@@ -28684,9 +28654,15 @@ const MTAcknowledgement = _ref => {
       data.tenantId = tenantId;
       let formdata = mobileToiletPayload(data);
       mutation.mutate(formdata, {
-        onSuccess
+        onSuccess: res => {
+          if (!(res !== null && res !== void 0 && res.error)) {
+            onSuccess();
+          }
+        }
       });
-    } catch (err) {}
+    } catch (err) {
+      console.error("MT payload construction error:", err);
+    }
   }, []);
   Digit.Hooks.useCustomBackNavigation({
     redirectPath: '${APPLICATION_PATH}/citizen'
@@ -28704,19 +28680,27 @@ const MTAcknowledgement = _ref => {
       return Promise.reject(e);
     }
   };
+  const isMutationSuccess = mutation.isSuccess && !((_mutation$data2 = mutation.data) !== null && _mutation$data2 !== void 0 && _mutation$data2.error);
+  const isMutationError = mutation.isError || mutation.isSuccess && ((_mutation$data3 = mutation.data) === null || _mutation$data3 === void 0 ? void 0 : _mutation$data3.error);
   return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(BannerPicker$1, {
     t: t,
     data: mutation.data,
-    isSuccess: mutation.isSuccess,
+    isSuccess: isMutationSuccess,
     isLoading: mutation.isIdle || mutation.isLoading
-  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+  }), isMutationError && /*#__PURE__*/React.createElement(CardText, {
+    style: {
+      color: "#d4351c",
+      textAlign: "center",
+      marginTop: "8px"
+    }
+  }, ((_mutation$data4 = mutation.data) === null || _mutation$data4 === void 0 ? void 0 : (_mutation$data4$data = _mutation$data4.data) === null || _mutation$data4$data === void 0 ? void 0 : (_mutation$data4$data$ = _mutation$data4$data.Errors) === null || _mutation$data4$data$ === void 0 ? void 0 : (_mutation$data4$data$2 = _mutation$data4$data$[0]) === null || _mutation$data4$data$2 === void 0 ? void 0 : _mutation$data4$data$2.message) || ((_mutation$error = mutation.error) === null || _mutation$error === void 0 ? void 0 : (_mutation$error$respo = _mutation$error.response) === null || _mutation$error$respo === void 0 ? void 0 : (_mutation$error$respo2 = _mutation$error$respo.data) === null || _mutation$error$respo2 === void 0 ? void 0 : (_mutation$error$respo3 = _mutation$error$respo2.Errors) === null || _mutation$error$respo3 === void 0 ? void 0 : (_mutation$error$respo4 = _mutation$error$respo3[0]) === null || _mutation$error$respo4 === void 0 ? void 0 : _mutation$error$respo4.message) || t("MT_SUBMISSION_FAILED_MESSAGE")), /*#__PURE__*/React.createElement(StatusTable, null, isMutationSuccess && /*#__PURE__*/React.createElement(Row, {
     rowContainerStyle: rowContainerStyle$1,
     last: true,
     textStyle: {
       whiteSpace: "pre",
       width: "60%"
     }
-  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+  })), isMutationSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("MT_DOWNLOAD_ACKNOWLEDGEMENT"),
     onSubmit: handleDownloadPdf
   }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
@@ -28838,6 +28822,7 @@ const BannerPicker$2 = props => {
   });
 };
 const TPAcknowledgement = _ref => {
+  var _mutation$data2, _mutation$data3, _mutation$data4, _mutation$data4$data, _mutation$data4$data$, _mutation$data4$data$2, _mutation$error, _mutation$error$respo, _mutation$error$respo2, _mutation$error$respo3, _mutation$error$respo4;
   let data = _ref.data,
     onSuccess = _ref.onSuccess;
   const _useTranslation2 = useTranslation(),
@@ -28854,9 +28839,15 @@ const TPAcknowledgement = _ref => {
       data.tenantId = tenantId;
       let formdata = treePruningPayload(data);
       mutation.mutate(formdata, {
-        onSuccess
+        onSuccess: res => {
+          if (!(res !== null && res !== void 0 && res.error)) {
+            onSuccess();
+          }
+        }
       });
-    } catch (err) {}
+    } catch (err) {
+      console.error("TP payload construction error:", err);
+    }
   }, []);
   Digit.Hooks.useCustomBackNavigation({
     redirectPath: '${APPLICATION_PATH}/citizen'
@@ -28874,19 +28865,27 @@ const TPAcknowledgement = _ref => {
       return Promise.reject(e);
     }
   };
+  const isMutationSuccess = mutation.isSuccess && !((_mutation$data2 = mutation.data) !== null && _mutation$data2 !== void 0 && _mutation$data2.error);
+  const isMutationError = mutation.isError || mutation.isSuccess && ((_mutation$data3 = mutation.data) === null || _mutation$data3 === void 0 ? void 0 : _mutation$data3.error);
   return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(BannerPicker$2, {
     t: t,
     data: mutation.data,
-    isSuccess: mutation.isSuccess,
+    isSuccess: isMutationSuccess,
     isLoading: mutation.isIdle || mutation.isLoading
-  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+  }), isMutationError && /*#__PURE__*/React.createElement(CardText, {
+    style: {
+      color: "#d4351c",
+      textAlign: "center",
+      marginTop: "8px"
+    }
+  }, ((_mutation$data4 = mutation.data) === null || _mutation$data4 === void 0 ? void 0 : (_mutation$data4$data = _mutation$data4.data) === null || _mutation$data4$data === void 0 ? void 0 : (_mutation$data4$data$ = _mutation$data4$data.Errors) === null || _mutation$data4$data$ === void 0 ? void 0 : (_mutation$data4$data$2 = _mutation$data4$data$[0]) === null || _mutation$data4$data$2 === void 0 ? void 0 : _mutation$data4$data$2.message) || ((_mutation$error = mutation.error) === null || _mutation$error === void 0 ? void 0 : (_mutation$error$respo = _mutation$error.response) === null || _mutation$error$respo === void 0 ? void 0 : (_mutation$error$respo2 = _mutation$error$respo.data) === null || _mutation$error$respo2 === void 0 ? void 0 : (_mutation$error$respo3 = _mutation$error$respo2.Errors) === null || _mutation$error$respo3 === void 0 ? void 0 : (_mutation$error$respo4 = _mutation$error$respo3[0]) === null || _mutation$error$respo4 === void 0 ? void 0 : _mutation$error$respo4.message) || t("TP_SUBMISSION_FAILED_MESSAGE")), /*#__PURE__*/React.createElement(StatusTable, null, isMutationSuccess && /*#__PURE__*/React.createElement(Row, {
     rowContainerStyle: rowContainerStyle$2,
     last: true,
     textStyle: {
       whiteSpace: "pre",
       width: "60%"
     }
-  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+  })), isMutationSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("TP_DOWNLOAD_ACKNOWLEDGEMENT"),
     onSubmit: handleDownloadPdf
   }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
@@ -30088,6 +30087,7 @@ const BannerPicker$3 = props => {
   });
 };
 const WTEmergencyFixedPointAcknowledgement = _ref => {
+  var _mutation$data2, _mutation$data3, _mutation$data4, _mutation$data4$data, _mutation$data4$data$, _mutation$data4$data$2, _mutation$error, _mutation$error$respo, _mutation$error$respo2, _mutation$error$respo3, _mutation$error$respo4;
   let data = _ref.data,
     onSuccess = _ref.onSuccess;
   const _useTranslation2 = useTranslation(),
@@ -30104,9 +30104,15 @@ const WTEmergencyFixedPointAcknowledgement = _ref => {
       data.tenantId = tenantId;
       let formdata = emergencyWaterTankerPayload(data);
       mutation.mutate(formdata, {
-        onSuccess
+        onSuccess: res => {
+          if (!(res !== null && res !== void 0 && res.error)) {
+            onSuccess();
+          }
+        }
       });
-    } catch (err) {}
+    } catch (err) {
+      console.error("Emergency WT payload construction error:", err);
+    }
   }, []);
   Digit.Hooks.useCustomBackNavigation({
     redirectPath: "${APPLICATION_PATH}/citizen"
@@ -30124,21 +30130,29 @@ const WTEmergencyFixedPointAcknowledgement = _ref => {
       return Promise.reject(e);
     }
   };
+  const isMutationSuccess = mutation.isSuccess && !((_mutation$data2 = mutation.data) !== null && _mutation$data2 !== void 0 && _mutation$data2.error);
+  const isMutationError = mutation.isError || mutation.isSuccess && ((_mutation$data3 = mutation.data) === null || _mutation$data3 === void 0 ? void 0 : _mutation$data3.error);
   return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, {
     className: "vehicle-details-card"
   }, /*#__PURE__*/React.createElement(BannerPicker$3, {
     t: t,
     data: mutation.data,
-    isSuccess: mutation.isSuccess,
+    isSuccess: isMutationSuccess,
     isLoading: mutation.isIdle || mutation.isLoading
-  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+  }), isMutationError && /*#__PURE__*/React.createElement(CardText, {
+    style: {
+      color: "#d4351c",
+      textAlign: "center",
+      marginTop: "8px"
+    }
+  }, ((_mutation$data4 = mutation.data) === null || _mutation$data4 === void 0 ? void 0 : (_mutation$data4$data = _mutation$data4.data) === null || _mutation$data4$data === void 0 ? void 0 : (_mutation$data4$data$ = _mutation$data4$data.Errors) === null || _mutation$data4$data$ === void 0 ? void 0 : (_mutation$data4$data$2 = _mutation$data4$data$[0]) === null || _mutation$data4$data$2 === void 0 ? void 0 : _mutation$data4$data$2.message) || ((_mutation$error = mutation.error) === null || _mutation$error === void 0 ? void 0 : (_mutation$error$respo = _mutation$error.response) === null || _mutation$error$respo === void 0 ? void 0 : (_mutation$error$respo2 = _mutation$error$respo.data) === null || _mutation$error$respo2 === void 0 ? void 0 : (_mutation$error$respo3 = _mutation$error$respo2.Errors) === null || _mutation$error$respo3 === void 0 ? void 0 : (_mutation$error$respo4 = _mutation$error$respo3[0]) === null || _mutation$error$respo4 === void 0 ? void 0 : _mutation$error$respo4.message) || t("WT_SUBMISSION_FAILED_MESSAGE")), /*#__PURE__*/React.createElement(StatusTable, null, isMutationSuccess && /*#__PURE__*/React.createElement(Row, {
     rowContainerStyle: rowContainerStyle$3,
     last: true,
     textStyle: {
       whiteSpace: "pre",
       width: "60%"
     }
-  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+  })), isMutationSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("WT_DOWNLOAD_ACKNOWLEDGEMENT"),
     onSubmit: handleDownloadPdf
   }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
@@ -30180,6 +30194,7 @@ const BannerPicker$4 = props => {
   });
 };
 const MTEmergencyFixedPointAcknowledgement = _ref => {
+  var _mutation$data2, _mutation$data3, _mutation$data4, _mutation$data4$data, _mutation$data4$data$, _mutation$data4$data$2, _mutation$error, _mutation$error$respo, _mutation$error$respo2, _mutation$error$respo3, _mutation$error$respo4;
   let data = _ref.data,
     onSuccess = _ref.onSuccess;
   const _useTranslation2 = useTranslation(),
@@ -30196,9 +30211,15 @@ const MTEmergencyFixedPointAcknowledgement = _ref => {
       data.tenantId = tenantId;
       let formdata = mobileToiletPayload(data);
       mutation.mutate(formdata, {
-        onSuccess
+        onSuccess: res => {
+          if (!(res !== null && res !== void 0 && res.error)) {
+            onSuccess();
+          }
+        }
       });
-    } catch (err) {}
+    } catch (err) {
+      console.error("Emergency MT payload construction error:", err);
+    }
   }, []);
   Digit.Hooks.useCustomBackNavigation({
     redirectPath: '${APPLICATION_PATH}/citizen'
@@ -30216,19 +30237,27 @@ const MTEmergencyFixedPointAcknowledgement = _ref => {
       return Promise.reject(e);
     }
   };
+  const isMutationSuccess = mutation.isSuccess && !((_mutation$data2 = mutation.data) !== null && _mutation$data2 !== void 0 && _mutation$data2.error);
+  const isMutationError = mutation.isError || mutation.isSuccess && ((_mutation$data3 = mutation.data) === null || _mutation$data3 === void 0 ? void 0 : _mutation$data3.error);
   return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(BannerPicker$4, {
     t: t,
     data: mutation.data,
-    isSuccess: mutation.isSuccess,
+    isSuccess: isMutationSuccess,
     isLoading: mutation.isIdle || mutation.isLoading
-  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+  }), isMutationError && /*#__PURE__*/React.createElement(CardText, {
+    style: {
+      color: "#d4351c",
+      textAlign: "center",
+      marginTop: "8px"
+    }
+  }, ((_mutation$data4 = mutation.data) === null || _mutation$data4 === void 0 ? void 0 : (_mutation$data4$data = _mutation$data4.data) === null || _mutation$data4$data === void 0 ? void 0 : (_mutation$data4$data$ = _mutation$data4$data.Errors) === null || _mutation$data4$data$ === void 0 ? void 0 : (_mutation$data4$data$2 = _mutation$data4$data$[0]) === null || _mutation$data4$data$2 === void 0 ? void 0 : _mutation$data4$data$2.message) || ((_mutation$error = mutation.error) === null || _mutation$error === void 0 ? void 0 : (_mutation$error$respo = _mutation$error.response) === null || _mutation$error$respo === void 0 ? void 0 : (_mutation$error$respo2 = _mutation$error$respo.data) === null || _mutation$error$respo2 === void 0 ? void 0 : (_mutation$error$respo3 = _mutation$error$respo2.Errors) === null || _mutation$error$respo3 === void 0 ? void 0 : (_mutation$error$respo4 = _mutation$error$respo3[0]) === null || _mutation$error$respo4 === void 0 ? void 0 : _mutation$error$respo4.message) || t("MT_SUBMISSION_FAILED_MESSAGE")), /*#__PURE__*/React.createElement(StatusTable, null, isMutationSuccess && /*#__PURE__*/React.createElement(Row, {
     rowContainerStyle: rowContainerStyle$4,
     last: true,
     textStyle: {
       whiteSpace: "pre",
       width: "60%"
     }
-  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+  })), isMutationSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("MT_DOWNLOAD_ACKNOWLEDGEMENT"),
     onSubmit: handleDownloadPdf
   }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {
@@ -30269,6 +30298,7 @@ const BannerPicker$5 = props => {
   });
 };
 const EmergencyFixedPointTPAcknowledgement = _ref => {
+  var _mutation$data2, _mutation$data3, _mutation$data4, _mutation$data4$data, _mutation$data4$data$, _mutation$data4$data$2, _mutation$error, _mutation$error$respo, _mutation$error$respo2, _mutation$error$respo3, _mutation$error$respo4;
   let data = _ref.data,
     onSuccess = _ref.onSuccess;
   const _useTranslation2 = useTranslation(),
@@ -30285,9 +30315,15 @@ const EmergencyFixedPointTPAcknowledgement = _ref => {
       data.tenantId = tenantId;
       let formdata = treePruningPayload(data);
       mutation.mutate(formdata, {
-        onSuccess
+        onSuccess: res => {
+          if (!(res !== null && res !== void 0 && res.error)) {
+            onSuccess();
+          }
+        }
       });
-    } catch (err) {}
+    } catch (err) {
+      console.error("Emergency TP payload construction error:", err);
+    }
   }, []);
   Digit.Hooks.useCustomBackNavigation({
     redirectPath: '${APPLICATION_PATH}/citizen'
@@ -30305,19 +30341,27 @@ const EmergencyFixedPointTPAcknowledgement = _ref => {
       return Promise.reject(e);
     }
   };
+  const isMutationSuccess = mutation.isSuccess && !((_mutation$data2 = mutation.data) !== null && _mutation$data2 !== void 0 && _mutation$data2.error);
+  const isMutationError = mutation.isError || mutation.isSuccess && ((_mutation$data3 = mutation.data) === null || _mutation$data3 === void 0 ? void 0 : _mutation$data3.error);
   return mutation.isLoading || mutation.isIdle ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(BannerPicker$5, {
     t: t,
     data: mutation.data,
-    isSuccess: mutation.isSuccess,
+    isSuccess: isMutationSuccess,
     isLoading: mutation.isIdle || mutation.isLoading
-  }), /*#__PURE__*/React.createElement(StatusTable, null, mutation.isSuccess && /*#__PURE__*/React.createElement(Row, {
+  }), isMutationError && /*#__PURE__*/React.createElement(CardText, {
+    style: {
+      color: "#d4351c",
+      textAlign: "center",
+      marginTop: "8px"
+    }
+  }, ((_mutation$data4 = mutation.data) === null || _mutation$data4 === void 0 ? void 0 : (_mutation$data4$data = _mutation$data4.data) === null || _mutation$data4$data === void 0 ? void 0 : (_mutation$data4$data$ = _mutation$data4$data.Errors) === null || _mutation$data4$data$ === void 0 ? void 0 : (_mutation$data4$data$2 = _mutation$data4$data$[0]) === null || _mutation$data4$data$2 === void 0 ? void 0 : _mutation$data4$data$2.message) || ((_mutation$error = mutation.error) === null || _mutation$error === void 0 ? void 0 : (_mutation$error$respo = _mutation$error.response) === null || _mutation$error$respo === void 0 ? void 0 : (_mutation$error$respo2 = _mutation$error$respo.data) === null || _mutation$error$respo2 === void 0 ? void 0 : (_mutation$error$respo3 = _mutation$error$respo2.Errors) === null || _mutation$error$respo3 === void 0 ? void 0 : (_mutation$error$respo4 = _mutation$error$respo3[0]) === null || _mutation$error$respo4 === void 0 ? void 0 : _mutation$error$respo4.message) || t("TP_SUBMISSION_FAILED_MESSAGE")), /*#__PURE__*/React.createElement(StatusTable, null, isMutationSuccess && /*#__PURE__*/React.createElement(Row, {
     rowContainerStyle: rowContainerStyle$5,
     last: true,
     textStyle: {
       whiteSpace: "pre",
       width: "60%"
     }
-  })), mutation.isSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
+  })), isMutationSuccess && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("TP_DOWNLOAD_ACKNOWLEDGEMENT"),
     onSubmit: handleDownloadPdf
   }), (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? /*#__PURE__*/React.createElement(Link, {