iticket-seatingplan-dev 2.0.17 → 2.0.18

package/dist/components/Controls.js

@@ -191,7 +191,7 @@ function Controls(_ref) {
     className: "leaflet-control-zoom-in single-button"
   }, /*#__PURE__*/_react.default.createElement("span", null)))), /*#__PURE__*/_react.default.createElement(_reactLeaflet.FeatureGroup, {
     ref: drawLayersRef
-  }, /*#__PURE__*/_react.default.createElement(_reactLeafletDraw.EditControl, {
+  }, drawLayersRef.current && /*#__PURE__*/_react.default.createElement(_reactLeafletDraw.EditControl, {
     position: "bottomleft",
     onCreated: handleDrawBox,
     onDrawStart: () => {
@@ -210,7 +210,8 @@ function Controls(_ref) {
     },
     edit: {
       edit: false,
-      remove: false
+      remove: false,
+      featureGroup: drawLayersRef.current
     },
     onMounted: drawInstance => {
       drawRef.current = drawInstance;

package/dist/components/Map.js

@@ -299,7 +299,7 @@ function SeatMap(_ref) {
       }
       if (highlightedSeats.length === desiredSeatQuantity) {
         setClickedSeat(null);
-        const groupedSeats = (0, _utils.groupSeatsByPriceSection)(highlightedSeats, seats.pricing, priceSectionIds);
+        const groupedSeats = (0, _utils.groupSeatsByPriceSection)(highlightedSeats, bookedSeats, seats.pricing, priceSectionIds);
         const priceages = Object.values(groupedSeats).flatMap(group => group.priceages.map(pa => pa.priceage));
         if (priceages.length === 1 && (priceages[0].q === null || priceages[0].q >= desiredSeatQuantity) && !isSingleFlexi) {
           batchAddTicketsToCart(highlightedSeats.map(s => ({
@@ -436,7 +436,12 @@ function SeatMap(_ref) {
       lng: s.x,
       radius: 110
     };
-    const seatPrices = ((_seats$pricing3 = seats.pricing) === null || _seats$pricing3 === void 0 ? void 0 : _seats$pricing3.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId)) || [];
+    const seatPrices = (((_seats$pricing3 = seats.pricing) === null || _seats$pricing3 === void 0 ? void 0 : _seats$pricing3.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId)) || []).map(p => {
+      const bookedQty = bookedSeats.filter(bs => bs.pId === p.paId && bs.psId === s.psId).length;
+      return _objectSpread(_objectSpread({}, p), {}, {
+        q: p.q === null ? null : Math.max(p.q - bookedQty, 0)
+      });
+    });
     const hasSeatPrices = (seatPrices === null || seatPrices === void 0 ? void 0 : seatPrices.length) > 0;
     const isSingleFlexi = seatPrices.length === 1 && !!seatPrices[0].pMax && !!seatPrices[0].pMin && seatPrices[0].pMax > seatPrices[0].pMin;
     const radiusInDeg = seatCenter.radius / _constants.ONE_DEG_LAT_IN_METERS;

package/dist/components/PricingPopup.js

@@ -208,11 +208,12 @@ function PricingPopup(_ref4) {
   let {
     onClose,
     selectedSeats,
+    bookedSeats,
     batchAddTicketsToCart,
     pricing,
     priceSectionIds
   } = _ref4;
-  const [seatGroupsToBook, setSeatGroupsToBook] = (0, _react.useState)(() => (0, _utils.groupSeatsByPriceSection)(selectedSeats, pricing, priceSectionIds));
+  const [seatGroupsToBook, setSeatGroupsToBook] = (0, _react.useState)(() => (0, _utils.groupSeatsByPriceSection)(selectedSeats, bookedSeats, pricing, priceSectionIds));
   const updateSeatGroupPriceage = (priceage, qty) => {
     const newSeatGroupsToBook = _objectSpread({}, seatGroupsToBook);
     const group = newSeatGroupsToBook[priceage.psId];

package/dist/components/SeatingPlan.js

@@ -561,16 +561,23 @@ const SeatingPlan = _ref => {
           throw new Error("Something went wrong. Please try again or contact support.");
         }
       }
-      setBookedSeats(data.seats.filter(s => s.s === _utils.statuses.USER_PENDING && s.bookedPrice === price).map(s => ({
-        ssId: s.ssId,
-        r: s.r,
-        c: s.c,
-        showingId: showingId,
-        p: s.p,
-        //price || s.defaultPrice,
-        pId: s.pId,
-        paName: s.paName
-      })));
+
+      // setBookedSeats(
+      //   data.seats
+      //     .filter(
+      //       (s) => s.s === statuses.USER_PENDING && s.bookedPrice === price,
+      //     )
+      //     .map((s) => ({
+      //       ssId: s.ssId,
+      //       r: s.r,
+      //       c: s.c,
+      //       showingId: showingId,
+      //       p: s.p, //price || s.defaultPrice,
+      //       pId: s.pId,
+      //       paName: s.paName,
+      //     })),
+      // );
+
       const img = new Image();
       const setupSeats = (h, w) => {
         const lat1 = 0;
@@ -656,6 +663,7 @@ const SeatingPlan = _ref => {
       setSelectedSeats([]);
     },
     selectedSeats: selectedSeats,
+    bookedSeats: bookedSeats,
     pricing: seats.pricing,
     priceSectionIds: priceSectionIds,
     batchAddTicketsToCart: batchAddTicketsToCart

package/dist/utils/helpers.js

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.groupSeatsByPriceSection = exports.getValidSeats = exports.getSeatCenterLatLng = exports.getRowSection = exports.getRetryDelay = exports.getIsTouchScreen = exports.getInitialColor = exports.getAdjacentBookedSeats = exports.createsOrphan = exports.canSelectSingleSeatGivenOrphanRules = exports.NZDollar = void 0;
 var _enums = require("./enums");
 var _constants = require("./constants");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const getIsTouchScreen = () => {
   let hasTouchScreen = false;
   if (typeof window !== "undefined") {
@@ -228,12 +233,18 @@ const getRetryDelay = response => {
   return delay + Math.random() * 1000;
 };
 exports.getRetryDelay = getRetryDelay;
-const groupSeatsByPriceSection = (seats, pricing, priceSectionIds) => {
+const groupSeatsByPriceSection = (seats, bookedSeats, pricing, priceSectionIds) => {
   const groupedSeats = seats.reduce((acc, curr) => {
     if (curr.psId) {
       const priceages = pricing.filter(price => price.psId === curr.psId && (!priceSectionIds || priceSectionIds.includes(price.psId)));
-      const availablePriceages = priceages.filter(p => p.q === null || p.q > 0);
-      const soldOutPriceages = priceages.filter(p => p.q === 0);
+      const adjustedPriceages = priceages.map(p => {
+        const bookedQty = bookedSeats.filter(s => s.pId === p.paId && s.psId === curr.psId).length;
+        return _objectSpread(_objectSpread({}, p), {}, {
+          q: p.q !== null ? Math.max(p.q - bookedQty, 0) : null
+        });
+      });
+      const availablePriceages = adjustedPriceages.filter(p => p.q === null || p.q > 0);
+      const soldOutPriceages = adjustedPriceages.filter(p => p.q === 0);
       const numSeats = seats.filter(s => s.psId === curr.psId).length;
       if (!acc[curr.psId]) {
         let qtyFilled = 0;

package/package.json

@@ -2,7 +2,7 @@
   "name": "iticket-seatingplan-dev",
   "description": "Seating plan with FLEXi pricing",
   "author": "gedwyne",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "private": false,
   "keywords": [
     "iticket",
@@ -20,10 +20,10 @@
     "@types/leaflet-draw": "^1.0.11",
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-leaflet": "^5.0.0-rc.2",
-    "react-leaflet-draw": "^0.20.4",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-leaflet": "^5.0.0",
+    "react-leaflet-draw": "0.20.3",
     "react-scripts": "^5.0.1"
   },
   "codependencies": {
@@ -58,4 +58,4 @@
     "@types/react-dom": "^18.3.1",
     "typescript": "^5.7.2"
   }
-}
+}