@seatsio/seatsio-react 14.2.0 → 14.4.0

package/build/Embeddable.d.mts

@@ -1,28 +1,29 @@
 import * as React from 'react';
-import { SeatingChart, Region, CommonConfigOptions, Seatsio, EventManager, ChartDesigner } from '@seatsio/seatsio-types';
+import { SeatingChart, EventManager, Region, CommonConfigOptions, Seatsio, ChartDesigner } from '@seatsio/seatsio-types';
 
 type EmbeddableProps<T> = {
-    onRenderStarted?: (chart: SeatingChart) => void;
+    onRenderStarted?: (chart: SeatingChart | EventManager) => void;
     chartJsUrl?: string;
     region: Region;
 } & T;
 declare abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {
     private container;
-    private rendering?;
     private chart;
+    private firstRender;
+    private static seatsioBundles;
     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>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: EmbeddableProps<T>): void;
+    getChartUrl(): string;
     createAndRenderChart(): Promise<void>;
     extractConfigFromProps(): any;
     componentWillUnmount(): void;
     destroyChart(): void;
-    getSeatsio(): Promise<any>;
-    loadSeatsio(): Promise<unknown>;
+    loadSeatsio(): Promise<Seatsio>;
     render(): React.ReactNode;
 }
 

package/build/Embeddable.d.ts

@@ -1,28 +1,29 @@
 import * as React from 'react';
-import { SeatingChart, Region, CommonConfigOptions, Seatsio, EventManager, ChartDesigner } from '@seatsio/seatsio-types';
+import { SeatingChart, EventManager, Region, CommonConfigOptions, Seatsio, ChartDesigner } from '@seatsio/seatsio-types';
 
 type EmbeddableProps<T> = {
-    onRenderStarted?: (chart: SeatingChart) => void;
+    onRenderStarted?: (chart: SeatingChart | EventManager) => void;
     chartJsUrl?: string;
     region: Region;
 } & T;
 declare abstract class Embeddable<T extends CommonConfigOptions> extends React.Component<EmbeddableProps<T>> {
     private container;
-    private rendering?;
     private chart;
+    private firstRender;
+    private static seatsioBundles;
     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>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: EmbeddableProps<T>): void;
+    getChartUrl(): string;
     createAndRenderChart(): Promise<void>;
     extractConfigFromProps(): any;
     componentWillUnmount(): void;
     destroyChart(): void;
-    getSeatsio(): Promise<any>;
-    loadSeatsio(): Promise<unknown>;
+    loadSeatsio(): Promise<Seatsio>;
     render(): React.ReactNode;
 }
 

package/build/Embeddable.js

@@ -1,2 +1,124 @@
-var p=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var C=(t,r)=>{for(var e in r)i(t,e,{get:r[e],enumerable:!0})},d=(t,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of l(r))!f.call(t,o)&&o!==e&&i(t,o,{get:()=>r[o],enumerable:!(s=g(r,o))||s.enumerable});return t};var u=(t,r,e)=>(e=t!=null?p(m(t)):{},d(r||!t||!t.__esModule?i(e,"default",{value:t,enumerable:!0}):e,t)),R=t=>d(i({},"__esModule",{value:!0}),t);var S={};C(S,{default:()=>a});module.exports=R(S);var n=u(require("react")),h=require("./util");class a extends n.Component{constructor(e){super(e);this.container=n.createRef()}async componentDidMount(){this.rendering||(this.rendering=this.createAndRenderChart())}async componentDidUpdate(e){(0,h.didPropsChange)(this.props,e)&&this.chart&&(this.destroyChart(),this.createAndRenderChart())}async createAndRenderChart(){const e=await this.getSeatsio(),s=this.extractConfigFromProps();s.container=this.container.current,this.chart=this.createChart(e,s).render(),this.props.onRenderStarted&&this.props.onRenderStarted(this.chart)}extractConfigFromProps(){let{chartJsUrl:e,divId:s,onRenderStarted:o,region:b,...c}=this.props;return c}componentWillUnmount(){this.destroyChart()}destroyChart(){this.chart&&this.chart.state!=="DESTROYED"&&this.chart.destroy()}getSeatsio(){return typeof seatsio=="undefined"?this.loadSeatsio():seatsio.region!==this.props.region?(seatsio=void 0,this.loadSeatsio()):Promise.resolve(seatsio)}loadSeatsio(){return new Promise((e,s)=>{let o=document.createElement("script");o.onload=()=>{seatsio.region=this.props.region,e(seatsio)},o.onerror=()=>s(`Could not load ${o.src}`),o.src=this.props.chartJsUrl.replace("{region}",this.props.region),document.head.appendChild(o)})}render(){return n.createElement("div",{ref:this.container,style:{height:"100%",width:"100%"}})}}a.defaultProps={chartJsUrl:"https://cdn-{region}.seatsio.net/chart.js"};
+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/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);
+      }
+    }
+    return prevValue !== nextValue;
+  });
+};
+
+// src/main/Embeddable.tsx
+var _Embeddable = class _Embeddable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+    this.firstRender = true;
+  }
+  componentDidMount() {
+    if (!_Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {
+      this.createAndRenderChart();
+      this.firstRender = false;
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
+    }
+  }
+  getChartUrl() {
+    return this.props.chartJsUrl.replace("{region}", this.props.region);
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.loadSeatsio();
+    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();
+    }
+  }
+  loadSeatsio() {
+    const chartUrl = this.getChartUrl();
+    if (!_Embeddable.seatsioBundles[chartUrl]) {
+      _Embeddable.seatsioBundles[chartUrl] = new Promise((resolve, reject) => {
+        const script = document.head.appendChild(document.createElement("script"));
+        window.seatsio = void 0;
+        script.onload = () => {
+          resolve(seatsio);
+        };
+        script.onerror = () => reject(`Could not load ${script.src}`);
+        script.src = chartUrl;
+      });
+    }
+    return _Embeddable.seatsioBundles[chartUrl];
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
+_Embeddable.seatsioBundles = {};
+_Embeddable.defaultProps = {
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
+};
+var Embeddable = _Embeddable;
 //# sourceMappingURL=Embeddable.js.map

package/build/Embeddable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main/Embeddable.tsx"],"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}"],"mappings":"6iBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAA6B,kBAS7B,MAAOH,UAAyEE,EAAM,SAA8B,CAShH,YAAYE,EAA2B,CACnC,MAAMA,CAAK,EACX,KAAK,UAAYF,EAAM,UAAU,CACrC,CAIA,MAAM,mBAAqB,CACnB,KAAK,YACL,KAAK,UAAY,KAAK,qBAAqB,EAEnD,CAEA,MAAM,mBAAoBG,EAA+B,IACjD,kBAAe,KAAK,MAAOA,CAAS,GAAK,KAAK,QAC9C,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAElC,CAEA,MAAM,sBAAwB,CAC1B,MAAMC,EAAU,MAAM,KAAK,WAAW,EAChCC,EAAS,KAAK,uBAAuB,EAC3CA,EAAO,UAAY,KAAK,UAAU,QAClC,KAAK,MAAQ,KAAK,YAAYD,EAASC,CAAM,EAAE,OAAO,EAClD,KAAK,MAAM,iBACX,KAAK,MAAM,gBAAgB,KAAK,KAAK,CAE7C,CAEA,wBAA+B,CAE3B,GAAI,CAAE,WAAAC,EAAY,MAAAC,EAAO,gBAAAC,EAAiB,OAAAC,EAAQ,GAAGJ,CAAO,EAAI,KAAK,MACrE,OAAOA,CACX,CAEA,sBAAwB,CACpB,KAAK,aAAa,CACtB,CAEA,cAAgB,CACR,KAAK,OAAU,KAAK,MAAc,QAAU,aAC5C,KAAK,MAAM,QAAQ,CAE3B,CAEA,YAAc,CACV,OAAI,OAAO,SAAY,YACZ,KAAK,YAAY,EACjB,QAAQ,SAAW,KAAK,MAAM,QACrC,QAAU,OACH,KAAK,YAAY,GAEjB,QAAQ,QAAQ,OAAO,CAEtC,CAEA,aAAe,CACX,OAAO,IAAI,QAAQ,CAACK,EAASC,IAAW,CACpC,IAAIC,EAAS,SAAS,cAAc,QAAQ,EAC5CA,EAAO,OAAS,IAAM,CAClB,QAAQ,OAAS,KAAK,MAAM,OAC5BF,EAAQ,OAAO,CACnB,EACAE,EAAO,QAAU,IAAMD,EAAO,kBAAkBC,EAAO,GAAG,EAAE,EAC5DA,EAAO,IAAM,KAAK,MAAM,WAAW,QAAQ,WAAY,KAAK,MAAM,MAAM,EACxE,SAAS,KAAK,YAAYA,CAAM,CACpC,CAAC,CACL,CAEA,QAA2B,CACvB,OACIZ,EAAA,cAAC,OAAI,IAAK,KAAK,UAAyD,MAAO,CAAC,OAAU,OAAQ,MAAS,MAAM,EAAG,CAE5H,CACJ,CApF8BF,EAKnB,aAAe,CAClB,WAAY,2CAChB","names":["Embeddable_exports","__export","Embeddable","__toCommonJS","React","import_util","props","prevProps","seatsio","config","chartJsUrl","divId","onRenderStarted","region","resolve","reject","script"]}
+{"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 | EventManager) => 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 chart: SeatingChart\n    private firstRender: boolean\n\n    private static seatsioBundles: { [key: string]: Promise<Seatsio> } = {}\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        this.firstRender = true\n    }\n\n    abstract createChart (seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner\n\n    componentDidMount () {\n        if (!Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {\n            this.createAndRenderChart()\n            this.firstRender = false\n        }\n    }\n\n    componentDidUpdate (prevProps: EmbeddableProps<T>) {\n        if (didPropsChange(this.props, prevProps) && this.chart) {\n            this.destroyChart()\n            this.createAndRenderChart()\n        }\n    }\n\n    getChartUrl () {\n        return this.props.chartJsUrl.replace('{region}', this.props.region)\n    }\n\n    async createAndRenderChart () {\n        const seatsio = await this.loadSeatsio()\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        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    loadSeatsio (): Promise<Seatsio> {\n        const chartUrl = this.getChartUrl()\n        if (!Embeddable.seatsioBundles[chartUrl]) {\n            Embeddable.seatsioBundles[chartUrl] = new Promise<Seatsio>((resolve, reject) => {\n                const script = document.head.appendChild(document.createElement('script'))\n                // Seatsio global is not replaced if already present, which would cause the wrong region bundle to resolve when changing region\n                window.seatsio = undefined\n                script.onload = () => {\n                    resolve(seatsio)\n                }\n                script.onerror = () => reject(`Could not load ${script.src}`)\n                script.src = chartUrl\n            })\n        }\n\n        return Embeddable.seatsioBundles[chartUrl]\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"]}

package/build/Embeddable.mjs

@@ -1,2 +1,94 @@
-import*as o from"react";import{didPropsChange as n}from"./util";class s extends o.Component{constructor(e){super(e);this.container=o.createRef()}async componentDidMount(){this.rendering||(this.rendering=this.createAndRenderChart())}async componentDidUpdate(e){n(this.props,e)&&this.chart&&(this.destroyChart(),this.createAndRenderChart())}async createAndRenderChart(){const e=await this.getSeatsio(),r=this.extractConfigFromProps();r.container=this.container.current,this.chart=this.createChart(e,r).render(),this.props.onRenderStarted&&this.props.onRenderStarted(this.chart)}extractConfigFromProps(){let{chartJsUrl:e,divId:r,onRenderStarted:t,region:h,...i}=this.props;return i}componentWillUnmount(){this.destroyChart()}destroyChart(){this.chart&&this.chart.state!=="DESTROYED"&&this.chart.destroy()}getSeatsio(){return typeof seatsio=="undefined"?this.loadSeatsio():seatsio.region!==this.props.region?(seatsio=void 0,this.loadSeatsio()):Promise.resolve(seatsio)}loadSeatsio(){return new Promise((e,r)=>{let t=document.createElement("script");t.onload=()=>{seatsio.region=this.props.region,e(seatsio)},t.onerror=()=>r(`Could not load ${t.src}`),t.src=this.props.chartJsUrl.replace("{region}",this.props.region),document.head.appendChild(t)})}render(){return o.createElement("div",{ref:this.container,style:{height:"100%",width:"100%"}})}}s.defaultProps={chartJsUrl:"https://cdn-{region}.seatsio.net/chart.js"};export{s as default};
+// 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 _Embeddable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+    this.firstRender = true;
+  }
+  componentDidMount() {
+    if (!_Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {
+      this.createAndRenderChart();
+      this.firstRender = false;
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
+    }
+  }
+  getChartUrl() {
+    return this.props.chartJsUrl.replace("{region}", this.props.region);
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.loadSeatsio();
+    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();
+    }
+  }
+  loadSeatsio() {
+    const chartUrl = this.getChartUrl();
+    if (!_Embeddable.seatsioBundles[chartUrl]) {
+      _Embeddable.seatsioBundles[chartUrl] = new Promise((resolve, reject) => {
+        const script = document.head.appendChild(document.createElement("script"));
+        window.seatsio = void 0;
+        script.onload = () => {
+          resolve(seatsio);
+        };
+        script.onerror = () => reject(`Could not load ${script.src}`);
+        script.src = chartUrl;
+      });
+    }
+    return _Embeddable.seatsioBundles[chartUrl];
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
+_Embeddable.seatsioBundles = {};
+_Embeddable.defaultProps = {
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
+};
+var Embeddable = _Embeddable;
+export {
+  Embeddable as default
+};
 //# sourceMappingURL=Embeddable.mjs.map

package/build/Embeddable.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main/Embeddable.tsx"],"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}"],"mappings":"AAAA,UAAYA,MAAW,QACvB,OAAQ,kBAAAC,MAAqB,SAS7B,MAAOC,UAAyEF,EAAM,SAA8B,CAShH,YAAYG,EAA2B,CACnC,MAAMA,CAAK,EACX,KAAK,UAAYH,EAAM,UAAU,CACrC,CAIA,MAAM,mBAAqB,CACnB,KAAK,YACL,KAAK,UAAY,KAAK,qBAAqB,EAEnD,CAEA,MAAM,mBAAoBI,EAA+B,CACjDH,EAAe,KAAK,MAAOG,CAAS,GAAK,KAAK,QAC9C,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAElC,CAEA,MAAM,sBAAwB,CAC1B,MAAMC,EAAU,MAAM,KAAK,WAAW,EAChCC,EAAS,KAAK,uBAAuB,EAC3CA,EAAO,UAAY,KAAK,UAAU,QAClC,KAAK,MAAQ,KAAK,YAAYD,EAASC,CAAM,EAAE,OAAO,EAClD,KAAK,MAAM,iBACX,KAAK,MAAM,gBAAgB,KAAK,KAAK,CAE7C,CAEA,wBAA+B,CAE3B,GAAI,CAAE,WAAAC,EAAY,MAAAC,EAAO,gBAAAC,EAAiB,OAAAC,EAAQ,GAAGJ,CAAO,EAAI,KAAK,MACrE,OAAOA,CACX,CAEA,sBAAwB,CACpB,KAAK,aAAa,CACtB,CAEA,cAAgB,CACR,KAAK,OAAU,KAAK,MAAc,QAAU,aAC5C,KAAK,MAAM,QAAQ,CAE3B,CAEA,YAAc,CACV,OAAI,OAAO,SAAY,YACZ,KAAK,YAAY,EACjB,QAAQ,SAAW,KAAK,MAAM,QACrC,QAAU,OACH,KAAK,YAAY,GAEjB,QAAQ,QAAQ,OAAO,CAEtC,CAEA,aAAe,CACX,OAAO,IAAI,QAAQ,CAACK,EAASC,IAAW,CACpC,IAAIC,EAAS,SAAS,cAAc,QAAQ,EAC5CA,EAAO,OAAS,IAAM,CAClB,QAAQ,OAAS,KAAK,MAAM,OAC5BF,EAAQ,OAAO,CACnB,EACAE,EAAO,QAAU,IAAMD,EAAO,kBAAkBC,EAAO,GAAG,EAAE,EAC5DA,EAAO,IAAM,KAAK,MAAM,WAAW,QAAQ,WAAY,KAAK,MAAM,MAAM,EACxE,SAAS,KAAK,YAAYA,CAAM,CACpC,CAAC,CACL,CAEA,QAA2B,CACvB,OACIb,EAAA,cAAC,OAAI,IAAK,KAAK,UAAyD,MAAO,CAAC,OAAU,OAAQ,MAAS,MAAM,EAAG,CAE5H,CACJ,CApF8BE,EAKnB,aAAe,CAClB,WAAY,2CAChB","names":["React","didPropsChange","Embeddable","props","prevProps","seatsio","config","chartJsUrl","divId","onRenderStarted","region","resolve","reject","script"]}
+{"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 | EventManager) => 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 chart: SeatingChart\n    private firstRender: boolean\n\n    private static seatsioBundles: { [key: string]: Promise<Seatsio> } = {}\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        this.firstRender = true\n    }\n\n    abstract createChart (seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner\n\n    componentDidMount () {\n        if (!Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {\n            this.createAndRenderChart()\n            this.firstRender = false\n        }\n    }\n\n    componentDidUpdate (prevProps: EmbeddableProps<T>) {\n        if (didPropsChange(this.props, prevProps) && this.chart) {\n            this.destroyChart()\n            this.createAndRenderChart()\n        }\n    }\n\n    getChartUrl () {\n        return this.props.chartJsUrl.replace('{region}', this.props.region)\n    }\n\n    async createAndRenderChart () {\n        const seatsio = await this.loadSeatsio()\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        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    loadSeatsio (): Promise<Seatsio> {\n        const chartUrl = this.getChartUrl()\n        if (!Embeddable.seatsioBundles[chartUrl]) {\n            Embeddable.seatsioBundles[chartUrl] = new Promise<Seatsio>((resolve, reject) => {\n                const script = document.head.appendChild(document.createElement('script'))\n                // Seatsio global is not replaced if already present, which would cause the wrong region bundle to resolve when changing region\n                window.seatsio = undefined\n                script.onload = () => {\n                    resolve(seatsio)\n                }\n                script.onerror = () => reject(`Could not load ${script.src}`)\n                script.src = chartUrl\n            })\n        }\n\n        return Embeddable.seatsioBundles[chartUrl]\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,cAA9B,MAA8B,oBAAwD,gBAA8B;AAAA,EAWhH,YAAY,OAA2B;AACnC,UAAM,KAAK;AACX,SAAK,YAAkB,gBAAU;AACjC,SAAK,cAAc;AAAA,EACvB;AAAA,EAIA,oBAAqB;AACjB,QAAI,CAAC,YAAW,eAAe,KAAK,YAAY,CAAC,KAAK,KAAK,aAAa;AACpE,WAAK,qBAAqB;AAC1B,WAAK,cAAc;AAAA,IACvB;AAAA,EACJ;AAAA,EAEA,mBAAoB,WAA+B;AAC/C,QAAI,eAAe,KAAK,OAAO,SAAS,KAAK,KAAK,OAAO;AACrD,WAAK,aAAa;AAClB,WAAK,qBAAqB;AAAA,IAC9B;AAAA,EACJ;AAAA,EAEA,cAAe;AACX,WAAO,KAAK,MAAM,WAAW,QAAQ,YAAY,KAAK,MAAM,MAAM;AAAA,EACtE;AAAA,EAEA,MAAM,uBAAwB;AAC1B,UAAMA,WAAU,MAAM,KAAK,YAAY;AACvC,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;AAC3B,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,cAAiC;AAC7B,UAAM,WAAW,KAAK,YAAY;AAClC,QAAI,CAAC,YAAW,eAAe,QAAQ,GAAG;AACtC,kBAAW,eAAe,QAAQ,IAAI,IAAI,QAAiB,CAAC,SAAS,WAAW;AAC5E,cAAM,SAAS,SAAS,KAAK,YAAY,SAAS,cAAc,QAAQ,CAAC;AAEzE,eAAO,UAAU;AACjB,eAAO,SAAS,MAAM;AAClB,kBAAQ,OAAO;AAAA,QACnB;AACA,eAAO,UAAU,MAAM,OAAO,kBAAkB,OAAO,GAAG,EAAE;AAC5D,eAAO,MAAM;AAAA,MACjB,CAAC;AAAA,IACL;AAEA,WAAO,YAAW,eAAe,QAAQ;AAAA,EAC7C;AAAA,EAEA,SAA2B;AACvB,WACI,oCAAC,SAAI,KAAK,KAAK,WAAyD,OAAO,EAAC,UAAU,QAAQ,SAAS,OAAM,GAAG;AAAA,EAE5H;AACJ;AArF8B,YAKX,iBAAsD,CAAC;AAL5C,YAOnB,eAAe;AAAA,EAClB,YAAY;AAChB;AATJ,IAA8B,aAA9B;","names":["seatsio"]}

package/build/SeatsioDesigner.js

@@ -1,2 +1,133 @@
-var C=Object.create;var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},s=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of p(t))!m.call(e,i)&&i!==r&&n(e,i,{get:()=>t[i],enumerable:!(o=f(t,i))||o.enumerable});return e};var d=(e,t,r)=>(r=e!=null?C(h(e)):{},s(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),S=e=>s(n({},"__esModule",{value:!0}),e);var l={};D(l,{default:()=>g});module.exports=S(l);var a=d(require("./Embeddable"));class g extends a.default{createChart(t,r){return new t.SeatingChartDesigner(r)}}
+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 _Embeddable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+    this.firstRender = true;
+  }
+  componentDidMount() {
+    if (!_Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {
+      this.createAndRenderChart();
+      this.firstRender = false;
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
+    }
+  }
+  getChartUrl() {
+    return this.props.chartJsUrl.replace("{region}", this.props.region);
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.loadSeatsio();
+    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();
+    }
+  }
+  loadSeatsio() {
+    const chartUrl = this.getChartUrl();
+    if (!_Embeddable.seatsioBundles[chartUrl]) {
+      _Embeddable.seatsioBundles[chartUrl] = new Promise((resolve, reject) => {
+        const script = document.head.appendChild(document.createElement("script"));
+        window.seatsio = void 0;
+        script.onload = () => {
+          resolve(seatsio);
+        };
+        script.onerror = () => reject(`Could not load ${script.src}`);
+        script.src = chartUrl;
+      });
+    }
+    return _Embeddable.seatsioBundles[chartUrl];
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
+_Embeddable.seatsioBundles = {};
+_Embeddable.defaultProps = {
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
+};
+var Embeddable = _Embeddable;
+
+// 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

@@ -1 +1 @@
-{"version":3,"sources":["../src/main/SeatsioDesigner.tsx"],"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}"],"mappings":"6iBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BAGvB,MAAOF,UAAsC,EAAAG,OAAuC,CAChF,YAAaC,EAAkBC,EAAoC,CAC/D,OAAO,IAAID,EAAQ,qBAAqBC,CAAM,CAClD,CACJ","names":["SeatsioDesigner_exports","__export","SeatsioDesigner","__toCommonJS","import_Embeddable","Embeddable","seatsio","config"]}
+{"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 | EventManager) => 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 chart: SeatingChart\n    private firstRender: boolean\n\n    private static seatsioBundles: { [key: string]: Promise<Seatsio> } = {}\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        this.firstRender = true\n    }\n\n    abstract createChart (seatsio: Seatsio, config: T): SeatingChart | EventManager | ChartDesigner\n\n    componentDidMount () {\n        if (!Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {\n            this.createAndRenderChart()\n            this.firstRender = false\n        }\n    }\n\n    componentDidUpdate (prevProps: EmbeddableProps<T>) {\n        if (didPropsChange(this.props, prevProps) && this.chart) {\n            this.destroyChart()\n            this.createAndRenderChart()\n        }\n    }\n\n    getChartUrl () {\n        return this.props.chartJsUrl.replace('{region}', this.props.region)\n    }\n\n    async createAndRenderChart () {\n        const seatsio = await this.loadSeatsio()\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        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    loadSeatsio (): Promise<Seatsio> {\n        const chartUrl = this.getChartUrl()\n        if (!Embeddable.seatsioBundles[chartUrl]) {\n            Embeddable.seatsioBundles[chartUrl] = new Promise<Seatsio>((resolve, reject) => {\n                const script = document.head.appendChild(document.createElement('script'))\n                // Seatsio global is not replaced if already present, which would cause the wrong region bundle to resolve when changing region\n                window.seatsio = undefined\n                script.onload = () => {\n                    resolve(seatsio)\n                }\n                script.onerror = () => reject(`Could not load ${script.src}`)\n                script.src = chartUrl\n            })\n        }\n\n        return Embeddable.seatsioBundles[chartUrl]\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"]}

package/build/SeatsioDesigner.mjs

@@ -1,2 +1,101 @@
-import r from"./Embeddable";class i extends r{createChart(e,t){return new e.SeatingChartDesigner(t)}}export{i as default};
+// 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 _Embeddable extends React.Component {
+  constructor(props) {
+    super(props);
+    this.container = React.createRef();
+    this.firstRender = true;
+  }
+  componentDidMount() {
+    if (!_Embeddable.seatsioBundles[this.getChartUrl()] || this.firstRender) {
+      this.createAndRenderChart();
+      this.firstRender = false;
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (didPropsChange(this.props, prevProps) && this.chart) {
+      this.destroyChart();
+      this.createAndRenderChart();
+    }
+  }
+  getChartUrl() {
+    return this.props.chartJsUrl.replace("{region}", this.props.region);
+  }
+  async createAndRenderChart() {
+    const seatsio2 = await this.loadSeatsio();
+    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();
+    }
+  }
+  loadSeatsio() {
+    const chartUrl = this.getChartUrl();
+    if (!_Embeddable.seatsioBundles[chartUrl]) {
+      _Embeddable.seatsioBundles[chartUrl] = new Promise((resolve, reject) => {
+        const script = document.head.appendChild(document.createElement("script"));
+        window.seatsio = void 0;
+        script.onload = () => {
+          resolve(seatsio);
+        };
+        script.onerror = () => reject(`Could not load ${script.src}`);
+        script.src = chartUrl;
+      });
+    }
+    return _Embeddable.seatsioBundles[chartUrl];
+  }
+  render() {
+    return /* @__PURE__ */ React.createElement("div", { ref: this.container, style: { "height": "100%", "width": "100%" } });
+  }
+};
+_Embeddable.seatsioBundles = {};
+_Embeddable.defaultProps = {
+  chartJsUrl: "https://cdn-{region}.seatsio.net/chart.js"
+};
+var Embeddable = _Embeddable;
+
+// src/main/SeatsioDesigner.tsx
+var SeatsioDesigner = class extends Embeddable {
+  createChart(seatsio2, config) {
+    return new seatsio2.SeatingChartDesigner(config);
+  }
+};
+export {
+  SeatsioDesigner as default
+};
 //# sourceMappingURL=SeatsioDesigner.mjs.map