@djb25/digit-ui-module-ws 1.0.37 → 1.0.38

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, TextInput, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, LabelFieldPair, DatePicker, CollapsibleCardPage, Dropdown, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, MobileNumber, CheckBox, 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, GenericFileIcon, EditIcon, Label, AddressDetails, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, Menu, ButtonSelector, CitizenHomeCard } from '@djb25/digit-ui-react-components';
+import { Loader, Card, KeyNote, SubmitBar, InfoBannerIcon, Header, Banner, CardText, ActionBar, HomeIcon, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, PrintBtnCommon, MultiLink, LinkButton, Toast, TickMark, FormStep, CardLabel, TextInput, RadioOrSelect, CardHeader, CitizenInfoLabel, CardSubHeader, LabelFieldPair, DatePicker, CollapsibleCardPage, Dropdown, RadioButtons, UploadFile, ViewsIcon, Modal, DeleteIcon, CardLabelError, WrapUnMaskComponent, MobileNumber, CheckBox, 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, GenericFileIcon, EditIcon, Label, AddressDetails, CardSectionSubText, DownloadIcon, CardLabelDesc, VerticalTimeline, FormComposer, MultiUploadWrapper, Close as Close$e, BreakLine, Menu, ButtonSelector, 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';
@@ -1748,11 +1748,8 @@ const ifUserRoleExists = role => {
     return true;
   } else return false;
 };
-const checkForNotNull = (value = "") => {
-  return value && value != null && value != undefined && value != "" ? true : false;
-};
 const checkForNA = (value = "") => {
-  return checkForNotNull(value) ? value : "CS_NA";
+  return value && value != null && value !== undefined && value !== "" && value !== "Image" ? value : " NA";
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -8431,17 +8428,21 @@ const App = ({
   const {
     t
   } = useTranslation();
+  let isMobile = window.Digit.Utils.browser.isMobile();
   let isCommonPTPropertyScreen = window.location.href.includes("/ws/create-application/property-details");
   let isAcknowledgement = window.location.href.includes("/acknowledgement") || window.location.href.includes("/disconnect-acknowledge");
   const WSDisconnectAcknowledgement = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("WSDisconnectAcknowledgement");
   const WSRestorationAcknowledgement = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WSRestorationAcknowledgement");
   const crumbs = [{
-    path: "/digit-ui/citizen",
-    label: t("CS_COMMON_HOME"),
-    show: true
+    path: "/digit-ui/employee",
+    show: true,
+    style: isMobile ? {
+      width: "20%"
+    } : {},
+    icon: HomeIcon
   }, {
     path: "/digit-ui/citizen/ws/create-application",
-    label: t("CS_WS_CREATE_APPLICATION"),
+    label: t("WS_COMMON_APPL_NEW_CONNECTION"),
     show: location.pathname.includes("/create-application") || location.pathname.includes("/info")
   }, {
     path: "/digit-ui/citizen/ws/search",
@@ -8449,7 +8450,7 @@ const App = ({
     show: location.pathname.includes("/search")
   }, {
     path: "/digit-ui/citizen/ws/my-applications",
-    label: t("CS_WS_MY_APPLICATIONS"),
+    label: t("CS_HOME_MY_APPLICATIONS"),
     show: location.pathname.includes("/my-applications")
   }, {
     path: "/digit-ui/citizen/ws/my-connections",
@@ -8465,7 +8466,7 @@ const App = ({
     show: location.pathname.includes("/my-payments")
   }, {
     path: "/digit-ui/citizen/ws/old-application",
-    label: t("WS_OLD_APPLICATION"),
+    label: t("WS_COMMON_APPL_NEW_CONNECTION"),
     show: location.pathname.includes("/old-application")
   }];
   const getDynamicBreadcrumbs = () => {
@@ -10834,7 +10835,8 @@ const ConnectionDetails = _props => {
       },
       institutionName: (connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.institutionName) || "",
       natureOfWork: (connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.natureOfWork) || "",
-      orgDeptDocument: (connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.orgDeptDocument) || ""
+      orgDeptDocument: (connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.orgDeptDocument) || "",
+      orgDeptDocumentName: (connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.orgDeptDocumentName) || ""
     }
   });
   const formValue = watch();
@@ -10870,6 +10872,7 @@ const ConnectionDetails = _props => {
             const fsId = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$files = _response$data2.files[0]) === null || _response$data2$files === void 0 ? void 0 : _response$data2$files.fileStoreId;
             setUploadedFile(fsId);
             setValue("orgDeptDocument", fsId);
+            setValue("orgDeptDocumentName", file.name);
           } else {
             setFileUploadError(t("CS_FILE_UPLOAD_ERROR") || "File Upload Error");
           }
@@ -11252,7 +11255,15 @@ const ConnectionDetails = _props => {
         props.onChange(null);
       },
       message: uploadedFile ? `1 ${t("WS_ACTION_FILEUPLOADED")}` : t("WS_ACTION_NO_FILEUPLOADED"),
-      accept: "image/*, .pdf"
+      accept: "image/*, .pdf",
+      uploadedFiles: uploadedFile && !file ? [[(connectionDetail === null || connectionDetail === void 0 ? void 0 : connectionDetail.orgDeptDocumentName) || "Document", {
+        fileStoreId: uploadedFile
+      }]] : undefined,
+      removeTargetedFile: () => {
+        setUploadedFile(null);
+        setFile(null);
+        props.onChange(null);
+      }
     })
   })), uploadedFile && /*#__PURE__*/React.createElement("div", {
     onClick: viewDocument,
@@ -15268,6 +15279,7 @@ function SelectDocument({
         const data = [...filteredDocumentsByFileStoreId, {
           documentType: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
           fileStoreId: uploadedFile,
+          fileName: (file === null || file === void 0 ? void 0 : file.name) || (filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileName) || "",
           documentUid: documentUid,
           i18nKey: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.code,
           id: selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.id,
@@ -15378,7 +15390,7 @@ function SelectDocument({
     buttonType: "button",
     error: !uploadedFile,
     accept: (doc === null || doc === void 0 ? void 0 : doc.code) === "OWNER.APPLICANTPHOTO" ? "image/jpeg, image/png, .jpg, .jpeg, .png" : "image/*, .pdf, .png, .jpeg, .jpg",
-    uploadedFiles: uploadedFile && file && isCameraFile ? [[(file === null || file === void 0 ? void 0 : file.name) || "applicant_photo.jpg", {
+    uploadedFiles: uploadedFile && !file ? [[(filteredDocument === null || filteredDocument === void 0 ? void 0 : filteredDocument.fileName) || (file === null || file === void 0 ? void 0 : file.name) || t("CS_COMMON_DOCUMENT"), {
       fileStoreId: uploadedFile
     }]] : undefined,
     removeTargetedFile: () => {
@@ -19637,7 +19649,7 @@ const WSDeclaration = ({
   clearErrors,
   tenantId
 }) => {
-  var _formData$declaration, _formData$declaration2, _formData$declaration3, _formData$declaration4, _formData$declaration5, _formData$declaration6, _formData$declaration7, _formData$declaration8, _formData$declaration0;
+  var _formData$declaration, _formData$declaration2, _formData$declaration3, _formData$declaration4, _formData$declaration5, _formData$declaration6, _formData$declaration7, _formData$declaration8, _formData$declaration9, _formData$declaration1;
   const {
     t
   } = useTranslation();
@@ -19659,7 +19671,8 @@ const WSDeclaration = ({
       },
       signatureFile: (formData === null || formData === void 0 ? void 0 : (_formData$declaration5 = formData.declarationData) === null || _formData$declaration5 === void 0 ? void 0 : _formData$declaration5.signatureFile) || null,
       signatureFileStoreId: (formData === null || formData === void 0 ? void 0 : (_formData$declaration6 = formData.declarationData) === null || _formData$declaration6 === void 0 ? void 0 : _formData$declaration6.signatureFileStoreId) || null,
-      declarations: (formData === null || formData === void 0 ? void 0 : (_formData$declaration7 = formData.declarationData) === null || _formData$declaration7 === void 0 ? void 0 : _formData$declaration7.declarations) || Array(9).fill((formData === null || formData === void 0 ? void 0 : (_formData$declaration8 = formData.declarationData) === null || _formData$declaration8 === void 0 ? void 0 : _formData$declaration8.agree) || false)
+      signatureFileName: (formData === null || formData === void 0 ? void 0 : (_formData$declaration7 = formData.declarationData) === null || _formData$declaration7 === void 0 ? void 0 : _formData$declaration7.signatureFileName) || "",
+      declarations: (formData === null || formData === void 0 ? void 0 : (_formData$declaration8 = formData.declarationData) === null || _formData$declaration8 === void 0 ? void 0 : _formData$declaration8.declarations) || Array(9).fill((formData === null || formData === void 0 ? void 0 : (_formData$declaration9 = formData.declarationData) === null || _formData$declaration9 === void 0 ? void 0 : _formData$declaration9.agree) || false)
     }
   });
   const formValue = watch();
@@ -19679,14 +19692,14 @@ const WSDeclaration = ({
     i18nKey: "WS_SUBMITTED_BY_SELF"
   }];
   useEffect(() => {
-    var _formData$declaration9;
-    const fsId = (formData === null || formData === void 0 ? void 0 : (_formData$declaration9 = formData.declarationData) === null || _formData$declaration9 === void 0 ? void 0 : _formData$declaration9.signatureFileStoreId) || null;
+    var _formData$declaration0;
+    const fsId = (formData === null || formData === void 0 ? void 0 : (_formData$declaration0 = formData.declarationData) === null || _formData$declaration0 === void 0 ? void 0 : _formData$declaration0.signatureFileStoreId) || null;
     const currentFsId = signatureFileStoreId || null;
     if (fsId !== currentFsId) {
       setSignatureFileStoreId(fsId);
       setValue("signatureFileStoreId", fsId);
     }
-  }, [formData === null || formData === void 0 ? void 0 : (_formData$declaration0 = formData.declarationData) === null || _formData$declaration0 === void 0 ? void 0 : _formData$declaration0.signatureFileStoreId]);
+  }, [formData === null || formData === void 0 ? void 0 : (_formData$declaration1 = formData.declarationData) === null || _formData$declaration1 === void 0 ? void 0 : _formData$declaration1.signatureFileStoreId]);
   const lastSentValue = React.useRef((formData === null || formData === void 0 ? void 0 : formData.declarationData) || null);
   useEffect(() => {
     const currentValues = {
@@ -19695,8 +19708,8 @@ const WSDeclaration = ({
       signatureFile
     };
     if (!lodash.isEqual(lastSentValue.current, currentValues)) {
-      lastSentValue.current = currentValues;
       const timer = setTimeout(() => {
+        lastSentValue.current = currentValues;
         onSelect(config === null || config === void 0 ? void 0 : config.key, currentValues);
       }, 200);
       return () => clearTimeout(timer);
@@ -19717,6 +19730,7 @@ const WSDeclaration = ({
             setSignatureFile(file);
             setValue("signatureFileStoreId", fsId);
             setValue("signatureFile", file);
+            setValue("signatureFileName", file.name);
           }
         } catch (err) {
           console.error("Signature upload failed", err);
@@ -19829,7 +19843,17 @@ const WSDeclaration = ({
       width: "100%"
     },
     buttonType: "button",
-    accept: "image/*, .pdf, .png, .jpeg, .jpg"
+    accept: "image/*, .pdf, .png, .jpeg, .jpg",
+    uploadedFiles: signatureFileStoreId && !signatureFile ? [[(formValue === null || formValue === void 0 ? void 0 : formValue.signatureFileName) || "Document", {
+      fileStoreId: signatureFileStoreId
+    }]] : undefined,
+    removeTargetedFile: () => {
+      setSignatureFile(null);
+      setSignatureFileStoreId(null);
+      setValue("signatureFile", null);
+      setValue("signatureFileStoreId", null);
+      setValue("signatureFileName", "");
+    }
   })), signatureFileStoreId && /*#__PURE__*/React.createElement("div", {
     onClick: viewDocument,
     style: {
@@ -31999,8 +32023,11 @@ const WSInfoPage = () => {
     name: "mobileNumber",
     value: searchMobileNumber,
     onChange: e => {
-      setSearchMobileNumber(e.target.value);
-      setSelectedProperty(null);
+      const val = e.target.value;
+      if (val.length <= 10) {
+        setSearchMobileNumber(val);
+        setSelectedProperty(null);
+      }
     },
     placeholder: t("Enter mobile number"),
     maxLength: 10
@@ -47752,13 +47779,47 @@ const CheckPage$4 = ({
   onSubmit,
   onEdit
 }) => {
-  var _data$cpt, _data$ConnectionDetai, _data$connectionDetai, _data$ConnectionHolde, _data$connectionHolde, _data$useDetails, _data$bankDetails, _data$DocumentsRequir, _data$documents, _data$djbEmployee, _connectionDetails, _connectionDetails$se, _connectionDetails2, _connectionDetails2$s, _connectionDetails3, _connectionDetails4, _connectionDetails4$c, _connectionDetails5, _connectionDetails5$c, _connectionDetails6, _connectionDetails7, _connectionDetails7$w, _connectionDetails8, _connectionDetails8$w, _connectionDetails9, _connectionDetails0, _connectionDetails0$a, _connectionDetails1, _connectionDetails1$a, _connectionDetails10, _connectionDetails11, _connectionDetails11$, _connectionDetails12, _connectionDetails12$, _connectionDetails13, _connectionDetails14, _connectionDetails14$, _connectionDetails15, _connectionDetails15$, _connectionDetails16, _connectionDetails16$, _connectionDetails17, _connectionDetails18, _connectionDetails19, _connectionDetails20, _holderDetails, _holderDetails2, _holderDetails3, _holderDetails4, _holderDetails4$gende, _holderDetails5, _holderDetails5$gende, _holderDetails6, _holderDetails7, _holderDetails8, _holderDetails8$relat, _holderDetails9, _holderDetails9$relat, _holderDetails0, _holderDetails1, _holderDetails10, _holderDetails11, _propertyAddress, _propertyAddress$zro, _propertyAddress2, _propertyAddress3, _propertyAddress4, _propertyAddress4$add, _propertyAddress5, _propertyAddress5$add, _propertyAddress6, _propertyAddress6$add, _propertyAddress7, _propertyAddress8, _propertyAddress8$cit, _propertyAddress9, _propertyAddress9$cit, _propertyAddress0, _propertyAddress1, _propertyAddress10, _propertyAddress11, _propertyAddress11$lo, _propertyAddress12, _propertyAddress12$lo, _propertyAddress13, _propertyAddress14, _propertyAddress14$su, _propertyAddress15, _propertyAddress15$su, _propertyAddress16, _propertyAddress17, _propertyAddress18, _propertyAddress19, _propertyAddress20, _propertyAddress21, _propertyAddress22, _propertyAddress23, _propertyAddress24, _propertyAddress25, _propertyAddress26, _propertyAddress26$as, _propertyAddress27, _propertyAddress27$as, _propertyAddress28, _propertyAddress29, _propertyAddress29$bl, _propertyAddress30, _propertyAddress30$bl, _propertyAddress31, _propertyAddress32, _propertyAddress32$wa, _propertyAddress33, _propertyAddress33$wa, _propertyAddress34, _propertyAddress35, _propertyAddress35$zo, _propertyAddress36, _propertyAddress36$zo, _propertyAddress37, _propertyAddress38, _propertyAddress39, _propertyAddress40, _propertyAddress41, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2;
+  var _data$cpt, _data$ConnectionDetai, _data$connectionDetai, _data$ConnectionHolde, _data$connectionHolde, _data$useDetails, _data$bankDetails, _data$DocumentsRequir, _data$documents, _data$djbEmployee, _connectionDetails, _connectionDetails$se, _connectionDetails2, _connectionDetails2$s, _connectionDetails3, _connectionDetails4, _connectionDetails4$c, _connectionDetails5, _connectionDetails5$c, _connectionDetails6, _connectionDetails7, _connectionDetails7$w, _connectionDetails8, _connectionDetails8$w, _connectionDetails9, _connectionDetails0, _connectionDetails0$a, _connectionDetails1, _connectionDetails1$a, _connectionDetails10, _connectionDetails11, _connectionDetails11$, _connectionDetails12, _connectionDetails12$, _connectionDetails13, _connectionDetails14, _connectionDetails14$, _connectionDetails15, _connectionDetails15$, _connectionDetails16, _connectionDetails16$, _connectionDetails17, _connectionDetails18, _connectionDetails19, _connectionDetails20, _holderDetails, _holderDetails2, _holderDetails3, _holderDetails4, _holderDetails4$gende, _holderDetails5, _holderDetails5$gende, _holderDetails6, _holderDetails7, _holderDetails8, _holderDetails8$relat, _holderDetails9, _holderDetails9$relat, _holderDetails0, _holderDetails1, _holderDetails10, _holderDetails11, _propertyAddress, _propertyAddress$zro, _propertyAddress2, _propertyAddress3, _propertyAddress4, _propertyAddress4$add, _propertyAddress5, _propertyAddress5$add, _propertyAddress6, _propertyAddress6$add, _propertyAddress7, _propertyAddress8, _propertyAddress8$cit, _propertyAddress9, _propertyAddress9$cit, _propertyAddress0, _propertyAddress1, _propertyAddress10, _propertyAddress11, _propertyAddress11$lo, _propertyAddress12, _propertyAddress12$lo, _propertyAddress13, _propertyAddress14, _propertyAddress14$su, _propertyAddress15, _propertyAddress15$su, _propertyAddress16, _propertyAddress17, _propertyAddress18, _propertyAddress19, _propertyAddress20, _propertyAddress21, _propertyAddress22, _propertyAddress23, _propertyAddress24, _propertyAddress25, _propertyAddress26, _propertyAddress26$as, _propertyAddress27, _propertyAddress27$as, _propertyAddress28, _propertyAddress29, _propertyAddress29$bl, _propertyAddress30, _propertyAddress30$bl, _propertyAddress31, _propertyAddress32, _propertyAddress32$wa, _propertyAddress33, _propertyAddress33$wa, _propertyAddress34, _propertyAddress35, _propertyAddress35$zo, _propertyAddress36, _propertyAddress36$zo, _propertyAddress37, _propertyAddress38, _propertyAddress39, _propertyAddress40, _propertyAddress41, _useDetails$categoryT, _useDetails$categoryT2, _useDetails$propertyC, _useDetails$propertyC2, _useDetails$propertyT, _useDetails$propertyT2, _useDetails$WaterConn, _useDetails$WaterConn2, _useDetails$waterConn, _useDetails$waterConn2, _useDetails$noOfFloor, _useDetails$noOfFloor2, _useDetails$SelectYea, _useDetails$SelectYea2, _useDetails$SelectYea3, _useDetails$construct, _useDetails$construct2, _declaration$submitte, _declaration$submitte2, _declaration$signatur;
   const {
     t
   } = useTranslation();
   const [showDocModal, setShowDocModal] = useState(false);
   const [docFileUrl, setDocFileUrl] = useState("");
   const [docFileType, setDocFileType] = useState("");
+  const handleViewDocument = async fileStoreId => {
+    if (fileStoreId) {
+      if (typeof fileStoreId === "object" && fileStoreId.type) {
+        const fileURL = URL.createObjectURL(fileStoreId);
+        setDocFileUrl(fileURL);
+        if (fileStoreId.type.includes("pdf")) {
+          setDocFileType("pdf");
+        } else {
+          setDocFileType("image");
+        }
+        setShowDocModal(true);
+      } else {
+        try {
+          const res = await Digit.UploadServices.FileFetchbyid(fileStoreId, Digit.ULBService.getStateId());
+          if (res !== null && res !== void 0 && res.data) {
+            const blob = res.data instanceof Blob ? res.data : new Blob([res.data], {
+              type: res.headers["content-type"] || res.headers["Content-Type"] || "image/jpeg"
+            });
+            const fileURL = URL.createObjectURL(blob);
+            setDocFileUrl(fileURL);
+            const contentType = res.headers["content-type"] || res.headers["Content-Type"] || "";
+            if (contentType.toLowerCase().includes("pdf")) {
+              setDocFileType("pdf");
+            } else {
+              setDocFileType("image");
+            }
+            setShowDocModal(true);
+          }
+        } catch (err) {
+          console.error("Failed to fetch file URL via FileFetchbyid", err);
+        }
+      }
+    }
+  };
   const cpt = (data === null || data === void 0 ? void 0 : (_data$cpt = data.cpt) === null || _data$cpt === void 0 ? void 0 : _data$cpt.details) || {};
   let propertyAddress = (data === null || data === void 0 ? void 0 : data.propertyAddress) || {};
   if (Object.keys(propertyAddress).length === 0) {
@@ -47776,6 +47837,7 @@ const CheckPage$4 = ({
   const useDetails = (data === null || data === void 0 ? void 0 : (_data$useDetails = data.useDetails) === null || _data$useDetails === void 0 ? void 0 : _data$useDetails.useDetails) || (data === null || data === void 0 ? void 0 : data.useDetails) || {};
   const bankDetails = (data === null || data === void 0 ? void 0 : (_data$bankDetails = data.bankDetails) === null || _data$bankDetails === void 0 ? void 0 : _data$bankDetails.bankDetails) || (data === null || data === void 0 ? void 0 : data.bankDetails) || {};
   const documents = (data === null || data === void 0 ? void 0 : (_data$DocumentsRequir = data.DocumentsRequired) === null || _data$DocumentsRequir === void 0 ? void 0 : _data$DocumentsRequir.documents) || (data === null || data === void 0 ? void 0 : (_data$documents = data.documents) === null || _data$documents === void 0 ? void 0 : _data$documents.documents) || [];
+  const declaration = (data === null || data === void 0 ? void 0 : data.declarationData) || (data === null || data === void 0 ? void 0 : data.declaration) || {};
   const djbEmployee = (data === null || data === void 0 ? void 0 : (_data$djbEmployee = data.djbEmployee) === null || _data$djbEmployee === void 0 ? void 0 : _data$djbEmployee.djbEmployee) || (data === null || data === void 0 ? void 0 : data.djbEmployee) || {};
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, {
     className: "overflow-y-scroll"
@@ -48039,6 +48101,34 @@ const CheckPage$4 = ({
         onClick: () => openFilePDF((doc === null || doc === void 0 ? void 0 : doc.fileStoreId) || (doc === null || doc === void 0 ? void 0 : doc.documentUid))
       }, /*#__PURE__*/React.createElement(GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
     }));
+  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("WS_DECLARATION")), /*#__PURE__*/React.createElement(StatusTable, {
+    style: {
+      marginTop: "10px",
+      marginBottom: "30px"
+    }
+  }, /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_SUBMITTED_BY"),
+    text: `${t((declaration === null || declaration === void 0 ? void 0 : (_declaration$submitte = declaration.submittedBy) === null || _declaration$submitte === void 0 ? void 0 : _declaration$submitte.name) || (declaration === null || declaration === void 0 ? void 0 : (_declaration$submitte2 = declaration.submittedBy) === null || _declaration$submitte2 === void 0 ? void 0 : _declaration$submitte2.code) || (declaration === null || declaration === void 0 ? void 0 : declaration.submittedBy))}`,
+    actionButton: /*#__PURE__*/React.createElement(ActionButton, {
+      onClick: onEdit
+    })
+  }), ((declaration === null || declaration === void 0 ? void 0 : declaration.signatureFileStoreId) || (declaration === null || declaration === void 0 ? void 0 : declaration.signatureFile)) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_UPLOAD_SIGNATURE_FILE"),
+    text: (declaration === null || declaration === void 0 ? void 0 : declaration.signatureFileName) || (declaration === null || declaration === void 0 ? void 0 : (_declaration$signatur = declaration.signatureFile) === null || _declaration$signatur === void 0 ? void 0 : _declaration$signatur.name) || "Document"
+  }), /*#__PURE__*/React.createElement(Row, {
+    text: /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        cursor: "pointer",
+        color: "#f47738"
+      },
+      onClick: () => handleViewDocument((declaration === null || declaration === void 0 ? void 0 : declaration.signatureFileStoreId) || (declaration === null || declaration === void 0 ? void 0 : declaration.signatureFile))
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, null), " ", t("CS_COMMON_VIEW"))
+  })), /*#__PURE__*/React.createElement(Row, {
+    label: t("WS_I_AGREE_TO_ALL_DECLARATIONS"),
+    text: declaration !== null && declaration !== void 0 && declaration.agree ? t("Yes") : t("No")
   }))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("CS_COMMON_SUBMIT"),
     onSubmit: onSubmit,
@@ -48684,7 +48774,7 @@ const OLDApplication = () => {
       className: "employee-form-section-wrapper"
     }, /*#__PURE__*/React.createElement(VerticalTimeline, {
       config: timelineConfig,
-      currentActiveIndex: 4,
+      currentActiveIndex: 9,
       showFinalStep: false
     }), /*#__PURE__*/React.createElement(CheckPage$4, {
       data: sessionFormData,