@seatsio/seatsio-react 13.3.0 → 14.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 seats.io
+Copyright (c) 2019 - 2023 seats.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -10,6 +10,8 @@ npm install --save @seatsio/seatsio-react
 
 # Usage
 
+**Note** If you're using seatsio-react in a Next.js project, ensure you use the `'use client'` directive to force client-side rendering.
+
 ## Regular charts
 
 ### Minimal
@@ -108,21 +110,6 @@ import { SeatsioEventManager } from '@seatsio/seatsio-react';
 
 Other parameters are supported as well. For a full list, check https://docs.seats.io/docs/event-manager/configuring
 
-## Chart manager
-
-```jsx
-import { SeatsioChartManager } from '@seatsio/seatsio-react';
-
-<div style={{ 'height': '500px' }}>
-    <SeatsioChartManager
-        secretKey="<yourWorkspaceSecretKey>"
-        chart="<yourChartKey>"
-        mode="<manageRulesets or another mode>"
-        region="eu"
-    />
-</div>
-```
-
 ## Seating Chart Designer
 
 To embed the seating chart designer for the purpose of creating a new chart, do this:

package/build/Embeddable.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { ChartDesigner, CommonConfigOptions, EventManager, Region, SeatingChart, Seatsio } from '@seatsio/seatsio-types';
+export type EmbeddableProps<T> = {
+    onRenderStarted?: (chart: SeatingChart) => void;
+    chartJsUrl?: string;
+    region: Region;
+} & T;
+export default abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {
+    private container;
+    private rendering?;
+    private chart;
+    static defaultProps: {
+        chartJsUrl: string;
+    };
+    constructor(props: EmbeddableProps<T>);
+    abstract createChart(seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner;
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: EmbeddableProps<T>): Promise<void>;
+    createAndRenderChart(): Promise<void>;
+    extractConfigFromProps(): any;
+    componentWillUnmount(): void;
+    destroyChart(): void;
+    getSeatsio(): Promise<any>;
+    loadSeatsio(): Promise<unknown>;
+    render(): React.ReactNode;
+}

package/build/Embeddable.js

@@ -0,0 +1,98 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { didPropsChange } from './util';
+class Embeddable extends React.Component {
+    constructor(props) {
+        super(props);
+        this.container = React.createRef();
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.rendering) {
+                this.rendering = this.createAndRenderChart();
+            }
+        });
+    }
+    componentDidUpdate(prevProps) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (didPropsChange(this.props, prevProps) && this.chart) {
+                this.destroyChart();
+                this.createAndRenderChart();
+            }
+        });
+    }
+    createAndRenderChart() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const seatsio = yield this.getSeatsio();
+            const config = this.extractConfigFromProps();
+            config.container = this.container.current;
+            this.chart = this.createChart(seatsio, config).render();
+            if (this.props.onRenderStarted) {
+                this.props.onRenderStarted(this.chart);
+            }
+        });
+    }
+    extractConfigFromProps() {
+        // noinspection JSUnusedLocalSymbols
+        let _a = this.props, { chartJsUrl, divId, onRenderStarted, region } = _a, config = __rest(_a, ["chartJsUrl", "divId", "onRenderStarted", "region"]);
+        return config;
+    }
+    componentWillUnmount() {
+        this.destroyChart();
+    }
+    destroyChart() {
+        if (this.chart && this.chart.state !== 'DESTROYED') {
+            this.chart.destroy();
+        }
+    }
+    getSeatsio() {
+        if (typeof seatsio === 'undefined') {
+            return this.loadSeatsio();
+        }
+        else if (seatsio.region !== this.props.region) {
+            seatsio = undefined;
+            return this.loadSeatsio();
+        }
+        else {
+            return Promise.resolve(seatsio);
+        }
+    }
+    loadSeatsio() {
+        return new Promise((resolve, reject) => {
+            let script = document.createElement('script');
+            script.onload = () => {
+                seatsio.region = this.props.region;
+                resolve(seatsio);
+            };
+            script.onerror = () => reject(`Could not load ${script.src}`);
+            script.src = this.props.chartJsUrl.replace('{region}', this.props.region);
+            document.head.appendChild(script);
+        });
+    }
+    render() {
+        return (React.createElement("div", { ref: this.container, style: { 'height': '100%', 'width': '100%' } }));
+    }
+}
+Embeddable.defaultProps = {
+    chartJsUrl: 'https://cdn-{region}.seatsio.net/chart.js'
+};
+export default Embeddable;

package/build/SeatsioDesigner.d.ts

@@ -0,0 +1,5 @@
+import Embeddable from './Embeddable';
+import { ChartDesignerConfigOptions, Seatsio } from '@seatsio/seatsio-types';
+export default class SeatsioDesigner extends Embeddable<ChartDesignerConfigOptions> {
+    createChart(seatsio: Seatsio, config: ChartDesignerConfigOptions): import("@seatsio/seatsio-types").ChartDesigner;
+}

package/build/SeatsioDesigner.js

@@ -0,0 +1,6 @@
+import Embeddable from './Embeddable';
+export default class SeatsioDesigner extends Embeddable {
+    createChart(seatsio, config) {
+        return new seatsio.SeatingChartDesigner(config);
+    }
+}

package/build/SeatsioEventManager.d.ts

@@ -0,0 +1,5 @@
+import { EventManagerConfigOptions, Seatsio } from '@seatsio/seatsio-types';
+import Embeddable from './Embeddable';
+export default class SeatsioEventManager extends Embeddable<EventManagerConfigOptions> {
+    createChart(seatsio: Seatsio, config: EventManagerConfigOptions): import("@seatsio/seatsio-types").EventManager;
+}

package/build/SeatsioEventManager.js

@@ -0,0 +1,6 @@
+import Embeddable from './Embeddable';
+export default class SeatsioEventManager extends Embeddable {
+    createChart(seatsio, config) {
+        return new seatsio.EventManager(config);
+    }
+}

package/build/SeatsioSeatingChart.d.ts

@@ -0,0 +1,5 @@
+import { ChartRendererConfigOptions, Seatsio } from '@seatsio/seatsio-types';
+import Embeddable from './Embeddable';
+export default class SeatsioSeatingChart extends Embeddable<ChartRendererConfigOptions> {
+    createChart(seatsio: Seatsio, config: ChartRendererConfigOptions): import("@seatsio/seatsio-types").SeatingChart;
+}

package/build/SeatsioSeatingChart.js

@@ -0,0 +1,6 @@
+import Embeddable from './Embeddable';
+export default class SeatsioSeatingChart extends Embeddable {
+    createChart(seatsio, config) {
+        return new seatsio.SeatingChart(config);
+    }
+}

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SeatsioDesigner } from './SeatsioDesigner';
+export { default as SeatsioEventManager } from './SeatsioEventManager';
+export { default as SeatsioSeatingChart } from './SeatsioSeatingChart';
+export { isBooth, isGeneralAdmission, isSeat, isSection, isTable } from './util';

package/build/index.js

@@ -1 +1,4 @@
-(()=>{"use strict";var t={n:e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},d:(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{SeatsioChartManager:()=>U,SeatsioDesigner:()=>Y,SeatsioEventManager:()=>C,SeatsioSeatingChart:()=>j});const r=require("react");var n=t.n(r);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}var i=function t(e,r){return Object.keys(e).length!==Object.keys(r).length||Object.keys(r).some((function(n){var i=e[n],u=r[n];if(i&&u){if("function"==typeof i&&"function"==typeof u)return i.toString()!==u.toString();if("object"===o(i)&&"object"===o(u))return t(i,u)}return i!==u}))};function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}var c=["divId","container","onRenderStarted","chartJsUrl","region"];function f(t,e,r,n,o,i,u){try{var c=t[i](u),f=c.value}catch(t){return void r(t)}c.done?e(f):Promise.resolve(f).then(n,o)}function a(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function u(t){f(i,n,o,u,c,"next",t)}function c(t){f(i,n,o,u,c,"throw",t)}u(void 0)}))}}function l(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==u(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e);if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key,"string"),"symbol"===u(o)?o:String(o)),n)}var o}function p(t,e){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},p(t,e)}function s(t,e){if(e&&("object"===u(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function y(t){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},y(t)}var b=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&p(t,e)}(d,t);var e,r,o,u,f,b,h,v=(b=d,h=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=y(b);if(h){var r=y(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return s(this,t)});function d(t){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,d),(e=v.call(this,t)).container=n().createRef(),e}return e=d,r=[{key:"componentDidMount",value:(f=a((function*(){this.rendering||(this.rendering=this.createAndRenderChart())})),function(){return f.apply(this,arguments)})},{key:"componentDidUpdate",value:(u=a((function*(t){i(this.props,t)&&this.chart&&(this.destroyChart(),this.createAndRenderChart())})),function(t){return u.apply(this,arguments)})},{key:"createAndRenderChart",value:(o=a((function*(){var t=yield this.getSeatsio(),e=this.extractConfigFromProps();e.container=this.container.current,this.chart=this.createChart(t,e).render(),this.props.onRenderStarted&&this.props.onRenderStarted(this.chart)})),function(){return o.apply(this,arguments)})},{key:"extractConfigFromProps",value:function(){var t=this.props;return t.divId,t.container,t.onRenderStarted,t.chartJsUrl,t.region,function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(t,c)}},{key:"componentWillUnmount",value:function(){this.destroyChart()}},{key:"destroyChart",value:function(){this.chart&&"DESTROYED"!==this.chart.state&&this.chart.destroy()}},{key:"getSeatsio",value:function(){return"undefined"==typeof seatsio?this.loadSeatsio():seatsio.region!==this.props.region?(seatsio=void 0,this.loadSeatsio()):Promise.resolve(seatsio)}},{key:"loadSeatsio",value:function(){var t=this;return new Promise((function(e,r){var n=document.createElement("script");n.onload=function(){seatsio.region=t.props.region,e(seatsio)},n.onerror=function(){return r("Could not load ".concat(n.src))},n.src=t.props.chartJsUrl.replace("{region}",t.props.region),document.head.appendChild(n)}))}},{key:"render",value:function(){return n().createElement("div",{ref:this.container,style:{height:"100%",width:"100%"}})}}],r&&l(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),d}(n().Component);function h(t){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h(t)}function v(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function d(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==h(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e);if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key,"string"),"symbol"===h(o)?o:String(o)),n)}var o}function m(t,e){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},m(t,e)}function O(t,e){if(e&&("object"===h(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function w(t){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},w(t)}b.defaultProps={chartJsUrl:"https://cdn-{region}.seatsio.net/chart.js"};var j=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&m(t,e)}(u,t);var e,r,n,o,i=(n=u,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=w(n);if(o){var r=w(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return O(this,t)});function u(){return v(this,u),i.apply(this,arguments)}return e=u,(r=[{key:"createChart",value:function(t,e){return new t.SeatingChart(e)}}])&&d(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),u}(b);function g(t){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},g(t)}function S(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function P(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==g(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e);if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key,"string"),"symbol"===g(o)?o:String(o)),n)}var o}function _(t,e){return _=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_(t,e)}function R(t,e){if(e&&("object"===g(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function E(t){return E=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},E(t)}var C=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_(t,e)}(u,t);var e,r,n,o,i=(n=u,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=E(n);if(o){var r=E(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return R(this,t)});function u(){return S(this,u),i.apply(this,arguments)}return e=u,(r=[{key:"createChart",value:function(t,e){return new t.EventManager(e)}}])&&P(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),u}(b);function T(t){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},T(t)}function k(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function x(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==T(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e);if("object"!==T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key,"string"),"symbol"===T(o)?o:String(o)),n)}var o}function D(t,e){return D=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},D(t,e)}function B(t,e){if(e&&("object"===T(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function M(t){return M=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},M(t)}var U=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&D(t,e)}(u,t);var e,r,n,o,i=(n=u,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=M(n);if(o){var r=M(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return B(this,t)});function u(){return k(this,u),i.apply(this,arguments)}return e=u,(r=[{key:"createChart",value:function(t,e){return new t.ChartManager(e)}}])&&x(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),u}(b);function J(t){return J="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},J(t)}function A(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function I(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,o=function(t,e){if("object"!==J(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e);if("object"!==J(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key,"string"),"symbol"===J(o)?o:String(o)),n)}var o}function F(t,e){return F=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},F(t,e)}function q(t,e){if(e&&("object"===J(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function W(t){return W=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},W(t)}var Y=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&F(t,e)}(u,t);var e,r,n,o,i=(n=u,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var t,e=W(n);if(o){var r=W(this).constructor;t=Reflect.construct(e,arguments,r)}else t=e.apply(this,arguments);return q(this,t)});function u(){return A(this,u),i.apply(this,arguments)}return e=u,(r=[{key:"createChart",value:function(t,e){return new t.SeatingChartDesigner(e)}}])&&I(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),u}(b);module.exports=e})();
+export { default as SeatsioDesigner } from './SeatsioDesigner';
+export { default as SeatsioEventManager } from './SeatsioEventManager';
+export { default as SeatsioSeatingChart } from './SeatsioSeatingChart';
+export { isBooth, isGeneralAdmission, isSeat, isSection, isTable } from './util';

package/build/util.d.ts

@@ -0,0 +1,9 @@
+import { BoothProps, GeneralAdmissionAreaProps, InteractiveSectionProps, SeatProps, SelectableObjectProps, TableProps } from "@seatsio/seatsio-types";
+export declare const didPropsChange: <P extends {
+    [key: string]: any;
+}>(prevProps: P, nextProps: P) => boolean;
+export declare const isSeat: (obj: SelectableObjectProps) => obj is SeatProps;
+export declare const isTable: (obj: SelectableObjectProps) => obj is TableProps;
+export declare const isSection: (obj: SelectableObjectProps) => obj is InteractiveSectionProps;
+export declare const isBooth: (obj: SelectableObjectProps) => obj is BoothProps;
+export declare const isGeneralAdmission: (obj: SelectableObjectProps) => obj is GeneralAdmissionAreaProps;

package/build/util.js

@@ -0,0 +1,23 @@
+export const didPropsChange = (prevProps, nextProps) => {
+    if (Object.keys(prevProps).length !== Object.keys(nextProps).length) {
+        return true;
+    }
+    return Object.keys(nextProps).some((propName) => {
+        let prevValue = prevProps[propName];
+        let nextValue = nextProps[propName];
+        if (prevValue && nextValue) {
+            if (typeof prevValue === 'function' && typeof nextValue === 'function') {
+                return prevValue.toString() !== nextValue.toString();
+            }
+            if (typeof prevValue === 'object' && typeof nextValue === 'object') {
+                return didPropsChange(prevValue, nextValue);
+            }
+        }
+        return prevValue !== nextValue;
+    });
+};
+export const isSeat = (obj) => obj.objectType === 'Seat';
+export const isTable = (obj) => obj.objectType === 'Table';
+export const isSection = (obj) => obj.objectType === 'section';
+export const isBooth = (obj) => obj.objectType === 'Booth';
+export const isGeneralAdmission = (obj) => obj.objectType === 'GeneralAdmissionArea';

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@seatsio/seatsio-react",
-  "version": "13.3.0",
+  "version": "14.0.0",
   "main": "build/index.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/seatsio/seatsio-react"
   },
   "scripts": {
-    "build": "webpack",
+    "prebuild": "rimraf ./build",
+    "build": "tsc",
     "test": "jest"
   },
   "author": {
@@ -21,25 +22,18 @@
     "react": ">=18.0.0"
   },
   "devDependencies": {
-    "webpack": "5.76.0",
-    "webpack-cli": "5.0.1",
-    "@babel/cli": "7.21.0",
-    "@babel/core": "7.21.0",
-    "babel-loader": "9.1.2",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-env": "7.20.2",
+    "@seatsio/seatsio-types": "0.3.2",
+    "@testing-library/jest-dom": "6.1.3",
+    "@testing-library/react": "14.0.0",
+    "@types/jest": "29.5.5",
+    "@types/react": "18.2.30",
+    "@types/react-dom": "18.2.14",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.7.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/jest-dom": "5.16.5",
-    "jest": "29.4.3",
-    "jest-environment-jsdom": "29.4.3"
-  },
-  "jest": {
-    "verbose": true,
-    "testEnvironment": "jsdom",
-    "testMatch": [
-      "<rootDir>/src/test/*.test.js"
-    ]
+    "rimraf": "5.0.1",
+    "ts-jest": "29.1.1",
+    "typescript": "5.2.2"
   }
 }