@seatlayer/react 0.11.0 → 0.12.0

package/README.md

@@ -61,6 +61,28 @@ books directly. See the [integration guide](https://docs.seatlayer.io/getting-st
 
 Built on [`@seatlayer/js`](https://www.npmjs.com/package/@seatlayer/js).
 
+## Embed the live control room
+
+Use `SeatManager` with a short-lived, event-scoped manage token minted by your
+backend. Monitor, Inspect, Block/unblock, fullscreen, presence, exact section
+revenue, velocity, and heat are one shared package surface—not host-owned tabs.
+
+```tsx
+<SeatManager
+  ref={manager}
+  apiBase="https://api.seatlayer.io"
+  eventKey="ev_9f3a"
+  token={session.token}
+  tokenExpiresAt={session.expiresAt}
+  onTokenRefresh={() => mintManageSession()}
+  style={{ width: '100%', height: 'calc(100vh - 96px)' }}
+/>
+```
+
+Token rotation and tool changes preserve the live renderer, camera, selection,
+WebSocket, and DOM. The component responds to its own container, including
+compact embeds, and the buyer SDK remains unchanged when manager options are off.
+
 ## Embed the chart Designer
 
 `EmbeddedDesigner` gives an organizer a native-feeling Designer inside your React

package/dist/index.cjs

@@ -201,7 +201,17 @@ var import_js4 = require("@seatlayer/js");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var SeatManager = (0, import_react4.forwardRef)(
   function SeatManager2(props, ref) {
-    const { className, style, apiBase, eventKey, token, mode, currency, keepLiveWhileHidden } = props;
+    const {
+      className,
+      style,
+      apiBase,
+      eventKey,
+      token,
+      tokenExpiresAt,
+      mode,
+      currency,
+      keepLiveWhileHidden
+    } = props;
     const containerRef = (0, import_react4.useRef)(null);
     const managerRef = (0, import_react4.useRef)(null);
     const callbacks = (0, import_react4.useRef)(props);
@@ -214,12 +224,17 @@ var SeatManager = (0, import_react4.forwardRef)(
         apiBase,
         eventKey,
         token,
+        tokenExpiresAt,
         mode,
         currency,
         keepLiveWhileHidden,
         theme: callbacks.current.theme,
         onReady: () => callbacks.current.onReady?.(),
         onTallies: (t) => callbacks.current.onTallies?.(t),
+        onActivity: (activity) => callbacks.current.onActivity?.(activity),
+        onControlRoom: (snapshot) => callbacks.current.onControlRoom?.(snapshot),
+        onTokenRefresh: callbacks.current.onTokenRefresh ? async () => callbacks.current.onTokenRefresh() : void 0,
+        onModeChange: (nextMode) => callbacks.current.onModeChange?.(nextMode),
         onSelectionChange: (s) => callbacks.current.onSelectionChange?.(s),
         onActionComplete: (r) => callbacks.current.onActionComplete?.(r),
         onError: (e) => callbacks.current.onError?.(e)
@@ -230,7 +245,10 @@ var SeatManager = (0, import_react4.forwardRef)(
         manager.destroy();
         managerRef.current = null;
       };
-    }, [apiBase, eventKey, token]);
+    }, [apiBase, eventKey]);
+    (0, import_react4.useEffect)(() => {
+      managerRef.current?.setToken(token, tokenExpiresAt);
+    }, [token, tokenExpiresAt]);
     (0, import_react4.useEffect)(() => {
       if (mode) managerRef.current?.setMode(mode);
     }, [mode]);
@@ -238,6 +256,12 @@ var SeatManager = (0, import_react4.forwardRef)(
       ref,
       () => ({
         setMode: (m) => managerRef.current?.setMode(m),
+        setToken: (nextToken, expiresAt) => managerRef.current?.setToken(nextToken, expiresAt),
+        setHeatOverlay: (enabled) => managerRef.current?.setHeatOverlay(enabled),
+        setTrendWindow: (windowMinutes) => managerRef.current?.setTrendWindow(windowMinutes) ?? Promise.reject(new Error("not ready")),
+        enterFullscreen: () => managerRef.current?.enterFullscreen() ?? Promise.resolve(),
+        exitFullscreen: () => managerRef.current?.exitFullscreen() ?? Promise.resolve(),
+        isFullscreen: () => managerRef.current?.isFullscreen() ?? false,
         block: (labels, opts) => managerRef.current?.block(labels, opts) ?? Promise.resolve(),
         unblock: (labels) => managerRef.current?.unblock(labels) ?? Promise.resolve(),
         unblockAll: () => managerRef.current?.unblockAll() ?? Promise.resolve(),
@@ -248,6 +272,7 @@ var SeatManager = (0, import_react4.forwardRef)(
         clearSelection: () => managerRef.current?.clearSelection(),
         getSelection: () => managerRef.current?.getSelection() ?? [],
         getReport: () => managerRef.current?.getReport() ?? Promise.reject(new Error("not ready")),
+        getControlRoomSnapshot: (windowMinutes) => managerRef.current?.getControlRoomSnapshot(windowMinutes) ?? Promise.reject(new Error("not ready")),
         getLog: (opts) => managerRef.current?.getLog(opts) ?? Promise.resolve({ entries: [], nextBefore: null }),
         setHoldTtl: (ms) => managerRef.current?.setHoldTtl(ms) ?? Promise.resolve(),
         zoomToFit: () => managerRef.current?.zoomToFit()

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 manage surface (M1: live View board + bulk Block/unblock).\nexport { SeatManager } from './SeatManager';\nexport type {\n  SeatManagerHandle,\n  SeatManagerProps,\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from './SeatManager';\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  /** 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  /** 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        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        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        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  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        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]);\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  /** 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, 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        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        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\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, 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        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 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  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  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 / token changes; callbacks are always read\n * live without tearing the board down.\n */\nexport const SeatManager = forwardRef<SeatManagerHandle, SeatManagerProps>(\n  function SeatManager(props, ref) {\n    const { className, style, apiBase, eventKey, token, mode, currency, keepLiveWhileHidden } = 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        mode,\n        currency,\n        keepLiveWhileHidden,\n        theme: callbacks.current.theme,\n        onReady: () => callbacks.current.onReady?.(),\n        onTallies: (t: SeatManagerTallies) => callbacks.current.onTallies?.(t),\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, token]);\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    useImperativeHandle(\n      ref,\n      (): SeatManagerHandle => ({\n        setMode: (m) => managerRef.current?.setMode(m),\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        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\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 { 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  /** 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  /** 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        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        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        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  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        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]);\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  /** 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, 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        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        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\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, 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        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  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,\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        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        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    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        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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAMO;AACP,gBAQO;AA2HI;AAnEJ,IAAM,mBAAe;AAAA,EAC1B,SAASA,cAAa,OAAO,KAAK;AAChC,UAAM,EAAE,WAAW,OAAO,OAAO,SAAS,cAAc,WAAW,QAAQ,UAAU,eAAe,IAAI;AAExG,UAAM,mBAAe,qBAA8B,IAAI;AACvD,UAAM,eAAW,qBAAgC,IAAI;AAGrD,UAAM,gBAAY,qBAAO,KAAK;AAC9B,cAAU,UAAU;AAEpB,gCAAU,MAAM;AACd,YAAM,KAAK,aAAa;AACxB,UAAI,CAAC,GAAI;AAET,YAAM,QAAQ,IAAI,UAAAC,aAAiB;AAAA,QACjC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,UAAU,QAAQ;AAAA,QAC5B,mBAAmB,CAAC,UAAU,UAAU,QAAQ,oBAAoB,KAAK;AAAA,QACzE,QAAQ,CAAC,WAAW,UAAU,QAAQ,SAAS,MAAM;AAAA,QACrD,eAAe,MAAM,UAAU,QAAQ,gBAAgB;AAAA,QACvD,WAAW,CAAC,SAAS,UAAU,QAAQ,YAAY,IAAI;AAAA,QACvD,SAAS,CAAC,QAAQ,UAAU,QAAQ,UAAU,GAAG;AAAA,QACjD,WAAW,CAAC,YAAY,UAAU,QAAQ,YAAY,OAAO;AAAA,QAC7D,QAAQ,CAAC,YAAY,UAAU,QAAQ,SAAS,OAAO;AAAA,QACvD,aAAa,MAAM;AAAA,QACnB,aAAa,CAAC,YAAY,UAAU,QAAQ,cAAc,OAAO;AAAA,MACnE,CAAC;AACD,eAAS,UAAU;AACnB,WAAK,MAAM,OAAO;AAElB,aAAO,MAAM;AACX,cAAM,QAAQ;AACd,iBAAS,UAAU;AAAA,MACrB;AAAA,IAGF,GAAG,CAAC,OAAO,SAAS,cAAc,WAAW,QAAQ,UAAU,cAAc,CAAC;AAE9E;AAAA,MACE;AAAA,MACA,OAA2B;AAAA,QACzB,MAAM,CAAC,YAAY,SAAS,SAAS,KAAK,OAAO,KAAK,QAAQ,QAAQ,IAAI;AAAA,QAC1E,YAAY,MAAM,SAAS,SAAS,WAAW,KAAK,CAAC;AAAA,QACrD,QAAQ,CAAC,QAAQ,KAAK,YAAY,SAAS,SAAS,OAAO,QAAQ,KAAK,OAAO,KAAK,QAAQ,QAAQ,IAAI;AAAA,QACxG,eAAe,CAAC,KAAK,gBACnB,SAAS,SAAS,cAAc,KAAK,WAAW,KAAK,QAAQ,QAAQ,IAAI;AAAA,QAC3E,SAAS,MAAM,SAAS,SAAS,QAAQ,KAAK,QAAQ,QAAQ;AAAA,QAC9D,cAAc,MAAM,SAAS,SAAS,aAAa,KAAK,CAAC;AAAA,QACzD,aAAa,CAAC,QAAQ,WAAW,SAAS,SAAS,YAAY,QAAQ,MAAM;AAAA,QAC7E,WAAW,MAAM,SAAS,SAAS,UAAU,KAAK,CAAC;AAAA,QACnD,UAAU,CAAC,YAAY,SAAS,SAAS,SAAS,OAAO;AAAA,QACzD,mBAAmB,CAAC,OAAO,SAAS,SAAS,kBAAkB,EAAE;AAAA,QACjE,QAAQ,MAAM,SAAS,SAAS,OAAO;AAAA,QACvC,SAAS,MAAM,SAAS,SAAS,QAAQ;AAAA,QACzC,WAAW,MAAM,SAAS,SAAS,UAAU;AAAA,MAC/C;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO,4CAAC,SAAI,KAAK,cAAc,WAAsB,OAAc;AAAA,EACrE;AACF;;;AC5IA,IAAAC,gBAMO;AACP,IAAAC,aAGO;AA6EI,IAAAC,sBAAA;AA1CJ,IAAM,uBAAmB;AAAA,EAC9B,SAASC,kBAAiB,OAAO,KAAK;AACpC,UAAM,mBAAe,sBAA8B,IAAI;AACvD,UAAM,kBAAc,sBAAoC,IAAI;AAC5D,UAAM,gBAAY,sBAAO,KAAK;AAC9B,cAAU,UAAU;AAEpB,iCAAU,MAAM;AACd,YAAM,YAAY,aAAa;AAC/B,UAAI,CAAC,UAAW;AAChB,YAAM,WAAW,IAAI,WAAAC,iBAAqB;AAAA,QACxC,aAAa,MAAM;AAAA,QACnB;AAAA,QACA,iBAAiB,MAAM;AAAA,QACvB,qBAAqB,MAAM;AAAA,QAC3B,OAAO,MAAM;AAAA,QACb,WAAW,MAAM;AAAA,QACjB,OAAO,MAAM;AAAA,QACb,OAAO,MAAM;AAAA,QACb,gBAAgB,MAAM;AAAA,QACtB,SAAS,CAAC,YAAY,UAAU,QAAQ,UAAU,OAAO;AAAA,QACzD,SAAS,CAAC,YAAY,UAAU,QAAQ,UAAU,OAAO;AAAA,QACzD,aAAa,CAAC,YAAY,UAAU,QAAQ,cAAc,OAAO;AAAA,QACjE,SAAS,CAAC,YAAY,UAAU,QAAQ,UAAU,OAAO;AAAA,QACzD,SAAS,CAAC,YAAY,UAAU,QAAQ,UAAU,OAAO;AAAA,MAC3D,CAAC;AACD,eAAS,MAAM;AACf,kBAAY,UAAU;AACtB,aAAO,MAAM;AACX,iBAAS,QAAQ;AACjB,oBAAY,UAAU;AAAA,MACxB;AAAA,IAIF,GAAG,CAAC,MAAM,aAAa,MAAM,iBAAiB,MAAM,qBAAqB,MAAM,OAAO,MAAM,iBAAiB,MAAM,aAAa,MAAM,OAAO,MAAM,cAAc,CAAC;AAElK,2CAAoB,KAAK,OAAO;AAAA,MAC9B,gBAAgB,CAAC,gBAAgB;AAAE,oBAAY,SAAS,eAAe,WAAW;AAAA,MAAG;AAAA,MACrF,WAAW,MAAM,YAAY,SAAS,UAAU,KAAK;AAAA,IACvD,IAAI,CAAC,CAAC;AAEN,WAAO,6CAAC,SAAI,KAAK,cAAc,WAAW,MAAM,WAAW,OAAO,MAAM,OAAO;AAAA,EACjF;AACF;;;ACzFA,IAAAC,gBAMO;AACP,IAAAC,aAMO;AAkFI,IAAAC,sBAAA;AAxDJ,IAAM,iBAAa;AAAA,EACxB,SAASC,YAAW,OAAO,KAAK;AAC9B,UAAM,EAAE,WAAW,OAAO,OAAO,SAAS,cAAc,WAAW,QAAQ,UAAU,gBAAgB,WAAW,kBAAkB,SAAS,IAAI;AAE/I,UAAM,mBAAe,sBAA8B,IAAI;AACvD,UAAM,gBAAY,sBAA8B,IAAI;AAGpD,UAAM,gBAAY,sBAAO,KAAK;AAC9B,cAAU,UAAU;AAEpB,iCAAU,MAAM;AACd,YAAM,KAAK,aAAa;AACxB,UAAI,CAAC,GAAI;AAET,YAAM,SAAS,IAAI,WAAAC,WAAe;AAAA,QAChC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,UAAU,QAAQ;AAAA,QACzB,UAAU,UAAU,QAAQ;AAAA,QAC5B,YAAY,CAAC,MAAM,OAAO,YAAY,UAAU,QAAQ,aAAa,MAAM,OAAO,OAAO;AAAA,QACzF,UAAU,CAAC,YAAY,UAAU,QAAQ,WAAW,OAAO;AAAA,QAC3D,mBAAmB,CAAC,UAAU,UAAU,QAAQ,oBAAoB,KAAK;AAAA,QACzE,eAAe,MAAM,UAAU,QAAQ,gBAAgB;AAAA,QACvD,SAAS,CAAC,QAAQ,UAAU,QAAQ,UAAU,GAAG;AAAA,MACnD,CAAC;AACD,gBAAU,UAAU;AACpB,WAAK,OAAO,OAAO;AAEnB,aAAO,MAAM;AACX,eAAO,QAAQ;AACf,kBAAU,UAAU;AAAA,MACtB;AAAA,IAGF,GAAG,CAAC,OAAO,SAAS,cAAc,WAAW,QAAQ,UAAU,gBAAgB,WAAW,kBAAkB,QAAQ,CAAC;AAErH;AAAA,MACE;AAAA,MACA,OAAyB;AAAA,QACvB,cAAc,MAAM,UAAU,SAAS,aAAa,KAAK,CAAC;AAAA,QAC1D,eAAe,CAAC,KAAK,gBAAgB,UAAU,SAAS,cAAc,KAAK,WAAW,KAAK,QAAQ,QAAQ,IAAI;AAAA,QAC/G,SAAS,MAAM,UAAU,SAAS,QAAQ,KAAK,QAAQ,QAAQ;AAAA,MACjE;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO,6CAAC,SAAI,KAAK,cAAc,WAAsB,OAAc;AAAA,EACrE;AACF;;;AHxEA,IAAAC,aAA+C;;;AIzB/C,IAAAC,gBAMO;AACP,IAAAC,aAWO;AAuII,IAAAC,sBAAA;AAxFJ,IAAM,kBAAc;AAAA,EACzB,SAASC,aAAY,OAAO,KAAK;AAC/B,UAAM;AAAA,MACJ;AAAA,MAAW;AAAA,MAAO;AAAA,MAAS;AAAA,MAAU;AAAA,MAAO;AAAA,MAC5C;AAAA,MAAM;AAAA,MAAU;AAAA,IAClB,IAAI;AAEJ,UAAM,mBAAe,sBAA8B,IAAI;AACvD,UAAM,iBAAa,sBAA+B,IAAI;AAEtD,UAAM,gBAAY,sBAAO,KAAK;AAC9B,cAAU,UAAU;AAEpB,iCAAU,MAAM;AACd,YAAM,KAAK,aAAa;AACxB,UAAI,CAAC,GAAI;AAET,YAAM,UAAU,IAAI,WAAAC,YAAgB;AAAA,QAClC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,UAAU,QAAQ;AAAA,QACzB,SAAS,MAAM,UAAU,QAAQ,UAAU;AAAA,QAC3C,WAAW,CAAC,MAA0B,UAAU,QAAQ,YAAY,CAAC;AAAA,QACrE,YAAY,CAAC,aAAkC,UAAU,QAAQ,aAAa,QAAQ;AAAA,QACtF,eAAe,CAAC,aAAkC,UAAU,QAAQ,gBAAgB,QAAQ;AAAA,QAC5F,gBAAgB,UAAU,QAAQ,iBAAiB,YAAY,UAAU,QAAQ,eAAgB,IAAI;AAAA,QACrG,cAAc,CAAC,aAAa,UAAU,QAAQ,eAAe,QAAQ;AAAA,QACrE,mBAAmB,CAAC,MAAsB,UAAU,QAAQ,oBAAoB,CAAC;AAAA,QACjF,kBAAkB,CAAC,MAA+B,UAAU,QAAQ,mBAAmB,CAAC;AAAA,QACxF,SAAS,CAAC,MAAe,UAAU,QAAQ,UAAU,CAAC;AAAA,MACxD,CAAC;AACD,iBAAW,UAAU;AACrB,WAAK,QAAQ,OAAO;AAEpB,aAAO,MAAM;AACX,gBAAQ,QAAQ;AAChB,mBAAW,UAAU;AAAA,MACvB;AAAA,IAGF,GAAG,CAAC,SAAS,QAAQ,CAAC;AAGtB,iCAAU,MAAM;AACd,iBAAW,SAAS,SAAS,OAAO,cAAc;AAAA,IACpD,GAAG,CAAC,OAAO,cAAc,CAAC;AAG1B,iCAAU,MAAM;AACd,UAAI,KAAM,YAAW,SAAS,QAAQ,IAAI;AAAA,IAC5C,GAAG,CAAC,IAAI,CAAC;AAET;AAAA,MACE;AAAA,MACA,OAA0B;AAAA,QACxB,SAAS,CAAC,MAAM,WAAW,SAAS,QAAQ,CAAC;AAAA,QAC7C,UAAU,CAAC,WAAW,cAAc,WAAW,SAAS,SAAS,WAAW,SAAS;AAAA,QACrF,gBAAgB,CAAC,YAAY,WAAW,SAAS,eAAe,OAAO;AAAA,QACvE,gBAAgB,CAAC,kBAAkB,WAAW,SAAS,eAAe,aAAa,KAC9E,QAAQ,OAAO,IAAI,MAAM,WAAW,CAAC;AAAA,QAC1C,iBAAiB,MAAM,WAAW,SAAS,gBAAgB,KAAK,QAAQ,QAAQ;AAAA,QAChF,gBAAgB,MAAM,WAAW,SAAS,eAAe,KAAK,QAAQ,QAAQ;AAAA,QAC9E,cAAc,MAAM,WAAW,SAAS,aAAa,KAAK;AAAA,QAC1D,OAAO,CAAC,QAAQ,SAAS,WAAW,SAAS,MAAM,QAAQ,IAAI,KAAK,QAAQ,QAAQ;AAAA,QACpF,SAAS,CAAC,WAAW,WAAW,SAAS,QAAQ,MAAM,KAAK,QAAQ,QAAQ;AAAA,QAC5E,YAAY,MAAM,WAAW,SAAS,WAAW,KAAK,QAAQ,QAAQ;AAAA,QACtE,eAAe,CAAC,QAAQ,eAAe,WAAW,SAAS,cAAc,QAAQ,UAAU,KAAK,QAAQ,QAAQ;AAAA,QAChH,WAAW,MAAM,WAAW,SAAS,UAAU,KAAK,CAAC;AAAA,QACrD,eAAe,CAAC,OAAO,WAAW,SAAS,cAAc,EAAE,KAAK,CAAC;AAAA,QACjE,gBAAgB,CAAC,WAAW,WAAW,SAAS,eAAe,MAAM,KAAK,CAAC;AAAA,QAC3E,gBAAgB,MAAM,WAAW,SAAS,eAAe;AAAA,QACzD,cAAc,MAAM,WAAW,SAAS,aAAa,KAAK,CAAC;AAAA,QAC3D,WAAW,MAAM,WAAW,SAAS,UAAU,KAAK,QAAQ,OAAO,IAAI,MAAM,WAAW,CAAC;AAAA,QACzF,wBAAwB,CAAC,kBAAkB,WAAW,SAAS,uBAAuB,aAAa,KAC9F,QAAQ,OAAO,IAAI,MAAM,WAAW,CAAC;AAAA,QAC1C,QAAQ,CAAC,SAAS,WAAW,SAAS,OAAO,IAAI,KAAK,QAAQ,QAAQ,EAAE,SAAS,CAAC,GAAG,YAAY,KAAK,CAAC;AAAA,QACvG,YAAY,CAAC,OAAO,WAAW,SAAS,WAAW,EAAE,KAAK,QAAQ,QAAQ;AAAA,QAC1E,WAAW,MAAM,WAAW,SAAS,UAAU;AAAA,MACjD;AAAA,MACA,CAAC;AAAA,IACH;AAEA,WAAO,6CAAC,SAAI,KAAK,cAAc,WAAsB,OAAc;AAAA,EACrE;AACF;","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, ExpandedSeat, ReportResult, LogEntry } from '@seatlayer/js';
-export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat } from '@seatlayer/js';
+import { SeatingChartOptions, HoldResult, GAAreaAvailability, BestAvailableResult, SelectedSeat, EmbeddedDesignerMessage, SeatPickerOptions, SeatManagerOptions, SeatManagerMode, ControlRoomSnapshot, ExpandedSeat, ReportResult, LogEntry } from '@seatlayer/js';
+export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, ControlRoomSectionMetric, ControlRoomSnapshot, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat } from '@seatlayer/js';
 
 /** Imperative handle exposed via `ref` — call these to drive the picker from your app. */
 interface SeatingChartHandle {
@@ -118,6 +118,12 @@ declare const SeatPicker: react.ForwardRefExoticComponent<SeatPickerProps & reac
 /** Imperative handle for the organizer manage board. */
 interface SeatManagerHandle {
     setMode(mode: SeatManagerMode): void;
+    setToken(token: string, expiresAt?: number): void;
+    setHeatOverlay(enabled: boolean): void;
+    setTrendWindow(windowMinutes: number): Promise<ControlRoomSnapshot>;
+    enterFullscreen(): Promise<void>;
+    exitFullscreen(): Promise<void>;
+    isFullscreen(): boolean;
     block(labels?: string[], opts?: {
         releaseAt?: number;
         reason?: string;
@@ -131,6 +137,7 @@ interface SeatManagerHandle {
     clearSelection(): void;
     getSelection(): ExpandedSeat[];
     getReport(): Promise<ReportResult>;
+    getControlRoomSnapshot(windowMinutes?: number): Promise<ControlRoomSnapshot>;
     getLog(opts?: {
         limit?: number;
         before?: number;
@@ -149,8 +156,8 @@ interface SeatManagerProps extends Omit<SeatManagerOptions, 'container'> {
  * React wrapper around the framework-agnostic {@link CoreSeatManager}. Give the
  * wrapping div a size (it fills its box — a war-room board wants a big one) and
  * the manager lays out the live map + KPI bar + rails inside it. Rebuilt only
- * when the event identity / apiBase / token changes; callbacks are always read
- * live without tearing the board down.
+ * when the event identity / apiBase changes. Tokens and callbacks are updated
+ * in place without tearing the board down.
  */
 declare const SeatManager: react.ForwardRefExoticComponent<SeatManagerProps & react.RefAttributes<SeatManagerHandle>>;
 

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, ExpandedSeat, ReportResult, LogEntry } from '@seatlayer/js';
-export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat } from '@seatlayer/js';
+import { SeatingChartOptions, HoldResult, GAAreaAvailability, BestAvailableResult, SelectedSeat, EmbeddedDesignerMessage, SeatPickerOptions, SeatManagerOptions, SeatManagerMode, ControlRoomSnapshot, ExpandedSeat, ReportResult, LogEntry } from '@seatlayer/js';
+export { BestAvailableResult, CheckoutHandoff, CheckoutLineItem, ControlRoomSectionMetric, ControlRoomSnapshot, EmbeddedDesignerMessage, GAAreaAvailability, HoldLineItem, HoldResult, SeatManagerActionResult, SeatManagerActivity, SeatManagerMode, SeatManagerOptions, SeatManagerTallies, SeatPickerOptions, SeatPickerTheme, SeatPicker as SeatPickerWidget, SelectedSeat } from '@seatlayer/js';
 
 /** Imperative handle exposed via `ref` — call these to drive the picker from your app. */
 interface SeatingChartHandle {
@@ -118,6 +118,12 @@ declare const SeatPicker: react.ForwardRefExoticComponent<SeatPickerProps & reac
 /** Imperative handle for the organizer manage board. */
 interface SeatManagerHandle {
     setMode(mode: SeatManagerMode): void;
+    setToken(token: string, expiresAt?: number): void;
+    setHeatOverlay(enabled: boolean): void;
+    setTrendWindow(windowMinutes: number): Promise<ControlRoomSnapshot>;
+    enterFullscreen(): Promise<void>;
+    exitFullscreen(): Promise<void>;
+    isFullscreen(): boolean;
     block(labels?: string[], opts?: {
         releaseAt?: number;
         reason?: string;
@@ -131,6 +137,7 @@ interface SeatManagerHandle {
     clearSelection(): void;
     getSelection(): ExpandedSeat[];
     getReport(): Promise<ReportResult>;
+    getControlRoomSnapshot(windowMinutes?: number): Promise<ControlRoomSnapshot>;
     getLog(opts?: {
         limit?: number;
         before?: number;
@@ -149,8 +156,8 @@ interface SeatManagerProps extends Omit<SeatManagerOptions, 'container'> {
  * React wrapper around the framework-agnostic {@link CoreSeatManager}. Give the
  * wrapping div a size (it fills its box — a war-room board wants a big one) and
  * the manager lays out the live map + KPI bar + rails inside it. Rebuilt only
- * when the event identity / apiBase / token changes; callbacks are always read
- * live without tearing the board down.
+ * when the event identity / apiBase changes. Tokens and callbacks are updated
+ * in place without tearing the board down.
  */
 declare const SeatManager: react.ForwardRefExoticComponent<SeatManagerProps & react.RefAttributes<SeatManagerHandle>>;
 

package/dist/index.js

@@ -199,7 +199,17 @@ import {
 import { jsx as jsx4 } from "react/jsx-runtime";
 var SeatManager = forwardRef4(
   function SeatManager2(props, ref) {
-    const { className, style, apiBase, eventKey, token, mode, currency, keepLiveWhileHidden } = props;
+    const {
+      className,
+      style,
+      apiBase,
+      eventKey,
+      token,
+      tokenExpiresAt,
+      mode,
+      currency,
+      keepLiveWhileHidden
+    } = props;
     const containerRef = useRef4(null);
     const managerRef = useRef4(null);
     const callbacks = useRef4(props);
@@ -212,12 +222,17 @@ var SeatManager = forwardRef4(
         apiBase,
         eventKey,
         token,
+        tokenExpiresAt,
         mode,
         currency,
         keepLiveWhileHidden,
         theme: callbacks.current.theme,
         onReady: () => callbacks.current.onReady?.(),
         onTallies: (t) => callbacks.current.onTallies?.(t),
+        onActivity: (activity) => callbacks.current.onActivity?.(activity),
+        onControlRoom: (snapshot) => callbacks.current.onControlRoom?.(snapshot),
+        onTokenRefresh: callbacks.current.onTokenRefresh ? async () => callbacks.current.onTokenRefresh() : void 0,
+        onModeChange: (nextMode) => callbacks.current.onModeChange?.(nextMode),
         onSelectionChange: (s) => callbacks.current.onSelectionChange?.(s),
         onActionComplete: (r) => callbacks.current.onActionComplete?.(r),
         onError: (e) => callbacks.current.onError?.(e)
@@ -228,7 +243,10 @@ var SeatManager = forwardRef4(
         manager.destroy();
         managerRef.current = null;
       };
-    }, [apiBase, eventKey, token]);
+    }, [apiBase, eventKey]);
+    useEffect4(() => {
+      managerRef.current?.setToken(token, tokenExpiresAt);
+    }, [token, tokenExpiresAt]);
     useEffect4(() => {
       if (mode) managerRef.current?.setMode(mode);
     }, [mode]);
@@ -236,6 +254,12 @@ var SeatManager = forwardRef4(
       ref,
       () => ({
         setMode: (m) => managerRef.current?.setMode(m),
+        setToken: (nextToken, expiresAt) => managerRef.current?.setToken(nextToken, expiresAt),
+        setHeatOverlay: (enabled) => managerRef.current?.setHeatOverlay(enabled),
+        setTrendWindow: (windowMinutes) => managerRef.current?.setTrendWindow(windowMinutes) ?? Promise.reject(new Error("not ready")),
+        enterFullscreen: () => managerRef.current?.enterFullscreen() ?? Promise.resolve(),
+        exitFullscreen: () => managerRef.current?.exitFullscreen() ?? Promise.resolve(),
+        isFullscreen: () => managerRef.current?.isFullscreen() ?? false,
         block: (labels, opts) => managerRef.current?.block(labels, opts) ?? Promise.resolve(),
         unblock: (labels) => managerRef.current?.unblock(labels) ?? Promise.resolve(),
         unblockAll: () => managerRef.current?.unblockAll() ?? Promise.resolve(),
@@ -246,6 +270,7 @@ var SeatManager = forwardRef4(
         clearSelection: () => managerRef.current?.clearSelection(),
         getSelection: () => managerRef.current?.getSelection() ?? [],
         getReport: () => managerRef.current?.getReport() ?? Promise.reject(new Error("not ready")),
+        getControlRoomSnapshot: (windowMinutes) => managerRef.current?.getControlRoomSnapshot(windowMinutes) ?? Promise.reject(new Error("not ready")),
         getLog: (opts) => managerRef.current?.getLog(opts) ?? Promise.resolve({ entries: [], nextBefore: null }),
         setHoldTtl: (ms) => managerRef.current?.setHoldTtl(ms) ?? Promise.resolve(),
         zoomToFit: () => managerRef.current?.zoomToFit()

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  /** 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  /** 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        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        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        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  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        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]);\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  /** 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, 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        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        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\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, 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        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 manage surface (M1: live View board + bulk Block/unblock).\nexport { SeatManager } from './SeatManager';\nexport type {\n  SeatManagerHandle,\n  SeatManagerProps,\n  SeatManagerOptions,\n  SeatManagerMode,\n  SeatManagerTallies,\n  SeatManagerActivity,\n  SeatManagerActionResult,\n} from './SeatManager';\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 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  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  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 / token changes; callbacks are always read\n * live without tearing the board down.\n */\nexport const SeatManager = forwardRef<SeatManagerHandle, SeatManagerProps>(\n  function SeatManager(props, ref) {\n    const { className, style, apiBase, eventKey, token, mode, currency, keepLiveWhileHidden } = 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        mode,\n        currency,\n        keepLiveWhileHidden,\n        theme: callbacks.current.theme,\n        onReady: () => callbacks.current.onReady?.(),\n        onTallies: (t: SeatManagerTallies) => callbacks.current.onTallies?.(t),\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, token]);\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    useImperativeHandle(\n      ref,\n      (): SeatManagerHandle => ({\n        setMode: (m) => managerRef.current?.setMode(m),\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        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  /** 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  /** 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        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        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        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  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        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]);\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  /** 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, 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        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        onHoldExpired: () => callbacks.current.onHoldExpired?.(),\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, 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        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 { 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  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,\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        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        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    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        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.11.0",
+  "version": "0.12.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,7 +35,7 @@
     "ticketing"
   ],
   "dependencies": {
-    "@seatlayer/js": "^0.11.0"
+    "@seatlayer/js": "^0.12.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0"