@mseva/upyog-ui-module-chb 1.0.65 → 1.0.66

package/dist/index.modern.js

@@ -25372,7 +25372,7 @@ const CHBApplicationDetails = () => {
     communityHallCode: `${t(chb_details === null || chb_details === void 0 ? void 0 : chb_details.communityHallCode)}`,
     hallCode: slot.hallCode + " - " + slot.capacity,
     bookingDate: slot.bookingDate + " (" + slot.bookingFromTime + " - " + slot.bookingToTime + ")",
-    bookingStatus: `${t(slot.status)}`
+    bookingStatus: t(`WF_NEWTL_${slot === null || slot === void 0 ? void 0 : slot.status}`)
   }))) || [];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "cardHeaderWithOptions",
@@ -25389,11 +25389,7 @@ const CHBApplicationDetails = () => {
     onHeadClick: () => setShowOptions(!showOptions),
     displayOptions: showOptions,
     options: dowloadOptions
-  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
-    className: "border-none",
-    label: t("CHB_BOOKING_NO"),
-    text: chb_details === null || chb_details === void 0 ? void 0 : chb_details.bookingNo
-  })), /*#__PURE__*/React.createElement(CardSubHeader, {
+  })), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       fontSize: "24px"
     }
@@ -25409,6 +25405,10 @@ const CHBApplicationDetails = () => {
     className: "border-none",
     label: t("CHB_EMAIL_ID"),
     text: (chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$applican3 = chb_details.applicantDetail) === null || _chb_details$applican3 === void 0 ? void 0 : _chb_details$applican3.applicantEmailId) || t("CS_NA")
+  }), /*#__PURE__*/React.createElement(Row, {
+    className: "border-none",
+    label: t("CHB_BOOKING_NO"),
+    text: chb_details === null || chb_details === void 0 ? void 0 : chb_details.bookingNo
   })), /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
       fontSize: "24px"
@@ -25416,18 +25416,19 @@ const CHBApplicationDetails = () => {
   }, t("CHB_EVENT_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("CHB_SPECIAL_CATEGORY"),
-    text: (chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$specialC = chb_details.specialCategory) === null || _chb_details$specialC === void 0 ? void 0 : _chb_details$specialC.category) || t("CS_NA")
+    text: t(chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$specialC = chb_details.specialCategory) === null || _chb_details$specialC === void 0 ? void 0 : _chb_details$specialC.category) || t("CS_NA")
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("CHB_PURPOSE"),
-    text: (chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$purpose = chb_details.purpose) === null || _chb_details$purpose === void 0 ? void 0 : _chb_details$purpose.purpose) || t("CS_NA")
+    text: t(chb_details === null || chb_details === void 0 ? void 0 : (_chb_details$purpose = chb_details.purpose) === null || _chb_details$purpose === void 0 ? void 0 : _chb_details$purpose.purpose) || t("CS_NA")
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("CHB_PURPOSE_DESCRIPTION"),
     text: (chb_details === null || chb_details === void 0 ? void 0 : chb_details.purposeDescription) || t("CS_NA")
   })), /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
-      fontSize: "24px"
+      fontSize: "24px",
+      marginTop: "30px"
     }
   }, t("SLOT_DETAILS")), /*#__PURE__*/React.createElement(ApplicationTable, {
     t: t,
@@ -25443,28 +25444,30 @@ const CHBApplicationDetails = () => {
     }),
     isPaginationRequired: false,
     totalRecords: slotlistRows.length
-  }), (_docs = docs) === null || _docs === void 0 ? void 0 : _docs.map((doc, index) => {
+  }), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      fontSize: "24px",
+      marginTop: "30px"
+    }
+  }, t("CS_COMMON_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Card, {
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      gap: "30px"
+    }
+  }, (_docs = docs) === null || _docs === void 0 ? void 0 : _docs.map((doc, index) => {
     var _doc$documentType;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardSubHeader, {
-      style: {
-        fontSize: "24px"
-      }
-    }, t("CHB_DOCUMENTS_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Card, {
-      style: {
-        display: "flex",
-        flexDirection: "row"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      key: `doc-${index}`,
-      style: {
-        marginRight: "25px"
-      }
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardSectionHeader, null, t("CHB_" + (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(CHBDocument, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__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("CHB_MESSAGE_" + (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("_"))))));
+  }))))));
 };
 
 const InboxLinks = ({
@@ -35945,6 +35948,7 @@ const CHBCitizenSecond = ({
   const [getHallCodes, setHallCodes] = useState([]);
   const [getSlots, setSlots] = useState([]);
   const [loader, setLoader] = useState(false);
+  const [showInfo, setShowInfo] = useState(false);
   const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
   const {
     control,
@@ -35957,6 +35961,7 @@ const CHBCitizenSecond = ({
     getValues
   } = useForm({
     defaultValues: {
+      shouldUnregister: false,
       halls: [{
         startDate: "",
         endDate: "",
@@ -35995,21 +36000,18 @@ const CHBCitizenSecond = ({
   } = Digit.Hooks.useCustomMDMS("pb", "CHB", [{
     name: "HallCode"
   }]);
+  console.log("CHBHallCode", CHBHallCode);
   const fiterHalls = selected => {
     var _CHBDetails$CHB, _CHBDetails$CHB$Commu, _CHBHallCode$CHB;
-    console.log("selected", selected);
-    const filteredHalls = (CHBDetails === null || CHBDetails === void 0 ? void 0 : (_CHBDetails$CHB = CHBDetails.CHB) === null || _CHBDetails$CHB === void 0 ? void 0 : (_CHBDetails$CHB$Commu = _CHBDetails$CHB.CommunityHalls) === null || _CHBDetails$CHB$Commu === void 0 ? void 0 : _CHBDetails$CHB$Commu.filter(hall => hall.locationCode === selected.code)) || [];
+    const filteredHalls = (CHBDetails === null || CHBDetails === void 0 ? void 0 : (_CHBDetails$CHB = CHBDetails.CHB) === null || _CHBDetails$CHB === void 0 ? void 0 : (_CHBDetails$CHB$Commu = _CHBDetails$CHB.CommunityHalls) === null || _CHBDetails$CHB$Commu === void 0 ? void 0 : _CHBDetails$CHB$Commu.filter(hall => hall.locationCode === (selected === null || selected === void 0 ? void 0 : selected.code))) || [];
     setHallDetails(filteredHalls);
     const hallInfo = CHBHallCode === null || CHBHallCode === void 0 ? void 0 : (_CHBHallCode$CHB = CHBHallCode.CHB) === null || _CHBHallCode$CHB === void 0 ? void 0 : _CHBHallCode$CHB.HallCode;
     const getHallCodesData = hallInfo === null || hallInfo === void 0 ? void 0 : hallInfo.filter(item => (item === null || item === void 0 ? void 0 : item.communityHallId) == (selected === null || selected === void 0 ? void 0 : selected.communityHallId));
-    console.log("getHallCodesData", getHallCodesData);
     setHallCodes(getHallCodesData);
   };
   const slotsSearch = async data => {
     var _getValues, _getValues$siteId, _getValues2, _getValues3;
     setLoader(true);
-    console.log("data", data);
-    console.log("getValues", getValues());
     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,
@@ -36018,85 +36020,108 @@ const CHBCitizenSecond = ({
       bookingEndDate: (_getValues3 = getValues()) === null || _getValues3 === void 0 ? void 0 : _getValues3.startDate,
       isTimerRequired: false
     };
-    console.log("payload", payload);
-    const response = await Digit.CHBServices.slot_search({
-      filters: payload
-    });
-    setLoader(false);
-    setSlots(response === null || response === void 0 ? void 0 : response.hallSlotAvailabiltityDetails);
-    console.log("res", response === null || response === void 0 ? void 0 : response.hallSlotAvailabiltityDetails);
-  };
-  const updateHall = (idx, updates) => {
-    setHallDetails(prev => {
-      const updated = [...prev];
-      updated[idx] = {
-        ...updated[idx],
-        ...updates
-      };
-      return updated;
-    });
+    try {
+      const response = await Digit.CHBServices.slot_search({
+        filters: payload
+      });
+      setLoader(false);
+      setSlots(response === null || response === void 0 ? void 0 : response.hallSlotAvailabiltityDetails);
+      return response;
+    } catch (error) {
+      setLoader(false);
+    }
   };
   const onSubmit = data => {
-    var _Digit$UserService$ge;
-    console.log("data===", data);
+    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 bookingSlotDetails = getHallDetails === null || getHallDetails === void 0 ? void 0 : getHallDetails.map((hall, idx) => {
-      var _data$halls, _data$halls$idx, _data$halls2, _data$halls2$idx, _data$halls3, _data$halls3$idx, _data$halls4, _data$halls4$idx;
+    const now = Date.now();
+    const bookingSlotDetails = data === null || data === void 0 ? void 0 : (_data$slots = data.slots) === null || _data$slots === void 0 ? void 0 : _data$slots.map(slot => {
+      var _CHBHallCode$CHB2, _CHBHallCode$CHB2$Hal;
+      const hallInfo = CHBHallCode === null || CHBHallCode === void 0 ? void 0 : (_CHBHallCode$CHB2 = CHBHallCode.CHB) === null || _CHBHallCode$CHB2 === void 0 ? void 0 : (_CHBHallCode$CHB2$Hal = _CHBHallCode$CHB2.HallCode) === null || _CHBHallCode$CHB2$Hal === void 0 ? void 0 : _CHBHallCode$CHB2$Hal.find(h => h.HallCode === slot.hallCode);
+      const formattedDate = slot !== null && slot !== void 0 && slot.bookingDate ? format(parse(slot.bookingDate, "dd-MM-yyyy", new Date()), "yyyy-MM-dd") : null;
       return {
-        bookingDate: data === null || data === void 0 ? void 0 : (_data$halls = data.halls) === null || _data$halls === void 0 ? void 0 : (_data$halls$idx = _data$halls[idx]) === null || _data$halls$idx === void 0 ? void 0 : _data$halls$idx.startDate,
-        bookingEndDate: data === null || data === void 0 ? void 0 : (_data$halls2 = data.halls) === null || _data$halls2 === void 0 ? void 0 : (_data$halls2$idx = _data$halls2[idx]) === null || _data$halls2$idx === void 0 ? void 0 : _data$halls2$idx.endDate,
-        bookingFromTime: data === null || data === void 0 ? void 0 : (_data$halls3 = data.halls) === null || _data$halls3 === void 0 ? void 0 : (_data$halls3$idx = _data$halls3[idx]) === null || _data$halls3$idx === void 0 ? void 0 : _data$halls3$idx.startTime,
-        bookingToTime: data === null || data === void 0 ? void 0 : (_data$halls4 = data.halls) === null || _data$halls4 === void 0 ? void 0 : (_data$halls4$idx = _data$halls4[idx]) === null || _data$halls4$idx === void 0 ? void 0 : _data$halls4$idx.endTime,
-        hallCode: (hall === null || hall === void 0 ? void 0 : hall.code) || (hall === null || hall === void 0 ? void 0 : hall.communityHallId),
+        bookingDate: formattedDate,
+        bookingEndDate: formattedDate,
+        bookingFromTime: (slot === null || slot === void 0 ? void 0 : slot.fromTime) || "13:47",
+        bookingToTime: (slot === null || slot === void 0 ? void 0 : slot.toTime) || "14:54",
+        hallCode: slot === null || slot === void 0 ? void 0 : slot.hallCode,
         status: "INITIATE",
-        capacity: "50"
+        capacity: (hallInfo === null || hallInfo === void 0 ? void 0 : hallInfo.capacity) || null
       };
     });
-    return;
+    const payload = {
+      hallsBookingApplication: {
+        tenantId,
+        bookingStatus: "INITIATED",
+        applicationDate: now,
+        communityHallCode: (getHallDetails === null || getHallDetails === void 0 ? void 0 : (_getHallDetails$ = getHallDetails[0]) === null || _getHallDetails$ === void 0 ? void 0 : _getHallDetails$.communityHallId) || "",
+        purpose: {
+          purpose: data === null || data === void 0 ? void 0 : (_data$purpose = data.purpose) === null || _data$purpose === void 0 ? void 0 : _data$purpose.code
+        },
+        specialCategory: {
+          category: data === null || data === void 0 ? void 0 : (_data$specialCategory = data.specialCategory) === null || _data$specialCategory === void 0 ? void 0 : _data$specialCategory.code
+        },
+        purposeDescription: data === null || data === void 0 ? void 0 : data.purposeDescription,
+        bookingSlotDetails,
+        owners: [{
+          name: userInfo === null || userInfo === void 0 ? void 0 : userInfo.name,
+          mobileNumber: userInfo === null || userInfo === void 0 ? void 0 : userInfo.mobileNumber,
+          emailId: userInfo === null || userInfo === void 0 ? void 0 : userInfo.emailId,
+          type: userInfo === null || userInfo === void 0 ? void 0 : userInfo.type
+        }],
+        workflow: {
+          action: "INITIATE",
+          businessService: "CommunityHallBooking",
+          moduleName: "CommunityHallModule"
+        }
+      }
+    };
+    console.log("payload", payload);
+    goNext(payload);
   };
   useEffect(() => {
     var _currentStepData$owne;
     const formattedData = currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$owne = currentStepData.ownerDetails) === null || _currentStepData$owne === void 0 ? void 0 : _currentStepData$owne.hallsBookingApplication;
     if (formattedData) {
-      var _formattedData$bookin3;
-      const locationOptions = CHBLocations.CHB.Location || [];
+      var _CHBHallCode$CHB3, _formattedData$bookin3, _formattedData$bookin4;
+      const communityHallsOptions = CHBLocations.CHB.CommunityHalls || [];
       const purposeOptions = CHBPurpose.CHB.Purpose || [];
       const specialCategoryOptions = SpecialCategory.CHB.SpecialCategory || [];
-      const selectedLoc = locationOptions === null || locationOptions === void 0 ? void 0 : locationOptions.find(item => {
-        var _formattedData$bookin, _formattedData$bookin2;
-        return item.code == (formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$bookin = formattedData.bookingSlotDetails) === null || _formattedData$bookin === void 0 ? void 0 : (_formattedData$bookin2 = _formattedData$bookin[0]) === null || _formattedData$bookin2 === void 0 ? void 0 : _formattedData$bookin2.hallCode);
-      });
+      const hallCodeOptions = CHBHallCode === null || CHBHallCode === void 0 ? void 0 : (_CHBHallCode$CHB3 = CHBHallCode.CHB) === null || _CHBHallCode$CHB3 === void 0 ? void 0 : _CHBHallCode$CHB3.HallCode;
+      const selectedCommHall = communityHallsOptions === null || communityHallsOptions === void 0 ? void 0 : communityHallsOptions.find(item => (item === null || item === void 0 ? void 0 : item.communityHallId) == (formattedData === null || formattedData === void 0 ? void 0 : formattedData.communityHallCode));
       const selectedPurpose = purposeOptions === null || purposeOptions === void 0 ? void 0 : purposeOptions.find(item => {
         var _formattedData$purpos;
-        return item.code == (formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$purpos = formattedData.purpose) === null || _formattedData$purpos === void 0 ? void 0 : _formattedData$purpos.purpose);
+        return (item === null || item === void 0 ? void 0 : item.code) == (formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$purpos = formattedData.purpose) === null || _formattedData$purpos === void 0 ? void 0 : _formattedData$purpos.purpose);
       });
       const selectedSpecialCat = specialCategoryOptions === null || specialCategoryOptions === void 0 ? void 0 : specialCategoryOptions.find(item => {
         var _formattedData$specia;
-        return item.code == (formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$specia = formattedData.specialCategory) === null || _formattedData$specia === void 0 ? void 0 : _formattedData$specia.category);
+        return (item === null || item === void 0 ? void 0 : item.code) == (formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$specia = formattedData.specialCategory) === null || _formattedData$specia === void 0 ? void 0 : _formattedData$specia.category);
       });
-      fiterHalls(selectedLoc);
-      formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$bookin3 = formattedData.bookingSlotDetails) === null || _formattedData$bookin3 === void 0 ? void 0 : _formattedData$bookin3.forEach((slot, idx) => {
-        reset({
-          siteId: selectedLoc || null,
-          purpose: selectedPurpose || null,
-          specialCategory: selectedSpecialCat || null,
-          purposeDescription: formattedData.purposeDescription || "",
-          halls: [{
-            startDate: slot.bookingDate,
-            endDate: slot.bookingEndDate,
-            startTime: slot.bookingFromTime,
-            endTime: slot.bookingToTime
-          }]
-        });
-        updateHall(idx, {
-          startDate: slot.bookingDate,
-          endDate: slot.bookingEndDate,
-          startTime: slot.bookingFromTime,
-          endTime: slot.bookingToTime
-        });
+      const selectHallCode = hallCodeOptions === null || hallCodeOptions === void 0 ? void 0 : hallCodeOptions.find(item => {
+        var _formattedData$bookin, _formattedData$bookin2;
+        return (item === null || item === void 0 ? void 0 : item.HallCode) == (formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$bookin = formattedData.bookingSlotDetails) === null || _formattedData$bookin === void 0 ? void 0 : (_formattedData$bookin2 = _formattedData$bookin[0]) === null || _formattedData$bookin2 === void 0 ? void 0 : _formattedData$bookin2.hallCode);
+      });
+      console.log("formattedData", formattedData);
+      setValue("siteId", selectedCommHall || null);
+      setValue("hallCode", selectHallCode || null);
+      setValue("startDate", formattedData === null || formattedData === void 0 ? void 0 : (_formattedData$bookin3 = formattedData.bookingSlotDetails) === null || _formattedData$bookin3 === void 0 ? void 0 : (_formattedData$bookin4 = _formattedData$bookin3[0]) === null || _formattedData$bookin4 === void 0 ? void 0 : _formattedData$bookin4.bookingDate);
+      setShowInfo(true);
+      fiterHalls(selectedCommHall);
+      slotsSearch(selectHallCode).then(response => {
+        console.log("response", response);
+        const slotsData = (response === null || response === void 0 ? void 0 : response.hallSlotAvailabiltityDetails) || [];
+        setSlots(slotsData);
+        setValue("slots", slotsData);
       });
+      setValue("purpose", selectedPurpose || null);
+      setValue("specialCategory", selectedSpecialCat || null);
+      setValue("purposeDescription", formattedData.purposeDescription || "");
     }
   }, [currentStepData, setValue]);
+  useEffect(() => {
+    console.log("getSlots", getSlots);
+  }, [getSlots]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Select Hall Name ", /*#__PURE__*/React.createElement("span", {
@@ -36107,7 +36132,7 @@ const CHBCitizenSecond = ({
     control: control,
     name: "siteId",
     rules: {
-      required: "Hall Name is Required"
+      required: t("HALL_NAME_REQ")
     },
     render: props => {
       var _CHBLocations$CHB;
@@ -36147,7 +36172,7 @@ const CHBCitizenSecond = ({
     control: control,
     name: "startDate",
     rules: {
-      required: "Start Date is Required"
+      required: t("START_DATE_REQ")
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
       style: {
@@ -36180,7 +36205,7 @@ const CHBCitizenSecond = ({
     control: control,
     name: "hallCode",
     rules: {
-      required: "Hall Code is Required"
+      required: t("HALL_CODE_REQ")
     },
     render: props => /*#__PURE__*/React.createElement(Dropdown, {
       style: {
@@ -36188,8 +36213,10 @@ const CHBCitizenSecond = ({
       },
       className: "form-field",
       select: e => {
+        console.log("e", e);
         props.onChange(e);
         slotsSearch(e);
+        setShowInfo(true);
       },
       selected: props.value,
       option: getHallCodes,
@@ -36208,24 +36235,36 @@ const CHBCitizenSecond = ({
     style: {
       color: "red"
     }
-  }, "*")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "8px"
-    }
-  }, getSlots === null || getSlots === void 0 ? void 0 : getSlots.map((slot, idx) => /*#__PURE__*/React.createElement(Controller, {
-    key: idx,
+  }, "*")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
-    name: `slots`,
-    render: field => {
+    name: "slots",
+    rules: {
+      validate: value => {
+        if (!value || value.length === 0) {
+          return t("PLEASE_SELECT_AT_LEAST_ONE_SLOT");
+        }
+        return true;
+      }
+    },
+    render: field => /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      }
+    }, getSlots === null || getSlots === void 0 ? void 0 : getSlots.map((slot, idx) => {
       var _field$value;
       const isChecked = (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.some(s => s.hallCode === slot.hallCode);
+      console.log("isChecked", isChecked);
+      console.log("field.value", field);
+      console.log("slot", slot);
       return /*#__PURE__*/React.createElement("label", {
+        key: idx,
         style: {
           display: "flex",
           alignItems: "center",
-          gap: "8px"
+          gap: "8px",
+          cursor: "pointer"
         }
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
@@ -36238,8 +36277,16 @@ const CHBCitizenSecond = ({
           }
         }
       }), /*#__PURE__*/React.createElement("span", null, slot.bookingDate, " (", slot.hallCode, ") \u2013 ", slot.slotStaus));
+    }))
+  }), errors.slots && /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "red"
     }
-  })))), (getSlots === null || getSlots === void 0 ? void 0 : getSlots.length) > 0 && /*#__PURE__*/React.createElement("div", null, " ", /*#__PURE__*/React.createElement("div", {
+  }, errors.slots.message)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: showInfo ? "block" : "none"
+    }
+  }, " ", /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "20px",
       marginBottom: "20px"
@@ -36251,8 +36298,9 @@ const CHBCitizenSecond = ({
   }, "*")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "purpose",
+    defaultValue: null,
     rules: {
-      required: "CHB_PURPOSE_REQUIRED"
+      required: t("CHB_PURPOSE_REQUIRED")
     },
     render: props => {
       var _CHBPurpose$CHB;
@@ -36282,8 +36330,9 @@ const CHBCitizenSecond = ({
   }, "*")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "specialCategory",
+    defaultValue: null,
     rules: {
-      required: "CHB_SPECIAL_CATEGORY_REQUIRED"
+      required: t("CHB_SPECIAL_CATEGORY_REQUIRED")
     },
     render: props => {
       var _SpecialCategory$CHB;
@@ -36313,11 +36362,12 @@ const CHBCitizenSecond = ({
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "purposeDescription",
+    defaultValue: "",
     rules: {
-      required: "CHB_PURPOSE_DESCRIPTION_REQUIRED",
+      required: t("CHB_PURPOSE_DESCRIPTION_REQUIRED"),
       minLength: {
         value: 5,
-        message: "CHB_PURPOSE_DESCRIPTION_REQUIRED_MIN"
+        message: t("CHB_PURPOSE_DESCRIPTION_REQUIRED_MIN")
       }
     },
     render: props => /*#__PURE__*/React.createElement(TextArea, {
@@ -36394,6 +36444,7 @@ const CHBCitizenDetailsNew = ({
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const stateId = Digit.ULBService.getStateId();
   const user = Digit.UserService.getUser();
+  const [loader, setLoader] = useState(false);
   const {
     control,
     handleSubmit,
@@ -36411,6 +36462,7 @@ const CHBCitizenDetailsNew = ({
   });
   const onSubmit = async data => {
     var _currentStepData$venu, _currentStepData$venu2;
+    setLoader(true);
     console.log("data", data);
     console.log("user", user);
     console.log("currentStepData", currentStepData);
@@ -36437,9 +36489,14 @@ const CHBCitizenDetailsNew = ({
         }
       };
       console.log("final payload", payload);
-      const response = await Digit.CHBServices.create(payload);
-      console.log("response", response);
-      goNext(response === null || response === void 0 ? void 0 : response.hallsBookingApplication);
+      try {
+        const response = await Digit.CHBServices.create(payload);
+        console.log("response", response);
+        setLoader(false);
+        goNext(response === null || response === void 0 ? void 0 : response.hallsBookingApplication);
+      } catch (error) {
+        setLoader(false);
+      }
     }
   };
   useEffect(() => {
@@ -36606,7 +36663,9 @@ const CHBCitizenDetailsNew = ({
   }), /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Next",
     submit: "submit"
-  }))));
+  }))), loader && /*#__PURE__*/React.createElement(Loader, {
+    page: true
+  }));
 };
 
 const NewADSStepFormTwo = ({
@@ -36803,7 +36862,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, _workflowDetails$data6, _formData$venueDetail3, _formData$venueDetail4, _formData$venueDetail5, _formData$venueDetail6, _formData$venueDetail7, _formData$venueDetail8, _formData$venueDetail9, _formData$venueDetail0, _formData$venueDetail1, _formData$venueDetail10, _formData$venueDetail11, _formData$venueDetail12, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9;
+  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, _workflowDetails$data6, _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$data7, _workflowDetails$data8, _workflowDetails$data9;
   const {
     pathname: url
   } = useLocation();
@@ -36816,6 +36875,19 @@ function CHBSummary({
   const mutateScreen = url.includes("/property-mutate/");
   let user = Digit.UserService.getUser();
   console.log("formData", formData);
+  const columns = [{
+    Header: `${t("CHB_HALL_NUMBER")}`,
+    accessor: "communityHallCode"
+  }, {
+    Header: `${t("CHB_HALL_CODE")}`,
+    accessor: "hallCode"
+  }, {
+    Header: `${t("CHB_BOOKING_DATE")}`,
+    accessor: "bookingDate"
+  }, {
+    Header: `${t("PT_COMMON_TABLE_COL_STATUS_LABEL")}`,
+    accessor: "bookingStatus"
+  }];
   let docs = formData === null || formData === void 0 ? void 0 : (_formData$documents = formData.documents) === null || _formData$documents === void 0 ? void 0 : (_formData$documents$d = _formData$documents.documents) === null || _formData$documents$d === void 0 ? void 0 : _formData$documents$d.documents;
   const appId = (formData === null || formData === void 0 ? void 0 : (_formData$apiData = formData.apiData) === null || _formData$apiData === void 0 ? void 0 : (_formData$apiData$App = _formData$apiData.Applications) === null || _formData$apiData$App === void 0 ? void 0 : (_formData$apiData$App2 = _formData$apiData$App[0]) === null || _formData$apiData$App2 === void 0 ? void 0 : _formData$apiData$App2.uuid) || (formData === null || formData === void 0 ? void 0 : (_formData$venueDetail = formData.venueDetails) === null || _formData$venueDetail === void 0 ? void 0 : (_formData$venueDetail2 = _formData$venueDetail[0]) === null || _formData$venueDetail2 === void 0 ? void 0 : _formData$venueDetail2.bookingNo);
   const tenantId = window.location.href.includes("citizen") ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
@@ -36876,21 +36948,6 @@ function CHBSummary({
     padding: "0.5rem 0",
     color: "#333"
   };
-  const documentsContainerStyle = {
-    display: "flex",
-    flexWrap: "wrap",
-    gap: "1rem"
-  };
-  const documentCardStyle = {
-    flex: isCitizen ? "1 1 18%" : "1 1 22%",
-    minWidth: "200px",
-    maxWidth: "250px",
-    backgroundColor: "#fdfdfd",
-    padding: "0.75rem",
-    border: "1px solid #e0e0e0",
-    borderRadius: "6px",
-    boxShadow: "0 1px 3px rgba(0,0,0,0.05)"
-  };
   const boldLabelStyle = {
     fontWeight: "bold",
     color: "#555"
@@ -36899,28 +36956,70 @@ function CHBSummary({
     style: labelFieldPairStyle
   }, /*#__PURE__*/React.createElement(CardLabel, {
     style: boldLabelStyle
-  }, label), /*#__PURE__*/React.createElement("div", null, value || "NA"));
+  }, 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;
+    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)}`,
+      hallCode: slot.hallCode + " - " + slot.capacity,
+      bookingDate: slot.bookingDate + " (" + slot.bookingFromTime + " - " + slot.bookingToTime + ")",
+      bookingStatus: `${t(slot.status)}`
+    };
+  })) || [];
   return /*#__PURE__*/React.createElement("div", {
     style: pageStyle
   }, /*#__PURE__*/React.createElement("h2", {
     style: headingStyle
   }, t("Application Summary")), /*#__PURE__*/React.createElement("div", {
     style: sectionStyle
-  }, renderLabel(t("Full Name"), 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.applicantDetail) === null || _formData$venueDetail5 === void 0 ? void 0 : _formData$venueDetail5.applicantName), renderLabel(t("Mobile Number"), 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$venueDetail8 = _formData$venueDetail7.applicantDetail) === null || _formData$venueDetail8 === void 0 ? void 0 : _formData$venueDetail8.applicantMobileNo), renderLabel(t("Email ID"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail9 = formData.venueDetails) === null || _formData$venueDetail9 === void 0 ? void 0 : (_formData$venueDetail0 = _formData$venueDetail9[0]) === null || _formData$venueDetail0 === void 0 ? void 0 : (_formData$venueDetail1 = _formData$venueDetail0.applicantDetail) === null || _formData$venueDetail1 === void 0 ? void 0 : _formData$venueDetail1.applicantEmailId), renderLabel(t("Address"), formData === null || formData === void 0 ? void 0 : (_formData$venueDetail10 = formData.venueDetails) === null || _formData$venueDetail10 === void 0 ? void 0 : (_formData$venueDetail11 = _formData$venueDetail10[0]) === null || _formData$venueDetail11 === void 0 ? void 0 : (_formData$venueDetail12 = _formData$venueDetail11.address) === null || _formData$venueDetail12 === void 0 ? void 0 : _formData$venueDetail12.addressLine1)), /*#__PURE__*/React.createElement("h2", {
-    style: headingStyle
-  }, t("Documents Uploaded")), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    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", {
     style: sectionStyle
-  }, (docs === null || docs === void 0 ? void 0 : docs.length) > 0 ? /*#__PURE__*/React.createElement("div", {
-    style: documentsContainerStyle
-  }, docs === null || docs === void 0 ? void 0 : docs.map((doc, index) => /*#__PURE__*/React.createElement("div", {
-    key: index,
-    style: documentCardStyle
-  }, /*#__PURE__*/React.createElement(CHBDocument$1, {
-    value: docs,
-    Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
-    index: index,
-    formData: formData
-  })))) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG"))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, /*#__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: t,
+    data: slotlistRows,
+    columns: columns,
+    getCellProps: cellInfo => ({
+      style: {
+        minWidth: "150px",
+        padding: "10px",
+        fontSize: "16px",
+        paddingLeft: "20px"
+      }
+    }),
+    isPaginationRequired: false,
+    totalRecords: slotlistRows.length
+  }), /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      fontSize: "24px",
+      marginTop: "30px"
+    }
+  }, t("CS_COMMON_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Card, {
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      gap: "30px"
+    }
+  }, docs === null || docs === void 0 ? void 0 : docs.map((doc, index) => {
+    var _doc$documentType;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CHBDocument$1, {
+      value: docs,
+      Code: doc === null || doc === void 0 ? void 0 : doc.documentType,
+      index: index
+    }), /*#__PURE__*/React.createElement(CardSectionHeader, {
+      style: {
+        marginTop: "10px",
+        fontSize: "15px"
+      }
+    }, t("CHB_MESSAGE_" + (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(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     style: {
       background: " white",
       color: "black",
@@ -37110,7 +37209,7 @@ const CHBSelectProofIdentity = ({
     label: error,
     onClose: () => setError(null),
     error: true
-  })) : /*#__PURE__*/React.createElement(Loader$1, null));
+  })) : /*#__PURE__*/React.createElement(Loader, null));
 };
 function PTRSelectDocument({
   t,
@@ -37243,7 +37342,7 @@ function PTRSelectDocument({
     style: {
       marginBottom: "24px"
     }
-  }, getLoading && /*#__PURE__*/React.createElement(Loader$1, null), doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
+  }, doc !== null && doc !== void 0 && doc.hasDropdown ? /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t(doc === null || doc === void 0 ? void 0 : doc.code), " ", (doc === null || doc === void 0 ? void 0 : doc.required) && " *"), /*#__PURE__*/React.createElement(Dropdown, {
     className: "form-field",
@@ -37283,7 +37382,9 @@ function PTRSelectDocument({
     accept: ".pdf, .jpeg, .jpg, .png",
     buttonType: "button",
     error: !uploadedFile
-  }))));
+  }))), getLoading && /*#__PURE__*/React.createElement(Loader, {
+    page: true
+  }));
 }
 
 const initialState = {