iticket-seatingplan-dev 1.0.29 → 1.0.30

package/dist/components/SeatingPlan.js

@@ -172,6 +172,7 @@ const SeatingPlan = _ref => {
       }).then(response => response.json() || null).then(data => {
         const img = new Image();
         img.src = data.background;
+        console.log(data.background);
         setBookedSeats(data.seats.filter(s => s.s === 4 && s.bookedPrice === price).map(s => ({
           showingSeatId: s.ssId,
           rowName: s.r,
@@ -181,9 +182,9 @@ const SeatingPlan = _ref => {
           priceAgeName: s.priceAgeName
         })));
         img.onload = () => {
-          setHeight(img.height);
-          setWidth(img.width);
-          setPosition([img.height * 0.03 / 2, img.width * 0.03 / 2]);
+          setHeight(img.height * 0.5);
+          setWidth(img.width * 0.5);
+          setPosition([img.height * 0.005, img.width * 0.005]);
           setSeats(data);
         };
       }).catch(error => {
@@ -225,7 +226,7 @@ const SeatingPlan = _ref => {
     className: "loading"
   }, /*#__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: position,
+    center: [height * 0.015, width * 0.015],
     zoom: 5,
     scrollWheelZoom: true,
     style: {
@@ -240,7 +241,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.0305 - s.y * 0.57 - height * (height > 700 ? 0.0001 : 0.0006) - 0.3, s.x * 0.6 + 0.25 - 0.3], [height * 0.0305 - s.y * 0.57 - height * (height > 700 ? 0.0001 : 0.0006) + 0.3, s.x * 0.6 + 0.25 + 0.3]
+    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]
     // [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],
@@ -260,22 +261,23 @@ const SeatingPlan = _ref => {
     //   height * 0.0302 - s.y * 0.602 + 0.17,
     //   s.x * 0.61 + 0.17,
     // ],
-    [height * 0.0305 - s.y * 0.57 - height * (height > 700 ? 0.0001 : 0.0006) - 0.17, s.x * 0.6 + 0.25 - 0.17], [height * 0.0305 - s.y * 0.57 - height * (height > 700 ? 0.0001 : 0.0006) + 0.17, s.x * 0.6 + 0.25 + 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]],
     zIndex: 10
   }) : /*#__PURE__*/_react.default.createElement(_reactLeaflet.Circle, {
     center: [
-    // (width * 0.03 - (s.y - 11.5)) * 0.65,
-    // s.x * 0.64,
-    height * 0.0305 - s.y * 0.57 - height * (height > 700 ? 0.0001 : 0.0006), s.x * 0.6 + 0.25
-    // s.y,
+    // height * 0.0305 -
+    //   s.y * 0.57 -
+    //   height * (height > 700 ? 0.0001 : 0.0006),
     // s.x * 0.6 + 0.25,
-    // height * 0.03 - s.y * (height * 0.000535),
-    // height * 0.03 - s.y,
-    // s.x * 0.6 + 0.3,
+
+    height * 0.05 - s.y / 3.35 - height / 50, s.x * 0.3 + 0.15
+
+    // -s.y * (height * 0.00037) + 24.2,
+    // s.x * 0.3 + 0.15,
     ],
 
     pathOptions: setInitialColor(s),
-    radius: 30000,
+    radius: 12000,
     eventHandlers: {
       click: e => handleClick(e, s)
     }

package/package.json

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