iticket-seatingplan-dev 1.4.6 → 1.4.7

package/dist/components/Map.js

@@ -113,7 +113,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: "/images/fit-icon.jpg",
     style: {
       height: "17px"
     }
@@ -130,7 +130,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: "/images/refresh.png",
     style: {
       height: "17px"
     }
@@ -169,7 +169,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: "/images/rippleload.gif",
       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 +262,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), {
@@ -212,6 +236,10 @@ const SeatingPlan = _ref => {
     });
   };
   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 +252,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 +272,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,11 @@
   cursor: pointer;
 }
 
-.priceage:hover {
+.priceage:disabled {
+  cursor: default;
+}
+
+.priceage:hover:not(:disabled) {
   background: #ecf0f1;
   border: 1px solid #ecf0f1 !important;
   transition: 0.5s;
@@ -168,6 +174,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.7",
   "private": false,
   "keywords": [
     "iticket",
@@ -51,4 +51,4 @@
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-react": "^7.22.5"
   }
-}
+}