iticket-seatingplan-dev 1.1.2 → 1.1.4

package/dist/components/SeatingPlan.js

@@ -58,7 +58,7 @@ const SeatingPlan = _ref => {
       fillOpacity: 100
     };
   };
-  const addTicketToCart = (s, priceAgeId) => {
+  const addTicketToCart = (s, priceAgeId, 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), {
@@ -73,10 +73,10 @@ const SeatingPlan = _ref => {
       }
     }).then(response => {
       if ((response === null || response === void 0 ? void 0 : response.status) === 403) {
-        chosenSeat.circle.target.setStyle({
+        ;
+        (chosenSeat || cs).circle.target.setStyle({
           fillColor: statusColors.sold
-        });
-        chosenSeat.seat.s = 2;
+        })(chosenSeat || cs).seat.s = 2;
         const event = {
           type: 'error',
           details: {
@@ -89,7 +89,8 @@ const SeatingPlan = _ref => {
         callbackFunction(event);
         setProcessing(false);
       } else if ((response === null || response === void 0 ? void 0 : response.status) === 429) {
-        chosenSeat.circle.target.setStyle({
+        ;
+        (chosenSeat || cs).circle.target.setStyle({
           fillColor: statusColors.available
         });
         const event = {
@@ -104,25 +105,25 @@ const SeatingPlan = _ref => {
         callbackFunction(event);
         setProcessing(false);
       } else {
-        {
-          s.s = 4;
-          s.bookedPrice = price;
-          chosenSeat.circle.target.setStyle({
-            fillColor: statusColors.booked
-          });
-          setProcessing(false);
-          setBookedSeats([...bookedSeats, {
-            ssId: s.ssId,
-            r: s.r,
-            c: s.c,
-            showingId: showingId,
-            p: price || s.defaultPrice,
-            paName: s.priceAgeName
-          }]);
-        }
+        s.s = 4;
+        s.bookedPrice = price;
+        (chosenSeat || cs).circle.target.setStyle({
+          fillColor: statusColors.booked
+        });
+        setProcessing(false);
+        setChosenSeat(null);
+        setBookedSeats([...bookedSeats, {
+          ssId: s.ssId,
+          r: s.r,
+          c: s.c,
+          showingId: showingId,
+          p: price || s.defaultPrice,
+          paName: s.priceAgeName
+        }]);
       }
     }).catch(error => {
-      chosenSeat.circle.target.setStyle({
+      ;
+      (chosenSeat || cs).circle.target.setStyle({
         fillColor: statusColors.available
       });
       const event = {
@@ -141,6 +142,7 @@ const SeatingPlan = _ref => {
       };
       callbackFunction(event);
       setProcessing(false);
+      setChosenSeat(null);
     });
   };
   const removeTicketFromCart = (s, e) => {
@@ -158,6 +160,7 @@ const SeatingPlan = _ref => {
       });
       setBookedSeats(bookedSeats.filter(bs => bs.ssId !== s.ssId));
       setProcessing(false);
+      setChosenSeat(null);
     }).catch(error => {
       e.target.setStyle({
         fillColor: statusColors.booked
@@ -173,6 +176,7 @@ const SeatingPlan = _ref => {
       };
       callbackFunction(event);
       setProcessing(false);
+      setChosenSeat(null);
     });
   };
   const handleClick = (e, s) => {
@@ -194,7 +198,10 @@ const SeatingPlan = _ref => {
     });
     if (s.s === 1) {
       const availablePrices = seats.pricing.filter(price => price.psId === priceSectionId);
-      availablePrices.length === 1 && addTicketToCart(s, availablePrices[0].paId);
+      availablePrices.length === 1 && addTicketToCart(s, availablePrices[0].paId, {
+        circle: e,
+        seat: s
+      });
     } else {
       removeTicketFromCart(s, e);
     }
@@ -223,12 +230,12 @@ const SeatingPlan = _ref => {
       const img = new Image();
       img.src = data.background;
       setBookedSeats(data.seats.filter(s => s.s === 4 && s.bookedPrice === price).map(s => ({
-        showingSeatId: s.ssId,
-        rowName: s.r,
-        columnName: s.c,
+        ssId: s.ssId,
+        r: s.r,
+        c: s.c,
         showingId: showingId,
-        price: price || s.defaultPrice,
-        priceAgeName: s.priceAgeName
+        p: price || s.defaultPrice,
+        paName: s.priceAgeName
       })));
       img.onload = () => {
         setHeight(img.height * 0.5);
@@ -284,7 +291,7 @@ const SeatingPlan = _ref => {
   }, /*#__PURE__*/_react.default.createElement("h1", null, "OOPS!"), /*#__PURE__*/_react.default.createElement("div", null, error.response.data.message)) : position ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.MapContainer, {
     whenReady: setMap,
     center: [height * 0.015, width * 0.015],
-    zoom: 5,
+    zoom: 6,
     zoomControl: true,
     scrollWheelZoom: true,
     style: {
@@ -344,7 +351,7 @@ const SeatingPlan = _ref => {
     key: i
   }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
     url: "https://iticketseatingplan.blob.core.windows.net/embed/static/media/rippleload.08e6a08dd832819226ef.gif",
-    bounds: [[height * 0.05 - s.y / 3.35 - height / 50 - 0.11, s.x * 0.3 + 0.15 - 0.11], [height * 0.05 - s.y / 3.35 - height / 50 + 0.11, s.x * 0.3 + 0.15 + 0.11]
+    bounds: [[height * 0.05 - s.y / 3.35 - height / 48 - 0.11, s.x * 0.3 + 0.15 - 0.11], [height * 0.05 - s.y / 3.35 - height / 48 + 0.11, s.x * 0.3 + 0.15 + 0.11]
     // [height * 0.0302 - s.y * 0.602 - 0.3, s.x * 0.61 - 0.3],
     // [height * 0.0302 - s.y * 0.602 + 0.3, s.x * 0.61 + 0.3],
     // [height * 0.0302 - s.y * 0.602 - 0.17, s.x * 0.61 - 0.17],
@@ -364,7 +371,7 @@ const SeatingPlan = _ref => {
     //   height * 0.0302 - s.y * 0.602 + 0.17,
     //   s.x * 0.61 + 0.17,
     // ],
-    [height * 0.05 - s.y / 3.35 - height / 50 - 0.11, s.x * 0.3 + 0.15 - 0.11], [height * 0.05 - s.y / 3.35 - height / 50 + 0.11, s.x * 0.3 + 0.15 + 0.11]],
+    [height * 0.05 - s.y / 3.35 - height / 48 - 0.11, s.x * 0.3 + 0.15 - 0.11], [height * 0.05 - s.y / 3.35 - height / 48 + 0.11, s.x * 0.3 + 0.15 + 0.11]],
     zIndex: 10
   }) : /*#__PURE__*/_react.default.createElement(_reactLeaflet.Circle, {
     center: [
@@ -373,7 +380,7 @@ const SeatingPlan = _ref => {
     //   height * (height > 700 ? 0.0001 : 0.0006),
     // s.x * 0.6 + 0.25,
 
-    height * 0.05 - s.y / 3.35 - height / 50, s.x * 0.3 + 0.15
+    height * 0.05 - s.y / 3.35 - height / 48, s.x * 0.3 + 0.15
 
     // -s.y * (height * 0.00037) + 24.2,
     // s.x * 0.3 + 0.15,
@@ -385,10 +392,7 @@ const SeatingPlan = _ref => {
       click: e => handleClick(e, s)
     }
     // value={s}
-  }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Tooltip, {
-    direction: 'top',
-    offset: [0, height * 0.03 + -30]
-  }, s.r + '-' + s.c, ' '), s.s === 1 && !processing && /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, null, /*#__PURE__*/_react.default.createElement("p", {
+  }, s.s === 1 && !processing && /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, null, /*#__PURE__*/_react.default.createElement("p", {
     style: {
       marginTop: '0.2rem',
       marginBottom: '0.2rem',

package/package.json

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