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

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, 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, BackButton, 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,6 +186,7 @@ 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) {
@@ -16798,7 +16799,6 @@ 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,8 +16808,7 @@ 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 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 comment = (item === null || item === void 0 ? void 0 : (_item$wfComment = item.wfComment) === null || _item$wfComment === void 0 ? void 0 : _item$wfComment[0]) || "-";
     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(", ") : "";
@@ -19301,6 +19300,7 @@ const ApplicationCard = ({
     if (type) setPopup(true);
   }, [type]);
   const handlePopupClose = () => {
+    console.log("here comingf");
     setPopup(false);
     setType("");
     setSortParams(sortParams);
@@ -19338,6 +19338,7 @@ const ApplicationCard = ({
   }), !isSearch && onFilterChange && /*#__PURE__*/React.createElement(FilterAction, {
     text: "FILTER",
     handleActionClick: () => {
+      console.log("here yes");
       setType("FILTER");
       setPopup(true);
     }
@@ -19634,31 +19635,6 @@ 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,
@@ -19690,15 +19666,12 @@ const EmployeeApp = ({
       locality: []
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "ground-container"
   }, !isRes ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: "10px"
-    }
-  }, /*#__PURE__*/React.createElement(ADSBreadCrumbs$1, {
-    location: location,
-    t: t
+    className: `ads-registration-row ${isNewRegistration ? "ads-registration-row--new" : "ads-registration-row--existing"}`
+  }, /*#__PURE__*/React.createElement(BackButton, {
+    location: location
   })) : null, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/bookad`,
     component: props => /*#__PURE__*/React.createElement(ADSCreate, Object.assign({}, props, {
@@ -19741,7 +19714,7 @@ const EmployeeApp = ({
       isInbox: false,
       EmptyResultInboxComp: "PTEmptyResultInbox"
     })
-  })));
+  })))));
 };
 
 const ReservationTimer = ({
@@ -19836,7 +19809,10 @@ const AdsApplication = ({
   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", {
-    className: "ads-reservation-wrapper"
+    style: {
+      display: "flex",
+      justifyContent: "flex-end"
+    }
   }, /*#__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,
@@ -20648,13 +20624,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"), 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", {
+    }, (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", {
       className: "custom-officer-email"
     }, /*#__PURE__*/React.createElement("span", {
       className: "custom-email-label"
-    }, 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", {
+    }, 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", {
       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"
@@ -20676,13 +20652,9 @@ 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) => {
-      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", {
+    }, 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", {
       className: "custom-assigned-to-footer"
     }, /*#__PURE__*/React.createElement("h3", {
       className: "custom-comments-title"
@@ -20690,9 +20662,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("span", {
+    }, (_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", {
       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"
@@ -22250,6 +22222,7 @@ 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",
@@ -22540,6 +22513,7 @@ 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();
@@ -24392,10 +24366,16 @@ 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", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24434,7 +24414,9 @@ 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", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24477,7 +24459,9 @@ 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", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24552,7 +24536,9 @@ 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", {
-    className: "mandatory-asterisk"
+    style: {
+      color: "red"
+    }
   }, "*")), /*#__PURE__*/React.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React.createElement(Controller, {
@@ -24593,7 +24579,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
@@ -24805,7 +24791,12 @@ const AvailabilityModal = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "ads-cart-header"
   }, /*#__PURE__*/React.createElement("h2", {
-    className: "ads-availibility-for-title"
+    style: {
+      margin: 0,
+      fontSize: "20px",
+      fontWeight: 700,
+      color: "#333"
+    }
   }, 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", {
@@ -24894,14 +24885,25 @@ const CartModal = ({
   }, /*#__PURE__*/React.createElement("div", {
     className: "ads-cart-header"
   }, /*#__PURE__*/React.createElement("h2", {
-    className: "ads-availibility-for-title"
+    style: {
+      margin: 0,
+      fontSize: "20px",
+      fontWeight: 700,
+      color: "#333"
+    }
   }, t("ADS_YOUR_CART")), /*#__PURE__*/React.createElement("button", {
     onClick: onClose,
     className: "ads-cart-close"
   }, "\u2716")), /*#__PURE__*/React.createElement("div", {
-    className: "ads-cart-modal-body"
+    style: {
+      flex: 1,
+      overflowY: "auto"
+    }
   }, (cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.length) === 0 ? /*#__PURE__*/React.createElement("p", {
-    className: "ads-cart-empty-text"
+    style: {
+      padding: "12px",
+      color: "#666"
+    }
   }, 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);
@@ -24913,9 +24915,15 @@ const CartModal = ({
       className: "ads-cart-item-header"
     }, /*#__PURE__*/React.createElement("div", {
       onClick: () => toggleExpand(key),
-      className: "ads-cart-item-header-info"
+      style: {
+        cursor: "pointer",
+        flex: 1
+      }
     }, 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", {
-      className: "ads-cart-item-toggle-modal"
+      style: {
+        fontSize: "18px",
+        marginLeft: "8px"
+      }
     }, isOpen ? "▾" : "▸")), /*#__PURE__*/React.createElement("button", {
       onClick: () => {
         var _item$ad4, _item$ad5;
@@ -24965,27 +24973,61 @@ 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",
-    className: "ads-ad-card-image-img"
+    style: {
+      width: "100%",
+      height: "100%",
+      objectFit: "cover"
+    }
   }) : /*#__PURE__*/React.createElement("div", {
     className: "ads-card-noimage"
   }, t("ADS_NO_IMAGE"))), /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-info"
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 6,
+      fontSize: 13,
+      color: "#444"
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-info-row ads-ad-card-info-row--bold"
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      fontWeight: 600
+    }
   }, /*#__PURE__*/React.createElement("span", null, t(ad.name)), /*#__PURE__*/React.createElement("span", {
-    className: "ads-ad-card-amount"
+    style: {
+      color: "#222"
+    }
   }, "\u20B9", ad === null || ad === void 0 ? void 0 : ad.amount)), /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-info-row"
+    style: {
+      display: "flex",
+      justifyContent: "space-between"
+    }
   }, /*#__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", {
-    className: "ads-ad-card-info-row"
+    style: {
+      display: "flex",
+      justifyContent: "space-between"
+    }
   }, /*#__PURE__*/React.createElement("span", null, t(ad === null || ad === void 0 ? void 0 : ad.adType)), /*#__PURE__*/React.createElement("span", {
-    className: "ads-ad-card-light"
+    style: {
+      color: "green",
+      fontWeight: 600
+    }
   }, ad === null || ad === void 0 ? void 0 : ad.light))), /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-date-row"
+    style: {
+      display: "flex",
+      gap: "4px",
+      marginTop: "8px"
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-date-field"
+    style: {
+      flex: 1
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-date-label"
+    style: {
+      fontSize: 12,
+      color: "#666"
+    }
   }, t("ADS_START_DATE_TIME")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: `ads.${idx}.startDate`,
@@ -24997,9 +25039,14 @@ const AdCard = ({
       className: "ads-card-input"
     })
   })), /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-date-field"
+    style: {
+      flex: 1
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-date-label"
+    style: {
+      fontSize: 12,
+      color: "#666"
+    }
   }, t("ADS_END_DATE_TIME")), /*#__PURE__*/React.createElement(Controller, {
     control: control,
     name: `ads.${idx}.endDate`,
@@ -25011,7 +25058,11 @@ const AdCard = ({
       className: "ads-card-input"
     })
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "ads-ad-card-actions"
+    style: {
+      display: "flex",
+      gap: 8,
+      marginTop: 6
+    }
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: () => _onViewAvailability(ad, {
@@ -25024,7 +25075,9 @@ const AdCard = ({
     onClick: openCart,
     className: "ads-btn-success"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "ads-ad-card-cart-icon"
+    style: {
+      color: "black"
+    }
   }, "\uD83D\uDED2"), t("ADS_IN_CART"))));
 };
 
@@ -27360,14 +27413,14 @@ function ADSSummary({
     className: "bpa-summary-page"
   }, /*#__PURE__*/React.createElement("h2", {
     className: "bpa-summary-heading"
-  }, TT("ADS_APPLICANT_DETAILS")), /*#__PURE__*/React.createElement("div", {
+  }, TT("ADS_APPLICANT_DETAILS")), /*#__PURE__*/React.createElement("span", {
     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("div", {
+  }, TT("ADS_DETAILS")), /*#__PURE__*/React.createElement("span", {
     className: "ads-summary-edit",
     onClick: () => dispatch(SET_ADSNewApplication_STEP(1))
   }, TT("TL_SUMMARY_EDIT")), /*#__PURE__*/React.createElement("div", {
@@ -27379,7 +27432,7 @@ function ADSSummary({
     className: "document-section-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: "document-section-header"
-  }, TT("ADS_DOCUMENTS_DETAILS")), /*#__PURE__*/React.createElement("div", {
+  }, TT("ADS_DOCUMENTS_DETAILS")), /*#__PURE__*/React.createElement("span", {
     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", {