@mseva/upyog-ui-module-ads 1.0.94 → 1.0.96

package/dist/index.modern.js

@@ -156,7 +156,7 @@ function getMinDateForType(scheduleType) {
   if (scheduleType === "Monthly" || scheduleType === "Weekly" || scheduleType === "FortNight") {
     return new Date(year, month, 1).toISOString().split("T")[0];
   }
-  if (type === "Yearly") {
+  if (scheduleType === "Yearly") {
     if (month < 3) {
       return new Date(year - 1, 3, 1).toISOString().split("T")[0];
     } else {
@@ -165,6 +165,86 @@ function getMinDateForType(scheduleType) {
   }
   return today.toISOString().split("T")[0];
 }
+const getCurrentEpoch = () => Date.now();
+const groupKeyForCart = c => `${c.location || "NA"}|${c.advertisementId || "NA"}|${c.addType || "NA"}|${c.faceArea || "NA"}|${c.advertisementName || "NA"}|${c.poleNo || "NA"}`;
+const transformBookingResponseToBookingData = (apiResponse = {}) => {
+  const resp = apiResponse || {};
+  const apps = Array.isArray(resp.bookingApplication) ? resp.bookingApplication : [];
+  const transformedApps = apps.map(app => {
+    const out = {};
+    const copyFields = ["bookingNo", "paymentDate", "draftId", "applicationDate", "tenantId", "receiptNo", "permissionLetterFilestoreId", "paymentReceiptFilestoreId", "advertisementId", "bookingId", "bookingStatus", "auditDetails", "businessService", "workflow"];
+    copyFields.forEach(k => {
+      if (Object.prototype.hasOwnProperty.call(app, k)) out[k] = app[k];
+    });
+    out.applicantDetail = app.applicantDetail || null;
+    out.address = app.address || null;
+    out.owners = app.owners || [];
+    out.documents = app.documents || [];
+    const cart = Array.isArray(app.cartDetails) ? app.cartDetails : [];
+    const groups = cart.reduce((acc, item) => {
+      const key = groupKeyForCart(item);
+      if (!acc[key]) acc[key] = [];
+      acc[key].push(item);
+      return acc;
+    }, {});
+    const groupedCartDetails = Object.keys(groups).map(key => {
+      var _sorted$, _sorted;
+      const items = groups[key];
+      const sorted = items.slice().sort((a, b) => new Date(a.bookingDate) - new Date(b.bookingDate));
+      const startDate = ((_sorted$ = sorted[0]) === null || _sorted$ === void 0 ? void 0 : _sorted$.bookingDate) || null;
+      const endDate = ((_sorted = sorted[sorted.length - 1]) === null || _sorted === void 0 ? void 0 : _sorted.bookingDate) || null;
+      const numberOfDays = sorted.length;
+      const first = sorted[0] || {};
+      const amounts = sorted.map(s => typeof s.amount === "number" ? s.amount : null);
+      const hasAmounts = amounts.every(a => a !== null);
+      let amount = undefined;
+      let amountForDaysChosen = undefined;
+      if (hasAmounts) {
+        const total = amounts.reduce((acc, v) => acc + v, 0);
+        amountForDaysChosen = total;
+        amount = sorted.length ? Math.round(total / sorted.length * 100) / 100 : 0;
+      } else if (typeof first.amount === "number") {
+        amount = first.amount;
+      }
+      return {
+        location: first.location,
+        advertisementId: first.advertisementId || first.advertisementId === 0 ? `${first.advertisementId}` : undefined,
+        startDate,
+        endDate,
+        numberOfDays,
+        addType: first.addType,
+        faceArea: first.faceArea,
+        nightLight: first.nightLight,
+        status: first.status,
+        advertisementName: first.advertisementName,
+        poleNo: first.poleNo,
+        amount,
+        amountForDaysChosen
+      };
+    });
+    out.cartDetails = groupedCartDetails;
+    return out;
+  });
+  const totalCount = transformedApps.reduce((acc, app) => {
+    const sum = Array.isArray(app.cartDetails) ? app.cartDetails.reduce((s, cd) => s + (cd.numberOfDays || 0), 0) : 0;
+    return acc + sum;
+  }, 0);
+  const bookingData = [{
+    count: totalCount,
+    currentTime: getCurrentEpoch(),
+    bookingApplication: transformedApps
+  }];
+  return {
+    bookingData
+  };
+};
+const areSlotsEqual = (a = [], b = []) => {
+  if ((a === null || a === void 0 ? void 0 : a.length) !== (b === null || b === void 0 ? void 0 : b.length)) return false;
+  const key = s => s === null || s === void 0 ? void 0 : s.bookingDate;
+  const aKeys = a === null || a === void 0 ? void 0 : a.map(key).sort();
+  const bKeys = b === null || b === void 0 ? void 0 : b.map(key).sort();
+  return (JSON === null || JSON === void 0 ? void 0 : JSON.stringify(aKeys)) === (JSON === null || JSON === void 0 ? void 0 : JSON.stringify(bKeys));
+};
 function transformAdsData(adsData) {
   var _Object$values;
   const grouped = {};
@@ -18482,10 +18562,6 @@ const InboxLinks = ({
     text: t("ES_TITLE_NEW_ADD_BOOKING"),
     link: "/digit-ui/employee/ads/bookad",
     roles: []
-  }, {
-    text: t("ADS_MY_APPLICATIONS"),
-    link: `/digit-ui/employee/ads/my-applications`,
-    roles: []
   }];
   const [links, setLinks] = useState([]);
   const {
@@ -21918,181 +21994,181 @@ const getAcknowledgement = async (application, t) => {
   });
   const qrDataURL = await browser.toDataURL(window.location.href);
   const content = `
-    <html>
-      <head>
-        <title>Advertisement and Hoarding Booking Acknowledgement</title>
-        <style>
-          @page { margin: 0.5in; }
-          body { 
-            font-family: 'Arial', sans-serif; 
-            margin: 0; 
-            padding: 20px;
-            font-size: 14px;
-            line-height: 1.6;
-          }
-          .acknowledgement-container {
-            max-width: 800px;
-            margin: 0 auto;
-            border: 2px solid #333;
-            padding: 30px;
-            background: white;
-          }
-          .header {
-          display: flex;
-            justify-content: space-between;
-            align-items: center;
-            text-align: center;
-            margin-bottom: 30px;
-            border-bottom: 2px solid #333;
-            padding-bottom: 20px;
-            position: relative;
-          }
-          .header-left,
-          .header-right {
-            flex: 0 0 auto;
-          }
+<html>
+  <head>
+    <title>${t("ADS_ACKNOWLEDGMENT_FORM")}</title>
+    <style>
+      @page { margin: 0.5in; }
+      body { 
+        font-family: 'Arial', sans-serif; 
+        margin: 0; 
+        padding: 20px;
+        font-size: 14px;
+        line-height: 1.6;
+      }
+      .acknowledgement-container {
+        max-width: 800px;
+        margin: 0 auto;
+        border: 2px solid #333;
+        padding: 30px;
+        background: white;
+      }
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        text-align: center;
+        margin-bottom: 30px;
+        border-bottom: 2px solid #333;
+        padding-bottom: 20px;
+        position: relative;
+      }
+      .header-left,
+      .header-right {
+        flex: 0 0 auto;
+      }
+      .header-center {
+        text-align: center;
+        flex: 1;
+      }
+      .title {
+        font-size: 20px;
+        font-weight: bold;
+        margin: 10px 0;
+        color: #333;
+      }
+      .subtitle {
+        font-size: 16px;
+        margin: 5px 0;
+        color: #666;
+      }
+      .acknowledgement-text {
+        margin: 20px 0;
+        text-align: justify;
+        font-size: 15px;
+      }
+      .details-table {
+        width: 100%;
+        border-collapse: collapse;
+        margin: 20px 0;
+      }
+      .details-table th,
+      .details-table td {
+        padding: 12px;
+        text-align: left;
+        border: 1px solid #ddd;
+      }
+      .details-table th {
+        background: #f5f5f5;
+        font-weight: bold;
+        width: 40%;
+      }
+      .footer {
+        margin-top: 30px;
+        text-align: center;
+        font-size: 12px;
+        color: #666;
+      }
+      @media print {
+        body { background: white !important; }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="acknowledgement-container">
+      <div class="header">
+        <div class="header-left">
+          <img src="https://s3.ap-south-1.amazonaws.com/pb-egov-assets/pb.amritsar/logo.png" 
+              style="width: 120px; height: 120px;" />
+        </div>
+        <div class="header-center">
+          <div class="title">Advertisement and Hoarding Booking Acknowledgement</div>
+          <div class="subtitle">Municipal Corporation</div>
+        </div>
+        <div class="header-right">
+          <img src="${qrDataURL}" style="width: 120px; height: 120px;" />
+        </div>
+      </div>
 
-          .header-center {
-            text-align: center;
-            flex: 1;
-          }
-          .title {
-            font-size: 20px;
-            font-weight: bold;
-            margin: 10px 0;
-            color: #333;
-          }
-          .subtitle {
-            font-size: 16px;
-            margin: 5px 0;
-            color: #666;
-          }
-          .acknowledgement-text {
-            margin: 20px 0;
-            text-align: justify;
-            font-size: 15px;
-          }
-          .details-table {
-            width: 100%;
-            border-collapse: collapse;
-            margin: 20px 0;
-          }
-          .details-table th,
-          .details-table td {
-            padding: 12px;
-            text-align: left;
-            border: 1px solid #ddd;
-          }
-          .details-table th {
-            background: #f5f5f5;
-            font-weight: bold;
-            width: 40%;
-          }
-          .footer {
-            margin-top: 30px;
-            text-align: center;
-            font-size: 12px;
-            color: #666;
-          }
-          @media print {
-            body { background: white !important; }
-          }
-        </style>
-      </head>
-      <body>
-        <div class="acknowledgement-container">
-          <div class="header">
-            <div class="header-left">
-              <img src="https://s3.ap-south-1.amazonaws.com/pb-egov-assets/pb.amritsar/logo.png" 
-                  style="width: 120px; height: 120px;" />
-            </div>
-            <div class="header-center">
-              <div class="title">Advertisement and Hoarding Booking Acknowledgement</div>
-              <div class="subtitle">Municipal Corporation</div>
-            </div>
-            <div class="header-right">
-              <img src="${qrDataURL}" style="width: 120px; height: 120px;" />
-            </div>
-          </div>
+      <div class="acknowledgement-text">
+        ${t("ADV_ACK_TEXT_2")}          
+      </div>
 
+      <h3>${t("ADS_APPLICANT_DETAILS")}</h3>
+      <table class="details-table">
+        <tr>
+          <th>${t("WS_COMMON_TABLE_COL_APP_NO_LABEL")}</th>
+          <td>${(application === null || application === void 0 ? void 0 : application.bookingNo) || "Not Available"}</td>
+        </tr>
+        <tr>
+          <th>${t("BPA_BASIC_DETAILS_APPLICATION_DATE_LABEL")}</th>
+          <td>${application !== null && application !== void 0 && application.applicationDate ? new Date(application === null || application === void 0 ? void 0 : application.applicationDate).toLocaleDateString("en-GB") : "N/A"}</td>
+        </tr>
+        <tr>
+          <th>${t("BPA_BASIC_DETAILS_APPLICATION_NAME_LABEL")}</th>
+          <td>${(application === null || application === void 0 ? void 0 : (_application$applican = application.applicantDetail) === null || _application$applican === void 0 ? void 0 : _application$applican.applicantName) || "Not Specified"}</td>
+        </tr>
+        <tr>
+          <th>${t("PDF_STATIC_LABEL_WS_CONSOLIDATED_CONCERNED_PLUMBER_CONTACT")}</th>
+          <td>${(application === null || application === void 0 ? void 0 : (_application$applican2 = application.applicantDetail) === null || _application$applican2 === void 0 ? void 0 : _application$applican2.applicantMobileNo) || "Not Specified"}</td>
+        </tr>
+        <tr>
+          <th>${t("ADS_ALTERNATE_NUMBER")}</th>
+          <td>${(application === null || application === void 0 ? void 0 : (_application$applican3 = application.applicantDetail) === null || _application$applican3 === void 0 ? void 0 : _application$applican3.applicantAlternateMobileNo) || "Not Specified"}</td>
+        </tr>
+        <tr>
+          <th>${t("PDF_STATIC_LABEL_WS_CONSOLIDATED_ACKNOWELDGMENT_EMAIL")}</th>
+          <td>${(application === null || application === void 0 ? void 0 : (_application$applican4 = application.applicantDetail) === null || _application$applican4 === void 0 ? void 0 : _application$applican4.applicantEmailId) || "Not Specified"}</td>
+        </tr>
+        <tr>
+          <th>${t("TL_HOME_SEARCH_RESULTS_APP_STATUS_LABEL")}</th>
+          <td style="color: #28a745; font-weight: bold;">${t(application === null || application === void 0 ? void 0 : application.bookingStatus) || "SUBMITTED"}</td>
+        </tr>
+      </table>
 
-          
-          
-          <div class="acknowledgement-text">
-            This is to acknowledge that we have received your application for Advertisement and Hoarding Booking. 
-            Your application has been processed and the details are as follows:
-          </div>
-          <h3>Applicant Details</h3>
-          <table class="details-table">
-            <tr>
-              <th>Application Number</th>
-              <td>${(application === null || application === void 0 ? void 0 : application.bookingNo) || "Not Available"}</td>
-            </tr>
-            <tr>
-              <th>Application Date</th>
-              <td>${application !== null && application !== void 0 && application.applicationDate ? new Date(application === null || application === void 0 ? void 0 : application.applicationDate).toLocaleDateString("en-GB") : "N/A"}</td>
-            </tr>
-            <tr>
-              <th>Applicant Name</th>
-              <td>${(application === null || application === void 0 ? void 0 : (_application$applican = application.applicantDetail) === null || _application$applican === void 0 ? void 0 : _application$applican.applicantName) || "Not Specified"}</td>
-            </tr>
-            <tr>
-              <th>Contact Number</th>
-              <td>${(application === null || application === void 0 ? void 0 : (_application$applican2 = application.applicantDetail) === null || _application$applican2 === void 0 ? void 0 : _application$applican2.applicantMobileNo) || "Not Specified"}</td>
-            </tr>
-            <tr>
-              <th>Alternate Contact Number</th>
-              <td>${(application === null || application === void 0 ? void 0 : (_application$applican3 = application.applicantDetail) === null || _application$applican3 === void 0 ? void 0 : _application$applican3.applicantAlternateMobileNo) || "Not Specified"}</td>
-            </tr>
-            <tr>
-              <th>Email</th>
-              <td>${(application === null || application === void 0 ? void 0 : (_application$applican4 = application.applicantDetail) === null || _application$applican4 === void 0 ? void 0 : _application$applican4.applicantEmailId) || "Not Specified"}</td>
-            </tr>
-            <tr>
-              <th>Application Status</th>
-              <td style="color: #28a745; font-weight: bold;">${t(application === null || application === void 0 ? void 0 : application.bookingStatus) || "SUBMITTED"}</td>
-            </tr>
-          </table>
-          ${(application === null || application === void 0 ? void 0 : (_application$cartDeta = application.cartDetails) === null || _application$cartDeta === void 0 ? void 0 : _application$cartDeta.length) > 0 ? `
-                <h3>Advertisement Details</h3>
-                <table class="details-table">
+      ${(application === null || application === void 0 ? void 0 : (_application$cartDeta = application.cartDetails) === null || _application$cartDeta === void 0 ? void 0 : _application$cartDeta.length) > 0 ? `
+            <h3>${t("ADVERTISEMENT_DETAILS")}</h3>
+            <table class="details-table">
+              <tr>
+                <th>${t("ADS_AD_TYPE")}</th>
+                <th>${t("CS_ADDCOMPLAINT_LOCATION")}</th>
+                <th>${t("ADS_FACE_AREA")}</th>
+                <th>${t("CHB_BOOKING_DATE")}</th>
+                <th>${t("ADS_FROM_TIME")}</th>
+                <th>${t("ADS_TO_TIME")}</th>
+                <th>${t("ADS_NIGHT_LIGHT")}</th>
+                <th>${t("PT_OWNERSHIP_INFO_NAME")}</th>
+                <th>${t("POLE_NO")}</th>
+              </tr>
+              ${application.cartDetails.map(item => `
                   <tr>
-                    <th>Advertisement Type</th>
-                    <th>Location</th>
-                    <th>Face Area</th>
-                    <th>Booking Date</th>
-                    <th>From Time</th>
-                    <th>To Time</th>
-                    <th>Night Light</th>
+                    <td>${t(item.addType) || "N/A"}</td>
+                    <td>${t(item.location) || "N/A"}</td>
+                    <td>${t(item.faceArea.replace(item.addType + "_", "")) || "N/A"}</td>
+                    <td>${item.bookingDate || "N/A"}</td>
+                    <td>${item.bookingFromTime || "N/A"}</td>
+                    <td>${item.bookingToTime || "N/A"}</td>
+                    <td>${item.nightLight ? "With Light" : "Without Light"}</td>
+                    <td>${item.advertisementName || "N/A"}</td>
+                    <td>${item.poleNo || "N/A"}</td>
                   </tr>
-                  ${application.cartDetails.map(item => `
-                    <tr>
-                      <td>${t(item.addType) || "N/A"}</td>
-                      <td>${t(item.location) || "N/A"}</td>
-                      <td>${t(item.faceArea.replace(item.addType + "_", "")) || "N/A"}</td>
-                      <td>${item.bookingDate || "N/A"}</td>
-                      <td>${item.bookingFromTime || "N/A"}</td>
-                      <td>${item.bookingToTime || "N/A"}</td>
-                      <td>${item.nightLight ? "With Light" : "Without Light"}</td>
-                    </tr>
-                  `).join("")}
-                </table>
-              ` : ""}
-          <div class="acknowledgement-text">
-            Please keep this acknowledgement for your records. You will be notified once your 
-            application is processed and approved. For any queries, please contact the Municipal 
-            Corporation office with your application number.
-          </div>
-          
-          <div class="footer">
-            <p>Generated on: ${currentDate}</p>
-            <p>Municipal Corporation</p>
-            <p>This is a computer-generated document and does not require a signature.</p>
-          </div>
-        </div>
-      </body>
-    </html>
-  `;
+                `).join("")}
+            </table>
+          ` : ""}
+
+      <div class="acknowledgement-text">
+        ${t("ADV_ACK_TEXT_1")}
+      </div>
+      
+      <div class="footer">
+        <p>Generated on: ${currentDate}</p>
+        <p>Municipal Corporation</p>
+        <p>This is a computer-generated document and does not require a signature.</p>
+      </div>
+    </div>
+  </body>
+</html>
+`;
   const printWindow = window.open("", "_blank");
   printWindow.document.write(content);
   printWindow.document.close();
@@ -22234,10 +22310,11 @@ const ADSApplicationDetails = () => {
       bookingNo: acknowledgementIds
     }
   });
+  const new_data = transformBookingResponseToBookingData(adsData);
+  const mutation = Digit.Hooks.ads.useADSCreateAPI(tenantId, false);
   useEffect(() => {
     refetch();
   }, [acknowledgementIds, refetch]);
-  const mutation = Digit.Hooks.ads.useADSCreateAPI(tenantId, false);
   const BookingApplication = get_1(adsData, "bookingApplication", []);
   const adsId = get_1(adsData, "bookingApplication[0].bookingNo", []);
   let ads_details = BookingApplication && BookingApplication.length > 0 && BookingApplication[0] || {};
@@ -22303,22 +22380,40 @@ const ADSApplicationDetails = () => {
     payments,
     ...params
   }) {
-    var _response;
-    let response = {
-      filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
-    };
-    response = await Digit.PaymentService.generatePdf(tenantId, {
+    let application = new_data;
+    const response = await Digit.PaymentService.generatePdf(tenantId, {
       Payments: [{
-        ...payments
+        ...payments,
+        ...application
       }]
-    }, "petservice-receipt");
+    }, "adv-bill");
     const fileStore = await Digit.PaymentService.printReciept(tenantId, {
       fileStoreIds: response.filestoreIds[0]
     });
-    window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
+    window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
+  }
+  async function getPermissionLetter({
+    tenantId,
+    payments,
+    ...params
+  }) {
+    let application = new_data;
+    let fileStoreId = application === null || application === void 0 ? void 0 : application.permissionLetterFilestoreId;
+    if (!fileStoreId) {
+      const response = await Digit.PaymentService.generatePdf(tenantId, {
+        Payments: [{
+          ...payments,
+          ...application
+        }]
+      }, "adv-permissionletter");
+      fileStoreId = response === null || response === void 0 ? void 0 : response.filestoreIds[0];
+    }
+    const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+      fileStoreIds: fileStoreId
+    });
+    window.open(fileStore[fileStoreId], "_blank");
   }
   const downloadAcknowledgement = async application => {
-    console.log("application my details", application);
     try {
       if (!application) {
         throw new Error("Booking Application data is missing");
@@ -22372,7 +22467,7 @@ const ADSApplicationDetails = () => {
   }))) || [];
   if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
     dowloadOptions.push({
-      label: t("PTR_FEE_RECIEPT"),
+      label: t("CHB_FEE_RECEIPT"),
       onClick: () => {
         var _reciept_data$Payment;
         return getRecieptSearch({
@@ -22381,6 +22476,16 @@ const ADSApplicationDetails = () => {
         });
       }
     });
+    dowloadOptions.push({
+      label: t("CHB_PERMISSION_LETTER"),
+      onClick: () => {
+        var _reciept_data$Payment2;
+        return getPermissionLetter({
+          tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.tenantId,
+          payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
+        });
+      }
+    });
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "cardHeaderWithOptions",
@@ -22678,6 +22783,7 @@ const ApplicationDetails = () => {
   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 new_data = transformBookingResponseToBookingData(applicationDetails);
   const menuRef = useRef();
   const [displayMenu, setDisplayMenu] = useState(false);
   const [selectedAction, setSelectedAction] = useState(null);
@@ -22759,10 +22865,8 @@ const ApplicationDetails = () => {
     } else {
       setAppDetails({});
     }
-    console.debug("bookingObj (normalized):", bookingObj, "isLoading:", isLoading);
   }, [isLoading, bookingObj]);
   const downloadAcknowledgement = async application => {
-    console.log("application my details", application);
     try {
       if (!application) {
         throw new Error("Booking Application data is missing");
@@ -22894,19 +22998,39 @@ const ApplicationDetails = () => {
     payments,
     ...params
   }) {
-    var _response;
-    let response = {
-      filestoreIds: [payments === null || payments === void 0 ? void 0 : payments.fileStoreId]
-    };
-    response = await Digit.PaymentService.generatePdf(tenantId, {
+    let application = new_data;
+    const response = await Digit.PaymentService.generatePdf(tenantId, {
       Payments: [{
-        ...payments
+        ...payments,
+        ...application
       }]
-    }, "adv-receipt");
+    }, "adv-bill");
     const fileStore = await Digit.PaymentService.printReciept(tenantId, {
       fileStoreIds: response.filestoreIds[0]
     });
-    window.open(fileStore[(_response = response) === null || _response === void 0 ? void 0 : _response.filestoreIds[0]], "_blank");
+    window.open(fileStore[response === null || response === void 0 ? void 0 : response.filestoreIds[0]], "_blank");
+  }
+  async function getPermissionLetter({
+    tenantId,
+    payments,
+    ...params
+  }) {
+    let application = new_data;
+    let fileStoreId = application === null || application === void 0 ? void 0 : application.permissionLetterFilestoreId;
+    if (!fileStoreId) {
+      const response = await Digit.PaymentService.generatePdf(tenantId, {
+        Payments: [{
+          ...payments,
+          ...application
+        }]
+      }, "adv-permissionletter");
+      fileStoreId = response === null || response === void 0 ? void 0 : response.filestoreIds[0];
+      refetch();
+    }
+    const fileStore = await Digit.PaymentService.printReciept(tenantId, {
+      fileStoreIds: fileStoreId
+    });
+    window.open(fileStore[fileStoreId], "_blank");
   }
   let downloadOptions = [];
   downloadOptions.push({
@@ -22915,7 +23039,7 @@ const ApplicationDetails = () => {
   });
   if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment = reciept_data.Payments) === null || _reciept_data$Payment === void 0 ? void 0 : _reciept_data$Payment.length) > 0 && recieptDataLoading === false) {
     downloadOptions.push({
-      label: t("PTR_FEE_RECEIPT"),
+      label: t("CHB_FEE_RECEIPT"),
       onClick: () => {
         var _reciept_data$Payment2;
         return getRecieptSearch({
@@ -22924,6 +23048,16 @@ const ApplicationDetails = () => {
         });
       }
     });
+    if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) downloadOptions.push({
+      label: t("CHB_PERMISSION_LETTER"),
+      onClick: () => {
+        var _reciept_data$Payment3;
+        return getPermissionLetter({
+          tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment3 = reciept_data.Payments[0]) === null || _reciept_data$Payment3 === void 0 ? void 0 : _reciept_data$Payment3.tenantId,
+          payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
+        });
+      }
+    });
   }
   const cartData = transformAdsData(bookingObj === null || bookingObj === void 0 ? void 0 : bookingObj.cartDetails);
   const [expired, setExpired] = useState(false);
@@ -23971,7 +24105,8 @@ const AvailabilityModal = ({
   onSelectSlot,
   dateRange,
   t,
-  cartSlots
+  cartSlots,
+  onRemoveSlot
 }) => {
   var _cartSlots$find;
   const [selectedSlots, setSelectedSlots] = useState([]);
@@ -24025,22 +24160,40 @@ const AvailabilityModal = ({
         addType: ad === null || ad === void 0 ? void 0 : ad.adType,
         amount: ad === null || ad === void 0 ? void 0 : ad.amount,
         bookingDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
-        nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light" ? true : false,
+        nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light",
         bookingStartDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
         bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate
       });
-      setSelectedSlots([]);
-      setSelectAll(false);
-      onClose();
+    } else if ((existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0) {
+      onRemoveSlot(ad);
     }
+    setSelectedSlots([]);
+    setSelectAll(false);
+    onClose();
   };
+  useEffect(() => {
+    if (allInCart) {
+      setSelectAll(true);
+    }
+  }, [allInCart]);
+  const hasChanges = !areSlotsEqual(selectedSlots, existingForAd);
+  useEffect(() => {
+    if ((existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0) {
+      setSelectAll(true);
+      setSelectedSlots(existingForAd);
+    } else {
+      setSelectAll(false);
+      setSelectedSlots([]);
+    }
+  }, [ad === null || ad === void 0 ? void 0 : ad.id]);
   const columns = [{
     Header: () => /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
-      checked: allInCart || selectAll,
+      checked: selectAll,
+      disabled: allBooked,
       onChange: e => handleSelectAll(e.target.checked),
       style: {
-        cursor: "pointer",
+        cursor: allBooked ? "not-allowed" : "pointer",
         width: "18px",
         height: "18px",
         accentColor: "#0b74de"
@@ -24051,7 +24204,7 @@ const AvailabilityModal = ({
       row
     }) => {
       const slot = row === null || row === void 0 ? void 0 : row.original;
-      const isChecked = allInCart || selectAll && (slot === null || slot === void 0 ? void 0 : slot.slotStaus) === "AVAILABLE";
+      const isChecked = selectAll && (slot === null || slot === void 0 ? void 0 : slot.slotStaus) === "AVAILABLE";
       return /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: isChecked,
@@ -24217,18 +24370,18 @@ const AvailabilityModal = ({
     }
   }, t ? t("Cancel") : "Cancel"), /*#__PURE__*/React.createElement("button", {
     onClick: handleAddToCart,
-    disabled: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) === 0,
+    disabled: !hasChanges,
     style: {
       padding: "10px 18px",
       borderRadius: "6px",
       border: "none",
-      background: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) > 0 ? "#2947a3" : "#ccc",
+      background: hasChanges ? "#2947a3" : "#ccc",
       color: "#fff",
       fontWeight: 600,
-      cursor: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) > 0 ? "pointer" : "not-allowed",
+      cursor: hasChanges ? "pointer" : "not-allowed",
       transition: "background 0.2s"
     }
-  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("ADS_UPDATE_CART") : t("ADS_ADD_TO_CART")))));
+  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("COMMON_REMOVE_LABEL") : t("ADS_ADD_TO_CART")))));
 };
 
 const CartModal = ({
@@ -24615,7 +24768,7 @@ const AdCard = ({
       cursor: "pointer",
       fontSize: 14
     }
-  }, t("ADS_VIEW_AVAILABIITY"), "\uD83D\uDC41\uFE0F"), isAdded && /*#__PURE__*/React.createElement("button", {
+  }, t("ADS_VIEW_AVAILABILITY"), "\uD83D\uDC41\uFE0F"), isAdded && /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: openCart,
     style: {
@@ -24714,20 +24867,6 @@ const ADSCitizenSecond = ({
       });
     }
   };
-  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 === null || cartSlots === void 0 ? void 0 : cartSlots.length) === 0) {
@@ -25028,7 +25167,8 @@ const ADSCitizenSecond = ({
     onSelectSlot: handleAddToCart,
     cartSlots: cartSlots,
     t: t,
-    dateRange: dateRange
+    dateRange: dateRange,
+    onRemoveSlot: handleRemoveFromCart
   }), showCart && /*#__PURE__*/React.createElement(CartModal, {
     cartSlots: cartSlots,
     onClose: () => setShowCart(false),