@seatlayer/react 0.18.1 → 0.20.0

package/dist/index.cjs

@@ -24,7 +24,8 @@ __export(index_exports, {
   SeatManager: () => SeatManager,
   SeatPicker: () => SeatPicker,
   SeatPickerWidget: () => import_js5.SeatPicker,
-  SeatingChart: () => SeatingChart
+  SeatingChart: () => SeatingChart,
+  attachPickerFrame: () => import_js6.attachPickerFrame
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -121,6 +122,7 @@ var EmbeddedDesigner = (0, import_react2.forwardRef)(
         referrerPolicy: props.referrerPolicy,
         showLoadingState: props.showLoadingState,
         loadingTimeoutMs: props.loadingTimeoutMs,
+        autoResize: props.autoResize,
         // Only forward a relaunch hook when the host supplied one, so the core's
         // "reload the same URL in place" fallback still applies otherwise.
         onRequestRelaunch: props.onRequestRelaunch ? () => callbacks.current.onRequestRelaunch?.() : void 0,
@@ -136,7 +138,7 @@ var EmbeddedDesigner = (0, import_react2.forwardRef)(
         designer.destroy();
         designerRef.current = null;
       };
-    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs]);
+    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs, props.autoResize]);
     (0, import_react2.useImperativeHandle)(ref, () => ({
       setDesignerUrl: (designerUrl) => {
         designerRef.current?.setDesignerUrl(designerUrl);
@@ -153,7 +155,7 @@ var import_js3 = require("@seatlayer/js");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var SeatPicker = (0, import_react3.forwardRef)(
   function SeatPicker2(props, ref) {
-    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;
+    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;
     const containerRef = (0, import_react3.useRef)(null);
     const pickerRef = (0, import_react3.useRef)(null);
     const callbacks = (0, import_react3.useRef)(props);
@@ -161,22 +163,10 @@ var SeatPicker = (0, import_react3.forwardRef)(
     (0, import_react3.useEffect)(() => {
       const el = containerRef.current;
       if (!el) return;
+      const { className: _className, style: _style, ...options } = callbacks.current;
       const picker = new import_js3.SeatPicker({
+        ...options,
         container: el,
-        event,
-        apiBase,
-        maxSelection,
-        publicKey,
-        locale,
-        currency,
-        colorblindSafe,
-        holdTtlMs,
-        initialHoldId,
-        restoreHold,
-        confirmSelection,
-        seatView,
-        theme: callbacks.current.theme,
-        messages: callbacks.current.messages,
         onCheckout: (hold, seats, handoff) => callbacks.current.onCheckout?.(hold, seats, handoff),
         onBooked: (handoff) => callbacks.current.onBooked?.(handoff),
         onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),
@@ -191,7 +181,7 @@ var SeatPicker = (0, import_react3.forwardRef)(
         picker.destroy();
         pickerRef.current = null;
       };
-    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);
+    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);
     (0, import_react3.useImperativeHandle)(
       ref,
       () => ({
@@ -210,6 +200,7 @@ var SeatPicker = (0, import_react3.forwardRef)(
 
 // src/index.ts
 var import_js5 = require("@seatlayer/js");
+var import_js6 = require("@seatlayer/js");
 
 // src/SeatManager.tsx
 var import_react4 = require("react");
@@ -311,6 +302,7 @@ var SeatManager = (0, import_react4.forwardRef)(
   SeatManager,
   SeatPicker,
   SeatPickerWidget,
-  SeatingChart
+  SeatingChart,
+  attachPickerFrame
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/SeatingChart.tsx","../src/EmbeddedDesigner.tsx","../src/SeatPicker.tsx","../src/SeatManager.tsx"],"sourcesContent":["/**\n * @seatlayer/react — the React wrapper for the SeatLayer embed SDK.\n */\nexport { SeatingChart } from './SeatingChart';\nexport { EmbeddedDesigner } from './EmbeddedDesigner';\nexport type {\n  SeatingChartProps,\n  SeatingChartHandle,\n  SelectedSeat,\n  HoldResult,\n  BestAvailableResult,\n  GAAreaAvailability,\n  HoldLineItem,\n} from './SeatingChart';\nexport type { EmbeddedDesignerProps, EmbeddedDesignerHandle, EmbeddedDesignerMessage } from './EmbeddedDesigner';\nexport { SeatPicker } from './SeatPicker';\nexport type {\n  SeatPickerHandle,\n  SeatPickerProps,\n  SeatPickerOptions,\n  SeatPickerTheme,\n  CheckoutHandoff,\n  CheckoutLineItem,\n} from './SeatPicker';\n// The framework-agnostic widget class — for the one-call modal (SeatPickerWidget.open()).\nexport { SeatPicker as SeatPickerWidget } from '@seatlayer/js';\n\n// Organizer control room: Monitor + Inspect + bulk Block/unblock on one renderer.\nexport { SeatManager } from './SeatManager';\nexport type {\n  SeatManagerHandle,\n  SeatManagerProps,\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from './SeatManager';\nexport type { ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot } from '@seatlayer/js';\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatingChart as CoreSeatingChart,\n  type SeatingChartOptions,\n  type SelectedSeat,\n  type HoldResult,\n  type BestAvailableResult,\n  type GAAreaAvailability,\n  type HoldLineItem,\n} from '@seatlayer/js';\n\nexport type { SelectedSeat, HoldResult, BestAvailableResult, GAAreaAvailability, HoldLineItem } from '@seatlayer/js';\nexport type { SeatHoverDetails } from '@seatlayer/js';\n\n/** Imperative handle exposed via `ref` — call these to drive the picker from your app. */\nexport interface SeatingChartHandle {\n  /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */\n  hold(options?: { ttlMs?: number }): Promise<HoldResult | null>;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Current active hold known to the chart. */\n  getCurrentHold(): HoldResult | null;\n  /** GA areas with live remaining capacity. */\n  getGAAreas(): GAAreaAvailability[];\n  /** Atomically hold a quantity from one GA area. */\n  holdGA(areaId: string, qty: number, options?: { tierId?: string | null; ttlMs?: number }): Promise<HoldResult | null>;\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;\n  /** Release the current hold (if any). */\n  release(): Promise<void>;\n  /** Release some held labels while keeping the remainder active. */\n  releaseLabels(labels: string[]): Promise<boolean>;\n  /** The current selection, with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[];\n  /**\n   * Choose a ticket tier for a selected seat (e.g. Adult → Child). Available\n   * `tiers` are on each `SelectedSeat`; `tierId=null` reverts to the default.\n   */\n  setSeatTier(seatId: string, tierId: string | null): void;\n  /**\n   * Floors of a multi-floor chart — `[{ id, name }]` (single-floor charts\n   * return one entry; empty before render()). Pair with setFloor().\n   */\n  getFloors(): { id: string; name: string }[];\n  /** Switch the shown floor (2D). Warns + no-ops on single-floor charts. */\n  setFloor(floorId: string): void;\n  /** Toggle colorblind-safe rendering at runtime (see the `colorblindSafe` prop). */\n  setColorblindSafe(on: boolean): void;\n  /** Zoom in one step (same increment as the wheel/pinch gesture). */\n  zoomIn(): void;\n  /** Zoom out one step. */\n  zoomOut(): void;\n  /** Reset the camera so the whole chart fits the container. */\n  zoomToFit(): void;\n}\n\nexport interface SeatingChartProps extends Omit<SeatingChartOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic `@seatlayer/js` SDK.\n *\n * The underlying canvas is created once and torn down on unmount. Callback props\n * (`onSelectionChange`, `onHold`, `onError`, `onDeckTap`, `onHint`) may change\n * freely between renders without re-mounting the canvas — only `event`,\n * `apiBase`, `maxSelection`, `publicKey`, `locale`, `currency`, and\n * `colorblindSafe` trigger a rebuild. (`messages` is read once per mount;\n * changing it alone does not re-apply.)\n */\nexport const SeatingChart = forwardRef<SeatingChartHandle, SeatingChartProps>(\n  function SeatingChart(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const chartRef = useRef<CoreSeatingChart | null>(null);\n\n    // Always call the latest callbacks without rebuilding the chart.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const chart = new CoreSeatingChart({\n        container: el,\n        event,\n        apiBase,\n        maxSelection,\n        publicKey,\n        locale,\n        currency,\n        colorblindSafe,\n        messages: callbacks.current.messages,\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHold: (result) => callbacks.current.onHold?.(result),\n        onHoldRestored: (result) => callbacks.current.onHoldRestored?.(result),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onGAClick: (area) => callbacks.current.onGAClick?.(area),\n        onError: (err) => callbacks.current.onError?.(err),\n        onDeckTap: (floorId) => callbacks.current.onDeckTap?.(floorId),\n        onHint: (message) => callbacks.current.onHint?.(message),\n        seatTooltip: props.seatTooltip,\n        onSeatHover: (details) => callbacks.current.onSeatHover?.(details),\n      });\n      chartRef.current = chart;\n      void chart.render();\n\n      return () => {\n        chart.destroy();\n        chartRef.current = null;\n      };\n      // Rebuild only when the identity of the chart changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatingChartHandle => ({\n        hold: (options) => chartRef.current?.hold(options) ?? Promise.resolve(null),\n        resumeHold: (holdId) => chartRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        getCurrentHold: () => chartRef.current?.getCurrentHold() ?? null,\n        getGAAreas: () => chartRef.current?.getGAAreas() ?? [],\n        holdGA: (areaId, qty, options) => chartRef.current?.holdGA(areaId, qty, options) ?? Promise.resolve(null),\n        bestAvailable: (qty, categoryKey) =>\n          chartRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        release: () => chartRef.current?.release() ?? Promise.resolve(),\n        releaseLabels: (labels) => chartRef.current?.releaseLabels(labels) ?? Promise.resolve(false),\n        getSelection: () => chartRef.current?.getSelection() ?? [],\n        setSeatTier: (seatId, tierId) => chartRef.current?.setSeatTier(seatId, tierId),\n        getFloors: () => chartRef.current?.getFloors() ?? [],\n        setFloor: (floorId) => chartRef.current?.setFloor(floorId),\n        setColorblindSafe: (on) => chartRef.current?.setColorblindSafe(on),\n        zoomIn: () => chartRef.current?.zoomIn(),\n        zoomOut: () => chartRef.current?.zoomOut(),\n        zoomToFit: () => chartRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  EmbeddedDesigner as CoreEmbeddedDesigner,\n  type EmbeddedDesignerMessage,\n} from '@seatlayer/js';\n\nexport type { EmbeddedDesignerMessage } from '@seatlayer/js';\n\nexport interface EmbeddedDesignerHandle {\n  /** Recreate the iframe with a newly-minted session URL. */\n  setDesignerUrl(designerUrl: string): void;\n  /** The currently mounted iframe, if any. */\n  getIframe(): HTMLIFrameElement | null;\n}\n\nexport interface EmbeddedDesignerProps {\n  /** Short-lived `designerUrl` returned by your backend. Never pass an `sk_` key. */\n  designerUrl: string;\n  expectedChartId?: string;\n  expectedWorkspaceId?: string;\n  title?: string;\n  className?: string;\n  style?: CSSProperties;\n  iframeClassName?: string;\n  iframeStyle?: Partial<CSSStyleDeclaration>;\n  allow?: string;\n  referrerPolicy?: ReferrerPolicy;\n  /**\n   * Show the built-in branded loading skeleton and error/expiry card inside the\n   * container while the Designer boots. Defaults to `true`. Set `false` when you\n   * render your own loading and error chrome.\n   */\n  showLoadingState?: boolean;\n  /**\n   * If the Designer never posts `ready` within this many milliseconds, the host\n   * shows the error card with a timeout message. Defaults to `20000`.\n   */\n  loadingTimeoutMs?: number;\n  /**\n   * Called when the user presses \"Try again\" on the error card. Mint a fresh\n   * session and set the new `designerUrl` (recreating the iframe returns it to\n   * the loading state). When omitted, \"Try again\" reloads the current URL.\n   */\n  onRequestRelaunch?: () => void;\n  onReady?: (message: EmbeddedDesignerMessage) => void;\n  onSaved?: (message: EmbeddedDesignerMessage) => void;\n  onPublished?: (message: EmbeddedDesignerMessage) => void;\n  onClose?: (message: EmbeddedDesignerMessage) => void;\n  onError?: (message: EmbeddedDesignerMessage) => void;\n}\n\n/**\n * Native-feeling React host for the secure SeatLayer Designer iframe.\n * A new `designerUrl` always recreates the iframe, so a new fragment token can\n * never retain state from an earlier chart session.\n */\nexport const EmbeddedDesigner = forwardRef<EmbeddedDesignerHandle, EmbeddedDesignerProps>(\n  function EmbeddedDesigner(props, ref) {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const designerRef = useRef<CoreEmbeddedDesigner | null>(null);\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return;\n      const designer = new CoreEmbeddedDesigner({\n        designerUrl: props.designerUrl,\n        container,\n        expectedChartId: props.expectedChartId,\n        expectedWorkspaceId: props.expectedWorkspaceId,\n        title: props.title,\n        className: props.iframeClassName,\n        style: props.iframeStyle,\n        allow: props.allow,\n        referrerPolicy: props.referrerPolicy,\n        showLoadingState: props.showLoadingState,\n        loadingTimeoutMs: props.loadingTimeoutMs,\n        // Only forward a relaunch hook when the host supplied one, so the core's\n        // \"reload the same URL in place\" fallback still applies otherwise.\n        onRequestRelaunch: props.onRequestRelaunch\n          ? () => callbacks.current.onRequestRelaunch?.()\n          : undefined,\n        onReady: (message) => callbacks.current.onReady?.(message),\n        onSaved: (message) => callbacks.current.onSaved?.(message),\n        onPublished: (message) => callbacks.current.onPublished?.(message),\n        onClose: (message) => callbacks.current.onClose?.(message),\n        onError: (message) => callbacks.current.onError?.(message),\n      });\n      designer.mount();\n      designerRef.current = designer;\n      return () => {\n        designer.destroy();\n        designerRef.current = null;\n      };\n      // Session/chart identity changes must recreate the iframe. Callback changes are\n      // picked up from the ref without reloading an in-progress Designer session.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs]);\n\n    useImperativeHandle(ref, () => ({\n      setDesignerUrl: (designerUrl) => { designerRef.current?.setDesignerUrl(designerUrl); },\n      getIframe: () => designerRef.current?.getIframe() ?? null,\n    }), []);\n\n    return <div ref={containerRef} className={props.className} style={props.style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatPicker as CoreSeatPicker,\n  type SeatPickerOptions,\n  type SeatPickerTheme,\n  type SelectedSeat,\n  type HoldResult,\n} from '@seatlayer/js';\n\nexport type { SeatPickerOptions, SeatPickerTheme, CheckoutHandoff, CheckoutLineItem } from '@seatlayer/js';\n\n/** Imperative handle for the full-experience picker widget. */\nexport interface SeatPickerHandle {\n  /** Current selection with resolved prices. */\n  getSelection(): SelectedSeat[];\n  /** Server-side best seats + hold, reflected in the widget tray. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<HoldResult | null>;\n  /** Current active/restored hold reflected in the tray. */\n  getCurrentHold(): HoldResult | null;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Remove one held ticket while preserving the remainder. */\n  removeHeldTicket(label: string): Promise<boolean>;\n  /** Release the current hold (if any) and reset the tray. */\n  release(): Promise<void>;\n}\n\nexport interface SeatPickerProps extends Omit<SeatPickerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the full SeatPicker widget (header · live price panel ·\n * tray · GA · hold countdown · toasts). The widget is container-adaptive: give\n * the wrapping div a size and it lays itself out for that box (side panel wide,\n * bottom sheet narrow). For the one-call modal, use `SeatPicker.open()` from\n * `@seatlayer/js` directly.\n */\nexport const SeatPicker = forwardRef<SeatPickerHandle, SeatPickerProps>(\n  function SeatPicker(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const pickerRef = useRef<CoreSeatPicker | null>(null);\n\n    // Always call the latest callbacks without rebuilding the widget.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const picker = new CoreSeatPicker({\n        container: el,\n        event,\n        apiBase,\n        maxSelection,\n        publicKey,\n        locale,\n        currency,\n        colorblindSafe,\n        holdTtlMs,\n        initialHoldId,\n        restoreHold,\n        confirmSelection,\n        seatView,\n        theme: callbacks.current.theme,\n        messages: callbacks.current.messages,\n        onCheckout: (hold, seats, handoff) => callbacks.current.onCheckout?.(hold, seats, handoff),\n        onBooked: (handoff) => callbacks.current.onBooked?.(handoff),\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHoldChange: (hold, seats, handoff) => callbacks.current.onHoldChange?.(hold, seats, handoff),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onHoldRestored: (hold, seats, handoff) => callbacks.current.onHoldRestored?.(hold, seats, handoff),\n        onError: (err) => callbacks.current.onError?.(err),\n      });\n      pickerRef.current = picker;\n      void picker.render();\n\n      return () => {\n        picker.destroy();\n        pickerRef.current = null;\n      };\n      // Rebuild only when the identity of the event/config changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatPickerHandle => ({\n        getSelection: () => pickerRef.current?.getSelection() ?? [],\n        bestAvailable: (qty, categoryKey) => pickerRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        getCurrentHold: () => pickerRef.current?.getCurrentHold() ?? null,\n        resumeHold: (holdId) => pickerRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        removeHeldTicket: (label) => pickerRef.current?.removeHeldTicket(label) ?? Promise.resolve(false),\n        release: () => pickerRef.current?.release() ?? Promise.resolve(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatManager as CoreSeatManager,\n  type SeatManagerOptions,\n  type SeatManagerMode,\n  type SeatManagerTallies,\n  type SeatManagerActivity,\n  type SeatManagerActionResult,\n  type ReportResult,\n  type ControlRoomSnapshot,\n  type LogEntry,\n  type ExpandedSeat,\n} from '@seatlayer/js';\n\nexport type {\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from '@seatlayer/js';\n\n/** Imperative handle for the organizer manage board. */\nexport interface SeatManagerHandle {\n  setMode(mode: SeatManagerMode): void;\n  setToken(token: string, expiresAt?: number): void;\n  setHeatOverlay(enabled: boolean): void;\n  setFollowLive(enabled: boolean): void;\n  setTrendWindow(windowMinutes: number): Promise<ControlRoomSnapshot>;\n  enterFullscreen(): Promise<void>;\n  exitFullscreen(): Promise<void>;\n  isFullscreen(): boolean;\n  block(labels?: string[], opts?: { releaseAt?: number; reason?: string }): Promise<void>;\n  unblock(labels?: string[]): Promise<void>;\n  unblockAll(): Promise<void>;\n  cancelBooking(labels: string[], bookingRef: string): Promise<void>;\n  selectAll(): ExpandedSeat[];\n  selectSection(sectionId: string): ExpandedSeat[];\n  selectByLabels(labels: string[]): ExpandedSeat[];\n  clearSelection(): void;\n  getSelection(): ExpandedSeat[];\n  getReport(): Promise<ReportResult>;\n  getControlRoomSnapshot(windowMinutes?: number): Promise<ControlRoomSnapshot>;\n  getLog(opts?: { limit?: number; before?: number }): Promise<{ entries: LogEntry[]; nextBefore: number | null }>;\n  setHoldTtl(ms: number | null): Promise<void>;\n  zoomToFit(): void;\n}\n\nexport interface SeatManagerProps extends Omit<SeatManagerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic {@link CoreSeatManager}. Give the\n * wrapping div a size (it fills its box — a war-room board wants a big one) and\n * the manager lays out the live map + KPI bar + rails inside it. Rebuilt only\n * when the event identity / apiBase changes. Tokens and callbacks are updated\n * in place without tearing the board down.\n */\nexport const SeatManager = forwardRef<SeatManagerHandle, SeatManagerProps>(\n  function SeatManager(props, ref) {\n    const {\n      className, style, apiBase, eventKey, token, tokenExpiresAt,\n      mode, currency, keepLiveWhileHidden, followLive,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const managerRef = useRef<CoreSeatManager | null>(null);\n\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const manager = new CoreSeatManager({\n        container: el,\n        apiBase,\n        eventKey,\n        token,\n        tokenExpiresAt,\n        mode,\n        currency,\n        keepLiveWhileHidden,\n        followLive,\n        theme: callbacks.current.theme,\n        onReady: () => callbacks.current.onReady?.(),\n        onTallies: (t: SeatManagerTallies) => callbacks.current.onTallies?.(t),\n        onActivity: (activity: SeatManagerActivity) => callbacks.current.onActivity?.(activity),\n        onControlRoom: (snapshot: ControlRoomSnapshot) => callbacks.current.onControlRoom?.(snapshot),\n        onTokenRefresh: callbacks.current.onTokenRefresh ? async () => callbacks.current.onTokenRefresh!() : undefined,\n        onModeChange: (nextMode) => callbacks.current.onModeChange?.(nextMode),\n        onFollowLiveChange: (enabled) => callbacks.current.onFollowLiveChange?.(enabled),\n        onSelectionChange: (s: ExpandedSeat[]) => callbacks.current.onSelectionChange?.(s),\n        onActionComplete: (r: SeatManagerActionResult) => callbacks.current.onActionComplete?.(r),\n        onError: (e: unknown) => callbacks.current.onError?.(e),\n      });\n      managerRef.current = manager;\n      void manager.render();\n\n      return () => {\n        manager.destroy();\n        managerRef.current = null;\n      };\n      // Rebuild only on identity change (not on every callback change).\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiBase, eventKey]);\n\n    // Rotate credentials without losing camera, selection, realtime state or DOM.\n    useEffect(() => {\n      managerRef.current?.setToken(token, tokenExpiresAt);\n    }, [token, tokenExpiresAt]);\n\n    // Reflect a controlled `mode` prop onto the live instance without rebuilding.\n    useEffect(() => {\n      if (mode) managerRef.current?.setMode(mode);\n    }, [mode]);\n\n    useEffect(() => {\n      if (followLive != null) managerRef.current?.setFollowLive(followLive);\n    }, [followLive]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatManagerHandle => ({\n        setMode: (m) => managerRef.current?.setMode(m),\n        setToken: (nextToken, expiresAt) => managerRef.current?.setToken(nextToken, expiresAt),\n        setHeatOverlay: (enabled) => managerRef.current?.setHeatOverlay(enabled),\n        setFollowLive: (enabled) => managerRef.current?.setFollowLive(enabled),\n        setTrendWindow: (windowMinutes) => managerRef.current?.setTrendWindow(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        enterFullscreen: () => managerRef.current?.enterFullscreen() ?? Promise.resolve(),\n        exitFullscreen: () => managerRef.current?.exitFullscreen() ?? Promise.resolve(),\n        isFullscreen: () => managerRef.current?.isFullscreen() ?? false,\n        block: (labels, opts) => managerRef.current?.block(labels, opts) ?? Promise.resolve(),\n        unblock: (labels) => managerRef.current?.unblock(labels) ?? Promise.resolve(),\n        unblockAll: () => managerRef.current?.unblockAll() ?? Promise.resolve(),\n        cancelBooking: (labels, bookingRef) => managerRef.current?.cancelBooking(labels, bookingRef) ?? Promise.resolve(),\n        selectAll: () => managerRef.current?.selectAll() ?? [],\n        selectSection: (id) => managerRef.current?.selectSection(id) ?? [],\n        selectByLabels: (labels) => managerRef.current?.selectByLabels(labels) ?? [],\n        clearSelection: () => managerRef.current?.clearSelection(),\n        getSelection: () => managerRef.current?.getSelection() ?? [],\n        getReport: () => managerRef.current?.getReport() ?? Promise.reject(new Error('not ready')),\n        getControlRoomSnapshot: (windowMinutes) => managerRef.current?.getControlRoomSnapshot(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        getLog: (opts) => managerRef.current?.getLog(opts) ?? Promise.resolve({ entries: [], nextBefore: null }),\n        setHoldTtl: (ms) => managerRef.current?.setHoldTtl(ms) ?? Promise.resolve(),\n        zoomToFit: () => managerRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n"],"mappings":"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","names":["SeatingChart","CoreSeatingChart","import_react","import_js","import_jsx_runtime","EmbeddedDesigner","CoreEmbeddedDesigner","import_react","import_js","import_jsx_runtime","SeatPicker","CoreSeatPicker","import_js","import_react","import_js","import_jsx_runtime","SeatManager","CoreSeatManager"]}
+{"version":3,"sources":["../src/index.ts","../src/SeatingChart.tsx","../src/EmbeddedDesigner.tsx","../src/SeatPicker.tsx","../src/SeatManager.tsx"],"sourcesContent":["/**\n * @seatlayer/react — the React wrapper for the SeatLayer embed SDK.\n */\nexport { SeatingChart } from './SeatingChart';\nexport { EmbeddedDesigner } from './EmbeddedDesigner';\nexport type {\n  SeatingChartProps,\n  SeatingChartHandle,\n  SelectedSeat,\n  HoldResult,\n  BestAvailableResult,\n  GAAreaAvailability,\n  HoldLineItem,\n} from './SeatingChart';\nexport type { EmbeddedDesignerProps, EmbeddedDesignerHandle, EmbeddedDesignerMessage } from './EmbeddedDesigner';\nexport { SeatPicker } from './SeatPicker';\nexport type {\n  SeatPickerHandle,\n  SeatPickerProps,\n  SeatPickerOptions,\n  SeatPickerTheme,\n  CheckoutHandoff,\n  CheckoutLineItem,\n} from './SeatPicker';\n// The framework-agnostic widget class — for the one-call modal (SeatPickerWidget.open()).\nexport { SeatPicker as SeatPickerWidget } from '@seatlayer/js';\n// Host-side embed helper: grows the iframe on `seatlayer:height` and pins it on\n// `seatlayer:fullscreen`. React hosts depend on this package alone, so it has to\n// be reachable here rather than only from @seatlayer/js.\nexport { attachPickerFrame } from '@seatlayer/js';\n\n// Organizer control room: Monitor + Inspect + bulk Block/unblock on one renderer.\nexport { SeatManager } from './SeatManager';\nexport type {\n  SeatManagerHandle,\n  SeatManagerProps,\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from './SeatManager';\nexport type { ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot } from '@seatlayer/js';\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatingChart as CoreSeatingChart,\n  type SeatingChartOptions,\n  type SelectedSeat,\n  type HoldResult,\n  type BestAvailableResult,\n  type GAAreaAvailability,\n  type HoldLineItem,\n} from '@seatlayer/js';\n\nexport type { SelectedSeat, HoldResult, BestAvailableResult, GAAreaAvailability, HoldLineItem } from '@seatlayer/js';\nexport type { SeatHoverDetails } from '@seatlayer/js';\n\n/** Imperative handle exposed via `ref` — call these to drive the picker from your app. */\nexport interface SeatingChartHandle {\n  /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */\n  hold(options?: { ttlMs?: number }): Promise<HoldResult | null>;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Current active hold known to the chart. */\n  getCurrentHold(): HoldResult | null;\n  /** GA areas with live remaining capacity. */\n  getGAAreas(): GAAreaAvailability[];\n  /** Atomically hold a quantity from one GA area. */\n  holdGA(areaId: string, qty: number, options?: { tierId?: string | null; ttlMs?: number }): Promise<HoldResult | null>;\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;\n  /** Release the current hold (if any). */\n  release(): Promise<void>;\n  /** Release some held labels while keeping the remainder active. */\n  releaseLabels(labels: string[]): Promise<boolean>;\n  /** The current selection, with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[];\n  /**\n   * Choose a ticket tier for a selected seat (e.g. Adult → Child). Available\n   * `tiers` are on each `SelectedSeat`; `tierId=null` reverts to the default.\n   */\n  setSeatTier(seatId: string, tierId: string | null): void;\n  /**\n   * Floors of a multi-floor chart — `[{ id, name }]` (single-floor charts\n   * return one entry; empty before render()). Pair with setFloor().\n   */\n  getFloors(): { id: string; name: string }[];\n  /** Switch the shown floor (2D). Warns + no-ops on single-floor charts. */\n  setFloor(floorId: string): void;\n  /** Toggle colorblind-safe rendering at runtime (see the `colorblindSafe` prop). */\n  setColorblindSafe(on: boolean): void;\n  /** Zoom in one step (same increment as the wheel/pinch gesture). */\n  zoomIn(): void;\n  /** Zoom out one step. */\n  zoomOut(): void;\n  /** Reset the camera so the whole chart fits the container. */\n  zoomToFit(): void;\n}\n\nexport interface SeatingChartProps extends Omit<SeatingChartOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic `@seatlayer/js` SDK.\n *\n * The underlying canvas is created once and torn down on unmount. Callback props\n * (`onSelectionChange`, `onHold`, `onError`, `onDeckTap`, `onHint`) may change\n * freely between renders without re-mounting the canvas — only `event`,\n * `apiBase`, `maxSelection`, `publicKey`, `locale`, `currency`, and\n * `colorblindSafe` trigger a rebuild. (`messages` is read once per mount;\n * changing it alone does not re-apply.)\n */\nexport const SeatingChart = forwardRef<SeatingChartHandle, SeatingChartProps>(\n  function SeatingChart(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const chartRef = useRef<CoreSeatingChart | null>(null);\n\n    // Always call the latest callbacks without rebuilding the chart.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const chart = new CoreSeatingChart({\n        container: el,\n        event,\n        apiBase,\n        maxSelection,\n        publicKey,\n        locale,\n        currency,\n        colorblindSafe,\n        messages: callbacks.current.messages,\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHold: (result) => callbacks.current.onHold?.(result),\n        onHoldRestored: (result) => callbacks.current.onHoldRestored?.(result),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onGAClick: (area) => callbacks.current.onGAClick?.(area),\n        onError: (err) => callbacks.current.onError?.(err),\n        onDeckTap: (floorId) => callbacks.current.onDeckTap?.(floorId),\n        onHint: (message) => callbacks.current.onHint?.(message),\n        seatTooltip: props.seatTooltip,\n        onSeatHover: (details) => callbacks.current.onSeatHover?.(details),\n      });\n      chartRef.current = chart;\n      void chart.render();\n\n      return () => {\n        chart.destroy();\n        chartRef.current = null;\n      };\n      // Rebuild only when the identity of the chart changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatingChartHandle => ({\n        hold: (options) => chartRef.current?.hold(options) ?? Promise.resolve(null),\n        resumeHold: (holdId) => chartRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        getCurrentHold: () => chartRef.current?.getCurrentHold() ?? null,\n        getGAAreas: () => chartRef.current?.getGAAreas() ?? [],\n        holdGA: (areaId, qty, options) => chartRef.current?.holdGA(areaId, qty, options) ?? Promise.resolve(null),\n        bestAvailable: (qty, categoryKey) =>\n          chartRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        release: () => chartRef.current?.release() ?? Promise.resolve(),\n        releaseLabels: (labels) => chartRef.current?.releaseLabels(labels) ?? Promise.resolve(false),\n        getSelection: () => chartRef.current?.getSelection() ?? [],\n        setSeatTier: (seatId, tierId) => chartRef.current?.setSeatTier(seatId, tierId),\n        getFloors: () => chartRef.current?.getFloors() ?? [],\n        setFloor: (floorId) => chartRef.current?.setFloor(floorId),\n        setColorblindSafe: (on) => chartRef.current?.setColorblindSafe(on),\n        zoomIn: () => chartRef.current?.zoomIn(),\n        zoomOut: () => chartRef.current?.zoomOut(),\n        zoomToFit: () => chartRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  EmbeddedDesigner as CoreEmbeddedDesigner,\n  type EmbeddedDesignerMessage,\n} from '@seatlayer/js';\n\nexport type { EmbeddedDesignerMessage } from '@seatlayer/js';\n\nexport interface EmbeddedDesignerHandle {\n  /** Recreate the iframe with a newly-minted session URL. */\n  setDesignerUrl(designerUrl: string): void;\n  /** The currently mounted iframe, if any. */\n  getIframe(): HTMLIFrameElement | null;\n}\n\nexport interface EmbeddedDesignerProps {\n  /** Short-lived `designerUrl` returned by your backend. Never pass an `sk_` key. */\n  designerUrl: string;\n  expectedChartId?: string;\n  expectedWorkspaceId?: string;\n  title?: string;\n  className?: string;\n  style?: CSSProperties;\n  iframeClassName?: string;\n  iframeStyle?: Partial<CSSStyleDeclaration>;\n  allow?: string;\n  referrerPolicy?: ReferrerPolicy;\n  /**\n   * Show the built-in branded loading skeleton and error/expiry card inside the\n   * container while the Designer boots. Defaults to `true`. Set `false` when you\n   * render your own loading and error chrome.\n   */\n  showLoadingState?: boolean;\n  /**\n   * If the Designer never posts `ready` within this many milliseconds, the host\n   * shows the error card with a timeout message. Defaults to `20000`.\n   */\n  loadingTimeoutMs?: number;\n  /**\n   * Auto-grow the iframe to the height the Designer reports over the resize\n   * protocol. Defaults to `true`. Set `false` to size the iframe yourself.\n   */\n  autoResize?: boolean;\n  /**\n   * Called when the user presses \"Try again\" on the error card. Mint a fresh\n   * session and set the new `designerUrl` (recreating the iframe returns it to\n   * the loading state). When omitted, \"Try again\" reloads the current URL.\n   */\n  onRequestRelaunch?: () => void;\n  onReady?: (message: EmbeddedDesignerMessage) => void;\n  onSaved?: (message: EmbeddedDesignerMessage) => void;\n  onPublished?: (message: EmbeddedDesignerMessage) => void;\n  onClose?: (message: EmbeddedDesignerMessage) => void;\n  onError?: (message: EmbeddedDesignerMessage) => void;\n}\n\n/**\n * Native-feeling React host for the secure SeatLayer Designer iframe.\n * A new `designerUrl` always recreates the iframe, so a new fragment token can\n * never retain state from an earlier chart session.\n */\nexport const EmbeddedDesigner = forwardRef<EmbeddedDesignerHandle, EmbeddedDesignerProps>(\n  function EmbeddedDesigner(props, ref) {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const designerRef = useRef<CoreEmbeddedDesigner | null>(null);\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return;\n      const designer = new CoreEmbeddedDesigner({\n        designerUrl: props.designerUrl,\n        container,\n        expectedChartId: props.expectedChartId,\n        expectedWorkspaceId: props.expectedWorkspaceId,\n        title: props.title,\n        className: props.iframeClassName,\n        style: props.iframeStyle,\n        allow: props.allow,\n        referrerPolicy: props.referrerPolicy,\n        showLoadingState: props.showLoadingState,\n        loadingTimeoutMs: props.loadingTimeoutMs,\n        autoResize: props.autoResize,\n        // Only forward a relaunch hook when the host supplied one, so the core's\n        // \"reload the same URL in place\" fallback still applies otherwise.\n        onRequestRelaunch: props.onRequestRelaunch\n          ? () => callbacks.current.onRequestRelaunch?.()\n          : undefined,\n        onReady: (message) => callbacks.current.onReady?.(message),\n        onSaved: (message) => callbacks.current.onSaved?.(message),\n        onPublished: (message) => callbacks.current.onPublished?.(message),\n        onClose: (message) => callbacks.current.onClose?.(message),\n        onError: (message) => callbacks.current.onError?.(message),\n      });\n      designer.mount();\n      designerRef.current = designer;\n      return () => {\n        designer.destroy();\n        designerRef.current = null;\n      };\n      // Session/chart identity changes must recreate the iframe. Callback changes are\n      // picked up from the ref without reloading an in-progress Designer session.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs, props.autoResize]);\n\n    useImperativeHandle(ref, () => ({\n      setDesignerUrl: (designerUrl) => { designerRef.current?.setDesignerUrl(designerUrl); },\n      getIframe: () => designerRef.current?.getIframe() ?? null,\n    }), []);\n\n    return <div ref={containerRef} className={props.className} style={props.style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatPicker as CoreSeatPicker,\n  type SeatPickerOptions,\n  type SeatPickerTheme,\n  type SelectedSeat,\n  type HoldResult,\n} from '@seatlayer/js';\n\nexport type { SeatPickerOptions, SeatPickerTheme, CheckoutHandoff, CheckoutLineItem } from '@seatlayer/js';\n\n/** Imperative handle for the full-experience picker widget. */\nexport interface SeatPickerHandle {\n  /** Current selection with resolved prices. */\n  getSelection(): SelectedSeat[];\n  /** Server-side best seats + hold, reflected in the widget tray. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<HoldResult | null>;\n  /** Current active/restored hold reflected in the tray. */\n  getCurrentHold(): HoldResult | null;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Remove one held ticket while preserving the remainder. */\n  removeHeldTicket(label: string): Promise<boolean>;\n  /** Release the current hold (if any) and reset the tray. */\n  release(): Promise<void>;\n}\n\nexport interface SeatPickerProps extends Omit<SeatPickerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the full SeatPicker widget (header · live price panel ·\n * tray · GA · hold countdown · toasts). The widget is container-adaptive: give\n * the wrapping div a size and it lays itself out for that box (side panel wide,\n * bottom sheet narrow). For the one-call modal, use `SeatPicker.open()` from\n * `@seatlayer/js` directly.\n */\nexport const SeatPicker = forwardRef<SeatPickerHandle, SeatPickerProps>(\n  function SeatPicker(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const pickerRef = useRef<CoreSeatPicker | null>(null);\n\n    // Always call the latest callbacks without rebuilding the widget.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      // Forward every option the host passed. Spreading rather than naming each\n      // field keeps new core options (pricing, hideBadge, transport, …) working\n      // here the day they ship: a hand-maintained list silently drops anything\n      // it forgets, and `SeatPickerProps extends SeatPickerOptions` means such a\n      // drop still type-checks clean for the host.\n      const { className: _className, style: _style, ...options } = callbacks.current;\n\n      const picker = new CoreSeatPicker({\n        ...options,\n        container: el,\n        onCheckout: (hold, seats, handoff) => callbacks.current.onCheckout?.(hold, seats, handoff),\n        onBooked: (handoff) => callbacks.current.onBooked?.(handoff),\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHoldChange: (hold, seats, handoff) => callbacks.current.onHoldChange?.(hold, seats, handoff),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onHoldRestored: (hold, seats, handoff) => callbacks.current.onHoldRestored?.(hold, seats, handoff),\n        onError: (err) => callbacks.current.onError?.(err),\n      });\n      pickerRef.current = picker;\n      void picker.render();\n\n      return () => {\n        picker.destroy();\n        pickerRef.current = null;\n      };\n      // Rebuild only when the identity of the event/config changes. Object-valued\n      // options (theme, messages, pricing, transport) stay out: hosts routinely\n      // pass them as inline literals, so a new identity every render would tear\n      // the widget down mid-selection. They are read fresh at construction.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatPickerHandle => ({\n        getSelection: () => pickerRef.current?.getSelection() ?? [],\n        bestAvailable: (qty, categoryKey) => pickerRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        getCurrentHold: () => pickerRef.current?.getCurrentHold() ?? null,\n        resumeHold: (holdId) => pickerRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        removeHeldTicket: (label) => pickerRef.current?.removeHeldTicket(label) ?? Promise.resolve(false),\n        release: () => pickerRef.current?.release() ?? Promise.resolve(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatManager as CoreSeatManager,\n  type SeatManagerOptions,\n  type SeatManagerMode,\n  type SeatManagerTallies,\n  type SeatManagerActivity,\n  type SeatManagerActionResult,\n  type ReportResult,\n  type ControlRoomSnapshot,\n  type LogEntry,\n  type ExpandedSeat,\n} from '@seatlayer/js';\n\nexport type {\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from '@seatlayer/js';\n\n/** Imperative handle for the organizer manage board. */\nexport interface SeatManagerHandle {\n  setMode(mode: SeatManagerMode): void;\n  setToken(token: string, expiresAt?: number): void;\n  setHeatOverlay(enabled: boolean): void;\n  setFollowLive(enabled: boolean): void;\n  setTrendWindow(windowMinutes: number): Promise<ControlRoomSnapshot>;\n  enterFullscreen(): Promise<void>;\n  exitFullscreen(): Promise<void>;\n  isFullscreen(): boolean;\n  block(labels?: string[], opts?: { releaseAt?: number; reason?: string }): Promise<void>;\n  unblock(labels?: string[]): Promise<void>;\n  unblockAll(): Promise<void>;\n  cancelBooking(labels: string[], bookingRef: string): Promise<void>;\n  selectAll(): ExpandedSeat[];\n  selectSection(sectionId: string): ExpandedSeat[];\n  selectByLabels(labels: string[]): ExpandedSeat[];\n  clearSelection(): void;\n  getSelection(): ExpandedSeat[];\n  getReport(): Promise<ReportResult>;\n  getControlRoomSnapshot(windowMinutes?: number): Promise<ControlRoomSnapshot>;\n  getLog(opts?: { limit?: number; before?: number }): Promise<{ entries: LogEntry[]; nextBefore: number | null }>;\n  setHoldTtl(ms: number | null): Promise<void>;\n  zoomToFit(): void;\n}\n\nexport interface SeatManagerProps extends Omit<SeatManagerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic {@link CoreSeatManager}. Give the\n * wrapping div a size (it fills its box — a war-room board wants a big one) and\n * the manager lays out the live map + KPI bar + rails inside it. Rebuilt only\n * when the event identity / apiBase changes. Tokens and callbacks are updated\n * in place without tearing the board down.\n */\nexport const SeatManager = forwardRef<SeatManagerHandle, SeatManagerProps>(\n  function SeatManager(props, ref) {\n    const {\n      className, style, apiBase, eventKey, token, tokenExpiresAt,\n      mode, currency, keepLiveWhileHidden, followLive,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const managerRef = useRef<CoreSeatManager | null>(null);\n\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const manager = new CoreSeatManager({\n        container: el,\n        apiBase,\n        eventKey,\n        token,\n        tokenExpiresAt,\n        mode,\n        currency,\n        keepLiveWhileHidden,\n        followLive,\n        theme: callbacks.current.theme,\n        onReady: () => callbacks.current.onReady?.(),\n        onTallies: (t: SeatManagerTallies) => callbacks.current.onTallies?.(t),\n        onActivity: (activity: SeatManagerActivity) => callbacks.current.onActivity?.(activity),\n        onControlRoom: (snapshot: ControlRoomSnapshot) => callbacks.current.onControlRoom?.(snapshot),\n        onTokenRefresh: callbacks.current.onTokenRefresh ? async () => callbacks.current.onTokenRefresh!() : undefined,\n        onModeChange: (nextMode) => callbacks.current.onModeChange?.(nextMode),\n        onFollowLiveChange: (enabled) => callbacks.current.onFollowLiveChange?.(enabled),\n        onSelectionChange: (s: ExpandedSeat[]) => callbacks.current.onSelectionChange?.(s),\n        onActionComplete: (r: SeatManagerActionResult) => callbacks.current.onActionComplete?.(r),\n        onError: (e: unknown) => callbacks.current.onError?.(e),\n      });\n      managerRef.current = manager;\n      void manager.render();\n\n      return () => {\n        manager.destroy();\n        managerRef.current = null;\n      };\n      // Rebuild only on identity change (not on every callback change).\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiBase, eventKey]);\n\n    // Rotate credentials without losing camera, selection, realtime state or DOM.\n    useEffect(() => {\n      managerRef.current?.setToken(token, tokenExpiresAt);\n    }, [token, tokenExpiresAt]);\n\n    // Reflect a controlled `mode` prop onto the live instance without rebuilding.\n    useEffect(() => {\n      if (mode) managerRef.current?.setMode(mode);\n    }, [mode]);\n\n    useEffect(() => {\n      if (followLive != null) managerRef.current?.setFollowLive(followLive);\n    }, [followLive]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatManagerHandle => ({\n        setMode: (m) => managerRef.current?.setMode(m),\n        setToken: (nextToken, expiresAt) => managerRef.current?.setToken(nextToken, expiresAt),\n        setHeatOverlay: (enabled) => managerRef.current?.setHeatOverlay(enabled),\n        setFollowLive: (enabled) => managerRef.current?.setFollowLive(enabled),\n        setTrendWindow: (windowMinutes) => managerRef.current?.setTrendWindow(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        enterFullscreen: () => managerRef.current?.enterFullscreen() ?? Promise.resolve(),\n        exitFullscreen: () => managerRef.current?.exitFullscreen() ?? Promise.resolve(),\n        isFullscreen: () => managerRef.current?.isFullscreen() ?? false,\n        block: (labels, opts) => managerRef.current?.block(labels, opts) ?? Promise.resolve(),\n        unblock: (labels) => managerRef.current?.unblock(labels) ?? Promise.resolve(),\n        unblockAll: () => managerRef.current?.unblockAll() ?? Promise.resolve(),\n        cancelBooking: (labels, bookingRef) => managerRef.current?.cancelBooking(labels, bookingRef) ?? Promise.resolve(),\n        selectAll: () => managerRef.current?.selectAll() ?? [],\n        selectSection: (id) => managerRef.current?.selectSection(id) ?? [],\n        selectByLabels: (labels) => managerRef.current?.selectByLabels(labels) ?? [],\n        clearSelection: () => managerRef.current?.clearSelection(),\n        getSelection: () => managerRef.current?.getSelection() ?? [],\n        getReport: () => managerRef.current?.getReport() ?? Promise.reject(new Error('not ready')),\n        getControlRoomSnapshot: (windowMinutes) => managerRef.current?.getControlRoomSnapshot(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        getLog: (opts) => managerRef.current?.getLog(opts) ?? Promise.resolve({ entries: [], nextBefore: null }),\n        setHoldTtl: (ms) => managerRef.current?.setHoldTtl(ms) ?? Promise.resolve(),\n        zoomToFit: () => managerRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n"],"mappings":"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","names":["SeatingChart","CoreSeatingChart","import_react","import_js","import_jsx_runtime","EmbeddedDesigner","CoreEmbeddedDesigner","import_react","import_js","import_jsx_runtime","SeatPicker","CoreSeatPicker","import_js","import_react","import_js","import_jsx_runtime","SeatManager","CoreSeatManager"]}

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
 import { SeatingChartOptions, HoldResult, GAAreaAvailability, BestAvailableResult, SelectedSeat, EmbeddedDesignerMessage, SeatPickerOptions, SeatManagerOptions, SeatManagerMode, ControlRoomSnapshot, ExpandedSeat, ReportResult, LogEntry } from '@seatlayer/js';
-export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat } from '@seatlayer/js';
+export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat, attachPickerFrame } from '@seatlayer/js';
 
 /** Imperative handle exposed via `ref` — call these to drive the picker from your app. */
 interface SeatingChartHandle {
@@ -97,6 +97,11 @@ interface EmbeddedDesignerProps {
      * shows the error card with a timeout message. Defaults to `20000`.
      */
     loadingTimeoutMs?: number;
+    /**
+     * Auto-grow the iframe to the height the Designer reports over the resize
+     * protocol. Defaults to `true`. Set `false` to size the iframe yourself.
+     */
+    autoResize?: boolean;
     /**
      * Called when the user presses "Try again" on the error card. Mint a fresh
      * session and set the new `designerUrl` (recreating the iframe returns it to

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
 import { SeatingChartOptions, HoldResult, GAAreaAvailability, BestAvailableResult, SelectedSeat, EmbeddedDesignerMessage, SeatPickerOptions, SeatManagerOptions, SeatManagerMode, ControlRoomSnapshot, ExpandedSeat, ReportResult, LogEntry } from '@seatlayer/js';
-export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat } from '@seatlayer/js';
+export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat, attachPickerFrame } from '@seatlayer/js';
 
 /** Imperative handle exposed via `ref` — call these to drive the picker from your app. */
 interface SeatingChartHandle {
@@ -97,6 +97,11 @@ interface EmbeddedDesignerProps {
      * shows the error card with a timeout message. Defaults to `20000`.
      */
     loadingTimeoutMs?: number;
+    /**
+     * Auto-grow the iframe to the height the Designer reports over the resize
+     * protocol. Defaults to `true`. Set `false` to size the iframe yourself.
+     */
+    autoResize?: boolean;
     /**
      * Called when the user presses "Try again" on the error card. Mint a fresh
      * session and set the new `designerUrl` (recreating the iframe returns it to

package/dist/index.js

@@ -105,6 +105,7 @@ var EmbeddedDesigner = forwardRef2(
         referrerPolicy: props.referrerPolicy,
         showLoadingState: props.showLoadingState,
         loadingTimeoutMs: props.loadingTimeoutMs,
+        autoResize: props.autoResize,
         // Only forward a relaunch hook when the host supplied one, so the core's
         // "reload the same URL in place" fallback still applies otherwise.
         onRequestRelaunch: props.onRequestRelaunch ? () => callbacks.current.onRequestRelaunch?.() : void 0,
@@ -120,7 +121,7 @@ var EmbeddedDesigner = forwardRef2(
         designer.destroy();
         designerRef.current = null;
       };
-    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs]);
+    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs, props.autoResize]);
     useImperativeHandle2(ref, () => ({
       setDesignerUrl: (designerUrl) => {
         designerRef.current?.setDesignerUrl(designerUrl);
@@ -144,7 +145,7 @@ import {
 import { jsx as jsx3 } from "react/jsx-runtime";
 var SeatPicker = forwardRef3(
   function SeatPicker2(props, ref) {
-    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;
+    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;
     const containerRef = useRef3(null);
     const pickerRef = useRef3(null);
     const callbacks = useRef3(props);
@@ -152,22 +153,10 @@ var SeatPicker = forwardRef3(
     useEffect3(() => {
       const el = containerRef.current;
       if (!el) return;
+      const { className: _className, style: _style, ...options } = callbacks.current;
       const picker = new CoreSeatPicker({
+        ...options,
         container: el,
-        event,
-        apiBase,
-        maxSelection,
-        publicKey,
-        locale,
-        currency,
-        colorblindSafe,
-        holdTtlMs,
-        initialHoldId,
-        restoreHold,
-        confirmSelection,
-        seatView,
-        theme: callbacks.current.theme,
-        messages: callbacks.current.messages,
         onCheckout: (hold, seats, handoff) => callbacks.current.onCheckout?.(hold, seats, handoff),
         onBooked: (handoff) => callbacks.current.onBooked?.(handoff),
         onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),
@@ -182,7 +171,7 @@ var SeatPicker = forwardRef3(
         picker.destroy();
         pickerRef.current = null;
       };
-    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);
+    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);
     useImperativeHandle3(
       ref,
       () => ({
@@ -201,6 +190,7 @@ var SeatPicker = forwardRef3(
 
 // src/index.ts
 import { SeatPicker as SeatPicker3 } from "@seatlayer/js";
+import { attachPickerFrame } from "@seatlayer/js";
 
 // src/SeatManager.tsx
 import {
@@ -308,6 +298,7 @@ export {
   SeatManager,
   SeatPicker,
   SeatPicker3 as SeatPickerWidget,
-  SeatingChart
+  SeatingChart,
+  attachPickerFrame
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SeatingChart.tsx","../src/EmbeddedDesigner.tsx","../src/SeatPicker.tsx","../src/index.ts","../src/SeatManager.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatingChart as CoreSeatingChart,\n  type SeatingChartOptions,\n  type SelectedSeat,\n  type HoldResult,\n  type BestAvailableResult,\n  type GAAreaAvailability,\n  type HoldLineItem,\n} from '@seatlayer/js';\n\nexport type { SelectedSeat, HoldResult, BestAvailableResult, GAAreaAvailability, HoldLineItem } from '@seatlayer/js';\nexport type { SeatHoverDetails } from '@seatlayer/js';\n\n/** Imperative handle exposed via `ref` — call these to drive the picker from your app. */\nexport interface SeatingChartHandle {\n  /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */\n  hold(options?: { ttlMs?: number }): Promise<HoldResult | null>;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Current active hold known to the chart. */\n  getCurrentHold(): HoldResult | null;\n  /** GA areas with live remaining capacity. */\n  getGAAreas(): GAAreaAvailability[];\n  /** Atomically hold a quantity from one GA area. */\n  holdGA(areaId: string, qty: number, options?: { tierId?: string | null; ttlMs?: number }): Promise<HoldResult | null>;\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;\n  /** Release the current hold (if any). */\n  release(): Promise<void>;\n  /** Release some held labels while keeping the remainder active. */\n  releaseLabels(labels: string[]): Promise<boolean>;\n  /** The current selection, with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[];\n  /**\n   * Choose a ticket tier for a selected seat (e.g. Adult → Child). Available\n   * `tiers` are on each `SelectedSeat`; `tierId=null` reverts to the default.\n   */\n  setSeatTier(seatId: string, tierId: string | null): void;\n  /**\n   * Floors of a multi-floor chart — `[{ id, name }]` (single-floor charts\n   * return one entry; empty before render()). Pair with setFloor().\n   */\n  getFloors(): { id: string; name: string }[];\n  /** Switch the shown floor (2D). Warns + no-ops on single-floor charts. */\n  setFloor(floorId: string): void;\n  /** Toggle colorblind-safe rendering at runtime (see the `colorblindSafe` prop). */\n  setColorblindSafe(on: boolean): void;\n  /** Zoom in one step (same increment as the wheel/pinch gesture). */\n  zoomIn(): void;\n  /** Zoom out one step. */\n  zoomOut(): void;\n  /** Reset the camera so the whole chart fits the container. */\n  zoomToFit(): void;\n}\n\nexport interface SeatingChartProps extends Omit<SeatingChartOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic `@seatlayer/js` SDK.\n *\n * The underlying canvas is created once and torn down on unmount. Callback props\n * (`onSelectionChange`, `onHold`, `onError`, `onDeckTap`, `onHint`) may change\n * freely between renders without re-mounting the canvas — only `event`,\n * `apiBase`, `maxSelection`, `publicKey`, `locale`, `currency`, and\n * `colorblindSafe` trigger a rebuild. (`messages` is read once per mount;\n * changing it alone does not re-apply.)\n */\nexport const SeatingChart = forwardRef<SeatingChartHandle, SeatingChartProps>(\n  function SeatingChart(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const chartRef = useRef<CoreSeatingChart | null>(null);\n\n    // Always call the latest callbacks without rebuilding the chart.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const chart = new CoreSeatingChart({\n        container: el,\n        event,\n        apiBase,\n        maxSelection,\n        publicKey,\n        locale,\n        currency,\n        colorblindSafe,\n        messages: callbacks.current.messages,\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHold: (result) => callbacks.current.onHold?.(result),\n        onHoldRestored: (result) => callbacks.current.onHoldRestored?.(result),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onGAClick: (area) => callbacks.current.onGAClick?.(area),\n        onError: (err) => callbacks.current.onError?.(err),\n        onDeckTap: (floorId) => callbacks.current.onDeckTap?.(floorId),\n        onHint: (message) => callbacks.current.onHint?.(message),\n        seatTooltip: props.seatTooltip,\n        onSeatHover: (details) => callbacks.current.onSeatHover?.(details),\n      });\n      chartRef.current = chart;\n      void chart.render();\n\n      return () => {\n        chart.destroy();\n        chartRef.current = null;\n      };\n      // Rebuild only when the identity of the chart changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatingChartHandle => ({\n        hold: (options) => chartRef.current?.hold(options) ?? Promise.resolve(null),\n        resumeHold: (holdId) => chartRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        getCurrentHold: () => chartRef.current?.getCurrentHold() ?? null,\n        getGAAreas: () => chartRef.current?.getGAAreas() ?? [],\n        holdGA: (areaId, qty, options) => chartRef.current?.holdGA(areaId, qty, options) ?? Promise.resolve(null),\n        bestAvailable: (qty, categoryKey) =>\n          chartRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        release: () => chartRef.current?.release() ?? Promise.resolve(),\n        releaseLabels: (labels) => chartRef.current?.releaseLabels(labels) ?? Promise.resolve(false),\n        getSelection: () => chartRef.current?.getSelection() ?? [],\n        setSeatTier: (seatId, tierId) => chartRef.current?.setSeatTier(seatId, tierId),\n        getFloors: () => chartRef.current?.getFloors() ?? [],\n        setFloor: (floorId) => chartRef.current?.setFloor(floorId),\n        setColorblindSafe: (on) => chartRef.current?.setColorblindSafe(on),\n        zoomIn: () => chartRef.current?.zoomIn(),\n        zoomOut: () => chartRef.current?.zoomOut(),\n        zoomToFit: () => chartRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  EmbeddedDesigner as CoreEmbeddedDesigner,\n  type EmbeddedDesignerMessage,\n} from '@seatlayer/js';\n\nexport type { EmbeddedDesignerMessage } from '@seatlayer/js';\n\nexport interface EmbeddedDesignerHandle {\n  /** Recreate the iframe with a newly-minted session URL. */\n  setDesignerUrl(designerUrl: string): void;\n  /** The currently mounted iframe, if any. */\n  getIframe(): HTMLIFrameElement | null;\n}\n\nexport interface EmbeddedDesignerProps {\n  /** Short-lived `designerUrl` returned by your backend. Never pass an `sk_` key. */\n  designerUrl: string;\n  expectedChartId?: string;\n  expectedWorkspaceId?: string;\n  title?: string;\n  className?: string;\n  style?: CSSProperties;\n  iframeClassName?: string;\n  iframeStyle?: Partial<CSSStyleDeclaration>;\n  allow?: string;\n  referrerPolicy?: ReferrerPolicy;\n  /**\n   * Show the built-in branded loading skeleton and error/expiry card inside the\n   * container while the Designer boots. Defaults to `true`. Set `false` when you\n   * render your own loading and error chrome.\n   */\n  showLoadingState?: boolean;\n  /**\n   * If the Designer never posts `ready` within this many milliseconds, the host\n   * shows the error card with a timeout message. Defaults to `20000`.\n   */\n  loadingTimeoutMs?: number;\n  /**\n   * Called when the user presses \"Try again\" on the error card. Mint a fresh\n   * session and set the new `designerUrl` (recreating the iframe returns it to\n   * the loading state). When omitted, \"Try again\" reloads the current URL.\n   */\n  onRequestRelaunch?: () => void;\n  onReady?: (message: EmbeddedDesignerMessage) => void;\n  onSaved?: (message: EmbeddedDesignerMessage) => void;\n  onPublished?: (message: EmbeddedDesignerMessage) => void;\n  onClose?: (message: EmbeddedDesignerMessage) => void;\n  onError?: (message: EmbeddedDesignerMessage) => void;\n}\n\n/**\n * Native-feeling React host for the secure SeatLayer Designer iframe.\n * A new `designerUrl` always recreates the iframe, so a new fragment token can\n * never retain state from an earlier chart session.\n */\nexport const EmbeddedDesigner = forwardRef<EmbeddedDesignerHandle, EmbeddedDesignerProps>(\n  function EmbeddedDesigner(props, ref) {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const designerRef = useRef<CoreEmbeddedDesigner | null>(null);\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return;\n      const designer = new CoreEmbeddedDesigner({\n        designerUrl: props.designerUrl,\n        container,\n        expectedChartId: props.expectedChartId,\n        expectedWorkspaceId: props.expectedWorkspaceId,\n        title: props.title,\n        className: props.iframeClassName,\n        style: props.iframeStyle,\n        allow: props.allow,\n        referrerPolicy: props.referrerPolicy,\n        showLoadingState: props.showLoadingState,\n        loadingTimeoutMs: props.loadingTimeoutMs,\n        // Only forward a relaunch hook when the host supplied one, so the core's\n        // \"reload the same URL in place\" fallback still applies otherwise.\n        onRequestRelaunch: props.onRequestRelaunch\n          ? () => callbacks.current.onRequestRelaunch?.()\n          : undefined,\n        onReady: (message) => callbacks.current.onReady?.(message),\n        onSaved: (message) => callbacks.current.onSaved?.(message),\n        onPublished: (message) => callbacks.current.onPublished?.(message),\n        onClose: (message) => callbacks.current.onClose?.(message),\n        onError: (message) => callbacks.current.onError?.(message),\n      });\n      designer.mount();\n      designerRef.current = designer;\n      return () => {\n        designer.destroy();\n        designerRef.current = null;\n      };\n      // Session/chart identity changes must recreate the iframe. Callback changes are\n      // picked up from the ref without reloading an in-progress Designer session.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs]);\n\n    useImperativeHandle(ref, () => ({\n      setDesignerUrl: (designerUrl) => { designerRef.current?.setDesignerUrl(designerUrl); },\n      getIframe: () => designerRef.current?.getIframe() ?? null,\n    }), []);\n\n    return <div ref={containerRef} className={props.className} style={props.style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatPicker as CoreSeatPicker,\n  type SeatPickerOptions,\n  type SeatPickerTheme,\n  type SelectedSeat,\n  type HoldResult,\n} from '@seatlayer/js';\n\nexport type { SeatPickerOptions, SeatPickerTheme, CheckoutHandoff, CheckoutLineItem } from '@seatlayer/js';\n\n/** Imperative handle for the full-experience picker widget. */\nexport interface SeatPickerHandle {\n  /** Current selection with resolved prices. */\n  getSelection(): SelectedSeat[];\n  /** Server-side best seats + hold, reflected in the widget tray. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<HoldResult | null>;\n  /** Current active/restored hold reflected in the tray. */\n  getCurrentHold(): HoldResult | null;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Remove one held ticket while preserving the remainder. */\n  removeHeldTicket(label: string): Promise<boolean>;\n  /** Release the current hold (if any) and reset the tray. */\n  release(): Promise<void>;\n}\n\nexport interface SeatPickerProps extends Omit<SeatPickerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the full SeatPicker widget (header · live price panel ·\n * tray · GA · hold countdown · toasts). The widget is container-adaptive: give\n * the wrapping div a size and it lays itself out for that box (side panel wide,\n * bottom sheet narrow). For the one-call modal, use `SeatPicker.open()` from\n * `@seatlayer/js` directly.\n */\nexport const SeatPicker = forwardRef<SeatPickerHandle, SeatPickerProps>(\n  function SeatPicker(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const pickerRef = useRef<CoreSeatPicker | null>(null);\n\n    // Always call the latest callbacks without rebuilding the widget.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const picker = new CoreSeatPicker({\n        container: el,\n        event,\n        apiBase,\n        maxSelection,\n        publicKey,\n        locale,\n        currency,\n        colorblindSafe,\n        holdTtlMs,\n        initialHoldId,\n        restoreHold,\n        confirmSelection,\n        seatView,\n        theme: callbacks.current.theme,\n        messages: callbacks.current.messages,\n        onCheckout: (hold, seats, handoff) => callbacks.current.onCheckout?.(hold, seats, handoff),\n        onBooked: (handoff) => callbacks.current.onBooked?.(handoff),\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHoldChange: (hold, seats, handoff) => callbacks.current.onHoldChange?.(hold, seats, handoff),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onHoldRestored: (hold, seats, handoff) => callbacks.current.onHoldRestored?.(hold, seats, handoff),\n        onError: (err) => callbacks.current.onError?.(err),\n      });\n      pickerRef.current = picker;\n      void picker.render();\n\n      return () => {\n        picker.destroy();\n        pickerRef.current = null;\n      };\n      // Rebuild only when the identity of the event/config changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatPickerHandle => ({\n        getSelection: () => pickerRef.current?.getSelection() ?? [],\n        bestAvailable: (qty, categoryKey) => pickerRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        getCurrentHold: () => pickerRef.current?.getCurrentHold() ?? null,\n        resumeHold: (holdId) => pickerRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        removeHeldTicket: (label) => pickerRef.current?.removeHeldTicket(label) ?? Promise.resolve(false),\n        release: () => pickerRef.current?.release() ?? Promise.resolve(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","/**\n * @seatlayer/react — the React wrapper for the SeatLayer embed SDK.\n */\nexport { SeatingChart } from './SeatingChart';\nexport { EmbeddedDesigner } from './EmbeddedDesigner';\nexport type {\n  SeatingChartProps,\n  SeatingChartHandle,\n  SelectedSeat,\n  HoldResult,\n  BestAvailableResult,\n  GAAreaAvailability,\n  HoldLineItem,\n} from './SeatingChart';\nexport type { EmbeddedDesignerProps, EmbeddedDesignerHandle, EmbeddedDesignerMessage } from './EmbeddedDesigner';\nexport { SeatPicker } from './SeatPicker';\nexport type {\n  SeatPickerHandle,\n  SeatPickerProps,\n  SeatPickerOptions,\n  SeatPickerTheme,\n  CheckoutHandoff,\n  CheckoutLineItem,\n} from './SeatPicker';\n// The framework-agnostic widget class — for the one-call modal (SeatPickerWidget.open()).\nexport { SeatPicker as SeatPickerWidget } from '@seatlayer/js';\n\n// Organizer control room: Monitor + Inspect + bulk Block/unblock on one renderer.\nexport { SeatManager } from './SeatManager';\nexport type {\n  SeatManagerHandle,\n  SeatManagerProps,\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from './SeatManager';\nexport type { ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot } from '@seatlayer/js';\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatManager as CoreSeatManager,\n  type SeatManagerOptions,\n  type SeatManagerMode,\n  type SeatManagerTallies,\n  type SeatManagerActivity,\n  type SeatManagerActionResult,\n  type ReportResult,\n  type ControlRoomSnapshot,\n  type LogEntry,\n  type ExpandedSeat,\n} from '@seatlayer/js';\n\nexport type {\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from '@seatlayer/js';\n\n/** Imperative handle for the organizer manage board. */\nexport interface SeatManagerHandle {\n  setMode(mode: SeatManagerMode): void;\n  setToken(token: string, expiresAt?: number): void;\n  setHeatOverlay(enabled: boolean): void;\n  setFollowLive(enabled: boolean): void;\n  setTrendWindow(windowMinutes: number): Promise<ControlRoomSnapshot>;\n  enterFullscreen(): Promise<void>;\n  exitFullscreen(): Promise<void>;\n  isFullscreen(): boolean;\n  block(labels?: string[], opts?: { releaseAt?: number; reason?: string }): Promise<void>;\n  unblock(labels?: string[]): Promise<void>;\n  unblockAll(): Promise<void>;\n  cancelBooking(labels: string[], bookingRef: string): Promise<void>;\n  selectAll(): ExpandedSeat[];\n  selectSection(sectionId: string): ExpandedSeat[];\n  selectByLabels(labels: string[]): ExpandedSeat[];\n  clearSelection(): void;\n  getSelection(): ExpandedSeat[];\n  getReport(): Promise<ReportResult>;\n  getControlRoomSnapshot(windowMinutes?: number): Promise<ControlRoomSnapshot>;\n  getLog(opts?: { limit?: number; before?: number }): Promise<{ entries: LogEntry[]; nextBefore: number | null }>;\n  setHoldTtl(ms: number | null): Promise<void>;\n  zoomToFit(): void;\n}\n\nexport interface SeatManagerProps extends Omit<SeatManagerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic {@link CoreSeatManager}. Give the\n * wrapping div a size (it fills its box — a war-room board wants a big one) and\n * the manager lays out the live map + KPI bar + rails inside it. Rebuilt only\n * when the event identity / apiBase changes. Tokens and callbacks are updated\n * in place without tearing the board down.\n */\nexport const SeatManager = forwardRef<SeatManagerHandle, SeatManagerProps>(\n  function SeatManager(props, ref) {\n    const {\n      className, style, apiBase, eventKey, token, tokenExpiresAt,\n      mode, currency, keepLiveWhileHidden, followLive,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const managerRef = useRef<CoreSeatManager | null>(null);\n\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const manager = new CoreSeatManager({\n        container: el,\n        apiBase,\n        eventKey,\n        token,\n        tokenExpiresAt,\n        mode,\n        currency,\n        keepLiveWhileHidden,\n        followLive,\n        theme: callbacks.current.theme,\n        onReady: () => callbacks.current.onReady?.(),\n        onTallies: (t: SeatManagerTallies) => callbacks.current.onTallies?.(t),\n        onActivity: (activity: SeatManagerActivity) => callbacks.current.onActivity?.(activity),\n        onControlRoom: (snapshot: ControlRoomSnapshot) => callbacks.current.onControlRoom?.(snapshot),\n        onTokenRefresh: callbacks.current.onTokenRefresh ? async () => callbacks.current.onTokenRefresh!() : undefined,\n        onModeChange: (nextMode) => callbacks.current.onModeChange?.(nextMode),\n        onFollowLiveChange: (enabled) => callbacks.current.onFollowLiveChange?.(enabled),\n        onSelectionChange: (s: ExpandedSeat[]) => callbacks.current.onSelectionChange?.(s),\n        onActionComplete: (r: SeatManagerActionResult) => callbacks.current.onActionComplete?.(r),\n        onError: (e: unknown) => callbacks.current.onError?.(e),\n      });\n      managerRef.current = manager;\n      void manager.render();\n\n      return () => {\n        manager.destroy();\n        managerRef.current = null;\n      };\n      // Rebuild only on identity change (not on every callback change).\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiBase, eventKey]);\n\n    // Rotate credentials without losing camera, selection, realtime state or DOM.\n    useEffect(() => {\n      managerRef.current?.setToken(token, tokenExpiresAt);\n    }, [token, tokenExpiresAt]);\n\n    // Reflect a controlled `mode` prop onto the live instance without rebuilding.\n    useEffect(() => {\n      if (mode) managerRef.current?.setMode(mode);\n    }, [mode]);\n\n    useEffect(() => {\n      if (followLive != null) managerRef.current?.setFollowLive(followLive);\n    }, [followLive]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatManagerHandle => ({\n        setMode: (m) => managerRef.current?.setMode(m),\n        setToken: (nextToken, expiresAt) => managerRef.current?.setToken(nextToken, expiresAt),\n        setHeatOverlay: (enabled) => managerRef.current?.setHeatOverlay(enabled),\n        setFollowLive: (enabled) => managerRef.current?.setFollowLive(enabled),\n        setTrendWindow: (windowMinutes) => managerRef.current?.setTrendWindow(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        enterFullscreen: () => managerRef.current?.enterFullscreen() ?? Promise.resolve(),\n        exitFullscreen: () => managerRef.current?.exitFullscreen() ?? Promise.resolve(),\n        isFullscreen: () => managerRef.current?.isFullscreen() ?? false,\n        block: (labels, opts) => managerRef.current?.block(labels, opts) ?? Promise.resolve(),\n        unblock: (labels) => managerRef.current?.unblock(labels) ?? Promise.resolve(),\n        unblockAll: () => managerRef.current?.unblockAll() ?? Promise.resolve(),\n        cancelBooking: (labels, bookingRef) => managerRef.current?.cancelBooking(labels, bookingRef) ?? Promise.resolve(),\n        selectAll: () => managerRef.current?.selectAll() ?? [],\n        selectSection: (id) => managerRef.current?.selectSection(id) ?? [],\n        selectByLabels: (labels) => managerRef.current?.selectByLabels(labels) ?? [],\n        clearSelection: () => managerRef.current?.clearSelection(),\n        getSelection: () => managerRef.current?.getSelection() ?? [],\n        getReport: () => managerRef.current?.getReport() ?? Promise.reject(new Error('not ready')),\n        getControlRoomSnapshot: (windowMinutes) => managerRef.current?.getControlRoomSnapshot(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        getLog: (opts) => managerRef.current?.getLog(opts) ?? Promise.resolve({ entries: [], nextBefore: null }),\n        setHoldTtl: (ms) => managerRef.current?.setHoldTtl(ms) ?? Promise.resolve(),\n        zoomToFit: () => managerRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n"],"mappings":"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","names":["SeatingChart","forwardRef","useEffect","useImperativeHandle","useRef","jsx","EmbeddedDesigner","forwardRef","useEffect","useImperativeHandle","useRef","jsx","SeatPicker","SeatPicker","forwardRef","useEffect","useImperativeHandle","useRef","jsx","SeatManager"]}
+{"version":3,"sources":["../src/SeatingChart.tsx","../src/EmbeddedDesigner.tsx","../src/SeatPicker.tsx","../src/index.ts","../src/SeatManager.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatingChart as CoreSeatingChart,\n  type SeatingChartOptions,\n  type SelectedSeat,\n  type HoldResult,\n  type BestAvailableResult,\n  type GAAreaAvailability,\n  type HoldLineItem,\n} from '@seatlayer/js';\n\nexport type { SelectedSeat, HoldResult, BestAvailableResult, GAAreaAvailability, HoldLineItem } from '@seatlayer/js';\nexport type { SeatHoverDetails } from '@seatlayer/js';\n\n/** Imperative handle exposed via `ref` — call these to drive the picker from your app. */\nexport interface SeatingChartHandle {\n  /** Hold the current selection. Resolves the hold, or `null` on a 409 conflict. */\n  hold(options?: { ttlMs?: number }): Promise<HoldResult | null>;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Current active hold known to the chart. */\n  getCurrentHold(): HoldResult | null;\n  /** GA areas with live remaining capacity. */\n  getGAAreas(): GAAreaAvailability[];\n  /** Atomically hold a quantity from one GA area. */\n  holdGA(areaId: string, qty: number, options?: { tierId?: string | null; ttlMs?: number }): Promise<HoldResult | null>;\n  /** Ask the server for the `qty` best free seats and hold them atomically. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<BestAvailableResult | null>;\n  /** Release the current hold (if any). */\n  release(): Promise<void>;\n  /** Release some held labels while keeping the remainder active. */\n  releaseLabels(labels: string[]): Promise<boolean>;\n  /** The current selection, with prices resolved from the chart categories. */\n  getSelection(): SelectedSeat[];\n  /**\n   * Choose a ticket tier for a selected seat (e.g. Adult → Child). Available\n   * `tiers` are on each `SelectedSeat`; `tierId=null` reverts to the default.\n   */\n  setSeatTier(seatId: string, tierId: string | null): void;\n  /**\n   * Floors of a multi-floor chart — `[{ id, name }]` (single-floor charts\n   * return one entry; empty before render()). Pair with setFloor().\n   */\n  getFloors(): { id: string; name: string }[];\n  /** Switch the shown floor (2D). Warns + no-ops on single-floor charts. */\n  setFloor(floorId: string): void;\n  /** Toggle colorblind-safe rendering at runtime (see the `colorblindSafe` prop). */\n  setColorblindSafe(on: boolean): void;\n  /** Zoom in one step (same increment as the wheel/pinch gesture). */\n  zoomIn(): void;\n  /** Zoom out one step. */\n  zoomOut(): void;\n  /** Reset the camera so the whole chart fits the container. */\n  zoomToFit(): void;\n}\n\nexport interface SeatingChartProps extends Omit<SeatingChartOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic `@seatlayer/js` SDK.\n *\n * The underlying canvas is created once and torn down on unmount. Callback props\n * (`onSelectionChange`, `onHold`, `onError`, `onDeckTap`, `onHint`) may change\n * freely between renders without re-mounting the canvas — only `event`,\n * `apiBase`, `maxSelection`, `publicKey`, `locale`, `currency`, and\n * `colorblindSafe` trigger a rebuild. (`messages` is read once per mount;\n * changing it alone does not re-apply.)\n */\nexport const SeatingChart = forwardRef<SeatingChartHandle, SeatingChartProps>(\n  function SeatingChart(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const chartRef = useRef<CoreSeatingChart | null>(null);\n\n    // Always call the latest callbacks without rebuilding the chart.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const chart = new CoreSeatingChart({\n        container: el,\n        event,\n        apiBase,\n        maxSelection,\n        publicKey,\n        locale,\n        currency,\n        colorblindSafe,\n        messages: callbacks.current.messages,\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHold: (result) => callbacks.current.onHold?.(result),\n        onHoldRestored: (result) => callbacks.current.onHoldRestored?.(result),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onGAClick: (area) => callbacks.current.onGAClick?.(area),\n        onError: (err) => callbacks.current.onError?.(err),\n        onDeckTap: (floorId) => callbacks.current.onDeckTap?.(floorId),\n        onHint: (message) => callbacks.current.onHint?.(message),\n        seatTooltip: props.seatTooltip,\n        onSeatHover: (details) => callbacks.current.onSeatHover?.(details),\n      });\n      chartRef.current = chart;\n      void chart.render();\n\n      return () => {\n        chart.destroy();\n        chartRef.current = null;\n      };\n      // Rebuild only when the identity of the chart changes.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatingChartHandle => ({\n        hold: (options) => chartRef.current?.hold(options) ?? Promise.resolve(null),\n        resumeHold: (holdId) => chartRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        getCurrentHold: () => chartRef.current?.getCurrentHold() ?? null,\n        getGAAreas: () => chartRef.current?.getGAAreas() ?? [],\n        holdGA: (areaId, qty, options) => chartRef.current?.holdGA(areaId, qty, options) ?? Promise.resolve(null),\n        bestAvailable: (qty, categoryKey) =>\n          chartRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        release: () => chartRef.current?.release() ?? Promise.resolve(),\n        releaseLabels: (labels) => chartRef.current?.releaseLabels(labels) ?? Promise.resolve(false),\n        getSelection: () => chartRef.current?.getSelection() ?? [],\n        setSeatTier: (seatId, tierId) => chartRef.current?.setSeatTier(seatId, tierId),\n        getFloors: () => chartRef.current?.getFloors() ?? [],\n        setFloor: (floorId) => chartRef.current?.setFloor(floorId),\n        setColorblindSafe: (on) => chartRef.current?.setColorblindSafe(on),\n        zoomIn: () => chartRef.current?.zoomIn(),\n        zoomOut: () => chartRef.current?.zoomOut(),\n        zoomToFit: () => chartRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  EmbeddedDesigner as CoreEmbeddedDesigner,\n  type EmbeddedDesignerMessage,\n} from '@seatlayer/js';\n\nexport type { EmbeddedDesignerMessage } from '@seatlayer/js';\n\nexport interface EmbeddedDesignerHandle {\n  /** Recreate the iframe with a newly-minted session URL. */\n  setDesignerUrl(designerUrl: string): void;\n  /** The currently mounted iframe, if any. */\n  getIframe(): HTMLIFrameElement | null;\n}\n\nexport interface EmbeddedDesignerProps {\n  /** Short-lived `designerUrl` returned by your backend. Never pass an `sk_` key. */\n  designerUrl: string;\n  expectedChartId?: string;\n  expectedWorkspaceId?: string;\n  title?: string;\n  className?: string;\n  style?: CSSProperties;\n  iframeClassName?: string;\n  iframeStyle?: Partial<CSSStyleDeclaration>;\n  allow?: string;\n  referrerPolicy?: ReferrerPolicy;\n  /**\n   * Show the built-in branded loading skeleton and error/expiry card inside the\n   * container while the Designer boots. Defaults to `true`. Set `false` when you\n   * render your own loading and error chrome.\n   */\n  showLoadingState?: boolean;\n  /**\n   * If the Designer never posts `ready` within this many milliseconds, the host\n   * shows the error card with a timeout message. Defaults to `20000`.\n   */\n  loadingTimeoutMs?: number;\n  /**\n   * Auto-grow the iframe to the height the Designer reports over the resize\n   * protocol. Defaults to `true`. Set `false` to size the iframe yourself.\n   */\n  autoResize?: boolean;\n  /**\n   * Called when the user presses \"Try again\" on the error card. Mint a fresh\n   * session and set the new `designerUrl` (recreating the iframe returns it to\n   * the loading state). When omitted, \"Try again\" reloads the current URL.\n   */\n  onRequestRelaunch?: () => void;\n  onReady?: (message: EmbeddedDesignerMessage) => void;\n  onSaved?: (message: EmbeddedDesignerMessage) => void;\n  onPublished?: (message: EmbeddedDesignerMessage) => void;\n  onClose?: (message: EmbeddedDesignerMessage) => void;\n  onError?: (message: EmbeddedDesignerMessage) => void;\n}\n\n/**\n * Native-feeling React host for the secure SeatLayer Designer iframe.\n * A new `designerUrl` always recreates the iframe, so a new fragment token can\n * never retain state from an earlier chart session.\n */\nexport const EmbeddedDesigner = forwardRef<EmbeddedDesignerHandle, EmbeddedDesignerProps>(\n  function EmbeddedDesigner(props, ref) {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const designerRef = useRef<CoreEmbeddedDesigner | null>(null);\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return;\n      const designer = new CoreEmbeddedDesigner({\n        designerUrl: props.designerUrl,\n        container,\n        expectedChartId: props.expectedChartId,\n        expectedWorkspaceId: props.expectedWorkspaceId,\n        title: props.title,\n        className: props.iframeClassName,\n        style: props.iframeStyle,\n        allow: props.allow,\n        referrerPolicy: props.referrerPolicy,\n        showLoadingState: props.showLoadingState,\n        loadingTimeoutMs: props.loadingTimeoutMs,\n        autoResize: props.autoResize,\n        // Only forward a relaunch hook when the host supplied one, so the core's\n        // \"reload the same URL in place\" fallback still applies otherwise.\n        onRequestRelaunch: props.onRequestRelaunch\n          ? () => callbacks.current.onRequestRelaunch?.()\n          : undefined,\n        onReady: (message) => callbacks.current.onReady?.(message),\n        onSaved: (message) => callbacks.current.onSaved?.(message),\n        onPublished: (message) => callbacks.current.onPublished?.(message),\n        onClose: (message) => callbacks.current.onClose?.(message),\n        onError: (message) => callbacks.current.onError?.(message),\n      });\n      designer.mount();\n      designerRef.current = designer;\n      return () => {\n        designer.destroy();\n        designerRef.current = null;\n      };\n      // Session/chart identity changes must recreate the iframe. Callback changes are\n      // picked up from the ref without reloading an in-progress Designer session.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.designerUrl, props.expectedChartId, props.expectedWorkspaceId, props.title, props.iframeClassName, props.iframeStyle, props.allow, props.referrerPolicy, props.showLoadingState, props.loadingTimeoutMs, props.autoResize]);\n\n    useImperativeHandle(ref, () => ({\n      setDesignerUrl: (designerUrl) => { designerRef.current?.setDesignerUrl(designerUrl); },\n      getIframe: () => designerRef.current?.getIframe() ?? null,\n    }), []);\n\n    return <div ref={containerRef} className={props.className} style={props.style} />;\n  },\n);\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatPicker as CoreSeatPicker,\n  type SeatPickerOptions,\n  type SeatPickerTheme,\n  type SelectedSeat,\n  type HoldResult,\n} from '@seatlayer/js';\n\nexport type { SeatPickerOptions, SeatPickerTheme, CheckoutHandoff, CheckoutLineItem } from '@seatlayer/js';\n\n/** Imperative handle for the full-experience picker widget. */\nexport interface SeatPickerHandle {\n  /** Current selection with resolved prices. */\n  getSelection(): SelectedSeat[];\n  /** Server-side best seats + hold, reflected in the widget tray. */\n  bestAvailable(qty: number, categoryKey?: string): Promise<HoldResult | null>;\n  /** Current active/restored hold reflected in the tray. */\n  getCurrentHold(): HoldResult | null;\n  /** Restore an active hold by its opaque id. */\n  resumeHold(holdId: string): Promise<HoldResult | null>;\n  /** Remove one held ticket while preserving the remainder. */\n  removeHeldTicket(label: string): Promise<boolean>;\n  /** Release the current hold (if any) and reset the tray. */\n  release(): Promise<void>;\n}\n\nexport interface SeatPickerProps extends Omit<SeatPickerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the full SeatPicker widget (header · live price panel ·\n * tray · GA · hold countdown · toasts). The widget is container-adaptive: give\n * the wrapping div a size and it lays itself out for that box (side panel wide,\n * bottom sheet narrow). For the one-call modal, use `SeatPicker.open()` from\n * `@seatlayer/js` directly.\n */\nexport const SeatPicker = forwardRef<SeatPickerHandle, SeatPickerProps>(\n  function SeatPicker(props, ref) {\n    const { className, style, event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const pickerRef = useRef<CoreSeatPicker | null>(null);\n\n    // Always call the latest callbacks without rebuilding the widget.\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      // Forward every option the host passed. Spreading rather than naming each\n      // field keeps new core options (pricing, hideBadge, transport, …) working\n      // here the day they ship: a hand-maintained list silently drops anything\n      // it forgets, and `SeatPickerProps extends SeatPickerOptions` means such a\n      // drop still type-checks clean for the host.\n      const { className: _className, style: _style, ...options } = callbacks.current;\n\n      const picker = new CoreSeatPicker({\n        ...options,\n        container: el,\n        onCheckout: (hold, seats, handoff) => callbacks.current.onCheckout?.(hold, seats, handoff),\n        onBooked: (handoff) => callbacks.current.onBooked?.(handoff),\n        onSelectionChange: (seats) => callbacks.current.onSelectionChange?.(seats),\n        onHoldChange: (hold, seats, handoff) => callbacks.current.onHoldChange?.(hold, seats, handoff),\n        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\n        onHoldRestored: (hold, seats, handoff) => callbacks.current.onHoldRestored?.(hold, seats, handoff),\n        onError: (err) => callbacks.current.onError?.(err),\n      });\n      pickerRef.current = picker;\n      void picker.render();\n\n      return () => {\n        picker.destroy();\n        pickerRef.current = null;\n      };\n      // Rebuild only when the identity of the event/config changes. Object-valued\n      // options (theme, messages, pricing, transport) stay out: hosts routinely\n      // pass them as inline literals, so a new identity every render would tear\n      // the widget down mid-selection. They are read fresh at construction.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [event, apiBase, maxSelection, publicKey, locale, currency, colorblindSafe, hideBadge, holdTtlMs, initialHoldId, restoreHold, confirmSelection, seatView]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatPickerHandle => ({\n        getSelection: () => pickerRef.current?.getSelection() ?? [],\n        bestAvailable: (qty, categoryKey) => pickerRef.current?.bestAvailable(qty, categoryKey) ?? Promise.resolve(null),\n        getCurrentHold: () => pickerRef.current?.getCurrentHold() ?? null,\n        resumeHold: (holdId) => pickerRef.current?.resumeHold(holdId) ?? Promise.resolve(null),\n        removeHeldTicket: (label) => pickerRef.current?.removeHeldTicket(label) ?? Promise.resolve(false),\n        release: () => pickerRef.current?.release() ?? Promise.resolve(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n","/**\n * @seatlayer/react — the React wrapper for the SeatLayer embed SDK.\n */\nexport { SeatingChart } from './SeatingChart';\nexport { EmbeddedDesigner } from './EmbeddedDesigner';\nexport type {\n  SeatingChartProps,\n  SeatingChartHandle,\n  SelectedSeat,\n  HoldResult,\n  BestAvailableResult,\n  GAAreaAvailability,\n  HoldLineItem,\n} from './SeatingChart';\nexport type { EmbeddedDesignerProps, EmbeddedDesignerHandle, EmbeddedDesignerMessage } from './EmbeddedDesigner';\nexport { SeatPicker } from './SeatPicker';\nexport type {\n  SeatPickerHandle,\n  SeatPickerProps,\n  SeatPickerOptions,\n  SeatPickerTheme,\n  CheckoutHandoff,\n  CheckoutLineItem,\n} from './SeatPicker';\n// The framework-agnostic widget class — for the one-call modal (SeatPickerWidget.open()).\nexport { SeatPicker as SeatPickerWidget } from '@seatlayer/js';\n// Host-side embed helper: grows the iframe on `seatlayer:height` and pins it on\n// `seatlayer:fullscreen`. React hosts depend on this package alone, so it has to\n// be reachable here rather than only from @seatlayer/js.\nexport { attachPickerFrame } from '@seatlayer/js';\n\n// Organizer control room: Monitor + Inspect + bulk Block/unblock on one renderer.\nexport { SeatManager } from './SeatManager';\nexport type {\n  SeatManagerHandle,\n  SeatManagerProps,\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from './SeatManager';\nexport type { ControlRoomActivityEntry, ControlRoomSectionMetric, ControlRoomSnapshot } from '@seatlayer/js';\n","import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type CSSProperties,\n} from 'react';\nimport {\n  SeatManager as CoreSeatManager,\n  type SeatManagerOptions,\n  type SeatManagerMode,\n  type SeatManagerTallies,\n  type SeatManagerActivity,\n  type SeatManagerActionResult,\n  type ReportResult,\n  type ControlRoomSnapshot,\n  type LogEntry,\n  type ExpandedSeat,\n} from '@seatlayer/js';\n\nexport type {\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from '@seatlayer/js';\n\n/** Imperative handle for the organizer manage board. */\nexport interface SeatManagerHandle {\n  setMode(mode: SeatManagerMode): void;\n  setToken(token: string, expiresAt?: number): void;\n  setHeatOverlay(enabled: boolean): void;\n  setFollowLive(enabled: boolean): void;\n  setTrendWindow(windowMinutes: number): Promise<ControlRoomSnapshot>;\n  enterFullscreen(): Promise<void>;\n  exitFullscreen(): Promise<void>;\n  isFullscreen(): boolean;\n  block(labels?: string[], opts?: { releaseAt?: number; reason?: string }): Promise<void>;\n  unblock(labels?: string[]): Promise<void>;\n  unblockAll(): Promise<void>;\n  cancelBooking(labels: string[], bookingRef: string): Promise<void>;\n  selectAll(): ExpandedSeat[];\n  selectSection(sectionId: string): ExpandedSeat[];\n  selectByLabels(labels: string[]): ExpandedSeat[];\n  clearSelection(): void;\n  getSelection(): ExpandedSeat[];\n  getReport(): Promise<ReportResult>;\n  getControlRoomSnapshot(windowMinutes?: number): Promise<ControlRoomSnapshot>;\n  getLog(opts?: { limit?: number; before?: number }): Promise<{ entries: LogEntry[]; nextBefore: number | null }>;\n  setHoldTtl(ms: number | null): Promise<void>;\n  zoomToFit(): void;\n}\n\nexport interface SeatManagerProps extends Omit<SeatManagerOptions, 'container'> {\n  className?: string;\n  style?: CSSProperties;\n}\n\n/**\n * React wrapper around the framework-agnostic {@link CoreSeatManager}. Give the\n * wrapping div a size (it fills its box — a war-room board wants a big one) and\n * the manager lays out the live map + KPI bar + rails inside it. Rebuilt only\n * when the event identity / apiBase changes. Tokens and callbacks are updated\n * in place without tearing the board down.\n */\nexport const SeatManager = forwardRef<SeatManagerHandle, SeatManagerProps>(\n  function SeatManager(props, ref) {\n    const {\n      className, style, apiBase, eventKey, token, tokenExpiresAt,\n      mode, currency, keepLiveWhileHidden, followLive,\n    } = props;\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const managerRef = useRef<CoreSeatManager | null>(null);\n\n    const callbacks = useRef(props);\n    callbacks.current = props;\n\n    useEffect(() => {\n      const el = containerRef.current;\n      if (!el) return;\n\n      const manager = new CoreSeatManager({\n        container: el,\n        apiBase,\n        eventKey,\n        token,\n        tokenExpiresAt,\n        mode,\n        currency,\n        keepLiveWhileHidden,\n        followLive,\n        theme: callbacks.current.theme,\n        onReady: () => callbacks.current.onReady?.(),\n        onTallies: (t: SeatManagerTallies) => callbacks.current.onTallies?.(t),\n        onActivity: (activity: SeatManagerActivity) => callbacks.current.onActivity?.(activity),\n        onControlRoom: (snapshot: ControlRoomSnapshot) => callbacks.current.onControlRoom?.(snapshot),\n        onTokenRefresh: callbacks.current.onTokenRefresh ? async () => callbacks.current.onTokenRefresh!() : undefined,\n        onModeChange: (nextMode) => callbacks.current.onModeChange?.(nextMode),\n        onFollowLiveChange: (enabled) => callbacks.current.onFollowLiveChange?.(enabled),\n        onSelectionChange: (s: ExpandedSeat[]) => callbacks.current.onSelectionChange?.(s),\n        onActionComplete: (r: SeatManagerActionResult) => callbacks.current.onActionComplete?.(r),\n        onError: (e: unknown) => callbacks.current.onError?.(e),\n      });\n      managerRef.current = manager;\n      void manager.render();\n\n      return () => {\n        manager.destroy();\n        managerRef.current = null;\n      };\n      // Rebuild only on identity change (not on every callback change).\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiBase, eventKey]);\n\n    // Rotate credentials without losing camera, selection, realtime state or DOM.\n    useEffect(() => {\n      managerRef.current?.setToken(token, tokenExpiresAt);\n    }, [token, tokenExpiresAt]);\n\n    // Reflect a controlled `mode` prop onto the live instance without rebuilding.\n    useEffect(() => {\n      if (mode) managerRef.current?.setMode(mode);\n    }, [mode]);\n\n    useEffect(() => {\n      if (followLive != null) managerRef.current?.setFollowLive(followLive);\n    }, [followLive]);\n\n    useImperativeHandle(\n      ref,\n      (): SeatManagerHandle => ({\n        setMode: (m) => managerRef.current?.setMode(m),\n        setToken: (nextToken, expiresAt) => managerRef.current?.setToken(nextToken, expiresAt),\n        setHeatOverlay: (enabled) => managerRef.current?.setHeatOverlay(enabled),\n        setFollowLive: (enabled) => managerRef.current?.setFollowLive(enabled),\n        setTrendWindow: (windowMinutes) => managerRef.current?.setTrendWindow(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        enterFullscreen: () => managerRef.current?.enterFullscreen() ?? Promise.resolve(),\n        exitFullscreen: () => managerRef.current?.exitFullscreen() ?? Promise.resolve(),\n        isFullscreen: () => managerRef.current?.isFullscreen() ?? false,\n        block: (labels, opts) => managerRef.current?.block(labels, opts) ?? Promise.resolve(),\n        unblock: (labels) => managerRef.current?.unblock(labels) ?? Promise.resolve(),\n        unblockAll: () => managerRef.current?.unblockAll() ?? Promise.resolve(),\n        cancelBooking: (labels, bookingRef) => managerRef.current?.cancelBooking(labels, bookingRef) ?? Promise.resolve(),\n        selectAll: () => managerRef.current?.selectAll() ?? [],\n        selectSection: (id) => managerRef.current?.selectSection(id) ?? [],\n        selectByLabels: (labels) => managerRef.current?.selectByLabels(labels) ?? [],\n        clearSelection: () => managerRef.current?.clearSelection(),\n        getSelection: () => managerRef.current?.getSelection() ?? [],\n        getReport: () => managerRef.current?.getReport() ?? Promise.reject(new Error('not ready')),\n        getControlRoomSnapshot: (windowMinutes) => managerRef.current?.getControlRoomSnapshot(windowMinutes)\n          ?? Promise.reject(new Error('not ready')),\n        getLog: (opts) => managerRef.current?.getLog(opts) ?? Promise.resolve({ entries: [], nextBefore: null }),\n        setHoldTtl: (ms) => managerRef.current?.setHoldTtl(ms) ?? Promise.resolve(),\n        zoomToFit: () => managerRef.current?.zoomToFit(),\n      }),\n      [],\n    );\n\n    return <div ref={containerRef} className={className} style={style} />;\n  },\n);\n"],"mappings":"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","names":["SeatingChart","forwardRef","useEffect","useImperativeHandle","useRef","jsx","EmbeddedDesigner","forwardRef","useEffect","useImperativeHandle","useRef","jsx","SeatPicker","SeatPicker","forwardRef","useEffect","useImperativeHandle","useRef","jsx","SeatManager"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seatlayer/react",
-  "version": "0.18.1",
+  "version": "0.20.0",
   "description": "React component for the SeatLayer embed SDK — render an interactive seat picker and hold seats.",
   "license": "MIT",
   "homepage": "https://docs.seatlayer.io",
@@ -35,14 +35,16 @@
     "ticketing"
   ],
   "dependencies": {
-    "@seatlayer/js": "0.18.1"
+    "@seatlayer/js": "0.20.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.2.3",
     "react": "^19.0.0",
+    "react-dom": "^19.2.7",
     "tsup": "^8.5.1",
     "typescript": "^5.9.0"
   },