@mseva/upyog-ui-module-ads 1.0.97 → 1.0.98

package/dist/index.modern.js

@@ -238,6 +238,13 @@ const transformBookingResponseToBookingData = (apiResponse = {}) => {
     bookingData
   };
 };
+const areSlotsEqual = (a = [], b = []) => {
+  if ((a === null || a === void 0 ? void 0 : a.length) !== (b === null || b === void 0 ? void 0 : b.length)) return false;
+  const key = s => s === null || s === void 0 ? void 0 : s.bookingDate;
+  const aKeys = a === null || a === void 0 ? void 0 : a.map(key).sort();
+  const bKeys = b === null || b === void 0 ? void 0 : b.map(key).sort();
+  return (JSON === null || JSON === void 0 ? void 0 : JSON.stringify(aKeys)) === (JSON === null || JSON === void 0 ? void 0 : JSON.stringify(bKeys));
+};
 function transformAdsData(adsData) {
   var _Object$values;
   const grouped = {};
@@ -23073,25 +23080,7 @@ const ApplicationDetails = () => {
     styles: {
       fontSize: "32px"
     }
-  }, 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", {
+  }, 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", {
     style: {
       display: "flex",
       justifyContent: "flex-end"
@@ -24098,7 +24087,8 @@ const AvailabilityModal = ({
   onSelectSlot,
   dateRange,
   t,
-  cartSlots
+  cartSlots,
+  onRemoveSlot
 }) => {
   var _cartSlots$find;
   const [selectedSlots, setSelectedSlots] = useState([]);
@@ -24152,20 +24142,32 @@ const AvailabilityModal = ({
         addType: ad === null || ad === void 0 ? void 0 : ad.adType,
         amount: ad === null || ad === void 0 ? void 0 : ad.amount,
         bookingDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
-        nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light" ? true : false,
+        nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light",
         bookingStartDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
         bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate
       });
-      setSelectedSlots([]);
-      setSelectAll(false);
-      onClose();
+    } else if ((existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0) {
+      onRemoveSlot(ad);
     }
+    setSelectedSlots([]);
+    setSelectAll(false);
+    onClose();
   };
   useEffect(() => {
     if (allInCart) {
       setSelectAll(true);
     }
   }, [allInCart]);
+  const hasChanges = !areSlotsEqual(selectedSlots, existingForAd);
+  useEffect(() => {
+    if (ad !== null && ad !== void 0 && ad.id && (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0) {
+      setSelectAll(true);
+      setSelectedSlots(existingForAd);
+    } else {
+      setSelectAll(false);
+      setSelectedSlots([]);
+    }
+  }, [ad]);
   const columns = [{
     Header: () => /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
@@ -24184,7 +24186,7 @@ const AvailabilityModal = ({
       row
     }) => {
       const slot = row === null || row === void 0 ? void 0 : row.original;
-      const isChecked = allInCart || selectAll && (slot === null || slot === void 0 ? void 0 : slot.slotStaus) === "AVAILABLE";
+      const isChecked = selectAll && (slot === null || slot === void 0 ? void 0 : slot.slotStaus) === "AVAILABLE";
       return /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: isChecked,
@@ -24350,17 +24352,18 @@ const AvailabilityModal = ({
     }
   }, t ? t("Cancel") : "Cancel"), /*#__PURE__*/React.createElement("button", {
     onClick: handleAddToCart,
+    disabled: !hasChanges,
     style: {
       padding: "10px 18px",
       borderRadius: "6px",
       border: "none",
-      background: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) > 0 ? "#2947a3" : "#ccc",
+      background: hasChanges ? "#2947a3" : "#ccc",
       color: "#fff",
       fontWeight: 600,
-      cursor: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) > 0 ? "pointer" : "not-allowed",
+      cursor: hasChanges ? "pointer" : "not-allowed",
       transition: "background 0.2s"
     }
-  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("ADS_UPDATE_CART") : t("ADS_ADD_TO_CART")))));
+  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("COMMON_REMOVE_LABEL") : t("ADS_ADD_TO_CART")))));
 };
 
 const CartModal = ({
@@ -24846,20 +24849,6 @@ const ADSCitizenSecond = ({
       });
     }
   };
-  const areCartSlotsEqual = (a = [], b = []) => {
-    if (a.length !== b.length) return false;
-    const sortByAd = arr => [...arr].sort((x, y) => String(x.ad.id).localeCompare(String(y.ad.id)));
-    const sortedA = sortByAd(a);
-    const sortedB = sortByAd(b);
-    return sortedA.every((item, idx) => {
-      const other = sortedB[idx];
-      if (String(item.ad.id) !== String(other.ad.id)) return false;
-      const slotsA = item.slots.map(s => s.bookingDate).sort();
-      const slotsB = other.slots.map(s => s.bookingDate).sort();
-      if (slotsA.length !== slotsB.length) return false;
-      return slotsA.every((date, i) => date === slotsB[i]);
-    });
-  };
   const onSubmit = async data => {
     var _currentStepData$ads;
     if ((cartSlots === null || cartSlots === void 0 ? void 0 : cartSlots.length) === 0) {
@@ -25160,7 +25149,8 @@ const ADSCitizenSecond = ({
     onSelectSlot: handleAddToCart,
     cartSlots: cartSlots,
     t: t,
-    dateRange: dateRange
+    dateRange: dateRange,
+    onRemoveSlot: handleRemoveFromCart
   }), showCart && /*#__PURE__*/React.createElement(CartModal, {
     cartSlots: cartSlots,
     onClose: () => setShowCart(false),