@seatsio/seatsio-react 14.1.0 → 14.3.0

package/build/Embeddable.d.mts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { SeatingChart, Region, CommonConfigOptions, Seatsio, EventManager, ChartDesigner } from '@seatsio/seatsio-types';
+
+type EmbeddableProps<T> = {
+    onRenderStarted?: (chart: SeatingChart) => void;
+    chartJsUrl?: string;
+    region: Region;
+} & T;
+declare 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;
+}
+
+export { EmbeddableProps, Embeddable as default };

package/build/Embeddable.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
-import { ChartDesigner, CommonConfigOptions, EventManager, Region, SeatingChart, Seatsio } from '@seatsio/seatsio-types';
-export type EmbeddableProps<T> = {
+import { SeatingChart, Region, CommonConfigOptions, Seatsio, EventManager, ChartDesigner } from '@seatsio/seatsio-types';
+
+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>> {
+declare abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {
     private container;
     private rendering?;
     private chart;
@@ -24,3 +25,5 @@ export default abstract class Embeddable<T extends CommonConfigOptions> extends
     loadSeatsio(): Promise<unknown>;
     render(): React.ReactNode;
 }
+
+export { EmbeddableProps, Embeddable as default };

package/build/Embeddable.js

@@ -1,98 +1,124 @@
-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 __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-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;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-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);
-            }
-        });
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/main/Embeddable.tsx
+var Embeddable_exports = {};
+__export(Embeddable_exports, {
+  default: () => Embeddable
+});
+module.exports = __toCommonJS(Embeddable_exports);
+var React = __toESM(require("react"));
+
+// src/main/util.ts
+var 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);
+      }
     }
-    extractConfigFromProps() {
-        // noinspection JSUnusedLocalSymbols
-        let _a = this.props, { chartJsUrl, divId, onRenderStarted, region } = _a, config = __rest(_a, ["chartJsUrl", "divId", "onRenderStarted", "region"]);
-        return config;
-    }
-    componentWillUnmount() {
-        this.destroyChart();
+    return prevValue !== nextValue;
+  });
+};
+
+// src/main/Embeddable.tsx
+var Embeddable = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+  }
+  async componentDidMount() {
+    if (!this.rendering) {
+      this.rendering = this.createAndRenderChart();
     }
-    destroyChart() {
-        if (this.chart && this.chart.state !== 'DESTROYED') {
-            this.chart.destroy();
-        }
+  }
+  async componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
     }
-    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);
-        }
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.getSeatsio();
+    const config = this.extractConfigFromProps();
+    config.container = this.container.current;
+    this.chart = this.createChart(seatsio2, config).render();
+    if (this.props.onRenderStarted) {
+      this.props.onRenderStarted(this.chart);
     }
-    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);
-        });
+  }
+  extractConfigFromProps() {
+    let { chartJsUrl, divId, onRenderStarted, region, ...config } = this.props;
+    return config;
+  }
+  componentWillUnmount() {
+    this.destroyChart();
+  }
+  destroyChart() {
+    if (this.chart && this.chart.state !== "DESTROYED") {
+      this.chart.destroy();
     }
-    render() {
-        return (React.createElement("div", { ref: this.container, style: { 'height': '100%', 'width': '100%' } }));
+  }
+  getSeatsio() {
+    if (typeof seatsio === "undefined") {
+      return this.loadSeatsio();
+    } else if (seatsio.region !== this.props.region) {
+      seatsio = void 0;
+      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 /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
 Embeddable.defaultProps = {
-    chartJsUrl: 'https://cdn-{region}.seatsio.net/chart.js'
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
 };
-export default Embeddable;
+//# sourceMappingURL=Embeddable.js.map

package/build/Embeddable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main/Embeddable.tsx","../src/main/util.ts"],"sourcesContent":["import * as React from 'react'\nimport {didPropsChange} from './util'\nimport { ChartDesigner, CommonConfigOptions, EventManager, Region, SeatingChart, Seatsio } from '@seatsio/seatsio-types'\n\nexport type EmbeddableProps<T> = {\n    onRenderStarted?: (chart: SeatingChart) => void\n    chartJsUrl?: string\n    region: Region\n} & T\n\nexport default abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {\n    private container: React.RefObject<HTMLDivElement>\n    private rendering?: Promise<void>\n    private chart: SeatingChart\n\n    static defaultProps = {\n        chartJsUrl: 'https://cdn-{region}.seatsio.net/chart.js'\n    }\n\n    constructor(props: EmbeddableProps<T>) {\n        super(props);\n        this.container = React.createRef();\n    }\n\n    abstract createChart (seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner\n\n    async componentDidMount () {\n        if(!this.rendering) {\n            this.rendering = this.createAndRenderChart()\n        }\n    }\n\n    async componentDidUpdate (prevProps: EmbeddableProps<T>) {\n        if (didPropsChange(this.props, prevProps) && this.chart) {\n            this.destroyChart()\n            this.createAndRenderChart()\n        }\n    }\n\n    async createAndRenderChart () {\n        const seatsio = await this.getSeatsio()\n        const config = this.extractConfigFromProps()\n        config.container = this.container.current\n        this.chart = this.createChart(seatsio, config).render()\n        if (this.props.onRenderStarted) {\n            this.props.onRenderStarted(this.chart)\n        }\n    }\n\n    extractConfigFromProps (): any {\n        // noinspection JSUnusedLocalSymbols\n        let { chartJsUrl, divId, onRenderStarted, region, ...config } = this.props\n        return config\n    }\n\n    componentWillUnmount () {\n        this.destroyChart()\n    }\n\n    destroyChart () {\n        if (this.chart && (this.chart as any).state !== 'DESTROYED') {\n            this.chart.destroy()\n        }\n    }\n\n    getSeatsio () {\n        if (typeof seatsio === 'undefined') {\n            return this.loadSeatsio()\n        } else if (seatsio.region !== this.props.region) {\n            seatsio = undefined\n            return this.loadSeatsio()\n        } else {\n            return Promise.resolve(seatsio)\n        }\n    }\n\n    loadSeatsio () {\n        return new Promise((resolve, reject) => {\n            let script = document.createElement('script')\n            script.onload = () => {\n                seatsio.region = this.props.region\n                resolve(seatsio)\n            }\n            script.onerror = () => reject(`Could not load ${script.src}`)\n            script.src = this.props.chartJsUrl.replace('{region}', this.props.region)\n            document.head.appendChild(script)\n        })\n    }\n\n    render (): React.ReactNode {\n        return (\n            <div ref={this.container as unknown as React.RefObject<HTMLDivElement>} style={{'height': '100%', 'width': '100%'}} />\n        )\n    }\n}","import { BoothProps, GeneralAdmissionAreaProps, InteractiveObjectProps, InteractiveSectionProps, SeatProps, SelectableObjectProps, TableProps } from \"@seatsio/seatsio-types\"\n\nexport const didPropsChange = <P extends { [key: string]: any}>(prevProps: P, nextProps: P): boolean => {\n    if (Object.keys(prevProps).length !== Object.keys(nextProps).length) {\n        return true\n    }\n    return Object.keys(nextProps).some((propName: string) => {\n        let prevValue = prevProps[propName]\n        let nextValue = nextProps[propName]\n        if (prevValue && nextValue) {\n            if (typeof prevValue === 'function' && typeof nextValue === 'function') {\n                return prevValue.toString() !== nextValue.toString()\n            }\n            if (typeof prevValue === 'object' && typeof nextValue === 'object') {\n                return didPropsChange(prevValue, nextValue)\n            }\n        }\n        return prevValue !== nextValue\n    })\n}\n\nexport const isSeat = (obj: SelectableObjectProps): obj is SeatProps => obj.objectType === 'Seat'\nexport const isTable = (obj: SelectableObjectProps): obj is TableProps => obj.objectType === 'Table'\nexport const isSection = (obj: SelectableObjectProps): obj is InteractiveSectionProps => obj.objectType === 'section'\nexport const isBooth = (obj: SelectableObjectProps): obj is BoothProps => obj.objectType === 'Booth'\nexport const isGeneralAdmission = (obj: SelectableObjectProps): obj is GeneralAdmissionAreaProps => obj.objectType === 'GeneralAdmissionArea'"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;;;ACEhB,IAAM,iBAAiB,CAAkC,WAAc,cAA0B;AACpG,MAAI,OAAO,KAAK,SAAS,EAAE,WAAW,OAAO,KAAK,SAAS,EAAE,QAAQ;AACjE,WAAO;AAAA,EACX;AACA,SAAO,OAAO,KAAK,SAAS,EAAE,KAAK,CAAC,aAAqB;AACrD,QAAI,YAAY,UAAU,QAAQ;AAClC,QAAI,YAAY,UAAU,QAAQ;AAClC,QAAI,aAAa,WAAW;AACxB,UAAI,OAAO,cAAc,cAAc,OAAO,cAAc,YAAY;AACpE,eAAO,UAAU,SAAS,MAAM,UAAU,SAAS;AAAA,MACvD;AACA,UAAI,OAAO,cAAc,YAAY,OAAO,cAAc,UAAU;AAChE,eAAO,eAAe,WAAW,SAAS;AAAA,MAC9C;AAAA,IACJ;AACA,WAAO,cAAc;AAAA,EACzB,CAAC;AACL;;;ADTA,IAA8B,aAA9B,cAAsF,gBAA8B;AAAA,EAShH,YAAY,OAA2B;AACnC,UAAM,KAAK;AACX,SAAK,YAAkB,gBAAU;AAAA,EACrC;AAAA,EAIA,MAAM,oBAAqB;AACvB,QAAG,CAAC,KAAK,WAAW;AAChB,WAAK,YAAY,KAAK,qBAAqB;AAAA,IAC/C;AAAA,EACJ;AAAA,EAEA,MAAM,mBAAoB,WAA+B;AACrD,QAAI,eAAe,KAAK,OAAO,SAAS,KAAK,KAAK,OAAO;AACrD,WAAK,aAAa;AAClB,WAAK,qBAAqB;AAAA,IAC9B;AAAA,EACJ;AAAA,EAEA,MAAM,uBAAwB;AAC1B,UAAMA,WAAU,MAAM,KAAK,WAAW;AACtC,UAAM,SAAS,KAAK,uBAAuB;AAC3C,WAAO,YAAY,KAAK,UAAU;AAClC,SAAK,QAAQ,KAAK,YAAYA,UAAS,MAAM,EAAE,OAAO;AACtD,QAAI,KAAK,MAAM,iBAAiB;AAC5B,WAAK,MAAM,gBAAgB,KAAK,KAAK;AAAA,IACzC;AAAA,EACJ;AAAA,EAEA,yBAA+B;AAE3B,QAAI,EAAE,YAAY,OAAO,iBAAiB,QAAQ,GAAG,OAAO,IAAI,KAAK;AACrE,WAAO;AAAA,EACX;AAAA,EAEA,uBAAwB;AACpB,SAAK,aAAa;AAAA,EACtB;AAAA,EAEA,eAAgB;AACZ,QAAI,KAAK,SAAU,KAAK,MAAc,UAAU,aAAa;AACzD,WAAK,MAAM,QAAQ;AAAA,IACvB;AAAA,EACJ;AAAA,EAEA,aAAc;AACV,QAAI,OAAO,YAAY,aAAa;AAChC,aAAO,KAAK,YAAY;AAAA,IAC5B,WAAW,QAAQ,WAAW,KAAK,MAAM,QAAQ;AAC7C,gBAAU;AACV,aAAO,KAAK,YAAY;AAAA,IAC5B,OAAO;AACH,aAAO,QAAQ,QAAQ,OAAO;AAAA,IAClC;AAAA,EACJ;AAAA,EAEA,cAAe;AACX,WAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACpC,UAAI,SAAS,SAAS,cAAc,QAAQ;AAC5C,aAAO,SAAS,MAAM;AAClB,gBAAQ,SAAS,KAAK,MAAM;AAC5B,gBAAQ,OAAO;AAAA,MACnB;AACA,aAAO,UAAU,MAAM,OAAO,kBAAkB,OAAO,GAAG,EAAE;AAC5D,aAAO,MAAM,KAAK,MAAM,WAAW,QAAQ,YAAY,KAAK,MAAM,MAAM;AACxE,eAAS,KAAK,YAAY,MAAM;AAAA,IACpC,CAAC;AAAA,EACL;AAAA,EAEA,SAA2B;AACvB,WACI,oCAAC,SAAI,KAAK,KAAK,WAAyD,OAAO,EAAC,UAAU,QAAQ,SAAS,OAAM,GAAG;AAAA,EAE5H;AACJ;AApF8B,WAKnB,eAAe;AAAA,EAClB,YAAY;AAChB;","names":["seatsio"]}

package/build/Embeddable.mjs

@@ -0,0 +1,94 @@
+// src/main/Embeddable.tsx
+import * as React from "react";
+
+// src/main/util.ts
+var 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;
+  });
+};
+
+// src/main/Embeddable.tsx
+var Embeddable = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+  }
+  async componentDidMount() {
+    if (!this.rendering) {
+      this.rendering = this.createAndRenderChart();
+    }
+  }
+  async componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
+    }
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.getSeatsio();
+    const config = this.extractConfigFromProps();
+    config.container = this.container.current;
+    this.chart = this.createChart(seatsio2, config).render();
+    if (this.props.onRenderStarted) {
+      this.props.onRenderStarted(this.chart);
+    }
+  }
+  extractConfigFromProps() {
+    let { chartJsUrl, divId, onRenderStarted, region, ...config } = this.props;
+    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 = void 0;
+      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 /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
+Embeddable.defaultProps = {
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
+};
+export {
+  Embeddable as default
+};
+//# sourceMappingURL=Embeddable.mjs.map

package/build/Embeddable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main/Embeddable.tsx","../src/main/util.ts"],"sourcesContent":["import * as React from 'react'\nimport {didPropsChange} from './util'\nimport { ChartDesigner, CommonConfigOptions, EventManager, Region, SeatingChart, Seatsio } from '@seatsio/seatsio-types'\n\nexport type EmbeddableProps<T> = {\n    onRenderStarted?: (chart: SeatingChart) => void\n    chartJsUrl?: string\n    region: Region\n} & T\n\nexport default abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {\n    private container: React.RefObject<HTMLDivElement>\n    private rendering?: Promise<void>\n    private chart: SeatingChart\n\n    static defaultProps = {\n        chartJsUrl: 'https://cdn-{region}.seatsio.net/chart.js'\n    }\n\n    constructor(props: EmbeddableProps<T>) {\n        super(props);\n        this.container = React.createRef();\n    }\n\n    abstract createChart (seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner\n\n    async componentDidMount () {\n        if(!this.rendering) {\n            this.rendering = this.createAndRenderChart()\n        }\n    }\n\n    async componentDidUpdate (prevProps: EmbeddableProps<T>) {\n        if (didPropsChange(this.props, prevProps) && this.chart) {\n            this.destroyChart()\n            this.createAndRenderChart()\n        }\n    }\n\n    async createAndRenderChart () {\n        const seatsio = await this.getSeatsio()\n        const config = this.extractConfigFromProps()\n        config.container = this.container.current\n        this.chart = this.createChart(seatsio, config).render()\n        if (this.props.onRenderStarted) {\n            this.props.onRenderStarted(this.chart)\n        }\n    }\n\n    extractConfigFromProps (): any {\n        // noinspection JSUnusedLocalSymbols\n        let { chartJsUrl, divId, onRenderStarted, region, ...config } = this.props\n        return config\n    }\n\n    componentWillUnmount () {\n        this.destroyChart()\n    }\n\n    destroyChart () {\n        if (this.chart && (this.chart as any).state !== 'DESTROYED') {\n            this.chart.destroy()\n        }\n    }\n\n    getSeatsio () {\n        if (typeof seatsio === 'undefined') {\n            return this.loadSeatsio()\n        } else if (seatsio.region !== this.props.region) {\n            seatsio = undefined\n            return this.loadSeatsio()\n        } else {\n            return Promise.resolve(seatsio)\n        }\n    }\n\n    loadSeatsio () {\n        return new Promise((resolve, reject) => {\n            let script = document.createElement('script')\n            script.onload = () => {\n                seatsio.region = this.props.region\n                resolve(seatsio)\n            }\n            script.onerror = () => reject(`Could not load ${script.src}`)\n            script.src = this.props.chartJsUrl.replace('{region}', this.props.region)\n            document.head.appendChild(script)\n        })\n    }\n\n    render (): React.ReactNode {\n        return (\n            <div ref={this.container as unknown as React.RefObject<HTMLDivElement>} style={{'height': '100%', 'width': '100%'}} />\n        )\n    }\n}","import { BoothProps, GeneralAdmissionAreaProps, InteractiveObjectProps, InteractiveSectionProps, SeatProps, SelectableObjectProps, TableProps } from \"@seatsio/seatsio-types\"\n\nexport const didPropsChange = <P extends { [key: string]: any}>(prevProps: P, nextProps: P): boolean => {\n    if (Object.keys(prevProps).length !== Object.keys(nextProps).length) {\n        return true\n    }\n    return Object.keys(nextProps).some((propName: string) => {\n        let prevValue = prevProps[propName]\n        let nextValue = nextProps[propName]\n        if (prevValue && nextValue) {\n            if (typeof prevValue === 'function' && typeof nextValue === 'function') {\n                return prevValue.toString() !== nextValue.toString()\n            }\n            if (typeof prevValue === 'object' && typeof nextValue === 'object') {\n                return didPropsChange(prevValue, nextValue)\n            }\n        }\n        return prevValue !== nextValue\n    })\n}\n\nexport const isSeat = (obj: SelectableObjectProps): obj is SeatProps => obj.objectType === 'Seat'\nexport const isTable = (obj: SelectableObjectProps): obj is TableProps => obj.objectType === 'Table'\nexport const isSection = (obj: SelectableObjectProps): obj is InteractiveSectionProps => obj.objectType === 'section'\nexport const isBooth = (obj: SelectableObjectProps): obj is BoothProps => obj.objectType === 'Booth'\nexport const isGeneralAdmission = (obj: SelectableObjectProps): obj is GeneralAdmissionAreaProps => obj.objectType === 'GeneralAdmissionArea'"],"mappings":";AAAA,YAAY,WAAW;;;ACEhB,IAAM,iBAAiB,CAAkC,WAAc,cAA0B;AACpG,MAAI,OAAO,KAAK,SAAS,EAAE,WAAW,OAAO,KAAK,SAAS,EAAE,QAAQ;AACjE,WAAO;AAAA,EACX;AACA,SAAO,OAAO,KAAK,SAAS,EAAE,KAAK,CAAC,aAAqB;AACrD,QAAI,YAAY,UAAU,QAAQ;AAClC,QAAI,YAAY,UAAU,QAAQ;AAClC,QAAI,aAAa,WAAW;AACxB,UAAI,OAAO,cAAc,cAAc,OAAO,cAAc,YAAY;AACpE,eAAO,UAAU,SAAS,MAAM,UAAU,SAAS;AAAA,MACvD;AACA,UAAI,OAAO,cAAc,YAAY,OAAO,cAAc,UAAU;AAChE,eAAO,eAAe,WAAW,SAAS;AAAA,MAC9C;AAAA,IACJ;AACA,WAAO,cAAc;AAAA,EACzB,CAAC;AACL;;;ADTA,IAA8B,aAA9B,cAAsF,gBAA8B;AAAA,EAShH,YAAY,OAA2B;AACnC,UAAM,KAAK;AACX,SAAK,YAAkB,gBAAU;AAAA,EACrC;AAAA,EAIA,MAAM,oBAAqB;AACvB,QAAG,CAAC,KAAK,WAAW;AAChB,WAAK,YAAY,KAAK,qBAAqB;AAAA,IAC/C;AAAA,EACJ;AAAA,EAEA,MAAM,mBAAoB,WAA+B;AACrD,QAAI,eAAe,KAAK,OAAO,SAAS,KAAK,KAAK,OAAO;AACrD,WAAK,aAAa;AAClB,WAAK,qBAAqB;AAAA,IAC9B;AAAA,EACJ;AAAA,EAEA,MAAM,uBAAwB;AAC1B,UAAMA,WAAU,MAAM,KAAK,WAAW;AACtC,UAAM,SAAS,KAAK,uBAAuB;AAC3C,WAAO,YAAY,KAAK,UAAU;AAClC,SAAK,QAAQ,KAAK,YAAYA,UAAS,MAAM,EAAE,OAAO;AACtD,QAAI,KAAK,MAAM,iBAAiB;AAC5B,WAAK,MAAM,gBAAgB,KAAK,KAAK;AAAA,IACzC;AAAA,EACJ;AAAA,EAEA,yBAA+B;AAE3B,QAAI,EAAE,YAAY,OAAO,iBAAiB,QAAQ,GAAG,OAAO,IAAI,KAAK;AACrE,WAAO;AAAA,EACX;AAAA,EAEA,uBAAwB;AACpB,SAAK,aAAa;AAAA,EACtB;AAAA,EAEA,eAAgB;AACZ,QAAI,KAAK,SAAU,KAAK,MAAc,UAAU,aAAa;AACzD,WAAK,MAAM,QAAQ;AAAA,IACvB;AAAA,EACJ;AAAA,EAEA,aAAc;AACV,QAAI,OAAO,YAAY,aAAa;AAChC,aAAO,KAAK,YAAY;AAAA,IAC5B,WAAW,QAAQ,WAAW,KAAK,MAAM,QAAQ;AAC7C,gBAAU;AACV,aAAO,KAAK,YAAY;AAAA,IAC5B,OAAO;AACH,aAAO,QAAQ,QAAQ,OAAO;AAAA,IAClC;AAAA,EACJ;AAAA,EAEA,cAAe;AACX,WAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACpC,UAAI,SAAS,SAAS,cAAc,QAAQ;AAC5C,aAAO,SAAS,MAAM;AAClB,gBAAQ,SAAS,KAAK,MAAM;AAC5B,gBAAQ,OAAO;AAAA,MACnB;AACA,aAAO,UAAU,MAAM,OAAO,kBAAkB,OAAO,GAAG,EAAE;AAC5D,aAAO,MAAM,KAAK,MAAM,WAAW,QAAQ,YAAY,KAAK,MAAM,MAAM;AACxE,eAAS,KAAK,YAAY,MAAM;AAAA,IACpC,CAAC;AAAA,EACL;AAAA,EAEA,SAA2B;AACvB,WACI,oCAAC,SAAI,KAAK,KAAK,WAAyD,OAAO,EAAC,UAAU,QAAQ,SAAS,OAAM,GAAG;AAAA,EAE5H;AACJ;AApF8B,WAKnB,eAAe;AAAA,EAClB,YAAY;AAChB;","names":["seatsio"]}

package/build/SeatsioDesigner.d.mts

@@ -0,0 +1,10 @@
+import * as _seatsio_seatsio_types from '@seatsio/seatsio-types';
+import { ChartDesignerConfigOptions, Seatsio } from '@seatsio/seatsio-types';
+import Embeddable from './Embeddable.mjs';
+import 'react';
+
+declare class SeatsioDesigner extends Embeddable<ChartDesignerConfigOptions> {
+    createChart(seatsio: Seatsio, config: ChartDesignerConfigOptions): _seatsio_seatsio_types.ChartDesigner;
+}
+
+export { SeatsioDesigner as default };

package/build/SeatsioDesigner.d.ts

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

package/build/SeatsioDesigner.js

@@ -1,6 +1,133 @@
-import Embeddable from './Embeddable';
-export default class SeatsioDesigner extends Embeddable {
-    createChart(seatsio, config) {
-        return new seatsio.SeatingChartDesigner(config);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/main/SeatsioDesigner.tsx
+var SeatsioDesigner_exports = {};
+__export(SeatsioDesigner_exports, {
+  default: () => SeatsioDesigner
+});
+module.exports = __toCommonJS(SeatsioDesigner_exports);
+
+// src/main/Embeddable.tsx
+var React = __toESM(require("react"));
+
+// src/main/util.ts
+var 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;
+  });
+};
+
+// src/main/Embeddable.tsx
+var Embeddable = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+  }
+  async componentDidMount() {
+    if (!this.rendering) {
+      this.rendering = this.createAndRenderChart();
+    }
+  }
+  async componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
+    }
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.getSeatsio();
+    const config = this.extractConfigFromProps();
+    config.container = this.container.current;
+    this.chart = this.createChart(seatsio2, config).render();
+    if (this.props.onRenderStarted) {
+      this.props.onRenderStarted(this.chart);
+    }
+  }
+  extractConfigFromProps() {
+    let { chartJsUrl, divId, onRenderStarted, region, ...config } = this.props;
+    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 = void 0;
+      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 /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
+Embeddable.defaultProps = {
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
+};
+
+// src/main/SeatsioDesigner.tsx
+var SeatsioDesigner = class extends Embeddable {
+  createChart(seatsio2, config) {
+    return new seatsio2.SeatingChartDesigner(config);
+  }
+};
+//# sourceMappingURL=SeatsioDesigner.js.map

package/build/SeatsioDesigner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main/SeatsioDesigner.tsx","../src/main/Embeddable.tsx","../src/main/util.ts"],"sourcesContent":["import Embeddable from './Embeddable'\nimport { ChartDesignerConfigOptions, Seatsio } from '@seatsio/seatsio-types'\n\nexport default class SeatsioDesigner extends Embeddable<ChartDesignerConfigOptions> {\n    createChart (seatsio: Seatsio, config: ChartDesignerConfigOptions) {\n        return new seatsio.SeatingChartDesigner(config)\n    }\n}","import * as React from 'react'\nimport {didPropsChange} from './util'\nimport { ChartDesigner, CommonConfigOptions, EventManager, Region, SeatingChart, Seatsio } from '@seatsio/seatsio-types'\n\nexport type EmbeddableProps<T> = {\n    onRenderStarted?: (chart: SeatingChart) => void\n    chartJsUrl?: string\n    region: Region\n} & T\n\nexport default abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {\n    private container: React.RefObject<HTMLDivElement>\n    private rendering?: Promise<void>\n    private chart: SeatingChart\n\n    static defaultProps = {\n        chartJsUrl: 'https://cdn-{region}.seatsio.net/chart.js'\n    }\n\n    constructor(props: EmbeddableProps<T>) {\n        super(props);\n        this.container = React.createRef();\n    }\n\n    abstract createChart (seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner\n\n    async componentDidMount () {\n        if(!this.rendering) {\n            this.rendering = this.createAndRenderChart()\n        }\n    }\n\n    async componentDidUpdate (prevProps: EmbeddableProps<T>) {\n        if (didPropsChange(this.props, prevProps) && this.chart) {\n            this.destroyChart()\n            this.createAndRenderChart()\n        }\n    }\n\n    async createAndRenderChart () {\n        const seatsio = await this.getSeatsio()\n        const config = this.extractConfigFromProps()\n        config.container = this.container.current\n        this.chart = this.createChart(seatsio, config).render()\n        if (this.props.onRenderStarted) {\n            this.props.onRenderStarted(this.chart)\n        }\n    }\n\n    extractConfigFromProps (): any {\n        // noinspection JSUnusedLocalSymbols\n        let { chartJsUrl, divId, onRenderStarted, region, ...config } = this.props\n        return config\n    }\n\n    componentWillUnmount () {\n        this.destroyChart()\n    }\n\n    destroyChart () {\n        if (this.chart && (this.chart as any).state !== 'DESTROYED') {\n            this.chart.destroy()\n        }\n    }\n\n    getSeatsio () {\n        if (typeof seatsio === 'undefined') {\n            return this.loadSeatsio()\n        } else if (seatsio.region !== this.props.region) {\n            seatsio = undefined\n            return this.loadSeatsio()\n        } else {\n            return Promise.resolve(seatsio)\n        }\n    }\n\n    loadSeatsio () {\n        return new Promise((resolve, reject) => {\n            let script = document.createElement('script')\n            script.onload = () => {\n                seatsio.region = this.props.region\n                resolve(seatsio)\n            }\n            script.onerror = () => reject(`Could not load ${script.src}`)\n            script.src = this.props.chartJsUrl.replace('{region}', this.props.region)\n            document.head.appendChild(script)\n        })\n    }\n\n    render (): React.ReactNode {\n        return (\n            <div ref={this.container as unknown as React.RefObject<HTMLDivElement>} style={{'height': '100%', 'width': '100%'}} />\n        )\n    }\n}","import { BoothProps, GeneralAdmissionAreaProps, InteractiveObjectProps, InteractiveSectionProps, SeatProps, SelectableObjectProps, TableProps } from \"@seatsio/seatsio-types\"\n\nexport const didPropsChange = <P extends { [key: string]: any}>(prevProps: P, nextProps: P): boolean => {\n    if (Object.keys(prevProps).length !== Object.keys(nextProps).length) {\n        return true\n    }\n    return Object.keys(nextProps).some((propName: string) => {\n        let prevValue = prevProps[propName]\n        let nextValue = nextProps[propName]\n        if (prevValue && nextValue) {\n            if (typeof prevValue === 'function' && typeof nextValue === 'function') {\n                return prevValue.toString() !== nextValue.toString()\n            }\n            if (typeof prevValue === 'object' && typeof nextValue === 'object') {\n                return didPropsChange(prevValue, nextValue)\n            }\n        }\n        return prevValue !== nextValue\n    })\n}\n\nexport const isSeat = (obj: SelectableObjectProps): obj is SeatProps => obj.objectType === 'Seat'\nexport const isTable = (obj: SelectableObjectProps): obj is TableProps => obj.objectType === 'Table'\nexport const isSection = (obj: SelectableObjectProps): obj is InteractiveSectionProps => obj.objectType === 'section'\nexport const isBooth = (obj: SelectableObjectProps): obj is BoothProps => obj.objectType === 'Booth'\nexport const isGeneralAdmission = (obj: SelectableObjectProps): obj is GeneralAdmissionAreaProps => obj.objectType === 'GeneralAdmissionArea'"],"mappings":"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","names":["seatsio","seatsio"]}