iticket-seatingplan-dev 1.5.9 → 1.6.1

package/dist/components/Map.js

@@ -377,17 +377,17 @@ function Map(_ref) {
     bounds: [[0, 0], [height * 0.03, width * 0.03]],
     zIndex: 10
   }), seats && seats.seats && seats.seats.map((s, i) => {
-    var _chosenSeat$seat;
+    var _chosenSeat$seat, _chosenSeat$seat2;
     const isIcon = (!priceSectionIds || priceSectionIds.includes(s.psId)) && (s.s === _utils.statuses.WHEELCHAIR_ACCESS || s.s === _utils.statuses.USER_PENDING && s.m);
     const seatCenter = getSeatCenterLatLng(s, isIcon);
     const seatPrices = seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId);
     const isSingleFlexi = seatPrices.length === 1 && !!seatPrices[0].pMax && !!seatPrices[0].pMin && seatPrices[0].pMax > seatPrices[0].pMin;
     return /*#__PURE__*/_react.default.createElement("div", {
       key: i
-    }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
+    }, (s.loading || ticketPopupOpen && (chosenSeat === null || chosenSeat === void 0 || (_chosenSeat$seat = chosenSeat.seat) === null || _chosenSeat$seat === void 0 ? void 0 : _chosenSeat$seat.ssId) === s.ssId) && /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
       url: "https://iticketseatingplan.blob.core.windows.net/embed/static/media/rippleload.08e6a08dd832819226ef.gif",
       bounds: [[(s.r.includes("NORTH") ? getNorthSeatLat(s) : seatCenter.lat) - 0.11, seatCenter.lng - 0.11], [(s.r.includes("NORTH") ? getNorthSeatLat(s) : seatCenter.lat) + 0.11, seatCenter.lng + 0.11]],
-      opacity: s.loading || ticketPopupOpen && (chosenSeat === null || chosenSeat === void 0 || (_chosenSeat$seat = chosenSeat.seat) === null || _chosenSeat$seat === void 0 ? void 0 : _chosenSeat$seat.ssId) === s.ssId ? 100 : 0,
+      opacity: s.loading || ticketPopupOpen && (chosenSeat === null || chosenSeat === void 0 || (_chosenSeat$seat2 = chosenSeat.seat) === null || _chosenSeat$seat2 === void 0 ? void 0 : _chosenSeat$seat2.ssId) === s.ssId ? 100 : 0,
       zIndex: 10
     }), !priceSectionIds || priceSectionIds.includes(s.psId) ? s.s === _utils.statuses.WHEELCHAIR_ACCESS ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
       url: _encodedSvgs.wheelchairIcon,

package/dist/components/SeatingPlan.js

@@ -490,7 +490,8 @@ const SeatingPlan = _ref => {
     bounds: bounds
     // @ts-ignore
     ,
-    whenReady: setMap
+    whenReady: setMap,
+    preferCanvas: true
   }, /*#__PURE__*/_react.default.createElement(_Map.default, {
     seats: seats,
     height: height,

package/dist/components/styles/index.css

@@ -24,12 +24,16 @@ button {
   width: 100%;
   height: 100%;
   position: relative;
+}
+
+.seating-plan-container {
   --accent: rgb(99 102 241);
   --accent-dark: rgb(55 48 163);
   --accent-light: rgb(224 231 255);
   --flexi-accent: rgb(227 38 100);
   --flexi-accent-light: rgb(255 211 226);
   --flexi-accent-dark: rgb(190 0 63);
+  font-family: inherit;
 }
 
 .legendBox {

package/dist/utils/helpers.js

@@ -18,7 +18,8 @@ const getInitialColor = (s, price, selected) => {
   return {
     fillColor: s.s === _enums.statuses.UNSOLD ? _enums.statusColors.available : s.s === _enums.statuses.USER_PENDING ? s.bookedPrice === price ? _enums.statusColors.booked : _enums.statusColors.bookedWithDifferentPrice : _enums.statusColors.sold,
     color: "none",
-    fillOpacity: s.loading ? 0 : 1
+    fillOpacity: s.loading ? 0 : 1,
+    stroke: false
   };
 };
 exports.getInitialColor = getInitialColor;

package/package.json

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