iticket-seatingplan-dev 1.3.6 → 1.3.7

package/dist/components/SeatingPlan.js

@@ -1,718 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("./styles/index.css");
-var _react = _interopRequireWildcard(require("react"));
-var _reactLeaflet = require("react-leaflet");
-var _reactLeafletCustomControl = _interopRequireDefault(require("react-leaflet-custom-control"));
-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; }
-// const wheelchairSeat = require('.//assets/wheelchair.png')
-
-let NZDollar = new Intl.NumberFormat('en-NZ', {
-  style: 'currency',
-  currency: 'NZD'
-});
-const SeatingPlan = _ref => {
-  let {
-    eventId,
-    eventVenueId,
-    sessionId,
-    showingId,
-    areaId,
-    priceSectionIds,
-    price,
-    quantity,
-    callbackFunction,
-    apiKey,
-    baseUrl,
-    countryCode,
-    connectedShowings
-  } = _ref;
-  const [initialiseMessage, setInitialiseMessage] = (0, _react.useState)('Initialising seating plan...');
-  const [isReloading, setIsReloading] = (0, _react.useState)(false);
-  const [map, setMap] = (0, _react.useState)();
-  const [position, setPosition] = (0, _react.useState)(null);
-  const [height, setHeight] = (0, _react.useState)(0);
-  const [width, setWidth] = (0, _react.useState)(0);
-  const [seats, setSeats] = (0, _react.useState)([]);
-  const [error, setError] = (0, _react.useState)(null);
-  const [processing, setProcessing] = (0, _react.useState)(false);
-  const [bookedSeats, setBookedSeats] = (0, _react.useState)([]);
-  const [chosenSeat, setChosenSeat] = (0, _react.useState)(null);
-  const [area, setArea] = (0, _react.useState)(null);
-  const statusColors = {
-    unknown: '#95a5a6',
-    available: '#00E640',
-    sold: '#95a5a6',
-    reserved: '#95a5a6',
-    pending: '#e74c3c',
-    booked: '#e74c3c',
-    bookedWithDifferentPrice: '#fab1a0'
-  };
-  const setInitialColor = s => {
-    return {
-      fillColor: s.s === 1 ? statusColors.available : s.s === 4 ? s.bookedPrice === price ? statusColors.booked : statusColors.bookedWithDifferentPrice : statusColors.sold,
-      color: 'none',
-      fillOpacity: s.loading ? 0 : 1
-    };
-  };
-  const addTicketToCart = (s, priceage, 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), {
-      method: 'POST',
-      body: JSON.stringify({
-        priceAgeId: priceage.paId,
-        seatId: s.ssId,
-        connectedShowings: connectedShowings
-      }),
-      headers: {
-        'content-type': 'application/json',
-        'basket-key': sessionId
-      }
-    }).then(response => {
-      if ((response === null || response === void 0 ? void 0 : response.status) === 403) {
-        s.loading = false;
-        (cs || chosenSeat).circle.target.setStyle({
-          fillColor: statusColors.sold
-        });
-        cs ? cs.seat.s = 2 : chosenSeat.seat.s = 2;
-        const event = {
-          type: 'error',
-          details: {
-            error: {
-              code: 403,
-              message: "The seat you're trying to book is no longer available."
-            }
-          }
-        };
-        callbackFunction(event);
-        setProcessing(false);
-      } else if ((response === null || response === void 0 ? void 0 : response.status) === 400) {
-        s.loading = false;
-        (cs || chosenSeat).circle.target.setStyle({
-          fillColor: statusColors.sold
-        });
-        cs ? cs.seat.s = 2 : chosenSeat.seat.s = 2;
-        const event = {
-          type: 'error',
-          details: {
-            error: {
-              code: 403,
-              message: "Oops, seems like you're trying to book tickets that are incompatible with other tickets in your cart."
-            }
-          }
-        };
-        callbackFunction(event);
-        setProcessing(false);
-      } else if ((response === null || response === void 0 ? void 0 : response.status) === 429) {
-        s.loading = false;
-        (cs || chosenSeat).circle.target.setStyle({
-          fillColor: statusColors.available
-        });
-        const event = {
-          type: 'error',
-          details: {
-            error: {
-              code: 429,
-              message: "Someone else selected this first. Please try again"
-            }
-          }
-        };
-        callbackFunction(event);
-        setProcessing(false);
-      } else {
-        // console.log(chosenSeat.seat.ssId, cs?.seat.ssId)
-        s.s = 4;
-        s.bookedPrice = price;
-        s.loading = false;
-        (cs || chosenSeat).circle.target.setStyle({
-          fillColor: statusColors.booked
-        });
-        setProcessing(false);
-        setBookedSeats([...bookedSeats, {
-          ssId: s.ssId,
-          r: s.r,
-          c: s.c,
-          showingId: showingId,
-          pId: priceage.paId,
-          p: priceage.p,
-          paName: priceage.paName
-        }]);
-        const event = {
-          type: 'cart-change-add',
-          details: [...bookedSeats, {
-            ssId: s.ssId,
-            r: s.r,
-            c: s.c,
-            showingId: showingId,
-            pId: priceage.paId,
-            p: priceage.p,
-            paName: priceage.paName
-          }]
-        };
-        callbackFunction(event);
-      }
-    }).catch(error => {
-      s.loading = false;
-      (cs || chosenSeat).circle.target.setStyle({
-        fillColor: statusColors.available
-      });
-      const event = {
-        type: 'error',
-        details: s.pMin && s.pMax && (price < s.pMin || price > s.pMax) ? {
-          error: {
-            code: 403,
-            message: 'Price specified not allowed.'
-          }
-        } : {
-          error: {
-            code: 500,
-            message: 'Oops! Something went wrong. Please try again.'
-          }
-        }
-      };
-      callbackFunction(event);
-      setProcessing(false);
-    });
-  };
-  const removeTicketFromCart = (s, e) => {
-    setProcessing(true);
-    fetch("".concat(baseUrl, "/legacy/").concat(countryCode, "/shop/events/").concat(eventId, "/").concat(eventVenueId, "/showings/").concat(showingId, "/tickets/allocated/").concat(areaId, "/seat/").concat(s.ssId), {
-      method: 'DELETE',
-      headers: {
-        'basket-key': sessionId
-      }
-    }).then(response => {
-      s.loading = false;
-      s.s = 1;
-      s.bookedPrice = null;
-      e.target.setStyle({
-        fillColor: 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)
-      };
-      callbackFunction(event);
-    }).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);
-    });
-  };
-  const handleClick = (e, s) => {
-    if (s.s !== 1 && s.s !== 4 || bookedSeats.length >= quantity && s.s === 1) {
-      if (bookedSeats.length >= quantity) {
-        const event = {
-          type: 'error',
-          details: {
-            message: 'Maximum ticket booking quantity specified reached.'
-          }
-        };
-        callbackFunction(event);
-      }
-      return;
-    }
-    setChosenSeat({
-      circle: e,
-      seat: s
-    });
-    if (s.s === 1) {
-      const availablePrices = seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && s.psId === price.psId);
-      if (availablePrices.length === 1) {
-        s.loading = true;
-        addTicketToCart(s, availablePrices[0], {
-          circle: e,
-          seat: s
-        });
-      }
-    } else {
-      s.loading = true;
-      removeTicketFromCart(s, e);
-    }
-  };
-  const initialFetch = function initialFetch() {
-    let isReload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (isReload) {
-      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}`,
-    "".concat(baseUrl, "/legacy/").concat(countryCode, "/shop/events/").concat(eventId, "/").concat(eventVenueId, "/showings/").concat(showingId, "/tickets/allocated/").concat(areaId), {
-      headers: {
-        'basket-key': sessionId,
-        Authorization: "Bearer ".concat(apiKey)
-      }
-    }).then(async response => {
-      const data = await response.json();
-      data.retryAfter = response.headers.get('Retry-After');
-      return data;
-    }).then(data => {
-      if (data.status === 429) {
-        setInitialiseMessage("Looks like it's busy. Standby. Trying again in ".concat(data.retryAfter, " second").concat(data.retryAfter > 1 ? 's' : '', "."));
-        return setTimeout(initialFetch, data.retryAfter * 1000);
-      }
-      const img = new Image();
-      img.src = data.background;
-      setBookedSeats(data.seats.filter(s => s.s === 4 && s.bookedPrice === price).map(s => ({
-        ssId: s.ssId,
-        r: s.r,
-        c: s.c,
-        showingId: showingId,
-        p: s.p,
-        //price || s.defaultPrice,
-        pId: s.pId,
-        paName: s.paName
-      })));
-      img.onload = () => {
-        setPosition([img.height * 0.005, img.width * 0.005]);
-        setHeight(img.height * 0.5);
-        setWidth(img.width * 0.5);
-        setSeats(data);
-      };
-      map && area === areaId && map.target.setView([height * 0.015, width * 0.015], 6);
-      setIsReloading(false);
-    }).catch(error => {
-      // console.log(error)
-      setError({
-        response: {
-          data: {
-            message: 'Invalid API Key or unauthorized URL'
-          }
-        }
-      });
-      setIsReloading(false);
-    });
-  };
-  (0, _react.useEffect)(() => {
-    if (!error && areaId !== area) {
-      setArea(areaId);
-      initialFetch();
-      setPosition(null);
-    }
-  }, [areaId]);
-
-  // useEffect(() => {
-  //   if (bookedSeats && position && chosenSeat) {
-  //     const event = { type: 'cart-change', details: bookedSeats }
-  //     callbackFunction(event)
-  //   }
-  // }, [bookedSeats])
-
-  (0, _react.useEffect)(() => {
-    if (processing) {
-      const availablePrices = seats.pricing.filter(price => !priceSectionIds || priceSectionIds.includes(price.psId));
-      availablePrices.length === 1 && (chosenSeat === null || chosenSeat === void 0 ? void 0 : chosenSeat.circle.target.setStyle({
-        fillOpacity: 0
-      }));
-    }
-  }, [chosenSeat, processing]);
-  const calculateCenterOfMap = (height, seats) => {
-    const filteredSeats = seats.filter(price => !priceSectionIds || priceSectionIds.includes(price.psId));
-    const avgY = filteredSeats.reduce((acc, val) => {
-      return acc + val.y / filteredSeats.length;
-    }, 0);
-    const avgX = filteredSeats.reduce((acc, val) => {
-      return acc + val.x / filteredSeats.length;
-    }, 0);
-    return [height * 0.05 - avgY / (height > 800 ? height > 999 ? 3.5 : 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), avgX * 0.3 + 0.15];
-  };
-  const determineZoom = seats => {
-    const filteredSeats = seats.filter(price => !priceSectionIds || priceSectionIds.includes(price.psId));
-    const x = filteredSeats.map(fs => fs.x);
-    const y = filteredSeats.map(fs => fs.y);
-    const maxX = Math.max(...x) - Math.min(...x);
-    const maxY = Math.max(...y) - Math.min(...y);
-
-    // console.log(maxY)
-    if (maxY > 42) return 5;
-    if (maxY > 23) return 6;else return 7;
-    // return 7
-  };
-
-  console.log(height);
-  // return seating plan
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '100%',
-      height: '100%'
-    }
-  }, error ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "loading"
-  }, /*#__PURE__*/_react.default.createElement("h1", null, "OOPS!"), /*#__PURE__*/_react.default.createElement("div", null, error.response.data.message)) : position && area === areaId ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLeaflet.MapContainer, {
-    whenReady: setMap
-    // center={[height * 0.015, width * 0.015]}
-    ,
-    center: calculateCenterOfMap(height, seats.seats)
-    // zoom={6}
-    ,
-    zoom: determineZoom(seats.seats),
-    zoomControl: true,
-    scrollWheelZoom: true,
-    style: {
-      minHeight: '500px',
-      height: '100%'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactLeafletCustomControl.default, {
-    position: "bottomright"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "legendBox"
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "legendHeader"
-  }, "LEGEND:"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '1rem',
-      height: '1rem',
-      borderRadius: '100%',
-      background: '#00E640'
-    }
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      margin: '0 0.5rem'
-    }
-  }, "available"))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '1rem',
-      height: '1rem',
-      borderRadius: '100%',
-      background: '#95a5a6'
-    }
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      margin: '0 0.5rem'
-    }
-  }, "sold"))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      width: '1rem',
-      height: '1rem',
-      borderRadius: '100%',
-      background: '#e74c3c'
-    }
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      margin: '0 0.5rem'
-    }
-  }, "in cart"))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAzNC4xMjg5MDYgNDEuMzA0Njg4IEMgMzMuMjY5NTMxIDQwLjQ0OTIxOSAzMS45MDYyNSA0MC4zNzUgMzAuOTY0ODQ0IDQxLjE0MDYyNSBDIDI4LjY0ODQzOCA0My4wMTk1MzEgMjUuNzczNDM4IDQ0LjA2NjQwNiAyMi43MzgyODEgNDQuMDY2NDA2IEMgMTUuNDU3MDMxIDQ0LjA2NjQwNiA5LjUzMTI1IDM4LjE0MDYyNSA5LjUzMTI1IDMwLjg1NTQ2OSBDIDkuNTMxMjUgMjcuNjI4OTA2IDEwLjcxODc1IDI0LjU2NjQwNiAxMi44MzU5MzggMjIuMTcxODc1IEMgMTMuNSAyMS40MTc5NjkgMTMuNDg0Mzc1IDIwLjI4MTI1IDEyLjc4OTA2MiAxOS41NTA3ODEgQyAxMi4zMzk4NDQgMTkuMDc0MjE5IDExLjg5NDUzMSAxOC41OTc2NTYgMTEuNDQ1MzEyIDE4LjEyMTA5NCBDIDExLjA4MjAzMSAxNy43MzgyODEgMTAuNTc4MTI1IDE3LjUyMzQzOCAxMC4wNTA3ODEgMTcuNTIzNDM4IEMgOS41MjM0MzggMTcuNTI3MzQ0IDkuMDIzNDM4IDE3Ljc1IDguNjY3OTY5IDE4LjEzNjcxOSBDIDcuNTY2NDA2IDE5LjMyODEyNSA2LjYxNzE4OCAyMC42NTIzNDQgNS44NjcxODggMjIuMDg1OTM4IEMgNC40NjA5MzggMjQuNzczNDM4IDMuNzE4NzUgMjcuODA4NTk0IDMuNzE4NzUgMzAuODU1NDY5IEMgMy43MTg3NSA0MS4zNDM3NSAxMi4yNTM5MDYgNDkuODc4OTA2IDIyLjc0MjE4OCA0OS44Nzg5MDYgQyAyNS43Njk1MzEgNDkuODc4OTA2IDI4Ljc4NTE1NiA0OS4xNDQ1MzEgMzEuNDY0ODQ0IDQ3Ljc1NzgxMiBDIDMyLjYyNSA0Ny4xNTYyNSAzMy43MjI2NTYgNDYuNDI5Njg4IDM0LjczODI4MSA0NS42MDE1NjIgQyAzNS4yNTM5MDYgNDUuMTc5Njg4IDM1LjU3MDMxMiA0NC41NTQ2ODggMzUuNjA1NDY5IDQzLjg4NjcxOSBDIDM1LjYzNjcxOSA0My4yMTg3NSAzNS4zOTA2MjUgNDIuNTY2NDA2IDM0LjkxNDA2MiA0Mi4wOTM3NSBaIE0gMzQuMTI4OTA2IDQxLjMwNDY4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE2LjgxMjUgOS4yODUxNTYgQyAxOS4zNzEwOTQgOS4yODUxNTYgMjEuNDUzMTI1IDcuMjAzMTI1IDIxLjQ1MzEyNSA0LjY0NDUzMSBDIDIxLjQ1MzEyNSAyLjA4MjAzMSAxOS4zNzEwOTQgMCAxNi44MTI1IDAgQyAxNC4yNSAwIDEyLjE2Nzk2OSAyLjA4MjAzMSAxMi4xNjc5NjkgNC42NDQ1MzEgQyAxMi4xNjc5NjkgNy4yMDMxMjUgMTQuMjUgOS4yODUxNTYgMTYuODEyNSA5LjI4NTE1NiBaIE0gMTYuODEyNSA5LjI4NTE1NiAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDQ2LjIzNDM3NSA0Ni41NzAzMTIgTCA0My4zMTY0MDYgMzAuNjA5Mzc1IEMgNDMuMTQwNjI1IDI5LjYyNSA0Mi41NTg1OTQgMjguNzQyMTg4IDQxLjczNDM3NSAyOC4xNzk2ODggQyA0MS4xMTMyODEgMjcuNzU3ODEyIDQwLjM4MjgxMiAyNy41MzEyNSAzOS42Mjg5MDYgMjcuNTMxMjUgQyAzOS4zODI4MTIgMjcuNTMxMjUgMzkuMTMyODEyIDI3LjU1NDY4OCAzOC44OTQ1MzEgMjcuNjAxNTYyIEwgMjUuNTg1OTM4IDMwLjI2MTcxOSBDIDI1LjUzOTA2MiAzMC4yNzM0MzggMjUuNDkyMTg4IDMwLjI3NzM0NCAyNS40NDUzMTIgMzAuMjc3MzQ0IEMgMjUuMTEzMjgxIDMwLjI3NzM0NCAyNC44MjQyMTkgMzAuMDM5MDYyIDI0Ljc1NzgxMiAyOS43MTA5MzggTCAyMy42NjAxNTYgMjQuMzA4NTk0IEwgMzIuODk4NDM4IDIyLjczNDM3NSBDIDM0LjM0NzY1NiAyMi40ODQzNzUgMzUuMzI4MTI1IDIxLjEwNTQ2OSAzNS4wNzgxMjUgMTkuNjU2MjUgQyAzNC44NTkzNzUgMTguMzcxMDk0IDMzLjc1MzkwNiAxNy40Mzc1IDMyLjQ0NTMxMiAxNy40Mzc1IEMgMzIuMjk2ODc1IDE3LjQzNzUgMzIuMTQ4NDM4IDE3LjQ0OTIxOSAzMiAxNy40NzI2NTYgTCAyMi41OTc2NTYgMTkuMDc4MTI1IEwgMjEuMzkwNjI1IDEzLjEyODkwNiBDIDIxLjEzNjcxOSAxMS43NDYwOTQgMTkuOTM3NSAxMC43NDYwOTQgMTguNTM1MTU2IDEwLjc0NjA5NCBDIDE4LjM1OTM3NSAxMC43NDYwOTQgMTguMTc5Njg4IDEwLjc2MTcxOSAxOC4wMDc4MTIgMTAuNzkyOTY5IEMgMTcuMjQyMTg4IDEwLjkyOTY4OCAxNi41NzgxMjUgMTEuMzU5Mzc1IDE2LjE0MDYyNSAxMiBDIDE1LjY5NTMxMiAxMi42NDA2MjUgMTUuNTMxMjUgMTMuNDEwMTU2IDE1LjY3MTg3NSAxNC4xNzk2ODggTCAxOS41MTk1MzEgMzMuNTc0MjE5IEMgMTkuNzE0ODQ0IDM0LjU1ODU5NCAyMC4yODEyNSAzNS40MDYyNSAyMS4xMTMyODEgMzUuOTYwOTM4IEMgMjEuNzM0Mzc1IDM2LjM3NSAyMi40NTMxMjUgMzYuNTkzNzUgMjMuMTk5MjE5IDM2LjU5Mzc1IEMgMjMuNDQ1MzEyIDM2LjU5Mzc1IDIzLjY5MTQwNiAzNi41NzAzMTIgMjMuOTMzNTk0IDM2LjUxOTUzMSBMIDM3LjI2OTUzMSAzMy44NTkzNzUgQyAzNy40NTcwMzEgMzMuODIwMzEyIDM3LjY1MjM0NCAzMy44NTkzNzUgMzcuODA4NTk0IDMzLjk2NDg0NCBDIDM3Ljk2MDkzOCAzNC4wNzAzMTIgMzguMDcwMzEyIDM0LjIzODI4MSAzOC4xMDU0NjkgMzQuNDIxODc1IEwgNDAuNTE1NjI1IDQ3LjYxNzE4OCBDIDQwLjc2NTYyNSA0OSA0MS45Njg3NSA1MC4wMDM5MDYgNDMuMzcxMDk0IDUwLjAwMzkwNiBDIDQzLjU0Njg3NSA1MC4wMDM5MDYgNDMuNzE4NzUgNDkuOTg0Mzc1IDQzLjg5NDUzMSA0OS45NTMxMjUgQyA0NC42NjAxNTYgNDkuODE2NDA2IDQ1LjMyMDMxMiA0OS4zODY3MTkgNDUuNzYxNzE5IDQ4Ljc0NjA5NCBDIDQ2LjIwNzAzMSA0OC4xMDkzNzUgNDYuMzcxMDk0IDQ3LjMzNTkzOCA0Ni4yMzQzNzUgNDYuNTcwMzEyIFogTSA0Ni4yMzQzNzUgNDYuNTcwMzEyICIvPgo8L2c+Cjwvc3ZnPgo=',
-    width: 15,
-    height: 15
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      margin: '0 0.5rem'
-    }
-  }, "wheelchair"))), seats.seats.filter(seat => seat.m).length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'inline-flex'
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: 'data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojZjU0YjU1O30uY2xzLTN7ZmlsbDojMzAzNDQyO29wYWNpdHk6MC4wODt9LmNscy00e2ZpbGw6bm9uZTtzdHJva2U6IzMwMzQ0MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjRweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnVzZXI8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgzLjMyLDg5LjZjMy45MSwyLjI3LDguMzksNC44NywxMS42LDguNDZhNDYuMDA1NDQsNDYuMDA1NDQsMCwwLDEtNjEuODQsMGMzLjIxLTMuNTksNy42OS02LjE5LDExLjYtOC40Niw0LjgtMi43OSw4Ljk1LTUuMiw4Ljk1LTguMjJhMTAuNTQ3LDEwLjU0NywwLDAsMC0zLjktOC40M2MtMi4yOS0uMzgtMy40OS00LjY4LTMuNDktNy4wNGEzLjI4Mzg2LDMuMjgzODYsMCwwLDEsLjk4LTIuNzdjLTEuNjYtNS4zOS0xLjYzLTEyLjg3LDIuMTQtMTguMTYsMi45NS00LjE0LDcuODEtNi4zNCwxNC4wNi02LjM2YTEzLjM1MDU1LDEzLjM1MDU1LDAsMCwxLDEyLjg3LDIuNzFjMi44MSwyLjUzLDcuMDgsOC43LDQuNDcsMjEuNzUuNTQuMzgsMS4wNiwxLjE3LDEuMDYsMi44MywwLDIuMzYtMS4yLDYuNjctMy41LDcuMDRhMTAuNDY3NjksMTAuNDY3NjksMCwwLDAtMy45NSw4LjQzQzc0LjM3LDg0LjQsNzguNTIsODYuODEsODMuMzIsODkuNloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik02NCwxOEE0Ni4wMDEzMiw0Ni4wMDEzMiwwLDAsMSw5NC45Miw5OC4wNmMtMy4yMS0zLjU5LTcuNjktNi4xOS0xMS42LTguNDYtNC44LTIuNzktOC45NS01LjItOC45NS04LjIyYTEwLjQ2NzY5LDEwLjQ2NzY5LDAsMCwxLDMuOTUtOC40M2MyLjMtLjM3LDMuNS00LjY4LDMuNS03LjA0LDAtMS42Ni0uNTItMi40NS0xLjA2LTIuODMsMi42MS0xMy4wNS0xLjY2LTE5LjIyLTQuNDctMjEuNzVhMTMuMzUwNTUsMTMuMzUwNTUsMCwwLDAtMTIuODctMi43MWMtNi4yNS4wMi0xMS4xMSwyLjIyLTE0LjA2LDYuMzYtMy43Nyw1LjI5LTMuOCwxMi43Ny0yLjE0LDE4LjE2YTMuMjgzODYsMy4yODM4NiwwLDAsMC0uOTgsMi43N2MwLDIuMzYsMS4yLDYuNjYsMy40OSw3LjA0YTEwLjU0NywxMC41NDcsMCwwLDEsMy45LDguNDNjMCwzLjAyLTQuMTUsNS40My04Ljk1LDguMjItMy45MSwyLjI3LTguMzksNC44Ny0xMS42LDguNDZBNDYuMDAxMzIsNDYuMDAxMzIsMCwwLDEsNjQsMThaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNjQsMTAwQTQ1Ljk5NDk0LDQ1Ljk5NDk0LDAsMCwxLDE4LjI3NSw1OSw0Ni40OTk1Miw0Ni40OTk1MiwwLDAsMCwxOCw2NGE0Niw0NiwwLDAsMCw5MiwwLDQ2LjQ5OTUyLDQ2LjQ5OTUyLDAsMCwwLS4yNzUtNUE0NS45OTQ5NCw0NS45OTQ5NCwwLDAsMSw2NCwxMDBaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMzMuMDgsOTguMDZjMy4yMS0zLjU5LDcuNjktNi4xOSwxMS42LTguNDYsNC44LTIuNzksOC45NS01LjIsOC45NS04LjIyYTEwLjU0NywxMC41NDcsMCwwLDAtMy45LTguNDNjLTIuMjktLjM4LTMuNDktNC42OC0zLjQ5LTcuMDRhMy4yODM4NiwzLjI4Mzg2LDAsMCwxLC45OC0yLjc3Yy0xLjY2LTUuMzktMS42My0xMi44NywyLjE0LTE4LjE2LDIuOTUtNC4xNCw3LjgxLTYuMzQsMTQuMDYtNi4zNmExMy4zNTA1NSwxMy4zNTA1NSwwLDAsMSwxMi44NywyLjcxYzIuODEsMi41Myw3LjA4LDguNyw0LjQ3LDIxLjc1LjU0LjM4LDEuMDYsMS4xNywxLjA2LDIuODMsMCwyLjM2LTEuMiw2LjY3LTMuNSw3LjA0YTEwLjQ2NzY5LDEwLjQ2NzY5LDAsMCwwLTMuOTUsOC40M2MwLDMuMDIsNC4xNSw1LjQzLDguOTUsOC4yMiwzLjkxLDIuMjcsOC4zOSw0Ljg3LDExLjYsOC40NiIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTMzLjA4LDk4LjA2QTQ2LjAwNTQ0LDQ2LjAwNTQ0LDAsMSwxLDY0LDExMCw0NS44OTEzNCw0NS44OTEzNCwwLDAsMSwzMy4wOCw5OC4wNloiLz48L3N2Zz4=',
-    width: 15,
-    height: 15
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      margin: '0 0.5rem'
-    }
-  }, "membership seats"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactLeafletCustomControl.default, {
-    position: "topleft"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      border: '2px solid rgba(0,0,0,0.2)',
-      borderRadius: '4px'
-    }
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    title: "Re-centre Seating Plan",
-    onClick: () => map.target.setView(calculateCenterOfMap(height, seats.seats), determineZoom(seats.seats)),
-    className: "leaflet-control-zoom-in",
-    style: {
-      border: 'none',
-      borderRadius: '6px 6px 0 0',
-      background: '#fff',
-      padding: '8px 6px',
-      cursor: 'pointer'
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: "https://au-iticket-shop-legacy.azurewebsites.net/assets/images/fit-icon.jpg",
-    style: {
-      height: '17px'
-    }
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    title: "Reload Seating Plan",
-    disabled: isReloading,
-    onClick: () => initialFetch(true),
-    className: "leaflet-control-zoom-in",
-    style: {
-      border: 'none',
-      borderRadius: '0 0',
-      borderTop: '1px solid gray',
-      background: '#fff',
-      padding: '8px 6px',
-      cursor: 'pointer',
-      background: isReloading ? 'rgb(0, 230, 64)' : '#fff'
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    className: isReloading ? 'rotate' : '',
-    src: "https://au-iticket-shop-legacy.azurewebsites.net/assets/images/refresh.png",
-    style: {
-      height: '17px'
-    }
-  })))), /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
-    url: seats.background,
-    bounds: [[0, 0], [height * 0.03, width * 0.03]],
-    zIndex: 10
-  }), seats && seats.seats && seats.seats.map((s, i) => /*#__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",
-    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],
-    // [height * 0.0302 - s.y * 0.602 - 0.17, s.x * 0.61 - 0.17],
-    // [height * 0.0302 - s.y * 0.602 + 0.17, s.x * 0.61 + 0.17],
-    ],
-
-    opacity: s.loading ? 100 : 0,
-    zIndex: 10
-  }), !priceSectionIds || priceSectionIds.includes(s.psId) ? s.s === 6 ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
-    url: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMCUsMCUsMCUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAzNC4xMjg5MDYgNDEuMzA0Njg4IEMgMzMuMjY5NTMxIDQwLjQ0OTIxOSAzMS45MDYyNSA0MC4zNzUgMzAuOTY0ODQ0IDQxLjE0MDYyNSBDIDI4LjY0ODQzOCA0My4wMTk1MzEgMjUuNzczNDM4IDQ0LjA2NjQwNiAyMi43MzgyODEgNDQuMDY2NDA2IEMgMTUuNDU3MDMxIDQ0LjA2NjQwNiA5LjUzMTI1IDM4LjE0MDYyNSA5LjUzMTI1IDMwLjg1NTQ2OSBDIDkuNTMxMjUgMjcuNjI4OTA2IDEwLjcxODc1IDI0LjU2NjQwNiAxMi44MzU5MzggMjIuMTcxODc1IEMgMTMuNSAyMS40MTc5NjkgMTMuNDg0Mzc1IDIwLjI4MTI1IDEyLjc4OTA2MiAxOS41NTA3ODEgQyAxMi4zMzk4NDQgMTkuMDc0MjE5IDExLjg5NDUzMSAxOC41OTc2NTYgMTEuNDQ1MzEyIDE4LjEyMTA5NCBDIDExLjA4MjAzMSAxNy43MzgyODEgMTAuNTc4MTI1IDE3LjUyMzQzOCAxMC4wNTA3ODEgMTcuNTIzNDM4IEMgOS41MjM0MzggMTcuNTI3MzQ0IDkuMDIzNDM4IDE3Ljc1IDguNjY3OTY5IDE4LjEzNjcxOSBDIDcuNTY2NDA2IDE5LjMyODEyNSA2LjYxNzE4OCAyMC42NTIzNDQgNS44NjcxODggMjIuMDg1OTM4IEMgNC40NjA5MzggMjQuNzczNDM4IDMuNzE4NzUgMjcuODA4NTk0IDMuNzE4NzUgMzAuODU1NDY5IEMgMy43MTg3NSA0MS4zNDM3NSAxMi4yNTM5MDYgNDkuODc4OTA2IDIyLjc0MjE4OCA0OS44Nzg5MDYgQyAyNS43Njk1MzEgNDkuODc4OTA2IDI4Ljc4NTE1NiA0OS4xNDQ1MzEgMzEuNDY0ODQ0IDQ3Ljc1NzgxMiBDIDMyLjYyNSA0Ny4xNTYyNSAzMy43MjI2NTYgNDYuNDI5Njg4IDM0LjczODI4MSA0NS42MDE1NjIgQyAzNS4yNTM5MDYgNDUuMTc5Njg4IDM1LjU3MDMxMiA0NC41NTQ2ODggMzUuNjA1NDY5IDQzLjg4NjcxOSBDIDM1LjYzNjcxOSA0My4yMTg3NSAzNS4zOTA2MjUgNDIuNTY2NDA2IDM0LjkxNDA2MiA0Mi4wOTM3NSBaIE0gMzQuMTI4OTA2IDQxLjMwNDY4OCAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE2LjgxMjUgOS4yODUxNTYgQyAxOS4zNzEwOTQgOS4yODUxNTYgMjEuNDUzMTI1IDcuMjAzMTI1IDIxLjQ1MzEyNSA0LjY0NDUzMSBDIDIxLjQ1MzEyNSAyLjA4MjAzMSAxOS4zNzEwOTQgMCAxNi44MTI1IDAgQyAxNC4yNSAwIDEyLjE2Nzk2OSAyLjA4MjAzMSAxMi4xNjc5NjkgNC42NDQ1MzEgQyAxMi4xNjc5NjkgNy4yMDMxMjUgMTQuMjUgOS4yODUxNTYgMTYuODEyNSA5LjI4NTE1NiBaIE0gMTYuODEyNSA5LjI4NTE1NiAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigwJSwwJSwwJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDQ2LjIzNDM3NSA0Ni41NzAzMTIgTCA0My4zMTY0MDYgMzAuNjA5Mzc1IEMgNDMuMTQwNjI1IDI5LjYyNSA0Mi41NTg1OTQgMjguNzQyMTg4IDQxLjczNDM3NSAyOC4xNzk2ODggQyA0MS4xMTMyODEgMjcuNzU3ODEyIDQwLjM4MjgxMiAyNy41MzEyNSAzOS42Mjg5MDYgMjcuNTMxMjUgQyAzOS4zODI4MTIgMjcuNTMxMjUgMzkuMTMyODEyIDI3LjU1NDY4OCAzOC44OTQ1MzEgMjcuNjAxNTYyIEwgMjUuNTg1OTM4IDMwLjI2MTcxOSBDIDI1LjUzOTA2MiAzMC4yNzM0MzggMjUuNDkyMTg4IDMwLjI3NzM0NCAyNS40NDUzMTIgMzAuMjc3MzQ0IEMgMjUuMTEzMjgxIDMwLjI3NzM0NCAyNC44MjQyMTkgMzAuMDM5MDYyIDI0Ljc1NzgxMiAyOS43MTA5MzggTCAyMy42NjAxNTYgMjQuMzA4NTk0IEwgMzIuODk4NDM4IDIyLjczNDM3NSBDIDM0LjM0NzY1NiAyMi40ODQzNzUgMzUuMzI4MTI1IDIxLjEwNTQ2OSAzNS4wNzgxMjUgMTkuNjU2MjUgQyAzNC44NTkzNzUgMTguMzcxMDk0IDMzLjc1MzkwNiAxNy40Mzc1IDMyLjQ0NTMxMiAxNy40Mzc1IEMgMzIuMjk2ODc1IDE3LjQzNzUgMzIuMTQ4NDM4IDE3LjQ0OTIxOSAzMiAxNy40NzI2NTYgTCAyMi41OTc2NTYgMTkuMDc4MTI1IEwgMjEuMzkwNjI1IDEzLjEyODkwNiBDIDIxLjEzNjcxOSAxMS43NDYwOTQgMTkuOTM3NSAxMC43NDYwOTQgMTguNTM1MTU2IDEwLjc0NjA5NCBDIDE4LjM1OTM3NSAxMC43NDYwOTQgMTguMTc5Njg4IDEwLjc2MTcxOSAxOC4wMDc4MTIgMTAuNzkyOTY5IEMgMTcuMjQyMTg4IDEwLjkyOTY4OCAxNi41NzgxMjUgMTEuMzU5Mzc1IDE2LjE0MDYyNSAxMiBDIDE1LjY5NTMxMiAxMi42NDA2MjUgMTUuNTMxMjUgMTMuNDEwMTU2IDE1LjY3MTg3NSAxNC4xNzk2ODggTCAxOS41MTk1MzEgMzMuNTc0MjE5IEMgMTkuNzE0ODQ0IDM0LjU1ODU5NCAyMC4yODEyNSAzNS40MDYyNSAyMS4xMTMyODEgMzUuOTYwOTM4IEMgMjEuNzM0Mzc1IDM2LjM3NSAyMi40NTMxMjUgMzYuNTkzNzUgMjMuMTk5MjE5IDM2LjU5Mzc1IEMgMjMuNDQ1MzEyIDM2LjU5Mzc1IDIzLjY5MTQwNiAzNi41NzAzMTIgMjMuOTMzNTk0IDM2LjUxOTUzMSBMIDM3LjI2OTUzMSAzMy44NTkzNzUgQyAzNy40NTcwMzEgMzMuODIwMzEyIDM3LjY1MjM0NCAzMy44NTkzNzUgMzcuODA4NTk0IDMzLjk2NDg0NCBDIDM3Ljk2MDkzOCAzNC4wNzAzMTIgMzguMDcwMzEyIDM0LjIzODI4MSAzOC4xMDU0NjkgMzQuNDIxODc1IEwgNDAuNTE1NjI1IDQ3LjYxNzE4OCBDIDQwLjc2NTYyNSA0OSA0MS45Njg3NSA1MC4wMDM5MDYgNDMuMzcxMDk0IDUwLjAwMzkwNiBDIDQzLjU0Njg3NSA1MC4wMDM5MDYgNDMuNzE4NzUgNDkuOTg0Mzc1IDQzLjg5NDUzMSA0OS45NTMxMjUgQyA0NC42NjAxNTYgNDkuODE2NDA2IDQ1LjMyMDMxMiA0OS4zODY3MTkgNDUuNzYxNzE5IDQ4Ljc0NjA5NCBDIDQ2LjIwNzAzMSA0OC4xMDkzNzUgNDYuMzcxMDk0IDQ3LjMzNTkzOCA0Ni4yMzQzNzUgNDYuNTcwMzEyIFogTSA0Ni4yMzQzNzUgNDYuNTcwMzEyICIvPgo8L2c+Cjwvc3ZnPgo=',
-    bounds: [
-    // [
-    //   height * 0.0302 - s.y * 0.602 - 0.17,
-    //   s.x * 0.61 - 0.17,
-    // ],
-    // [
-    //   height * 0.0302 - s.y * 0.602 + 0.17,
-    //   s.x * 0.61 + 0.17,
-    // ],
-    [height * 0.05 - s.y / (height > 800 ? height > 999 ? 3.5 : 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.05 - s.y / (height > 800 ? height > 999 ? 3.5 : 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]],
-    zIndex: 10
-  }) : s.s === 4 && s.m ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
-    url: 'data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZmZmO30uY2xzLTJ7ZmlsbDojZjU0YjU1O30uY2xzLTN7ZmlsbDojMzAzNDQyO29wYWNpdHk6MC4wODt9LmNscy00e2ZpbGw6bm9uZTtzdHJva2U6IzMwMzQ0MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjRweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPnVzZXI8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTgzLjMyLDg5LjZjMy45MSwyLjI3LDguMzksNC44NywxMS42LDguNDZhNDYuMDA1NDQsNDYuMDA1NDQsMCwwLDEtNjEuODQsMGMzLjIxLTMuNTksNy42OS02LjE5LDExLjYtOC40Niw0LjgtMi43OSw4Ljk1LTUuMiw4Ljk1LTguMjJhMTAuNTQ3LDEwLjU0NywwLDAsMC0zLjktOC40M2MtMi4yOS0uMzgtMy40OS00LjY4LTMuNDktNy4wNGEzLjI4Mzg2LDMuMjgzODYsMCwwLDEsLjk4LTIuNzdjLTEuNjYtNS4zOS0xLjYzLTEyLjg3LDIuMTQtMTguMTYsMi45NS00LjE0LDcuODEtNi4zNCwxNC4wNi02LjM2YTEzLjM1MDU1LDEzLjM1MDU1LDAsMCwxLDEyLjg3LDIuNzFjMi44MSwyLjUzLDcuMDgsOC43LDQuNDcsMjEuNzUuNTQuMzgsMS4wNiwxLjE3LDEuMDYsMi44MywwLDIuMzYtMS4yLDYuNjctMy41LDcuMDRhMTAuNDY3NjksMTAuNDY3NjksMCwwLDAtMy45NSw4LjQzQzc0LjM3LDg0LjQsNzguNTIsODYuODEsODMuMzIsODkuNloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik02NCwxOEE0Ni4wMDEzMiw0Ni4wMDEzMiwwLDAsMSw5NC45Miw5OC4wNmMtMy4yMS0zLjU5LTcuNjktNi4xOS0xMS42LTguNDYtNC44LTIuNzktOC45NS01LjItOC45NS04LjIyYTEwLjQ2NzY5LDEwLjQ2NzY5LDAsMCwxLDMuOTUtOC40M2MyLjMtLjM3LDMuNS00LjY4LDMuNS03LjA0LDAtMS42Ni0uNTItMi40NS0xLjA2LTIuODMsMi42MS0xMy4wNS0xLjY2LTE5LjIyLTQuNDctMjEuNzVhMTMuMzUwNTUsMTMuMzUwNTUsMCwwLDAtMTIuODctMi43MWMtNi4yNS4wMi0xMS4xMSwyLjIyLTE0LjA2LDYuMzYtMy43Nyw1LjI5LTMuOCwxMi43Ny0yLjE0LDE4LjE2YTMuMjgzODYsMy4yODM4NiwwLDAsMC0uOTgsMi43N2MwLDIuMzYsMS4yLDYuNjYsMy40OSw3LjA0YTEwLjU0NywxMC41NDcsMCwwLDEsMy45LDguNDNjMCwzLjAyLTQuMTUsNS40My04Ljk1LDguMjItMy45MSwyLjI3LTguMzksNC44Ny0xMS42LDguNDZBNDYuMDAxMzIsNDYuMDAxMzIsMCwwLDEsNjQsMThaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNjQsMTAwQTQ1Ljk5NDk0LDQ1Ljk5NDk0LDAsMCwxLDE4LjI3NSw1OSw0Ni40OTk1Miw0Ni40OTk1MiwwLDAsMCwxOCw2NGE0Niw0NiwwLDAsMCw5MiwwLDQ2LjQ5OTUyLDQ2LjQ5OTUyLDAsMCwwLS4yNzUtNUE0NS45OTQ5NCw0NS45OTQ5NCwwLDAsMSw2NCwxMDBaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMzMuMDgsOTguMDZjMy4yMS0zLjU5LDcuNjktNi4xOSwxMS42LTguNDYsNC44LTIuNzksOC45NS01LjIsOC45NS04LjIyYTEwLjU0NywxMC41NDcsMCwwLDAtMy45LTguNDNjLTIuMjktLjM4LTMuNDktNC42OC0zLjQ5LTcuMDRhMy4yODM4NiwzLjI4Mzg2LDAsMCwxLC45OC0yLjc3Yy0xLjY2LTUuMzktMS42My0xMi44NywyLjE0LTE4LjE2LDIuOTUtNC4xNCw3LjgxLTYuMzQsMTQuMDYtNi4zNmExMy4zNTA1NSwxMy4zNTA1NSwwLDAsMSwxMi44NywyLjcxYzIuODEsMi41Myw3LjA4LDguNyw0LjQ3LDIxLjc1LjU0LjM4LDEuMDYsMS4xNywxLjA2LDIuODMsMCwyLjM2LTEuMiw2LjY3LTMuNSw3LjA0YTEwLjQ2NzY5LDEwLjQ2NzY5LDAsMCwwLTMuOTUsOC40M2MwLDMuMDIsNC4xNSw1LjQzLDguOTUsOC4yMiwzLjkxLDIuMjcsOC4zOSw0Ljg3LDExLjYsOC40NiIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTMzLjA4LDk4LjA2QTQ2LjAwNTQ0LDQ2LjAwNTQ0LDAsMSwxLDY0LDExMCw0NS44OTEzNCw0NS44OTEzNCwwLDAsMSwzMy4wOCw5OC4wNloiLz48L3N2Zz4=',
-    bounds: [
-    // [
-    //   height * 0.0302 - s.y * 0.602 - 0.17,
-    //   s.x * 0.61 - 0.17,
-    // ],
-    // [
-    //   height * 0.0302 - s.y * 0.602 + 0.17,
-    //   s.x * 0.61 + 0.17,
-    // ],
-    [height * 0.05 - s.y / (height > 800 ? height > 999 ? 3.5 : 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.15], [height * 0.05 - s.y / (height > 800 ? height > 999 ? 3.5 : 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.15]],
-    zIndex: 10
-  }) : /*#__PURE__*/_react.default.createElement(_reactLeaflet.Circle, {
-    center: [
-    // height * 0.0305 -
-    //   s.y * 0.57 -
-    //   height * (height > 700 ? 0.0001 : 0.0006),
-    // s.x * 0.6 + 0.25,
-    //experimental
-    // 14.42,
-    // (height / 33.33 - 0.3 * s.y).toFixed(1)
-    // height / 33.33 - (height / 33.33) * s.y * 0.01, //29, //3 27, // height / 33.33 - s.y, // s.y * 0.3, //+ (height / 0.503) * 0.01, //11.66, // 5.2,
-    //working
-    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),
-    // s.r.includes('NORTH')
-    //   ? 0
-    //   : 0,
-    s.x * 0.3 + 0.15
-
-    // height * 0.04 -
-    //   s.y / (height > 800 ? 3.5 : 3.35) -
-    //   (height > 800 ? height * 0.0101 : height * 0.0201),
-    // s.x * 0.3 + 0.15,
-
-    // -s.y * (height * 0.00037) + 24.2,
-    // s.x * 0.3 + 0.15,
-    ],
-
-    pathOptions: setInitialColor(s),
-    radius: 12000,
-    eventHandlers: {
-      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 && /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, null, /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      marginTop: '0.2rem',
-      marginBottom: '0.2rem',
-      fontWeight: 'bold'
-    }
-  }, "Select option:"), seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId).map(price => /*#__PURE__*/_react.default.createElement("div", {
-    key: price.paId,
-    style: {
-      minWidth: '10rem',
-      borderRadius: '0.25rem',
-      padding: '0.5rem',
-      border: '1px solid #bdc3c7',
-      marginBottom: '0.2rem',
-      cursor: 'pointer'
-    },
-    className: "priceage",
-    onClick: () => {
-      s.loading = true;
-      addTicketToCart(s, price);
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      margin: '0px'
-    }
-  }, price.paName, /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      float: 'right'
-    }
-  }, NZDollar.format(price.p))))))) : /*#__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",
-    height: "105",
-    viewBox: "0 0 105 105",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "#2ecc71"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "12.5",
-    cy: "12.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "0s",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "12.5",
-    cy: "52.5",
-    r: "12.5",
-    fillOpacity: ".5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "100ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "52.5",
-    cy: "12.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "300ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "52.5",
-    cy: "52.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "600ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "92.5",
-    cy: "12.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "800ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "92.5",
-    cy: "52.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "400ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "12.5",
-    cy: "92.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "700ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "52.5",
-    cy: "92.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "500ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "92.5",
-    cy: "92.5",
-    r: "12.5"
-  }, /*#__PURE__*/_react.default.createElement("animate", {
-    attributeName: "fill-opacity",
-    begin: "200ms",
-    dur: "1s",
-    values: "1;.2;1",
-    calcMode: "linear",
-    repeatCount: "indefinite"
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginTop: '2rem'
-    }
-  }, initialiseMessage)));
-};
-var _default = SeatingPlan;
-exports.default = _default;