@seatlayer/js 0.48.1 → 0.49.0

package/dist/manager.cjs

@@ -836,6 +836,16 @@ function accessLinkErrorCopy(err) {
       return fromServer || "That did not go through. Try again.";
   }
 }
+function dropReviewRows(details) {
+  return (details?.channels ?? []).map((channel) => ({
+    kind: "skip",
+    icon: "\u26A0",
+    count: channel.count,
+    text: `${channel.count.toLocaleString()} would leave ${channel.name ?? "a channel"}`,
+    why: "the new chart no longer has these seats",
+    peek: channel.labels?.length ? peekOf({ count: channel.count, labels: channel.labels, truncated: channel.truncated ?? false }) : void 0
+  }));
+}
 function stateBadge(state) {
   return state === "builtin" ? "Built-in" : state === "active" ? "Active" : state === "paused" ? "Paused" : "Archived";
 }
@@ -3693,9 +3703,35 @@ var init_channelsMode = __esm({
 // src/manager.ts
 var manager_exports = {};
 __export(manager_exports, {
+  ACCESS_LINK_DEFAULTS: () => ACCESS_LINK_DEFAULTS,
+  ChannelsMode: () => ChannelsMode,
   ManageApi: () => ManageApi,
   ManageApiError: () => ManageApiError,
-  SeatManager: () => SeatManager
+  PUBLIC_CHANNEL_ID: () => PUBLIC_CHANNEL_ID,
+  PUBLIC_CHANNEL_NAME: () => PUBLIC_CHANNEL_NAME,
+  SeatManager: () => SeatManager,
+  accessIntentDescription: () => accessIntentDescription,
+  accessIntentLabel: () => accessIntentLabel,
+  accessLine: () => accessLine,
+  accessLinkBadge: () => accessLinkBadge,
+  accessLinkErrorCopy: () => accessLinkErrorCopy,
+  accessLinkIsLive: () => accessLinkIsLive,
+  accessLinkPolicyLines: () => accessLinkPolicyLines,
+  bucketRows: () => bucketRows,
+  bucketRowsHtml: () => bucketRowsHtml,
+  dropReviewRows: () => dropReviewRows,
+  intentForbidsCopy: () => intentForbidsCopy,
+  intentSwitchBlockedCopy: () => intentSwitchBlockedCopy,
+  isPublicChannelId: () => isPublicChannelId,
+  markerLetter: () => markerLetter,
+  markerOf: () => markerOf,
+  mutationCount: () => mutationCount,
+  needsMoveConfirmation: () => needsMoveConfirmation,
+  planAssignment: () => planAssignment,
+  retryAfterCopy: () => retryAfterCopy,
+  selectionSources: () => selectionSources,
+  stateBadge: () => stateBadge,
+  suggestMarker: () => suggestMarker
 });
 module.exports = __toCommonJS(manager_exports);
 
@@ -3836,6 +3872,13 @@ function resolveContainer(container) {
   }
   return container;
 }
+function assertBrowserManageToken(token) {
+  if (!token.startsWith("mse_")) {
+    throw new Error(
+      "seatmanager: token must be a short-lived event-scoped mse_ grant minted by your backend; tenant secret keys are unsupported in browsers"
+    );
+  }
+}
 function toRenderStatus(s) {
   return s === "blocked" ? "not_for_sale" : s;
 }
@@ -3874,7 +3917,18 @@ var MANAGER_CSS = (
 .slm input{font:inherit}
 
 /* top bar */
-.slm-bar{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:10px;
+/* FOUR columns, because the bar has four children: modes, the tools
+   select, the live badge, and the actions. With three, the actions had no
+   column and fell to an implicit second row \u2014 where justify-self:end
+   aligned them to the right of column ONE, so they read as indented
+   rather than as either edge. The 1fr moves to the last column so the
+   actions sit hard right and the live badge hugs its own text instead of
+   stretching across the free space.
+
+   .slm.compact still spans the actions full-width on its own row below;
+   that wrap is deliberate and is why this looked intermittent \u2014 the same
+   broken layout had one designed cause and one accidental one. */
+.slm-bar{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;column-gap:14px;row-gap:10px;
   padding:10px 16px;border-bottom:1px solid var(--slm-line);flex:none}
 .slm-modes{display:inline-flex;background:var(--slm-surface);border:1px solid var(--slm-line);border-radius:999px;padding:3px}
 .slm-mode{padding:6px 16px;border-radius:999px;font-weight:700;font-size:13px;color:var(--slm-muted)}
@@ -4173,6 +4227,8 @@ var SeatManager = class {
     /** Bumped whenever the seat model is replaced wholesale (a full snapshot). */
     this.modelVersion = 0;
     this.currency = "USD";
+    /** Currency read from the event/control-room projection; host currency is fallback only. */
+    this.authoritativeCurrency = null;
     this.authoritativeGrossRevenue = 0;
     this.revenueStatus = "loading";
     this.revenueRequest = 0;
@@ -4249,6 +4305,8 @@ var SeatManager = class {
      */
     this.channels = null;
     this.channelCaps = { view: false, manage: false };
+    /** Supersedes an async capability probe after token/capability rotation. */
+    this.channelCapabilityResolution = 0;
     /** In-flight `import('./channelsMode')`, so concurrent entries load once. */
     this.channelsLoading = null;
     this.onFullscreenChange = () => {
@@ -4285,6 +4343,7 @@ var SeatManager = class {
       if (feedButton?.dataset.feedId) this.locateActivity(feedButton.dataset.feedId);
     };
     this.sectionOptions = [];
+    assertBrowserManageToken(options.token);
     this.opts = options;
     this.key = options.eventKey;
     this.mode = options.mode ?? "view";
@@ -4306,7 +4365,8 @@ var SeatManager = class {
     try {
       const res = await this.withAuthRetry(() => this.api.chart(this.key));
       this.doc = await this.organizerAssetUrls.prepareRendererChart(res.doc);
-      this.currency = res.event.currency ?? this.opts.currency ?? this.currency;
+      this.authoritativeCurrency = res.event.currency ?? null;
+      this.currency = this.authoritativeCurrency ?? this.opts.currency ?? this.currency;
       this.buildUnitUniverse(this.doc);
       this.buildRenderer();
       this.buildSectionOptions();
@@ -4351,36 +4411,38 @@ var SeatManager = class {
    * Decide what this token may do with sales channels.
    *
    * Declared capabilities win — a host that mints an `mse_…` grant knows exactly
-   * what it asked for. Otherwise a tenant secret (`sk_…`) is org authority the
-   * worker never narrows, so it is fully capable; and a delegated token with no
-   * declaration is probed for read access and then treated as READ-ONLY, because
-   * "we could not tell" must never render mutation controls.
+   * what it asked for. A delegated token with no declaration is probed for read
+   * access and then treated as READ-ONLY, because "we could not tell" must never
+   * render mutation controls.
    */
   async resolveChannelCapabilities() {
+    const resolution = ++this.channelCapabilityResolution;
     const declared = this.opts.capabilities;
+    let next;
     if (declared) {
       const set = new Set(declared);
-      this.channelCaps = {
+      next = {
         view: set.has("event:channels:view"),
         manage: set.has("event:channels:view") && set.has("event:channels:manage")
       };
-    } else if (/^sk_/.test(this.opts.token)) {
-      this.channelCaps = { view: true, manage: true };
     } else {
-      this.channelCaps = { view: false, manage: false };
+      next = { view: false, manage: false };
     }
-    if (!this.channelCaps.view && !declared && !/^sk_/.test(this.opts.token)) {
+    if (!next.view && !declared) {
       try {
         await this.api.channels(this.key);
-        this.channelCaps = { view: true, manage: false };
+        next = { view: true, manage: false };
       } catch {
-        this.channelCaps = { view: false, manage: false };
+        next = { view: false, manage: false };
       }
     }
+    if (resolution !== this.channelCapabilityResolution) return;
+    this.channelCaps = next;
     if (!this.channelCaps.view) {
       this.channels?.destroy();
       this.channels = null;
-      this.paintModeTabs();
+      if (this.mode === "channels") this.setMode("view");
+      else this.paintModeTabs();
       return;
     }
     this.channels?.setCapabilities(this.channelCaps);
@@ -4539,6 +4601,36 @@ var SeatManager = class {
     this.paintFollowLiveButton();
     if (changed) this.opts.onFollowLiveChange?.(enabled);
   }
+  /** Update background-tab repaint policy without rebuilding the board. */
+  setKeepLiveWhileHidden(enabled) {
+    this.keepLive = enabled ?? true;
+    this.opts.keepLiveWhileHidden = enabled;
+  }
+  /** Update the host fallback currency; an event/control-room currency still wins. */
+  setCurrency(currency) {
+    this.opts.currency = currency;
+    if (this.authoritativeCurrency) return;
+    this.currency = currency ?? "USD";
+    if (this.ready) this.recomputeTallies();
+  }
+  /** Apply organizer chrome tokens in place without losing camera or selection. */
+  setTheme(theme) {
+    this.opts.theme = theme;
+    if (!this.root) return;
+    for (const [property, value] of Object.entries(themeVars(theme))) {
+      this.root.style.setProperty(property, value);
+    }
+  }
+  /** Replace the declared authority for the current token and fail closed. */
+  setCapabilities(capabilities) {
+    this.opts.capabilities = capabilities;
+    if (this.ready) void this.resolveChannelCapabilities();
+  }
+  /** Change proactive token-refresh policy without rebuilding the manager. */
+  setTokenRefresh(onTokenRefresh) {
+    this.opts.onTokenRefresh = onTokenRefresh;
+    this.scheduleTokenRefresh();
+  }
   /** Change the current-vs-previous sales window and refresh the private projection. */
   setTrendWindow(windowMinutes) {
     const normalized = Number.isFinite(windowMinutes) ? Math.floor(windowMinutes) : 15;
@@ -4564,7 +4656,10 @@ var SeatManager = class {
   }
   /** Rotate the delegated credential without rebuilding DOM, canvas or socket. */
   setToken(token, expiresAt) {
+    assertBrowserManageToken(token);
     this.api.setToken(token);
+    this.opts.token = token;
+    this.opts.tokenExpiresAt = expiresAt;
     this.tokenExpiresAt = expiresAt ?? null;
     this.scheduleTokenRefresh();
     if (this.ready) void this.resolveChannelCapabilities();
@@ -4716,11 +4811,6 @@ var SeatManager = class {
       this.opts.onError?.(err);
     }
   }
-  /** M2 — box-office booking from free seats. Stubbed (route is session-only today). */
-  boxBook(_labels, _bookingRef) {
-    this.toastErr("Box office ships in a later milestone.");
-    return Promise.resolve();
-  }
   zoomToFit() {
     this.renderer?.clearSectionFocus();
     this.renderer?.zoomToFit();
@@ -5237,6 +5327,7 @@ var SeatManager = class {
         this.rebaseServerTotals(snapshot);
         this.lastSyncedAt = Date.now();
         this.authoritativeGrossRevenue = snapshot.bookedValue.gross;
+        this.authoritativeCurrency = snapshot.currency;
         this.currency = snapshot.currency;
         this.revenueStatus = "current";
         this.recomputeTallies();
@@ -6355,11 +6446,39 @@ var SeatManager = class {
 };
 
 // src/manager.ts
+init_channelsMode();
+init_channelPlan();
 init_manageApi();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ACCESS_LINK_DEFAULTS,
+  ChannelsMode,
   ManageApi,
   ManageApiError,
-  SeatManager
+  PUBLIC_CHANNEL_ID,
+  PUBLIC_CHANNEL_NAME,
+  SeatManager,
+  accessIntentDescription,
+  accessIntentLabel,
+  accessLine,
+  accessLinkBadge,
+  accessLinkErrorCopy,
+  accessLinkIsLive,
+  accessLinkPolicyLines,
+  bucketRows,
+  bucketRowsHtml,
+  dropReviewRows,
+  intentForbidsCopy,
+  intentSwitchBlockedCopy,
+  isPublicChannelId,
+  markerLetter,
+  markerOf,
+  mutationCount,
+  needsMoveConfirmation,
+  planAssignment,
+  retryAfterCopy,
+  selectionSources,
+  stateBadge,
+  suggestMarker
 });
 //# sourceMappingURL=manager.cjs.map