iticket-seatingplan-dev 1.4.6 → 1.4.8

package/dist/components/Map.js

@@ -11,6 +11,9 @@ var _leafletGestureHandling2 = require("leaflet-gesture-handling");
 var _reactLeafletCustomControl = _interopRequireDefault(require("react-leaflet-custom-control"));
 var _encodedSvgs = require("./assets/encodedSvgs");
 var _utils = require("../utils");
+var _fitIcon = _interopRequireDefault(require("./assets/fit-icon.jpg"));
+var _refresh = _interopRequireDefault(require("./assets/refresh.png"));
+var _rippleload = _interopRequireDefault(require("./assets/rippleload.gif"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -113,7 +116,7 @@ function Map(_ref) {
     onClick: () => map.fitBounds(bounds),
     className: "leaflet-control-zoom-in"
   }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://au-iticket-shop-legacy.azurewebsites.net/assets/images/fit-icon.jpg",
+    src: _fitIcon.default,
     style: {
       height: "17px"
     }
@@ -130,7 +133,7 @@ function Map(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: isReloading ? "rotate" : "",
-    src: "https://au-iticket-shop-legacy.azurewebsites.net/assets/images/refresh.png",
+    src: _refresh.default,
     style: {
       height: "17px"
     }
@@ -169,7 +172,7 @@ function Map(_ref) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: i
     }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
-      url: "https://iticketseatingplan.blob.core.windows.net/embed/static/media/rippleload.08e6a08dd832819226ef.gif",
+      url: _rippleload.default,
       bounds: [[(s.r.includes("NORTH") ? height / 33.33 - height / 33.33 * s.y * 0.0105 + 1.4 : height * 0.05 - s.y / (height > 800 ? height > 999 ? 3.45 : 3.3 : 3.35) - (height > 800 ? height > 999 ? height * 0.0201 : height * 0.0198 : height > 587 ? height * 0.0201 : height > 399 ? height * 0.02035 : height * 0.0207)) - 0.11, s.x * 0.3 + 0.15 - 0.11], [(s.r.includes("NORTH") ? height / 33.33 - height / 33.33 * s.y * 0.0105 + 1.4 : height * 0.05 - s.y / (height > 800 ? height > 999 ? 3.45 : 3.3 : 3.35) - (height > 800 ? height > 999 ? height * 0.0201 : height * 0.0198 : height > 587 ? height * 0.0201 : height > 399 ? height * 0.02035 : height * 0.0207)) + 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],
@@ -262,15 +265,18 @@ function Map(_ref) {
       alt: "close"
     }))), /*#__PURE__*/_react.default.createElement("p", {
       className: "heading"
-    }, "Select option:"), seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId).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("button", {
       key: price.paId,
       className: "priceage",
       onClick: () => {
         s.loading = true;
         addTicketToCart(s, price);
-      }
+      },
+      disabled: price.is_available === false
     }, /*#__PURE__*/_react.default.createElement("p", {
       className: "price"
-    }, /*#__PURE__*/_react.default.createElement("span", null, price.paName), /*#__PURE__*/_react.default.createElement("span", null, _utils.NZDollar.format(price.p))))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+    }, /*#__PURE__*/_react.default.createElement("span", null, price.paName), /*#__PURE__*/_react.default.createElement("span", null, _utils.NZDollar.format(price.p))), price.is_available === false && /*#__PURE__*/_react.default.createElement("span", {
+      className: "unavailable"
+    }, "Allocation exhausted"))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
   }));
 }

package/dist/components/SeatingPlan.js

@@ -54,6 +54,30 @@ const SeatingPlan = _ref => {
   (0, _react.useLayoutEffect)(() => setMounted(true), []);
   const addTicketToCart = (s, priceage, cs) => {
     var _mapRef$current, _mapRef$current$targe;
+    if (s.s !== _utils.statuses.UNSOLD && s.s !== _utils.statuses.USER_PENDING || bookedSeats.length >= quantity && s.s === _utils.statuses.UNSOLD) {
+      if (bookedSeats.length >= quantity) {
+        const event = {
+          type: "error",
+          details: {
+            message: "Maximum ticket booking quantity specified reached."
+          }
+        };
+        callbackFunction(event);
+      }
+      s.loading = false;
+      return;
+    }
+    if (priceage.is_available === false) {
+      const event = {
+        type: "error",
+        details: {
+          message: "Allocation exhausted, please try another area or price."
+        }
+      };
+      callbackFunction(event);
+      s.loading = false;
+      return;
+    }
     (_mapRef$current = mapRef.current) === null || _mapRef$current === void 0 ? void 0 : (_mapRef$current$targe = _mapRef$current.target) === null || _mapRef$current$targe === void 0 ? void 0 : _mapRef$current$targe.closePopup();
     setProcessing(true);
     fetch("".concat(baseUrl, "/legacy/").concat(countryCode, "/shop/events/").concat(eventId, "/").concat(eventVenueId, "/showings/").concat(showingId, "/tickets/allocated/").concat(areaId), {
@@ -84,7 +108,6 @@ const SeatingPlan = _ref => {
           }
         };
         callbackFunction(event);
-        setProcessing(false);
       } else if ((response === null || response === void 0 ? void 0 : response.status) === 400) {
         s.loading = false;
         (cs || chosenSeat).circle.target.setStyle({
@@ -101,7 +124,6 @@ const SeatingPlan = _ref => {
           }
         };
         callbackFunction(event);
-        setProcessing(false);
       } else if ((response === null || response === void 0 ? void 0 : response.status) === 429) {
         s.loading = false;
         (cs || chosenSeat).circle.target.setStyle({
@@ -117,7 +139,6 @@ const SeatingPlan = _ref => {
           }
         };
         callbackFunction(event);
-        setProcessing(false);
       } else {
         // console.log(chosenSeat.seat.ssId, cs?.seat.ssId)
         s.s = _utils.statuses.USER_PENDING;
@@ -126,7 +147,6 @@ const SeatingPlan = _ref => {
         (cs || chosenSeat).circle.target.setStyle({
           fillColor: _utils.statusColors.booked
         });
-        setProcessing(false);
         setBookedSeats([...bookedSeats, {
           ssId: s.ssId,
           r: s.r,
@@ -170,7 +190,9 @@ const SeatingPlan = _ref => {
         }
       };
       callbackFunction(event);
+    }).finally(() => {
       setProcessing(false);
+      initialFetch(true);
     });
   };
   const removeTicketFromCart = (s, e) => {
@@ -188,7 +210,6 @@ const SeatingPlan = _ref => {
         fillColor: _utils.statusColors.available
       });
       setBookedSeats(bookedSeats.filter(bs => bs.ssId !== s.ssId));
-      setProcessing(false);
       const event = {
         type: "cart-change-remove",
         details: bookedSeats.filter(bs => bs.ssId === s.ssId)
@@ -208,10 +229,16 @@ const SeatingPlan = _ref => {
         }
       };
       callbackFunction(event);
+    }).finally(() => {
       setProcessing(false);
+      initialFetch(true);
     });
   };
   const handleClickSeat = (e, s) => {
+    setChosenSeat({
+      circle: e,
+      seat: s
+    });
     if (s.s !== _utils.statuses.UNSOLD && s.s !== _utils.statuses.USER_PENDING || bookedSeats.length >= quantity && s.s === _utils.statuses.UNSOLD) {
       if (bookedSeats.length >= quantity) {
         const event = {
@@ -224,10 +251,6 @@ const SeatingPlan = _ref => {
       }
       return;
     }
-    setChosenSeat({
-      circle: e,
-      seat: s
-    });
     if (s.s === _utils.statuses.UNSOLD) {
       const availablePrices = seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && s.psId === price.psId);
       if (availablePrices.length === 1) {
@@ -248,8 +271,7 @@ const SeatingPlan = _ref => {
       setIsReloading(true);
     }
     setInitialiseMessage("Initialising seating plan...");
-    fetch( // `http://localhost:3155/api/legacy/shop/events/4230/4639/showings/102359/tickets/allocated/1603`,
-    // `${baseUrl}/legacy/shop/events/${eventId}/${eventVenueId}/showings/${showingId}/tickets/allocated/${areaId}`,
+    fetch( // `http://localhost:3155/api/legacy/shop/events/${eventId}/${eventVenueId}/showings/${showingId}/tickets/allocated/${areaId}`,
     "".concat(baseUrl, "/legacy/").concat(countryCode, "/shop/events/").concat(eventId, "/").concat(eventVenueId, "/showings/").concat(showingId, "/tickets/allocated/").concat(areaId).concat(promoCode ? "?promo=".concat(promoCode) : ""), {
       headers: {
         "basket-key": sessionId,

package/dist/components/styles/index.css

@@ -142,7 +142,9 @@
 }
 
 .priceage {
-  min-width: 10rem;
+  display: block;
+  background: transparent;
+  min-width: 12rem;
   border-radius: 0.25rem;
   padding: 0.5rem;
   border: 1px solid #bdc3c7;
@@ -150,7 +152,12 @@
   cursor: pointer;
 }
 
-.priceage:hover {
+.priceage:disabled {
+  cursor: default;
+  color: #bdc3c7;
+}
+
+.priceage:hover:not(:disabled) {
   background: #ecf0f1;
   border: 1px solid #ecf0f1 !important;
   transition: 0.5s;
@@ -168,6 +175,13 @@
   display: inline-block;
 }
 
+.priceage .unavailable {
+  display: flex;
+  text-align: left;
+  font-size: 12px;
+  margin-top: 2.5px;
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;

package/package.json

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