@mseva/upyog-ui-module-ads 1.0.80 → 1.0.82

package/dist/index.modern.js

@@ -2,9 +2,9 @@ import { Modal, Card as Card$1, CheckBox, Header, SearchForm, SearchField, TextI
 import React, { useState, useEffect, useMemo, useCallback, useRef, Fragment as Fragment$1 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useParams, useRouteMatch, Switch, useLocation, Route, Redirect } from 'react-router-dom';
-import { useForm, Controller, useWatch } from 'react-hook-form';
+import { useForm, Controller } from 'react-hook-form';
 import { useQueryClient } from 'react-query';
-import { useDispatch, useSelector } from 'react-redux';
+import { useSelector, useDispatch } from 'react-redux';
 import { combineReducers } from 'redux';
 
 const shouldHideBackButton = (config = []) => {
@@ -131,7 +131,6 @@ const ADSSearchApplication = ({
       status: ""
     }
   });
-  console.log("data :>> ", data);
   useEffect(() => {
     register("offset", 0);
     register("limit", 10);
@@ -564,7 +563,6 @@ const Status = ({
   } = Digit.Hooks.useApplicationStatusGeneral({
     businessServices
   }, {});
-  console.log("statusData :>> ", statusData);
   const {
     userRoleStates
   } = statusData || {};
@@ -6470,7 +6468,6 @@ const Filter = ({
   const [_searchParams, setSearchParams] = useState(() => ({
     services: (searchParams === null || searchParams === void 0 ? void 0 : searchParams.services) || ["ADV"]
   }));
-  console.log("_searchParams", _searchParams);
   const assignedToOptions = useMemo(() => [{
     code: "ASSIGNED_TO_ME",
     name: t("ASSIGNED_TO_ME")
@@ -6500,7 +6497,6 @@ const Filter = ({
       uuid: value
     });
   };
-  console.log("statusMap", statusMap);
   const localParamChange = filterParam => {
     let keys_to_delete = filterParam.delete;
     let _new = {
@@ -6528,7 +6524,6 @@ const Filter = ({
       ...defaultSearchParams
     });
   };
-  console.log("hhh");
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "filter"
   }, /*#__PURE__*/React.createElement("div", {
@@ -6591,8 +6586,6 @@ const Filter = ({
     statusMap: statusMap || client.getQueryData(`INBOX_STATUS_MAP_${moduleCode}`),
     moduleCode: moduleCode,
     onAssignmentChange: (e, status) => {
-      console.log("status is 222", status);
-      console.log("e", e);
       if (e.target.checked) {
         localParamChange({
           applicationStatus: [...(_searchParams.applicationStatus || []), status]
@@ -6623,7 +6616,6 @@ const TableConfig = t => ({
         row
       }) => {
         var _row$original, _row$original$searchD, _row$original2, _row$original2$search;
-        console.log("row is :>> ", row);
         return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
           className: "link"
         }, /*#__PURE__*/React.createElement(Link, {
@@ -13370,7 +13362,6 @@ const ADSCreate = ({
 const ADSResponseCitizen = props => {
   var _history$location;
   const isCitizen = window.location.href.includes("citizen");
-  console.log("props", props);
   const {
     state
   } = props.location;
@@ -13379,8 +13370,6 @@ const ADSResponseCitizen = props => {
   } = useTranslation();
   const history = useHistory();
   const applicationData = state === null || state === void 0 ? void 0 : state.applicationData;
-  console.log("state", state);
-  console.log("applicationData", applicationData);
   const tenantId = isCitizen ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const pathname = (history === null || history === void 0 ? void 0 : (_history$location = history.location) === null || _history$location === void 0 ? void 0 : _history$location.pathname) || "";
   const ptrCode = pathname.split("/").pop();
@@ -13675,7 +13664,6 @@ class Loader {
 const google = typeof window !== "undefined" && window.google ? window.google : null;
 const LocationSearch = props => {
   let defaultBounds = {};
-  console.log("setCode=======", props);
   const updateDefaultBounds = center => {
     if (!center.lat || !center.lng) {
       return;
@@ -13710,7 +13698,6 @@ const LocationSearch = props => {
   const loadGoogleMaps = callback => {
     var _window$globalConfigs;
     const key = (_window$globalConfigs = window.globalConfigs) === null || _window$globalConfigs === void 0 ? void 0 : _window$globalConfigs.getConfig("GMAPS_API_KEY");
-    console.log("GMAPS_API_KEY: ", key);
     const loader = new Loader({
       apiKey: key,
       version: "weekly",
@@ -13859,7 +13846,6 @@ const LocationSearch = props => {
       lat: currLat,
       lng: currLang
     };
-    console.log("Lat & Long", location);
     onChange("000000", {
       longitude: location.lng,
       latitude: location.lat
@@ -13905,15 +13891,12 @@ const LocationSearch = props => {
     })];
     if (isPlaceRequired) setLocationText(position, onChange, true);else setLocationText(position, onChange);
     markers[0].addListener("dragend", marker => onMarkerDragged(marker, onChange, isPlaceRequired));
-    console.log("In initAutoComplete, searbox: ", searchBox);
     searchBox.addListener("place_changed", () => {
       const place = searchBox.getPlace();
-      console.log("Place: ", place);
       if (!place) {
         return;
       }
       let pincode = GetPinCode(place);
-      console.log("Pincode: ", pincode);
       if (pincode) {
         const {
           geometry
@@ -15833,7 +15816,6 @@ const ADSSearch = ({
       };
       onSelect(config.key, ownerStep, false, index);
     }
-    console.log("ownerStep", ownerStep);
   };
   const ABmenu = [{
     i18nKey: "Yes",
@@ -17062,7 +17044,7 @@ const ADSCitizenDetails = ({
         addType: slot.addTypeCode,
         faceArea: slot.faceAreaCode,
         location: slot.locationCode,
-        nightLight: slot.nightLight === "Yes" ? true : false,
+        nightLight: slot.light,
         bookingDate: slot.bookingDate,
         bookingFromTime: "06:00",
         bookingToTime: "05:59",
@@ -18260,27 +18242,8 @@ const ADSAddressField = ({
     onChange: () => {},
     onBlur: onBlur,
     disabled: true,
-    placeholder: t ? t("See location on map") : "See location on map"
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => setIsOpen(true),
-    style: {
-      padding: "8px 10px",
-      background: "#0b74de",
-      color: "#fff",
-      border: "none",
-      borderRadius: 6,
-      cursor: "pointer",
-      fontWeight: 700,
-      fontSize: 10
-    }
-  }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      display: "inline-block",
-      color: "#fff",
-      textTransform: "none"
-    }
-  }, t && (t("VIEW_LOCATION_ON_MAP") || "View location on map") || "View location on map")))), isOpen && /*#__PURE__*/React.createElement(GIS, {
+    placeholder: t("ADS_LOCATION")
+  })), isOpen && /*#__PURE__*/React.createElement(GIS, {
     t: t,
     formData: {
       address: {
@@ -18629,10 +18592,8 @@ const ADSDesktopInbox = ({
     const com = (_Digit$ComponentRegis2 = Digit.ComponentRegistryService) === null || _Digit$ComponentRegis2 === void 0 ? void 0 : _Digit$ComponentRegis2.getComponent(props.EmptyResultInboxComp);
     return com;
   });
-  console.log("props :>> ", props);
   const [clearSearchCalled, setClearSearchCalled] = useState(false);
   const columns = React.useMemo(() => props.isSearch ? tableConfig.searchColumns(props) : tableConfig.inboxColumns(props) || [], []);
-  console.log("data is :>> ", data);
   let result;
   if (props.isLoading) {
     result = /*#__PURE__*/React.createElement(Loader$1, null);
@@ -19004,7 +18965,6 @@ const Inbox = ({
 }) => {
   var _sortParams$, _sortParams$2, _sortParams$3, _sortParams$4, _rest$data;
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  console.log("here");
   const {
     t
   } = useTranslation();
@@ -19248,39 +19208,11 @@ const AdsApplication = ({
   buttonLabel
 }) => {
   var _application$applican;
-  console.log("application :>> ", application);
   const {
     t
   } = useTranslation();
   const history = useHistory();
   const [showToast, setShowToast] = useState(null);
-  const slotSearchData = Digit.Hooks.ads.useADSSlotSearch();
-  let formdata = {
-    advertisementSlotSearchCriteria: application === null || application === void 0 ? void 0 : application.cartDetails.map(item => ({
-      bookingId: application === null || application === void 0 ? void 0 : application.bookingId,
-      addType: item === null || item === void 0 ? void 0 : item.addType,
-      bookingStartDate: item === null || item === void 0 ? void 0 : item.bookingDate,
-      bookingEndDate: item === null || item === void 0 ? void 0 : item.bookingDate,
-      faceArea: item === null || item === void 0 ? void 0 : item.faceArea,
-      tenantId: tenantId,
-      location: item === null || item === void 0 ? void 0 : item.location,
-      nightLight: item === null || item === void 0 ? void 0 : item.nightLight,
-      isTimerRequired: true
-    }))
-  };
-  const getBookingDateRange = bookingSlotDetails => {
-    var _bookingSlotDetails$, _bookingSlotDetails;
-    if (!bookingSlotDetails || bookingSlotDetails.length === 0) {
-      return t("CS_NA");
-    }
-    const startDate = (_bookingSlotDetails$ = bookingSlotDetails[0]) === null || _bookingSlotDetails$ === void 0 ? void 0 : _bookingSlotDetails$.bookingDate;
-    const endDate = (_bookingSlotDetails = bookingSlotDetails[bookingSlotDetails.length - 1]) === null || _bookingSlotDetails === void 0 ? void 0 : _bookingSlotDetails.bookingDate;
-    if (startDate === endDate) {
-      return startDate;
-    } else {
-      return startDate && endDate ? `${startDate}  -  ${endDate}` : t("CS_NA");
-    }
-  };
   const handleMakePayment = () => {
     history.push(`/digit-ui/citizen/payment/collect/adv-services/${application === null || application === void 0 ? void 0 : application.bookingNo}/${tenantId}?tenantId=${tenantId}`);
   };
@@ -19292,7 +19224,7 @@ const AdsApplication = ({
       return () => clearTimeout(timer);
     }
   }, [showToast]);
-  console.log("56565application :>> ", application);
+  const appDate = new Date(application === null || application === void 0 ? void 0 : application.applicationDate).toLocaleDateString();
   return /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(KeyNote, {
     keyValue: t("ADS_BOOKING_NO"),
     note: application === null || application === void 0 ? void 0 : application.bookingNo
@@ -19300,8 +19232,8 @@ const AdsApplication = ({
     keyValue: t("ADS_APPLICANT_NAME"),
     note: application === null || application === void 0 ? void 0 : (_application$applican = application.applicantDetail) === null || _application$applican === void 0 ? void 0 : _application$applican.applicantName
   }), /*#__PURE__*/React.createElement(KeyNote, {
-    keyValue: t("ADS_BOOKING_START_DATE"),
-    note: getBookingDateRange(application === null || application === void 0 ? void 0 : application.cartDetails)
+    keyValue: t("CS_APPLICATION_DETAILS_APPLICATION_DATE"),
+    note: appDate
   }), /*#__PURE__*/React.createElement(KeyNote, {
     keyValue: t("PT_COMMON_TABLE_COL_STATUS_LABEL"),
     note: t(`${application === null || application === void 0 ? void 0 : application.bookingStatus}`)
@@ -19363,7 +19295,6 @@ const ADSMyApplications = () => {
   } = Digit.Hooks.ads.useADSSearch({
     filters
   });
-  console.log("data being returned:>> ", data);
   if (isLoading) return /*#__PURE__*/React.createElement(Loader$1, null);
   const applications = (data === null || data === void 0 ? void 0 : data.bookingApplication) || [];
   return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(Header, null, `${t("ADS_MY_BOOKINGS_HEADER")} ${applications ? `(${applications.length})` : ""}`), /*#__PURE__*/React.createElement("div", null, (applications === null || applications === void 0 ? void 0 : applications.length) > 0 && applications.map((application, index) => /*#__PURE__*/React.createElement("div", {
@@ -20170,21 +20101,17 @@ const ADSApplicationDetails = () => {
     }
   });
   const mutation = Digit.Hooks.ads.useADSCreateAPI(tenantId, false);
-  const [billData, setBillData] = useState(null);
   const BookingApplication = get_1(adsData, "bookingApplication", []);
   const adsId = get_1(adsData, "bookingApplication[0].bookingNo", []);
-  console.log("adsData", adsData);
   let ads_details = BookingApplication && BookingApplication.length > 0 && BookingApplication[0] || {};
   const application = ads_details;
   sessionStorage.setItem("ads", JSON.stringify(application));
-  const [loading, setLoading] = useState(false);
   const businessServicMINE = "advandhoarding";
   const workflowDetails = Digit.Hooks.useWorkflowDetails({
     tenantId,
     id: acknowledgementIds,
     moduleCode: businessServicMINE
   });
-  console.log("workflowDetails :>> ", workflowDetails);
   const wfActions = (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : (_workflowDetails$data2 = _workflowDetails$data.nextActions) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.map(a => ({
     ...a,
     action: a === null || a === void 0 ? void 0 : a.action,
@@ -20235,7 +20162,7 @@ const ADSApplicationDetails = () => {
     Header: `${t("ADS_NIGHT_LIGHT")}`,
     accessor: "nightLight"
   }, {
-    Header: `${t("ADS_BOOKING_START_DATE")}`,
+    Header: `${t("CHB_BOOKING_DATE")}`,
     accessor: "bookingDate"
   }, {
     Header: `${t("PT_COMMON_TABLE_COL_STATUS_LABEL")}`,
@@ -20244,7 +20171,7 @@ const ADSApplicationDetails = () => {
   const adslistRows = (ads_details === null || ads_details === void 0 ? void 0 : (_ads_details$cartDeta = ads_details.cartDetails) === null || _ads_details$cartDeta === void 0 ? void 0 : _ads_details$cartDeta.map(slot => ({
     addType: `${t(slot.addType)}`,
     faceArea: `${t(slot.faceArea)}`,
-    nightLight: `${t(slot.nightLight === true ? "Yes" : "No")}`,
+    nightLight: `${t(slot.nightLight ? "Yes" : "No")}`,
     bookingDate: `${t(slot.bookingDate)}`,
     bookingStatus: `${t(slot.status)}`
   }))) || [];
@@ -20286,7 +20213,7 @@ const ADSApplicationDetails = () => {
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("PTR_ADDRESS"),
-    text: (ads_details === null || ads_details === void 0 ? void 0 : (_ads_details$address = ads_details.address) === null || _ads_details$address === void 0 ? void 0 : _ads_details$address.addressId) || t("CS_NA")
+    text: (ads_details === null || ads_details === void 0 ? void 0 : (_ads_details$address = ads_details.address) === null || _ads_details$address === void 0 ? void 0 : _ads_details$address.addressLine1) || t("CS_NA")
   }), /*#__PURE__*/React.createElement(Row, {
     className: "border-none",
     label: t("ADS_ADDRESS_PINCODE"),
@@ -20462,9 +20389,9 @@ if (_DataView && getTag(new _DataView(new ArrayBuffer(1))) != dataViewTag || _Ma
 }
 
 const ApplicationDetails = () => {
-  var _applicationDetails$d, _Digit$Hooks$ads, _Digit$Hooks$ads$useA, _displayData$applican, _displayData$applican2, _workflowDetails$data, _workflowDetails$data2, _reciept_data$Payment, _Object$entries, _displayData$AdsDetai, _displayData$applican4, _workflowDetails$data4, _workflowDetails$data5;
+  var _applicationDetails$b, _Digit$Hooks$ads, _Digit$Hooks$ads$useA, _displayData$applican, _displayData$applican2, _workflowDetails$data, _workflowDetails$data2, _reciept_data$Payment, _displayData$AdsDetai, _application$document, _displayData$applican4, _workflowDetails$data4, _workflowDetails$data5;
   const {
-    bookingNo
+    id
   } = useParams();
   const {
     t
@@ -20506,7 +20433,7 @@ const ApplicationDetails = () => {
       if (d !== null && d !== void 0 && (_d$file = d.file) !== null && _d$file !== void 0 && _d$file.fileStoreId) return d.file.fileStoreId;
       return null;
     }).filter(Boolean);
-    if (!filesArray.length) {
+    if (!(filesArray !== null && filesArray !== void 0 && filesArray.length)) {
       setPdfFiles({});
       setFilesLoading(false);
       return;
@@ -20537,11 +20464,15 @@ const ApplicationDetails = () => {
   }, [JSON.stringify(docs)]);
   const {
     isLoading,
-    data: applicationDetails
-  } = Digit.Hooks.ads.useADSSearchApplication({
-    bookingNo
-  }, tenantId);
-  const normalizedAppObject = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$d = applicationDetails.data) === null || _applicationDetails$d === void 0 ? void 0 : _applicationDetails$d[0]) ?? (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails[0]) ?? null;
+    data: applicationDetails,
+    refetch
+  } = Digit.Hooks.ads.useADSSearch({
+    tenantId,
+    filters: {
+      bookingNo: id
+    }
+  });
+  const normalizedAppObject = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$b = applicationDetails.bookingApplication) === null || _applicationDetails$b === void 0 ? void 0 : _applicationDetails$b[0]) ?? [];
   const bookingObj = normalizedAppObject;
   const application = bookingObj || normalizedAppObject || appDetails || null;
   const menuRef = useRef();
@@ -20556,10 +20487,10 @@ const ApplicationDetails = () => {
   } = Digit.Hooks.useRecieptSearch({
     tenantId: tenantId,
     businessService: "ADV",
-    consumerCodes: (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican = displayData.applicantData) === null || _displayData$applican === void 0 ? void 0 : _displayData$applican.applicationNo) || bookingNo,
+    consumerCodes: (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican = displayData.applicantData) === null || _displayData$applican === void 0 ? void 0 : _displayData$applican.applicationNo) || id,
     isEmployee: false
   }, {
-    enabled: !!(displayData !== null && displayData !== void 0 && (_displayData$applican2 = displayData.applicantData) !== null && _displayData$applican2 !== void 0 && _displayData$applican2.applicationNo || bookingNo)
+    enabled: !!(displayData !== null && displayData !== void 0 && (_displayData$applican2 = displayData.applicantData) !== null && _displayData$applican2 !== void 0 && _displayData$applican2.applicationNo || id)
   });
   const closeMenu = () => {
     setDisplayMenu(false);
@@ -20592,15 +20523,15 @@ const ApplicationDetails = () => {
   useEffect(() => {
     const adsObject = bookingObj;
     if (adsObject) {
-      var _adsObject$address, _adsObject$applicantD, _adsObject$applicantD2, _adsObject$applicantD3, _adsObject$address2, _adsObject$cartDetail;
+      var _adsObject$applicantD, _adsObject$applicantD2, _adsObject$applicantD3, _adsObject$address, _adsObject$address2, _adsObject$cartDetail;
       const applicantData = {
-        address: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$address = adsObject.address) === null || _adsObject$address === void 0 ? void 0 : _adsObject$address.addressId,
-        email: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$applicantD = adsObject.applicantDetail) === null || _adsObject$applicantD === void 0 ? void 0 : _adsObject$applicantD.applicantEmailId,
-        mobile: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$applicantD2 = adsObject.applicantDetail) === null || _adsObject$applicantD2 === void 0 ? void 0 : _adsObject$applicantD2.applicantMobileNo,
-        name: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$applicantD3 = adsObject.applicantDetail) === null || _adsObject$applicantD3 === void 0 ? void 0 : _adsObject$applicantD3.applicantName,
         applicationNo: adsObject === null || adsObject === void 0 ? void 0 : adsObject.bookingNo,
-        bookingStatus: adsObject === null || adsObject === void 0 ? void 0 : adsObject.bookingStatus,
+        name: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$applicantD = adsObject.applicantDetail) === null || _adsObject$applicantD === void 0 ? void 0 : _adsObject$applicantD.applicantName,
+        email: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$applicantD2 = adsObject.applicantDetail) === null || _adsObject$applicantD2 === void 0 ? void 0 : _adsObject$applicantD2.applicantEmailId,
+        mobile: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$applicantD3 = adsObject.applicantDetail) === null || _adsObject$applicantD3 === void 0 ? void 0 : _adsObject$applicantD3.applicantMobileNo,
+        address: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$address = adsObject.address) === null || _adsObject$address === void 0 ? void 0 : _adsObject$address.addressLine1,
         pincode: adsObject === null || adsObject === void 0 ? void 0 : (_adsObject$address2 = adsObject.address) === null || _adsObject$address2 === void 0 ? void 0 : _adsObject$address2.pincode,
+        bookingStatus: adsObject === null || adsObject === void 0 ? void 0 : adsObject.bookingStatus,
         paymentDate: adsObject !== null && adsObject !== void 0 && adsObject.paymentDate ? new Date(adsObject.paymentDate).toLocaleDateString() : "",
         receiptNo: adsObject === null || adsObject === void 0 ? void 0 : adsObject.receiptNo
       };
@@ -20641,7 +20572,7 @@ const ApplicationDetails = () => {
     if (!wfAction) return;
     if (wfAction.action === "PAY") {
       var _displayData$applican3;
-      const appNo = (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican3 = displayData.applicantData) === null || _displayData$applican3 === void 0 ? void 0 : _displayData$applican3.applicationNo) || bookingNo;
+      const appNo = (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican3 = displayData.applicantData) === null || _displayData$applican3 === void 0 ? void 0 : _displayData$applican3.applicationNo) || id;
       return history.push(`/digit-ui/employee/payment/collect/adv-services/${appNo}/${tenantId}?tenantId=${tenantId}`);
     }
     if (wfAction.action === "SUBMIT" || wfAction.action === "INITIATE") {
@@ -20660,8 +20591,8 @@ const ApplicationDetails = () => {
     setShowModal(true);
   }
   const submitAction = async dataPayload => {
-    var _applicationDetails$A, _applicationDetails$d2, _dataPayload$Licenses, _workflowDetails$data3;
-    const payloadSource = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0]) ?? (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$d2 = applicationDetails.data) === null || _applicationDetails$d2 === void 0 ? void 0 : _applicationDetails$d2[0]) ?? (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails[0]) ?? bookingObj;
+    var _applicationDetails$A, _applicationDetails$d, _dataPayload$Licenses, _workflowDetails$data3;
+    const payloadSource = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0]) ?? (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$d = applicationDetails.data) === null || _applicationDetails$d === void 0 ? void 0 : _applicationDetails$d[0]) ?? (applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails[0]) ?? bookingObj;
     if (!payloadSource) {
       setShowToast({
         key: "error",
@@ -20862,7 +20793,7 @@ const ApplicationDetails = () => {
       alignItems: "center",
       gap: "12px"
     }
-  }, downloadOptions && downloadOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }, downloadOptions && (downloadOptions === null || downloadOptions === void 0 ? void 0 : downloadOptions.length) > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       position: "relative",
       zIndex: 10
@@ -20874,11 +20805,17 @@ const ApplicationDetails = () => {
     options: downloadOptions,
     downloadBtnClassName: "employee-download-btn-className",
     optionsClassName: "employee-options-btn-className"
-  }))))), /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ADS_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && ((_Object$entries = Object.entries(displayData === null || displayData === void 0 ? void 0 : displayData.applicantData)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
+  }))))), /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ADS_APPLICATION_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(StatusTable, null, (displayData === null || displayData === void 0 ? void 0 : displayData.applicantData) && Object.entries(displayData.applicantData).filter(([_, value]) => {
+    if (value === null || value === undefined) return false;
+    if (typeof value === "string" && value.trim() === "") return false;
+    if (Array.isArray(value) && value.length === 0) return false;
+    if (typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0) return false;
+    return true;
+  }).map(([key, value]) => /*#__PURE__*/React.createElement(Row, {
     key: key,
-    label: t(`${key === null || key === void 0 ? void 0 : key.toUpperCase()}`),
+    label: t(key === null || key === void 0 ? void 0 : key.toUpperCase()),
     text: Array.isArray(value) ? value.map(item => typeof item === "object" ? t((item === null || item === void 0 ? void 0 : item.code) || "N/A") : t(item || "N/A")).join(", ") : typeof value === "object" ? t((value === null || value === void 0 ? void 0 : value.code) || "N/A") : t(value || "N/A")
-  }))))), /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ADS_APPLICATION_ADS_DETAILS_OVERVIEW")), displayData === null || displayData === void 0 ? void 0 : (_displayData$AdsDetai = displayData.AdsDetails) === null || _displayData$AdsDetai === void 0 ? void 0 : _displayData$AdsDetai.map((detail, index) => /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ADS_APPLICATION_ADS_DETAILS_OVERVIEW")), displayData === null || displayData === void 0 ? void 0 : (_displayData$AdsDetai = displayData.AdsDetails) === null || _displayData$AdsDetai === void 0 ? void 0 : _displayData$AdsDetai.map((detail, index) => /*#__PURE__*/React.createElement("div", {
     key: index,
     style: {
       marginBottom: "30px",
@@ -20896,18 +20833,15 @@ const ApplicationDetails = () => {
     label: t("ADS_FACE_AREA"),
     text: detail.faceArea || "N/A"
   }), /*#__PURE__*/React.createElement(Row, {
-    label: t("ADS_BOOKING_START_DATE"),
+    label: t("CHB_BOOKING_DATE"),
     text: detail.bookingDate || "N/A"
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("ADS_BOOKING_TIME"),
-    text: detail.bookingTime || "N/A"
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("ADS_NIGHT_LIGHT"),
-    text: detail.nightLight
+    text: detail.nightLight ? "Yes" : "No"
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("ADS_STATUS"),
     text: t(detail.status) || detail.status
-  }))))), /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ADS_APPLICATION_DOCUMENTS_OVERVIEW")), /*#__PURE__*/React.createElement(Fragment$1, null, (application === null || application === void 0 ? void 0 : application.documents.length) > 0 ? /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement(Card$1, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("ADS_APPLICATION_DOCUMENTS_OVERVIEW")), /*#__PURE__*/React.createElement(Fragment$1, null, (application === null || application === void 0 ? void 0 : (_application$document = application.documents) === null || _application$document === void 0 ? void 0 : _application$document.length) > 0 ? /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       flexWrap: "wrap",
@@ -20925,7 +20859,7 @@ const ApplicationDetails = () => {
     }
   }, t("TL_NO_DOCUMENTS_MSG"))), /*#__PURE__*/React.createElement(ADSWFApplicationTimeline, {
     application: application,
-    id: (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican4 = displayData.applicantData) === null || _displayData$applican4 === void 0 ? void 0 : _displayData$applican4.applicationNo) || bookingNo,
+    id: (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican4 = displayData.applicantData) === null || _displayData$applican4 === void 0 ? void 0 : _displayData$applican4.applicationNo) || id,
     userType: "employee"
   }), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.key === "error",
@@ -20936,7 +20870,7 @@ const ApplicationDetails = () => {
     onClose: () => {
       setShowToast(null);
     }
-  })), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && Array.isArray(wfActions) && wfActions.length > 0 && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && /*#__PURE__*/React.createElement(Menu, {
+  })), !(workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) && Array.isArray(wfActions) && (wfActions === null || wfActions === void 0 ? void 0 : wfActions.length) > 0 && /*#__PURE__*/React.createElement(ActionBar, null, displayMenu && /*#__PURE__*/React.createElement(Menu, {
     localeKeyPrefix: `WF_EMPLOYEE_${"ADS"}`,
     options: wfActions,
     optionKey: "buttonLabel",
@@ -20954,7 +20888,7 @@ const ApplicationDetails = () => {
     action: selectedAction,
     tenantId: tenantId,
     state: state,
-    bookingNo: bookingNo,
+    bookingNo: id,
     applicationDetails: applicationDetails,
     applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
     closeModal: closeModal,
@@ -21321,6 +21255,48 @@ const RESET_ADS_NEW_APPLICATION_FORM = () => ({
   type: RESET_ADS_NEW_APPLICATION_FORMType
 });
 
+const ReservationTimer = ({
+  t
+}) => {
+  const expiry = useSelector(state => state.ads.ADSNewApplicationFormReducer.formData.reservationExpiry);
+  const [remaining, setRemaining] = useState(expiry ? expiry - Date.now() : 0);
+  useEffect(() => {
+    if (!expiry) return;
+    const interval = setInterval(() => {
+      setRemaining(expiry - Date.now());
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [expiry]);
+  if (!expiry) return null;
+  if (remaining <= 0) {
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: "16px",
+        color: "red",
+        fontWeight: 800
+      }
+    }, t("ADS_SLOTS_EXPIRED"));
+  }
+  const minutes = Math.floor(remaining / 60000);
+  const seconds = Math.floor(remaining % 60000 / 1000).toString().padStart(2, "0");
+  const isCritical = remaining <= 60 * 1000;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: isCritical ? "red" : "#2947a3",
+      fontWeight: 600,
+      fontSize: "14px",
+      marginLeft: "8px"
+    }
+  }, t("ADS_PAYMENT_TIMER"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "16px",
+      fontWeight: 900,
+      color: "red",
+      marginLeft: "4px"
+    }
+  }, minutes, ":", seconds));
+};
+
 const isEmployee = window.location.href.includes("employee");
 const createEmployeeConfig = [{
   head: "PET DETAILS",
@@ -21329,14 +21305,14 @@ const createEmployeeConfig = [{
   isStepEnabled: true,
   type: "component",
   component: "NewADSStepFormTwo",
-  key: "pets",
+  key: "ads",
   withoutLabel: true,
   texts: {
     submitBarLabel: "CS_COMMON_NEXT"
   }
 }, {
   head: "OWNER DETAILS",
-  stepLabel: "ES_TITILE_APPLICANT_DETAILS",
+  stepLabel: "ES_APPLICANT_DETAILA",
   stepNumber: 2,
   isStepEnabled: true,
   type: "component",
@@ -21378,7 +21354,7 @@ const createCitizenConfig = [{
   isStepEnabled: true,
   type: "component",
   component: "NewADSStepFormTwo",
-  key: "pets",
+  key: "ads",
   withoutLabel: true,
   texts: {
     submitBarLabel: "CS_COMMON_NEXT"
@@ -21445,19 +21421,19 @@ const NewADSStepperForm = ({
   useEffect(() => {
     dispatch(RESET_ADS_NEW_APPLICATION_FORM());
   }, []);
-  const handleSubmit = dataGet => {
-    console.log("dataGet===", dataGet);
-  };
+  const handleSubmit = dataGet => {};
   return /*#__PURE__*/React.createElement("div", {
     className: "pageCard"
   }, /*#__PURE__*/React.createElement(CardHeader$1, {
     styles: {
       fontSize: "28px",
-      fontWeight: "400",
+      fontWeight: "500",
       color: "#1C1D1F"
     },
     divider: true
-  }, t("ADS_REGISTRATION_APPLICATION")), /*#__PURE__*/React.createElement(Stepper, {
+  }, t("ADS_REGISTRATION_APPLICATION"), /*#__PURE__*/React.createElement(ReservationTimer, {
+    t: t
+  })), /*#__PURE__*/React.createElement(Stepper, {
     stepsList: updatedConfig,
     onSubmit: handleSubmit,
     step: step,
@@ -21481,16 +21457,17 @@ const ADSCitizenDetailsNew = ({
   onChange: _onChange = () => {}
 }) => {
   var _window$location, _window$location$path, _errors$address, _errors$pincode;
+  const dispatch = useDispatch();
   const isEmployee = typeof window !== "undefined" && ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : (_window$location$path = _window$location.pathname) === null || _window$location$path === void 0 ? void 0 : _window$location$path.includes("/employee"));
   const formStorageKey = `ads_form_${isEmployee ? "employee" : "citizen"}`;
-  const dispatch = useDispatch();
   const userInfo = Digit.UserService.getUser();
+  const isCitizen = window.location.href.includes("citizen");
+  const tenantId = isCitizen ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
   const {
     mobileNumber,
     emailId,
     name
   } = userInfo === null || userInfo === void 0 ? void 0 : userInfo.info;
-  const isCitizen = window.location.href.includes("citizen");
   const [firstName, lastName] = [(name || "").trim().split(" ").slice(0, -1).join(" "), (name || "").trim().split(" ").slice(-1).join(" ")];
   const [showToast, setShowToast] = useState(null);
   const {
@@ -21498,7 +21475,6 @@ const ADSCitizenDetailsNew = ({
     handleSubmit,
     setValue,
     reset,
-    getValues,
     formState: {
       errors
     },
@@ -21515,19 +21491,23 @@ const ADSCitizenDetailsNew = ({
     }
   });
   if (typeof window !== "undefined") window.__ADS_FORM_DRAFT = window.__ADS_FORM_DRAFT || {};
+  console.log('currentStepData', currentStepData);
   useEffect(() => {
-    const base = currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.ownerDetails;
-    if (!base) return;
-    const currentAddress = getValues("address");
-    const newAddress = base.address;
-    const addressChanged = JSON.stringify(currentAddress) !== JSON.stringify(newAddress);
-    if (addressChanged) {
-      Object.entries(base).forEach(([k, v]) => {
-        if (k !== "address" && k !== "addressdetails") setValue(k, v);
-      });
-      if (newAddress) setValue("address", newAddress);
+    if (currentStepData !== null && currentStepData !== void 0 && currentStepData.CreatedResponse) {
+      const created = currentStepData.CreatedResponse;
+      if (created !== null && created !== void 0 && created.address) {
+        setValue("address", created.address.addressLine1 || "");
+        setValue("pincode", created.address.pincode || "");
+      }
+      if (created !== null && created !== void 0 && created.applicantDetail) {
+        var _created$applicantDet, _created$applicantDet2;
+        setValue("firstName", ((_created$applicantDet = created.applicantDetail.applicantName) === null || _created$applicantDet === void 0 ? void 0 : _created$applicantDet.split(" ")[0]) || "");
+        setValue("lastName", ((_created$applicantDet2 = created.applicantDetail.applicantName) === null || _created$applicantDet2 === void 0 ? void 0 : _created$applicantDet2.split(" ")[1]) || "");
+        setValue("emailId", created.applicantDetail.applicantEmailId || "");
+        setValue("mobileNumber", created.applicantDetail.applicantMobileNo || "");
+      }
     }
-  }, [currentStepData, setValue, getValues]);
+  }, [currentStepData, setValue]);
   useEffect(() => {
     try {
       var _window$__ADS_FORM_DR;
@@ -21542,17 +21522,16 @@ const ADSCitizenDetailsNew = ({
     }
   }, []);
   const onSubmit = async data => {
-    var _currentStepData$pets, _currentStepData$site, _currentStepData$pets2, _currentStepData$pets3, _currentStepData$pets4, _window$location2, _window$location2$hre;
+    var _currentStepData$ads, _currentStepData$Crea;
     try {
       if (window.__ADS_FORM_DRAFT) delete window.__ADS_FORM_DRAFT[formStorageKey];
     } catch (e) {}
-    const cartDetailsFromState = (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$pets = currentStepData.pets) === null || _currentStepData$pets === void 0 ? void 0 : _currentStepData$pets.cartDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.cartDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$site = currentStepData.siteDetails) === null || _currentStepData$site === void 0 ? void 0 : _currentStepData$site.cartDetails) || (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.siteDetails) || [];
-    const bookingFromTimeFromState = (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$pets2 = currentStepData.pets) === null || _currentStepData$pets2 === void 0 ? void 0 : _currentStepData$pets2.bookingFromTime) ?? (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.bookingFromTime) ?? "";
-    const bookingToTimeFromState = (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$pets3 = currentStepData.pets) === null || _currentStepData$pets3 === void 0 ? void 0 : _currentStepData$pets3.bookingToTime) ?? (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.bookingToTime) ?? "";
-    const cartAddressFromState = (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$pets4 = currentStepData.pets) === null || _currentStepData$pets4 === void 0 ? void 0 : _currentStepData$pets4.cartAddress) ?? (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.cartAddress) ?? "";
-    const isCitizen = typeof window !== "undefined" && ((_window$location2 = window.location) === null || _window$location2 === void 0 ? void 0 : (_window$location2$hre = _window$location2.href) === null || _window$location2$hre === void 0 ? void 0 : _window$location2$hre.includes("citizen"));
-    const tenantId = isCitizen ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
     const applicationDate = Date.now();
+    const cartDetails = currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$ads = currentStepData.ads) === null || _currentStepData$ads === void 0 ? void 0 : _currentStepData$ads.flatMap(item => item.slots.map(slot => ({
+      ...slot,
+      advertisementId: item.ad.id,
+      status: "BOOKED"
+    })));
     const formData = {
       tenantId,
       applicationDate,
@@ -21560,7 +21539,7 @@ const ADSCitizenDetailsNew = ({
       businessService: "ADV",
       address: {
         pincode: data.pincode || "",
-        addressId: data.address || ""
+        addressLine1: data.address || ""
       },
       applicantDetail: {
         applicantName: `${data.firstName || ""} ${data.lastName || ""}`.trim(),
@@ -21569,16 +21548,12 @@ const ADSCitizenDetailsNew = ({
         applicantDetailId: ""
       },
       owners: [{
-        name: `${firstName} ${lastName}`,
+        name: `${data.firstName || ""} ${data.lastName || ""}`.trim(),
         mobileNumber: data.mobileNumber || "",
         tenantId,
         type: "CITIZEN"
       }],
-      additional_details: "sgst, endDate, selfDeclaration",
-      cartDetails: Array.isArray(cartDetailsFromState) ? cartDetailsFromState : [],
-      bookingFromTime: bookingFromTimeFromState,
-      bookingToTime: bookingToTimeFromState,
-      cartAddress: cartAddressFromState,
+      cartDetails,
       documents: [],
       workflow: {
         action: "INITIATE",
@@ -21587,6 +21562,11 @@ const ADSCitizenDetailsNew = ({
         nextState: ""
       }
     };
+    const existingBookingNo = currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$Crea = currentStepData.CreatedResponse) === null || _currentStepData$Crea === void 0 ? void 0 : _currentStepData$Crea.bookingNo;
+    if (existingBookingNo) {
+      goNext(formData);
+      return;
+    }
     try {
       var _response$ResponseInf;
       const payload = {
@@ -21600,55 +21580,39 @@ const ADSCitizenDetailsNew = ({
         dispatch(UPDATE_ADSNewApplication_FORM("CreatedResponse", appData || response));
         goNext(formData);
       } else {
-        console.error("ADS create failed (ADSCitizenDetailsNew) - saving draft", response);
         dispatch(UPDATE_ADSNewApplication_FORM("CreatedResponse", {
           draft: true,
           bookingApplication: formData
         }));
         setShowToast({
           key: true,
-          label: "Something Went Wrong!"
+          label: t("CORE_SOMETHING_WENT_WRONG")
         });
       }
     } catch (err) {
-      dispatch(UPDATE_ADSNewApplication_FORM("CreatedResponse", {
-        draft: true,
-        bookingApplication: formData
-      }));
       setShowToast({
         key: true,
-        label: "Something Went Wrong!"
+        label: t("CORE_SOMETHING_WENT_WRONG")
       });
     }
   };
-  const watchedAll = useWatch({
-    control
-  });
   useEffect(() => {
-    const id = setTimeout(() => {
-      try {
-        const str = JSON.stringify(watchedAll);
-        if (str.length < 300 * 1024) {
-          window.__ADS_FORM_DRAFT[formStorageKey] = watchedAll;
-        } else {
-          console.warn("[ADS] draft too large, skipping in-memory persist");
-        }
-      } catch (e) {
-        console.warn("[ADS] failed to persist form to in-memory", e);
-      }
-    }, 250);
-    return () => clearTimeout(id);
-  }, [watchedAll, formStorageKey]);
+    if (showToast) {
+      const timer = setTimeout(() => setShowToast(null), 2000);
+      return () => clearTimeout(timer);
+    }
+  }, [showToast]);
   const errorStyle = {
     marginTop: "-18px",
     color: "red"
   };
+  const mandatoryStyle = {
+    color: "red"
+  };
   return /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, t("NDC_FIRST_NAME"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    style: mandatoryStyle
   }, "*"), " "), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "firstName",
@@ -21680,9 +21644,7 @@ const ADSCitizenDetailsNew = ({
   }), errors.firstName && /*#__PURE__*/React.createElement(CardLabelError$1, {
     style: errorStyle
   }, errors.firstName.message), /*#__PURE__*/React.createElement(CardLabel, null, t("NDC_LAST_NAME"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    style: mandatoryStyle
   }, "*")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "lastName",
@@ -21714,9 +21676,7 @@ const ADSCitizenDetailsNew = ({
   }), errors.lastName && /*#__PURE__*/React.createElement(CardLabelError$1, {
     style: errorStyle
   }, errors.lastName.message), /*#__PURE__*/React.createElement(CardLabel, null, t("NOC_APPLICANT_EMAIL_LABEL"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    style: mandatoryStyle
   }, "*")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "emailId",
@@ -21740,9 +21700,7 @@ const ADSCitizenDetailsNew = ({
   }), errors.emailId && /*#__PURE__*/React.createElement(CardLabelError$1, {
     style: errorStyle
   }, errors.emailId.message), /*#__PURE__*/React.createElement(CardLabel, null, t("NOC_APPLICANT_MOBILE_NO_LABEL"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    style: mandatoryStyle
   }, "*")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "mobileNumber",
@@ -21771,7 +21729,9 @@ const ADSCitizenDetailsNew = ({
     style: errorStyle
   }, errors.mobileNumber.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
-  }, `${t("PT_COMMON_COL_ADDRESS")}`, " *"), /*#__PURE__*/React.createElement("div", {
+  }, `${t("PT_COMMON_COL_ADDRESS")}`, /*#__PURE__*/React.createElement("span", {
+    style: mandatoryStyle
+  }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
@@ -21808,7 +21768,9 @@ const ADSCitizenDetailsNew = ({
     style: errorStyle
   }, errors === null || errors === void 0 ? void 0 : (_errors$address = errors.address) === null || _errors$address === void 0 ? void 0 : _errors$address.message), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
-  }, `${t("CORE_COMMON_PINCODE")}`, " *"), /*#__PURE__*/React.createElement("div", {
+  }, `${t("CORE_COMMON_PINCODE")}`, /*#__PURE__*/React.createElement("span", {
+    style: mandatoryStyle
+  }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "field"
   }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
@@ -21882,8 +21844,6 @@ const NewADSStepFormOne = ({
   });
   function goNext(data) {
     dispatch(UPDATE_ADSNewApplication_FORM(config.key, data));
-    console.log("conifg keyeeee", config.key);
-    console.log("dataaaaa", data);
     onGoNext();
   }
   function onGoBack(data) {
@@ -21906,1674 +21866,1025 @@ const NewADSStepFormOne = ({
   }), " ");
 };
 
-const ADSCitizenSecond = ({
-  onGoBack,
-  goNext,
-  currentStepData,
-  t
+const AvailabilityModal = ({
+  ad,
+  tenantId,
+  onClose,
+  onSelectSlot,
+  dateRange,
+  t,
+  cartSlots
 }) => {
-  var _errors$siteSelection;
-  const stateId = Digit.ULBService.getStateId();
-  const {
-    data: location,
-    isLocationLoading
-  } = Digit.Hooks.ads.useADSLocationMDMS(stateId);
+  var _cartSlots$find;
+  const [selectedSlots, setSelectedSlots] = useState([]);
+  const slotPayload = useMemo(() => ({
+    advertisementSlotSearchCriteria: [{
+      advertisementId: ad === null || ad === void 0 ? void 0 : ad.id,
+      bookingId: "",
+      addType: ad.adType,
+      bookingStartDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
+      bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate,
+      faceArea: `${ad === null || ad === void 0 ? void 0 : ad.adType}_${ad === null || ad === void 0 ? void 0 : ad.width}_X_${ad === null || ad === void 0 ? void 0 : ad.height}`,
+      tenantId,
+      location: ad.locationCode,
+      nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light" ? "true" : "false",
+      isTimerRequired: false
+    }]
+  }), [ad, tenantId, dateRange]);
   const {
-    data: mdmsAds = [],
-    isLoading: isMdmsLoading
-  } = Digit.Hooks.ads.useADSAllMDMS(stateId);
-  const [mdmsCards, setMdmsCards] = useState([]);
-  const [adsForLocation, setAdsForLocation] = useState([]);
-  const [visibleCount, setVisibleCount] = useState(6);
-  const [adsScheduleMap, setAdsScheduleMap] = useState({});
-  const dispatch = useDispatch();
-  const [placeNameState, setPlaceNameState] = useState("");
-  const [adsList, setAdsList] = useState([]);
-  const [adsScheduleErrors, setAdsScheduleErrors] = useState({});
-  const [showToast, setShowToast] = useState(null);
-  const [editingIndex, setEditingIndex] = useState(null);
-  const findLocationByCode = code => {
-    if (!code || !Array.isArray(location)) return null;
-    return location.find(l => String(l.locationCode) === String(code) || String(l.code) === String(code)) || null;
-  };
-  const [globalScheduleEnabled, setGlobalScheduleEnabled] = useState(false);
-  const adsScheduleBackupRef = useRef(null);
-  const skipPersistRef = useRef(false);
-  const normalizeLocationToGeo = loc => {
-    if (!loc || !loc.geo_tag || !loc.geo_tag.latitude || !loc.geo_tag.longitude) return null;
-    return {
-      formattedAddress: loc.name || loc.label || "",
-      latitude: loc.geo_tag.latitude,
-      longitude: loc.geo_tag.longitude,
-      lat: loc.geo_tag.latitude,
-      lng: loc.geo_tag.longitude,
-      placeId: loc.locationCode || loc.code || "",
-      raw: loc
-    };
-  };
-  const formatDisplay = dt => {
-    if (!dt) return "";
-    const [datePart, timePart] = String(dt).split("T");
-    if (!datePart) return "";
-    const [y, m, d] = datePart.split("-");
-    return `${m}/${d}/${y}${timePart ? " " + timePart : ""}`;
-  };
-  const validateScheduleForAdd = (startDt, endDt) => {
-    if (!startDt || !endDt) return "Please choose both start and end date/time.";
-    const [sDate, sTime = ""] = startDt.split("T");
-    const [eDate, eTime = ""] = endDt.split("T");
-    if (sDate < tomorrowStr || eDate < tomorrowStr) return `Dates must be ${tomorrowStr} (tomorrow) or later.`;
-    if (sDate === eDate && eTime <= sTime) return "End time must be later than start time when same day.";
-    return null;
-  };
-  const showMore = () => setVisibleCount(v => v + 6);
-  useEffect(() => setVisibleCount(6), [adsForLocation]);
-  const locationOptions = Array.from(new Map(mdmsAds.filter(a => a.locationCode).map(a => [a.locationCode, {
-    code: a.locationCode,
-    label: a.locationCode
-  }])).values());
-  const now = new Date();
-  now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
-  const nowHM = now.toISOString().slice(11, 16);
-  const isCitizen = window.location.href.includes("citizen");
-  const [siteIdKey, setSiteIdKey] = useState(0);
-  const PERSIST_KEY_PREFIX = "ADS:site:";
-  const saveForSite = (siteId, payload) => {
-    if (!siteId) return;
-    try {
-      localStorage.setItem(`${PERSIST_KEY_PREFIX}${siteId}`, JSON.stringify({
-        ...payload,
-        savedAt: Date.now()
-      }));
-    } catch (e) {
-      console.warn("ADS persistence failed", e);
+    data: slotResults = {},
+    isLoading
+  } = Digit.Hooks.ads.useADSSlotSearch({
+    tenantId,
+    type: true,
+    data: slotPayload
+  });
+  const slots = (slotResults === null || slotResults === void 0 ? void 0 : slotResults.advertisementSlotAvailabiltityDetails) || [];
+  const existingForAd = ((_cartSlots$find = cartSlots.find(item => item.ad.id === ad.id)) === null || _cartSlots$find === void 0 ? void 0 : _cartSlots$find.slots) || [];
+  const handleCheckboxChange = (slot, checked) => {
+    if (checked) {
+      setSelectedSlots(prev => [...prev.filter(s => s.bookingDate !== slot.bookingDate), slot]);
+    } else {
+      setSelectedSlots(prev => [...prev.filter(s => s.bookingDate !== slot.bookingDate), {
+        ...slot,
+        _remove: true
+      }]);
     }
   };
-  const loadForSite = siteId => {
-    if (!siteId) return null;
-    try {
-      const raw = localStorage.getItem(`${PERSIST_KEY_PREFIX}${siteId}`);
-      return raw ? JSON.parse(raw) : null;
-    } catch (e) {
-      console.warn("ADS load failed", e);
-      return null;
+  const handleAddToCart = () => {
+    if (selectedSlots.length > 0) {
+      onSelectSlot(selectedSlots, {
+        ...ad,
+        faceArea: `${ad === null || ad === void 0 ? void 0 : ad.adType}_${ad === null || ad === void 0 ? void 0 : ad.width}_X_${ad === null || ad === void 0 ? void 0 : ad.height}`,
+        location: ad === null || ad === void 0 ? void 0 : ad.name,
+        addType: ad === null || ad === void 0 ? void 0 : ad.adType,
+        bookingDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
+        nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light" ? true : false,
+        bookingStartDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
+        bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate
+      });
+      setSelectedSlots([]);
+      onClose();
     }
   };
-  const validateAdSchedule = (adId, overrideEntry) => {
-    const entry = overrideEntry || adsScheduleMap && (adsScheduleMap[adId] || adsScheduleMap[String(adId)]) || {};
-    const sDate = entry.startDate || "";
-    const sTime = entry.startTime || "";
-    const eDate = entry.endDate || "";
-    const eTime = entry.endTime || "";
-    if (!sDate || !sTime || !eDate || !eTime) {
-      setAdsScheduleErrors(prev => {
-        if (!prev[adId]) return prev;
-        const copy = {
-          ...prev
-        };
-        delete copy[adId];
-        return copy;
+  const columns = [{
+    Header: t("ADS_SELECT"),
+    accessor: "select",
+    Cell: ({
+      row
+    }) => {
+      const slot = row.original;
+      const isInCart = existingForAd.some(s => s.bookingDate === slot.bookingDate);
+      const isChecked = isInCart && !selectedSlots.some(s => s.bookingDate === slot.bookingDate && s._remove) || selectedSlots.some(s => s.bookingDate === slot.bookingDate && !s._remove);
+      return /*#__PURE__*/React.createElement("input", {
+        type: "checkbox",
+        checked: isChecked,
+        disabled: slot.slotStaus !== "AVAILABLE",
+        onChange: e => handleCheckboxChange(slot, e.target.checked),
+        style: {
+          cursor: slot.slotStaus === "AVAILABLE" ? "pointer" : "not-allowed",
+          width: "18px",
+          height: "18px",
+          accentColor: "#0b74de"
+        }
       });
-      return true;
     }
-    if (sDate < tomorrowStr || eDate < tomorrowStr) {
-      setAdsScheduleErrors(prev => ({
-        ...prev,
-        [adId]: `Dates must be from ${tomorrowStr} or later.`
-      }));
-      return false;
+  }, {
+    Header: t("ADS_DATE"),
+    accessor: "bookingDate"
+  }, {
+    Header: t("ADS_LOCATION"),
+    accessor: "location"
+  }, {
+    Header: t("ADS_FACE_AREA"),
+    accessor: "faceArea"
+  }, {
+    Header: t("ADS_TYPE"),
+    accessor: "addType"
+  }, {
+    Header: t("ADS_NIGHT_LIGHT"),
+    accessor: row => row.nightLight ? t("ADS_YES") : t("ADS_NO")
+  }, {
+    Header: t("ADS_STATUS"),
+    accessor: "slotStaus",
+    Cell: ({
+      row
+    }) => {
+      const status = row.original.slotStaus;
+      const isAvailable = status === "AVAILABLE";
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          display: "inline-block",
+          padding: "5px 14px",
+          borderRadius: "20px",
+          fontSize: "12px",
+          fontWeight: 600,
+          color: isAvailable ? "#155724" : "#721c24",
+          backgroundColor: isAvailable ? "#d4edda" : "#f8d7da",
+          border: `1px solid ${isAvailable ? "#c3e6cb" : "#f5c6cb"}`,
+          textTransform: "capitalize"
+        }
+      }, status);
     }
-    const start = new Date(`${sDate}T${sTime}`);
-    const end = new Date(`${eDate}T${eTime}`);
-    if (end <= start) {
-      setAdsScheduleErrors(prev => ({
-        ...prev,
-        [adId]: "End date/time must be after start date/time."
-      }));
-      return false;
+  }];
+  const allBooked = slots.length > 0 && slots.every(s => s.slotStaus !== "AVAILABLE");
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "fixed",
+      top: "70px",
+      left: 0,
+      width: "100vw",
+      height: "calc(100vh - 70px)",
+      background: "rgba(0,0,0,0.5)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 2000
     }
-    setAdsScheduleErrors(prev => {
-      if (!prev[adId]) return prev;
-      const copy = {
-        ...prev
-      };
-      delete copy[adId];
-      return copy;
-    });
-    return true;
-  };
-  const loadAllSavedSites = () => {
-    const out = [];
-    try {
-      for (let i = 0; i < localStorage.length; i++) {
-        const key = localStorage.key(i);
-        if (!key || !key.startsWith(PERSIST_KEY_PREFIX)) continue;
-        const siteId = key.slice(PERSIST_KEY_PREFIX.length);
-        const raw = localStorage.getItem(key);
-        if (!raw) continue;
-        try {
-          const parsed = JSON.parse(raw);
-          out.push({
-            siteId,
-            ...parsed
-          });
-        } catch (e) {
-          console.warn("ADS: parse saved site failed for", key, e);
-        }
-      }
-    } catch (e) {
-      console.warn("ADS: loadAllSavedSites failed", e);
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "90%",
+      maxWidth: "1100px",
+      height: "70vh",
+      background: "#fff",
+      borderRadius: "12px",
+      padding: "20px",
+      display: "flex",
+      flexDirection: "column",
+      boxShadow: "0 8px 24px rgba(0,0,0,0.25)"
     }
-    return out;
-  };
-  const updateAllSavedSitesForGlobal = (enable, globalTimes = {}) => {
-    try {
-      const savedSites = loadAllSavedSites() || [];
-      savedSites.forEach(site => {
-        if (!site || !site.siteId) return;
-        const siteKey = String(site.siteId);
-        const toSave = {
-          mdmsCards: Array.isArray(site.mdmsCards) ? site.mdmsCards : site.mdmsCards || [],
-          adsList: Array.isArray(site.adsList) ? site.adsList : site.adsList || [],
-          adsScheduleMap: site.adsScheduleMap ? {
-            ...site.adsScheduleMap
-          } : {},
-          placeNameState: site.placeNameState || "",
-          globalScheduleEnabled: !!enable,
-          startDate: site.startDate || "",
-          endDate: site.endDate || "",
-          bookingFromTime: site.bookingFromTime || "",
-          bookingToTime: site.bookingToTime || ""
-        };
-        if (enable) {
-          const {
-            startDate: sd = "",
-            startTime: st = "",
-            endDate: ed = "",
-            endTime: et = ""
-          } = globalTimes;
-          (toSave.mdmsCards || []).forEach(c => {
-            const key = c.mdmsId ?? c.id;
-            if (!key) return;
-            toSave.adsScheduleMap[key] = {
-              startDate: sd,
-              startTime: st,
-              endDate: ed,
-              endTime: et
-            };
-          });
-        } else {
-          const {
-            startDate: sd = "",
-            startTime: st = "",
-            endDate: ed = "",
-            endTime: et = ""
-          } = globalTimes;
-          Object.keys(toSave.adsScheduleMap || {}).forEach(k => {
-            const e = toSave.adsScheduleMap[k] || {};
-            if (sd && st && ed && et) {
-              if (e.startDate === sd && e.startTime === st && e.endDate === ed && e.endTime === et) {
-                delete toSave.adsScheduleMap[k];
-              }
-            } else {
-              if (!e.startDate && !e.startTime && !e.endDate && !e.endTime) delete toSave.adsScheduleMap[k];
-            }
-          });
-        }
-        try {
-          localStorage.setItem(`${PERSIST_KEY_PREFIX}${siteKey}`, JSON.stringify({
-            ...toSave,
-            savedAt: Date.now()
-          }));
-        } catch (err) {
-          try {
-            sessionStorage.setItem(`ADS:session:${siteKey}`, JSON.stringify({
-              ...toSave,
-              savedAt: Date.now()
-            }));
-          } catch (e) {
-            console.warn("updateAllSavedSitesForGlobal persist failed for", siteKey, e);
-          }
-        }
-      });
-    } catch (e) {
-      console.warn("updateAllSavedSitesForGlobal failed", e);
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: "16px",
+      borderBottom: "1px solid #eee",
+      paddingBottom: "8px"
     }
-  };
-  const convertSavedToCartDetails = saved => {
-    if (!saved) return [];
-    const {
-      mdmsCards = [],
-      adsList = []
-    } = saved;
-    const mdmsConverted = mdmsCards.flatMap(c => (c.schedules || []).map(s => {
-      var _c$mdmsId, _c$mdmsId2;
-      const [sDate, sTime = nowHM] = (s.startDatetime || "").split("T");
-      const [eDate, eTime = nowHM] = (s.endDatetime || "").split("T");
-      return {
-        addType: c.adType || "",
-        bookingDate: sDate || "",
-        endDate: eDate || "",
-        bookingFromTime: sTime || nowHM,
-        bookingToTime: eTime || nowHM,
-        advertisementId: ((_c$mdmsId = c.mdmsId) === null || _c$mdmsId === void 0 ? void 0 : _c$mdmsId.toString()) || "",
-        cartId: ((_c$mdmsId2 = c.mdmsId) === null || _c$mdmsId2 === void 0 ? void 0 : _c$mdmsId2.toString()) || "",
-        cartAddress: c.name || "",
-        geoLocation: c.geoLocation || c.geoLocation || "",
-        faceArea: `${c.width || ""}x${c.height || ""}`,
-        location: c.locationCode || "",
-        status: "BOOKING_CREATED",
-        availabilityStatus: c.available === false ? "UNAVAILABLE" : "AVAILABLE",
-        amount: c.amount || ""
-      };
-    }));
-    const manualConverted = (adsList || []).map(d => {
-      var _d$advertisementType, _d$mdmsId, _d$mdmsId2, _d$geoLocation, _d$size, _d$siteName;
-      return {
-        addType: ((_d$advertisementType = d.advertisementType) === null || _d$advertisementType === void 0 ? void 0 : _d$advertisementType.code) || d.advertisementType || d.addType || "",
-        bookingDate: d.bookingDate || d.startDate || "",
-        endDate: d.endDate || d.endDate || "",
-        bookingFromTime: d.bookingFromTime || "",
-        bookingToTime: d.bookingToTime || "",
-        advertisementId: d.advertisementId || d.siteId || ((_d$mdmsId = d.mdmsId) === null || _d$mdmsId === void 0 ? void 0 : _d$mdmsId.toString()) || "",
-        cartId: d.cartId || d.siteId || ((_d$mdmsId2 = d.mdmsId) === null || _d$mdmsId2 === void 0 ? void 0 : _d$mdmsId2.toString()) || "",
-        cartAddress: d.cartAddress || d.name || "",
-        geoLocation: d.geoLocation || ((_d$geoLocation = d.geoLocation) !== null && _d$geoLocation !== void 0 && _d$geoLocation.code ? d.geoLocation.code : "") || "",
-        faceArea: d.faceArea || ((_d$size = d.size) !== null && _d$size !== void 0 && _d$size.code ? d.size.code : "") || "",
-        location: d.location || d.locationCode || d.siteId || ((_d$siteName = d.siteName) !== null && _d$siteName !== void 0 && _d$siteName.code ? d.siteName.code : "") || "",
-        status: "BOOKING_CREATED",
-        availabilityStatus: d.availabilityStatus || (d.available === false ? "UNAVAILABLE" : "AVAILABLE") || "",
-        rate: d.amount || ""
-      };
-    });
-    return [...manualConverted, ...mdmsConverted];
-  };
-  const PERSIST_GLOBAL_KEY = "ADS:global";
-  const saveGlobal = payload => {
-    try {
-      const out = {
-        ...(payload || {}),
-        savedAt: Date.now()
-      };
-      localStorage.setItem(PERSIST_GLOBAL_KEY, JSON.stringify(out));
-    } catch (e) {
-      console.warn("saveGlobal failed", e);
+  }, /*#__PURE__*/React.createElement("h2", {
+    style: {
+      margin: 0,
+      fontSize: "20px",
+      fontWeight: 700,
+      color: "#333"
     }
-  };
-  const loadGlobal = () => {
-    try {
-      const raw = localStorage.getItem(PERSIST_GLOBAL_KEY);
-      return raw ? JSON.parse(raw) : null;
-    } catch (e) {
-      return null;
+  }, t("ADS_AVAILIBILITY_FOR"), " ", ad === null || ad === void 0 ? void 0 : ad.name, " ", allBooked && /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#c62828",
+      fontSize: "14px",
+      marginLeft: "8px"
     }
-  };
-  const applyGlobalToAll = () => {
-    const sd = getValues("startDate") || tomorrowStr;
-    const ed = getValues("endDate") || sd;
-    const st = getValues("bookingFromTime") || nowHM;
-    const et = getValues("bookingToTime") || nowHM;
-    const newMap = {
-      ...(adsScheduleMap || {})
-    };
-    (adsForLocation || []).forEach(ad => {
-      newMap[ad.id] = {
-        ...(newMap[ad.id] || {}),
-        startDate: sd,
-        startTime: st,
-        endDate: ed,
-        endTime: et
-      };
-    });
-    setAdsScheduleMap(newMap);
-  };
-  const initialFormDefaults = {
-    siteId: "",
-    geoLocation: null,
-    cartAddress: "",
-    size: "",
-    advertisementType: "",
-    startDate: "",
-    endDate: "",
-    bookingFromTime: nowHM,
-    bookingToTime: nowHM,
-    availabilityStatus: "",
-    amount: ""
-  };
-  const {
-    control,
-    handleSubmit,
-    setValue,
-    watch,
-    reset,
-    formState: {
-      errors
-    },
-    getValues,
-    trigger,
-    setError,
-    clearErrors
-  } = useForm({
-    defaultValues: initialFormDefaults
-  });
-  const setGlobalSchedule = useCallback(enable => {
-    const sd = getValues("startDate") || "";
-    const ed = getValues("endDate") || sd || "";
-    const st = getValues("bookingFromTime") || nowHM || "";
-    const et = getValues("bookingToTime") || nowHM || "";
-    if (enable) {
-      adsScheduleBackupRef.current = adsScheduleMap || {};
-      setAdsScheduleMap(prev => {
-        const newMap = {
-          ...(prev || {})
-        };
-        (adsForLocation || []).forEach(ad => {
-          const key = ad.mdmsId ?? ad.id;
-          newMap[key] = {
-            startDate: sd,
-            startTime: st,
-            endDate: ed,
-            endTime: et
-          };
-        });
-        return newMap;
-      });
-      setGlobalScheduleEnabled(true);
-      saveGlobal({
-        globalScheduleEnabled: true,
-        startDate: sd,
-        endDate: ed,
-        bookingFromTime: st,
-        bookingToTime: et
-      });
-      updateAllSavedSitesForGlobal(true, {
-        startDate: sd,
-        startTime: st,
-        endDate: ed,
-        endTime: et
-      });
-    } else {
-      setGlobalScheduleEnabled(false);
-      setAdsScheduleMap(adsScheduleBackupRef.current || {});
-      adsScheduleBackupRef.current = null;
-      const curGlobal = loadGlobal() || {};
-      saveGlobal({
-        ...curGlobal,
-        globalScheduleEnabled: false
-      });
-      updateAllSavedSitesForGlobal(false, {
-        startDate: sd,
-        startTime: st,
-        endDate: ed,
-        endTime: et
-      });
-    }
-    try {
-      dispatch(UPDATE_ADSNewApplication_FORM("savedUI", {
-        mdmsCards,
-        adsList,
-        adsScheduleMap: enable ? (() => {
-          const optimisticMap = {
-            ...(adsScheduleMap || {})
-          };
-          (adsForLocation || []).forEach(ad => {
-            const key = ad.mdmsId ?? ad.id;
-            optimisticMap[key] = {
-              startDate: sd,
-              startTime: st,
-              endDate: ed,
-              endTime: et
-            };
-          });
-          return optimisticMap;
-        })() : adsScheduleBackupRef.current || adsScheduleMap || {},
-        placeNameState,
-        globalScheduleEnabled: !!enable,
-        startDate: sd,
-        endDate: ed,
-        bookingFromTime: st,
-        bookingToTime: et,
-        siteId: getValues("siteId"),
-        geolocation: getValues("geoLocation")
-      }));
-    } catch (e) {
-      console.warn("dispatch update on setGlobalSchedule failed", e);
-    }
-  }, [adsForLocation, adsScheduleMap, mdmsCards, adsList, placeNameState, dispatch, getValues]);
-  useEffect(() => {
-    const parentUI = currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.savedUI;
-    if (parentUI) {
-      if (Array.isArray(parentUI.mdmsCards)) setMdmsCards(parentUI.mdmsCards);
-      if (Array.isArray(parentUI.adsList)) setAdsList(parentUI.adsList);
-      if (parentUI.adsScheduleMap) setAdsScheduleMap(parentUI.adsScheduleMap);
-      if (typeof parentUI.placeNameState === "string") setPlaceNameState(parentUI.placeNameState || "");
-      if (typeof parentUI.globalScheduleEnabled !== "undefined") {
-        setGlobalScheduleEnabled(!!parentUI.globalScheduleEnabled);
-        if (parentUI.startDate) setValue("startDate", parentUI.startDate, {
-          shouldValidate: false
-        });
-        if (parentUI.endDate) setValue("endDate", parentUI.endDate, {
-          shouldValidate: false
-        });
-        if (parentUI.bookingFromTime) setValue("bookingFromTime", parentUI.bookingFromTime, {
-          shouldValidate: false
-        });
-        if (parentUI.bookingToTime) setValue("bookingToTime", parentUI.bookingToTime, {
-          shouldValidate: false
-        });
-        if (parentUI.globalScheduleEnabled) applyGlobalToAll();
-      }
-      if (parentUI.siteId) {
-        setValue("siteId", parentUI.siteId, {
-          shouldValidate: false,
-          shouldDirty: true
-        });
-        setAdsForLocation(mdmsAds.filter(a => String(a.locationCode) === String(parentUI.siteId)));
-      }
-      if (parentUI.geoLocation) {
-        var _parentUI$geoLocation;
-        setValue("geoLocation", parentUI.geoLocation, {
-          shouldValidate: false,
-          shouldDirty: true
-        });
-        setPlaceNameState(((_parentUI$geoLocation = parentUI.geoLocation) === null || _parentUI$geoLocation === void 0 ? void 0 : _parentUI$geoLocation.formattedAddress) || "");
-      }
-      return;
-    }
-    const global = loadGlobal();
-    if (global && global.globalScheduleEnabled) {
-      setGlobalScheduleEnabled(true);
-      if (global.startDate) setValue("startDate", global.startDate, {
-        shouldValidate: false
-      });
-      if (global.endDate) setValue("endDate", global.endDate, {
-        shouldValidate: false
-      });
-      if (global.bookingFromTime) setValue("bookingFromTime", global.bookingFromTime, {
-        shouldValidate: false
-      });
-      if (global.bookingToTime) setValue("bookingToTime", global.bookingToTime, {
-        shouldValidate: false
-      });
-      applyGlobalToAll();
-      return;
+  }, t("ADS_ALL_SLOTS_BOOKED"))), /*#__PURE__*/React.createElement("button", {
+    onClick: onClose,
+    style: {
+      border: "none",
+      background: "transparent",
+      fontSize: "22px",
+      cursor: "pointer",
+      color: "#666"
     }
-    const savedSites = loadAllSavedSites();
-    if (savedSites && savedSites.length) {
-      savedSites.sort((a, b) => (b.savedAt || 0) - (a.savedAt || 0));
-      const chosen = savedSites[0];
-      if (chosen) {
-        const chosenSiteId = String(chosen.siteId || "");
-        setValue("siteId", chosenSiteId, {
-          shouldValidate: false,
-          shouldDirty: true
-        });
-        setSiteIdKey(k => k + 1);
-        setAdsForLocation(mdmsAds.filter(a => String(a.locationCode) === chosenSiteId));
-        setMdmsCards(Array.isArray(chosen.mdmsCards) ? chosen.mdmsCards : []);
-        setAdsList(Array.isArray(chosen.adsList) ? chosen.adsList : []);
-        setAdsScheduleMap(chosen.adsScheduleMap || {});
-        setPlaceNameState(chosen.placeNameState || "");
-        if (chosen.geoLocation) setValue("geoLocation", chosen.geoLocation, {
-          shouldValidate: false,
-          shouldDirty: true
-        });
-      }
+  }, "\u2716")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflowY: "auto",
+      border: "1px solid #ddd",
+      borderRadius: "8px"
     }
-  }, []);
-  const siteIdValue = watch("siteId");
-  const globalReset = useCallback(() => {
-    const curSite = (getValues === null || getValues === void 0 ? void 0 : getValues("siteId")) || watch && watch("siteId");
-    try {
-      reset(initialFormDefaults);
-    } catch (e) {
-      console.warn("form reset failed", e);
+  }, isLoading ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "24px",
+      color: "#555",
+      textAlign: "center"
     }
-    try {
-      setMdmsCards([]);
-      setAdsList([]);
-      setAdsScheduleMap({});
-      setPlaceNameState("");
-      setGlobalScheduleEnabled(false);
-      adsScheduleBackupRef.current = null;
-      setSiteIdKey(k => k + 1);
-    } catch (e) {
-      console.warn("local state clear failed", e);
+  }, t("ADS_LOADING_SLOTS")) : slots.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "24px",
+      color: "#555",
+      textAlign: "center"
     }
-    try {
-      if (curSite) {
-        try {
-          localStorage.removeItem(`${PERSIST_KEY_PREFIX}${String(curSite)}`);
-        } catch (err) {}
+  }, t("ADS_NO_SLOTS_AVAILABLE")) : /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    data: slots,
+    columns: columns,
+    disableSort: true,
+    isPaginationRequired: false,
+    getCellProps: cell => ({
+      style: {
+        padding: "12px 14px",
+        fontSize: "14px",
+        borderBottom: "1px solid #f0f0f0",
+        textAlign: "left",
+        backgroundColor: cell.row.index % 2 === 0 ? "#fafafa" : "#fff"
       }
-      try {
-        const keysToRemove = [];
-        for (let i = 0; i < localStorage.length; i++) {
-          const k = localStorage.key(i);
-          if (k && k.startsWith(PERSIST_KEY_PREFIX)) keysToRemove.push(k);
-        }
-        keysToRemove.forEach(k => localStorage.removeItem(k));
-      } catch (err) {}
-      try {
-        localStorage.removeItem(PERSIST_GLOBAL_KEY);
-      } catch (err) {}
-    } catch (e) {
-      console.warn("persistence clear failed", e);
+    })
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "12px",
+      display: "flex",
+      justifyContent: "flex-end",
+      gap: "10px"
     }
-    try {
-      dispatch(UPDATE_ADSNewApplication_FORM("savedUI", {
-        mdmsCards: [],
-        adsList: [],
-        adsScheduleMap: {},
-        placeNameState: "",
-        globalScheduleEnabled: false,
-        startDate: "",
-        endDate: "",
-        bookingFromTime: "",
-        bookingToTime: "",
-        siteId: "",
-        geoLocation: null
-      }));
-    } catch (e) {
-      console.warn("redux notify failed", e);
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: onClose,
+    style: {
+      padding: "10px 18px",
+      borderRadius: "6px",
+      border: "1px solid #ccc",
+      background: "#f5f5f5",
+      cursor: "pointer"
     }
-    try {
-      if (document.activeElement instanceof HTMLElement) document.activeElement.blur();
-    } catch (e) {}
-  }, [reset, dispatch, setSiteIdKey, getValues, watch]);
-  useEffect(() => {
-    const clearADSData = () => {
-      skipPersistRef.current = true;
-      try {
-        for (let i = localStorage.length - 1; i >= 0; i--) {
-          const k = localStorage.key(i);
-          if (k && String(k).toUpperCase().startsWith("ADS:")) {
-            localStorage.removeItem(k);
-          }
-        }
-      } catch (err) {
-        console.warn("clear ADS localStorage failed", err);
-      }
-      try {
-        for (let i = sessionStorage.length - 1; i >= 0; i--) {
-          const k = sessionStorage.key(i);
-          if (k && String(k).startsWith("ADS:session:")) {
-            sessionStorage.removeItem(k);
-          }
-        }
-        sessionStorage.removeItem("ADS:session:last");
-      } catch (err) {
-        console.warn("clear ADS sessionStorage failed", err);
-      }
-      try {
-        dispatch(RESET_ADS_NEW_APPLICATION_FORM());
-      } catch (err) {
-        console.warn("dispatch reset failed", err);
-      }
-      try {
-        globalReset();
-      } catch (err) {
-        console.warn("globalReset threw", err);
-      }
-    };
-    const keyHandler = e => {
-      if ((e.ctrlKey || e.metaKey) && (e.key === "r" || e.key === "R" || e.code === "KeyR") || e.code === "F5") {
-        e.preventDefault();
-        clearADSData();
-        setTimeout(() => {
-          skipPersistRef.current = false;
-          window.location.reload();
-        }, 60);
-      }
-    };
-    const beforeUnloadHandler = () => {
-      clearADSData();
-    };
-    window.addEventListener("keydown", keyHandler, true);
-    window.addEventListener("beforeunload", beforeUnloadHandler);
-    return () => {
-      window.removeEventListener("keydown", keyHandler, true);
-      window.removeEventListener("beforeunload", beforeUnloadHandler);
-    };
-  }, [dispatch, globalReset]);
-  useEffect(() => {
-    const site = siteIdValue;
-    if (!site) return;
-    setAdsForLocation(mdmsAds.filter(a => String(a.locationCode) === String(site)));
-    const global = loadGlobal();
-    const isGlobalActive = global && global.globalScheduleEnabled;
-    if (isGlobalActive) {
-      setGlobalScheduleEnabled(true);
-      if (global.startDate) setValue("startDate", global.startDate, {
-        shouldValidate: false
-      });
-      if (global.endDate) setValue("endDate", global.endDate, {
-        shouldValidate: false
-      });
-      if (global.bookingFromTime) setValue("bookingFromTime", global.bookingFromTime, {
-        shouldValidate: false
-      });
-      if (global.bookingToTime) setValue("bookingToTime", global.bookingToTime, {
-        shouldValidate: false
-      });
-      applyGlobalToAll();
+  }, t ? t("Cancel") : "Cancel"), /*#__PURE__*/React.createElement("button", {
+    onClick: handleAddToCart,
+    disabled: selectedSlots.length === 0,
+    style: {
+      padding: "10px 18px",
+      borderRadius: "6px",
+      border: "none",
+      background: selectedSlots.length > 0 ? "#2947a3" : "#ccc",
+      color: "#fff",
+      fontWeight: 600,
+      cursor: selectedSlots.length > 0 ? "pointer" : "not-allowed",
+      transition: "background 0.2s"
     }
-    const saved = loadForSite(String(site));
-    let effectiveSaved = saved;
-    if (!effectiveSaved) {
-      try {
-        const sessKeyById = `ADS:session:${String(site)}`;
-        const sessKeyLast = `ADS:session:last`;
-        const raw = sessionStorage.getItem(sessKeyById) || sessionStorage.getItem(sessKeyLast);
-        if (raw) effectiveSaved = JSON.parse(raw);
-      } catch (e) {}
+  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("Update Cart") : t("Add To Cart")))));
+};
+
+const CartModal = ({
+  cartSlots,
+  onClose,
+  onRemoveSlot,
+  t
+}) => {
+  const [expanded, setExpanded] = useState(() => cartSlots.map(item => item.ad.id));
+  const toggleExpand = adId => {
+    setExpanded(prev => prev.includes(adId) ? prev.filter(id => id !== adId) : [...prev, adId]);
+  };
+  const makeColumns = ad => [{
+    Header: t("ADS_DATE"),
+    accessor: "bookingDate"
+  }, {
+    Header: t("ADS_LOCATION"),
+    accessor: "location"
+  }, {
+    Header: t("ADS_FACE_AREA"),
+    accessor: "faceArea"
+  }, {
+    Header: t("ADS_TYPE"),
+    accessor: "addType"
+  }, {
+    Header: t("ADS_NIGHT_LIGHT"),
+    accessor: row => row.nightLight ? t("ADS_YES") : t("ADS_NO")
+  }, {
+    Header: t("ADS_STATUS"),
+    accessor: "slotStaus",
+    Cell: ({
+      row
+    }) => {
+      const status = row.original.slotStaus;
+      const isAvailable = status === "AVAILABLE";
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          display: "inline-block",
+          padding: "5px 14px",
+          borderRadius: "20px",
+          fontSize: "12px",
+          fontWeight: 600,
+          color: isAvailable ? "#155724" : "#721c24",
+          backgroundColor: isAvailable ? "#d4edda" : "#f8d7da",
+          border: `1px solid ${isAvailable ? "#c3e6cb" : "#f5c6cb"}`,
+          textTransform: "capitalize"
+        }
+      }, status);
     }
-    if (effectiveSaved) {
-      const mdmsFromSaved = Array.isArray(effectiveSaved.mdmsCards) ? effectiveSaved.mdmsCards : [];
-      const adsListFromSaved = Array.isArray(effectiveSaved.adsList) ? effectiveSaved.adsList : [];
-      let mdmsToSet = mdmsFromSaved;
-      if (isGlobalActive) {
-        const sd = getValues("startDate") || global && global.startDate || "";
-        const st = getValues("bookingFromTime") || global && global.bookingFromTime || "";
-        const ed = getValues("endDate") || global && global.endDate || "";
-        const et = getValues("bookingToTime") || global && global.bookingToTime || "";
-        mdmsToSet = mdmsFromSaved.map(c => {
-          var _c$schedules, _c$schedules$, _c$schedules2, _c$schedules2$;
-          const startDatetime = sd && st ? `${sd}T${st}` : ((_c$schedules = c.schedules) === null || _c$schedules === void 0 ? void 0 : (_c$schedules$ = _c$schedules[0]) === null || _c$schedules$ === void 0 ? void 0 : _c$schedules$.startDatetime) || "";
-          const endDatetime = ed && et ? `${ed}T${et}` : ((_c$schedules2 = c.schedules) === null || _c$schedules2 === void 0 ? void 0 : (_c$schedules2$ = _c$schedules2[0]) === null || _c$schedules2$ === void 0 ? void 0 : _c$schedules2$.endDatetime) || "";
-          return {
-            ...c,
-            schedules: [{
-              startDatetime,
-              endDatetime
-            }]
-          };
-        });
-        const newMap = {
-          ...(adsScheduleMap || {})
-        };
-        (mdmsToSet || []).forEach(c => {
-          const key = c.mdmsId ?? c.id;
-          newMap[key] = {
-            startDate: sd,
-            startTime: st,
-            endDate: ed,
-            endTime: et
-          };
-        });
-        setAdsScheduleMap(prev => ({
-          ...(prev || {}),
-          ...(newMap || {})
-        }));
-      } else {
-        if (effectiveSaved.adsScheduleMap) setAdsScheduleMap(effectiveSaved.adsScheduleMap || {});
-      }
-      setMdmsCards(mdmsToSet);
-      setAdsList(adsListFromSaved);
-      setPlaceNameState(effectiveSaved.placeNameState || "");
-      if (effectiveSaved.startDate) setValue("startDate", effectiveSaved.startDate, {
-        shouldValidate: false
-      });
-      if (effectiveSaved.endDate) setValue("endDate", effectiveSaved.endDate, {
-        shouldValidate: false
-      });
-      if (effectiveSaved.bookingFromTime) setValue("bookingFromTime", effectiveSaved.bookingFromTime, {
-        shouldValidate: false
-      });
-      if (effectiveSaved.bookingToTime) setValue("bookingToTime", effectiveSaved.bookingToTime, {
-        shouldValidate: false
-      });
-      if (typeof effectiveSaved.globalScheduleEnabled !== "undefined") {
-        if (!isGlobalActive) {
-          setGlobalScheduleEnabled(!!effectiveSaved.globalScheduleEnabled);
-          if (effectiveSaved.globalScheduleEnabled) {
-            applyGlobalToAll();
-          }
-        } else {
-          if (global.startDate) setValue("startDate", global.startDate, {
-            shouldValidate: false
-          });
-          if (global.endDate) setValue("endDate", global.endDate, {
-            shouldValidate: false
-          });
-          if (global.bookingFromTime) setValue("bookingFromTime", global.bookingFromTime, {
-            shouldValidate: false
-          });
-          if (global.bookingToTime) setValue("bookingToTime", global.bookingToTime, {
-            shouldValidate: false
-          });
-          setGlobalScheduleEnabled(true);
-          applyGlobalToAll();
+  }, {
+    Header: t("ADS_REMOVE"),
+    accessor: "remove",
+    Cell: ({
+      row
+    }) => {
+      const slot = row.original;
+      return /*#__PURE__*/React.createElement("button", {
+        onClick: () => onRemoveSlot(ad, slot),
+        style: {
+          padding: "4px 10px",
+          borderRadius: "6px",
+          border: "none",
+          background: "#dc3545",
+          color: "#fff",
+          cursor: "pointer",
+          fontSize: "12px"
         }
-      }
-    } else {
-      setMdmsCards([]);
-      setAdsList([]);
-      setAdsScheduleMap({});
-      setPlaceNameState("");
+      }, t("ADS_DELETE"));
     }
-    const locObj = findLocationByCode(site);
-    const normalized = normalizeLocationToGeo(locObj);
-    if (normalized) {
-      setValue("geoLocation", normalized, {
-        shouldValidate: false,
-        shouldDirty: true
-      });
-      setPlaceNameState(normalized.formattedAddress);
-      if (!watch("cartAddress")) setValue("cartAddress", normalized.formattedAddress);
-    } else {
-      setValue("geoLocation", null, {
-        shouldValidate: false
-      });
-      setPlaceNameState("");
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "fixed",
+      top: "70px",
+      left: 0,
+      width: "100vw",
+      height: "calc(100vh - 70px)",
+      background: "rgba(0,0,0,0.5)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 2000
     }
-  }, [siteIdValue, mdmsAds]);
-  useEffect(() => {
-    let timer = null;
-    const snapshot = () => {
-      try {
-        const savedUI = {
-          mdmsCards,
-          adsList,
-          adsScheduleMap,
-          placeNameState,
-          globalScheduleEnabled: !!globalScheduleEnabled,
-          startDate: getValues("startDate") || "",
-          endDate: getValues("endDate") || "",
-          bookingFromTime: getValues("bookingFromTime") || "",
-          bookingToTime: getValues("bookingToTime") || "",
-          siteId: getValues("siteId") || "",
-          geoLocation: getValues("geoLocation") || null
-        };
-        dispatch(UPDATE_ADSNewApplication_FORM("savedUI", savedUI));
-        try {
-          sessionStorage.setItem(`ADS:session:${getValues("siteId") || "last"}`, JSON.stringify(savedUI));
-        } catch (e) {}
-      } catch (e) {
-        console.warn("sync savedUI failed", e);
-      }
-    };
-    timer = setTimeout(snapshot, 120);
-    return () => {
-      if (timer) clearTimeout(timer);
-    };
-  }, [mdmsCards, adsList, adsScheduleMap, placeNameState, globalScheduleEnabled, dispatch, getValues]);
-  useEffect(() => {
-    return () => {
-      try {
-        const savedUI = {
-          mdmsCards,
-          adsList,
-          adsScheduleMap,
-          placeNameState,
-          globalScheduleEnabled: !!globalScheduleEnabled,
-          startDate: getValues("startDate") || "",
-          endDate: getValues("endDate") || "",
-          bookingFromTime: getValues("bookingFromTime") || "",
-          bookingToTime: getValues("bookingToTime") || "",
-          siteId: getValues("siteId") || "",
-          geoLocation: getValues("geoLocation") || null
-        };
-        dispatch(UPDATE_ADSNewApplication_FORM("savedUI", savedUI));
-        try {
-          sessionStorage.setItem(`ADS:session:${getValues("siteId") || "last"}`, JSON.stringify(savedUI));
-        } catch (e) {}
-      } catch (e) {}
-    };
-  }, []);
-  const startDateValue = watch("startDate");
-  const endDateValue = watch("endDate");
-  const fromTimeValue = watch("bookingFromTime");
-  const toTimeValue = watch("bookingToTime");
-  const currentlySelectedSiteId = watch("siteId");
-  useEffect(() => {
-    if (skipPersistRef.current) {
-      return;
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "90%",
+      maxWidth: "1100px",
+      height: "70vh",
+      background: "#fff",
+      borderRadius: "12px",
+      padding: "20px",
+      display: "flex",
+      flexDirection: "column",
+      boxShadow: "0 8px 24px rgba(0,0,0,0.25)"
     }
-    if (currentlySelectedSiteId) {
-      saveForSite(currentlySelectedSiteId, {
-        mdmsCards,
-        adsList,
-        adsScheduleMap,
-        placeNameState,
-        globalScheduleEnabled: !!globalScheduleEnabled,
-        startDate: startDateValue || "",
-        endDate: endDateValue || "",
-        bookingFromTime: fromTimeValue || "",
-        bookingToTime: toTimeValue || ""
-      });
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: "16px",
+      borderBottom: "1px solid #eee",
+      paddingBottom: "8px"
     }
-    if (globalScheduleEnabled) {
-      saveGlobal({
-        globalScheduleEnabled: !!globalScheduleEnabled,
-        startDate: startDateValue || "",
-        endDate: endDateValue || "",
-        bookingFromTime: fromTimeValue || "",
-        bookingToTime: toTimeValue || ""
-      });
+  }, /*#__PURE__*/React.createElement("h2", {
+    style: {
+      margin: 0,
+      fontSize: "20px",
+      fontWeight: 700,
+      color: "#333"
     }
-  }, [mdmsCards, adsList, adsScheduleMap, placeNameState, currentlySelectedSiteId, globalScheduleEnabled, startDateValue, endDateValue, fromTimeValue, toTimeValue]);
-  const today = new Date();
-  const applicationDate = today.getTime();
-  today.setMinutes(today.getMinutes() - today.getTimezoneOffset());
-  today.setDate(today.getDate() + 1);
-  const getLocalTodayStr = () => {
-    const d = new Date();
-    d.setMinutes(d.getMinutes() - d.getTimezoneOffset());
-    d.setDate(d.getDate() + 1);
-    return d.toISOString().slice(0, 10);
-  };
-  const tomorrowStr = getLocalTodayStr();
-  let endDateMin;
-  if (startDateValue) {
-    const d = new Date(startDateValue);
-    d.setDate(d.getDate());
-    endDateMin = d.toISOString().slice(0, 10);
-  }
-  const addAdvertisement = handleSubmit(data => {
-    if (editingIndex !== null && editingIndex >= 0) {
-      setAdsList(prev => prev.map((it, i) => i === editingIndex ? data : it));
-      setEditingIndex(null);
-    } else {
-      setAdsList(prev => [...prev, data]);
+  }, t("ADS_YOUR_CART")), /*#__PURE__*/React.createElement("button", {
+    onClick: onClose,
+    style: {
+      border: "none",
+      background: "transparent",
+      fontSize: "22px",
+      cursor: "pointer",
+      color: "#666"
     }
-    reset({
-      ...initialFormDefaults,
-      bookingFromTime: nowHM,
-      bookingToTime: nowHM
-    });
-    setPlaceNameState("");
-  });
-  const onSubmit = handleSubmit(data => {
-    if (Object.keys(adsScheduleErrors).length > 0) {
-      setShowToast({
-        key: true,
-        label: "Please fix all schedule errors before proceeding."
-      });
-      return;
+  }, "\u2716")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflowY: "auto"
     }
-    if (((mdmsCards === null || mdmsCards === void 0 ? void 0 : mdmsCards.length) || 0) === 0 && ((adsList === null || adsList === void 0 ? void 0 : adsList.length) || 0) === 0) {
-      setError("siteSelection", {
-        type: "manual",
-        message: "Please select at least one site before proceeding."
-      });
-      return;
+  }, cartSlots.length === 0 ? /*#__PURE__*/React.createElement("p", {
+    style: {
+      padding: "12px",
+      color: "#666"
     }
-    const mdmsCartDetails = mdmsCards.flatMap(c => (c.schedules || []).map(s => {
-      var _c$mdmsId3, _c$mdmsId4;
-      const [sDate, sTime = nowHM] = (s.startDatetime || "").split("T");
-      const [eDate, eTime = nowHM] = (s.endDatetime || "").split("T");
-      return {
-        addType: c.adType || "",
-        bookingDate: sDate || "",
-        endDate: eDate || "",
-        bookingFromTime: sTime || nowHM,
-        bookingToTime: eTime || nowHM,
-        advertisementId: ((_c$mdmsId3 = c.mdmsId) === null || _c$mdmsId3 === void 0 ? void 0 : _c$mdmsId3.toString()) || "",
-        cartId: ((_c$mdmsId4 = c.mdmsId) === null || _c$mdmsId4 === void 0 ? void 0 : _c$mdmsId4.toString()) || "",
-        cartAddress: c.name || "",
-        geoLocation: c.geoLocation || normalizeLocationToGeo(findLocationByCode(c.locationCode)) || "",
-        faceArea: `${c.width || ""}x${c.height || ""}`,
-        location: c.locationCode || "",
-        status: "BOOKING_CREATED",
-        availabilityStatus: c.available === false ? "UNAVAILABLE" : "AVAILABLE",
-        amount: c.amount || "",
-        nightLight: c.light
-      };
-    }));
-    const adsToSubmit = [...adsList, ...mdmsCartDetails];
-    console.log("adsToSubmit", adsToSubmit);
-    const cartDetails = adsToSubmit.map(d => {
-      var _d$advertisementType2, _d$mdmsId3, _d$mdmsId4, _d$geoLocation2, _d$size2, _d$siteName2;
-      return {
-        addType: ((_d$advertisementType2 = d.advertisementType) === null || _d$advertisementType2 === void 0 ? void 0 : _d$advertisementType2.code) || d.advertisementType || d.addType || "",
-        bookingDate: d.bookingDate || d.startDate || "",
-        endDate: d.endDate || d.endDate || "",
-        bookingFromTime: d.bookingFromTime || "",
-        bookingToTime: d.bookingToTime || "",
-        advertisementId: d.advertisementId || d.siteId || ((_d$mdmsId3 = d.mdmsId) === null || _d$mdmsId3 === void 0 ? void 0 : _d$mdmsId3.toString()) || "",
-        cartId: d.cartId || d.cartId || d.siteId || ((_d$mdmsId4 = d.mdmsId) === null || _d$mdmsId4 === void 0 ? void 0 : _d$mdmsId4.toString()) || "",
-        cartAddress: d.cartAddress || d.name || "",
-        geoLocation: d.geoLocation || ((_d$geoLocation2 = d.geoLocation) !== null && _d$geoLocation2 !== void 0 && _d$geoLocation2.code ? d.geoLocation.code : "") || "",
-        faceArea: d.faceArea || ((_d$size2 = d.size) !== null && _d$size2 !== void 0 && _d$size2.code ? d.size.code : "") || "",
-        location: d.location || d.locationCode || d.siteId || ((_d$siteName2 = d.siteName) !== null && _d$siteName2 !== void 0 && _d$siteName2.code ? d.siteName.code : "") || "",
-        status: "BOOKING_CREATED",
-        availabilityStatus: d.availabilityStatus || (d.available === false ? "UNAVAILABLE" : "AVAILABLE") || "",
-        rate: d.amount || "",
-        light: d.light
-      };
-    });
-    const allSaved = loadAllSavedSites();
-    let otherCartDetails = [];
-    const currentSite = watch("siteId") || getValues("siteId");
-    allSaved.forEach(s => {
-      if (!s || !s.siteId) return;
-      if (String(s.siteId) === String(currentSite)) return;
-      otherCartDetails = otherCartDetails.concat(convertSavedToCartDetails(s));
-    });
-    const dedupeMap = new Map();
-    const pushDeduped = entry => {
-      const key = `${entry.advertisementId || ""}::${entry.cartId || ""}::${entry.bookingDate || ""}`;
-      if (!dedupeMap.has(key)) {
-        dedupeMap.set(key, true);
-        return true;
-      }
-      return false;
-    };
-    const finalCartDetails = [];
-    cartDetails.forEach(c => {
-      if (pushDeduped(c)) finalCartDetails.push(c);
-    });
-    otherCartDetails.forEach(c => {
-      if (pushDeduped(c)) finalCartDetails.push(c);
-    });
-    const payload = {
-      cartDetails: finalCartDetails,
-      cartAddress: data.cartAddress,
-      savedUI: {
-        mdmsCards,
-        adsList,
-        adsScheduleMap,
-        placeNameState,
-        globalScheduleEnabled,
-        startDate: getValues("startDate") || "",
-        endDate: getValues("endDate") || "",
-        bookingFromTime: getValues("bookingFromTime") || "",
-        bookingToTime: getValues("bookingToTime") || "",
-        siteId: getValues("siteId") || "",
-        geoLocation: getValues("geoLocation") || null
+  }, t("ADS_NO_ITEMS_IN_CART")) : cartSlots.map((item, idx) => {
+    var _item$slots;
+    const isOpen = expanded.includes(item.ad.id);
+    return /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      style: {
+        marginBottom: "16px",
+        border: "1px solid #ddd",
+        borderRadius: "8px",
+        overflow: "hidden"
       }
-    };
-    if (currentSite) {
-      saveForSite(currentSite, {
-        mdmsCards,
-        adsList,
-        adsScheduleMap,
-        placeNameState,
-        globalScheduleEnabled: !!globalScheduleEnabled,
-        startDate: getValues("startDate") || "",
-        endDate: getValues("endDate") || "",
-        bookingFromTime: getValues("bookingFromTime") || "",
-        bookingToTime: getValues("bookingToTime") || "",
-        geoLocation: getValues("geoLocation")
-      });
-    }
-    dispatch(UPDATE_ADSNewApplication_FORM("savedUI", payload.savedUI));
-    goNext(payload);
-  });
-  useEffect(() => {
-    if (!adsScheduleMap || mdmsCards.length === 0) return;
-    setMdmsCards(prev => prev.map(card => {
-      var _card$schedules, _card$schedules$, _card$schedules2, _card$schedules2$, _card$schedules3, _card$schedules3$, _card$schedules4, _card$schedules4$;
-      const key = card.mdmsId ?? card.id;
-      const entry = adsScheduleMap[key] || adsScheduleMap[String(key)];
-      if (!entry) return card;
-      const start = entry.startDate && entry.startTime ? `${entry.startDate}T${entry.startTime}` : ((_card$schedules = card.schedules) === null || _card$schedules === void 0 ? void 0 : (_card$schedules$ = _card$schedules[0]) === null || _card$schedules$ === void 0 ? void 0 : _card$schedules$.startDatetime) || "";
-      const end = entry.endDate && entry.endTime ? `${entry.endDate}T${entry.endTime}` : ((_card$schedules2 = card.schedules) === null || _card$schedules2 === void 0 ? void 0 : (_card$schedules2$ = _card$schedules2[0]) === null || _card$schedules2$ === void 0 ? void 0 : _card$schedules2$.endDatetime) || "";
-      const prevStart = ((_card$schedules3 = card.schedules) === null || _card$schedules3 === void 0 ? void 0 : (_card$schedules3$ = _card$schedules3[0]) === null || _card$schedules3$ === void 0 ? void 0 : _card$schedules3$.startDatetime) || "";
-      const prevEnd = ((_card$schedules4 = card.schedules) === null || _card$schedules4 === void 0 ? void 0 : (_card$schedules4$ = _card$schedules4[0]) === null || _card$schedules4$ === void 0 ? void 0 : _card$schedules4$.endDatetime) || "";
-      if (prevStart === start && prevEnd === end) return card;
-      return {
-        ...card,
-        schedules: [{
-          startDatetime: start,
-          endDatetime: end
-        }]
-      };
-    }));
-  }, [adsScheduleMap]);
-  console.log("errors", errors);
-  useEffect(() => {
-    if (((mdmsCards === null || mdmsCards === void 0 ? void 0 : mdmsCards.length) || 0) > 0 || ((adsList === null || adsList === void 0 ? void 0 : adsList.length) || 0) > 0) {
-      clearErrors("siteSelection");
-    }
-  }, [mdmsCards, adsList, clearErrors]);
-  useEffect(() => {
-    reset(initialFormDefaults);
-    setMdmsCards([]);
-    setAdsList([]);
-    setAdsScheduleMap({});
-    setPlaceNameState("");
-    setGlobalScheduleEnabled(false);
-    setAdsForLocation([]);
-    dispatch(RESET_ADS_NEW_APPLICATION_FORM());
-    localStorage.removeItem("ADS:global");
-    for (let i = localStorage.length - 1; i >= 0; i--) {
-      const key = localStorage.key(i);
-      if (key && key.startsWith("ADS:site:")) {
-        localStorage.removeItem(key);
+    }, /*#__PURE__*/React.createElement("div", {
+      onClick: () => toggleExpand(item.ad.id),
+      style: {
+        background: "#f9f9f9",
+        padding: "10px 14px",
+        fontWeight: 600,
+        fontSize: "14px",
+        borderBottom: "1px solid #ddd",
+        cursor: "pointer",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center"
       }
-    }
-    sessionStorage.removeItem("ADS:session:last");
-    dispatch(RESET_ADS_NEW_APPLICATION_FORM());
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
-    onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Search By site id ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: "siteId",
-    rules: {
-      validate: val => {
-        if (((mdmsCards === null || mdmsCards === void 0 ? void 0 : mdmsCards.length) || 0) === 0 && ((adsList === null || adsList === void 0 ? void 0 : adsList.length) || 0) === 0) {
-          if (!val || String(val).trim() === "") return "This field is required";
-        }
-        if (val && String(val).length > 100) return "Maximum 100 characters";
-        return true;
+    }, /*#__PURE__*/React.createElement("span", null, item.ad.name, " \u2014 \u20B9", item.ad.amount * (item === null || item === void 0 ? void 0 : (_item$slots = item.slots) === null || _item$slots === void 0 ? void 0 : _item$slots.length)), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: "18px"
       }
-    },
-    render: props => {
-      if (isMdmsLoading) {
-        return /*#__PURE__*/React.createElement(TextInput, {
-          value: props.value,
-          onChange: e => props.onChange(e.target.value),
-          onBlur: props.onBlur
-        });
+    }, isOpen ? "▾" : "▸")), isOpen && /*#__PURE__*/React.createElement("div", {
+      style: {
+        overflowX: "auto"
       }
-      const options = locationOptions.map(o => ({
-        ...o,
-        label: o.label
-      }));
-      const selectedOption = options.find(o => String(o.code) === String(props.value)) || null;
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        key: siteIdKey,
-        className: "form-field",
-        option: options,
-        optionKey: "label",
-        selected: selectedOption,
-        select: val => {
-          if (!val) return;
-          const chosenSite = String(val.code || "");
-          props.onChange(chosenSite);
-          const filtered = mdmsAds.filter(a => String(a.locationCode) === String(val.code));
-          setAdsForLocation(filtered || []);
-          const saved = loadForSite(chosenSite);
-          const global = loadGlobal();
-          const isGlobalActive = global && global.globalScheduleEnabled;
-          if (saved) {
-            setMdmsCards(Array.isArray(saved.mdmsCards) ? saved.mdmsCards : []);
-            setAdsList(Array.isArray(saved.adsList) ? saved.adsList : []);
-            setAdsScheduleMap(saved.adsScheduleMap || {});
-            if (saved && typeof saved.globalScheduleEnabled !== "undefined") {
-              if (!isGlobalActive) {
-                setGlobalScheduleEnabled(!!saved.globalScheduleEnabled);
-                if (saved.startDate) setValue("startDate", saved.startDate, {
-                  shouldValidate: false
-                });
-                if (saved.endDate) setValue("endDate", saved.endDate, {
-                  shouldValidate: false
-                });
-                if (saved.bookingFromTime) setValue("bookingFromTime", saved.bookingFromTime, {
-                  shouldValidate: false
-                });
-                if (saved.bookingToTime) setValue("bookingToTime", saved.bookingToTime, {
-                  shouldValidate: false
-                });
-                if (saved.globalScheduleEnabled) {
-                  applyGlobalToAll();
-                }
-              } else {
-                if (global.startDate) setValue("startDate", global.startDate, {
-                  shouldValidate: false
-                });
-                if (global.endDate) setValue("endDate", global.endDate, {
-                  shouldValidate: false
-                });
-                if (global.bookingFromTime) setValue("bookingFromTime", global.bookingFromTime, {
-                  shouldValidate: false
-                });
-                if (global.bookingToTime) setValue("bookingToTime", global.bookingToTime, {
-                  shouldValidate: false
-                });
-                setGlobalScheduleEnabled(true);
-                applyGlobalToAll();
-              }
-            }
-          } else {
-            setMdmsCards([]);
-            setAdsList([]);
-            setAdsScheduleMap({});
-          }
-          const locObj = findLocationByCode(val.code);
-          const normalized = normalizeLocationToGeo(locObj);
-          if (normalized) {
-            setValue("geoLocation", normalized, {
-              shouldValidate: true,
-              shouldDirty: true
-            });
-            setPlaceNameState(normalized.formattedAddress);
-            if (!watch("cartAddress")) setValue("cartAddress", normalized.formattedAddress);
-          } else {
-            setValue("geoLocation", null, {
-              shouldValidate: false
-            });
-            setPlaceNameState("");
-          }
+    }, /*#__PURE__*/React.createElement(Table, {
+      t: t,
+      data: item.slots,
+      columns: makeColumns(item.ad),
+      disableSort: true,
+      isPaginationRequired: false,
+      getCellProps: cell => ({
+        style: {
+          padding: "12px 14px",
+          fontSize: "14px",
+          borderBottom: "1px solid #f0f0f0",
+          textAlign: "left",
+          whiteSpace: "nowrap"
         }
-      });
+      })
+    })));
+  }))));
+};
+
+const AdCard = ({
+  ad,
+  idx,
+  control,
+  watch,
+  t,
+  onViewAvailability: _onViewAvailability = () => {},
+  cartSlots: _cartSlots = [],
+  openCart
+}) => {
+  const todayISO = new Date().toISOString().split("T")[0];
+  const startDateVal = watch(`ads.${idx}.startDate`) || "";
+  const isAdded = _cartSlots.some(item => item.ad.id === ad.id && item.slots.length > 0);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 280,
+      borderRadius: 8,
+      padding: 9,
+      background: "#fff",
+      boxShadow: "0 4px 10px rgba(0,0,0,0.08)",
+      display: "flex",
+      flexDirection: "column",
+      gap: 8
     }
-  }), (errors === null || errors === void 0 ? void 0 : errors.siteId) && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
-      color: "red",
-      marginTop: "-18px"
+      width: "100%",
+      height: 120,
+      borderRadius: 8,
+      overflow: "hidden",
+      background: "#f5f5f5"
+    }
+  }, ad.imageSrc || ad.photoURL ? /*#__PURE__*/React.createElement("img", {
+    src: ad.imageSrc || ad.photoURL,
+    alt: ad.name || `Ad ${ad.id}`,
+    loading: "lazy",
+    style: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
     }
-  }, errors === null || errors === void 0 ? void 0 : errors.siteId.message), (errors === null || errors === void 0 ? void 0 : errors.siteSelection) && /*#__PURE__*/React.createElement("p", {
+  }) : /*#__PURE__*/React.createElement("div", {
     style: {
-      color: "red",
-      marginTop: "-18px"
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: "#aaa"
     }
-  }, errors === null || errors === void 0 ? void 0 : (_errors$siteSelection = errors.siteSelection) === null || _errors$siteSelection === void 0 ? void 0 : _errors$siteSelection.message), /*#__PURE__*/React.createElement("div", {
+  }, t("ADS_NO_IMAGE"))), /*#__PURE__*/React.createElement("div", {
     style: {
-      margin: "12px 0",
-      padding: 8,
-      border: "1px solid #eee",
-      borderRadius: 6
+      display: "flex",
+      flexDirection: "column",
+      gap: 6,
+      fontSize: 13,
+      color: "#444"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
-      alignItems: "center",
-      gap: 12,
-      marginBottom: 8
+      justifyContent: "space-between",
+      fontWeight: 600
     }
-  }, /*#__PURE__*/React.createElement("label", {
+  }, /*#__PURE__*/React.createElement("span", null, ad.name), /*#__PURE__*/React.createElement("span", {
     style: {
-      fontWeight: 600,
-      marginRight: 8
+      color: "#222"
     }
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    checked: globalScheduleEnabled,
-    onChange: e => setGlobalSchedule(e.target.checked)
-  }), " ", t ? t("USE_SAME_BOOKING_DATETIME_FOR_ALL_ADS") : "Use same booking date/time for all ads"), globalScheduleEnabled && /*#__PURE__*/React.createElement("div", {
+  }, "\u20B9", ad.amount)), /*#__PURE__*/React.createElement("div", {
     style: {
-      color: "#666",
-      fontSize: 12
+      display: "flex",
+      justifyContent: "space-between"
     }
-  }, "Global schedule applied \u2014 individual times disabled")), /*#__PURE__*/React.createElement(CardLabel, null, "Global Start Date & Time"), /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: "startDate",
-    rules: {
-      required: globalScheduleEnabled ? "This field is required" : false
-    },
-    render: props => {
-      const timeVal = watch("bookingFromTime") || nowHM;
-      const datetimeVal = props.value ? `${props.value}T${timeVal}` : "";
-      const placeholderVal = formatDisplay("");
-      return /*#__PURE__*/React.createElement("input", {
-        type: "datetime-local",
-        min: `${tomorrowStr}T00:00`,
-        value: datetimeVal,
-        placeholder: placeholderVal,
-        onChange: e => {
-          const v = e.target.value;
-          if (!v) {
-            props.onChange("");
-            setValue("bookingFromTime", "");
-            return;
-          }
-          const [datePart, timePart] = v.split("T");
-          props.onChange(datePart);
-          setValue("bookingFromTime", timePart);
-          if (globalScheduleEnabled) applyGlobalToAll();
-        },
-        onBlur: e => props.onBlur(e)
-      });
+  }, /*#__PURE__*/React.createElement("span", null, ad.locationCode), /*#__PURE__*/React.createElement("span", null, "Pole ", ad.poleNo)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between"
     }
-  }), errors.startDate && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React.createElement("span", null, ad.adType), /*#__PURE__*/React.createElement("span", {
     style: {
-      color: "red"
+      color: "red",
+      fontWeight: 500
     }
-  }, errors.startDate.message), /*#__PURE__*/React.createElement(CardLabel, null, "Global End Date & Time"), /*#__PURE__*/React.createElement(Controller, {
-    control: control,
-    name: "endDate",
-    rules: {
-      required: globalScheduleEnabled ? "This field is required" : false
-    },
-    render: props => {
-      const timeVal = watch("bookingToTime") || nowHM;
-      const minDate = watch("startDate") || tomorrowStr;
-      const datetimeVal = props.value ? `${props.value}T${timeVal}` : "";
-      const placeholderVal = formatDisplay("");
-      return /*#__PURE__*/React.createElement("input", {
-        type: "datetime-local",
-        min: `${minDate}T00:00`,
-        value: datetimeVal,
-        placeholder: placeholderVal,
-        onChange: e => {
-          const v = e.target.value;
-          if (!v) {
-            props.onChange("");
-            setValue("bookingToTime", "");
-            return;
-          }
-          const [datePart, timePart] = v.split("T");
-          props.onChange(datePart);
-          setValue("bookingToTime", timePart);
-          if (globalScheduleEnabled) applyGlobalToAll();
-        },
-        onBlur: e => props.onBlur(e)
-      });
+  }, ad.light))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: 12,
+      color: "#666",
+      marginTop: 6
     }
-  }), errors.endDate && /*#__PURE__*/React.createElement("p", {
+  }, t("ADS_START_DATE_TIME")), /*#__PURE__*/React.createElement("div", {
     style: {
-      color: "red"
+      display: "flex",
+      gap: 8
     }
-  }, errors.endDate.message), /*#__PURE__*/React.createElement(Controller, {
+  }, /*#__PURE__*/React.createElement(Controller, {
     control: control,
-    name: "bookingFromTime",
-    rules: {
-      required: globalScheduleEnabled ? "Start time is required" : false
-    },
+    name: `ads.${idx}.startDate`,
     render: props => /*#__PURE__*/React.createElement("input", {
-      type: "hidden",
+      type: "date",
+      min: todayISO,
       value: props.value || "",
       onChange: e => props.onChange(e.target.value),
-      onBlur: props.onBlur
+      style: {
+        flex: 1,
+        padding: "6px 8px",
+        fontSize: 13,
+        borderRadius: 6,
+        border: "1px solid #ccc"
+      }
     })
   }), /*#__PURE__*/React.createElement(Controller, {
     control: control,
-    name: "bookingToTime",
-    rules: {
-      required: globalScheduleEnabled ? "End time is required" : false,
-      validate: toTime => {
-        if (!globalScheduleEnabled) return true;
-        const fromDate = getValues("startDate") || "";
-        const toDate = getValues("endDate") || "";
-        const fromTime = getValues("bookingFromTime") || "";
-        const bookingFrom = fromDate && fromTime ? `${fromDate}T${fromTime}` : "";
-        const bookingTo = toDate && toTime ? `${toDate}T${toTime}` : "";
-        const err = validateScheduleForAdd(bookingFrom, bookingTo);
-        return err ? err : true;
-      }
-    },
+    name: `ads.${idx}.startTime`,
     render: props => /*#__PURE__*/React.createElement("input", {
-      type: "hidden",
+      type: "time",
       value: props.value || "",
       onChange: e => props.onChange(e.target.value),
-      onBlur: e => {
-        props.onBlur(e);
-        if (globalScheduleEnabled) trigger("bookingToTime");
+      style: {
+        width: 110,
+        padding: "6px 8px",
+        fontSize: 13,
+        borderRadius: 6,
+        border: "1px solid #ccc"
       }
     })
-  })), adsForLocation.length > 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      margin: "12px 0"
-    }
-  }, errors.bookingToTime && /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "red"
-    }
-  }, errors.bookingToTime.message), errors.scheduleValidation && /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "red",
-      marginTop: "4px"
-    }
-  }, errors.scheduleValidation.message), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     style: {
-      fontWeight: 600,
-      marginBottom: 8
+      fontSize: 12,
+      color: "#666",
+      marginTop: 6
     }
-  }, t ? t("ADS_IN_SELECTED_LOCATION") : "Advertisements in selected location"), /*#__PURE__*/React.createElement("div", {
+  }, t("ADS_END_DATE_TIME")), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
-      flexWrap: "wrap",
-      gap: 12
+      gap: 8
     }
-  }, adsForLocation.slice(0, visibleCount).map((ad, idx) => {
-    var _adsScheduleMap$ad$id, _adsScheduleMap$ad$id2, _adsScheduleMap$ad$id3, _adsScheduleMap$ad$id4, _adsScheduleMap$ad$id5, _mdmsCards$find, _mdmsCards$find$sched, _mdmsCards$find2;
-    return /*#__PURE__*/React.createElement("div", {
-      key: idx,
-      style: {
-        width: 280,
-        border: "1px solid #eee",
-        borderRadius: 8,
-        padding: 8,
-        boxShadow: "0 1px 3px rgba(0,0,0,0.04)",
-        background: "#fff",
-        display: "flex",
-        flexDirection: "column",
-        gap: 8
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "100%",
-        display: "flex",
-        justifyContent: "center"
-      }
-    }, ad.imageSrc ? /*#__PURE__*/React.createElement("img", {
-      src: ad.imageSrc,
-      alt: ad.name,
-      loading: "lazy",
-      style: {
-        width: "100%",
-        height: 140,
-        objectFit: "cover",
-        borderRadius: 6
-      }
-    }) : /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "100%",
-        height: 140,
-        background: "#f5f5f5",
-        borderRadius: 6
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        paddingTop: 4
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontSize: 14,
-        fontWeight: 700,
-        lineHeight: "1.1"
-      }
-    }, ad.name || `Ad ${ad.id}`), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginTop: 6,
-        fontSize: 12,
-        color: "#666",
-        display: "grid",
-        gridTemplateColumns: "auto 1fr",
-        gap: "4px 8px"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 600
-      }
-    }, "ID:"), /*#__PURE__*/React.createElement("div", null, ad.id), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 600
-      }
-    }, "Pole No:"), /*#__PURE__*/React.createElement("div", null, ad.poleNo), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 600
-      }
-    }, "Type:"), /*#__PURE__*/React.createElement("div", null, ad.adType), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 600
-      }
-    }, "Size:"), /*#__PURE__*/React.createElement("div", null, ad.width, " x ", ad.height), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 600
-      }
-    }, "Amount:"), /*#__PURE__*/React.createElement("div", null, "\u20B9", ad.amount), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontWeight: 600
-      }
-    }, "Available:"), /*#__PURE__*/React.createElement("div", null, String(ad.available)))), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 6
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontSize: 11,
-        color: "#666"
-      }
-    }, "Start"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        gap: 6
-      }
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "date",
-      min: tomorrowStr,
-      value: ((_adsScheduleMap$ad$id = adsScheduleMap[ad.id]) === null || _adsScheduleMap$ad$id === void 0 ? void 0 : _adsScheduleMap$ad$id.startDate) || (globalScheduleEnabled ? getValues("startDate") || "" : ""),
-      onChange: e => {
-        if (globalScheduleEnabled) return;
-        const newStart = e.target.value;
-        const prevEntry = adsScheduleMap[ad.id] || {};
-        const prevEndDate = prevEntry.endDate;
-        const adjustedEndDate = prevEndDate && prevEndDate < newStart ? newStart : prevEndDate;
-        const newEntry = {
-          ...(prevEntry || {}),
-          startDate: newStart,
-          endDate: adjustedEndDate
-        };
-        setAdsScheduleMap(prev => ({
-          ...prev,
-          [ad.id]: newEntry
-        }));
-        validateAdSchedule(ad.id, newEntry);
-      },
-      disabled: globalScheduleEnabled,
-      style: {
-        flex: 1,
-        padding: "6px 8px",
-        fontSize: 12,
-        borderRadius: 4,
-        border: "1px solid #ddd"
-      }
-    }), /*#__PURE__*/React.createElement("input", {
-      type: "time",
-      value: ((_adsScheduleMap$ad$id2 = adsScheduleMap[ad.id]) === null || _adsScheduleMap$ad$id2 === void 0 ? void 0 : _adsScheduleMap$ad$id2.startTime) || (globalScheduleEnabled ? getValues("bookingFromTime") || "" : ""),
-      onChange: e => {
-        if (globalScheduleEnabled) return;
-        const newStartTime = e.target.value;
-        const prevEntry = adsScheduleMap[ad.id] || {};
-        const newEntry = {
-          ...(prevEntry || {}),
-          startTime: newStartTime
-        };
-        setAdsScheduleMap(prev => ({
-          ...prev,
-          [ad.id]: newEntry
-        }));
-        validateAdSchedule(ad.id, newEntry);
-      },
-      disabled: globalScheduleEnabled,
-      style: {
-        width: 100,
-        padding: "6px 8px",
-        fontSize: 12,
-        borderRadius: 4,
-        border: "1px solid #ddd"
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: 8
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontSize: 11,
-        color: "#666"
-      }
-    }, "End"), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        gap: 6
-      }
-    }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: `ads.${idx}.endDate`,
+    render: props => /*#__PURE__*/React.createElement("input", {
       type: "date",
-      min: globalScheduleEnabled ? getValues("startDate") || tomorrowStr : ((_adsScheduleMap$ad$id3 = adsScheduleMap[ad.id]) === null || _adsScheduleMap$ad$id3 === void 0 ? void 0 : _adsScheduleMap$ad$id3.startDate) || tomorrowStr,
-      value: ((_adsScheduleMap$ad$id4 = adsScheduleMap[ad.id]) === null || _adsScheduleMap$ad$id4 === void 0 ? void 0 : _adsScheduleMap$ad$id4.endDate) || (globalScheduleEnabled ? getValues("endDate") || "" : ""),
-      onChange: e => {
-        if (globalScheduleEnabled) return;
-        const newEnd = e.target.value;
-        const prevEntry = adsScheduleMap[ad.id] || {};
-        const safeEnd = prevEntry.startDate && newEnd < prevEntry.startDate ? prevEntry.startDate : newEnd;
-        const newEntry = {
-          ...(prevEntry || {}),
-          endDate: safeEnd
-        };
-        setAdsScheduleMap(prev => ({
-          ...prev,
-          [ad.id]: newEntry
-        }));
-        validateAdSchedule(ad.id, newEntry);
-      },
-      disabled: globalScheduleEnabled,
+      min: startDateVal || todayISO,
+      value: props.value || "",
+      onChange: e => props.onChange(e.target.value),
       style: {
         flex: 1,
         padding: "6px 8px",
-        fontSize: 12,
-        borderRadius: 4,
-        border: "1px solid #ddd"
+        fontSize: 13,
+        borderRadius: 6,
+        border: "1px solid #ccc"
       }
-    }), /*#__PURE__*/React.createElement("input", {
+    })
+  }), /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: `ads.${idx}.endTime`,
+    render: props => /*#__PURE__*/React.createElement("input", {
       type: "time",
-      value: ((_adsScheduleMap$ad$id5 = adsScheduleMap[ad.id]) === null || _adsScheduleMap$ad$id5 === void 0 ? void 0 : _adsScheduleMap$ad$id5.endTime) || (globalScheduleEnabled ? getValues("bookingToTime") || "" : ""),
-      onChange: e => {
-        if (globalScheduleEnabled) return;
-        const newEndTime = e.target.value;
-        const prevEntry = adsScheduleMap[ad.id] || {};
-        const newEntry = {
-          ...(prevEntry || {}),
-          endTime: newEndTime
-        };
-        setAdsScheduleMap(prev => ({
-          ...prev,
-          [ad.id]: newEntry
-        }));
-        validateAdSchedule(ad.id, newEntry);
-      },
-      disabled: globalScheduleEnabled,
+      value: props.value || "",
+      onChange: e => props.onChange(e.target.value),
       style: {
-        width: 100,
+        width: 110,
         padding: "6px 8px",
-        fontSize: 12,
-        borderRadius: 4,
-        border: "1px solid #ddd"
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        fontSize: 11,
-        color: "#666",
-        marginTop: 4
+        fontSize: 13,
+        borderRadius: 6,
+        border: "1px solid #ccc"
       }
-    }, "Hint: pick date & time (min: tomorrow)"), adsScheduleErrors[ad.id] && /*#__PURE__*/React.createElement("div", {
-      style: {
-        color: "red",
-        fontSize: 12,
-        marginTop: 6
+    })
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: 8,
+      marginTop: 6
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: () => _onViewAvailability(ad, {
+      startDate: watch(`ads.${idx}.startDate`),
+      endDate: watch(`ads.${idx}.endDate`),
+      startTime: watch(`ads.${idx}.startTime`),
+      endTime: watch(`ads.${idx}.endTime`)
+    }),
+    style: {
+      flex: 1,
+      padding: "6px 12px",
+      borderRadius: 6,
+      background: "#2947a3",
+      color: "#fff",
+      border: "none",
+      cursor: "pointer",
+      fontSize: 14
+    }
+  }, t("ADS_VIEW_AVAILABIITY"), "\uD83D\uDC41\uFE0F"), isAdded && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: openCart,
+    style: {
+      width: 110,
+      padding: "6px 12px",
+      borderRadius: 6,
+      background: "#28a745",
+      color: "#fff",
+      fontSize: 14,
+      fontWeight: 600,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      cursor: "pointer"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "black"
+    }
+  }, "\uD83D\uDED2"), t("ADS_IN_CART"))));
+};
+
+const ADSCitizenSecond = ({
+  onGoBack,
+  goNext,
+  currentStepData,
+  t
+}) => {
+  var _window$location, _window$location$href;
+  const stateId = Digit.ULBService.getStateId();
+  const isCitizen = typeof window !== "undefined" && ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : (_window$location$href = _window$location.href) === null || _window$location$href === void 0 ? void 0 : _window$location$href.includes("citizen"));
+  const tenantId = isCitizen ? window.localStorage.getItem("CITIZEN.CITY") : window.localStorage.getItem("Employee.tenant-id");
+  const [adsForLocation, setAdsForLocation] = useState([]);
+  const [showToast, setShowToast] = useState(null);
+  const [visibleCount, setVisibleCount] = useState(6);
+  const [showModal, setShowModal] = useState(false);
+  const [showCart, setShowCart] = useState(false);
+  const [selectedAd, setSelectedAd] = useState(null);
+  const [dateRange, setDateRange] = useState({
+    startDate: "",
+    endDate: ""
+  });
+  const {
+    data: mdmsAds = []
+  } = Digit.Hooks.ads.useADSAllMDMS(stateId);
+  const {
+    data: location = []
+  } = Digit.Hooks.ads.useADSLocationMDMS(stateId);
+  const [cartSlots, setCartSlots] = useState([]);
+  const dispatch = useDispatch();
+  const {
+    control,
+    handleSubmit,
+    setValue,
+    watch,
+    formState: {
+      errors
+    }
+  } = useForm({
+    defaultValues: {
+      siteId: null,
+      geoLocation: null,
+      ads: []
+    }
+  });
+  const locationOptions = useMemo(() => {
+    if (!mdmsAds || !location) return [];
+    const locationMap = new Map();
+    location.forEach(loc => {
+      if (loc !== null && loc !== void 0 && loc.code) {
+        locationMap.set(loc.code, loc);
       }
-    }, adsScheduleErrors[ad.id])), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        marginTop: 6
+    });
+    const uniqueCodes = new Set(mdmsAds.map(a => a.locationCode).filter(Boolean));
+    return Array.from(uniqueCodes).map(code => locationMap.get(code)).filter(Boolean);
+  }, [mdmsAds, location]);
+  useEffect(() => {
+    setVisibleCount(6);
+  }, [adsForLocation.length]);
+  const filterAds = selected => {
+    var _locObj$geo_tag, _locObj$geo_tag2;
+    const filtered = mdmsAds.filter(ad => String(ad.locationCode) === String(selected.code));
+    setAdsForLocation(filtered);
+    setValue("ads", []);
+    const locObj = Array.isArray(location) && location.find(l => String(l.code) === String(selected.code)) || null;
+    if (locObj !== null && locObj !== void 0 && (_locObj$geo_tag = locObj.geo_tag) !== null && _locObj$geo_tag !== void 0 && _locObj$geo_tag.latitude && locObj !== null && locObj !== void 0 && (_locObj$geo_tag2 = locObj.geo_tag) !== null && _locObj$geo_tag2 !== void 0 && _locObj$geo_tag2.longitude) {
+      setValue("geoLocation", {
+        formattedAddress: locObj.name || selected.code,
+        latitude: locObj.geo_tag.latitude,
+        longitude: locObj.geo_tag.longitude,
+        lat: locObj.geo_tag.latitude,
+        lng: locObj.geo_tag.longitude,
+        placeId: locObj.locationCode
+      });
+    }
+  };
+  const validateSchedule = ({
+    startDate,
+    startTime,
+    endDate,
+    endTime
+  }) => {
+    if (!startDate || !startTime || !endDate || !endTime) {
+      return "Start and end date/time are required.";
+    }
+    const now = new Date();
+    const s = new Date(`${startDate}T${startTime}`);
+    const e = new Date(`${endDate}T${endTime}`);
+    if (s < now) {
+      return "Start date/time cannot be in the past.";
+    }
+    if (e <= s) {
+      return "End date/time must be later than start date/time.";
+    }
+    return null;
+  };
+  const showMore = () => setVisibleCount(v => v + 6);
+  const areCartSlotsEqual = (a = [], b = []) => {
+    if (a.length !== b.length) return false;
+    const sortByAd = arr => [...arr].sort((x, y) => String(x.ad.id).localeCompare(String(y.ad.id)));
+    const sortedA = sortByAd(a);
+    const sortedB = sortByAd(b);
+    return sortedA.every((item, idx) => {
+      const other = sortedB[idx];
+      if (String(item.ad.id) !== String(other.ad.id)) return false;
+      const slotsA = item.slots.map(s => s.bookingDate).sort();
+      const slotsB = other.slots.map(s => s.bookingDate).sort();
+      if (slotsA.length !== slotsB.length) return false;
+      return slotsA.every((date, i) => date === slotsB[i]);
+    });
+  };
+  const onSubmit = async data => {
+    var _currentStepData$ads;
+    if (cartSlots.length === 0) {
+      setShowToast({
+        label: t("ADS_ONE_AD_ATLEAST"),
+        error: true
+      });
+      return;
+    }
+    if ((currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$ads = currentStepData.ads) === null || _currentStepData$ads === void 0 ? void 0 : _currentStepData$ads.length) > 0) {
+      const unchanged = areCartSlotsEqual(cartSlots, currentStepData.ads);
+      if (unchanged) {
+        goNext(cartSlots);
+        return;
       }
-    }, /*#__PURE__*/React.createElement("div", null, mdmsCards.find(p => String(p.mdmsId) === String(ad.id)) ? /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: () => setMdmsCards(prev => prev.filter(p => String(p.mdmsId) !== String(ad.id))),
-      style: {
-        padding: "6px 10px",
-        borderRadius: 6,
-        border: "1px solid #d0d0d0",
-        background: "#fff",
-        cursor: "pointer"
+    }
+    const enrichedSlots = (cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.flatMap(item => item.slots.map(slot => ({
+      ...slot,
+      isTimerRequired: true
+    })))) ?? [];
+    const payload = {
+      advertisementSlotSearchCriteria: enrichedSlots
+    };
+    try {
+      const response = await Digit.ADSServices.slot_search(payload, tenantId);
+      if (response) {
+        const expiry = Date.now() + 30 * 60 * 1000;
+        dispatch(UPDATE_ADSNewApplication_FORM("reservationExpiry", expiry));
+        goNext(cartSlots);
+      } else {
+        setShowToast({
+          label: t("COMMON_SOMETHING_WENT_WRONG_LABEL"),
+          error: true
+        });
       }
-    }, t ? t("Remove") : "Remove") : /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      onClick: () => {
-        const effective = globalScheduleEnabled ? {
-          startDate: getValues("startDate") || "",
-          startTime: getValues("bookingFromTime") || "",
-          endDate: getValues("endDate") || "",
-          endTime: getValues("bookingToTime") || ""
-        } : adsScheduleMap[ad.id] || {};
-        const start = effective.startDate && effective.startTime ? `${effective.startDate}T${effective.startTime}` : "";
-        const end = effective.endDate && effective.endTime ? `${effective.endDate}T${effective.endTime}` : "";
-        if (!start || !end) {
-          setError("scheduleValidation", {
-            type: "manual",
-            message: "Please fill both start and end date & time before adding."
-          });
-          return false;
-        }
-        if (typeof tomorrowStr !== "undefined" && (effective.startDate < tomorrowStr || effective.endDate < tomorrowStr)) {
-          setError("scheduleValidation", {
-            type: "manual",
-            message: `Dates must be from ${tomorrowStr} or later.`
-          });
-          return false;
-        }
-        const startDt = new Date(start);
-        const endDt = new Date(end);
-        if (endDt <= startDt) {
-          setShowToast({
-            key: true,
-            label: "End date/time must be after start date/time."
-          });
-          return;
-        }
-        if (adsScheduleErrors[ad.id]) {
+    } catch (error) {
+      setShowToast({
+        label: t("COMMON_SOMETHING_WENT_WRONG_LABEL"),
+        error: true
+      });
+    }
+  };
+  useEffect(() => {
+    const seeded = adsForLocation.map(() => ({
+      startDate: "",
+      startTime: "",
+      endDate: "",
+      endTime: ""
+    }));
+    setValue("ads", seeded, {
+      shouldValidate: false,
+      shouldDirty: false
+    });
+  }, [adsForLocation, setValue]);
+  useEffect(() => {
+    if (showToast) {
+      const timer = setTimeout(() => setShowToast(null), 2000);
+      return () => clearTimeout(timer);
+    }
+  }, [showToast]);
+  const handleViewAvailability = (ad, {
+    startDate,
+    endDate,
+    startTime,
+    endTime
+  }) => {
+    const err = validateSchedule({
+      startDate,
+      endDate,
+      startTime,
+      endTime
+    });
+    if (err) {
+      setShowToast({
+        label: err,
+        error: true
+      });
+      return;
+    }
+    const locationName = location.find(loc => loc.code === (ad === null || ad === void 0 ? void 0 : ad.locationCode));
+    setSelectedAd({
+      ...ad,
+      locationName,
+      startDate,
+      endDate
+    });
+    setDateRange({
+      startDate,
+      endDate,
+      startTime,
+      endTime
+    });
+    setShowModal(true);
+  };
+  const handleAddToCart = (slots, ad) => {
+    setCartSlots(prev => {
+      const existing = prev.find(item => item.ad.id === ad.id);
+      let updated;
+      if (existing) {
+        let updatedSlots = existing.slots;
+        slots.forEach(slot => {
+          if (slot._remove) {
+            updatedSlots = updatedSlots.filter(s => s.bookingDate !== slot.bookingDate);
+            setShowToast({
+              label: `Removed slot ${slot.bookingDate} from ${ad.name}`,
+              error: true
+            });
+          } else if (!updatedSlots.some(s => s.bookingDate === slot.bookingDate)) {
+            const enrichedSlot = {
+              ...slot,
+              bookingStartDate: slot === null || slot === void 0 ? void 0 : slot.bookingDate,
+              bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate,
+              bookingFromTime: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startTime,
+              bookingToTime: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endTime
+            };
+            updatedSlots = [...updatedSlots, enrichedSlot];
+            setShowToast({
+              label: `Added slot ${slot.bookingDate} to ${ad.name}`,
+              error: false
+            });
+          }
+        });
+        updated = prev.map(item => item.ad.id === ad.id ? {
+          ...item,
+          slots: updatedSlots
+        } : item);
+      } else {
+        const addSlots = slots.filter(s => !s._remove).map(s => ({
+          ...s,
+          bookingStartDate: s === null || s === void 0 ? void 0 : s.bookingDate,
+          bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate,
+          bookingFromTime: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startTime,
+          bookingToTime: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endTime
+        }));
+        if (addSlots.length > 0) {
           setShowToast({
-            key: true,
-            label: adsScheduleErrors[ad.id]
+            label: `Added ${addSlots.length} slot(s) to ${ad.name}`,
+            error: false
           });
-          return;
+          updated = [...prev, {
+            ad,
+            slots: addSlots
+          }];
+        } else {
+          updated = prev;
         }
-        clearErrors("scheduleValidation");
-        const locForAd = findLocationByCode ? findLocationByCode(ad.locationCode) : null;
-        const normalizedGeoForAd = typeof normalizeLocationToGeo === "function" && locForAd ? normalizeLocationToGeo(locForAd) : ad.locationCode;
-        const card = {
-          mdmsId: ad.id,
-          poleNo: ad.poleNo,
-          name: ad.name,
-          adType: ad.adType,
-          width: ad.width,
-          height: ad.height,
-          amount: ad.amount,
-          light: ad === null || ad === void 0 ? void 0 : ad.light,
-          available: ad.available,
-          locationCode: ad.locationCode,
-          geoLocation: normalizedGeoForAd,
-          schedules: [{
-            startDatetime: start,
-            endDatetime: end
-          }],
-          addedByUser: true
-        };
-        setMdmsCards(prev => [...prev, card]);
-      },
-      disabled: !!adsScheduleErrors[ad.id],
-      style: {
-        padding: "6px 10px",
-        borderRadius: 6,
-        border: "none",
-        background: !!adsScheduleErrors[ad.id] ? "#ccc" : "#0b74de",
-        color: "#fff",
-        cursor: !!adsScheduleErrors[ad.id] ? "not-allowed" : "pointer"
-      }
-    }, t ? t("Add") : "Add")), /*#__PURE__*/React.createElement("div", null, mdmsCards.find(p => String(p.mdmsId) === String(ad.id)) && /*#__PURE__*/React.createElement("span", {
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        gap: 6,
-        color: "green",
-        fontWeight: 700
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: 14
       }
-    }, "\u2714"), /*#__PURE__*/React.createElement("span", null, t ? t("Added") : "Added")))), ((_mdmsCards$find = mdmsCards.find(p => String(p.mdmsId) === String(ad.id))) === null || _mdmsCards$find === void 0 ? void 0 : (_mdmsCards$find$sched = _mdmsCards$find.schedules) === null || _mdmsCards$find$sched === void 0 ? void 0 : _mdmsCards$find$sched.length) > 0 && /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginTop: 8,
-        fontSize: 12,
-        color: "#333"
+      return updated;
+    });
+  };
+  const handleRemoveFromCart = (ad, slotToRemove) => {
+    setCartSlots(prev => prev.map(item => item.ad.id === ad.id ? {
+      ...item,
+      slots: item.slots.filter(s => s.bookingDate !== slotToRemove.bookingDate)
+    } : item).filter(item => item.slots.length > 0));
+    setShowToast({
+      label: `Removed slot ${slotToRemove.bookingDate} from ${ad.name}`,
+      error: true
+    });
+  };
+  useEffect(() => {
+    var _currentStepData$ads2;
+    if ((currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$ads2 = currentStepData.ads) === null || _currentStepData$ads2 === void 0 ? void 0 : _currentStepData$ads2.length) > 0) {
+      var _currentStepData$ads$, _currentStepData$ads$2, _matchedOption$geo_ta, _matchedOption$geo_ta2;
+      setCartSlots(currentStepData.ads);
+      const locationCode = (_currentStepData$ads$ = currentStepData.ads[0]) === null || _currentStepData$ads$ === void 0 ? void 0 : (_currentStepData$ads$2 = _currentStepData$ads$.ad) === null || _currentStepData$ads$2 === void 0 ? void 0 : _currentStepData$ads$2.locationCode;
+      const matchedOption = locationOptions.find(opt => opt.code === locationCode);
+      if (matchedOption) {
+        setValue("siteId", matchedOption);
+        filterAds(matchedOption);
+      }
+      if (matchedOption !== null && matchedOption !== void 0 && (_matchedOption$geo_ta = matchedOption.geo_tag) !== null && _matchedOption$geo_ta !== void 0 && _matchedOption$geo_ta.latitude && matchedOption !== null && matchedOption !== void 0 && (_matchedOption$geo_ta2 = matchedOption.geo_tag) !== null && _matchedOption$geo_ta2 !== void 0 && _matchedOption$geo_ta2.longitude) {
+        setValue("geoLocation", {
+          formattedAddress: matchedOption.name,
+          latitude: matchedOption.geo_tag.latitude,
+          longitude: matchedOption.geo_tag.longitude,
+          lat: matchedOption.geo_tag.latitude,
+          lng: matchedOption.geo_tag.longitude,
+          placeId: matchedOption.code
+        });
       }
-    }, (((_mdmsCards$find2 = mdmsCards.find(p => String(p.mdmsId) === String(ad.id))) === null || _mdmsCards$find2 === void 0 ? void 0 : _mdmsCards$find2.schedules) || []).map((s, si) => /*#__PURE__*/React.createElement("div", {
-      key: si,
-      style: {
-        color: "#666"
+    }
+  }, [currentStepData, locationOptions]);
+  const errorStyle = {
+    marginTop: "-18px",
+    color: "red"
+  };
+  const mandatoryStyle = {
+    color: "red"
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "end"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    style: {
+      marginLeft: "12px",
+      padding: "8px 16px",
+      background: "#2947a3",
+      color: "#fff",
+      border: "none",
+      borderRadius: "6px",
+      cursor: "pointer"
+    },
+    onClick: () => setShowCart(true)
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginRight: 6
+    }
+  }, "\uD83D\uDED2"), t("ADS_VIEW_CART"), " (", cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.length, ")")), /*#__PURE__*/React.createElement("form", {
+    onSubmit: handleSubmit(onSubmit)
+  }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("ADS_SITE_NAME_LABEL"), " ", /*#__PURE__*/React.createElement("span", {
+    style: mandatoryStyle
+  }, "*")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("style", null, `
+               .select-wrap{
+        width:100% !important;
+        }
+      .select {
+        border: 1px solid #b4b4b4 !important;
+        border-radius: 8px !important;
+        height: 2.9rem !important;
+      }
+      .select-active {
+        border: 1px solid #2947a3 !important;
+        border-radius: 8px !important;
+      }
+       
+    `), /*#__PURE__*/React.createElement(Controller, {
+    control: control,
+    name: "siteId",
+    rules: {
+      required: t("ADS_SITE_NAME_REQUIRED")
+    },
+    render: props => /*#__PURE__*/React.createElement(Dropdown, {
+      className: "form-field",
+      option: locationOptions,
+      optionKey: "name",
+      selected: props.value,
+      select: e => {
+        props.onChange(e);
+        filterAds(e);
       }
-    }, /*#__PURE__*/React.createElement("strong", null, si === 0 ? "Schedule" : `Schedule ${si + 1}`), ": ", formatDisplay(s.startDatetime), " \u2192", " ", formatDisplay(s.endDatetime)))));
+    })
+  }))), errors.siteId && /*#__PURE__*/React.createElement(CardLabelError$1, {
+    style: errorStyle
+  }, errors.siteId.message), (adsForLocation === null || adsForLocation === void 0 ? void 0 : adsForLocation.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: 12,
+      margin: "12px"
+    }
+  }, adsForLocation.slice(0, visibleCount).map((ad, idx) => {
+    return /*#__PURE__*/React.createElement(AdCard, {
+      key: ad.id ?? idx,
+      ad: ad,
+      idx: idx,
+      control: control,
+      watch: watch,
+      cartSlots: cartSlots,
+      onViewAvailability: handleViewAvailability,
+      openCart: () => setShowCart(true),
+      t: t
+    });
   })), visibleCount < adsForLocation.length && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 12,
       textAlign: "center"
     }
   }, /*#__PURE__*/React.createElement("button", {
-    onClick: showMore,
     type: "button",
+    onClick: showMore,
     style: {
       padding: "8px 12px",
       borderRadius: 6,
@@ -23581,43 +22892,34 @@ const ADSCitizenSecond = ({
       background: "#fff",
       cursor: "pointer"
     }
-  }, t ? t("Show more") : "Show more"))), /*#__PURE__*/React.createElement(CardLabel, null, "Geo Location ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(Controller, {
+  }, t("ADS_SHOW_MORE"))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, null, t("CS_COMPLAINT_DETAILS_GEO_LOCATION")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: "geoLocation",
-    rules: {
-      required: "This field is required",
-      validate: val => val && (val.latitude || val.lat) && (val.longitude || val.lng) || "Please pick a location"
-    },
     render: props => /*#__PURE__*/React.createElement(ADSAddressField, {
       value: props.value,
-      onChange: normalized => {
-        props.onChange(normalized);
-        setPlaceNameState((normalized === null || normalized === void 0 ? void 0 : normalized.formattedAddress) || "");
-      },
-      onBlur: props.onBlur,
+      onChange: props.onChange,
       t: t
     })
-  }), errors.geoLocation && /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "red",
-      marginTop: "-18px"
-    }
-  }, errors.geoLocation.message)), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  })), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: "Next",
     submit: "submit"
-  })), showToast && /*#__PURE__*/React.createElement(Toast, {
-    error: showToast.key,
-    label: t(showToast.label),
-    style: {
-      bottom: "0px"
-    },
-    onClose: () => {
-      setShowToast(null);
-    },
+  })), showModal && /*#__PURE__*/React.createElement(AvailabilityModal, {
+    ad: selectedAd,
+    tenantId: tenantId,
+    onClose: () => setShowModal(false),
+    onSelectSlot: handleAddToCart,
+    cartSlots: cartSlots,
+    t: t,
+    dateRange: dateRange
+  }), showCart && /*#__PURE__*/React.createElement(CartModal, {
+    cartSlots: cartSlots,
+    onClose: () => setShowCart(false),
+    onRemoveSlot: handleRemoveFromCart,
+    t: t
+  }), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: showToast.error,
+    label: t ? t(showToast.label) : showToast.label,
+    onClose: () => setShowToast(null),
     isDleteBtn: true
   })));
 };
@@ -23678,9 +22980,7 @@ const NewADSStepFormThree = ({
     return state.ads.ADSNewApplicationFormReducer.formData && state.ads.ADSNewApplicationFormReducer.formData[config === null || config === void 0 ? void 0 : config.key] ? state.ads.ADSNewApplicationFormReducer.formData[config === null || config === void 0 ? void 0 : config.key] : {};
   });
   function goNext(finaldata) {
-    console.log(`Data in step ${config.currStepNumber} is: \n`, finaldata);
     const missingFields = validation(finaldata);
-    console.log("missingFields", missingFields);
     if (missingFields.length > 0) {
       setError(`You haven't uploaded: ${missingFields[0].replace(".", "_").toUpperCase()}`);
       setShowToast(true);
@@ -23692,7 +22992,6 @@ const NewADSStepFormThree = ({
     onGoNext();
   }
   function validation(documents) {
-    console.log("documents", documents);
     if (!isLoading) {
       var _documents$documents;
       const ndcDocumentsType = mdmsData || [];
@@ -23707,15 +23006,20 @@ const NewADSStepFormThree = ({
     onBackClick(config.key, data);
   }
   const onFormValueChange = (setValue = true, data) => {
-    console.log("onFormValueChange data in AdministrativeDetails: ", data, "\n Bool: ", !lodash.isEqual(data, currentStepData));
     if (!lodash.isEqual(data, currentStepData)) {
-      dispatch(UPDATE_ADSNewApplication_FORM(config.key, data));
+      dispatch(UPDATE_ADSNewApplication_FORM(config === null || config === void 0 ? void 0 : config.key, data));
     }
   };
   const closeToast = () => {
     setShowToast(false);
     setError("");
   };
+  useEffect(() => {
+    if (showToast) {
+      const timer = setTimeout(() => setShowToast(null), 2000);
+      return () => clearTimeout(timer);
+    }
+  }, [showToast]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComposer, {
     defaultValues: currentStepData,
     config: config.currStepConfig,
@@ -23857,9 +23161,9 @@ const NewADSStepFormFour = ({
     currentStepData,
     isLoading
   } = useSelector(state => {
-    var _state$ads$ADSNewAppl, _state$ads$ADSNewAppl2, _state$ads$ADSNewAppl3;
+    var _state$ads, _state$ads$ADSNewAppl, _state$ads$ADSNewAppl2, _state$ads$ADSNewAppl3;
     return {
-      currentStepData: (_state$ads$ADSNewAppl = state.ads.ADSNewApplicationFormReducer) === null || _state$ads$ADSNewAppl === void 0 ? void 0 : _state$ads$ADSNewAppl.formData,
+      currentStepData: state === null || state === void 0 ? void 0 : (_state$ads = state.ads) === null || _state$ads === void 0 ? void 0 : (_state$ads$ADSNewAppl = _state$ads.ADSNewApplicationFormReducer) === null || _state$ads$ADSNewAppl === void 0 ? void 0 : _state$ads$ADSNewAppl.formData,
       isLoading: ((_state$ads$ADSNewAppl2 = state.ads.ADSNewApplicationFormReducer) === null || _state$ads$ADSNewAppl2 === void 0 ? void 0 : _state$ads$ADSNewAppl2.isLoading) || !((_state$ads$ADSNewAppl3 = state.ads.ADSNewApplicationFormReducer) !== null && _state$ads$ADSNewAppl3 !== void 0 && _state$ads$ADSNewAppl3.formData)
     };
   });
@@ -23868,7 +23172,7 @@ const NewADSStepFormFour = ({
       ...currentStepData,
       penalty: penaltyData
     };
-    dispatch(UPDATE_ADSNewApplication_FORM(config.key, updatedData));
+    dispatch(UPDATE_ADSNewApplication_FORM(config === null || config === void 0 ? void 0 : config.key, updatedData));
     onGoNext();
   };
   const goBack = penaltyData => {
@@ -23936,18 +23240,16 @@ function NewADSStepFormFive(props) {
     currentStepDataRef.current = currentStepData;
   }, [currentStepData]);
   const globalBookingNo = (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.bookingNo) || (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$Crea = currentStepData.CreatedResponse) === null || _currentStepData$Crea === void 0 ? void 0 : _currentStepData$Crea.bookingNo) || "";
-  console.log("globalBookingNo", globalBookingNo);
   const businessServicMINE = "advandhoarding-services";
   const workflowDetails = Digit.Hooks.useWorkflowDetails({
     tenantId,
     id: globalBookingNo,
     moduleCode: businessServicMINE
   });
-  console.log("live workflowDetails:", workflowDetails);
+  console.log("workflowDetails", workflowDetails);
   useEffect(() => {
     var _logged$info, _logged$info$roles;
     const wd = workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.data;
-    console.log("wd :>> ", wd);
     if (!wd) {
       setWfActions(prev => prev && prev.length ? [] : prev);
       return;
@@ -23976,24 +23278,21 @@ function NewADSStepFormFive(props) {
       if (!a.roles || a.roles.length === 0) return true;
       return userRolesNow.some(ur => a.roles.includes(ur));
     });
+    const submitOnly = filteredByRole.filter(a => a.action === "SUBMIT");
     setWfActions(prev => {
-      if (lodash.isEqual(prev, filteredByRole)) return prev;
-      console.log("wfActions from workflowDetails:", filteredByRole);
-      return filteredByRole;
+      if (lodash.isEqual(prev, submitOnly)) return prev;
+      return submitOnly;
     });
   }, [workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.applicationBusinessService, workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : (_workflowDetails$data3 = _workflowDetails$data2.processInstances) === null || _workflowDetails$data3 === void 0 ? void 0 : _workflowDetails$data3.length]);
   var ignoredInitialChangeRef = useRef(true);
   var lastDispatchedRef = useRef(null);
   var debounceTimerRef = useRef(null);
-  var goNext = useCallback(async function onSubmit(data = undefined) {
+  const goNext = useCallback(async function onSubmit(data = undefined) {
     var _data$Licenses, _wd$data, _wd$data$processInsta, _wd$data$processInsta2, _payloadState$Created, _payloadState$documen, _payloadState$documen2, _workflowDetails$data4;
     const wd = workflowDetails === null || workflowDetails === void 0 ? void 0 : workflowDetails.data;
-    console.log("goNext called with:", data);
     const payloadState = lodash.merge(lodash.cloneDeep(currentStepDataRef.current), data || {});
-    console.log("payloadState issss6666 :>> ", payloadState);
     const filtData = data !== null && data !== void 0 && data.action ? data : (data === null || data === void 0 ? void 0 : (_data$Licenses = data.Licenses) === null || _data$Licenses === void 0 ? void 0 : _data$Licenses[0]) || null;
     const matchingState = filtData.nextState || filtData.nextStateUuid || filtData.status || "";
-    console.log("filtData :>> ", filtData);
     const normalizedAssignee = normalizeAssignees((filtData === null || filtData === void 0 ? void 0 : filtData.assignee) || (filtData === null || filtData === void 0 ? void 0 : filtData.assignees) || (filtData === null || filtData === void 0 ? void 0 : filtData.assigneeUuid));
     if (!filtData || !filtData.action) {
       dispatch(UPDATE_ADSNewApplication_FORM("finalSubmission", payloadState));
@@ -24028,7 +23327,6 @@ function NewADSStepFormFive(props) {
     try {
       var _response$ResponseInf;
       const response = await Digit.ADSServices.update(requestBody, tenantId);
-      console.log("ADS Update response:", response);
       if ((response === null || response === void 0 ? void 0 : (_response$ResponseInf = response.ResponseInfo) === null || _response$ResponseInf === void 0 ? void 0 : _response$ResponseInf.status) === "SUCCESSFUL" || (response === null || response === void 0 ? void 0 : response.status) === "SUCCESSFUL") {
         var _Digit, _Digit$Store, _Digit$Store$getState, _Digit$Store$getState2, _Digit$Store$getState3, _Digit$Store$getState4, _currentStepDataRef$c, _currentStepDataRef$c2, _currentStepDataRef$c3, _currentStepDataRef$c4, _currentStepDataRef$c5;
         const prev = ((_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$Store = _Digit.Store) === null || _Digit$Store === void 0 ? void 0 : (_Digit$Store$getState = _Digit$Store.getState) === null || _Digit$Store$getState === void 0 ? void 0 : (_Digit$Store$getState2 = _Digit$Store$getState.call(_Digit$Store)) === null || _Digit$Store$getState2 === void 0 ? void 0 : (_Digit$Store$getState3 = _Digit$Store$getState2.ads) === null || _Digit$Store$getState3 === void 0 ? void 0 : (_Digit$Store$getState4 = _Digit$Store$getState3.ADSNewApplicationFormReducer) === null || _Digit$Store$getState4 === void 0 ? void 0 : _Digit$Store$getState4.formData) || currentStepDataRef.current || {};
@@ -24066,7 +23364,6 @@ function NewADSStepFormFive(props) {
     if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(function () {
       const cleanStep = lodash.omitBy(lodash.cloneDeep(data), v => v === undefined);
-      console.log("cleanStep keys", Object.keys(cleanStep));
       if ((config === null || config === void 0 ? void 0 : config.key) === "summary" && Object.keys(cleanStep).length === 1 && cleanStep.summary === "") {
         return;
       }
@@ -24086,7 +23383,6 @@ function NewADSStepFormFive(props) {
     setShowToast(false);
     setError("");
   };
-  console.log("defaultValues keys:", Object.keys(currentStepData || {}));
   const safeDefaults = React.useMemo(() => {
     const dv = currentStepData || {};
     return dv.summary === undefined ? {
@@ -24208,9 +23504,7 @@ const NewSiteMasterStepperForm = ({
   useEffect(() => {
     dispatch(RESET_ADS_NEW_APPLICATION_FORM());
   }, []);
-  const handleSubmit = dataGet => {
-    console.log("dataGet===", dataGet);
-  };
+  const handleSubmit = dataGet => {};
   return /*#__PURE__*/React.createElement("div", {
     className: "pageCard"
   }, /*#__PURE__*/React.createElement(CardHeader$1, {
@@ -24252,15 +23546,12 @@ const ADSSiteMaster = ({
 }) => {
   const stateId = Digit.ULBService.getStateId();
   const {
-    data: mdmsdata = [],
-    isLoading: isMdmsLoading
+    data: mdmsdata = []
   } = Digit.Hooks.ads.useADSAllMDMS(stateId);
-  console.log("mdmsdata is :>> ", mdmsdata);
   const now = new Date();
   now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
   const nowHM = now.toISOString().slice(11, 16);
   const isCitizen = window.location.href.includes("citizen");
-  console.log("isCitizen", isCitizen);
   const initialFormDefaults = {
     siteId: "",
     siteName: "",
@@ -24389,7 +23680,6 @@ const ADSSiteMaster = ({
         nextState: ""
       }
     };
-    console.log("formData", formData);
     dispatch(UPDATE_ADSNewApplication_FORM("applicantDetail", formData.applicantDetail));
     dispatch(UPDATE_ADSNewApplication_FORM("cartDetails", formData.cartDetails));
     dispatch(UPDATE_ADSNewApplication_FORM("cartAddress", data.cartAddress));
@@ -24402,21 +23692,15 @@ const ADSSiteMaster = ({
       draft: true,
       bookingApplication: formData
     };
-    console.log("ADS Create payload:", {
-      bookingApplication: formData
-    });
     try {
       var _response$ResponseInf;
       const payload = {
         bookingApplication: formData
       };
-      console.log("Sending payload:", JSON.stringify(payload, null, 2));
       const response = await Digit.ADSServices.create(payload, tenantId);
-      console.log("Received response:", JSON.stringify(response, null, 2));
       const status = response === null || response === void 0 ? void 0 : (_response$ResponseInf = response.ResponseInfo) === null || _response$ResponseInf === void 0 ? void 0 : _response$ResponseInf.status;
       const isSuccess = typeof status === "string" && status.toLowerCase() === "successful";
       if (isSuccess) {
-        console.log("ADS create successfull");
         const appData = Array.isArray(response === null || response === void 0 ? void 0 : response.bookingApplication) ? response.bookingApplication[0] : response === null || response === void 0 ? void 0 : response.bookingApplication;
         dispatch(UPDATE_ADSNewApplication_FORM("CreatedResponse", appData || response));
         setAdsList([]);
@@ -24451,10 +23735,8 @@ const ADSSiteMaster = ({
     }
   };
   useEffect(() => {
-    console.log("currentStepData", currentStepData);
     const formattedData = (currentStepData === null || currentStepData === void 0 ? void 0 : currentStepData.siteDetails) || currentStepData;
     if (formattedData) {
-      console.log("coming here", formattedData);
       Object.entries(formattedData).forEach(([key, value]) => {
         setValue(key, value);
       });
@@ -24983,9 +24265,7 @@ const NewSiteInspectionStepperFormOne = ({
   useEffect(() => {
     dispatch(RESET_ADS_NEW_APPLICATION_FORM());
   }, []);
-  const handleSubmit = dataGet => {
-    console.log("dataGet===", dataGet);
-  };
+  const handleSubmit = dataGet => {};
   return /*#__PURE__*/React.createElement("div", {
     className: "pageCard"
   }, /*#__PURE__*/React.createElement(CardHeader$1, {
@@ -25048,7 +24328,6 @@ const NewSiteInspectionStepperFormOne$1 = ({
   };
   function goNext(data) {
     var _currentStepData$docu;
-    console.log("goNext data in NewADSStepFormThree: ", data);
     const validator = makeDocumentsValidator(mdmsData);
     const docsArray = (currentStepData === null || currentStepData === void 0 ? void 0 : (_currentStepData$docu = currentStepData.documents) === null || _currentStepData$docu === void 0 ? void 0 : _currentStepData$docu.documents) || [];
     const docErrors = validator(docsArray);
@@ -25063,7 +24342,6 @@ const NewSiteInspectionStepperFormOne$1 = ({
     onBackClick(config.key, data);
   }
   const onFormValueChange = (setValue = true, data) => {
-    console.log("onFormValueChange data in AdministrativeDetails: ", data, "\n Bool: ", !lodash.isEqual(data, currentStepData));
     if (!lodash.isEqual(data, currentStepData)) {
       dispatch(UPDATE_ADSNewApplication_FORM(config.key, data));
     }
@@ -25375,7 +24653,6 @@ const ADSSelectProofIdentity = ({
   const stateId = Digit.ULBService.getStateId();
   const [formErrors, setFormErrors] = useState({});
   const [toastError, setToastError] = useState(null);
-  const [submitted, setSubmitted] = useState(false);
   const FILE_POLICY = {
     maxBytes: 5 * 1024 * 1024,
     allowedExtensions: [".pdf", ".jpeg", ".jpg", ".png"]
@@ -25446,7 +24723,6 @@ const ADSSelectProofIdentity = ({
     }
   }, [documents, config.key]);
   const handleSubmit = () => {
-    setSubmitted(true);
     if (Object.keys(formErrors).length > 0) {
       setToastError(t(formErrors.missingRequired || "PTR_VALIDATION_ERROR"));
       onSelect(config.key, {
@@ -25469,7 +24745,7 @@ const ADSSelectProofIdentity = ({
     isDisabled: Object.keys(formErrors).length > 0
   }, Array.isArray(mdmsDocsData) && mdmsDocsData.map((mdmsDoc, index) => {
     const existing = documents.find(d => d.documentType === mdmsDoc.code);
-    return /*#__PURE__*/React.createElement(PTRSelectDocument$1, {
+    return /*#__PURE__*/React.createElement(ADSSelectDocument$1, {
       key: index,
       document: {
         ...mdmsDoc,
@@ -25491,7 +24767,7 @@ const ADSSelectProofIdentity = ({
     error: true
   })) : /*#__PURE__*/React.createElement(Loader$1, null));
 };
-function PTRSelectDocument$1({
+function ADSSelectDocument$1({
   t,
   document: doc,
   setDocuments,
@@ -25562,6 +24838,7 @@ function PTRSelectDocument$1({
     marginTop: "4px",
     marginBottom: "10px"
   };
+  console.log("doc", doc);
   return /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "24px"
@@ -25594,19 +24871,104 @@ function PTRSelectDocument$1({
   }, fieldError))));
 }
 
+const ADSCartDetails$1 = ({
+  cartDetails,
+  t
+}) => {
+  const [expanded, setExpanded] = useState(() => cartDetails.map(item => item.ad.id));
+  const toggleExpand = adId => {
+    setExpanded(prev => prev.includes(adId) ? prev.filter(id => id !== adId) : [...prev, adId]);
+  };
+  const makeColumns = () => [{
+    Header: t("ADS_DATE"),
+    accessor: "bookingDate"
+  }, {
+    Header: t("ADS_LOCATION"),
+    accessor: "location"
+  }, {
+    Header: t("ADS_FACE_AREA"),
+    accessor: "faceArea"
+  }, {
+    Header: t("ADS_TYPE"),
+    accessor: "addType"
+  }, {
+    Header: t("ADS_NIGHT_LIGHT"),
+    accessor: row => row.nightLight ? t("ADS_YES") : t("ADS_NO")
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "1rem"
+    }
+  }, cartDetails.length === 0 ? /*#__PURE__*/React.createElement("p", {
+    style: {
+      padding: "12px",
+      color: "#666"
+    }
+  }, t("ADS_NO_ADVERTISMENT_DETAILS")) : cartDetails.map((item, idx) => {
+    var _item$slots;
+    const isOpen = expanded.includes(item.ad.id);
+    return /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      style: {
+        marginBottom: "16px",
+        border: "1px solid #ddd",
+        borderRadius: "8px",
+        overflow: "hidden"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      onClick: () => toggleExpand(item.ad.id),
+      style: {
+        background: "#f9f9f9",
+        padding: "10px 14px",
+        fontWeight: 600,
+        fontSize: "14px",
+        borderBottom: "1px solid #ddd",
+        cursor: "pointer",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center"
+      }
+    }, /*#__PURE__*/React.createElement("span", null, item.ad.name, " \u2014 \u20B9", item.ad.amount * (item === null || item === void 0 ? void 0 : (_item$slots = item.slots) === null || _item$slots === void 0 ? void 0 : _item$slots.length)), /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: "18px"
+      }
+    }, isOpen ? "▾" : "▸")), isOpen && /*#__PURE__*/React.createElement("div", {
+      style: {
+        overflowX: "auto"
+      }
+    }, /*#__PURE__*/React.createElement(Table, {
+      t: t,
+      data: item.slots,
+      columns: makeColumns(),
+      disableSort: true,
+      isPaginationRequired: false,
+      getCellProps: cell => ({
+        style: {
+          padding: "12px 14px",
+          fontSize: "14px",
+          borderBottom: "1px solid #f0f0f0",
+          textAlign: "left",
+          whiteSpace: "nowrap"
+        }
+      })
+    })));
+  }));
+};
+
 function ADSSummary({
   t
 }) {
-  var _formData$CreatedResp, _formData$ownerDetail, _formData$CreatedResp2, _formData$CreatedResp3, _formData$CreatedResp4, _formData$documents, _formData$documents$d, _formData$documents2;
+  var _formData$CreatedResp, _formData$ownerDetail, _formData$CreatedResp2, _formData$documents, _formData$documents$d, _formData$documents2;
   const dispatch = useDispatch();
   const TT = key => t ? t(key) : key;
-  const rawFormData = useSelector(state => state.ads.ADSNewApplicationFormReducer.formData);
+  const rawFormData = useSelector(state => {
+    var _state$ads, _state$ads$ADSNewAppl;
+    return state === null || state === void 0 ? void 0 : (_state$ads = state.ads) === null || _state$ads === void 0 ? void 0 : (_state$ads$ADSNewAppl = _state$ads.ADSNewApplicationFormReducer) === null || _state$ads$ADSNewAppl === void 0 ? void 0 : _state$ads$ADSNewAppl.formData;
+  });
   const formData = React.useMemo(() => rawFormData || {}, [rawFormData]);
-  console.log("formData", formData);
-  const applicant = ((_formData$CreatedResp = formData.CreatedResponse) === null || _formData$CreatedResp === void 0 ? void 0 : _formData$CreatedResp.applicantDetail) || {};
-  const address = (formData === null || formData === void 0 ? void 0 : (_formData$ownerDetail = formData.ownerDetails) === null || _formData$ownerDetail === void 0 ? void 0 : _formData$ownerDetail.address) || ((_formData$CreatedResp2 = formData.CreatedResponse) === null || _formData$CreatedResp2 === void 0 ? void 0 : _formData$CreatedResp2.address) || {};
-  const cartArray = Array.isArray((_formData$CreatedResp3 = formData.CreatedResponse) === null || _formData$CreatedResp3 === void 0 ? void 0 : _formData$CreatedResp3.cartDetails) ? (_formData$CreatedResp4 = formData.CreatedResponse) === null || _formData$CreatedResp4 === void 0 ? void 0 : _formData$CreatedResp4.cartDetails : [];
-  const docs = Array.isArray((_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) ? formData.documents.documents.documents : Array.isArray((_formData$documents2 = formData.documents) === null || _formData$documents2 === void 0 ? void 0 : _formData$documents2.documents) ? formData.documents.documents : Array.isArray(formData.documents) ? formData.documents : [];
+  const applicant = (formData === null || formData === void 0 ? void 0 : (_formData$CreatedResp = formData.CreatedResponse) === null || _formData$CreatedResp === void 0 ? void 0 : _formData$CreatedResp.applicantDetail) || {};
+  const address = (formData === null || formData === void 0 ? void 0 : (_formData$ownerDetail = formData.ownerDetails) === null || _formData$ownerDetail === void 0 ? void 0 : _formData$ownerDetail.address) || (formData === null || formData === void 0 ? void 0 : (_formData$CreatedResp2 = formData.CreatedResponse) === null || _formData$CreatedResp2 === void 0 ? void 0 : _formData$CreatedResp2.address) || {};
+  const docs = Array.isArray(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) ? formData.documents.documents.documents : Array.isArray((_formData$documents2 = formData.documents) === null || _formData$documents2 === void 0 ? void 0 : _formData$documents2.documents) ? formData.documents.documents : Array.isArray(formData.documents) ? formData.documents : [];
   const sectionStyle = {
     backgroundColor: "#ffffff",
     padding: "1rem 0",
@@ -25621,6 +24983,12 @@ function ADSSummary({
     marginBottom: "0.75rem",
     padding: "0 1.5rem"
   };
+  const headerRow1 = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    marginBottom: "0.75rem"
+  };
   const headingStyle = {
     fontSize: "1.25rem",
     color: "#0d43a7",
@@ -25659,16 +25027,7 @@ function ADSSummary({
     fontWeight: "500",
     color: "#333"
   };
-  const displayGeo = geo => {
-    if (!geo) return "NA";
-    if (typeof geo === "string") return geo;
-    try {
-      const s = JSON.stringify(geo);
-      return s.length > 120 ? s.slice(0, 117) + "..." : s;
-    } catch (e) {
-      return "NA";
-    }
-  };
+  const cartDetails = formData === null || formData === void 0 ? void 0 : formData.ads;
   const renderRow = (label, value) => /*#__PURE__*/React.createElement("div", {
     style: labelFieldPairStyle
   }, /*#__PURE__*/React.createElement("div", {
@@ -25695,23 +25054,24 @@ function ADSSummary({
     style: headerRow
   }, /*#__PURE__*/React.createElement("h3", {
     style: headingStyle
-  }, TT("Applicant Details")), /*#__PURE__*/React.createElement("span", {
+  }, TT("ADS_APPLICANT_DETAILS")), /*#__PURE__*/React.createElement("span", {
     style: editLabelStyle,
     onClick: () => dispatch(SET_ADSNewApplication_STEP(2))
-  }, TT("EDIT"))), renderRow(TT("Applicant Name"), applicant.applicantName), renderRow(TT("Mobile Number"), applicant.applicantMobileNo), renderRow(TT("Email ID"), applicant.applicantEmailId), renderRow(TT("Pincode"), address.pincode), renderRow(TT("Address"), address.addressId))), /*#__PURE__*/React.createElement(Card$1, {
+  }, TT("TL_SUMMARY_EDIT"))), renderRow(TT("ES_NEW_APPLICATION_APPLICANT_NAME"), applicant === null || applicant === void 0 ? void 0 : applicant.applicantName), renderRow(TT("MOBILE"), applicant === null || applicant === void 0 ? void 0 : applicant.applicantMobileNo), renderRow(TT("ADS_EMAIL_ID"), applicant === null || applicant === void 0 ? void 0 : applicant.applicantEmailId), renderRow(TT("CORE_COMMON_PINCODE"), address === null || address === void 0 ? void 0 : address.pincode), renderRow(TT("ES_CREATECOMPLAINT_ADDRESS"), address === null || address === void 0 ? void 0 : address.addressLine1))), /*#__PURE__*/React.createElement(Card$1, {
     className: "summary-section"
   }, /*#__PURE__*/React.createElement("div", {
     style: sectionStyle
   }, /*#__PURE__*/React.createElement("div", {
-    style: headerRow
+    style: headerRow1
   }, /*#__PURE__*/React.createElement("h3", {
     style: headingStyle
-  }, TT("Advertisement Details")), /*#__PURE__*/React.createElement("span", {
+  }, TT("ADS_DETAILS")), /*#__PURE__*/React.createElement("span", {
     style: editLabelStyle,
     onClick: () => dispatch(SET_ADSNewApplication_STEP(1))
-  }, TT("EDIT"))), cartArray.length ? cartArray.map((sd, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: idx
-  }, renderRow(TT("Site ID"), sd.advertisementId), renderRow(TT("Site Name"), sd.location), renderRow(TT("Geolocation"), displayGeo(sd.geoLocation)), renderRow(TT("Advertisement Type"), sd.addType), renderRow(TT("Booking Date"), sd.bookingDate), renderRow(TT("End Date"), sd.endDate), renderRow(TT("Address"), sd.location), renderRow(TT("Face Area"), sd.faceArea))) : renderRow(TT("Advertisement Details"), "NA"))), /*#__PURE__*/React.createElement(Card$1, {
+  }, TT("TL_SUMMARY_EDIT"))), /*#__PURE__*/React.createElement(ADSCartDetails$1, {
+    cartDetails: cartDetails,
+    t: t
+  }))), /*#__PURE__*/React.createElement(Card$1, {
     className: "summary-section"
   }, /*#__PURE__*/React.createElement("div", {
     style: sectionStyle
@@ -25722,7 +25082,7 @@ function ADSSummary({
   }, TT("ADS_DOCUMENTS_DETAILS")), /*#__PURE__*/React.createElement("span", {
     style: editLabelStyle,
     onClick: () => dispatch(SET_ADSNewApplication_STEP(3))
-  }, TT("EDIT"))), docs.length > 0 ? /*#__PURE__*/React.createElement("div", {
+  }, TT("TL_SUMMARY_EDIT"))), docs.length > 0 ? /*#__PURE__*/React.createElement("div", {
     style: documentsContainerStyle
   }, docs.map((doc, idx) => /*#__PURE__*/React.createElement("div", {
     key: idx,