@mseva/upyog-ui-module-ads 1.1.86-dev.1.2 → 1.1.86-dev.1.4

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Modal, Card as Card$1, CheckBox, Header, SearchForm, SearchField, TextInput, Dropdown, MobileNumber, CardLabelError as CardLabelError$2, DatePicker, SubmitBar, Table, Loader as Loader$2, Toast, AppContainer, PrivateRoute, BreadCrumb, CloseSvg, RadioButtons, Banner, CardText as CardText$1, ActionBar, KeyNote, DeleteIcon, CardSubHeader, FormStep, CardHeader as CardHeader$1, CardLabel, TelePhone, DisplayPhotos, LocationSearchCard as LocationSearchCard$1, CheckPoint, ConnectingCheckPoints, TickMark, CardLabelDesc, LabelFieldPair, TextArea, UploadFile, StatusTable, Row, LinkButton, EmployeeModuleCard, PropertyHouse, Label, LinkLabel, Localities, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, BackButton, MultiLink, FormComposer, Menu, CitizenHomeCard } from '@mseva/digit-ui-react-components';
+import { Modal, Card as Card$1, CheckBox, Header, SearchForm, SearchField, TextInput, Dropdown, MobileNumber, CardLabelError as CardLabelError$2, DatePicker, SubmitBar, Table, Loader as Loader$2, Toast, AppContainer, PrivateRoute, BreadCrumb, CloseSvg, RadioButtons, Banner, CardText as CardText$1, ActionBar, KeyNote, DeleteIcon, CardSubHeader, FormStep, CardHeader as CardHeader$1, CardLabel, TelePhone, DisplayPhotos, LocationSearchCard as LocationSearchCard$1, CheckPoint, ConnectingCheckPoints, TickMark, CardLabelDesc, LabelFieldPair, TextArea, UploadFile, StatusTable, Row, LinkButton, EmployeeModuleCard, PropertyHouse, Label, LinkLabel, Localities, DetailsCard, SearchAction, FilterAction, PopUp, ShippingTruck, MultiLink, FormComposer, Menu, CitizenHomeCard } from '@mseva/digit-ui-react-components';
 import React, { useState, useEffect, useMemo, useCallback, useRef, Fragment as Fragment$1 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useParams, useRouteMatch, useLocation, Switch, Route, Redirect } from 'react-router-dom';
@@ -186,7 +186,6 @@ const transformBookingResponseToBookingData = (apiResponse = {}) => {
       var _sorted$, _sorted;
       const items = groups[key];
       const sorted = items.slice().sort((a, b) => new Date(a.bookingDate) - new Date(b.bookingDate));
-      console.log("sorted", sorted);
       const GAP = 7;
       const dateRanges = [];
       if (sorted.length) {
@@ -336,7 +335,7 @@ const allowedKeys = ["addType", "location", "faceArea", "nightLight", "bookingId
 const Heading = props => {
   return /*#__PURE__*/React.createElement("h1", {
     className: "heading-m"
-  }, props.t("CHB_CANCEL"));
+  }, props.t("ADS_CANCEL_BOOKING"));
 };
 const Close = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
@@ -390,7 +389,7 @@ const ADSCancelBooking = ({
   }, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit(onSubmit)
   }, /*#__PURE__*/React.createElement(CheckBox, {
-    label: t("ADS_CONFIRM_CANCEL_BOOKING"),
+    label: t("ADS_CANCEL_BOOKING"),
     onChange: setdeclarationhandler,
     style: {
       height: "auto"
@@ -16799,6 +16798,7 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
     const formats = (downloadLink === null || downloadLink === void 0 ? void 0 : (_downloadLink$split = downloadLink.split(",")) === null || _downloadLink$split === void 0 ? void 0 : _downloadLink$split.filter(Boolean)) || [];
     return (formats === null || formats === void 0 ? void 0 : formats.find(link => !(link !== null && link !== void 0 && link.includes("large")) && !(link !== null && link !== void 0 && link.includes("medium")) && !(link !== null && link !== void 0 && link.includes("small")))) || (formats === null || formats === void 0 ? void 0 : formats[0]) || "";
   };
+  const pattern = /\[#\?.*?\*\*\]/;
   const timelineRows = timeline.map((item, index) => {
     var _item$auditDetails, _item$auditDetails2, _item$assigner, _item$assigner2, _item$assigner3, _item$wfComment;
     const createdDate = (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.created) || "N/A";
@@ -16808,7 +16808,8 @@ const getTimelineAcknowledgementData = (workflowDetails, tenantInfo, pdfFiles =
     const mobileNumber = (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.mobileNumber) || "N/A";
     const action = (item === null || item === void 0 ? void 0 : item.performedAction) || "N/A";
     const status = (item === null || item === void 0 ? void 0 : item.status) || (item === null || item === void 0 ? void 0 : item.state) || "N/A";
-    const comment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
+    const rawComment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
+    const comment = typeof rawComment === "string" ? rawComment.split(pattern)[0] : rawComment;
     const documents = (item === null || item === void 0 ? void 0 : item.wfDocuments) || [];
     const sla = (item === null || item === void 0 ? void 0 : item.sla) || "N/A";
     const assignedTo = Array.isArray(item === null || item === void 0 ? void 0 : item.assignes) ? item.assignes.map(a => a === null || a === void 0 ? void 0 : a.name).filter(Boolean).join(", ") : "";
@@ -19300,7 +19301,6 @@ const ApplicationCard = ({
     if (type) setPopup(true);
   }, [type]);
   const handlePopupClose = () => {
-    console.log("here comingf");
     setPopup(false);
     setType("");
     setSortParams(sortParams);
@@ -19338,7 +19338,6 @@ const ApplicationCard = ({
   }), !isSearch && onFilterChange && /*#__PURE__*/React.createElement(FilterAction, {
     text: "FILTER",
     handleActionClick: () => {
-      console.log("here yes");
       setType("FILTER");
       setPopup(true);
     }
@@ -19635,6 +19634,31 @@ const Inbox = ({
   }
 };
 
+const ADSBreadCrumbs$1 = ({
+  location,
+  t
+}) => {
+  const crumbs = [{
+    path: "/digit-ui/employee",
+    content: t("ES_COMMON_HOME"),
+    show: true
+  }, {
+    path: "/digit-ui/employee/ads/inbox",
+    content: t("CS_COMMON_INBOX"),
+    show: location.pathname.includes("/ads/inbox") ? true : false
+  }, {
+    path: "/digit-ui/employee/ads/bookad",
+    content: "Book",
+    show: location.pathname.includes("/ads/bookad") ? true : false
+  }, {
+    path: "/digit-ui/employee/ads/applicationsearch/application-details",
+    content: "Application Overview",
+    show: location.pathname.includes("/ads/applicationsearch/application-details") ? true : false
+  }];
+  return /*#__PURE__*/React.createElement(BreadCrumb, {
+    crumbs: crumbs
+  });
+};
 const EmployeeApp = ({
   path,
   url,
@@ -19666,12 +19690,15 @@ const EmployeeApp = ({
       locality: []
     }
   };
-  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container"
   }, !isRes ? /*#__PURE__*/React.createElement("div", {
-    className: `ads-registration-row ${isNewRegistration ? "ads-registration-row--new" : "ads-registration-row--existing"}`
-  }, /*#__PURE__*/React.createElement(BackButton, {
-    location: location
+    style: {
+      marginLeft: "10px"
+    }
+  }, /*#__PURE__*/React.createElement(ADSBreadCrumbs$1, {
+    location: location,
+    t: t
   })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/bookad`,
     component: props => /*#__PURE__*/React.createElement(ADSCreate, Object.assign({}, props, {
@@ -19714,7 +19741,7 @@ const EmployeeApp = ({
       isInbox: false,
       EmptyResultInboxComp: "PTEmptyResultInbox"
     })
-  })))));
+  })));
 };
 
 const ReservationTimer = ({
@@ -19766,10 +19793,12 @@ const AdsApplication = ({
   } = useTranslation();
   const history = useHistory();
   const [showToast, setShowToast] = useState(null);
+  const [showModal, setShowModal] = useState(false);
   const handleMakePayment = () => {
     history.push(`/digit-ui/citizen/payment/my-bills/adv-services/${application === null || application === void 0 ? void 0 : application.bookingNo}`);
   };
-  const handleCancelBooking = async () => {
+  const submitCancelBooking = async () => {
+    setShowModal(false);
     const formData = {
       tenantId: application === null || application === void 0 ? void 0 : application.tenantId,
       ...application,
@@ -19808,11 +19837,8 @@ const AdsApplication = ({
   }, [showToast]);
   const appDate = new Date(application === null || application === void 0 ? void 0 : application.applicationDate).toLocaleDateString();
   const [expired, setExpired] = useState(false);
-  return /*#__PURE__*/React.createElement(Card$1, null, application.bookingStatus === "PENDING_FOR_PAYMENT" && (application === null || application === void 0 ? void 0 : (_application$auditDet = application.auditDetails) === null || _application$auditDet === void 0 ? void 0 : _application$auditDet.createdTime) && /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "flex-end"
-    }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card$1, null, application.bookingStatus === "PENDING_FOR_PAYMENT" && (application === null || application === void 0 ? void 0 : (_application$auditDet = application.auditDetails) === null || _application$auditDet === void 0 ? void 0 : _application$auditDet.createdTime) && /*#__PURE__*/React.createElement("div", {
+    className: "ads-reservation-wrapper"
   }, /*#__PURE__*/React.createElement(ReservationTimer, {
     t: t,
     createTime: application === null || application === void 0 ? void 0 : (_application$auditDet2 = application.auditDetails) === null || _application$auditDet2 === void 0 ? void 0 : _application$auditDet2.createdTime,
@@ -19841,7 +19867,7 @@ const AdsApplication = ({
     disabled: expired
   }), application.bookingStatus === "BOOKED" && /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("ADS_CANCEL_BOOKING"),
-    onSubmit: handleCancelBooking,
+    onSubmit: () => setShowModal(true),
     disabled: expired
   })), showToast && /*#__PURE__*/React.createElement(Toast, {
     error: showToast.error,
@@ -19850,6 +19876,14 @@ const AdsApplication = ({
     onClose: () => {
       setShowToast(null);
     }
+  })), showModal && /*#__PURE__*/React.createElement(ADSCancelBooking, {
+    t: t,
+    closeModal: () => setShowModal(false),
+    actionCancelLabel: "BACK",
+    actionCancelOnSubmit: () => setShowModal(false),
+    actionSaveLabel: "ADS_CANCEL",
+    actionSaveOnSubmit: submitCancelBooking,
+    onSubmit: submitCancelBooking
   }));
 };
 
@@ -20482,7 +20516,9 @@ function NewApplicationTimeline({
   workflowDetails,
   t,
   tenantId = Digit.ULBService.getCurrentTenantId(),
-  timeObj
+  timeObj,
+  empUserName = null,
+  handleSetEmpDesignation = () => {}
 }) {
   var _workflowDetails$data, _workflowDetails$data2, _workflowDetails$data3, _workflowDetails$data4, _employeeData$data, _employeeData$data$Em;
   const {
@@ -20557,6 +20593,9 @@ function NewApplicationTimeline({
     const translationKey = `COMMON_MASTERS_DESIGNATION_${assignment === null || assignment === void 0 ? void 0 : assignment.designation}`;
     deptMap[emp === null || emp === void 0 ? void 0 : emp.code] = translationKey;
   });
+  if (employeeData && empUserName) {
+    handleSetEmpDesignation(t(deptMap[empUserName]));
+  }
   if (isLoading) return /*#__PURE__*/React.createElement(Loader$2, null);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "custom-timeline-container"
@@ -20624,13 +20663,13 @@ function NewApplicationTimeline({
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA")), (item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.emailId) && /*#__PURE__*/React.createElement("div", {
+    }, (item === null || item === void 0 ? void 0 : (_item$assigner2 = item.assigner) === null || _item$assigner2 === void 0 ? void 0 : _item$assigner2.name) || t("CS_COMMON_NA"), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner3 = item.assigner) === null || _item$assigner3 === void 0 ? void 0 : _item$assigner3.userName] && /*#__PURE__*/React.createElement("span", {
+      className: "custom-officer-name"
+    }, "- ", t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.userName]))), (item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.emailId) && /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-email"
     }, /*#__PURE__*/React.createElement("span", {
       className: "custom-email-label"
-    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner4 = item.assigner) === null || _item$assigner4 === void 0 ? void 0 : _item$assigner4.emailId), deptMap[item === null || item === void 0 ? void 0 : (_item$assigner5 = item.assigner) === null || _item$assigner5 === void 0 ? void 0 : _item$assigner5.userName] && /*#__PURE__*/React.createElement("div", {
-      className: "custom-officer-name"
-    }, t(deptMap[item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.userName])))), /*#__PURE__*/React.createElement("div", {
+    }, t("Email")), " ", item === null || item === void 0 ? void 0 : (_item$assigner6 = item.assigner) === null || _item$assigner6 === void 0 ? void 0 : _item$assigner6.emailId))), /*#__PURE__*/React.createElement("div", {
       className: "custom-card-column custom-card-column-mid"
     }, (item === null || item === void 0 ? void 0 : item.sla) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
       className: "custom-action-title"
@@ -20652,9 +20691,13 @@ function NewApplicationTimeline({
       className: "custom-comments-title"
     }, t("Officer Comments")), /*#__PURE__*/React.createElement("div", {
       className: "custom-comment-text"
-    }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => /*#__PURE__*/React.createElement("p", {
-      key: idx
-    }, comment)))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    }, item === null || item === void 0 ? void 0 : (_item$wfComment3 = item.wfComment) === null || _item$wfComment3 === void 0 ? void 0 : _item$wfComment3.map((comment, idx) => {
+      const pattern = /\[#\?.*?\*\*\]/;
+      const truncatedComment = typeof comment === "string" ? comment === null || comment === void 0 ? void 0 : comment.split(pattern)[0] : comment;
+      return /*#__PURE__*/React.createElement("p", {
+        key: idx
+      }, truncatedComment);
+    }))), (item === null || item === void 0 ? void 0 : (_item$assignes = item.assignes) === null || _item$assignes === void 0 ? void 0 : _item$assignes.length) > 0 && /*#__PURE__*/React.createElement("div", {
       className: "custom-assigned-to-footer"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-comments-title"
@@ -20662,9 +20705,9 @@ function NewApplicationTimeline({
       className: "custom-officer-info"
     }, /*#__PURE__*/React.createElement("div", {
       className: "custom-officer-name"
-    }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name), deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("div", {
+    }, (_item$assignes$ = item.assignes[0]) === null || _item$assignes$ === void 0 ? void 0 : _item$assignes$.name, deptMap[(_item$assignes$2 = item.assignes[0]) === null || _item$assignes$2 === void 0 ? void 0 : _item$assignes$2.userName] && /*#__PURE__*/React.createElement("span", {
       className: "custom-officer-email"
-    }, t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName]))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    }, "- ", t(deptMap[(_item$assignes$3 = item.assignes[0]) === null || _item$assignes$3 === void 0 ? void 0 : _item$assignes$3.userName])))))), (item === null || item === void 0 ? void 0 : item.wfDocuments) && (item === null || item === void 0 ? void 0 : (_item$wfDocuments = item.wfDocuments) === null || _item$wfDocuments === void 0 ? void 0 : _item$wfDocuments.length) > 0 && /*#__PURE__*/React.createElement("div", {
       className: "custom-comments-section-no-border"
     }, /*#__PURE__*/React.createElement("h4", {
       className: "custom-comments-title"
@@ -22222,7 +22265,6 @@ var browser = {
 
 const getAcknowledgement = async (application, t) => {
   var _application$applican, _application$applican2, _application$applican3, _application$applican4, _application$cartDeta;
-  console.log('application', application);
   const currentDate = new Date().toLocaleDateString("en-IN", {
     day: "2-digit",
     month: "long",
@@ -22513,7 +22555,6 @@ const ADSApplicationDetails = () => {
     }
   });
   const new_data = transformBookingResponseToBookingData(adsData);
-  console.log("new_data my here", new_data);
   const mutation = Digit.Hooks.ads.useADSCreateAPI(tenantId, false);
   useEffect(() => {
     refetch();
@@ -23127,7 +23168,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();
@@ -23217,6 +23258,7 @@ const ApplicationDetails = () => {
   const [displayMenu, setDisplayMenu] = useState(false);
   const [selectedAction, setSelectedAction] = useState(null);
   const [showModal, setShowModal] = useState(false);
+  const [showCancelModal, setShowCancelModal] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const mutation = (_Digit$Hooks$ads = Digit.Hooks.ads) === null || _Digit$Hooks$ads === void 0 ? void 0 : (_Digit$Hooks$ads$useA = _Digit$Hooks$ads.useADSCreateAPI) === null || _Digit$Hooks$ads$useA === void 0 ? void 0 : _Digit$Hooks$ads$useA.call(_Digit$Hooks$ads, tenantId, false);
   const {
@@ -23323,6 +23365,10 @@ const ApplicationDetails = () => {
       return history.push(`/digit-ui/employee/payment/collect/adv-services/${appNo}/${tenantId}?tenantId=${tenantId}`);
     }
     if (wfAction.action === "SUBMIT" || wfAction.action === "INITIATE" || wfAction.action === "CANCEL") {
+      if (wfAction.action === "CANCEL") {
+        setShowCancelModal(true);
+        return;
+      }
       const payloadAction = {
         action: wfAction.action,
         comment: wfAction.action || ""
@@ -23462,37 +23508,50 @@ const ApplicationDetails = () => {
     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: () => 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) {
+      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);
   if (isLoading || isDetailsLoading) {
     return /*#__PURE__*/React.createElement(Loader$2, null);
   }
+  const handleCancelBooking = async () => {
+    setShowCancelModal(false);
+    const payloadAction = {
+      action: "CANCEL",
+      comment: "CANCEL"
+    };
+    return submitAction({
+      Licenses: [payloadAction]
+    });
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "employee-main-application-details"
   }, /*#__PURE__*/React.createElement("div", {
@@ -23509,7 +23568,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"
@@ -23586,6 +23663,14 @@ const ApplicationDetails = () => {
     label: error,
     onClose: () => setShowToast(null),
     isDleteBtn: true
+  }), showCancelModal && /*#__PURE__*/React.createElement(ADSCancelBooking, {
+    t: t,
+    closeModal: () => setShowCancelModal(false),
+    actionCancelLabel: "BACK",
+    actionCancelOnSubmit: () => setShowCancelModal(false),
+    actionSaveLabel: "ADS_CANCEL",
+    actionSaveOnSubmit: handleCancelBooking,
+    onSubmit: handleCancelBooking
   }));
 };
 
@@ -24366,16 +24451,10 @@ const ADSCitizenDetailsNew = ({
   return /*#__PURE__*/React.createElement("form", {
     className: "card",
     onSubmit: handleSubmit(onSubmit)
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxWidth: !isCitizen && "500px"
-    }
   }, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("NOC_APPLICANT_MOBILE_NO_LABEL"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    className: "mandatory-asterisk"
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24414,9 +24493,7 @@ const ADSCitizenDetailsNew = ({
   }, errors.mobileNumber.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, `${t("ES_NEW_APPLICATION_APPLICANT_NAME")}`, " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    className: "mandatory-asterisk"
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24459,9 +24536,7 @@ const ADSCitizenDetailsNew = ({
   }, errors === null || errors === void 0 ? void 0 : (_errors$name = errors.name) === null || _errors$name === void 0 ? void 0 : _errors$name.message))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
     className: "card-label-smaller"
   }, t("NOC_APPLICANT_EMAIL_LABEL"), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
+    className: "mandatory-asterisk"
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24536,9 +24611,7 @@ const ADSCitizenDetailsNew = ({
   }, 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("span", {
-    style: {
-      color: "red"
-    }
+    className: "mandatory-asterisk"
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24579,7 +24652,7 @@ const ADSCitizenDetailsNew = ({
       marginTop: "4px",
       marginBottom: "0"
     }
-  }, errors === null || errors === void 0 ? void 0 : (_errors$pincode = errors.pincode) === null || _errors$pincode === void 0 ? void 0 : _errors$pincode.message)))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  }, errors === null || errors === void 0 ? void 0 : (_errors$pincode = errors.pincode) === null || _errors$pincode === void 0 ? void 0 : _errors$pincode.message))), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     className: "submit-bar-back",
     label: "Back",
     onSubmit: onGoBack
@@ -24791,12 +24864,7 @@ const AvailabilityModal = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "ads-cart-header"
   }, /*#__PURE__*/React.createElement("h2", {
-    style: {
-      margin: 0,
-      fontSize: "20px",
-      fontWeight: 700,
-      color: "#333"
-    }
+    className: "ads-availibility-for-title"
   }, t("ADS_AVAILIBILITY_FOR"), " ", ad === null || ad === void 0 ? void 0 : ad.name, " ", allBooked && /*#__PURE__*/React.createElement("span", {
     className: "ads-header-note"
   }, t("ADS_ALL_SLOTS_BOOKED"))), /*#__PURE__*/React.createElement("button", {
@@ -24885,25 +24953,14 @@ const CartModal = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "ads-cart-header"
   }, /*#__PURE__*/React.createElement("h2", {
-    style: {
-      margin: 0,
-      fontSize: "20px",
-      fontWeight: 700,
-      color: "#333"
-    }
+    className: "ads-availibility-for-title"
   }, t("ADS_YOUR_CART")), /*#__PURE__*/React.createElement("button", {
     onClick: onClose,
     className: "ads-cart-close"
   }, "\u2716")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1,
-      overflowY: "auto"
-    }
+    className: "ads-cart-modal-body"
   }, (cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.length) === 0 ? /*#__PURE__*/React.createElement("p", {
-    style: {
-      padding: "12px",
-      color: "#666"
-    }
+    className: "ads-cart-empty-text"
   }, t("ADS_NO_ITEMS_IN_CART")) : cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.map((item, idx) => {
     var _item$ad, _item$ad2, _item$ad3, _item$slots;
     const key = getKey(item === null || item === void 0 ? void 0 : item.ad);
@@ -24915,15 +24972,9 @@ const CartModal = ({
       className: "ads-cart-item-header"
     }, /*#__PURE__*/React.createElement("div", {
       onClick: () => toggleExpand(key),
-      style: {
-        cursor: "pointer",
-        flex: 1
-      }
+      className: "ads-cart-item-header-info"
     }, 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 && (_item$ad2 = item.ad) !== null && _item$ad2 !== void 0 && _item$ad2.amount ? ` — ₹${((item === null || item === void 0 ? void 0 : (_item$ad3 = item.ad) === null || _item$ad3 === void 0 ? void 0 : _item$ad3.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", {
-      style: {
-        fontSize: "18px",
-        marginLeft: "8px"
-      }
+      className: "ads-cart-item-toggle-modal"
     }, isOpen ? "▾" : "▸")), /*#__PURE__*/React.createElement("button", {
       onClick: () => {
         var _item$ad4, _item$ad5;
@@ -24973,61 +25024,27 @@ const AdCard = ({
     src: (ad === null || ad === void 0 ? void 0 : ad.imageSrc) || (ad === null || ad === void 0 ? void 0 : ad.photoURL),
     alt: (ad === null || ad === void 0 ? void 0 : ad.name) || `Ad ${ad === null || ad === void 0 ? void 0 : ad.id}`,
     loading: "lazy",
-    style: {
-      width: "100%",
-      height: "100%",
-      objectFit: "cover"
-    }
+    className: "ads-ad-card-image-img"
   }) : /*#__PURE__*/React.createElement("div", {
     className: "ads-card-noimage"
   }, t("ADS_NO_IMAGE"))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 6,
-      fontSize: 13,
-      color: "#444"
-    }
+    className: "ads-ad-card-info"
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      fontWeight: 600
-    }
+    className: "ads-ad-card-info-row ads-ad-card-info-row--bold"
   }, /*#__PURE__*/React.createElement("span", null, t(ad.name)), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "#222"
-    }
+    className: "ads-ad-card-amount"
   }, "\u20B9", ad === null || ad === void 0 ? void 0 : ad.amount)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between"
-    }
+    className: "ads-ad-card-info-row"
   }, /*#__PURE__*/React.createElement("span", null, t(ad === null || ad === void 0 ? void 0 : ad.locationCode)), /*#__PURE__*/React.createElement("span", null, "Pole ", ad.poleNo)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between"
-    }
+    className: "ads-ad-card-info-row"
   }, /*#__PURE__*/React.createElement("span", null, t(ad === null || ad === void 0 ? void 0 : ad.adType)), /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "green",
-      fontWeight: 600
-    }
+    className: "ads-ad-card-light"
   }, ad === null || ad === void 0 ? void 0 : ad.light))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      gap: "4px",
-      marginTop: "8px"
-    }
+    className: "ads-ad-card-date-row"
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1
-    }
+    className: "ads-ad-card-date-field"
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 12,
-      color: "#666"
-    }
+    className: "ads-ad-card-date-label"
   }, t("ADS_START_DATE_TIME")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: `ads.${idx}.startDate`,
@@ -25039,14 +25056,9 @@ const AdCard = ({
       className: "ads-card-input"
     })
   })), /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1
-    }
+    className: "ads-ad-card-date-field"
   }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      fontSize: 12,
-      color: "#666"
-    }
+    className: "ads-ad-card-date-label"
   }, t("ADS_END_DATE_TIME")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: `ads.${idx}.endDate`,
@@ -25058,11 +25070,7 @@ const AdCard = ({
       className: "ads-card-input"
     })
   }))), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      gap: 8,
-      marginTop: 6
-    }
+    className: "ads-ad-card-actions"
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: () => _onViewAvailability(ad, {
@@ -25075,9 +25083,7 @@ const AdCard = ({
     onClick: openCart,
     className: "ads-btn-success"
   }, /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "black"
-    }
+    className: "ads-ad-card-cart-icon"
   }, "\uD83D\uDED2"), t("ADS_IN_CART"))));
 };
 
@@ -27413,14 +27419,14 @@ function ADSSummary({
     className: "bpa-summary-page"
   }, /*#__PURE__*/React.createElement("h2", {
     className: "bpa-summary-heading"
-  }, TT("ADS_APPLICANT_DETAILS")), /*#__PURE__*/React.createElement("span", {
+  }, TT("ADS_APPLICANT_DETAILS")), /*#__PURE__*/React.createElement("div", {
     className: "ads-summary-edit",
     onClick: () => dispatch(SET_ADSNewApplication_STEP(2))
   }, TT("TL_SUMMARY_EDIT")), /*#__PURE__*/React.createElement("div", {
     className: "bpa-summary-section"
   }, renderRow(TT("NOC_APPLICANT_NAME_LABEL"), applicant === null || applicant === void 0 ? void 0 : applicant.applicantName), renderRow(TT("CORE_Mobile_Number"), applicant === null || applicant === void 0 ? void 0 : applicant.applicantMobileNo), renderRow(TT("CORE_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("h2", {
     className: "bpa-summary-heading"
-  }, TT("ADS_DETAILS")), /*#__PURE__*/React.createElement("span", {
+  }, TT("ADS_DETAILS")), /*#__PURE__*/React.createElement("div", {
     className: "ads-summary-edit",
     onClick: () => dispatch(SET_ADSNewApplication_STEP(1))
   }, TT("TL_SUMMARY_EDIT")), /*#__PURE__*/React.createElement("div", {
@@ -27432,7 +27438,7 @@ function ADSSummary({
     className: "document-section-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: "document-section-header"
-  }, TT("ADS_DOCUMENTS_DETAILS")), /*#__PURE__*/React.createElement("span", {
+  }, TT("ADS_DOCUMENTS_DETAILS")), /*#__PURE__*/React.createElement("div", {
     className: "ads-summary-edit",
     onClick: () => dispatch(SET_ADSNewApplication_STEP(3))
   }, TT("TL_SUMMARY_EDIT")), (docs === null || docs === void 0 ? void 0 : docs.length) > 0 ? /*#__PURE__*/React.createElement("div", {