@mseva/upyog-ui-module-ads 1.1.88 → 1.1.90

package/dist/index.modern.js

@@ -235,7 +235,9 @@ const transformBookingResponseToBookingData = (apiResponse = {}) => {
         advertisementName: first.advertisementName,
         poleNo: first.poleNo,
         amount,
-        amountForDaysChosen
+        amountForDaysChosen,
+        bookingFromTime: first.bookingFromTime,
+        bookingToTime: first.bookingToTime
       };
     });
     out.cartDetails = groupedCartDetails;
@@ -15414,7 +15416,7 @@ const LocationSearchCard = ({
       padding: "12px"
     }
   }, (() => {
-    const rawLabel = nextText ?? (t ? t("ADS_PIN_LOCATION_LABEL") : null);
+    const rawLabel = nextText || (t ? t("ADS_PIN_LOCATION_LABEL") : null);
     const labelText = typeof rawLabel === "string" && rawLabel.trim() ? rawLabel : t ? t("ADS_PIN_LOCATION_LABEL") || "Pick" : "Pick";
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
@@ -17851,8 +17853,8 @@ const ADSAddress = ({
   }, [_onBlur]);
   const updateParent = (updatedFields = {}) => {
     var _onChangeRef$current;
-    const currentCity = updatedFields.city ?? city ?? ((_value === null || _value === void 0 ? void 0 : _value.city) || "");
-    const currentLocality = updatedFields.locality ?? locality ?? ((_value === null || _value === void 0 ? void 0 : _value.locality) || "");
+    const currentCity = updatedFields.city || city || (_value === null || _value === void 0 ? void 0 : _value.city) || "";
+    const currentLocality = updatedFields.locality || locality || (_value === null || _value === void 0 ? void 0 : _value.locality) || "";
     const addr = {
       addressId,
       doorNo,
@@ -18833,8 +18835,8 @@ const ADSAddressField = ({
   const normalize = (geoLocationObj, pincode, place) => {
     const normalized = {
       formattedAddress: place || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.formattedAddress) || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.place_name) || "",
-      latitude: (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.latitude) ?? (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.lat) ?? (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.y) ?? null,
-      longitude: (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.longitude) ?? (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.lng) ?? (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.x) ?? null,
+      latitude: (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.latitude) || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.lat) || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.y) || null,
+      longitude: (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.longitude) || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.lng) || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.x) || null,
       placeId: (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.placeId) || (geoLocationObj === null || geoLocationObj === void 0 ? void 0 : geoLocationObj.id) || null,
       raw: geoLocationObj || {},
       pincode: pincode || null
@@ -20672,7 +20674,7 @@ function NewApplicationTimeline({
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
     }, t("Action")), /*#__PURE__*/React.createElement("div", {
-      className: "custom-status-text"
+      className: `custom-status-text ${(item === null || item === void 0 ? void 0 : item.performedAction) === "OBSERVATION" ? "chb-slot-status--unavailable" : ""}`
     }, t((item === null || item === void 0 ? void 0 : item.performedAction) || "CS_COMMON_NA")))), (item === null || item === void 0 ? void 0 : item.wfComment) && (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment.length) > 0 && (item === null || item === void 0 ? void 0 : (_item$wfComment2 = item.wfComment) === null || _item$wfComment2 === void 0 ? void 0 : _item$wfComment2.some(c => c === null || c === void 0 ? void 0 : c.trim())) && /*#__PURE__*/React.createElement("div", {
       className: "custom-comments-section container-full-width"
     }, /*#__PURE__*/React.createElement("div", {
@@ -22240,215 +22242,11 @@ function renderCanvas(renderFunc, canvas, text, opts, cb) {
     cb(e);
   }
 }
-var create$1 = qrcode.create;
 var toCanvas = renderCanvas.bind(null, canvas.render);
 var toDataURL = renderCanvas.bind(null, canvas.renderToDataURL);
 var toString_1$1 = renderCanvas.bind(null, function (data, _, opts) {
   return svgTag.render(data, opts);
 });
-var browser = {
-  create: create$1,
-  toCanvas: toCanvas,
-  toDataURL: toDataURL,
-  toString: toString_1$1
-};
-
-const getAcknowledgement = async (application, t) => {
-  var _application$applican, _application$applican2, _application$applican3, _application$applican4, _application$cartDeta;
-  const currentDate = new Date().toLocaleDateString("en-IN", {
-    day: "2-digit",
-    month: "long",
-    year: "numeric"
-  });
-  const qrDataURL = await browser.toDataURL(window.location.href);
-  const content = `
-<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/${application === null || application === void 0 ? void 0 : application.tenantId}/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>
-
-      ${(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>
-                    <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>
-                `).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();
-  printWindow.onload = () => {
-    setTimeout(() => {
-      printWindow.print();
-      printWindow.onafterprint = () => {
-        printWindow.close();
-      };
-    }, 500);
-  };
-};
 
 const ADSCartDetails$1 = ({
   cartDetails,
@@ -22495,7 +22293,7 @@ const ADSCartDetails$1 = ({
     }, /*#__PURE__*/React.createElement("div", {
       onClick: () => toggleExpand(key),
       className: "ads-cart-item-header ads-cart-item-header--clickable"
-    }, /*#__PURE__*/React.createElement("span", null, t((item === null || item === void 0 ? void 0 : (_item$ad = item.ad) === null || _item$ad === void 0 ? void 0 : _item$ad.name) ?? (item === null || item === void 0 ? void 0 : (_item$ad2 = item.ad) === null || _item$ad2 === void 0 ? void 0 : _item$ad2.location)), item !== null && item !== void 0 && (_item$ad3 = item.ad) !== null && _item$ad3 !== void 0 && _item$ad3.amount ? ` — ₹${((item === null || item === void 0 ? void 0 : (_item$ad4 = item.ad) === null || _item$ad4 === void 0 ? void 0 : _item$ad4.amount) * 1.18 * (item === null || item === void 0 ? void 0 : (_item$slots = item.slots) === null || _item$slots === void 0 ? void 0 : _item$slots.length)).toFixed(2)}` : ""), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", null, t((item === null || item === void 0 ? void 0 : (_item$ad = item.ad) === null || _item$ad === void 0 ? void 0 : _item$ad.name) || (item === null || item === void 0 ? void 0 : (_item$ad2 = item.ad) === null || _item$ad2 === void 0 ? void 0 : _item$ad2.location)), item !== null && item !== void 0 && (_item$ad3 = item.ad) !== null && _item$ad3 !== void 0 && _item$ad3.amount ? ` — ₹${((item === null || item === void 0 ? void 0 : (_item$ad4 = item.ad) === null || _item$ad4 === void 0 ? void 0 : _item$ad4.amount) * 1.18 * (item === null || item === void 0 ? void 0 : (_item$slots = item.slots) === null || _item$slots === void 0 ? void 0 : _item$slots.length)).toFixed(2)}` : ""), /*#__PURE__*/React.createElement("span", {
       className: "ads-cart-item-toggle"
     }, isOpen ? "▾" : "▸")), isOpen && /*#__PURE__*/React.createElement("div", {
       className: "ads-cart-table"
@@ -22598,7 +22396,7 @@ const ADSApplicationDetails = () => {
     enabled: true
   });
   let docs = [];
-  docs = (application === null || application === void 0 ? void 0 : application.documents) ?? [];
+  docs = (application === null || application === void 0 ? void 0 : application.documents) || [];
   if (isLoading || auditDataLoading || workflowDetails !== null && workflowDetails !== void 0 && workflowDetails.isLoading) {
     return /*#__PURE__*/React.createElement(Loader$2, null);
   }
@@ -22647,31 +22445,35 @@ const ADSApplicationDetails = () => {
     });
     window.open(fileStore[fileStoreId], "_blank");
   }
-  const downloadAcknowledgement = async application => {
-    try {
-      if (!application) {
-        throw new Error("Booking Application data is missing");
-      }
-      getAcknowledgement(application, t);
-      setShowToast({
-        key: "success",
-        message: "ADV_ACKNOWLEDGEMENT_DOWNLOADED_SUCCESSFULLY"
-      });
-      setActionError("Acknowledgment downloaded successfully");
-    } catch (error) {
-      console.error("Acknowledgement download error:", error);
-      setShowToast({
-        key: "error",
-        message: `ADV_ACKNOWLEDGEMENT_DOWNLOAD_ERROR: ${error.message}`
-      });
-      setActionError("Something went wrong");
+  async function getAcknowledgementLetter({
+    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
+        }]
+      }, "advacknowledgement");
+      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");
+  }
   let dowloadOptions = [];
   const cartData = transformAdsData(ads_details === null || ads_details === void 0 ? void 0 : ads_details.cartDetails);
   dowloadOptions.push({
     label: t("PTR_PET_DOWNLOAD_ACK_FORM"),
-    onClick: () => downloadAcknowledgement(application)
+    onClick: () => getAcknowledgementLetter({
+      tenantId: tenantId,
+      payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
+    })
   });
   if (reciept_data && (reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments.length) > 0 && !recieptDataLoading) {
     dowloadOptions.push({
@@ -22751,7 +22553,7 @@ const ADSApplicationDetails = () => {
       fontSize: "24px"
     }
   }, t("ADS_APPLICATION_ADS_DETAILS_OVERVIEW")), /*#__PURE__*/React.createElement(ADSCartDetails$1, {
-    cartDetails: cartData ?? [],
+    cartDetails: cartData || [],
     t: t
   }), /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
@@ -23158,7 +22960,7 @@ if (_DataView && getTag(new _DataView(new ArrayBuffer(1))) != dataViewTag || _Ma
 }
 
 const ApplicationDetails = () => {
-  var _applicationDetails$b, _Digit$Hooks$ads, _Digit$Hooks$ads$useA, _displayData$applican, _displayData$applican2, _workflowDetails$data, _workflowDetails$data2, _reciept_data$Payment, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _displayData$applican8, _application$document, _displayData$applican9, _workflowDetails$data4, _workflowDetails$data5;
+  var _applicationDetails$b, _Digit$Hooks$ads, _Digit$Hooks$ads$useA, _displayData$applican, _displayData$applican2, _workflowDetails$data, _workflowDetails$data2, _displayData$applican4, _displayData$applican5, _displayData$applican6, _displayData$applican7, _displayData$applican8, _application$document, _displayData$applican9, _workflowDetails$data4, _workflowDetails$data5;
   const {
     id
   } = useParams();
@@ -23210,7 +23012,7 @@ const ApplicationDetails = () => {
     const stateId = ((_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ULBService = _Digit.ULBService) === null || _Digit$ULBService === void 0 ? void 0 : (_Digit$ULBService$get = _Digit$ULBService.getStateId) === null || _Digit$ULBService$get === void 0 ? void 0 : _Digit$ULBService$get.call(_Digit$ULBService)) || null;
     const argForFilefetch = stateId || tenantId;
     Digit.UploadServices.Filefetch(filesArray, argForFilefetch).then(res => {
-      let data = (res === null || res === void 0 ? void 0 : res.data) ?? (res === null || res === void 0 ? void 0 : res.files) ?? res;
+      let data = (res === null || res === void 0 ? void 0 : res.data) || (res === null || res === void 0 ? void 0 : res.files) || res;
       if (Array.isArray(data)) {
         const asMap = {};
         data.forEach(item => {
@@ -23240,7 +23042,7 @@ const ApplicationDetails = () => {
       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 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);
@@ -23326,26 +23128,6 @@ const ApplicationDetails = () => {
       setAppDetails({});
     }
   }, [isLoading, bookingObj]);
-  const downloadAcknowledgement = async application => {
-    try {
-      if (!application) {
-        throw new Error("Booking Application data is missing");
-      }
-      getAcknowledgement(application, t);
-      setShowToast({
-        key: "success",
-        message: t("ADV_ACKNOWLEDGEMENT_DOWNLOADED_SUCCESSFULLY")
-      });
-      setError("Acknowledgement Downloaded Successfully");
-    } catch (error) {
-      console.error("Acknowledgement download error:", error);
-      setShowToast({
-        key: "error",
-        message: `${error.message}`
-      });
-      setError("Something Went Wrong");
-    }
-  };
   function onActionSelect(wfAction) {
     if (!wfAction) return;
     if (wfAction.action === "PAY") {
@@ -23370,7 +23152,7 @@ const ApplicationDetails = () => {
   }
   const submitAction = async dataPayload => {
     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;
+    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",
@@ -23492,32 +23274,59 @@ const ApplicationDetails = () => {
     });
     window.open(fileStore[fileStoreId], "_blank");
   }
+  async function getAcknowledgementLetter({
+    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
+        }]
+      }, "advacknowledgement");
+      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");
+  }
   let downloadOptions = [];
-  downloadOptions.push({
-    label: t("PTR_PET_DOWNLOAD_ACK_FORM"),
-    onClick: () => downloadAcknowledgement(application)
-  });
-  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) {
+  if ((bookingObj === null || bookingObj === void 0 ? void 0 : bookingObj.bookingStatus) === "BOOKED" || (bookingObj === null || bookingObj === void 0 ? void 0 : bookingObj.bookingStatus) === "CANCELLED") {
+    var _reciept_data$Payment;
     downloadOptions.push({
-      label: t("CHB_FEE_RECEIPT"),
-      onClick: () => {
-        var _reciept_data$Payment2;
-        return getRecieptSearch({
-          tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.tenantId,
-          payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
-        });
-      }
-    });
-    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]
-        });
-      }
+      label: t("PTR_PET_DOWNLOAD_ACK_FORM"),
+      onClick: () => getAcknowledgementLetter({
+        tenantId: tenantId,
+        payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
+      })
     });
+    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("CHB_FEE_RECEIPT"),
+        onClick: () => {
+          var _reciept_data$Payment2;
+          return getRecieptSearch({
+            tenantId: reciept_data === null || reciept_data === void 0 ? void 0 : (_reciept_data$Payment2 = reciept_data.Payments[0]) === null || _reciept_data$Payment2 === void 0 ? void 0 : _reciept_data$Payment2.tenantId,
+            payments: reciept_data === null || reciept_data === void 0 ? void 0 : reciept_data.Payments[0]
+          });
+        }
+      });
+      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);
@@ -23540,7 +23349,25 @@ const ApplicationDetails = () => {
     styles: {
       fontSize: "32px"
     }
-  }, t("ADS_APP_OVER_VIEW_HEADER")))), /*#__PURE__*/React.createElement(Card$1, null, (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican4 = displayData.applicantData) === null || _displayData$applican4 === void 0 ? void 0 : (_displayData$applican5 = _displayData$applican4.auditDetails) === null || _displayData$applican5 === void 0 ? void 0 : _displayData$applican5.createdTime) && (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican6 = displayData.applicantData) === null || _displayData$applican6 === void 0 ? void 0 : _displayData$applican6.bookingStatus) === "PENDING_FOR_PAYMENT" && /*#__PURE__*/React.createElement("div", {
+  }, t("ADS_APP_OVER_VIEW_HEADER")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "12px"
+    }
+  }, downloadOptions && (downloadOptions === null || downloadOptions === void 0 ? void 0 : downloadOptions.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      zIndex: 10
+    }
+  }, /*#__PURE__*/React.createElement(MultiLink, {
+    className: "multilinkWrapper",
+    onHeadClick: () => setShowOptions(!showOptions),
+    displayOptions: showOptions,
+    options: downloadOptions,
+    downloadBtnClassName: "employee-download-btn-className",
+    optionsClassName: "employee-options-btn-className"
+  }))))), /*#__PURE__*/React.createElement(Card$1, null, (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican4 = displayData.applicantData) === null || _displayData$applican4 === void 0 ? void 0 : (_displayData$applican5 = _displayData$applican4.auditDetails) === null || _displayData$applican5 === void 0 ? void 0 : _displayData$applican5.createdTime) && (displayData === null || displayData === void 0 ? void 0 : (_displayData$applican6 = displayData.applicantData) === null || _displayData$applican6 === void 0 ? void 0 : _displayData$applican6.bookingStatus) === "PENDING_FOR_PAYMENT" && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "flex-end"
@@ -23560,7 +23387,7 @@ const ApplicationDetails = () => {
     label: t(formatLabel(key)),
     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")), /*#__PURE__*/React.createElement(ADSCartDetails$1, {
-    cartDetails: cartData ?? [],
+    cartDetails: cartData || [],
     t: t
   })), /*#__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: {
@@ -24349,7 +24176,7 @@ const ADSCitizenDetailsNew = ({
           ...slot,
           isTimerRequired: true
         }));
-      })) ?? [];
+      })) || [];
       const payload = {
         advertisementSlotSearchCriteria: enrichedSlots
       };
@@ -25487,7 +25314,7 @@ const ADSPenalty = ({
   useEffect(() => {
     if (currentStepData) {
       Object.entries(currentStepData).forEach(([key, value]) => {
-        setValue(key, value ?? "");
+        setValue(key, value || "");
       });
     }
   }, [currentStepData, setValue]);
@@ -25513,12 +25340,12 @@ const ADSPenalty = ({
       value: "Yes",
       checked: props.value === "Yes",
       onChange: () => props.onChange("Yes")
-    }), " ", "Yes"), /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
+    }), " Yes"), /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("input", {
       type: "radio",
       value: "No",
       checked: props.value === "No",
       onChange: () => props.onChange("No")
-    }), " ", "No"))
+    }), " No"))
   }), /*#__PURE__*/React.createElement(CardLabel, null, t("Penalty Amount")), /*#__PURE__*/React.createElement(Controller, {
     name: "penaltyAmount",
     control: control,
@@ -25526,7 +25353,7 @@ const ADSPenalty = ({
       validate: val => penaltyValue === "No" || !!val || t("This field is required")
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
-      value: props.value ?? "",
+      value: props.value || "",
       onChange: e => props.onChange(e.target.value),
       disabled: penaltyValue !== "Yes",
       t: t
@@ -25542,7 +25369,7 @@ const ADSPenalty = ({
       validate: val => penaltyValue === "No" || !!val || t("This field is required")
     },
     render: props => /*#__PURE__*/React.createElement(TextInput, {
-      value: props.value ?? "",
+      value: props.value || "",
       onChange: e => props.onChange(e.target.value),
       disabled: penaltyValue !== "Yes",
       t: t
@@ -25775,7 +25602,7 @@ const NewADSStepFormFive = ({
         tenantId,
         ...source,
         bookingStatus: statusToSend === "INITIATED" ? "BOOKING_CREATED" : statusToSend === "REFUND" ? "CANCELLED" : statusToSend || (source === null || source === void 0 ? void 0 : source.bookingStatus),
-        documents: (source === null || source === void 0 ? void 0 : source.documents) ?? [],
+        documents: (source === null || source === void 0 ? void 0 : source.documents) || [],
         workflow: {
           businessService: (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data4 = workflowDetails.data) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.applicationBusinessService) || "ADV",
           states: matchingState || statusToSend || "",