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

package/dist/index.modern.js

@@ -18515,13 +18515,27 @@ const ChbApplication = ({
   tenantId,
   buttonLabel
 }) => {
-  var _application$applican;
+  var _application$bookingS, _application$bookingS2, _application$bookingS3, _application$bookingS4, _application$bookingS5, _application$bookingS6, _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) {
@@ -18536,7 +18550,41 @@ const ChbApplication = ({
     }
   };
   const handleMakePayment = async () => {
-    history.push(`/digit-ui/citizen/payment/collect/chb-services/${application === null || application === void 0 ? void 0 : application.bookingNo}/${tenantId}?tenantId=${tenantId}`);
+    try {
+      var _application$bookingS7, _application$bookingS8, _application$bookingS9, _application$bookingS0, _application$bookingS1, _application$bookingS10, _result$data, _result$data$hallSlot;
+      const result = await refetch();
+      let SlotSearchData = {
+        tenantId: application === null || application === void 0 ? void 0 : application.tenantId,
+        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$bookingS7 = application.bookingSlotDetails) === null || _application$bookingS7 === void 0 ? void 0 : (_application$bookingS8 = _application$bookingS7[0]) === null || _application$bookingS8 === void 0 ? void 0 : _application$bookingS8.bookingDate,
+        bookingEndDate: application === null || application === void 0 ? void 0 : (_application$bookingS9 = application.bookingSlotDetails) === null || _application$bookingS9 === void 0 ? void 0 : (_application$bookingS0 = _application$bookingS9[application.bookingSlotDetails.length - 1]) === null || _application$bookingS0 === void 0 ? void 0 : _application$bookingS0.bookingDate,
+        hallCode: application === null || application === void 0 ? void 0 : (_application$bookingS1 = application.bookingSlotDetails) === null || _application$bookingS1 === void 0 ? void 0 : (_application$bookingS10 = _application$bookingS1[0]) === null || _application$bookingS10 === void 0 ? void 0 : _application$bookingS10.hallCode,
+        isTimerRequired: true
+      };
+      const isSlotBooked = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : (_result$data$hallSlot = _result$data.hallSlotAvailabiltityDetails) === null || _result$data$hallSlot === void 0 ? void 0 : _result$data$hallSlot.some(slot => slot.slotStaus === "BOOKED");
+      if (isSlotBooked) {
+        setShowToast({
+          error: true,
+          label: t("CHB_COMMUNITY_HALL_ALREADY_BOOKED")
+        });
+      } else {
+        history.push({
+          pathname: `/digit-ui/citizen/payment/my-bills/${"chb-services"}/${application === null || application === void 0 ? void 0 : application.bookingNo}`,
+          state: {
+            tenantId: application === null || application === void 0 ? void 0 : application.tenantId,
+            bookingNo: application === null || application === void 0 ? void 0 : application.bookingNo,
+            timerValue: result === null || result === void 0 ? void 0 : result.data.timerValue,
+            SlotSearchData: SlotSearchData
+          }
+        });
+      }
+    } catch (error) {
+      setShowToast({
+        error: true,
+        label: t("CS_SOMETHING_WENT_WRONG")
+      });
+    }
   };
   useEffect(() => {
     if (showToast) {
@@ -18558,17 +18606,17 @@ const ChbApplication = ({
   }), /*#__PURE__*/React.createElement(KeyNote, {
     keyValue: t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
     note: t(`${application === null || application === void 0 ? void 0 : application.bookingStatus}`)
-  }), /*#__PURE__*/React.createElement("div", null, application.bookingStatus === "PENDING_PAYMENT" ? /*#__PURE__*/React.createElement(SubmitBar, {
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
+    to: `/digit-ui/citizen/chb/application/${application === null || application === void 0 ? void 0 : application.bookingNo}/${application === null || application === void 0 ? void 0 : application.tenantId}`
+  }, /*#__PURE__*/React.createElement(SubmitBar, {
+    label: buttonLabel
+  })), (application.bookingStatus === "BOOKING_CREATED" || application.bookingStatus === "PAYMENT_FAILED" || application.bookingStatus === "PENDING_FOR_PAYMENT") && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("CS_APPLICATION_DETAILS_MAKE_PAYMENT"),
     onSubmit: handleMakePayment,
     style: {
       margin: "20px"
     }
-  }) : /*#__PURE__*/React.createElement(Link, {
-    to: `/digit-ui/citizen/chb/application/${application === null || application === void 0 ? void 0 : application.bookingNo}/${application === null || application === void 0 ? void 0 : application.tenantId}`
-  }, /*#__PURE__*/React.createElement(SubmitBar, {
-    label: buttonLabel
-  }))), showToast && /*#__PURE__*/React.createElement(Toast, {
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.error,
     warning: showToast.warning,
     label: t(showToast.label),
@@ -18582,7 +18630,10 @@ const CHBMyApplications = () => {
   const {
     t
   } = useTranslation();
-  const tenantId = window.localStorage.getItem("CITIZEN.CITY");
+  const tenantId = Digit.ULBService.getCitizenCurrentTenant(true) || Digit.ULBService.getCurrentTenantId();
+  const user = Digit.UserService.getUser().info;
+  const [searchTerm, setSearchTerm] = useState("");
+  const [status, setStatus] = useState(null);
   const [filters, setFilters] = useState(null);
   let filter = window.location.href.split("/").pop();
   let t1;
@@ -18600,7 +18651,7 @@ const CHBMyApplications = () => {
     offset: off,
     tenantId
   } : {
-    limit: "10",
+    limit: "4",
     sortOrder: "ASC",
     sortBy: "createdTime",
     offset: "0",
@@ -18608,126 +18659,53 @@ const CHBMyApplications = () => {
   };
   useEffect(() => {
     setFilters(initialFilters);
-  }, [filter, tenantId]);
+  }, [filter]);
   const {
     isLoading,
-    data,
-    refetch
+    data
   } = 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
   }, /*#__PURE__*/React.createElement(ChbApplication, {
     application: application,
-    tenantId: tenantId,
+    tenantId: user === null || user === void 0 ? void 0 : user.permanentCity,
     buttonLabel: t("CHB_SUMMARY")
   }))), filteredApplications.length === 0 && !isLoading && /*#__PURE__*/React.createElement("p", {
     style: {
       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", {
+  }, 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", {
     style: {
       marginLeft: "16px",
       marginTop: "16px"
     }
   }, /*#__PURE__*/React.createElement("span", {
-    className: "link",
-    style: {
-      cursor: "pointer",
-      color: "#007bff"
-    },
-    onClick: handleLoadMore
-  }, t("CHB_LOAD_MORE_MSG")))));
+    className: "link"
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: `/digit-ui/citizen/chb/myBookings/${t1}`
+  }, 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) => {
@@ -41649,46 +41627,8 @@ 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 _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;
+  var _chb_details$addition, _chb_details$bookingS, _chb_details$applican, _chb_details$applican2, _chb_details$applican3, _chb_details$specialC, _chb_details$purpose, _docs, _docs2;
   const {
     t
   } = useTranslation();
@@ -41704,9 +41644,6 @@ const CHBApplicationDetails = () => {
   const {
     data: storeData
   } = Digit.Hooks.useStore.getInitData();
-  const {
-    tenants
-  } = storeData || {};
   const {
     isLoading,
     isError,
@@ -41727,22 +41664,6 @@ 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, {
@@ -41768,7 +41689,6 @@ const CHBApplicationDetails = () => {
   }, {
     enabled: true
   });
-  console.log("auditResponse", auditResponse);
   const {
     data: reciept_data,
     isLoading: recieptDataLoading
@@ -41785,14 +41705,6 @@ 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;
@@ -41861,16 +41773,12 @@ 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$Payment2;
+      var _reciept_data$Payment;
       return getRecieptSearch({
-        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$Payment = reciept_data.Payments[0]) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.tenantId,
         payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
       });
     }
@@ -41878,23 +41786,16 @@ 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$Payment3;
+      var _reciept_data$Payment2;
       return getPermissionLetter({
-        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,
+        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]
       });
     }
   });
-  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"
@@ -41905,10 +41806,8 @@ 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}`)
@@ -42005,23 +41904,7 @@ 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"))))), (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)
-  }))))));
+  }, t(doc === null || doc === void 0 ? void 0 : doc.documentType))))) : /*#__PURE__*/React.createElement("h5", null, t("CS_NO_DOCUMENTS_UPLOADED")))))));
 };
 
 function _extends() {
@@ -43531,56 +43414,78 @@ const TableConfig = t => ({
   }
 });
 
-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"
-  };
+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: _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
-};
+    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 ModalConfig = ({
   t,
@@ -43678,9 +43583,9 @@ const NDCModal = ({
   errors,
   showErrorToast,
   errorOne,
-  closeToastOne,
-  getEmployees
+  closeToastOne
 }) => {
+  var _action$state;
   const [config, setConfig] = useState({});
   const [defaultValues, setDefaultValues] = useState({});
   const [approvers, setApprovers] = useState([]);
@@ -43690,14 +43595,13 @@ const NDCModal = ({
   const [error, setError] = useState(null);
   const [financialYears, setFinancialYears] = useState([]);
   const [selectedFinancialYear, setSelectedFinancialYear] = useState(null);
-  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 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 {
     data: approverData,
     isLoading: PTALoading
   } = Digit.Hooks.useEmployeeSearch(tenantId, {
-    roles: allRolesNew === null || allRolesNew === void 0 ? void 0 : allRolesNew.map(role => ({
+    roles: allRoles === null || allRoles === void 0 ? void 0 : allRoles.map(role => ({
       code: role
     })),
     isActive: true
@@ -43802,8 +43706,7 @@ const NDCModal = ({
       }));
     }
   }, [action, approvers, financialYears, selectedFinancialYear, uploadedFile]);
-  if (!action || !config.form) return null;
-  return /*#__PURE__*/React.createElement(Modal, {
+  return action && config.form ? /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading$1, {
       label: t(config.label.heading)
     }),
@@ -43832,13 +43735,11 @@ const NDCModal = ({
     label: errorOne,
     isDleteBtn: true,
     onClose: closeToastOne
-  }), PTALoading && /*#__PURE__*/React.createElement(Loader, {
-    page: true
-  }));
+  })) : /*#__PURE__*/React.createElement(Loader$1, null);
 };
 
-const getTimelineCaptions$1 = (checkpoint, index, arr, t) => {
-  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _thumbnailsToShow$thu;
+const getTimelineCaptions = (checkpoint, index, arr, t) => {
+  var _checkpoint$auditDeta, _checkpoint$assigner, _checkpoint$assigner2, _checkpoint$assigner3, _thumbnailsToShow$thu;
   console.log("checkpoint", checkpoint);
   const {
     wfComment: comment,
@@ -43848,7 +43749,8 @@ const getTimelineCaptions$1 = (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,
-    source: checkpoint === null || checkpoint === void 0 ? void 0 : (_checkpoint$assigner2 = checkpoint.assigner) === null || _checkpoint$assigner2 === void 0 ? void 0 : _checkpoint$assigner2.source
+    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
   };
   return /*#__PURE__*/React.createElement("div", null, (comment === null || comment === void 0 ? void 0 : comment.length) > 0 && /*#__PURE__*/React.createElement("div", {
     className: "TLComments"
@@ -43873,7 +43775,7 @@ const getTimelineCaptions$1 = (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.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.mobileNumber && /*#__PURE__*/React.createElement("p", null, caption.mobileNumber), 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;
@@ -43887,11 +43789,8 @@ 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();
@@ -44033,34 +43932,16 @@ 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 _action$state, _action$state$actions, _filterRoles$, _displayData$applican;
+    var _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);
     } else if ((action === null || action === void 0 ? void 0 : action.action) == "PAY") {
-      history.push(`/digit-ui/employee/payment/collect/chb-services/${appNo}/${tenantId}?tenantId=${tenantId}`);
+      history.push(`/digit-ui/employee/payment/collect/NDC/${appNo}/${tenantId}?tenantId=${tenantId}`);
     } else if ((action === null || action === void 0 ? void 0 : action.action) == "EDIT") {
       history.push(`/digit-ui/employee/ndc/create/${appNo}`);
     } else {
@@ -44106,6 +43987,9 @@ 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;
@@ -44197,9 +44081,6 @@ 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"
@@ -44212,10 +44093,9 @@ 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_CHB_${slot === null || slot === void 0 ? void 0 : slot.status}`)
+    bookingStatus: t(`WF_NEWTL_${slot === null || slot === void 0 ? void 0 : slot.status}`)
   }))) || [];
   const submitAction = async modalData => {
     var _modalData$Licenses;
@@ -44272,8 +44152,22 @@ const CHBApplicationDetails$1 = () => {
       setShowErrorToastt(true);
     }
   };
-  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, {
+  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, {
     style: {
       fontSize: "24px"
     }
@@ -44339,18 +44233,21 @@ const CHBApplicationDetails$1 = () => {
       flexDirection: "row",
       gap: "30px"
     }
-  }, ((_docs = docs) === null || _docs === void 0 ? void 0 : _docs.length) > 0 ? (_docs2 = docs) === null || _docs2 === void 0 ? void 0 : _docs2.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
-  }), /*#__PURE__*/React.createElement(CardSectionHeader, {
-    style: {
-      marginTop: "10px",
-      fontSize: "15px"
-    }
-  }, 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$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : _workflowDetails$data9.timeline) && /*#__PURE__*/React.createElement(Card, {
+  }, ((_docs = docs) === null || _docs === void 0 ? void 0 : _docs.length) > 0 ? (_docs2 = docs) === null || _docs2 === void 0 ? void 0 : _docs2.map((doc, index) => {
+    var _doc$documentType;
+    return /*#__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
+    }), /*#__PURE__*/React.createElement(CardSectionHeader, {
+      style: {
+        marginTop: "10px",
+        fontSize: "15px"
+      }
+    }, t(doc === null || doc === void 0 ? void 0 : (_doc$documentType = doc.documentType) === null || _doc$documentType === void 0 ? void 0 : _doc$documentType.split(".").slice(0, 2).join("_")))));
+  }) : /*#__PURE__*/React.createElement("h5", null, t("CS_NO_DOCUMENTS_UPLOADED"))))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : _workflowDetails$data9.timeline) && /*#__PURE__*/React.createElement(Card, {
     style: {
       marginTop: "20px"
     }
@@ -44361,10 +44258,10 @@ const CHBApplicationDetails$1 = () => {
     keyValue: index,
     isCompleted: index === 0,
     label: t(checkpoint.status),
-    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, {
+    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, {
     localeKeyPrefix: `WF_EDITRENEWAL`,
-    options: filteredActions,
+    options: actions,
     optionKey: "action",
     t: t,
     onSelect: onActionSelect
@@ -44385,7 +44282,6 @@ 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,
@@ -44396,8 +44292,6 @@ const CHBApplicationDetails$1 = () => {
     label: error,
     isDleteBtn: true,
     onClose: closeToast
-  }), (isLoading || auditDataLoading || getLoader) && /*#__PURE__*/React.createElement(Loader, {
-    page: true
   })));
 };
 
@@ -45291,6 +45185,57 @@ 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,
@@ -45363,15 +45308,14 @@ const CHBCitizenSecond = ({
     setHallCodes(getHallCodesData);
   };
   const slotsSearch = async data => {
-    var _getValues, _getValues2;
+    var _getValues, _getValues$siteId, _getValues2, _getValues3;
     setLoader(true);
-    console.log("data", data);
     const payload = {
       tenantId: tenantId,
-      communityHallCode: data.communityHallId,
+      communityHallCode: (_getValues = getValues()) === null || _getValues === void 0 ? void 0 : (_getValues$siteId = _getValues.siteId) === null || _getValues$siteId === void 0 ? void 0 : _getValues$siteId.code,
       hallCode: data === null || data === void 0 ? void 0 : data.HallCode,
-      bookingStartDate: (_getValues = getValues()) === null || _getValues === void 0 ? void 0 : _getValues.startDate,
-      bookingEndDate: (_getValues2 = getValues()) === null || _getValues2 === void 0 ? void 0 : _getValues2.startDate,
+      bookingStartDate: (_getValues2 = getValues()) === null || _getValues2 === void 0 ? void 0 : _getValues2.startDate,
+      bookingEndDate: (_getValues3 = getValues()) === null || _getValues3 === void 0 ? void 0 : _getValues3.startDate,
       isTimerRequired: false
     };
     try {
@@ -45386,7 +45330,7 @@ const CHBCitizenSecond = ({
     }
   };
   const onSubmit = data => {
-    var _Digit$UserService$ge, _data$slots, _getHallDetails$, _data$siteId, _data$purpose, _data$specialCategory;
+    var _Digit$UserService$ge, _data$slots, _getHallDetails$, _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();
@@ -45410,7 +45354,6 @@ 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
         },
@@ -45628,9 +45571,7 @@ 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 {
@@ -46232,7 +46173,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$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;
+  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;
   const {
     pathname: url
   } = useLocation();
@@ -46247,9 +46188,6 @@ 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"
@@ -46328,10 +46266,9 @@ 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, _formData$venueDetail8, _formData$venueDetail9;
+    var _formData$venueDetail6, _formData$venueDetail7;
     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)}`
@@ -46347,13 +46284,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$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$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", {
     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$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("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: t,
     data: slotlistRows,
     columns: columns,