iticket-seatingplan-dev 1.5.7 → 1.5.9

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.
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = Flexi;
7
- var _react = require("react");
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _utils = require("../utils");
9
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
10
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
9
11
  function Flexi(_ref) {
10
12
  var _price$p;
11
13
  let {
@@ -17,29 +19,29 @@ function Flexi(_ref) {
17
19
  panMap
18
20
  } = _ref;
19
21
  const [value, setValue] = (0, _react.useState)((_price$p = price.p) !== null && _price$p !== void 0 ? _price$p : price.pMin);
20
- return /*#__PURE__*/React.createElement("div", {
22
+ return /*#__PURE__*/_react.default.createElement("div", {
21
23
  className: "flexi-popup-content"
22
- }, /*#__PURE__*/React.createElement("div", {
24
+ }, /*#__PURE__*/_react.default.createElement("div", {
23
25
  className: isOpen ? "flexi-content open" : "flexi-content",
24
26
  onTransitionEnd: () => {
25
27
  if (isOpen && panMap) {
26
28
  panMap();
27
29
  }
28
30
  }
29
- }, /*#__PURE__*/React.createElement("div", {
31
+ }, /*#__PURE__*/_react.default.createElement("div", {
30
32
  className: "slider-container"
31
- }, /*#__PURE__*/React.createElement("p", {
33
+ }, /*#__PURE__*/_react.default.createElement("p", {
32
34
  className: "value"
33
- }, _utils.NZDollar.format(value)), /*#__PURE__*/React.createElement("input", {
35
+ }, _utils.NZDollar.format(value)), /*#__PURE__*/_react.default.createElement("input", {
34
36
  type: "range",
35
37
  className: "slider",
36
38
  min: price.pMin,
37
39
  max: price.pMax,
38
40
  value: value.toString(),
39
41
  onChange: e => setValue(parseInt(e.target.value))
40
- }), /*#__PURE__*/React.createElement("div", {
42
+ }), /*#__PURE__*/_react.default.createElement("div", {
41
43
  className: "min-max"
42
- }, /*#__PURE__*/React.createElement("p", null, _utils.NZDollar.format(price.pMin)), /*#__PURE__*/React.createElement("p", null, _utils.NZDollar.format(price.pMax)))), /*#__PURE__*/React.createElement("button", {
44
+ }, /*#__PURE__*/_react.default.createElement("p", null, _utils.NZDollar.format(price.pMin)), /*#__PURE__*/_react.default.createElement("p", null, _utils.NZDollar.format(price.pMax)))), /*#__PURE__*/_react.default.createElement("button", {
43
45
  className: "add-cart",
44
46
  onClick: () => {
45
47
  onConfirm(value);
@@ -61,7 +61,9 @@ function Map(_ref) {
61
61
  const drawRef = (0, _react.useRef)(null);
62
62
  const popupRef = (0, _react.useRef)(null);
63
63
  const map = (0, _reactLeaflet.useMap)();
64
- L.drawLocal.draw.toolbar.buttons.rectangle = "Box select";
64
+
65
+ // L.drawLocal.draw.toolbar.buttons.rectangle = "Box select";
66
+
65
67
  (0, _reactLeaflet.useMapEvents)({
66
68
  mouseover: () => {
67
69
  if (mode === _utils.modes.DRAG || mode === _utils.modes.DRAW || mode === _utils.modes.REMOVE) {
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = PriceButton;
7
- var _react = require("react");
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _utils = require("../utils");
9
9
  var _Flexi = _interopRequireDefault(require("./Flexi"));
10
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
13
  function PriceButton(_ref) {
12
14
  let {
13
15
  price,
@@ -25,9 +27,9 @@ function PriceButton(_ref) {
25
27
  (_focusRef$current = focusRef.current) === null || _focusRef$current === void 0 || _focusRef$current.focus();
26
28
  }
27
29
  }, [flexiOpen]);
28
- return /*#__PURE__*/React.createElement("div", {
30
+ return /*#__PURE__*/_react.default.createElement("div", {
29
31
  className: "priceage-container"
30
- }, /*#__PURE__*/React.createElement("button", {
32
+ }, /*#__PURE__*/_react.default.createElement("button", {
31
33
  className: isFlexi ? "priceage flexi" : "priceage",
32
34
  onClick: () => {
33
35
  if (isFlexi) {
@@ -37,17 +39,17 @@ function PriceButton(_ref) {
37
39
  }
38
40
  },
39
41
  disabled: price.is_available === false
40
- }, /*#__PURE__*/React.createElement("span", {
42
+ }, /*#__PURE__*/_react.default.createElement("span", {
41
43
  className: "price"
42
- }, /*#__PURE__*/React.createElement("span", {
44
+ }, /*#__PURE__*/_react.default.createElement("span", {
43
45
  className: "price-name"
44
- }, /*#__PURE__*/React.createElement("span", null, price.paName), isFlexi && /*#__PURE__*/React.createElement("span", {
46
+ }, /*#__PURE__*/_react.default.createElement("span", null, price.paName), isFlexi && /*#__PURE__*/_react.default.createElement("span", {
45
47
  className: "flexi-badge"
46
- }, "FLEXi")), /*#__PURE__*/React.createElement("span", {
48
+ }, "FLEXi")), /*#__PURE__*/_react.default.createElement("span", {
47
49
  className: "amount"
48
- }, isFlexi ? "".concat(_utils.NZDollar.format(price.pMin), " - ").concat(_utils.NZDollar.format(price.pMax)) : _utils.NZDollar.format(price.p))), price.is_available === false && /*#__PURE__*/React.createElement("span", {
50
+ }, isFlexi ? "".concat(_utils.NZDollar.format(price.pMin), " - ").concat(_utils.NZDollar.format(price.pMax)) : _utils.NZDollar.format(price.p))), price.is_available === false && /*#__PURE__*/_react.default.createElement("span", {
49
51
  className: "unavailable"
50
- }, "Allocation exhausted")), isFlexi && /*#__PURE__*/React.createElement(_Flexi.default, {
52
+ }, "Allocation exhausted")), isFlexi && /*#__PURE__*/_react.default.createElement(_Flexi.default, {
51
53
  price: price,
52
54
  onClose: () => setFlexiOpen(false),
53
55
  onConfirm: addToCart,
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = PricingPopup;
7
- var _react = require("react");
7
+ var _react = _interopRequireWildcard(require("react"));
8
8
  var _utils = require("../utils");
9
9
  var _encodedSvgs = require("./assets/encodedSvgs");
10
10
  var _Flexi = _interopRequireDefault(require("./Flexi"));
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
14
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
15
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
16
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -22,30 +24,30 @@ const PriceSelect = _ref => {
22
24
  } = _ref;
23
25
  const [flexiOpen, setFlexiOpen] = (0, _react.useState)(false);
24
26
  const isSelectedPriceFlexi = !!seatGroup.priceage.pMax && !!seatGroup.priceage.pMin && seatGroup.priceage.pMax > seatGroup.priceage.pMin;
25
- return /*#__PURE__*/React.createElement("div", {
27
+ return /*#__PURE__*/_react.default.createElement("div", {
26
28
  className: "price-select"
27
- }, /*#__PURE__*/React.createElement("select", {
29
+ }, /*#__PURE__*/_react.default.createElement("select", {
28
30
  onChange: e => {
29
31
  const newPriceage = seatPriceages.find(p => p.paId.toString() === e.target.value);
30
32
  updateSeatGroupPriceage(newPriceage);
31
33
  },
32
34
  value: seatGroup.priceage.paId
33
- }, seatPriceages.map(price => /*#__PURE__*/React.createElement("option", {
35
+ }, seatPriceages.map(price => /*#__PURE__*/_react.default.createElement("option", {
34
36
  key: price.paId,
35
37
  disabled: price.is_available === false,
36
38
  value: price.paId
37
- }, "".concat(price.paName, " ").concat(_utils.NZDollar.format(price.paId === seatGroup.priceage.paId ? seatGroup.priceage.p : price.p)).concat(price.is_available === false ? " - Allocation exhausted" : "")))), isSelectedPriceFlexi && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
39
+ }, "".concat(price.paName, " ").concat(_utils.NZDollar.format(price.paId === seatGroup.priceage.paId ? seatGroup.priceage.p : price.p)).concat(price.is_available === false ? " - Allocation exhausted" : "")))), isSelectedPriceFlexi && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
38
40
  className: "flexi-button",
39
41
  onClick: () => setFlexiOpen(true)
40
- }, /*#__PURE__*/React.createElement("img", {
42
+ }, /*#__PURE__*/_react.default.createElement("img", {
41
43
  src: _encodedSvgs.flexiIcon,
42
44
  height: "18px",
43
45
  width: "18px"
44
- }), /*#__PURE__*/React.createElement("span", null, "Edit FLEXi price")), flexiOpen && /*#__PURE__*/React.createElement("div", {
46
+ }), /*#__PURE__*/_react.default.createElement("span", null, "Edit FLEXi price")), flexiOpen && /*#__PURE__*/_react.default.createElement("div", {
45
47
  className: "flexi-popup",
46
48
  role: "dialog",
47
49
  "aria-modal": "true"
48
- }, /*#__PURE__*/React.createElement(_Flexi.default, {
50
+ }, /*#__PURE__*/_react.default.createElement(_Flexi.default, {
49
51
  price: seatGroup.priceage,
50
52
  onClose: () => setFlexiOpen(false),
51
53
  onConfirm: value => {
@@ -66,37 +68,37 @@ function PricingPopup(_ref2) {
66
68
  batchAddTicketsToCart
67
69
  } = _ref2;
68
70
  const [seatsToBook, setSeatsToBook] = (0, _react.useState)(groupedSelectedSeats);
69
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
71
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
70
72
  className: "pricing-popup-backdrop",
71
73
  onClick: cancelPriceSelect
72
- }), /*#__PURE__*/React.createElement("div", {
74
+ }), /*#__PURE__*/_react.default.createElement("div", {
73
75
  className: "pricing-popup",
74
76
  role: "dialog",
75
77
  "aria-modal": "true"
76
- }, /*#__PURE__*/React.createElement("div", {
78
+ }, /*#__PURE__*/_react.default.createElement("div", {
77
79
  className: "popup-header"
78
- }, /*#__PURE__*/React.createElement("h3", null, "Choose prices"), /*#__PURE__*/React.createElement("button", {
80
+ }, /*#__PURE__*/_react.default.createElement("h3", null, "Choose prices"), /*#__PURE__*/_react.default.createElement("button", {
79
81
  className: "close-button",
80
82
  "aria-label": "close popup",
81
83
  onClick: cancelPriceSelect
82
- }, /*#__PURE__*/React.createElement("img", {
84
+ }, /*#__PURE__*/_react.default.createElement("img", {
83
85
  src: _encodedSvgs.closeIcon,
84
86
  alt: "close",
85
87
  height: "20px",
86
88
  width: "20px"
87
- }))), /*#__PURE__*/React.createElement("div", {
89
+ }))), /*#__PURE__*/_react.default.createElement("div", {
88
90
  className: "seat-list"
89
91
  }, Object.entries(seatsToBook).map(_ref3 => {
90
92
  let [id, seatGroup] = _ref3;
91
93
  const seatPriceages = pricing.filter(price => (!priceSectionIds || priceSectionIds.includes(price.psId)) && price.psId === parseInt(id));
92
- return /*#__PURE__*/React.createElement("div", {
94
+ return /*#__PURE__*/_react.default.createElement("div", {
93
95
  key: id,
94
96
  className: "seat-group"
95
- }, /*#__PURE__*/React.createElement("div", {
97
+ }, /*#__PURE__*/_react.default.createElement("div", {
96
98
  className: "seat-group-header"
97
- }, /*#__PURE__*/React.createElement("h4", null, seatGroup.seats[0].psName), /*#__PURE__*/React.createElement("p", null, "".concat(seatGroup.seats.length, " seat").concat(seatGroup.seats.length !== 1 ? "s" : ""))), /*#__PURE__*/React.createElement("p", {
99
+ }, /*#__PURE__*/_react.default.createElement("h4", null, seatGroup.seats[0].psName), /*#__PURE__*/_react.default.createElement("p", null, "".concat(seatGroup.seats.length, " seat").concat(seatGroup.seats.length !== 1 ? "s" : ""))), /*#__PURE__*/_react.default.createElement("p", {
98
100
  className: "seat-names"
99
- }, seatGroup.seats.map(s => "".concat(s.r, "-").concat(s.c)).sort().join(", ")), seatPriceages.filter(price => price.is_available !== false).length > 0 ? /*#__PURE__*/React.createElement(PriceSelect, {
101
+ }, seatGroup.seats.map(s => "".concat(s.r, "-").concat(s.c)).sort().join(", ")), seatPriceages.filter(price => price.is_available !== false).length > 0 ? /*#__PURE__*/_react.default.createElement(PriceSelect, {
100
102
  seatGroup: seatGroup,
101
103
  seatPriceages: seatPriceages,
102
104
  updateSeatGroupPriceage: newPriceage => {
@@ -104,15 +106,15 @@ function PricingPopup(_ref2) {
104
106
  newSeats[id].priceage = newPriceage;
105
107
  setSeatsToBook(newSeats);
106
108
  }
107
- }) : /*#__PURE__*/React.createElement("p", {
109
+ }) : /*#__PURE__*/_react.default.createElement("p", {
108
110
  className: "no-prices-available"
109
111
  }, "Oops, looks like there are no prices available for this section."));
110
- })), /*#__PURE__*/React.createElement("div", {
112
+ })), /*#__PURE__*/_react.default.createElement("div", {
111
113
  className: "buttons"
112
- }, /*#__PURE__*/React.createElement("button", {
114
+ }, /*#__PURE__*/_react.default.createElement("button", {
113
115
  className: "cancel",
114
116
  onClick: cancelPriceSelect
115
- }, "Cancel"), /*#__PURE__*/React.createElement("button", {
117
+ }, "Cancel"), /*#__PURE__*/_react.default.createElement("button", {
116
118
  className: "add-cart",
117
119
  onClick: () => {
118
120
  batchAddTicketsToCart(Object.values(seatsToBook).filter(v => !!v.priceage).flatMap(s => s.seats.map(seat => ({
@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = CloseIcon;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
7
9
  function CloseIcon(_ref) {
8
10
  let {
9
11
  height = "16px",
10
12
  width = "16px",
11
13
  color = "currentColor"
12
14
  } = _ref;
13
- return /*#__PURE__*/React.createElement("svg", {
15
+ return /*#__PURE__*/_react.default.createElement("svg", {
14
16
  xmlns: "http://www.w3.org/2000/svg",
15
17
  width: width,
16
18
  height: height,
@@ -20,12 +22,12 @@ function CloseIcon(_ref) {
20
22
  strokeWidth: "2",
21
23
  strokeLinecap: "round",
22
24
  strokeLinejoin: "round"
23
- }, /*#__PURE__*/React.createElement("line", {
25
+ }, /*#__PURE__*/_react.default.createElement("line", {
24
26
  x1: "18",
25
27
  y1: "6",
26
28
  x2: "6",
27
29
  y2: "18"
28
- }), /*#__PURE__*/React.createElement("line", {
30
+ }), /*#__PURE__*/_react.default.createElement("line", {
29
31
  x1: "6",
30
32
  y1: "6",
31
33
  x2: "18",
@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = FlexiIcon;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
7
9
  function FlexiIcon(_ref) {
8
10
  let {
9
11
  height = "18px",
@@ -12,7 +14,7 @@ function FlexiIcon(_ref) {
12
14
  strokeWidth = "1.5",
13
15
  className
14
16
  } = _ref;
15
- return /*#__PURE__*/React.createElement("svg", {
17
+ return /*#__PURE__*/_react.default.createElement("svg", {
16
18
  width: width,
17
19
  height: height,
18
20
  xmlns: "http://www.w3.org/2000/svg",
@@ -21,7 +23,7 @@ function FlexiIcon(_ref) {
21
23
  strokeWidth: strokeWidth,
22
24
  stroke: color,
23
25
  className: className
24
- }, /*#__PURE__*/React.createElement("path", {
26
+ }, /*#__PURE__*/_react.default.createElement("path", {
25
27
  strokeLinecap: "round",
26
28
  strokeLinejoin: "round",
27
29
  d: "M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"
@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = TicketIcon;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
7
9
  function TicketIcon(_ref) {
8
10
  let {
9
11
  height = "18px",
@@ -12,7 +14,7 @@ function TicketIcon(_ref) {
12
14
  strokeWidth = "1.5",
13
15
  className
14
16
  } = _ref;
15
- return /*#__PURE__*/React.createElement("svg", {
17
+ return /*#__PURE__*/_react.default.createElement("svg", {
16
18
  xmlns: "http://www.w3.org/2000/svg",
17
19
  fill: "none",
18
20
  viewBox: "0 0 24 24",
@@ -21,7 +23,7 @@ function TicketIcon(_ref) {
21
23
  strokeWidth: strokeWidth,
22
24
  stroke: color,
23
25
  className: className
24
- }, /*#__PURE__*/React.createElement("path", {
26
+ }, /*#__PURE__*/_react.default.createElement("path", {
25
27
  strokeLinecap: "round",
26
28
  strokeLinejoin: "round",
27
29
  d: "M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z"
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.5.7",
5
+ "version": "1.5.9",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "iticket",