iticket-seatingplan-dev 1.2.8 → 1.3.0

package/dist/components/SeatingPlan.js

@@ -24,7 +24,7 @@ const SeatingPlan = _ref => {
     sessionId,
     showingId,
     areaId,
-    priceSectionId,
+    priceSectionIds,
     price,
     quantity,
     callbackFunction,
@@ -61,13 +61,13 @@ const SeatingPlan = _ref => {
       fillOpacity: s.loading ? 0 : 1
     };
   };
-  const addTicketToCart = (s, priceAgeId, cs) => {
+  const addTicketToCart = (s, priceage, cs) => {
     map.target.closePopup();
     setProcessing(true);
     fetch("".concat(baseUrl, "/legacy/").concat(countryCode, "/shop/events/").concat(eventId, "/").concat(eventVenueId, "/showings/").concat(showingId, "/tickets/allocated/").concat(areaId), {
       method: 'POST',
       body: JSON.stringify({
-        priceAgeId: priceAgeId,
+        priceAgeId: priceage.paId,
         seatId: s.ssId,
         connectedShowings: connectedShowings
       }),
@@ -82,7 +82,6 @@ const SeatingPlan = _ref => {
           fillColor: statusColors.sold
         });
         cs ? cs.seat.s = 2 : chosenSeat.seat.s = 2;
-        console.log(cs.seat, chosenSeat);
         const event = {
           type: 'error',
           details: {
@@ -141,9 +140,23 @@ const SeatingPlan = _ref => {
           r: s.r,
           c: s.c,
           showingId: showingId,
-          p: price || s.defaultPrice,
-          paName: s.priceAgeName
+          pId: priceage.paId,
+          p: priceage.p,
+          paName: priceage.paName
         }]);
+        const event = {
+          type: 'cart-change-add',
+          details: [...bookedSeats, {
+            ssId: s.ssId,
+            r: s.r,
+            c: s.c,
+            showingId: showingId,
+            pId: priceage.paId,
+            p: priceage.p,
+            paName: priceage.paName
+          }]
+        };
+        callbackFunction(event);
       }
     }).catch(error => {
       s.loading = false;
@@ -184,6 +197,11 @@ const SeatingPlan = _ref => {
       });
       setBookedSeats(bookedSeats.filter(bs => bs.ssId !== s.ssId));
       setProcessing(false);
+      const event = {
+        type: 'cart-change-remove',
+        details: bookedSeats.filter(bs => bs.ssId === s.ssId)
+      };
+      callbackFunction(event);
     }).catch(error => {
       e.target.setStyle({
         fillColor: statusColors.booked
@@ -219,10 +237,10 @@ const SeatingPlan = _ref => {
       seat: s
     });
     if (s.s === 1) {
-      const availablePrices = seats.pricing.filter(price => price.psId === priceSectionId);
+      const availablePrices = seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && s.psId === price.psId);
       if (availablePrices.length === 1) {
         s.loading = true;
-        addTicketToCart(s, availablePrices[0].paId, {
+        addTicketToCart(s, availablePrices[0], {
           circle: e,
           seat: s
         });
@@ -262,7 +280,8 @@ const SeatingPlan = _ref => {
         c: s.c,
         showingId: showingId,
         p: price || s.defaultPrice,
-        paName: s.priceAgeName
+        psId: null,
+        paName: null
       })));
       img.onload = () => {
         setPosition([img.height * 0.005, img.width * 0.005]);
@@ -291,25 +310,24 @@ const SeatingPlan = _ref => {
       setPosition(null);
     }
   }, [areaId]);
-  (0, _react.useEffect)(() => {
-    if (bookedSeats && position && chosenSeat) {
-      const event = {
-        type: 'cart-change',
-        details: bookedSeats
-      };
-      callbackFunction(event);
-    }
-  }, [bookedSeats]);
+
+  // useEffect(() => {
+  //   if (bookedSeats && position && chosenSeat) {
+  //     const event = { type: 'cart-change', details: bookedSeats }
+  //     callbackFunction(event)
+  //   }
+  // }, [bookedSeats])
+
   (0, _react.useEffect)(() => {
     if (processing) {
-      const availablePrices = seats.pricing.filter(price => price.psId === priceSectionId);
+      const availablePrices = seats.pricing.filter(price => !priceSectionIds || priceSectionIds.includes(price.psId));
       availablePrices.length === 1 && (chosenSeat === null || chosenSeat === void 0 ? void 0 : chosenSeat.circle.target.setStyle({
         fillOpacity: 0
       }));
     }
   }, [chosenSeat, processing]);
   const calculateCenterOfMap = (height, seats) => {
-    const filteredSeats = seats.filter(price => price.psId === priceSectionId);
+    const filteredSeats = seats.filter(price => !priceSectionIds || priceSectionIds.includes(price.psId));
     const avgY = filteredSeats.reduce((acc, val) => {
       return acc + val.y / filteredSeats.length;
     }, 0);
@@ -319,7 +337,7 @@ const SeatingPlan = _ref => {
     return [height * 0.05 - avgY / (height > 800 ? height > 999 ? 3.5 : 3.3 : 3.35) - (height > 800 ? height > 999 ? height * 0.0201 : height * 0.0198 : height * 0.0206), avgX * 0.3 + 0.15];
   };
   const determineZoom = seats => {
-    const filteredSeats = seats.filter(price => price.psId === priceSectionId);
+    const filteredSeats = seats.filter(price => !priceSectionIds || priceSectionIds.includes(price.psId));
     const x = filteredSeats.map(fs => fs.x);
     const y = filteredSeats.map(fs => fs.y);
     const maxX = Math.max(...x) - Math.min(...x);
@@ -486,7 +504,7 @@ const SeatingPlan = _ref => {
 
     opacity: s.loading ? 100 : 0,
     zIndex: 10
-  }), !priceSectionId || s.psId === priceSectionId ? s.s === 6 ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
+  }), !priceSectionIds || priceSectionIds.includes(s.psId) ? s.s === 6 ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
     url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAzNC4xMjg5MDYgNDEuMzA0Njg4IEMgMzMuMjY5NTMxIDQwLjQ0OTIxOSAzMS45MDYyNSA0MC4zNzUgMzAuOTY0ODQ0IDQxLjE0MDYyNSBDIDI4LjY0ODQzOCA0My4wMTk1MzEgMjUuNzczNDM4IDQ0LjA2NjQwNiAyMi43MzgyODEgNDQuMDY2NDA2IEMgMTUuNDU3MDMxIDQ0LjA2NjQwNiA5LjUzMTI1IDM4LjE0MDYyNSA5LjUzMTI1IDMwLjg1NTQ2OSBDIDkuNTMxMjUgMjcuNjI4OTA2IDEwLjcxODc1IDI0LjU2NjQwNiAxMi44MzU5MzggMjIuMTcxODc1IEMgMTMuNSAyMS40MTc5NjkgMTMuNDg0Mzc1IDIwLjI4MTI1IDEyLjc4OTA2MiAxOS41NTA3ODEgQyAxMi4zMzk4NDQgMTkuMDc0MjE5IDExLjg5NDUzMSAxOC41OTc2NTYgMTEuNDQ1MzEyIDE4LjEyMTA5NCBDIDExLjA4MjAzMSAxNy43MzgyODEgMTAuNTc4MTI1IDE3LjUyMzQzOCAxMC4wNTA3ODEgMTcuNTIzNDM4IEMgOS41MjM0MzggMTcuNTI3MzQ0IDkuMDIzNDM4IDE3Ljc1IDguNjY3OTY5IDE4LjEzNjcxOSBDIDcuNTY2NDA2IDE5LjMyODEyNSA2LjYxNzE4OCAyMC42NTIzNDQgNS44NjcxODggMjIuMDg1OTM4IEMgNC40NjA5MzggMjQuNzczNDM4IDMuNzE4NzUgMjcuODA4NTk0IDMuNzE4NzUgMzAuODU1NDY5IEMgMy43MTg3NSA0MS4zNDM3NSAxMi4yNTM5MDYgNDkuODc4OTA2IDIyLjc0MjE4OCA0OS44Nzg5MDYgQyAyNS43Njk1MzEgNDkuODc4OTA2IDI4Ljc4NTE1NiA0OS4xNDQ1MzEgMzEuNDY0ODQ0IDQ3Ljc1NzgxMiBDIDMyLjYyNSA0Ny4xNTYyNSAzMy43MjI2NTYgNDYuNDI5Njg4IDM0LjczODI4MSA0NS42MDE1NjIgQyAzNS4yNTM5MDYgNDUuMTc5Njg4IDM1LjU3MDMxMiA0NC41NTQ2ODggMzUuNjA1NDY5IDQzLjg4NjcxOSBDIDM1LjYzNjcxOSA0My4yMTg3NSAzNS4zOTA2MjUgNDIuNTY2NDA2IDM0LjkxNDA2MiA0Mi4wOTM3NSBaIE0gMzQuMTI4OTA2IDQxLjMwNDY4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE2LjgxMjUgOS4yODUxNTYgQyAxOS4zNzEwOTQgOS4yODUxNTYgMjEuNDUzMTI1IDcuMjAzMTI1IDIxLjQ1MzEyNSA0LjY0NDUzMSBDIDIxLjQ1MzEyNSAyLjA4MjAzMSAxOS4zNzEwOTQgMCAxNi44MTI1IDAgQyAxNC4yNSAwIDEyLjE2Nzk2OSAyLjA4MjAzMSAxMi4xNjc5NjkgNC42NDQ1MzEgQyAxMi4xNjc5NjkgNy4yMDMxMjUgMTQuMjUgOS4yODUxNTYgMTYuODEyNSA5LjI4NTE1NiBaIE0gMTYuODEyNSA5LjI4NTE1NiAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDQ2LjIzNDM3NSA0Ni41NzAzMTIgTCA0My4zMTY0MDYgMzAuNjA5Mzc1IEMgNDMuMTQwNjI1IDI5LjYyNSA0Mi41NTg1OTQgMjguNzQyMTg4IDQxLjczNDM3NSAyOC4xNzk2ODggQyA0MS4xMTMyODEgMjcuNzU3ODEyIDQwLjM4MjgxMiAyNy41MzEyNSAzOS42Mjg5MDYgMjcuNTMxMjUgQyAzOS4zODI4MTIgMjcuNTMxMjUgMzkuMTMyODEyIDI3LjU1NDY4OCAzOC44OTQ1MzEgMjcuNjAxNTYyIEwgMjUuNTg1OTM4IDMwLjI2MTcxOSBDIDI1LjUzOTA2MiAzMC4yNzM0MzggMjUuNDkyMTg4IDMwLjI3NzM0NCAyNS40NDUzMTIgMzAuMjc3MzQ0IEMgMjUuMTEzMjgxIDMwLjI3NzM0NCAyNC44MjQyMTkgMzAuMDM5MDYyIDI0Ljc1NzgxMiAyOS43MTA5MzggTCAyMy42NjAxNTYgMjQuMzA4NTk0IEwgMzIuODk4NDM4IDIyLjczNDM3NSBDIDM0LjM0NzY1NiAyMi40ODQzNzUgMzUuMzI4MTI1IDIxLjEwNTQ2OSAzNS4wNzgxMjUgMTkuNjU2MjUgQyAzNC44NTkzNzUgMTguMzcxMDk0IDMzLjc1MzkwNiAxNy40Mzc1IDMyLjQ0NTMxMiAxNy40Mzc1IEMgMzIuMjk2ODc1IDE3LjQzNzUgMzIuMTQ4NDM4IDE3LjQ0OTIxOSAzMiAxNy40NzI2NTYgTCAyMi41OTc2NTYgMTkuMDc4MTI1IEwgMjEuMzkwNjI1IDEzLjEyODkwNiBDIDIxLjEzNjcxOSAxMS43NDYwOTQgMTkuOTM3NSAxMC43NDYwOTQgMTguNTM1MTU2IDEwLjc0NjA5NCBDIDE4LjM1OTM3NSAxMC43NDYwOTQgMTguMTc5Njg4IDEwLjc2MTcxOSAxOC4wMDc4MTIgMTAuNzkyOTY5IEMgMTcuMjQyMTg4IDEwLjkyOTY4OCAxNi41NzgxMjUgMTEuMzU5Mzc1IDE2LjE0MDYyNSAxMiBDIDE1LjY5NTMxMiAxMi42NDA2MjUgMTUuNTMxMjUgMTMuNDEwMTU2IDE1LjY3MTg3NSAxNC4xNzk2ODggTCAxOS41MTk1MzEgMzMuNTc0MjE5IEMgMTkuNzE0ODQ0IDM0LjU1ODU5NCAyMC4yODEyNSAzNS40MDYyNSAyMS4xMTMyODEgMzUuOTYwOTM4IEMgMjEuNzM0Mzc1IDM2LjM3NSAyMi40NTMxMjUgMzYuNTkzNzUgMjMuMTk5MjE5IDM2LjU5Mzc1IEMgMjMuNDQ1MzEyIDM2LjU5Mzc1IDIzLjY5MTQwNiAzNi41NzAzMTIgMjMuOTMzNTk0IDM2LjUxOTUzMSBMIDM3LjI2OTUzMSAzMy44NTkzNzUgQyAzNy40NTcwMzEgMzMuODIwMzEyIDM3LjY1MjM0NCAzMy44NTkzNzUgMzcuODA4NTk0IDMzLjk2NDg0NCBDIDM3Ljk2MDkzOCAzNC4wNzAzMTIgMzguMDcwMzEyIDM0LjIzODI4MSAzOC4xMDU0NjkgMzQuNDIxODc1IEwgNDAuNTE1NjI1IDQ3LjYxNzE4OCBDIDQwLjc2NTYyNSA0OSA0MS45Njg3NSA1MC4wMDM5MDYgNDMuMzcxMDk0IDUwLjAwMzkwNiBDIDQzLjU0Njg3NSA1MC4wMDM5MDYgNDMuNzE4NzUgNDkuOTg0Mzc1IDQzLjg5NDUzMSA0OS45NTMxMjUgQyA0NC42NjAxNTYgNDkuODE2NDA2IDQ1LjMyMDMxMiA0OS4zODY3MTkgNDUuNzYxNzE5IDQ4Ljc0NjA5NCBDIDQ2LjIwNzAzMSA0OC4xMDkzNzUgNDYuMzcxMDk0IDQ3LjMzNTkzOCA0Ni4yMzQzNzUgNDYuNTcwMzEyIFogTSA0Ni4yMzQzNzUgNDYuNTcwMzEyICIvPgo8L2c+Cjwvc3ZnPgo=',
     bounds: [
     // [
@@ -536,13 +554,16 @@ const SeatingPlan = _ref => {
       click: e => handleClick(e, s)
     }
     // value={s}
-  }, s.s === 1 && /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, null, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Tooltip, {
+    direction: 'top',
+    offset: [0, height * 0.03 + -30]
+  }, s.r + '-' + s.c, ' '), s.s === 1 && /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, null, /*#__PURE__*/_react.default.createElement("p", {
     style: {
       marginTop: '0.2rem',
       marginBottom: '0.2rem',
       fontWeight: 'bold'
     }
-  }, "Select option:"), seats.pricing.filter(price => price.psId === priceSectionId).map(price => /*#__PURE__*/_react.default.createElement("div", {
+  }, "Select option:"), seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId).map(price => /*#__PURE__*/_react.default.createElement("div", {
     key: price.paId,
     style: {
       minWidth: '10rem',
@@ -555,7 +576,7 @@ const SeatingPlan = _ref => {
     className: "priceage",
     onClick: () => {
       s.loading = true;
-      addTicketToCart(s, price.paId);
+      addTicketToCart(s, price);
     }
   }, /*#__PURE__*/_react.default.createElement("p", {
     style: {

package/package.json

@@ -2,7 +2,7 @@
   "name": "iticket-seatingplan-dev",
   "description": "Seating plan with FLEXi pricing",
   "author": "gedwyne",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "private": false,
   "keywords": [
     "iticket",