@mseva/upyog-ui-module-chb 1.0.75 → 1.0.77

package/dist/index.modern.js

@@ -18515,28 +18515,13 @@ const ChbApplication = ({
   tenantId,
   buttonLabel
 }) => {
-  var _application$bookingS, _application$bookingS2, _application$bookingS3, _application$bookingS4, _application$bookingS5, _application$bookingS6, _application$applican;
+  var _application$applican;
   const {
     t
   } = useTranslation();
   const history = useHistory();
   const [showToast, setShowToast] = useState(null);
   console.log("application", application);
-  const {
-    data: slotSearchData,
-    refetch
-  } = Digit.Hooks.chb.useChbSlotSearch({
-    tenantId: application === null || application === void 0 ? void 0 : application.tenantId,
-    filters: {
-      bookingId: application === null || application === void 0 ? void 0 : application.bookingId,
-      communityHallCode: application === null || application === void 0 ? void 0 : application.communityHallCode,
-      bookingStartDate: application === null || application === void 0 ? void 0 : (_application$bookingS = application.bookingSlotDetails) === null || _application$bookingS === void 0 ? void 0 : (_application$bookingS2 = _application$bookingS[0]) === null || _application$bookingS2 === void 0 ? void 0 : _application$bookingS2.bookingDate,
-      bookingEndDate: application === null || application === void 0 ? void 0 : (_application$bookingS3 = application.bookingSlotDetails) === null || _application$bookingS3 === void 0 ? void 0 : (_application$bookingS4 = _application$bookingS3[application.bookingSlotDetails.length - 1]) === null || _application$bookingS4 === void 0 ? void 0 : _application$bookingS4.bookingDate,
-      hallCode: application === null || application === void 0 ? void 0 : (_application$bookingS5 = application.bookingSlotDetails) === null || _application$bookingS5 === void 0 ? void 0 : (_application$bookingS6 = _application$bookingS5[0]) === null || _application$bookingS6 === void 0 ? void 0 : _application$bookingS6.hallCode,
-      isTimerRequired: true
-    },
-    enabled: false
-  });
   const getBookingDateRange = bookingSlotDetails => {
     var _bookingSlotDetails$, _bookingSlotDetails;
     if (!bookingSlotDetails || bookingSlotDetails.length === 0) {
@@ -18597,10 +18582,7 @@ const CHBMyApplications = () => {
   const {
     t
   } = useTranslation();
-  const user = Digit.UserService.getUser().info;
   const tenantId = window.localStorage.getItem("CITIZEN.CITY");
-  const [searchTerm, setSearchTerm] = useState("");
-  const [status, setStatus] = useState(null);
   const [filters, setFilters] = useState(null);
   let filter = window.location.href.split("/").pop();
   let t1;
@@ -18618,7 +18600,7 @@ const CHBMyApplications = () => {
     offset: off,
     tenantId
   } : {
-    limit: "4",
+    limit: "10",
     sortOrder: "ASC",
     sortBy: "createdTime",
     offset: "0",
@@ -18626,29 +18608,26 @@ const CHBMyApplications = () => {
   };
   useEffect(() => {
     setFilters(initialFilters);
-  }, [filter]);
+  }, [filter, tenantId]);
   const {
     isLoading,
-    data
+    data,
+    refetch
   } = Digit.Hooks.chb.useChbSearch({
     filters
   });
+  const handleLoadMore = () => {
+    setFilters(prev => ({
+      ...prev,
+      limit: Number(prev.limit) + 5
+    }));
+  };
+  useEffect(() => {
+    refetch();
+  }, []);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loader$1, null);
   }
-  const statusOptions = [{
-    i18nKey: "Booked",
-    code: "BOOKED",
-    value: t("CHB_BOOKED")
-  }, {
-    i18nKey: "Booking in Progres",
-    code: "BOOKING_CREATED",
-    value: t("CHB_BOOKING_IN_PROGRES")
-  }, {
-    i18nKey: "Cancelled",
-    code: "CANCELLED",
-    value: t("CANCELLED")
-  }];
   const filteredApplications = (data === null || data === void 0 ? void 0 : data.hallsBookingApplication) || [];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, `${t("CHB_MY_APPLICATION_HEADER")} (${filteredApplications.length})`), /*#__PURE__*/React.createElement("div", null, filteredApplications.length > 0 && filteredApplications.map((application, index) => /*#__PURE__*/React.createElement("div", {
     key: index
@@ -18661,18 +18640,94 @@ const CHBMyApplications = () => {
       marginLeft: "16px",
       marginTop: "16px"
     }
-  }, t("CHB_NO_APPLICATION_FOUND_MSG")), filteredApplications.length !== 0 && (data === null || data === void 0 ? void 0 : data.count) > t1 && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+  }, t("CHB_NO_APPLICATION_FOUND_MSG")), filteredApplications.length !== 0 && (data === null || data === void 0 ? void 0 : data.count) > t1 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginLeft: "16px",
       marginTop: "16px"
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: "link"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: `/digit-ui/citizen/chb/myBookings/${t1}`
-  }, t("CHB_LOAD_MORE_MSG")))))));
+    className: "link",
+    style: {
+      cursor: "pointer",
+      color: "#007bff"
+    },
+    onClick: handleLoadMore
+  }, t("CHB_LOAD_MORE_MSG")))));
 };
 
+const PDFSvg = ({
+  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 NDCDocument({
+  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(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, {
+      width: 85,
+      height: 100,
+      style: {
+        background: "#f6f6f6",
+        padding: "8px"
+      }
+    }));
+  }))));
+}
+
 const capitalize = text => text.substr(0, 1).toUpperCase() + text.substr(1);
 const ulbCamel = ulb => ulb.toLowerCase().split(" ").map(capitalize).join(" ");
 const getChbAcknowledgementData = async (application, tenantInfo, t) => {
@@ -41594,8 +41649,46 @@ var standalone = createCommonjsModule(function (module, exports) {
 });
 unwrapExports(standalone);
 
+const getTimelineCaptions = (checkpoint, index, arr, t) => {
+  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _thumbnailsToShow$thu;
+  console.log("checkpoint", checkpoint);
+  const {
+    wfComment: comment,
+    thumbnailsToShow,
+    wfDocuments
+  } = checkpoint;
+  const caption = {
+    date: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$auditDeta = checkpoint.auditDetails) === null || _checkpoint$auditDeta === void 0 ? void 0 : _checkpoint$auditDeta.lastModified,
+    name: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner = checkpoint.assigner) === null || _checkpoint$assigner === void 0 ? void 0 : _checkpoint$assigner.name,
+    source: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner2 = checkpoint.assigner) === null || _checkpoint$assigner2 === void 0 ? void 0 : _checkpoint$assigner2.source
+  };
+  return /*#__PURE__*/React.createElement("div", null, (comment === null || comment === void 0 ? void 0 : comment.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "TLComments"
+  }, /*#__PURE__*/React.createElement("h3", null, t("WF_COMMON_COMMENTS")), /*#__PURE__*/React.createElement("p", {
+    style: {
+      overflowX: "scroll"
+    }
+  }, comment)), (thumbnailsToShow === null || thumbnailsToShow === void 0 ? void 0 : (_thumbnailsToShow$thu = thumbnailsToShow.thumbs) === null || _thumbnailsToShow$thu === void 0 ? void 0 : _thumbnailsToShow$thu.length) > 0 && /*#__PURE__*/React.createElement(DisplayPhotos, {
+    srcs: thumbnailsToShow.thumbs,
+    onClick: (src, idx) => {
+      var _thumbnailsToShow$ful;
+      let fullImage = ((_thumbnailsToShow$ful = thumbnailsToShow.fullImage) === null || _thumbnailsToShow$ful === void 0 ? void 0 : _thumbnailsToShow$ful[idx]) || src;
+      Digit.Utils.zoomImage(fullImage);
+    }
+  }), (wfDocuments === null || wfDocuments === void 0 ? void 0 : wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", null, wfDocuments === null || wfDocuments === void 0 ? void 0 : wfDocuments.map((doc, index) => /*#__PURE__*/React.createElement("div", {
+    key: index
+  }, /*#__PURE__*/React.createElement(NDCDocument, {
+    value: wfDocuments,
+    Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
+    index: index
+  })))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "8px"
+    }
+  }, caption.date && /*#__PURE__*/React.createElement("p", null, caption.date), caption.name && /*#__PURE__*/React.createElement("p", null, caption.name), caption.source && /*#__PURE__*/React.createElement("p", null, t("ES_COMMON_FILED_VIA_" + caption.source.toUpperCase()))));
+};
 const CHBApplicationDetails = () => {
-  var _chb_details$addition, _chb_details$bookingS, _chb_details$applican, _chb_details$applican2, _chb_details$applican3, _chb_details$specialC, _chb_details$purpose, _docs, _docs2;
+  var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _chb_details$addition, _reciept_data$Payment, _reciept_data$Payment4, _chb_details$bookingS, _chb_details$applican, _chb_details$applican2, _chb_details$applican3, _chb_details$specialC, _chb_details$purpose, _docs, _docs2, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0;
   const {
     t
   } = useTranslation();
@@ -41611,6 +41704,9 @@ const CHBApplicationDetails = () => {
   const {
     data: storeData
   } = Digit.Hooks.useStore.getInitData();
+  const {
+    tenants
+  } = storeData || {};
   const {
     isLoading,
     isError,
@@ -41631,6 +41727,22 @@ const CHBApplicationDetails = () => {
   const application = chb_details;
   sessionStorage.setItem("chb", JSON.stringify(application));
   const [loading, setLoading] = useState(false);
+  const workflowDetails = Digit.Hooks.useWorkflowDetails({
+    tenantId: tenantId,
+    id: acknowledgementIds,
+    moduleCode: "chb-services",
+    role: "EMPLOYEE"
+  });
+  if (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data = workflowDetails.data) !== null && _workflowDetails$data !== void 0 && (_workflowDetails$data2 = _workflowDetails$data.actionState) !== null && _workflowDetails$data2 !== void 0 && _workflowDetails$data2.nextActions && !workflowDetails.isLoading) workflowDetails.data.actionState.nextActions = [...(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : _workflowDetails$data3.nextActions)];
+  if (workflowDetails && workflowDetails.data && !workflowDetails.isLoading) {
+    var _workflowDetails$data4, _workflowDetails$data5;
+    workflowDetails.data.initialActionState = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data4 = workflowDetails.data) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.initialActionState) || {
+      ...(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : _workflowDetails$data5.actionState)
+    } || {};
+    workflowDetails.data.actionState = {
+      ...workflowDetails.data
+    };
+  }
   const fetchBillData = async () => {
     setLoading(true);
     const result = await Digit.PaymentService.fetchBill(tenantId, {
@@ -41656,6 +41768,7 @@ const CHBApplicationDetails = () => {
   }, {
     enabled: true
   });
+  console.log("auditResponse", auditResponse);
   const {
     data: reciept_data,
     isLoading: recieptDataLoading
@@ -41672,6 +41785,14 @@ const CHBApplicationDetails = () => {
   if (isLoading || auditDataLoading) {
     return /*#__PURE__*/React.createElement(Loader$1, null);
   }
+  const getChbAcknowledgement = async () => {
+    const applications = application || {};
+    const tenantInfo = tenants.find(tenant => tenant.code === applications.tenantId);
+    const acknowldgementDataAPI = await getChbAcknowledgementData({
+      ...applications
+    }, tenantInfo, t);
+    Digit.Utils.pdf.generate(acknowldgementDataAPI);
+  };
   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) {
     var _chb_details$addition2;
@@ -41740,12 +41861,16 @@ const CHBApplicationDetails = () => {
     window.open(fileStore[fileStoreId], "_blank");
   }
   let dowloadOptions = [];
+  if ((reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.paymentStatus) !== "DEPOSITED") dowloadOptions.push({
+    label: t("CHB_DOWNLOAD_ACK_FORM"),
+    onClick: () => getChbAcknowledgement()
+  });
   if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && recieptDataLoading == false) dowloadOptions.push({
     label: t("CHB_FEE_RECEIPT"),
     onClick: () => {
-      var _reciept_data$Payment;
+      var _reciept_data$Payment2;
       return getRecieptSearch({
-        tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
+        tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.tenantId,
         payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
       });
     }
@@ -41753,16 +41878,23 @@ const CHBApplicationDetails = () => {
   if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && recieptDataLoading == false) dowloadOptions.push({
     label: t("CHB_PERMISSION_LETTER"),
     onClick: () => {
-      var _reciept_data$Payment2;
+      var _reciept_data$Payment3;
       return getPermissionLetter({
-        tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.tenantId,
+        tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment3 = reciept_data.Payments[0]) === null || _reciept_data$Payment3 === void 0 ? void 0 : _reciept_data$Payment3.tenantId,
         payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
       });
     }
   });
+  if ((reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment4 = reciept_data.Payments[0]) === null || _reciept_data$Payment4 === void 0 ? void 0 : _reciept_data$Payment4.paymentStatus) === "DEPOSITED") dowloadOptions.push({
+    label: t("CHB_CERTIFICATE"),
+    onClick: () => printCertificate()
+  });
   const columns = [{
     Header: `${t("CHB_HALL_NUMBER")}`,
     accessor: "communityHallCode"
+  }, {
+    Header: `${t("CHB_COMMUNITY_HALL_NAME")}`,
+    accessor: "hallName"
   }, {
     Header: `${t("CHB_HALL_CODE")}`,
     accessor: "hallCode"
@@ -41773,8 +41905,10 @@ const CHBApplicationDetails = () => {
     Header: `${t("PT_COMMON_TABLE_COL_STATUS_LABEL")}`,
     accessor: "bookingStatus"
   }];
+  console.log("chb_details?.bookingSlotDetails", chb_details);
   const slotlistRows = (chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$bookingS = chb_details.bookingSlotDetails) === null || _chb_details$bookingS === void 0 ? void 0 : _chb_details$bookingS.map(slot => ({
     communityHallCode: `${t(chb_details === null || chb_details === void 0 ? void 0 : chb_details.communityHallCode)}`,
+    hallName: chb_details === null || chb_details === void 0 ? void 0 : chb_details.communityHallName,
     hallCode: t(slot.hallCode) + " - " + slot.capacity,
     bookingDate: slot.bookingDate,
     bookingStatus: t(`WF_NEWTL_${slot === null || slot === void 0 ? void 0 : slot.status}`)
@@ -41871,7 +42005,23 @@ const CHBApplicationDetails = () => {
       marginTop: "10px",
       fontSize: "15px"
     }
-  }, t(doc === null || doc === void 0 ? void 0 : doc.documentType))))) : /*#__PURE__*/React.createElement("h5", null, t("CS_NO_DOCUMENTS_UPLOADED")))))));
+  }, t(doc === null || doc === void 0 ? void 0 : doc.documentType))))) : /*#__PURE__*/React.createElement("h5", null, t("CS_NO_DOCUMENTS_UPLOADED"))))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data6 = workflowDetails.data) === null || _workflowDetails$data6 === void 0 ? void 0 : _workflowDetails$data6.timeline) && /*#__PURE__*/React.createElement(Card, {
+    style: {
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      fontSize: "24px"
+    }
+  }, t("CS_APPLICATION_DETAILS_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data7 = workflowDetails.data) === null || _workflowDetails$data7 === void 0 ? void 0 : _workflowDetails$data7.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
+    isCompleted: true,
+    label: t(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data8 = workflowDetails.data) === null || _workflowDetails$data8 === void 0 ? void 0 : (_workflowDetails$data9 = _workflowDetails$data8.timeline[0]) === null || _workflowDetails$data9 === void 0 ? void 0 : _workflowDetails$data9.status)
+  }) : /*#__PURE__*/React.createElement(ConnectingCheckPoints, null, workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data0 = workflowDetails.data) === null || _workflowDetails$data0 === void 0 ? void 0 : _workflowDetails$data0.timeline.map((checkpoint, index, arr) => /*#__PURE__*/React.createElement(CheckPoint, {
+    keyValue: index,
+    isCompleted: index === 0,
+    label: t(checkpoint.status),
+    customChild: getTimelineCaptions(checkpoint, index, arr, t)
+  }))))));
 };
 
 function _extends() {
@@ -43381,78 +43531,56 @@ const TableConfig = t => ({
   }
 });
 
-const PDFSvg = ({
-  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 NDCDocument({
-  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);
-  }
+const Loader = ({
+  page: _page = false
+}) => {
+  const baseStyle = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  };
+  const pageStyle = {
+    ...baseStyle,
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100vw",
+    height: "100vh",
+    background: "rgba(255,255,255,0.6)",
+    backdropFilter: "blur(4px)",
+    zIndex: 9999
+  };
+  const moduleStyle = {
+    ...baseStyle,
+    minHeight: "100px",
+    width: "100%",
+    position: "relative"
+  };
+  const spinnerStyle = {
+    width: "64px",
+    height: "64px",
+    border: "8px solid #1976d2",
+    borderTop: "8px solid transparent",
+    borderRadius: "50%",
+    animation: "spin 1.2s linear infinite"
+  };
   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(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, {
-      width: 85,
-      height: 100,
-      style: {
-        background: "#f6f6f6",
-        padding: "8px"
-      }
-    }));
-  }))));
-}
+    style: _page ? pageStyle : moduleStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    style: spinnerStyle
+  }), /*#__PURE__*/React.createElement("style", null, `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        `));
+};
+Loader.propTypes = {
+  page: propTypes.bool
+};
+Loader.defaultProps = {
+  page: false
+};
 
 const ModalConfig = ({
   t,
@@ -43550,9 +43678,9 @@ const NDCModal = ({
   errors,
   showErrorToast,
   errorOne,
-  closeToastOne
+  closeToastOne,
+  getEmployees
 }) => {
-  var _action$state;
   const [config, setConfig] = useState({});
   const [defaultValues, setDefaultValues] = useState({});
   const [approvers, setApprovers] = useState([]);
@@ -43562,13 +43690,14 @@ const NDCModal = ({
   const [error, setError] = useState(null);
   const [financialYears, setFinancialYears] = useState([]);
   const [selectedFinancialYear, setSelectedFinancialYear] = useState(null);
-  const checkRole = action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : _action$state.actions;
-  const allRoles = [...new Set(checkRole === null || checkRole === void 0 ? void 0 : checkRole.flatMap(a => a.roles))];
+  const allRolesNew = [...new Set(getEmployees === null || getEmployees === void 0 ? void 0 : getEmployees.flatMap(a => a.roles))];
+  console.log("allRolesNew", allRolesNew);
+  console.log("getEmployees", getEmployees);
   const {
     data: approverData,
     isLoading: PTALoading
   } = Digit.Hooks.useEmployeeSearch(tenantId, {
-    roles: allRoles === null || allRoles === void 0 ? void 0 : allRoles.map(role => ({
+    roles: allRolesNew === null || allRolesNew === void 0 ? void 0 : allRolesNew.map(role => ({
       code: role
     })),
     isActive: true
@@ -43673,7 +43802,8 @@ const NDCModal = ({
       }));
     }
   }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
-  return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
+  if (!action || !config.form) return null;
+  return /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading$1, {
       label: t(config.label.heading)
     }),
@@ -43702,11 +43832,13 @@ const NDCModal = ({
     label: errorOne,
     isDleteBtn: true,
     onClose: closeToastOne
-  })) : /*#__PURE__*/React.createElement(Loader$1, null);
+  }), PTALoading && /*#__PURE__*/React.createElement(Loader, {
+    page: true
+  }));
 };
 
-const getTimelineCaptions = (checkpoint, index, arr, t) => {
-  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _checkpoint$assigner3, _thumbnailsToShow$thu;
+const getTimelineCaptions$1 = (checkpoint, index, arr, t) => {
+  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _thumbnailsToShow$thu;
   console.log("checkpoint", checkpoint);
   const {
     wfComment: comment,
@@ -43716,8 +43848,7 @@ const getTimelineCaptions = (checkpoint, index, arr, t) => {
   const caption = {
     date: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$auditDeta = checkpoint.auditDetails) === null || _checkpoint$auditDeta === void 0 ? void 0 : _checkpoint$auditDeta.lastModified,
     name: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner = checkpoint.assigner) === null || _checkpoint$assigner === void 0 ? void 0 : _checkpoint$assigner.name,
-    mobileNumber: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner2 = checkpoint.assigner) === null || _checkpoint$assigner2 === void 0 ? void 0 : _checkpoint$assigner2.mobileNumber,
-    source: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner3 = checkpoint.assigner) === null || _checkpoint$assigner3 === void 0 ? void 0 : _checkpoint$assigner3.source
+    source: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner2 = checkpoint.assigner) === null || _checkpoint$assigner2 === void 0 ? void 0 : _checkpoint$assigner2.source
   };
   return /*#__PURE__*/React.createElement("div", null, (comment === null || comment === void 0 ? void 0 : comment.length) > 0 && /*#__PURE__*/React.createElement("div", {
     className: "TLComments"
@@ -43742,7 +43873,7 @@ const getTimelineCaptions = (checkpoint, index, arr, t) => {
     style: {
       marginTop: "8px"
     }
-  }, caption.date && /*#__PURE__*/React.createElement("p", null, caption.date), caption.name && /*#__PURE__*/React.createElement("p", null, caption.name), caption.mobileNumber && /*#__PURE__*/React.createElement("p", null, caption.mobileNumber), caption.source && /*#__PURE__*/React.createElement("p", null, t("ES_COMMON_FILED_VIA_" + caption.source.toUpperCase()))));
+  }, caption.date && /*#__PURE__*/React.createElement("p", null, caption.date), caption.name && /*#__PURE__*/React.createElement("p", null, caption.name), caption.source && /*#__PURE__*/React.createElement("p", null, t("ES_COMMON_FILED_VIA_" + caption.source.toUpperCase()))));
 };
 const CHBApplicationDetails$1 = () => {
   var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _user$info, _user$info$roles, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetailsTemp$, _workflowDetailsTemp$2, _chb_details$addition, _chb_details$bookingS, _chb_details$applican, _chb_details$applican2, _chb_details$applican3, _chb_details$specialC, _chb_details$purpose, _docs, _docs2, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data12, _workflowDetails$data13, _workflowDetails$data14, _workflowDetails$data15;
@@ -43756,8 +43887,11 @@ const CHBApplicationDetails$1 = () => {
   const [acknowldgementData, setAcknowldgementData] = useState([]);
   const [showOptions, setShowOptions] = useState(false);
   const [popup, setpopup] = useState(false);
+  const [getEmployees, setEmployees] = useState([]);
+  const [getWorkflowService, setWorkflowService] = useState([]);
   const [showToast, setShowToast] = useState(null);
   const [error, setError] = useState(null);
+  const [getLoader, setLoader] = useState(false);
   const {
     data: storeData
   } = Digit.Hooks.useStore.getInitData();
@@ -43899,11 +44033,29 @@ const CHBApplicationDetails$1 = () => {
       });
     }
   }, [data === null || data === void 0 ? void 0 : data.hallsBookingApplication]);
+  useEffect(() => {
+    let WorkflowService = null;
+    (async (_WorkflowService, _WorkflowService$Busi, _WorkflowService$Busi2, _WorkflowService2, _WorkflowService2$Bus, _WorkflowService2$Bus2) => {
+      setLoader(true);
+      WorkflowService = await Digit.WorkflowService.init(tenantId, "chb-services");
+      setLoader(false);
+      console.log("WorkflowService====", (_WorkflowService = WorkflowService) === null || _WorkflowService === void 0 ? void 0 : (_WorkflowService$Busi = _WorkflowService.BusinessServices) === null || _WorkflowService$Busi === void 0 ? void 0 : (_WorkflowService$Busi2 = _WorkflowService$Busi[0]) === null || _WorkflowService$Busi2 === void 0 ? void 0 : _WorkflowService$Busi2.states);
+      setWorkflowService((_WorkflowService2 = WorkflowService) === null || _WorkflowService2 === void 0 ? void 0 : (_WorkflowService2$Bus = _WorkflowService2.BusinessServices) === null || _WorkflowService2$Bus === void 0 ? void 0 : (_WorkflowService2$Bus2 = _WorkflowService2$Bus[0]) === null || _WorkflowService2$Bus2 === void 0 ? void 0 : _WorkflowService2$Bus2.states);
+    })();
+  }, [tenantId]);
   function onActionSelect(action) {
-    var _displayData$applican;
+    var _action$state, _action$state$actions, _filterRoles$, _displayData$applican;
     const payload = {
       Licenses: [action]
     };
+    const filterNexState = action === null || action === void 0 ? void 0 : (_action$state = action.state) === null || _action$state === void 0 ? void 0 : (_action$state$actions = _action$state.actions) === null || _action$state$actions === void 0 ? void 0 : _action$state$actions.filter(item => item.action == (action === null || action === void 0 ? void 0 : action.action));
+    const filterRoles = getWorkflowService === null || getWorkflowService === void 0 ? void 0 : getWorkflowService.filter(item => {
+      var _filterNexState$;
+      return (item === null || item === void 0 ? void 0 : item.uuid) == ((_filterNexState$ = filterNexState[0]) === null || _filterNexState$ === void 0 ? void 0 : _filterNexState$.nextState);
+    });
+    console.log("filterNexState", filterNexState);
+    console.log("getWorkflowService", getWorkflowService);
+    setEmployees(filterRoles === null || filterRoles === void 0 ? void 0 : (_filterRoles$ = filterRoles[0]) === null || _filterRoles$ === void 0 ? void 0 : _filterRoles$.actions);
     const appNo = displayData === null || displayData === void 0 ? void 0 : (_displayData$applican = displayData.applicantData) === null || _displayData$applican === void 0 ? void 0 : _displayData$applican.applicationNo;
     if ((action === null || action === void 0 ? void 0 : action.action) == "APPLY") {
       submitAction(payload);
@@ -43954,9 +44106,6 @@ const CHBApplicationDetails$1 = () => {
   });
   let docs = [];
   docs = application === null || application === void 0 ? void 0 : application.documents;
-  if (isLoading || auditDataLoading) {
-    return /*#__PURE__*/React.createElement(Loader$1, null);
-  }
   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) {
     var _chb_details$addition2;
@@ -44048,6 +44197,9 @@ const CHBApplicationDetails$1 = () => {
   const columns = [{
     Header: `${t("CHB_HALL_NUMBER")}`,
     accessor: "communityHallCode"
+  }, {
+    Header: `${t("CHB_COMMUNITY_HALL_NAME")}`,
+    accessor: "hallName"
   }, {
     Header: `${t("CHB_HALL_CODE")}`,
     accessor: "hallCode"
@@ -44060,9 +44212,10 @@ const CHBApplicationDetails$1 = () => {
   }];
   const slotlistRows = (chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$bookingS = chb_details.bookingSlotDetails) === null || _chb_details$bookingS === void 0 ? void 0 : _chb_details$bookingS.map(slot => ({
     communityHallCode: `${t(chb_details === null || chb_details === void 0 ? void 0 : chb_details.communityHallCode)}`,
+    hallName: chb_details === null || chb_details === void 0 ? void 0 : chb_details.communityHallName,
     hallCode: t(slot.hallCode) + " - " + slot.capacity,
     bookingDate: slot.bookingDate,
-    bookingStatus: t(`WF_NEWTL_${slot === null || slot === void 0 ? void 0 : slot.status}`)
+    bookingStatus: t(`WF_CHB_${slot === null || slot === void 0 ? void 0 : slot.status}`)
   }))) || [];
   const submitAction = async modalData => {
     var _modalData$Licenses;
@@ -44119,22 +44272,8 @@ const CHBApplicationDetails$1 = () => {
       setShowErrorToastt(true);
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "cardHeaderWithOptions",
-    style: {
-      marginRight: "auto",
-      maxWidth: "960px"
-    }
-  }, /*#__PURE__*/React.createElement(Header, {
-    styles: {
-      fontSize: "32px"
-    }
-  }, t("CHB_BOOKING_DETAILS")), dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
-    className: "multilinkWrapper",
-    onHeadClick: () => setShowOptions(!showOptions),
-    displayOptions: showOptions,
-    options: dowloadOptions
-  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
+  const filteredActions = actions === null || actions === void 0 ? void 0 : actions.filter(a => a.action !== "SUBMIT" && a.action !== "EDIT");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       fontSize: "24px"
     }
@@ -44222,10 +44361,10 @@ const CHBApplicationDetails$1 = () => {
     keyValue: index,
     isCompleted: index === 0,
     label: t(checkpoint.status),
-    customChild: getTimelineCaptions(checkpoint, index, arr, t)
-  })))), actions && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.actionState) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data14 = workflowDetails.data) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
+    customChild: getTimelineCaptions$1(checkpoint, index, arr, t)
+  })))), actions && actions.length > 0 && !actions.some(a => a.action === "SUBMIT") && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && (workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data12 = workflowDetails.data) !== null && _workflowDetails$data12 !== void 0 && (_workflowDetails$data13 = _workflowDetails$data12.actionState) !== null && _workflowDetails$data13 !== void 0 && _workflowDetails$data13.nextActions || workflowDetails !== null && workflowDetails !== void 0 && (_workflowDetails$data14 = workflowDetails.data) !== null && _workflowDetails$data14 !== void 0 && _workflowDetails$data14.nextActions) ? /*#__PURE__*/React.createElement(Menu, {
     localeKeyPrefix: `WF_EDITRENEWAL`,
-    options: actions,
+    options: filteredActions,
     optionKey: "action",
     t: t,
     onSelect: onActionSelect
@@ -44246,6 +44385,7 @@ const CHBApplicationDetails$1 = () => {
     actionData: workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data15 = workflowDetails.data) === null || _workflowDetails$data15 === void 0 ? void 0 : _workflowDetails$data15.timeline,
     workflowDetails: workflowDetails,
     showToast: showToast,
+    getEmployees: getEmployees,
     closeToast: closeToast,
     errors: error,
     showErrorToast: showErrorToast,
@@ -44256,6 +44396,8 @@ const CHBApplicationDetails$1 = () => {
     label: error,
     isDleteBtn: true,
     onClose: closeToast
+  }), (isLoading || auditDataLoading || getLoader) && /*#__PURE__*/React.createElement(Loader, {
+    page: true
   })));
 };
 
@@ -45149,57 +45291,6 @@ const NewADSStepperForm = () => {
   }));
 };
 
-const Loader = ({
-  page: _page = false
-}) => {
-  const baseStyle = {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  };
-  const pageStyle = {
-    ...baseStyle,
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100vw",
-    height: "100vh",
-    background: "rgba(255,255,255,0.6)",
-    backdropFilter: "blur(4px)",
-    zIndex: 9999
-  };
-  const moduleStyle = {
-    ...baseStyle,
-    minHeight: "100px",
-    width: "100%",
-    position: "relative"
-  };
-  const spinnerStyle = {
-    width: "64px",
-    height: "64px",
-    border: "8px solid #1976d2",
-    borderTop: "8px solid transparent",
-    borderRadius: "50%",
-    animation: "spin 1.2s linear infinite"
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    style: _page ? pageStyle : moduleStyle
-  }, /*#__PURE__*/React.createElement("div", {
-    style: spinnerStyle
-  }), /*#__PURE__*/React.createElement("style", null, `
-          @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-          }
-        `));
-};
-Loader.propTypes = {
-  page: propTypes.bool
-};
-Loader.defaultProps = {
-  page: false
-};
-
 const CHBCitizenSecond = ({
   onGoBack,
   goNext,
@@ -45272,14 +45363,15 @@ const CHBCitizenSecond = ({
     setHallCodes(getHallCodesData);
   };
   const slotsSearch = async data => {
-    var _getValues, _getValues$siteId, _getValues2, _getValues3;
+    var _getValues, _getValues2;
     setLoader(true);
+    console.log("data", data);
     const payload = {
       tenantId: tenantId,
-      communityHallCode: (_getValues = getValues()) === null || _getValues === void 0 ? void 0 : (_getValues$siteId = _getValues.siteId) === null || _getValues$siteId === void 0 ? void 0 : _getValues$siteId.code,
+      communityHallCode: data.communityHallId,
       hallCode: data === null || data === void 0 ? void 0 : data.HallCode,
-      bookingStartDate: (_getValues2 = getValues()) === null || _getValues2 === void 0 ? void 0 : _getValues2.startDate,
-      bookingEndDate: (_getValues3 = getValues()) === null || _getValues3 === void 0 ? void 0 : _getValues3.startDate,
+      bookingStartDate: (_getValues = getValues()) === null || _getValues === void 0 ? void 0 : _getValues.startDate,
+      bookingEndDate: (_getValues2 = getValues()) === null || _getValues2 === void 0 ? void 0 : _getValues2.startDate,
       isTimerRequired: false
     };
     try {
@@ -45294,7 +45386,7 @@ const CHBCitizenSecond = ({
     }
   };
   const onSubmit = data => {
-    var _Digit$UserService$ge, _data$slots, _getHallDetails$, _data$purpose, _data$specialCategory;
+    var _Digit$UserService$ge, _data$slots, _getHallDetails$, _data$siteId, _data$purpose, _data$specialCategory;
     console.log("data==??", data);
     const userInfo = ((_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.info) || {};
     const now = Date.now();
@@ -45318,6 +45410,7 @@ const CHBCitizenSecond = ({
         bookingStatus: "INITIATED",
         applicationDate: now,
         communityHallCode: (getHallDetails === null || getHallDetails === void 0 ? void 0 : (_getHallDetails$ = getHallDetails[0]) === null || _getHallDetails$ === void 0 ? void 0 : _getHallDetails$.communityHallId) || "",
+        communityHallName: data === null || data === void 0 ? void 0 : (_data$siteId = data.siteId) === null || _data$siteId === void 0 ? void 0 : _data$siteId.name,
         purpose: {
           purpose: data === null || data === void 0 ? void 0 : (_data$purpose = data.purpose) === null || _data$purpose === void 0 ? void 0 : _data$purpose.code
         },
@@ -45535,7 +45628,9 @@ const CHBCitizenSecond = ({
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: isChecked,
+        disabled: !isAvailable,
         onChange: e => {
+          if (!isAvailable) return;
           if (e.target.checked) {
             field.onChange([...(field.value || []), slot]);
           } else {
@@ -46137,7 +46232,7 @@ function CHBSummary({
   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$venueDetail8, _formData$venueDetail9, _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$venueDetail20, _formData$venueDetail21, _formData$venueDetail22, _formData$venueDetail23, _formData$venueDetail24, _formData$venueDetail25, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
+  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$venueDetail20, _formData$venueDetail21, _formData$venueDetail22, _formData$venueDetail23, _formData$venueDetail24, _formData$venueDetail25, _formData$venueDetail26, _formData$venueDetail27, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8;
   const {
     pathname: url
   } = useLocation();
@@ -46152,6 +46247,9 @@ function CHBSummary({
   const columns = [{
     Header: `${t("CHB_HALL_NUMBER")}`,
     accessor: "communityHallCode"
+  }, {
+    Header: `${t("CHB_COMMUNITY_HALL_NAME")}`,
+    accessor: "hallName"
   }, {
     Header: `${t("CHB_HALL_CODE")}`,
     accessor: "hallCode"
@@ -46230,9 +46328,10 @@ function CHBSummary({
     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;
+    var _formData$venueDetail6, _formData$venueDetail7, _formData$venueDetail8, _formData$venueDetail9;
     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,
       hallCode: slot.hallCode + " - " + slot.capacity,
       bookingDate: slot.bookingDate,
       bookingStatus: `${t(slot.status)}`
@@ -46248,13 +46347,13 @@ 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$venueDetail8 = formData.venueDetails) === null || _formData$venueDetail8 === void 0 ? void 0 : (_formData$venueDetail9 = _formData$venueDetail8[0]) === null || _formData$venueDetail9 === void 0 ? void 0 : (_formData$venueDetail0 = _formData$venueDetail9.applicantDetail) === null || _formData$venueDetail0 === void 0 ? void 0 : _formData$venueDetail0.applicantName), renderLabel(t("NOC_APPLICANT_MOBILE_NO_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail1 = formData.venueDetails) === null || _formData$venueDetail1 === void 0 ? void 0 : (_formData$venueDetail10 = _formData$venueDetail1[0]) === null || _formData$venueDetail10 === void 0 ? void 0 : (_formData$venueDetail11 = _formData$venueDetail10.applicantDetail) === null || _formData$venueDetail11 === void 0 ? void 0 : _formData$venueDetail11.applicantMobileNo), renderLabel(t("NOC_APPLICANT_EMAIL_LABEL"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail12 = formData.venueDetails) === null || _formData$venueDetail12 === void 0 ? void 0 : (_formData$venueDetail13 = _formData$venueDetail12[0]) === null || _formData$venueDetail13 === void 0 ? void 0 : (_formData$venueDetail14 = _formData$venueDetail13.applicantDetail) === null || _formData$venueDetail14 === void 0 ? void 0 : _formData$venueDetail14.applicantEmailId), renderLabel(t("PT_COMMON_COL_ADDRESS"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail15 = formData.venueDetails) === null || _formData$venueDetail15 === void 0 ? void 0 : (_formData$venueDetail16 = _formData$venueDetail15[0]) === null || _formData$venueDetail16 === void 0 ? void 0 : (_formData$venueDetail17 = _formData$venueDetail16.address) === null || _formData$venueDetail17 === void 0 ? void 0 : _formData$venueDetail17.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$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", {
     style: sectionStyle
   }, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       fontSize: "24px"
     }
-  }, t("CHB_EVENT_DETAILS")), renderLabel(t("CHB_SPECIAL_CATEGORY"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail18 = formData.venueDetails) === null || _formData$venueDetail18 === void 0 ? void 0 : (_formData$venueDetail19 = _formData$venueDetail18[0]) === null || _formData$venueDetail19 === void 0 ? void 0 : (_formData$venueDetail20 = _formData$venueDetail19.specialCategory) === null || _formData$venueDetail20 === void 0 ? void 0 : _formData$venueDetail20.category), renderLabel(t("CHB_PURPOSE"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail21 = formData.venueDetails) === null || _formData$venueDetail21 === void 0 ? void 0 : (_formData$venueDetail22 = _formData$venueDetail21[0]) === null || _formData$venueDetail22 === void 0 ? void 0 : (_formData$venueDetail23 = _formData$venueDetail22.purpose) === null || _formData$venueDetail23 === void 0 ? void 0 : _formData$venueDetail23.purpose), renderLabel(t("CHB_PURPOSE_DESCRIPTION"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail24 = formData.venueDetails) === null || _formData$venueDetail24 === void 0 ? void 0 : (_formData$venueDetail25 = _formData$venueDetail24[0]) === null || _formData$venueDetail25 === void 0 ? void 0 : _formData$venueDetail25.purposeDescription)), /*#__PURE__*/React.createElement(ApplicationTable, {
+  }, t("CHB_EVENT_DETAILS")), renderLabel(t("CHB_SPECIAL_CATEGORY"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail20 = formData.venueDetails) === null || _formData$venueDetail20 === void 0 ? void 0 : (_formData$venueDetail21 = _formData$venueDetail20[0]) === null || _formData$venueDetail21 === void 0 ? void 0 : (_formData$venueDetail22 = _formData$venueDetail21.specialCategory) === null || _formData$venueDetail22 === void 0 ? void 0 : _formData$venueDetail22.category), renderLabel(t("CHB_PURPOSE"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail23 = formData.venueDetails) === null || _formData$venueDetail23 === void 0 ? void 0 : (_formData$venueDetail24 = _formData$venueDetail23[0]) === null || _formData$venueDetail24 === void 0 ? void 0 : (_formData$venueDetail25 = _formData$venueDetail24.purpose) === null || _formData$venueDetail25 === void 0 ? void 0 : _formData$venueDetail25.purpose), renderLabel(t("CHB_PURPOSE_DESCRIPTION"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail26 = formData.venueDetails) === null || _formData$venueDetail26 === void 0 ? void 0 : (_formData$venueDetail27 = _formData$venueDetail26[0]) === null || _formData$venueDetail27 === void 0 ? void 0 : _formData$venueDetail27.purposeDescription)), /*#__PURE__*/React.createElement(ApplicationTable, {
     t: t,
     data: slotlistRows,
     columns: columns,