iticket-seatingplan-dev 1.5.8 → 1.6.0
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.
- package/dist/components/Flexi.js +10 -8
- package/dist/components/PriceButton.js +11 -9
- package/dist/components/PricingPopup.js +24 -22
- package/dist/components/icons/CloseIcon.js +5 -3
- package/dist/components/icons/FlexiIcon.js +4 -2
- package/dist/components/icons/TicketIcon.js +4 -2
- package/dist/components/styles/index.css +4 -0
- package/package.json +1 -1
package/dist/components/Flexi.js
CHANGED
|
@@ -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__*/
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
23
|
className: "flexi-popup-content"
|
|
22
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
30
32
|
className: "slider-container"
|
|
31
|
-
}, /*#__PURE__*/
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
32
34
|
className: "value"
|
|
33
|
-
}, _utils.NZDollar.format(value)), /*#__PURE__*/
|
|
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__*/
|
|
42
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
41
43
|
className: "min-max"
|
|
42
|
-
}, /*#__PURE__*/
|
|
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);
|
|
@@ -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__*/
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
31
|
className: "priceage-container"
|
|
30
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
41
43
|
className: "price"
|
|
42
|
-
}, /*#__PURE__*/
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
43
45
|
className: "price-name"
|
|
44
|
-
}, /*#__PURE__*/
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, price.paName), isFlexi && /*#__PURE__*/_react.default.createElement("span", {
|
|
45
47
|
className: "flexi-badge"
|
|
46
|
-
}, "FLEXi")), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
26
28
|
className: "price-select"
|
|
27
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
41
43
|
src: _encodedSvgs.flexiIcon,
|
|
42
44
|
height: "18px",
|
|
43
45
|
width: "18px"
|
|
44
|
-
}), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
74
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
73
75
|
className: "pricing-popup",
|
|
74
76
|
role: "dialog",
|
|
75
77
|
"aria-modal": "true"
|
|
76
|
-
}, /*#__PURE__*/
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
77
79
|
className: "popup-header"
|
|
78
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
94
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
93
95
|
key: id,
|
|
94
96
|
className: "seat-group"
|
|
95
|
-
}, /*#__PURE__*/
|
|
97
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
96
98
|
className: "seat-group-header"
|
|
97
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
112
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
111
113
|
className: "buttons"
|
|
112
|
-
}, /*#__PURE__*/
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
113
115
|
className: "cancel",
|
|
114
116
|
onClick: cancelPriceSelect
|
|
115
|
-
}, "Cancel"), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
25
|
+
}, /*#__PURE__*/_react.default.createElement("line", {
|
|
24
26
|
x1: "18",
|
|
25
27
|
y1: "6",
|
|
26
28
|
x2: "6",
|
|
27
29
|
y2: "18"
|
|
28
|
-
}), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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"
|
|
@@ -24,12 +24,16 @@ button {
|
|
|
24
24
|
width: 100%;
|
|
25
25
|
height: 100%;
|
|
26
26
|
position: relative;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.seating-plan-container {
|
|
27
30
|
--accent: rgb(99 102 241);
|
|
28
31
|
--accent-dark: rgb(55 48 163);
|
|
29
32
|
--accent-light: rgb(224 231 255);
|
|
30
33
|
--flexi-accent: rgb(227 38 100);
|
|
31
34
|
--flexi-accent-light: rgb(255 211 226);
|
|
32
35
|
--flexi-accent-dark: rgb(190 0 63);
|
|
36
|
+
font-family: inherit;
|
|
33
37
|
}
|
|
34
38
|
|
|
35
39
|
.legendBox {
|