iticket-seatingplan-dev 1.4.1 → 1.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/components/Map.js +49 -47
  2. package/package.json +1 -1
package/dist/components/Map.js CHANGED
@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = Map;
7
7
  require("leaflet-gesture-handling/dist/leaflet-gesture-handling.css");
8
+ var _react = _interopRequireWildcard(require("react"));
8
9
  var _reactLeaflet = require("react-leaflet");
9
10
  var _leafletGestureHandling2 = require("leaflet-gesture-handling");
10
11
  var _reactLeafletCustomControl = _interopRequireDefault(require("react-leaflet-custom-control"));
11
12
  var _encodedSvgs = require("./assets/encodedSvgs");
12
13
  var _utils = require("../utils");
13
- var _react = require("react");
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ 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); }
16
+ 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; }
15
17
  function Map(_ref) {
16
18
  let {
17
19
  seats,
@@ -61,61 +63,61 @@ function Map(_ref) {
61
63
  map.gestureHandling.enable();
62
64
  }
63
65
  }, [map, isFullScreen]);
64
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactLeafletCustomControl.default, {
66
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLeafletCustomControl.default, {
65
67
  position: "bottomright"
66
- }, /*#__PURE__*/React.createElement("div", {
68
+ }, /*#__PURE__*/_react.default.createElement("div", {
67
69
  className: "legendBox"
68
- }, /*#__PURE__*/React.createElement("div", {
70
+ }, /*#__PURE__*/_react.default.createElement("div", {
69
71
  className: "legend-header"
70
- }, /*#__PURE__*/React.createElement("button", {
72
+ }, /*#__PURE__*/_react.default.createElement("button", {
71
73
  className: "legend-button ".concat(isLegendOpen ? "expanded" : ""),
72
74
  onClick: () => setIsLegendOpen(!isLegendOpen)
73
- }, /*#__PURE__*/React.createElement("p", null, isLegendOpen ? "LEGEND:" : "VIEW LEGEND")), isLegendOpen && /*#__PURE__*/React.createElement("button", {
75
+ }, /*#__PURE__*/_react.default.createElement("p", null, isLegendOpen ? "LEGEND:" : "VIEW LEGEND")), isLegendOpen && /*#__PURE__*/_react.default.createElement("button", {
74
76
  className: "close-button",
75
77
  onClick: () => setIsLegendOpen(false)
76
- }, /*#__PURE__*/React.createElement("img", {
78
+ }, /*#__PURE__*/_react.default.createElement("img", {
77
79
  src: _encodedSvgs.closeIcon,
78
80
  alt: "close"
79
- }))), /*#__PURE__*/React.createElement("div", {
81
+ }))), /*#__PURE__*/_react.default.createElement("div", {
80
82
  className: "legend-contents ".concat(isLegendOpen ? "expanded" : "")
81
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
83
+ }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
82
84
  className: "legend-item"
83
- }, /*#__PURE__*/React.createElement("div", {
85
+ }, /*#__PURE__*/_react.default.createElement("div", {
84
86
  className: "legend-symbol legend-available"
85
- }), /*#__PURE__*/React.createElement("p", null, "available"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
87
+ }), /*#__PURE__*/_react.default.createElement("p", null, "available"))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
86
88
  className: "legend-item"
87
- }, /*#__PURE__*/React.createElement("div", {
89
+ }, /*#__PURE__*/_react.default.createElement("div", {
88
90
  className: "legend-symbol legend-sold"
89
- }), /*#__PURE__*/React.createElement("p", null, "sold"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
91
+ }), /*#__PURE__*/_react.default.createElement("p", null, "sold"))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
90
92
  className: "legend-item"
91
- }, /*#__PURE__*/React.createElement("div", {
93
+ }, /*#__PURE__*/_react.default.createElement("div", {
92
94
  className: "legend-symbol legend-in-cart"
93
- }), /*#__PURE__*/React.createElement("p", null, "in cart"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
95
+ }), /*#__PURE__*/_react.default.createElement("p", null, "in cart"))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
94
96
  className: "legend-item"
95
- }, /*#__PURE__*/React.createElement("img", {
97
+ }, /*#__PURE__*/_react.default.createElement("img", {
96
98
  src: _encodedSvgs.wheelchairIcon,
97
99
  width: 15,
98
100
  height: 15
99
- }), /*#__PURE__*/React.createElement("p", null, "wheelchair"))), seats.seats.filter(seat => seat.m).length > 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
101
+ }), /*#__PURE__*/_react.default.createElement("p", null, "wheelchair"))), seats.seats.filter(seat => seat.m).length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
100
102
  className: "legend-item"
101
- }, /*#__PURE__*/React.createElement("img", {
103
+ }, /*#__PURE__*/_react.default.createElement("img", {
102
104
  src: _encodedSvgs.userIcon,
103
105
  width: 15,
104
106
  height: 15
105
- }), /*#__PURE__*/React.createElement("p", null, "membership seats"))) : /*#__PURE__*/React.createElement(React.Fragment, null)))), /*#__PURE__*/React.createElement(_reactLeafletCustomControl.default, {
107
+ }), /*#__PURE__*/_react.default.createElement("p", null, "membership seats"))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))), /*#__PURE__*/_react.default.createElement(_reactLeafletCustomControl.default, {
106
108
  position: "topleft"
107
- }, /*#__PURE__*/React.createElement("div", {
109
+ }, /*#__PURE__*/_react.default.createElement("div", {
108
110
  className: "extra-controls"
109
- }, /*#__PURE__*/React.createElement("button", {
111
+ }, /*#__PURE__*/_react.default.createElement("button", {
110
112
  title: "Re-centre Seating Plan",
111
113
  onClick: () => map.fitBounds(bounds),
112
114
  className: "leaflet-control-zoom-in"
113
- }, /*#__PURE__*/React.createElement("img", {
115
+ }, /*#__PURE__*/_react.default.createElement("img", {
114
116
  src: "https://au-iticket-shop-legacy.azurewebsites.net/assets/images/fit-icon.jpg",
115
117
  style: {
116
118
  height: "17px"
117
119
  }
118
- })), /*#__PURE__*/React.createElement("button", {
120
+ })), /*#__PURE__*/_react.default.createElement("button", {
119
121
  title: "Reload Seating Plan",
120
122
  disabled: isReloading,
121
123
  onClick: () => {
@@ -126,47 +128,47 @@ function Map(_ref) {
126
128
  style: {
127
129
  background: isReloading ? "rgb(0, 230, 64)" : "#fff"
128
130
  }
129
- }, /*#__PURE__*/React.createElement("img", {
131
+ }, /*#__PURE__*/_react.default.createElement("img", {
130
132
  className: isReloading ? "rotate" : "",
131
133
  src: "https://au-iticket-shop-legacy.azurewebsites.net/assets/images/refresh.png",
132
134
  style: {
133
135
  height: "17px"
134
136
  }
135
- })))), /*#__PURE__*/React.createElement(_reactLeafletCustomControl.default, {
137
+ })))), /*#__PURE__*/_react.default.createElement(_reactLeafletCustomControl.default, {
136
138
  position: "topleft"
137
- }, /*#__PURE__*/React.createElement("div", {
139
+ }, /*#__PURE__*/_react.default.createElement("div", {
138
140
  className: "extra-controls"
139
- }, /*#__PURE__*/React.createElement("button", {
141
+ }, /*#__PURE__*/_react.default.createElement("button", {
140
142
  title: isFullScreen ? "Collapse Seating Plan" : "Expand Seating Plan",
141
143
  onClick: () => {
142
144
  setIsFullScreen(!isFullScreen);
143
145
  },
144
146
  className: "leaflet-control-zoom-in"
145
- }, /*#__PURE__*/React.createElement("img", {
147
+ }, /*#__PURE__*/_react.default.createElement("img", {
146
148
  src: isFullScreen ? _encodedSvgs.collapseIcon : _encodedSvgs.expandIcon,
147
149
  style: {
148
150
  height: "24px"
149
151
  }
150
- })))), /*#__PURE__*/React.createElement(_reactLeafletCustomControl.default, {
152
+ })))), /*#__PURE__*/_react.default.createElement(_reactLeafletCustomControl.default, {
151
153
  position: "topright"
152
- }, /*#__PURE__*/React.createElement("button", {
154
+ }, /*#__PURE__*/_react.default.createElement("button", {
153
155
  title: "Close full screen",
154
156
  onClick: () => setIsFullScreen(false),
155
157
  className: "full-screen-close-button ".concat(isFullScreen ? "show" : "")
156
- }, /*#__PURE__*/React.createElement("img", {
158
+ }, /*#__PURE__*/_react.default.createElement("img", {
157
159
  src: _encodedSvgs.closeIcon,
158
160
  style: {
159
161
  height: "24px"
160
162
  }
161
- }))), /*#__PURE__*/React.createElement(_reactLeaflet.ImageOverlay, {
163
+ }))), /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
162
164
  url: seats.background,
163
165
  bounds: [[0, 0], [height * 0.03, width * 0.03]],
164
166
  zIndex: 10
165
167
  }), seats && seats.seats && seats.seats.map((s, i) => {
166
168
  var _chosenSeat$seat;
167
- return /*#__PURE__*/React.createElement("div", {
169
+ return /*#__PURE__*/_react.default.createElement("div", {
168
170
  key: i
169
- }, /*#__PURE__*/React.createElement(_reactLeaflet.ImageOverlay, {
171
+ }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
170
172
  url: "https://iticketseatingplan.blob.core.windows.net/embed/static/media/rippleload.08e6a08dd832819226ef.gif",
171
173
  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]
172
174
  // [height * 0.0302 - s.y * 0.602 - 0.3, s.x * 0.61 - 0.3],
@@ -177,7 +179,7 @@ function Map(_ref) {
177
179
 
178
180
  opacity: s.loading || ticketPopupOpen && (chosenSeat === null || chosenSeat === void 0 ? void 0 : (_chosenSeat$seat = chosenSeat.seat) === null || _chosenSeat$seat === void 0 ? void 0 : _chosenSeat$seat.ssId) === s.ssId ? 100 : 0,
179
181
  zIndex: 10
180
- }), !priceSectionIds || priceSectionIds.includes(s.psId) ? s.s === _utils.statuses.WHEELCHAIR_ACCESS ? /*#__PURE__*/React.createElement(_reactLeaflet.ImageOverlay, {
182
+ }), !priceSectionIds || priceSectionIds.includes(s.psId) ? s.s === _utils.statuses.WHEELCHAIR_ACCESS ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
181
183
  url: _encodedSvgs.wheelchairIcon,
182
184
  bounds: [
183
185
  // [
@@ -190,7 +192,7 @@ function Map(_ref) {
190
192
  // ],
191
193
  [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]],
192
194
  zIndex: 10
193
- }) : s.s === _utils.statuses.USER_PENDING && s.m ? /*#__PURE__*/React.createElement(_reactLeaflet.ImageOverlay, {
195
+ }) : s.s === _utils.statuses.USER_PENDING && s.m ? /*#__PURE__*/_react.default.createElement(_reactLeaflet.ImageOverlay, {
194
196
  url: _encodedSvgs.userIcon,
195
197
  bounds: [
196
198
  // [
@@ -203,7 +205,7 @@ function Map(_ref) {
203
205
  // ],
204
206
  [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]],
205
207
  zIndex: 10
206
- }) : /*#__PURE__*/React.createElement(_reactLeaflet.Circle, {
208
+ }) : /*#__PURE__*/_react.default.createElement(_reactLeaflet.Circle, {
207
209
  center: [
208
210
  // height * 0.0305 -
209
211
  // s.y * 0.57 -
@@ -241,26 +243,26 @@ function Map(_ref) {
241
243
  }
242
244
  }
243
245
  // value={s}
244
- }, /*#__PURE__*/React.createElement(_reactLeaflet.Tooltip, {
246
+ }, /*#__PURE__*/_react.default.createElement(_reactLeaflet.Tooltip, {
245
247
  className: "seatname-tooltip",
246
248
  direction: "top",
247
249
  offset: [0, height * 0.03 + -30]
248
- }, s.r + "-" + s.c), s.s === _utils.statuses.UNSOLD && /*#__PURE__*/React.createElement(_reactLeaflet.Popup, {
250
+ }, s.r + "-" + s.c), s.s === _utils.statuses.UNSOLD && /*#__PURE__*/_react.default.createElement(_reactLeaflet.Popup, {
249
251
  className: "ticket-popup"
250
- }, /*#__PURE__*/React.createElement("div", {
252
+ }, /*#__PURE__*/_react.default.createElement("div", {
251
253
  className: "popup-header"
252
- }, /*#__PURE__*/React.createElement("p", {
254
+ }, /*#__PURE__*/_react.default.createElement("p", {
253
255
  className: "seatname"
254
- }, "".concat(areaName ? areaName + " | " : "").concat(s.r, "-").concat(s.c)), /*#__PURE__*/React.createElement("button", {
256
+ }, "".concat(areaName ? areaName + " | " : "").concat(s.r, "-").concat(s.c)), /*#__PURE__*/_react.default.createElement("button", {
255
257
  className: "close-button",
256
258
  "aria-label": "close popup",
257
259
  onClick: () => map.closePopup()
258
- }, /*#__PURE__*/React.createElement("img", {
260
+ }, /*#__PURE__*/_react.default.createElement("img", {
259
261
  src: _encodedSvgs.closeIcon,
260
262
  alt: "close"
261
- }))), /*#__PURE__*/React.createElement("p", {
263
+ }))), /*#__PURE__*/_react.default.createElement("p", {
262
264
  className: "heading"
263
- }, "Select option:"), seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId).map(price => /*#__PURE__*/React.createElement("div", {
265
+ }, "Select option:"), seats.pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === s.psId).map(price => /*#__PURE__*/_react.default.createElement("div", {
264
266
  key: price.paId,
265
267
  className: "priceage",
266
268
  onClick: () => {
@@ -268,8 +270,8 @@ function Map(_ref) {
268
270
  map.closePopup();
269
271
  addTicketToCart(s, price);
270
272
  }
271
- }, /*#__PURE__*/React.createElement("p", {
273
+ }, /*#__PURE__*/_react.default.createElement("p", {
272
274
  className: "price"
273
- }, /*#__PURE__*/React.createElement("span", null, price.paName), /*#__PURE__*/React.createElement("span", null, _utils.NZDollar.format(price.p))))))) : /*#__PURE__*/React.createElement(React.Fragment, null));
275
+ }, /*#__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));
274
276
  }));
275
277
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "iticket-seatingplan-dev",
3
3
  "description": "Seating plan with FLEXi pricing",
4
4
  "author": "gedwyne",
5
- "version": "1.4.1",
5
+ "version": "1.4.2",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "iticket",