@mseva/upyog-ui-module-chb 1.1.63 → 1.1.65

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { TickMark, CardSubHeader, Modal as Modal$1, CardLabelDesc, CardLabel, CardText, Card, FormStep, Dropdown, TextArea, Loader as Loader$1, TextInput, MobileNumber, Toast, LabelFieldPair, UploadFile, Table, KeyNote, SubmitBar, CardHeader, InfoIcon, Calender, CheckPoint, ConnectingCheckPoints, AppContainer, BackButton, PrivateRoute, PDFSvg as PDFSvg$2, StatusTable, Row, CardSectionHeader, CheckBox, LinkButton, Banner, Header, MultiLink, TelePhone, DisplayPhotos, SearchField, FilterFormField, RadioButtons, ComplaintIcon, InboxComposer, SearchForm, CardLabelError, DatePicker, EmployeeModuleCard, CloseSvg, Localities, RemoveableTag, FormComposer, ActionBar, Menu, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
+import { TickMark, CardSubHeader, Modal as Modal$1, CardLabelDesc, CardLabel, CardText, Card, FormStep, Dropdown, TextArea, Loader as Loader$1, TextInput, MobileNumber, Toast, LabelFieldPair, UploadFile, Table, KeyNote, SubmitBar, CardHeader, InfoIcon, Calender, CheckPoint, ConnectingCheckPoints, AppContainer, BackButton, PrivateRoute, PDFSvg as PDFSvg$1, StatusTable, Row, CardSectionHeader, CheckBox, LinkButton, Banner, Header, MultiLink, TelePhone, DisplayPhotos, SearchField, FilterFormField, RadioButtons, ComplaintIcon, InboxComposer, SearchForm, CardLabelError, DatePicker, EmployeeModuleCard, CloseSvg, Localities, RemoveableTag, FormComposer, ActionBar, Menu, OTPInput, Rating, CitizenHomeCard } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useRef, useMemo, useCallback, Fragment as Fragment$1, useReducer } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useRouteMatch, useHistory, Switch, Route, Redirect, Link, useParams } from 'react-router-dom';
@@ -542,6 +542,10 @@ function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
 }
 
+function getCjsExportFromNamespace (n) {
+	return n && n['default'] || n;
+}
+
 var jquery = createCommonjsModule(function (module) {
   (function (global, factory) {
 
@@ -17655,13 +17659,20 @@ const CommunityHallSearch = ({
   }));
 };
 
-const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, t) => {
+const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles = {}, t) => {
   var _workflowDetails$data, _workflowDetails$data2, _processInstances$, _processInstances$2, _processInstances$3, _timeline$, _timeline$2, _timeline$3, _timeline$4;
+  console.log('pdfFiles', pdfFiles);
   const timeline = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.timeline) || [];
   const processInstances = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.processInstances) || (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.processInstances) || [];
   const businessId = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$ = processInstances[0]) === null || _processInstances$ === void 0 ? void 0 : _processInstances$.businessId) || "N/A";
   const businessService = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$2 = processInstances[0]) === null || _processInstances$2 === void 0 ? void 0 : _processInstances$2.businessService) || "N/A";
   const moduleName = (processInstances === null || processInstances === void 0 ? void 0 : (_processInstances$3 = processInstances[0]) === null || _processInstances$3 === void 0 ? void 0 : _processInstances$3.moduleName) || "N/A";
+  const pdfDownloadLink = (documents, fileStoreId) => {
+    var _downloadLink$split;
+    const downloadLink = (documents === null || documents === void 0 ? void 0 : documents[fileStoreId]) || "";
+    const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
+    return (formats === null || formats === void 0 ? void 0 : formats.find(link => !(link !== null && link !== void 0 && link.includes("large")) && !(link !== null && link !== void 0 && link.includes("medium")) && !(link !== null && link !== void 0 && link.includes("small")))) || (formats === null || formats === void 0 ? void 0 : formats[0]) || "";
+  };
   const timelineRows = timeline.map((item, index) => {
     var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
     const createdDate = (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.created) || "N/A";
@@ -17688,7 +17699,8 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, t) => {
       documents: documents.map(doc => ({
         name: (doc === null || doc === void 0 ? void 0 : doc.fileName) || (doc === null || doc === void 0 ? void 0 : doc.documentType) || "Document",
         type: (doc === null || doc === void 0 ? void 0 : doc.documentType) || "Document",
-        fileStoreId: doc === null || doc === void 0 ? void 0 : doc.fileStoreId
+        fileStoreId: doc === null || doc === void 0 ? void 0 : doc.fileStoreId,
+        link: pdfDownloadLink(pdfFiles, doc === null || doc === void 0 ? void 0 : doc.fileStoreId)
       })),
       hasDocuments: documents.length > 0
     };
@@ -17872,18 +17884,30 @@ const ApplicationTimeline = ({
   workflowDetails,
   t
 }) => {
-  var _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _timeline$;
+  var _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _timeline$;
   const details = (workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.data) || workflowDetails;
   const timeline = useMemo(() => normalizeTimeline({
     data: details
   }), [details]);
   const currentState = workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : (_workflowDetails$data3 = _workflowDetails$data2.timeline) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3[0]) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.state;
+  const {
+    isLoading,
+    data
+  } = Digit.Hooks.ads.useADSDocumentSearch({
+    value: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : (_workflowDetails$data6 = _workflowDetails$data5.timeline) === null || _workflowDetails$data6 === void 0 ? void 0 : _workflowDetails$data6.flatMap(item => item === null || item === void 0 ? void 0 : item.wfDocuments)) || []
+  }, {
+    value: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data7 = workflowDetails.data) === null || _workflowDetails$data7 === void 0 ? void 0 : (_workflowDetails$data8 = _workflowDetails$data7.timeline) === null || _workflowDetails$data8 === void 0 ? void 0 : _workflowDetails$data8.flatMap(item => item === null || item === void 0 ? void 0 : item.wfDocuments)) || []
+  }, null, 0);
+  console.log('data of doc hook', data);
   const handleDownloadPDF = useCallback(() => {
-    const tenantInfo = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY") || {};
-    const acknowledgementData = getTimelineAcknowledgementData(workflowDetails, tenantInfo, t);
-    Digit.Utils.pdf.generateTimelinePDF(acknowledgementData);
-  }, [workflowDetails, t]);
+    if (!isLoading) {
+      const tenantInfo = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY") || {};
+      const acknowledgementData = getTimelineAcknowledgementData(workflowDetails, tenantInfo, (data === null || data === void 0 ? void 0 : data.pdfFiles) || {}, t);
+      Digit.Utils.pdf.generateTimelinePDF(acknowledgementData);
+    }
+  }, [workflowDetails, data, t]);
   if (!(timeline !== null && timeline !== void 0 && timeline.length)) return null;
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
   return /*#__PURE__*/React.createElement("div", {
     className: "timeline-hoc-container"
   }, /*#__PURE__*/React.createElement("div", {
@@ -18220,6 +18244,9 @@ function CHBDocument({
   const {
     t
   } = useTranslation();
+  const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
+  console.log("value==", value);
+  console.log("Code==", Code);
   const {
     isLoading,
     isError,
@@ -18240,14 +18267,16 @@ function CHBDocument({
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loader$1, null);
   }
-  console.log("Code", Code);
+  console.log("data====", data);
+  console.log("documents====", documents);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       flexWrap: "wrap"
     }
-  }, documents.map((document, index) => {
-    let documentLink = pdfDownloadLink$1(data.pdfFiles, document.fileStoreId);
+  }, documents === null || documents === void 0 ? void 0 : documents.map((document, index) => {
+    const fileId = document.fileStoreId || document.filestoreId;
+    let documentLink = pdfDownloadLink$1(data.pdfFiles, fileId);
     return /*#__PURE__*/React.createElement("a", {
       target: "_",
       href: documentLink,
@@ -18255,7 +18284,7 @@ function CHBDocument({
         minWidth: "160px"
       },
       key: index
-    }, /*#__PURE__*/React.createElement(PDFSvg$2, null), showFileName ? /*#__PURE__*/React.createElement("p", {
+    }, /*#__PURE__*/React.createElement(PDFSvg$1, null), showFileName ? /*#__PURE__*/React.createElement("p", {
       style: {
         marginTop: "8px"
       }
@@ -41885,13 +41914,20 @@ const CHBApplicationDetails = () => {
     return /*#__PURE__*/React.createElement(Loader$1, null);
   }
   const getChbAcknowledgement = async () => {
-    const applications = application || {};
-    console.log('applications for chbb', applications);
-    const tenantInfo = tenants.find(tenant => tenant.code === applications.tenantId);
-    const acknowldgementDataAPI = await getChbAcknowledgementData({
-      ...applications
-    }, tenantInfo, t);
-    Digit.Utils.pdf.generate(acknowldgementDataAPI);
+    try {
+      setLoading(true);
+      const applications = application || {};
+      console.log("applications for chbb", applications);
+      const tenantInfo = tenants.find(tenant => tenant.code === applications.tenantId);
+      const acknowldgementDataAPI = await getChbAcknowledgementData({
+        ...applications
+      }, tenantInfo, t);
+      Digit.Utils.pdf.generate(acknowldgementDataAPI);
+    } catch (err) {
+      console.error(err);
+    } finally {
+      setLoading(false);
+    }
   };
   let documentDate = t("CS_NA");
   if (chb_details !== null && chb_details !== void 0 && (_chb_details$addition = chb_details.additionalDetails) !== null && _chb_details$addition !== void 0 && _chb_details$addition.documentDate) {
@@ -41905,64 +41941,78 @@ const CHBApplicationDetails = () => {
     payments,
     ...params
   }) {
-    var _data$hallsBookingApp;
-    let application = data === null || data === void 0 ? void 0 : (_data$hallsBookingApp = data.hallsBookingApplication) === null || _data$hallsBookingApp === void 0 ? void 0 : _data$hallsBookingApp[0];
-    let fileStoreId = application === null || application === void 0 ? void 0 : application.paymentReceiptFilestoreId;
-    if (!fileStoreId) {
-      var _response, _response2;
-      let response = {
-        filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
-      };
-      response = await Digit.PaymentService.generatePdf(tenantId, {
-        Payments: [{
-          ...payments,
-          ...application
-        }]
-      }, "chbservice-receipt");
-      const updatedApplication = {
-        ...application,
-        paymentReceiptFilestoreId: (_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]
-      };
-      await mutation.mutateAsync({
-        hallsBookingApplication: updatedApplication
+    try {
+      var _data$hallsBookingApp;
+      setLoading(true);
+      let application = data === null || data === void 0 ? void 0 : (_data$hallsBookingApp = data.hallsBookingApplication) === null || _data$hallsBookingApp === void 0 ? void 0 : _data$hallsBookingApp[0];
+      let fileStoreId = application === null || application === void 0 ? void 0 : application.paymentReceiptFilestoreId;
+      if (!fileStoreId) {
+        var _response, _response2;
+        let response = {
+          filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
+        };
+        response = await Digit.PaymentService.generatePdf(tenantId, {
+          Payments: [{
+            ...payments,
+            ...application
+          }]
+        }, "chbservice-receipt");
+        const updatedApplication = {
+          ...application,
+          paymentReceiptFilestoreId: (_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]
+        };
+        await mutation.mutateAsync({
+          hallsBookingApplication: updatedApplication
+        });
+        fileStoreId = (_response2 = response) === null || _response2 === void 0 ? void 0 : _response2.filestoreIds[0];
+        refetch();
+      }
+      const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+        fileStoreIds: fileStoreId
       });
-      fileStoreId = (_response2 = response) === null || _response2 === void 0 ? void 0 : _response2.filestoreIds[0];
-      refetch();
+      window.open(fileStore[fileStoreId], "_blank");
+    } catch (error) {
+      console.error("Sanction Letter download error:", error);
+    } finally {
+      setLoading(false);
     }
-    const fileStore = await Digit.PaymentService.printReciept(tenantId, {
-      fileStoreIds: fileStoreId
-    });
-    window.open(fileStore[fileStoreId], "_blank");
   }
   async function getPermissionLetter({
     tenantId,
     payments,
     ...params
   }) {
-    let application = {
-      hallsBookingApplication: ((data === null || data === void 0 ? void 0 : data.hallsBookingApplication) || []).map(app => {
-        return {
-          ...app,
-          bookingSlotDetails: [...(app.bookingSlotDetails || [])].sort((a, b) => {
-            return new Date(a.bookingDate) - new Date(b.bookingDate);
-          })
-        };
-      })
-    };
-    let fileStoreId = application === null || application === void 0 ? void 0 : application.permissionLetterFilestoreId;
-    if (!fileStoreId) {
-      const response = await Digit.PaymentService.generatePdf(tenantId, {
-        Payments: [{
-          ...payments,
-          ...application
-        }]
-      }, "chb-permissionletter");
-      fileStoreId = response === null || response === void 0 ? void 0 : response.filestoreIds[0];
+    try {
+      setLoading(true);
+      let application = {
+        hallsBookingApplication: ((data === null || data === void 0 ? void 0 : data.hallsBookingApplication) || []).map(app => {
+          return {
+            ...app,
+            bookingSlotDetails: [...(app.bookingSlotDetails || [])].sort((a, b) => {
+              return new Date(a.bookingDate) - new Date(b.bookingDate);
+            })
+          };
+        })
+      };
+      let fileStoreId = payments === null || payments === void 0 ? void 0 : payments.fileStoreId;
+      if (!fileStoreId) {
+        const response = await Digit.PaymentService.generatePdf(tenantId, {
+          Payments: [{
+            ...payments,
+            ...application
+          }]
+        }, "chb-permissionletter");
+        fileStoreId = response === null || response === void 0 ? void 0 : response.filestoreIds[0];
+      }
+      const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+        fileStoreIds: fileStoreId
+      });
+      window.open(fileStore[fileStoreId], "_blank");
+    } catch (error) {
+      console.error("Sanction Letter download error:", error);
+    } finally {
+      setLoading(false);
     }
-    const fileStore = await Digit.PaymentService.printReciept(tenantId, {
-      fileStoreIds: fileStoreId
-    });
-    window.open(fileStore[fileStoreId], "_blank");
   }
   let dowloadOptions = [];
   dowloadOptions.push({
@@ -42014,6 +42064,7 @@ const CHBApplicationDetails = () => {
     bookingDate: slot.bookingDate,
     bookingStatus: t(`WF_CHB_${slot === null || slot === void 0 ? void 0 : slot.status}`)
   }))) || [];
+  console.log("docs===", docs);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "cardHeaderWithOptions",
     style: {
@@ -42024,7 +42075,7 @@ const CHBApplicationDetails = () => {
     styles: {
       fontSize: "32px"
     }
-  }, t("CHB_BOOKING_DETAILS")), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
+  }, t("CHB_BOOKING_DETAILS")), loading && /*#__PURE__*/React.createElement(Loader$1, null), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
     className: "multilinkWrapper",
     onHeadClick: () => setShowOptions(!showOptions),
     displayOptions: showOptions,
@@ -42429,7 +42480,7 @@ const useInboxMobileCardsData = ({
   };
   return {
     data: dataForMobileInboxCards,
-    linkPrefix: `${parentRoute}/inbox/application-overview/`,
+    linkPrefix: `${parentRoute}/applicationsearch/application-details/`,
     serviceRequestIdKey: t("NOC_HOME_SEARCH_RESULTS_APP_NO_LABEL"),
     MobileSortFormValues
   };
@@ -45033,60 +45084,59 @@ const StepWrapper = ({
   const {
     t
   } = useTranslation();
-  const stepStyle = isActive => ({
+  const stepStyle = (isActive, isLast) => ({
     display: "flex",
     alignItems: "center",
     justifyContent: "flex-end",
-    flex: 1,
-    color: isActive ? "#3f51b5" : "#ccc",
-    padding: "10px 10px",
-    width: "260px"
+    flex: "0 0 auto",
+    color: isActive ? "#0D43A7" : "#9CA3AF",
+    padding: "14px 12px",
+    width: "260px",
+    marginBottom: isLast ? "6px" : "18px"
   });
   const circleStyle = stepNumber => {
-    let backgroundColor;
-    if (stepNumber <= _currentStep) {
-      backgroundColor = "#0D43A7";
-    } else {
-      backgroundColor = "#FFFFFF";
-    }
+    const completed = stepNumber <= _currentStep;
     return {
-      width: "60px",
-      height: "60px",
+      width: "56px",
+      height: "56px",
       borderRadius: "50%",
-      backgroundColor,
-      color: stepNumber <= _currentStep ? "white" : "black",
+      background: completed ? "linear-gradient(135deg,#2563eb,#7c3aed)" : "#ffffff",
+      color: completed ? "#ffffff" : "#0f172a",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      marginBottom: "10px",
-      fontWeight: "normal",
+      marginBottom: "8px",
+      fontWeight: 600,
       fontSize: "18px",
-      border: stepNumber > _currentStep ? "1px solid black" : "",
+      border: completed ? "none" : "1px solid rgba(15,23,42,0.08)",
+      boxShadow: completed ? "0 6px 18px rgba(37,99,235,0.18)" : "0 2px 6px rgba(2,6,23,0.04)",
       position: "relative"
     };
   };
   const labelStyle = {
-    fontSize: "18px",
-    color: "#1E1E1E",
-    fontWeight: "500",
-    fontFamily: "Noto Sans,sans-serif",
-    marginRight: "6px"
+    fontSize: "16px",
+    color: "#0f172a",
+    fontWeight: 600,
+    fontFamily: "Noto Sans, sans-serif",
+    marginRight: "8px",
+    textAlign: "right"
   };
   const stepNumberStyle = {
-    fontSize: "18px",
-    color: "#263238",
-    fontWeight: "400",
-    fontFamily: "Noto Sans,sans-serif",
-    margin: "0px 6px 0px 0px"
+    fontSize: "14px",
+    color: "#6b7280",
+    fontWeight: 500,
+    fontFamily: "Noto Sans, sans-serif",
+    margin: "0 6px 0 0"
   };
   const lineStyle = {
     position: "absolute",
-    width: "2px",
-    height: "50px",
-    backgroundColor: "grey",
+    width: "3px",
+    height: "56px",
+    backgroundColor: "rgba(15,23,42,0.06)",
     left: "50%",
     top: "100%",
-    transform: "translateX(-50%)"
+    transform: "translateX(-50%)",
+    borderRadius: "2px"
   };
   const isMobile = window.Digit.Utils.browser.isMobile();
   const totalSteps = _stepsList.length;
@@ -45096,22 +45146,25 @@ const StepWrapper = ({
       width: "100%",
       display: "flex",
       flexDirection: "row",
-      alignItems: "top",
-      justifyContent: "flex-start"
+      alignItems: "flex-start",
+      justifyContent: "flex-start",
+      gap: "24px"
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "stepper-navigation-bar",
     style: {
       display: "flex",
       flexDirection: "column",
-      justifyContent: "space-between",
-      height: "50%",
+      alignItems: "center",
+      padding: "18px",
+      minWidth: "120px",
+      maxWidth: "320px",
       marginBottom: "20px"
     }
   }, [...Array(totalSteps)].map((_, index) => /*#__PURE__*/React.createElement("div", {
     className: "step-content",
     key: index,
-    style: stepStyle(index + 1 <= _currentStep)
+    style: stepStyle(index + 1 <= _currentStep, index === totalSteps - 1)
   }, /*#__PURE__*/React.createElement("div", {
     className: "step-sub-content",
     style: {
@@ -45135,7 +45188,8 @@ const StepWrapper = ({
     className: "stepper-body",
     style: {
       width: "100%",
-      marginBottom: "20px"
+      marginBottom: "20px",
+      background: "transparent"
     }
   }, children));
 };
@@ -47183,6 +47237,8 @@ var reactLifecyclesCompat_es = {
   polyfill: polyfill
 };
 
+var _reactLifecyclesCompat = getCjsExportFromNamespace(reactLifecyclesCompat_es);
+
 var Modal_1 = createCommonjsModule(function (module, exports) {
 
   Object.defineProperty(exports, "__esModule", {
@@ -47471,7 +47527,7 @@ var Modal_1 = createCommonjsModule(function (module, exports) {
       padding: "20px"
     }
   };
-  (0, reactLifecyclesCompat_es.polyfill)(Modal);
+  (0, _reactLifecyclesCompat.polyfill)(Modal);
   if (process.env.NODE_ENV !== "production") {
     Modal.setCreateHTMLElement = function (fn) {
       return createHTMLElement = fn;
@@ -47512,6 +47568,7 @@ const CitizenConsent = ({
   const user = Digit.UserService.getUser();
   const ownername = user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.name;
   const ownermobileNumber = user === null || user === void 0 ? void 0 : user.info.mobileNumber;
+  const isCitizen = window.location.href.includes("citizen");
   const {
     id
   } = useParams();
@@ -47663,6 +47720,10 @@ const CitizenConsent = ({
         const formatted = `${map.day} ${map.month} ${map.year} ${map.weekday} ${map.hour}:${map.minute}:${map.second} ${map.dayPeriod} ${map.timeZoneName}`;
         setOTPVerifiedTimestamp(formatted);
         sessionStorage.setItem("otpVerifiedTimestampcitizen", formatted);
+        if (isCitizen) setUser({
+          info,
+          ...tokens
+        });
         setSetOtpLoading(false);
         setShowOTPInput(false);
         setIsOTPVerified(true);
@@ -47673,6 +47734,7 @@ const CitizenConsent = ({
         return "";
       }
     } catch (error) {
+      console.log("error===", error);
       setOTPError(t("Error verifying OTP"));
       setSetOtpLoading(false);
       return "";
@@ -47752,6 +47814,7 @@ const CitizenConsent = ({
     if (!userSelected) {
       return;
     }
+    console.log("userSelected===", userSelected);
     Digit.SessionStorage.set("citizen.userRequestObject", userSelected);
     Digit.UserService.setUser(userSelected);
     setCitizenDetail(userSelected === null || userSelected === void 0 ? void 0 : userSelected.info, userSelected === null || userSelected === void 0 ? void 0 : userSelected.access_token, stateCode);
@@ -47912,11 +47975,11 @@ const CHBCitizenDetailsNew = ({
   currentStepData,
   onGoBack
 }) => {
-  var _user$info, _user$info2, _user$info3, _user$info4;
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const isCitizen = window.location.href.includes("citizen");
   const stateId = Digit.ULBService.getStateId();
   const user = Digit.UserService.getUser();
+  const userInfoData = JSON.parse(sessionStorage.getItem("userInfoData") || "{}");
   const [loader, setLoader] = useState(false);
   const [showTermsPopup, setShowTermsPopup] = useState(false);
   const [getModalData, setModalData] = useState();
@@ -47927,6 +47990,11 @@ const CHBCitizenDetailsNew = ({
     address: false
   });
   const [getShowOtp, setShowOtp] = useState(false);
+  const {
+    mobileNumber,
+    emailId,
+    name
+  } = user === null || user === void 0 ? void 0 : user.info;
   const {
     control,
     handleSubmit,
@@ -47940,10 +48008,10 @@ const CHBCitizenDetailsNew = ({
     mode: "onChange",
     reValidateMode: "onChange",
     defaultValues: {
-      name: isCitizen && (user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.name) || "",
-      emailId: isCitizen && (user === null || user === void 0 ? void 0 : (_user$info2 = user.info) === null || _user$info2 === void 0 ? void 0 : _user$info2.emailId) || "",
-      mobileNumber: isCitizen && (user === null || user === void 0 ? void 0 : (_user$info3 = user.info) === null || _user$info3 === void 0 ? void 0 : _user$info3.mobileNumber) || "",
-      address: isCitizen && (user === null || user === void 0 ? void 0 : (_user$info4 = user.info) === null || _user$info4 === void 0 ? void 0 : _user$info4.permanentCity) || ""
+      name: isCitizen && ((userInfoData === null || userInfoData === void 0 ? void 0 : userInfoData.name) || name) || "",
+      emailId: isCitizen && ((userInfoData === null || userInfoData === void 0 ? void 0 : userInfoData.emailId) || emailId) || "",
+      mobileNumber: isCitizen && ((userInfoData === null || userInfoData === void 0 ? void 0 : userInfoData.mobileNumber) || mobileNumber) || "",
+      address: isCitizen && (userInfoData === null || userInfoData === void 0 ? void 0 : userInfoData.permanentAddress) || ""
     }
   });
   const onSubmit = async data => {
@@ -47952,7 +48020,7 @@ const CHBCitizenDetailsNew = ({
     if (currentStepData !== null && currentStepData !== void 0 && (_currentStepData$venu = currentStepData.venueDetails) !== null && _currentStepData$venu !== void 0 && (_currentStepData$venu2 = _currentStepData$venu[0]) !== null && _currentStepData$venu2 !== void 0 && _currentStepData$venu2.bookingNo) {
       goNext(currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.venueDetails);
     } else {
-      var _currentStepData$owne, _user$info5, _baseApplication$purp, _baseApplication$purp2;
+      var _currentStepData$owne, _user$info, _baseApplication$purp, _baseApplication$purp2;
       const baseApplication = (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$owne = currentStepData.ownerDetails) === null || _currentStepData$owne === void 0 ? void 0 : _currentStepData$owne.hallsBookingApplication) || {};
       if (!isCitizenDeclared) {
         alert("Please upload Self Certificate");
@@ -47963,7 +48031,7 @@ const CHBCitizenDetailsNew = ({
         applicantName: data === null || data === void 0 ? void 0 : data.name,
         applicantMobileNo: data === null || data === void 0 ? void 0 : data.mobileNumber,
         applicantEmailId: data === null || data === void 0 ? void 0 : data.emailId,
-        type: user === null || user === void 0 ? void 0 : (_user$info5 = user.info) === null || _user$info5 === void 0 ? void 0 : _user$info5.type
+        type: user === null || user === void 0 ? void 0 : (_user$info = user.info) === null || _user$info === void 0 ? void 0 : _user$info.type
       };
       const additionalDetails = {
         ...(baseApplication === null || baseApplication === void 0 ? void 0 : baseApplication.additionalDetails),
@@ -47985,7 +48053,7 @@ const CHBCitizenDetailsNew = ({
           address,
           owners,
           purpose: {
-            purpose: baseApplication === null || baseApplication === void 0 ? void 0 : (_baseApplication$purp = baseApplication.purpose) === null || _baseApplication$purp === void 0 ? void 0 : (_baseApplication$purp2 = _baseApplication$purp.purpose) === null || _baseApplication$purp2 === void 0 ? void 0 : _baseApplication$purp2.code
+            purpose: baseApplication === null || baseApplication === void 0 ? void 0 : (_baseApplication$purp = baseApplication.purpose) === null || _baseApplication$purp === void 0 ? void 0 : (_baseApplication$purp2 = _baseApplication$purp.purpose) === null || _baseApplication$purp2 === void 0 ? void 0 : _baseApplication$purp2.name
           },
           additionalDetails
         }
@@ -48277,12 +48345,7 @@ const CHBCitizenDetailsNew = ({
       color: "red"
     }
   }, errors.termsAccepted.message)), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
-    style: {
-      background: " white",
-      color: "black",
-      border: "1px solid",
-      marginRight: "10px"
-    },
+    className: "submit-bar-back",
     label: "Back",
     onSubmit: onGoBack
   }), /*#__PURE__*/React.createElement(SubmitBar, {
@@ -48417,85 +48480,12 @@ const NewADSStepFormThree = ({
   }));
 };
 
-const PDFSvg$1 = ({
-  width: _width = 20,
-  height: _height = 20,
-  style
-}) => /*#__PURE__*/React.createElement("svg", {
-  style: style,
-  xmlns: "http://www.w3.org/2000/svg",
-  width: _width,
-  height: _height,
-  viewBox: "0 0 20 20",
-  fill: "gray"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z"
-}));
-function CHBDocument$1({
-  value = {},
-  Code,
-  index
-}) {
-  const {
-    t
-  } = useTranslation();
-  const {
-    isLoading,
-    isError,
-    error,
-    data
-  } = Digit.Hooks.ads.useADSDocumentSearch({
-    value
-  }, {
-    value
-  }, Code, index);
-  console.log("dataInNDCDocument", data);
-  const documents = value !== null && value !== void 0 && value.documents ? value.documents.documents.filter(doc => doc.documentType === Code).map(doc => ({
-    ...doc,
-    documentType: doc.documentType.replace(/\./g, "_")
-  })) : value.filter(doc => doc.documentType === Code).map(doc => ({
-    ...doc,
-    documentType: doc.documentType.replace(/\./g, "_")
-  }));
-  if (isLoading) {
-    return /*#__PURE__*/React.createElement(Loader$1, null);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "19px"
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, (data === null || data === void 0 ? void 0 : data.pdfFiles) && /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      flexWrap: "wrap"
-    }
-  }, documents === null || documents === void 0 ? void 0 : documents.map((document, index) => {
-    let documentLink = pdfDownloadLink$1(data.pdfFiles, document === null || document === void 0 ? void 0 : document.fileStoreId);
-    return /*#__PURE__*/React.createElement("a", {
-      target: "_",
-      href: documentLink,
-      style: {
-        minWidth: "100px",
-        marginRight: "10px"
-      },
-      key: index
-    }, /*#__PURE__*/React.createElement(PDFSvg$1, {
-      width: 85,
-      height: 100,
-      style: {
-        background: "#f6f6f6",
-        padding: "8px"
-      }
-    }));
-  }))));
-}
-
 function CHBSummary({
   formData,
   goNext,
   onGoBack
 }) {
-  var _formData$documents, _formData$documents$d, _formData$apiData, _formData$apiData$App, _formData$apiData$App2, _formData$venueDetail, _formData$venueDetail2, _user$info, _user$info$roles, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _formData$venueDetail3, _formData$venueDetail4, _formData$venueDetail5, _formData$venueDetail0, _formData$venueDetail1, _formData$venueDetail10, _formData$venueDetail11, _formData$venueDetail12, _formData$venueDetail13, _formData$venueDetail14, _formData$venueDetail15, _formData$venueDetail16, _formData$venueDetail17, _formData$venueDetail18, _formData$venueDetail19, _formData$ownerDetail, _formData$ownerDetail2, _formData$ownerDetail3, _formData$ownerDetail4, _formData$ownerDetail5, _formData$ownerDetail6, _formData$ownerDetail7, _formData$ownerDetail8, _formData$ownerDetail9, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
+  var _formData$venueDetail, _formData$venueDetail2, _formData$documents, _formData$documents$d, _formData$documents2, _formData$documents2$, _formData$apiData, _formData$apiData$App, _formData$apiData$App2, _formData$venueDetail3, _formData$venueDetail4, _user$info, _user$info$roles, _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _formData$venueDetail5, _formData$venueDetail6, _formData$venueDetail7, _formData$venueDetail10, _formData$venueDetail11, _formData$venueDetail12, _formData$venueDetail13, _formData$venueDetail14, _formData$venueDetail15, _formData$venueDetail16, _formData$venueDetail17, _formData$venueDetail18, _formData$venueDetail19, _formData$venueDetail20, _formData$venueDetail21, _formData$ownerDetail, _formData$ownerDetail2, _formData$ownerDetail3, _formData$ownerDetail4, _formData$ownerDetail5, _formData$ownerDetail6, _formData$ownerDetail7, _formData$ownerDetail8, _formData$ownerDetail9, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
   const {
     pathname: url
   } = useLocation();
@@ -48523,8 +48513,13 @@ function CHBSummary({
     Header: `${t("PT_COMMON_TABLE_COL_STATUS_LABEL")}`,
     accessor: "bookingStatus"
   }];
-  let docs = formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : (_formData$documents$d = _formData$documents.documents) === null || _formData$documents$d === void 0 ? void 0 : _formData$documents$d.documents;
-  const appId = (formData === null || formData === void 0 ? void 0 : (_formData$apiData = formData.apiData) === null || _formData$apiData === void 0 ? void 0 : (_formData$apiData$App = _formData$apiData.Applications) === null || _formData$apiData$App === void 0 ? void 0 : (_formData$apiData$App2 = _formData$apiData$App[0]) === null || _formData$apiData$App2 === void 0 ? void 0 : _formData$apiData$App2.uuid) || (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail = formData.venueDetails) === null || _formData$venueDetail === void 0 ? void 0 : (_formData$venueDetail2 = _formData$venueDetail[0]) === null || _formData$venueDetail2 === void 0 ? void 0 : _formData$venueDetail2.bookingNo);
+  const bookingId = formData === null || formData === void 0 ? void 0 : (_formData$venueDetail = formData.venueDetails) === null || _formData$venueDetail === void 0 ? void 0 : (_formData$venueDetail2 = _formData$venueDetail[0]) === null || _formData$venueDetail2 === void 0 ? void 0 : _formData$venueDetail2.bookingId;
+  console.log("docs===??", formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : (_formData$documents$d = _formData$documents.documents) === null || _formData$documents$d === void 0 ? void 0 : _formData$documents$d.documents);
+  let docs = ((formData === null || formData === void 0 ? void 0 : (_formData$documents2 = formData.documents) === null || _formData$documents2 === void 0 ? void 0 : (_formData$documents2$ = _formData$documents2.documents) === null || _formData$documents2$ === void 0 ? void 0 : _formData$documents2$.documents) || []).map(doc => ({
+    ...doc,
+    bookingId
+  }));
+  const appId = (formData === null || formData === void 0 ? void 0 : (_formData$apiData = formData.apiData) === null || _formData$apiData === void 0 ? void 0 : (_formData$apiData$App = _formData$apiData.Applications) === null || _formData$apiData$App === void 0 ? void 0 : (_formData$apiData$App2 = _formData$apiData$App[0]) === null || _formData$apiData$App2 === void 0 ? void 0 : _formData$apiData$App2.uuid) || (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail3 = formData.venueDetails) === null || _formData$venueDetail3 === void 0 ? void 0 : (_formData$venueDetail4 = _formData$venueDetail3[0]) === null || _formData$venueDetail4 === void 0 ? void 0 : _formData$venueDetail4.bookingNo);
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const isCitizen = window.location.href.includes("citizen");
   const [getData, setData] = useState();
@@ -48590,16 +48585,17 @@ function CHBSummary({
   }, /*#__PURE__*/React.createElement(CardLabel, {
     style: boldLabelStyle
   }, label), /*#__PURE__*/React.createElement("div", null, t(value) || "NA"));
-  const slotlistRows = (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail3 = formData.venueDetails) === null || _formData$venueDetail3 === void 0 ? void 0 : (_formData$venueDetail4 = _formData$venueDetail3[0]) === null || _formData$venueDetail4 === void 0 ? void 0 : (_formData$venueDetail5 = _formData$venueDetail4.bookingSlotDetails) === null || _formData$venueDetail5 === void 0 ? void 0 : _formData$venueDetail5.map(slot => {
-    var _formData$venueDetail6, _formData$venueDetail7, _formData$venueDetail8, _formData$venueDetail9;
+  const slotlistRows = (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail5 = formData.venueDetails) === null || _formData$venueDetail5 === void 0 ? void 0 : (_formData$venueDetail6 = _formData$venueDetail5[0]) === null || _formData$venueDetail6 === void 0 ? void 0 : (_formData$venueDetail7 = _formData$venueDetail6.bookingSlotDetails) === null || _formData$venueDetail7 === void 0 ? void 0 : _formData$venueDetail7.map(slot => {
+    var _formData$venueDetail8, _formData$venueDetail9, _formData$venueDetail0, _formData$venueDetail1;
     return {
-      communityHallCode: `${t(formData === null || formData === void 0 ? void 0 : (_formData$venueDetail6 = formData.venueDetails) === null || _formData$venueDetail6 === void 0 ? void 0 : (_formData$venueDetail7 = _formData$venueDetail6[0]) === null || _formData$venueDetail7 === void 0 ? void 0 : _formData$venueDetail7.communityHallCode)}`,
-      hallName: formData === null || formData === void 0 ? void 0 : (_formData$venueDetail8 = formData.venueDetails) === null || _formData$venueDetail8 === void 0 ? void 0 : (_formData$venueDetail9 = _formData$venueDetail8[0]) === null || _formData$venueDetail9 === void 0 ? void 0 : _formData$venueDetail9.communityHallName,
+      communityHallCode: `${t(formData === null || formData === void 0 ? void 0 : (_formData$venueDetail8 = formData.venueDetails) === null || _formData$venueDetail8 === void 0 ? void 0 : (_formData$venueDetail9 = _formData$venueDetail8[0]) === null || _formData$venueDetail9 === void 0 ? void 0 : _formData$venueDetail9.communityHallCode)}`,
+      hallName: formData === null || formData === void 0 ? void 0 : (_formData$venueDetail0 = formData.venueDetails) === null || _formData$venueDetail0 === void 0 ? void 0 : (_formData$venueDetail1 = _formData$venueDetail0[0]) === null || _formData$venueDetail1 === void 0 ? void 0 : _formData$venueDetail1.communityHallName,
       hallCode: slot.hallCode + " - " + slot.capacity,
       bookingDate: slot.bookingDate,
       bookingStatus: t(`WF_CHB_${slot === null || slot === void 0 ? void 0 : slot.status}`)
     };
   })) || [];
+  console.log("docs===", docs);
   return /*#__PURE__*/React.createElement("div", {
     style: pageStyle
   }, /*#__PURE__*/React.createElement("h2", {
@@ -48610,7 +48606,7 @@ function CHBSummary({
     style: {
       fontSize: "24px"
     }
-  }, t("CHB_APPLICANT_DETAILS")), renderLabel(t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail0 = formData.venueDetails) === null || _formData$venueDetail0 === void 0 ? void 0 : (_formData$venueDetail1 = _formData$venueDetail0[0]) === null || _formData$venueDetail1 === void 0 ? void 0 : (_formData$venueDetail10 = _formData$venueDetail1.applicantDetail) === null || _formData$venueDetail10 === void 0 ? void 0 : _formData$venueDetail10.applicantName), renderLabel(t("NOC_APPLICANT_MOBILE_NO_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail11 = formData.venueDetails) === null || _formData$venueDetail11 === void 0 ? void 0 : (_formData$venueDetail12 = _formData$venueDetail11[0]) === null || _formData$venueDetail12 === void 0 ? void 0 : (_formData$venueDetail13 = _formData$venueDetail12.applicantDetail) === null || _formData$venueDetail13 === void 0 ? void 0 : _formData$venueDetail13.applicantMobileNo), renderLabel(t("NOC_APPLICANT_EMAIL_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail14 = formData.venueDetails) === null || _formData$venueDetail14 === void 0 ? void 0 : (_formData$venueDetail15 = _formData$venueDetail14[0]) === null || _formData$venueDetail15 === void 0 ? void 0 : (_formData$venueDetail16 = _formData$venueDetail15.applicantDetail) === null || _formData$venueDetail16 === void 0 ? void 0 : _formData$venueDetail16.applicantEmailId), renderLabel(t("PT_COMMON_COL_ADDRESS"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail17 = formData.venueDetails) === null || _formData$venueDetail17 === void 0 ? void 0 : (_formData$venueDetail18 = _formData$venueDetail17[0]) === null || _formData$venueDetail18 === void 0 ? void 0 : (_formData$venueDetail19 = _formData$venueDetail18.address) === null || _formData$venueDetail19 === void 0 ? void 0 : _formData$venueDetail19.addressLine1)), /*#__PURE__*/React.createElement("div", {
+  }, t("CHB_APPLICANT_DETAILS")), renderLabel(t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail10 = formData.venueDetails) === null || _formData$venueDetail10 === void 0 ? void 0 : (_formData$venueDetail11 = _formData$venueDetail10[0]) === null || _formData$venueDetail11 === void 0 ? void 0 : (_formData$venueDetail12 = _formData$venueDetail11.applicantDetail) === null || _formData$venueDetail12 === void 0 ? void 0 : _formData$venueDetail12.applicantName), renderLabel(t("NOC_APPLICANT_MOBILE_NO_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail13 = formData.venueDetails) === null || _formData$venueDetail13 === void 0 ? void 0 : (_formData$venueDetail14 = _formData$venueDetail13[0]) === null || _formData$venueDetail14 === void 0 ? void 0 : (_formData$venueDetail15 = _formData$venueDetail14.applicantDetail) === null || _formData$venueDetail15 === void 0 ? void 0 : _formData$venueDetail15.applicantMobileNo), renderLabel(t("NOC_APPLICANT_EMAIL_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail16 = formData.venueDetails) === null || _formData$venueDetail16 === void 0 ? void 0 : (_formData$venueDetail17 = _formData$venueDetail16[0]) === null || _formData$venueDetail17 === void 0 ? void 0 : (_formData$venueDetail18 = _formData$venueDetail17.applicantDetail) === null || _formData$venueDetail18 === void 0 ? void 0 : _formData$venueDetail18.applicantEmailId), renderLabel(t("PT_COMMON_COL_ADDRESS"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail19 = formData.venueDetails) === null || _formData$venueDetail19 === void 0 ? void 0 : (_formData$venueDetail20 = _formData$venueDetail19[0]) === null || _formData$venueDetail20 === void 0 ? void 0 : (_formData$venueDetail21 = _formData$venueDetail20.address) === null || _formData$venueDetail21 === void 0 ? void 0 : _formData$venueDetail21.addressLine1)), /*#__PURE__*/React.createElement("div", {
     style: sectionStyle
   }, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
@@ -48641,7 +48637,9 @@ function CHBSummary({
       flexDirection: "row",
       gap: "30px"
     }
-  }, docs === null || docs === void 0 ? void 0 : docs.map((doc, index) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CHBDocument$1, {
+  }, (docs === null || docs === void 0 ? void 0 : docs.length) > 0 ? docs === null || docs === void 0 ? void 0 : docs.map((doc, index) => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: index
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CHBDocument, {
     value: docs,
     Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
     index: index
@@ -48650,13 +48648,8 @@ function CHBSummary({
       marginTop: "10px",
       fontSize: "15px"
     }
-  }, t(doc === null || doc === void 0 ? void 0 : doc.documentType))))))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
-    style: {
-      background: " white",
-      color: "black",
-      border: "1px solid",
-      marginRight: "10px"
-    },
+  }, t(doc === null || doc === void 0 ? void 0 : doc.documentType))))) : /*#__PURE__*/React.createElement("h5", null, t("CS_NO_DOCUMENTS_UPLOADED")))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+    className: "submit-bar-back",
     label: "Back",
     onSubmit: onGoBack
   }), displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data6 = workflowDetails.data) !== null && _workflowDetails$data6 !== void 0 && (_workflowDetails$data7 = _workflowDetails$data6.actionState) !== null && _workflowDetails$data7 !== void 0 && _workflowDetails$data7.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data8 = workflowDetails.data) !== null && _workflowDetails$data8 !== void 0 && _workflowDetails$data8.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
@@ -48746,6 +48739,7 @@ const NewADSStepFormFour = ({
       });
       setLoader(false);
       dispatch(RESET_CHB_APPLICATION_FORM());
+      sessionStorage.removeItem("CitizenConsentdocFilestoreidCHB");
       if ((response === null || response === void 0 ? void 0 : (_response$responseInf = response.responseInfo) === null || _response$responseInf === void 0 ? void 0 : _response$responseInf.status) == "SUCCESSFUL") {
         return {
           isSuccess: true,