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

package/dist/index.modern.js

@@ -238,13 +238,6 @@ 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 = {};
@@ -24105,8 +24098,7 @@ const AvailabilityModal = ({
   onSelectSlot,
   dateRange,
   t,
-  cartSlots,
-  onRemoveSlot
+  cartSlots
 }) => {
   var _cartSlots$find;
   const [selectedSlots, setSelectedSlots] = useState([]);
@@ -24160,32 +24152,20 @@ 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",
+        nightLight: (ad === null || ad === void 0 ? void 0 : ad.light) === "With Light" ? true : false,
         bookingStartDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.startDate,
         bookingEndDate: dateRange === null || dateRange === void 0 ? void 0 : dateRange.endDate
       });
-    } else if ((existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0) {
-      onRemoveSlot(ad);
+      setSelectedSlots([]);
+      setSelectAll(false);
+      onClose();
     }
-    setSelectedSlots([]);
-    setSelectAll(false);
-    onClose();
   };
   useEffect(() => {
     if (allInCart) {
       setSelectAll(true);
     }
   }, [allInCart]);
-  const hasChanges = !areSlotsEqual(selectedSlots, existingForAd);
-  useEffect(() => {
-    if ((existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0) {
-      setSelectAll(true);
-      setSelectedSlots(existingForAd);
-    } else {
-      setSelectAll(false);
-      setSelectedSlots([]);
-    }
-  }, [ad === null || ad === void 0 ? void 0 : ad.id]);
   const columns = [{
     Header: () => /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
@@ -24204,7 +24184,7 @@ const AvailabilityModal = ({
       row
     }) => {
       const slot = row === null || row === void 0 ? void 0 : row.original;
-      const isChecked = selectAll && (slot === null || slot === void 0 ? void 0 : slot.slotStaus) === "AVAILABLE";
+      const isChecked = allInCart || selectAll && (slot === null || slot === void 0 ? void 0 : slot.slotStaus) === "AVAILABLE";
       return /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: isChecked,
@@ -24370,18 +24350,17 @@ const AvailabilityModal = ({
     }
   }, t ? t("Cancel") : "Cancel"), /*#__PURE__*/React.createElement("button", {
     onClick: handleAddToCart,
-    disabled: !hasChanges,
     style: {
       padding: "10px 18px",
       borderRadius: "6px",
       border: "none",
-      background: hasChanges ? "#2947a3" : "#ccc",
+      background: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) > 0 ? "#2947a3" : "#ccc",
       color: "#fff",
       fontWeight: 600,
-      cursor: hasChanges ? "pointer" : "not-allowed",
+      cursor: (selectedSlots === null || selectedSlots === void 0 ? void 0 : selectedSlots.length) > 0 ? "pointer" : "not-allowed",
       transition: "background 0.2s"
     }
-  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("COMMON_REMOVE_LABEL") : t("ADS_ADD_TO_CART")))));
+  }, "\uD83D\uDED2 ", (existingForAd === null || existingForAd === void 0 ? void 0 : existingForAd.length) > 0 ? t("ADS_UPDATE_CART") : t("ADS_ADD_TO_CART")))));
 };
 
 const CartModal = ({
@@ -24867,6 +24846,20 @@ 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) {
@@ -25167,8 +25160,7 @@ const ADSCitizenSecond = ({
     onSelectSlot: handleAddToCart,
     cartSlots: cartSlots,
     t: t,
-    dateRange: dateRange,
-    onRemoveSlot: handleRemoveFromCart
+    dateRange: dateRange
   }), showCart && /*#__PURE__*/React.createElement(CartModal, {
     cartSlots: cartSlots,
     onClose: () => setShowCart(false),