iticket-seatingplan-dev 0.0.4 → 1.0.16

package/dist/components/SeatingPlan.js

@@ -21,7 +21,8 @@ const SeatingPlan = _ref => {
     price,
     quantity,
     callbackFunction,
-    apiKey
+    apiKey,
+    baseUrl
   } = _ref;
   const [position, setPosition] = (0, _react.useState)(null);
   const [height, setHeight] = (0, _react.useState)(0);
@@ -37,11 +38,12 @@ const SeatingPlan = _ref => {
     sold: '#95a5a6',
     reserved: '#95a5a6',
     pending: '#e74c3c',
-    booked: '#e74c3c'
+    booked: '#e74c3c',
+    bookedWithDifferentPrice: '#fab1a0'
   };
   const setInitialColor = s => {
     return {
-      fillColor: s.status === 1 ? statusColors.available : s.status === 4 ? statusColors.booked : statusColors.sold,
+      fillColor: s.status === 1 ? statusColors.available : s.status === 4 ? s.bookedPrice === price ? statusColors.booked : statusColors.bookedWithDifferentPrice : statusColors.sold,
       color: 'none',
       fillOpacity: 100
     };
@@ -65,7 +67,7 @@ const SeatingPlan = _ref => {
     });
     setProcessing(true);
     if (s.status === 1) {
-      fetch("https://apim.iticket.co.nz/seatingplan/addseat", {
+      fetch("https://iticket-shop-dev.azurewebsites.net/seatingplan/addseat", {
         method: 'POST',
         body: JSON.stringify({
           basketKey: '',
@@ -83,6 +85,7 @@ const SeatingPlan = _ref => {
         }
       }).then(response => response.json()).then(response => {
         s.status = 4;
+        s.bookedPrice = price;
         e.target.setStyle({
           fillColor: statusColors.booked
         });
@@ -117,53 +120,69 @@ const SeatingPlan = _ref => {
         setProcessing(false);
       });
     } else {
-      fetch("https://apim.iticket.co.nz/seatingplan/removeseat", {
-        method: 'POST',
-        body: JSON.stringify({
-          basketKey: '',
-          seatId: s.showingSeatId
-        }),
-        headers: {
-          'content-type': 'application/json',
-          'session-id': "ASP.NET_SessionId=".concat(sessionId),
-          'showingseat-id': s.showingSeatId
-        }
-      }).then(response => response.json()).then(response => {
-        s.status = 1;
-        e.target.setStyle({
-          fillColor: statusColors.available
-        });
-        setBookedSeats(bookedSeats.filter(bs => bs.showingSeatId !== s.showingSeatId));
-        setProcessing(false);
-      }).catch(error => {
-        e.target.setStyle({
-          fillColor: statusColors.booked
+      if (s.bookedPrice === price) {
+        fetch("https://iticket-shop-dev.azurewebsites.net/seatingplan/removeseat", {
+          method: 'POST',
+          body: JSON.stringify({
+            basketKey: '',
+            seatId: s.showingSeatId
+          }),
+          headers: {
+            'content-type': 'application/json',
+            'session-id': "ASP.NET_SessionId=".concat(sessionId),
+            'showingseat-id': s.showingSeatId
+          }
+        }).then(response => response.json()).then(response => {
+          s.status = 1;
+          s.bookedPrice = null;
+          e.target.setStyle({
+            fillColor: statusColors.available
+          });
+          setBookedSeats(bookedSeats.filter(bs => bs.showingSeatId !== s.showingSeatId));
+          setProcessing(false);
+        }).catch(error => {
+          e.target.setStyle({
+            fillColor: statusColors.booked
+          });
+          const event = {
+            type: 'error',
+            details: {
+              error: {
+                code: 500,
+                message: 'Oops! Something went wrong. Please try again.'
+              }
+            }
+          };
+          callbackFunction(event);
+          setProcessing(false);
         });
+      } else {
         const event = {
           type: 'error',
           details: {
             error: {
-              code: 500,
-              message: 'Oops! Something went wrong. Please try again.'
+              code: 403,
+              message: "Unable to remove seat. Price specified does not match the selected seat price, please select $".concat(s.bookedPrice, " to be able to remove this seat.")
             }
           }
         };
         callbackFunction(event);
         setProcessing(false);
-      });
+      }
     }
   };
+  // https://ecommerce-main-f0c3c0b.d2.zuplo.dev
   (0, _react.useEffect)(() => {
     if (!position && !error) {
-      fetch("https://ecommerce-main-f0c3c0b.d2.zuplo.dev/ecommerce/v1/events/".concat(eventId, "/showings/").concat(showingUid, "/seats?priceage=").concat(priceAgeId), {
+      fetch("".concat(baseUrl, "/ecommerce/v1/events/").concat(eventId, "/showings/").concat(showingId, "/seats?priceage=").concat(priceAgeId), {
         headers: {
-          'session-id': sessionId,
+          basketId: sessionId,
           Authorization: "Bearer ".concat(apiKey)
         }
       }).then(response => response.json() || null).then(data => {
         const img = new Image();
         img.src = data.background;
-        setBookedSeats(data.seats.filter(s => s.status === 4).map(s => ({
+        setBookedSeats(data.seats.filter(s => s.status === 4 && s.bookedPrice === price).map(s => ({
           showingSeatId: s.showingSeatId,
           rowName: s.rowName,
           columnName: s.columnName,
@@ -208,6 +227,7 @@ const SeatingPlan = _ref => {
   // return seating plan
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
+      width: '100%',
       height: '100%'
     }
   }, error ? /*#__PURE__*/_react.default.createElement("div", {
@@ -233,7 +253,7 @@ const SeatingPlan = _ref => {
     opacity: chosenSeat && chosenSeat.seat.showingSeatId === s.showingSeatId ? 100 : 0,
     zIndex: 10
   }), !priceSectionId || s.priceSectionId === priceSectionId ? s.status === 6 ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
-    url: wheelchairSeat,
+    url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAzNC4xMjg5MDYgNDEuMzA0Njg4IEMgMzMuMjY5NTMxIDQwLjQ0OTIxOSAzMS45MDYyNSA0MC4zNzUgMzAuOTY0ODQ0IDQxLjE0MDYyNSBDIDI4LjY0ODQzOCA0My4wMTk1MzEgMjUuNzczNDM4IDQ0LjA2NjQwNiAyMi43MzgyODEgNDQuMDY2NDA2IEMgMTUuNDU3MDMxIDQ0LjA2NjQwNiA5LjUzMTI1IDM4LjE0MDYyNSA5LjUzMTI1IDMwLjg1NTQ2OSBDIDkuNTMxMjUgMjcuNjI4OTA2IDEwLjcxODc1IDI0LjU2NjQwNiAxMi44MzU5MzggMjIuMTcxODc1IEMgMTMuNSAyMS40MTc5NjkgMTMuNDg0Mzc1IDIwLjI4MTI1IDEyLjc4OTA2MiAxOS41NTA3ODEgQyAxMi4zMzk4NDQgMTkuMDc0MjE5IDExLjg5NDUzMSAxOC41OTc2NTYgMTEuNDQ1MzEyIDE4LjEyMTA5NCBDIDExLjA4MjAzMSAxNy43MzgyODEgMTAuNTc4MTI1IDE3LjUyMzQzOCAxMC4wNTA3ODEgMTcuNTIzNDM4IEMgOS41MjM0MzggMTcuNTI3MzQ0IDkuMDIzNDM4IDE3Ljc1IDguNjY3OTY5IDE4LjEzNjcxOSBDIDcuNTY2NDA2IDE5LjMyODEyNSA2LjYxNzE4OCAyMC42NTIzNDQgNS44NjcxODggMjIuMDg1OTM4IEMgNC40NjA5MzggMjQuNzczNDM4IDMuNzE4NzUgMjcuODA4NTk0IDMuNzE4NzUgMzAuODU1NDY5IEMgMy43MTg3NSA0MS4zNDM3NSAxMi4yNTM5MDYgNDkuODc4OTA2IDIyLjc0MjE4OCA0OS44Nzg5MDYgQyAyNS43Njk1MzEgNDkuODc4OTA2IDI4Ljc4NTE1NiA0OS4xNDQ1MzEgMzEuNDY0ODQ0IDQ3Ljc1NzgxMiBDIDMyLjYyNSA0Ny4xNTYyNSAzMy43MjI2NTYgNDYuNDI5Njg4IDM0LjczODI4MSA0NS42MDE1NjIgQyAzNS4yNTM5MDYgNDUuMTc5Njg4IDM1LjU3MDMxMiA0NC41NTQ2ODggMzUuNjA1NDY5IDQzLjg4NjcxOSBDIDM1LjYzNjcxOSA0My4yMTg3NSAzNS4zOTA2MjUgNDIuNTY2NDA2IDM0LjkxNDA2MiA0Mi4wOTM3NSBaIE0gMzQuMTI4OTA2IDQxLjMwNDY4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE2LjgxMjUgOS4yODUxNTYgQyAxOS4zNzEwOTQgOS4yODUxNTYgMjEuNDUzMTI1IDcuMjAzMTI1IDIxLjQ1MzEyNSA0LjY0NDUzMSBDIDIxLjQ1MzEyNSAyLjA4MjAzMSAxOS4zNzEwOTQgMCAxNi44MTI1IDAgQyAxNC4yNSAwIDEyLjE2Nzk2OSAyLjA4MjAzMSAxMi4xNjc5NjkgNC42NDQ1MzEgQyAxMi4xNjc5NjkgNy4yMDMxMjUgMTQuMjUgOS4yODUxNTYgMTYuODEyNSA5LjI4NTE1NiBaIE0gMTYuODEyNSA5LjI4NTE1NiAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDQ2LjIzNDM3NSA0Ni41NzAzMTIgTCA0My4zMTY0MDYgMzAuNjA5Mzc1IEMgNDMuMTQwNjI1IDI5LjYyNSA0Mi41NTg1OTQgMjguNzQyMTg4IDQxLjczNDM3NSAyOC4xNzk2ODggQyA0MS4xMTMyODEgMjcuNzU3ODEyIDQwLjM4MjgxMiAyNy41MzEyNSAzOS42Mjg5MDYgMjcuNTMxMjUgQyAzOS4zODI4MTIgMjcuNTMxMjUgMzkuMTMyODEyIDI3LjU1NDY4OCAzOC44OTQ1MzEgMjcuNjAxNTYyIEwgMjUuNTg1OTM4IDMwLjI2MTcxOSBDIDI1LjUzOTA2MiAzMC4yNzM0MzggMjUuNDkyMTg4IDMwLjI3NzM0NCAyNS40NDUzMTIgMzAuMjc3MzQ0IEMgMjUuMTEzMjgxIDMwLjI3NzM0NCAyNC44MjQyMTkgMzAuMDM5MDYyIDI0Ljc1NzgxMiAyOS43MTA5MzggTCAyMy42NjAxNTYgMjQuMzA4NTk0IEwgMzIuODk4NDM4IDIyLjczNDM3NSBDIDM0LjM0NzY1NiAyMi40ODQzNzUgMzUuMzI4MTI1IDIxLjEwNTQ2OSAzNS4wNzgxMjUgMTkuNjU2MjUgQyAzNC44NTkzNzUgMTguMzcxMDk0IDMzLjc1MzkwNiAxNy40Mzc1IDMyLjQ0NTMxMiAxNy40Mzc1IEMgMzIuMjk2ODc1IDE3LjQzNzUgMzIuMTQ4NDM4IDE3LjQ0OTIxOSAzMiAxNy40NzI2NTYgTCAyMi41OTc2NTYgMTkuMDc4MTI1IEwgMjEuMzkwNjI1IDEzLjEyODkwNiBDIDIxLjEzNjcxOSAxMS43NDYwOTQgMTkuOTM3NSAxMC43NDYwOTQgMTguNTM1MTU2IDEwLjc0NjA5NCBDIDE4LjM1OTM3NSAxMC43NDYwOTQgMTguMTc5Njg4IDEwLjc2MTcxOSAxOC4wMDc4MTIgMTAuNzkyOTY5IEMgMTcuMjQyMTg4IDEwLjkyOTY4OCAxNi41NzgxMjUgMTEuMzU5Mzc1IDE2LjE0MDYyNSAxMiBDIDE1LjY5NTMxMiAxMi42NDA2MjUgMTUuNTMxMjUgMTMuNDEwMTU2IDE1LjY3MTg3NSAxNC4xNzk2ODggTCAxOS41MTk1MzEgMzMuNTc0MjE5IEMgMTkuNzE0ODQ0IDM0LjU1ODU5NCAyMC4yODEyNSAzNS40MDYyNSAyMS4xMTMyODEgMzUuOTYwOTM4IEMgMjEuNzM0Mzc1IDM2LjM3NSAyMi40NTMxMjUgMzYuNTkzNzUgMjMuMTk5MjE5IDM2LjU5Mzc1IEMgMjMuNDQ1MzEyIDM2LjU5Mzc1IDIzLjY5MTQwNiAzNi41NzAzMTIgMjMuOTMzNTk0IDM2LjUxOTUzMSBMIDM3LjI2OTUzMSAzMy44NTkzNzUgQyAzNy40NTcwMzEgMzMuODIwMzEyIDM3LjY1MjM0NCAzMy44NTkzNzUgMzcuODA4NTk0IDMzLjk2NDg0NCBDIDM3Ljk2MDkzOCAzNC4wNzAzMTIgMzguMDcwMzEyIDM0LjIzODI4MSAzOC4xMDU0NjkgMzQuNDIxODc1IEwgNDAuNTE1NjI1IDQ3LjYxNzE4OCBDIDQwLjc2NTYyNSA0OSA0MS45Njg3NSA1MC4wMDM5MDYgNDMuMzcxMDk0IDUwLjAwMzkwNiBDIDQzLjU0Njg3NSA1MC4wMDM5MDYgNDMuNzE4NzUgNDkuOTg0Mzc1IDQzLjg5NDUzMSA0OS45NTMxMjUgQyA0NC42NjAxNTYgNDkuODE2NDA2IDQ1LjMyMDMxMiA0OS4zODY3MTkgNDUuNzYxNzE5IDQ4Ljc0NjA5NCBDIDQ2LjIwNzAzMSA0OC4xMDkzNzUgNDYuMzcxMDk0IDQ3LjMzNTkzOCA0Ni4yMzQzNzUgNDYuNTcwMzEyIFogTSA0Ni4yMzQzNzUgNDYuNTcwMzEyICIvPgo8L2c+Cjwvc3ZnPgo=',
     bounds: [[height * 0.03 - s.raw_y * 0.61 - 0.17, s.raw_x * 0.615 - 0.17], [height * 0.03 - s.raw_y * 0.61 + 0.17, s.raw_x * 0.615 + 0.17]],
     zIndex: 10
   }) : /*#__PURE__*/_react.default.createElement(_reactLeaflet.Circle, {
@@ -250,7 +270,7 @@ const SeatingPlan = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Tooltip, {
     direction: 'top',
     offset: [0, height * 0.03 + -30]
-  }, s.rowName + '-' + s.columnName)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))) : /*#__PURE__*/_react.default.createElement("div", {
+  }, s.rowName + '-' + s.columnName, ' ', s.bookedPrice && s.bookedPrice !== price && "(Select $".concat(s.bookedPrice, " to remove from cart.)"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))) : /*#__PURE__*/_react.default.createElement("div", {
     className: "loading"
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("svg", {
     width: "105",

package/dist/components/styles/index.css

@@ -248,7 +248,7 @@ svg.leaflet-zoom-animated {
 /* cursors */
 
 .leaflet-interactive {
-	cursor: pointer;
+	cursor: default;
 	}
 .leaflet-grab {
 	cursor: -webkit-grab;

package/package.json

@@ -2,7 +2,7 @@
   "name": "iticket-seatingplan-dev",
   "description": "Seating plan with FLEXi pricing",
   "author": "gedwyne",
-  "version": "0.0.4",
+  "version": "1.0.16",
   "private": false,
   "keywords": [
     "iticket",
@@ -19,6 +19,11 @@
     "leaflet": "^1.9.3",
     "react-leaflet": "^4.2.1"
   },
+  "codependencies": {
+    "@babel/polyfill": "^7.12.1",
+    "leaflet": "^1.9.3",
+    "react-leaflet": "^4.2.1"
+  },
   "scripts": {
     "build": "rm -rf dist && NODE_ENV=production babel src/lib --out-dir dist --copy-files",
     "start": "react-scripts start"