@djb25/digit-ui-module-ws 1.0.33 → 1.0.34

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef, useMemo, Fragment as Fragment$1, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useHistory, useLocation, Switch, Route, useRouteMatch, Redirect, useParams } from 'react-router-dom';
-import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, Header, Banner, CardText, ActionBar, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, RadioOrSelect, TextInput, CardHeader, CitizenInfoLabel, CardSubHeader, Dropdown, UploadFile, CheckBox, RadioButtons, MobileNumber, LabelFieldPair, DatePicker, CollapsibleCardPage, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Table, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, ActionLinks, PDFSvg, EditIcon, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, Menu, ButtonSelector, GenericFileIcon, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { InfoBannerIcon, Loader, Header, Table, Card, Banner, CardText, ActionBar, SubmitBar, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, RadioOrSelect, TextInput, CardHeader, CitizenInfoLabel, CardSubHeader, Dropdown, UploadFile, CheckBox, RadioButtons, MobileNumber, LabelFieldPair, DatePicker, CollapsibleCardPage, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, StatusTable, Row, CardSectionHeader, InfoIcon, TextArea, SearchField, FilterFormField, RemoveableTag, MultiSelectDropdown, InboxComposer, DropIcon, WSICon, EmployeeModuleCard, SearchAction, PopUp, DetailsCard, SearchForm, CloseSvg, Localities, DownloadBtnCommon, CollectionIcon, ResponseComposer, TelePhone, DisplayPhotos, CheckPoint, ConnectingCheckPoints, ActionLinks, PDFSvg, KeyNote, EditIcon, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, Menu, ButtonSelector, GenericFileIcon, CitizenHomeCard } from '@djb25/digit-ui-react-components';
 import { useForm, Controller, useWatch, useFormContext } from 'react-hook-form';
 import { read, utils as utils$1 } from 'xlsx';
 import { useQueryClient } from 'react-query';
@@ -7586,114 +7586,6 @@ var lodash = createCommonjsModule(function (module, exports) {
   }).call(commonjsGlobal);
 });
 
-const WSApplication = ({
-  application
-}) => {
-  var _application$applicat, _application$applicat2, _application$applicat3, _application$applicat4, _application$applicat5, _application$connecti, _application$property, _application$property2, _application$property3, _application$property4, _application$property5, _application$property6, _application$applicat6, _application$connecti2, _application$connecti3, _PTData$Properties, _PTData$Properties$, _PTData$Properties$$o, _application$applicat7;
-  const {
-    t
-  } = useTranslation();
-  let encodeApplicationNo = encodeURI(application.applicationNo);
-  let filter1 = {
-    tenantId: application.tenantId,
-    applicationNumber: application.applicationNo
-  };
-  const {
-    isLoading,
-    isError,
-    error,
-    data
-  } = Digit.Hooks.ws.useMyApplicationSearch({
-    filters: filter1,
-    BusinessService: (_application$applicat = application.applicationNo) !== null && _application$applicat !== void 0 && _application$applicat.includes("SW") ? "SW" : "WS"
-  }, {
-    filters: filter1,
-    privacy: Digit.Utils.getPrivacyObject()
-  });
-  const {
-    isLoading: isPTLoading,
-    isError: isPTError,
-    error: PTerror,
-    data: PTData
-  } = Digit.Hooks.pt.usePropertySearch({
-    filters: {
-      propertyIds: application === null || application === void 0 ? void 0 : application.propertyId
-    }
-  }, {
-    filters: {
-      propertyIds: application === null || application === void 0 ? void 0 : application.propertyId
-    },
-    privacy: Digit.Utils.getPrivacyObject()
-  });
-  const businessService = application !== null && application !== void 0 && (_application$applicat2 = application.applicationNo) !== null && _application$applicat2 !== void 0 && _application$applicat2.includes("SW") ? application !== null && application !== void 0 && (_application$applicat3 = application.applicationNo) !== null && _application$applicat3 !== void 0 && _application$applicat3.includes("DC") ? "SW" : "SW.ONE_TIME_FEE" : application !== null && application !== void 0 && (_application$applicat4 = application.applicationNo) !== null && _application$applicat4 !== void 0 && _application$applicat4.includes("DC") ? "WS" : "WS.ONE_TIME_FEE";
-  const fetchBillParams = {
-    consumerCode: application !== null && application !== void 0 && (_application$applicat5 = application.applicationNo) !== null && _application$applicat5 !== void 0 && _application$applicat5.includes("DC") ? application === null || application === void 0 ? void 0 : application.connectionNo : application === null || application === void 0 ? void 0 : application.connectionNo
-  };
-  if (isLoading) {
-    return /*#__PURE__*/React.createElement(Loader, null);
-  }
-  return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_MYCONNECTIONS_APPLICATION_NO"),
-    note: application === null || application === void 0 ? void 0 : application.applicationNo
-  }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_SERVICE_NAME"),
-    note: t(`WS_APPLICATION_TYPE_${application === null || application === void 0 ? void 0 : application.applicationType}`)
-  }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_CONSUMER_NAME"),
-    note: (application === null || application === void 0 ? void 0 : (_application$connecti = application.connectionHolders) === null || _application$connecti === void 0 ? void 0 : _application$connecti.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$property = application.property) === null || _application$property === void 0 ? void 0 : (_application$property2 = _application$property.owners) === null || _application$property2 === void 0 ? void 0 : _application$property2.sort((a, b) => {
-      var _a$additionalDetails, _b$additionalDetails;
-      return (a === null || a === void 0 ? void 0 : (_a$additionalDetails = a.additionalDetails) === null || _a$additionalDetails === void 0 ? void 0 : _a$additionalDetails.ownerSequence) - (b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence);
-    }).map(owner => owner.name).join(",")) || t("CS_NA")
-  }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_PROPERTY_ID"),
-    note: (application === null || application === void 0 ? void 0 : application.propertyId) || t("CS_NA")
-  }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_STATUS"),
-    note: t(`CS_${application === null || application === void 0 ? void 0 : application.applicationStatus}`) || t("CS_NA")
-  }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_SLA"),
-    note: Math.round((application === null || application === void 0 ? void 0 : application.sla) / (24 * 60 * 60 * 1000)) ? `${Math.round((application === null || application === void 0 ? void 0 : application.sla) / (24 * 60 * 60 * 1000))} Days` : t("CS_NA")
-  }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("WS_PROPERTY_ADDRESS"),
-    note: getAddress(application === null || application === void 0 ? void 0 : (_application$property3 = application.property) === null || _application$property3 === void 0 ? void 0 : _application$property3.address, t),
-    privacy: {
-      uuid: application === null || application === void 0 ? void 0 : (_application$property4 = application.property) === null || _application$property4 === void 0 ? void 0 : (_application$property5 = _application$property4.owners) === null || _application$property5 === void 0 ? void 0 : (_application$property6 = _application$property5[0]) === null || _application$property6 === void 0 ? void 0 : _application$property6.uuid,
-      fieldName: ["doorNo", "street", "landmark"],
-      model: "Property",
-      showValue: true,
-      loadData: {
-        serviceName: "/property-services/property/_search",
-        requestBody: {},
-        requestParam: {
-          tenantId: application === null || application === void 0 ? void 0 : application.tenantId,
-          propertyIds: application === null || application === void 0 ? void 0 : application.propertyId
-        },
-        jsonPath: "Properties[0].address.street",
-        isArray: false,
-        d: res => {
-          let resultString = (lodash.get(res, "Properties[0].address.doorNo") ? `${lodash.get(res, "Properties[0].address.doorNo")}, ` : "") + (lodash.get(res, "Properties[0].address.street") ? `${lodash.get(res, "Properties[0].address.street")}, ` : "") + (lodash.get(res, "Properties[0].address.landmark") ? `${lodash.get(res, "Properties[0].address.landmark")}` : "");
-          return resultString;
-        }
-      }
-    }
-  }), /*#__PURE__*/React.createElement(Link, {
-    to: `/digit-ui/citizen/ws/connection/application/${encodeApplicationNo}`
-  }, /*#__PURE__*/React.createElement(SubmitBar, {
-    label: t("WS_VIEW_DETAILS_LABEL")
-  })), (application === null || application === void 0 ? void 0 : application.applicationStatus) === "PENDING_FOR_PAYMENT" ? /*#__PURE__*/React.createElement(Link, {
-    to: {
-      pathname: `/digit-ui/citizen/payment/my-bills/${businessService}/${application !== null && application !== void 0 && (_application$applicat6 = application.applicationNo) !== null && _application$applicat6 !== void 0 && _application$applicat6.includes("DC") ? stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.connectionNo, "/", "+") : stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+") || stringReplaceAll(application === null || application === void 0 ? void 0 : application.applicationNo, "/", "+")}?workflow=WNS&tenantId=${application === null || application === void 0 ? void 0 : application.tenantId}&ConsumerName=${(application === null || application === void 0 ? void 0 : (_application$connecti2 = application.connectionHolders) === null || _application$connecti2 === void 0 ? void 0 : _application$connecti2.map(owner => owner.name).join(",")) || (application === null || application === void 0 ? void 0 : (_application$connecti3 = application.connectionHolders) === null || _application$connecti3 === void 0 ? void 0 : _application$connecti3.map(owner => owner.name).join(",")) || (PTData === null || PTData === void 0 ? void 0 : (_PTData$Properties = PTData.Properties) === null || _PTData$Properties === void 0 ? void 0 : (_PTData$Properties$ = _PTData$Properties[0]) === null || _PTData$Properties$ === void 0 ? void 0 : (_PTData$Properties$$o = _PTData$Properties$.owners) === null || _PTData$Properties$$o === void 0 ? void 0 : _PTData$Properties$$o.map(owner => owner.name).join(","))}&isDisoconnectFlow=${application !== null && application !== void 0 && (_application$applicat7 = application.applicationNo) !== null && _application$applicat7 !== void 0 && _application$applicat7.includes("DC") ? true : false}`,
-      state: {}
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "10px"
-    }
-  }, /*#__PURE__*/React.createElement(SubmitBar, {
-    label: t("MAKE_PAYMENT")
-  }))) : null);
-};
-
 const EyeSvgINdex = ({
   style
 }) => {
@@ -7749,7 +7641,7 @@ const WSInfoLabel = ({
 };
 
 const WSMyApplications = () => {
-  var _Digit$SessionStorage, _user$info, _user$info2, _user$info3, _data$WaterConnection, _SWdata$SewerageConne, _data$WaterConnection2, _SWdata$SewerageConne2, _WSapplicationsList, _SWapplicationsList, _WSapplicationsList2, _SWapplicationsList2, _applicationsList, _applicationsList2;
+  var _Digit$SessionStorage, _user$info, _user$info2, _user$info3, _data$WaterConnection, _SWdata$SewerageConne, _user$info4, _user$info5, _user$info6, _WSapplicationsList, _SWapplicationsList, _WSapplicationsList2, _SWapplicationsList2, _applicationsList, _applicationsList2;
   const {
     t
   } = useTranslation();
@@ -7786,7 +7678,7 @@ const WSMyApplications = () => {
   });
   let applicationNoWS = data && (data === null || data === void 0 ? void 0 : (_data$WaterConnection = data.WaterConnection) === null || _data$WaterConnection === void 0 ? void 0 : _data$WaterConnection.map(ob => ob.applicationNo).join(",")) || "";
   let applicaionNoSW = SWdata && (SWdata === null || SWdata === void 0 ? void 0 : (_SWdata$SewerageConne = SWdata.SewerageConnections) === null || _SWdata$SewerageConne === void 0 ? void 0 : _SWdata$SewerageConne.map(ob => ob.applicationNo).join(",")) || "";
-  let applicationNos = applicationNoWS.concat(applicaionNoSW);
+  let applicationNos = [applicationNoWS, applicaionNoSW].filter(Boolean).join(",");
   let workflowDetails = Digit.Hooks.useWorkflowDetails({
     tenantId: tenantId,
     id: applicationNos,
@@ -7795,9 +7687,6 @@ const WSMyApplications = () => {
       enabled: !!applicationNos
     }
   });
-  let propertyWS = data && (data === null || data === void 0 ? void 0 : (_data$WaterConnection2 = data.WaterConnection) === null || _data$WaterConnection2 === void 0 ? void 0 : _data$WaterConnection2.map(ob => ob === null || ob === void 0 ? void 0 : ob.propertyId).join(",")) || "";
-  let propertySW = SWdata && (SWdata === null || SWdata === void 0 ? void 0 : (_SWdata$SewerageConne2 = SWdata.SewerageConnections) === null || _SWdata$SewerageConne2 === void 0 ? void 0 : _SWdata$SewerageConne2.map(ob => ob === null || ob === void 0 ? void 0 : ob.propertyId).join(",")) || "";
-  let propertyNos = propertyWS.concat(propertySW);
   const {
     isLoading: PTisLoading,
     isError: PTisError,
@@ -7805,13 +7694,13 @@ const WSMyApplications = () => {
     data: PTdata
   } = Digit.Hooks.pt.usePropertySearch({
     filters: {
-      propertyIds: propertyNos
+      mobileNumber: user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.mobileNumber
     }
   }, {
     filters: {
-      propertyIds: propertyNos
+      mobileNumber: user === null || user === void 0 ? void 0 : (_user$info5 = user.info) === null || _user$info5 === void 0 ? void 0 : _user$info5.mobileNumber
     },
-    enabled: propertyNos ? true : false
+    enabled: user !== null && user !== void 0 && (_user$info6 = user.info) !== null && _user$info6 !== void 0 && _user$info6.mobileNumber ? true : false
   });
   if (isLoading || isSWLoading || PTisLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
@@ -7823,39 +7712,115 @@ const WSMyApplications = () => {
     SewerageConnections: SWapplicationsList
   } = SWdata || {};
   WSapplicationsList = (_WSapplicationsList = WSapplicationsList) === null || _WSapplicationsList === void 0 ? void 0 : _WSapplicationsList.map(ob => {
-    var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3;
+    var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4;
     return {
       ...ob,
-      "sla": workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.processInstances) === null || _workflowDetails$data2 === void 0 ? void 0 : (_workflowDetails$data3 = _workflowDetails$data2.filter(pi => pi.businessId == ob.applicationNo)[0]) === null || _workflowDetails$data3 === void 0 ? void 0 : _workflowDetails$data3.businesssServiceSla
+      "sla": workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.processInstances) === null || _workflowDetails$data2 === void 0 ? void 0 : (_workflowDetails$data3 = _workflowDetails$data2.filter(pi => pi.businessId == ob.applicationNo)) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3[0]) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.businesssServiceSla
     };
   });
   SWapplicationsList = (_SWapplicationsList = SWapplicationsList) === null || _SWapplicationsList === void 0 ? void 0 : _SWapplicationsList.map(ob => {
-    var _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6;
+    var _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
     return {
       ...ob,
-      "sla": workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data4 = workflowDetails.data) === null || _workflowDetails$data4 === void 0 ? void 0 : (_workflowDetails$data5 = _workflowDetails$data4.processInstances) === null || _workflowDetails$data5 === void 0 ? void 0 : (_workflowDetails$data6 = _workflowDetails$data5.filter(pi => pi.businessId == ob.applicationNo)[0]) === null || _workflowDetails$data6 === void 0 ? void 0 : _workflowDetails$data6.businesssServiceSla
+      "sla": workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : (_workflowDetails$data6 = _workflowDetails$data5.processInstances) === null || _workflowDetails$data6 === void 0 ? void 0 : (_workflowDetails$data7 = _workflowDetails$data6.filter(pi => pi.businessId == ob.applicationNo)) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7[0]) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.businesssServiceSla
     };
   });
-  WSapplicationsList = (_WSapplicationsList2 = WSapplicationsList) === null || _WSapplicationsList2 === void 0 ? void 0 : _WSapplicationsList2.filter(ob => (ob === null || ob === void 0 ? void 0 : ob.applicationType) !== "MODIFY_WATER_CONNECTION");
-  SWapplicationsList = (_SWapplicationsList2 = SWapplicationsList) === null || _SWapplicationsList2 === void 0 ? void 0 : _SWapplicationsList2.filter(ob => (ob === null || ob === void 0 ? void 0 : ob.applicationType) !== "MODIFY_SEWERAGE_CONNECTION");
+  WSapplicationsList = ((_WSapplicationsList2 = WSapplicationsList) === null || _WSapplicationsList2 === void 0 ? void 0 : _WSapplicationsList2.filter(ob => (ob === null || ob === void 0 ? void 0 : ob.applicationType) !== "MODIFY_WATER_CONNECTION")) || [];
+  SWapplicationsList = ((_SWapplicationsList2 = SWapplicationsList) === null || _SWapplicationsList2 === void 0 ? void 0 : _SWapplicationsList2.filter(ob => (ob === null || ob === void 0 ? void 0 : ob.applicationType) !== "MODIFY_SEWERAGE_CONNECTION")) || [];
   let applicationsList = WSapplicationsList.concat(SWapplicationsList);
-  applicationsList = applicationsList && applicationsList.map(ob => {
+  applicationsList = (_applicationsList = applicationsList) === null || _applicationsList === void 0 ? void 0 : _applicationsList.map(ob => {
     var _PTdata$Properties;
     return {
       ...ob,
       property: PTdata === null || PTdata === void 0 ? void 0 : (_PTdata$Properties = PTdata.Properties) === null || _PTdata$Properties === void 0 ? void 0 : _PTdata$Properties.filter(pt => (pt === null || pt === void 0 ? void 0 : pt.propertyId) === (ob === null || ob === void 0 ? void 0 : ob.propertyId))[0]
     };
   });
+  const GetCell = value => /*#__PURE__*/React.createElement("span", {
+    className: "cell-text"
+  }, value);
+  const columns = [{
+    Header: t("WS_MYCONNECTIONS_APPLICATION_NO"),
+    disableSortBy: true,
+    accessor: "applicationNo",
+    Cell: ({
+      row
+    }) => {
+      let encodeApplicationNo = encodeURI(row.original.applicationNo);
+      return /*#__PURE__*/React.createElement("span", {
+        className: "link"
+      }, /*#__PURE__*/React.createElement(Link, {
+        to: `/digit-ui/citizen/ws/connection/application/${encodeApplicationNo}`
+      }, row.original.applicationNo || "NA"));
+    }
+  }, {
+    Header: t("WS_SERVICE_NAME"),
+    disableSortBy: true,
+    Cell: ({
+      row
+    }) => {
+      var _row$original;
+      return GetCell(t(`WS_APPLICATION_TYPE_${(_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.applicationType}`));
+    }
+  }, {
+    Header: t("WS_CONSUMER_NAME"),
+    disableSortBy: true,
+    Cell: ({
+      row
+    }) => {
+      var _row$original2, _row$original2$connec, _row$original3, _row$original3$proper, _row$original3$proper2;
+      return GetCell(((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : (_row$original2$connec = _row$original2.connectionHolders) === null || _row$original2$connec === void 0 ? void 0 : _row$original2$connec.map(owner => owner.name).join(",")) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : (_row$original3$proper = _row$original3.property) === null || _row$original3$proper === void 0 ? void 0 : (_row$original3$proper2 = _row$original3$proper.owners) === null || _row$original3$proper2 === void 0 ? void 0 : _row$original3$proper2.sort((a, b) => {
+        var _a$additionalDetails, _b$additionalDetails;
+        return (a === null || a === void 0 ? void 0 : (_a$additionalDetails = a.additionalDetails) === null || _a$additionalDetails === void 0 ? void 0 : _a$additionalDetails.ownerSequence) - (b === null || b === void 0 ? void 0 : (_b$additionalDetails = b.additionalDetails) === null || _b$additionalDetails === void 0 ? void 0 : _b$additionalDetails.ownerSequence);
+      }).map(owner => owner.name).join(",")) || t("CS_NA"));
+    }
+  }, {
+    Header: t("WS_PROPERTY_ID"),
+    disableSortBy: true,
+    Cell: ({
+      row
+    }) => {
+      var _row$original4;
+      return GetCell(((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.propertyId) || t("CS_NA"));
+    }
+  }, {
+    Header: t("WS_STATUS"),
+    disableSortBy: true,
+    Cell: ({
+      row
+    }) => {
+      var _row$original5;
+      return GetCell(t(`CS_${(_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : _row$original5.applicationStatus}`) || t("CS_NA"));
+    }
+  }, {
+    Header: t("WS_SLA"),
+    disableSortBy: true,
+    Cell: ({
+      row
+    }) => {
+      var _row$original6, _row$original7;
+      return GetCell(Math.round(((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.sla) / (24 * 60 * 60 * 1000)) ? `${Math.round(((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.sla) / (24 * 60 * 60 * 1000))} Days` : t("CS_NA"));
+    }
+  }];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, `${t("CS_HOME_MY_APPLICATIONS")} ${applicationsList ? `(${applicationsList.length})` : ""}`), /*#__PURE__*/React.createElement(WSInfoLabel, {
     t: t
-  }), /*#__PURE__*/React.createElement("div", null, ((_applicationsList = applicationsList) === null || _applicationsList === void 0 ? void 0 : _applicationsList.length) > 0 && applicationsList.sort((a, b) => {
-    var _b$auditDetails, _a$auditDetails;
-    return ((_b$auditDetails = b.auditDetails) === null || _b$auditDetails === void 0 ? void 0 : _b$auditDetails.lastModifiedTime) - ((_a$auditDetails = a.auditDetails) === null || _a$auditDetails === void 0 ? void 0 : _a$auditDetails.lastModifiedTime);
-  }).map((application, index) => /*#__PURE__*/React.createElement("div", {
-    key: index
-  }, /*#__PURE__*/React.createElement(WSApplication, {
-    application: application
-  }))), !((_applicationsList2 = applicationsList) !== null && _applicationsList2 !== void 0 && _applicationsList2.length) > 0 && /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React.createElement("div", null, ((_applicationsList2 = applicationsList) === null || _applicationsList2 === void 0 ? void 0 : _applicationsList2.length) > 0 ? /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    data: applicationsList.sort((a, b) => {
+      var _b$auditDetails, _a$auditDetails;
+      return ((_b$auditDetails = b.auditDetails) === null || _b$auditDetails === void 0 ? void 0 : _b$auditDetails.lastModifiedTime) - ((_a$auditDetails = a.auditDetails) === null || _a$auditDetails === void 0 ? void 0 : _a$auditDetails.lastModifiedTime);
+    }),
+    columns: columns,
+    getCellProps: cellInfo => {
+      return {
+        style: {
+          padding: "20px 18px",
+          fontSize: "16px"
+        }
+      };
+    },
+    disableSort: true,
+    autoSort: false
+  }) : /*#__PURE__*/React.createElement("p", {
     style: {
       marginLeft: "16px",
       marginTop: "16px"
@@ -46945,9 +46910,9 @@ const CheckPage$4 = ({
     label: t("CORE_COMMON_WHATSAPP_MOBILE_NUMBER"),
     text: `${t(checkForNA((_holderDetails10 = holderDetails) === null || _holderDetails10 === void 0 ? void 0 : _holderDetails10.watsAppMobileNumber))}`
   }), /*#__PURE__*/React.createElement(Row, {
-    label: t("CORE_COMMON_EMAIL_ID"),
+    label: t("WS_EMAIL_ID"),
     text: `${t(checkForNA((_holderDetails11 = holderDetails) === null || _holderDetails11 === void 0 ? void 0 : _holderDetails11.emailId))}`
-  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_PROPERTY_LOCATION_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
+  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
     style: {
       marginTop: "10px",
       marginBottom: "30px"
@@ -47073,19 +47038,19 @@ const CheckPage$4 = ({
       marginBottom: "30px"
     }
   }, /*#__PURE__*/React.createElement(Row, {
-    label: t("WS_BANK_NAME"),
+    label: t("WS_NAME_OF_BANK"),
     text: `${t(checkForNA(bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.bankName))}`,
     actionButton: /*#__PURE__*/React.createElement(ActionButton, {
       onClick: onEdit
     })
   }), /*#__PURE__*/React.createElement(Row, {
-    label: t("WS_BRANCH_NAME"),
+    label: t("WS_NAME_OF_BRANCH"),
     text: `${t(checkForNA((bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.bankBranchName) || (bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.branchName)))}`
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("WS_IFSC_CODE"),
     text: `${t(checkForNA(bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.ifscCode))}`
   }), /*#__PURE__*/React.createElement(Row, {
-    label: t("WS_ACCOUNT_NUMBER"),
+    label: t("WS_BANK_ACCOUNT_NO"),
     text: `${t(checkForNA((bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.bankAccountNumber) || (bankDetails === null || bankDetails === void 0 ? void 0 : bankDetails.accountNumber)))}`
   })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, {
     style: {