@seatlayer/js 0.47.2 → 0.48.1

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   SeatManager
-} from "./chunk-CF5MS7UR.js";
+} from "./chunk-Q5QT3YLA.js";
 import {
   ACCESS_LINK_DEFAULTS,
   ChannelsMode,
@@ -28,11 +28,11 @@ import {
   selectionSources,
   stateBadge,
   suggestMarker
-} from "./chunk-DMEFXZIL.js";
+} from "./chunk-KNMZQZXR.js";
 import {
   ManageApi,
   ManageApiError
-} from "./chunk-X2R4AQSZ.js";
+} from "./chunk-H4OJF6LE.js";
 import {
   __privateAdd,
   __privateGet,
@@ -524,9 +524,54 @@ var PubApi = class {
     }
     return data;
   }
+  /**
+   * Binary counterpart to `request`. Buyer media needs the same in-memory
+   * bearer/refresh rules as JSON, but returns bytes that the picker turns into
+   * a blob URL. The bearer stays in the Authorization header and is never
+   * appended to `path`.
+   */
+  async requestBlob(path, retried = {}) {
+    const headers = {};
+    const authorization = await this.access?.authorization(retried.auth ? "unauthorized" : "initial");
+    if (authorization) headers.Authorization = authorization;
+    const res = await fetch(`${this.base}${path}`, { method: "GET", headers, credentials: "omit" });
+    if (res.ok) return res.blob();
+    const isJson = (res.headers.get("content-type") ?? "").includes("application/json");
+    const data = isJson ? await res.json().catch(() => null) : null;
+    const code = data?.code ?? data?.error;
+    if (this.access?.configured && (res.status === 401 || res.status === 403 || res.status === 422)) {
+      const refreshed = await this.access.handleFailure(res.status, code);
+      if (refreshed && !retried.auth) return this.requestBlob(path, { ...retried, auth: true });
+    }
+    let retryAfterS;
+    if (res.status === 429) {
+      retryAfterS = parseRetryAfter(res.headers.get("Retry-After"), data?.retryAfterSeconds) ?? DEFAULT_RATE_LIMIT_WAIT_S;
+      if (!retried.rateLimit && retryAfterS <= MAX_RATE_LIMIT_WAIT_S) {
+        await new Promise((resolve) => setTimeout(resolve, retryAfterS * 1e3));
+        return this.requestBlob(path, { ...retried, rateLimit: true });
+      }
+    }
+    throw new ApiError(
+      res.status,
+      data?.error ?? `request_failed_${res.status}`,
+      code,
+      void 0,
+      void 0,
+      retryAfterS
+    );
+  }
   chart(key) {
     return this.request(`/pub/events/${encodeURIComponent(key)}/chart`);
   }
+  /** Authenticated bytes for an Event-scoped authored view image. */
+  asset(key, asset) {
+    if (!/^[a-zA-Z0-9._-]+$/.test(asset)) {
+      return Promise.reject(new ApiError(404, "not_found", "not_found"));
+    }
+    return this.requestBlob(
+      `/pub/events/${encodeURIComponent(key)}/assets/${encodeURIComponent(asset)}`
+    );
+  }
   objects(key) {
     return this.request(`/pub/events/${encodeURIComponent(key)}/objects?compact=1`);
   }
@@ -629,12 +674,11 @@ var PubApi = class {
   /**
    * What PickerController opens its own socket with.
    *
-   * Empty for an access-scoped client: a private scope authenticates with a
+   * Empty for an access-scoped client: a scoped audience authenticates with a
    * subprotocol ticket, which a URL-only constructor cannot carry, so the SDK's
    * BuyerRealtimeClient owns that socket instead and the controller skips its
    * own (an empty URL is its documented "no live feed" contract). A tokenless
-   * public client returns exactly the URL it always has, so nothing about the
-   * public picker's realtime path changes.
+   * Managed public client returns exactly the URL it always has.
    */
   socketUrl(key) {
     return this.accessScoped ? "" : this.subscribeUrl(key);
@@ -1994,6 +2038,81 @@ import {
   schedulePanoramaUpgrade
 } from "@seatlayer/core/view/panoramaDelivery";
 
+// src/buyerAssets.ts
+var SAFE_ASSET = /^[a-zA-Z0-9._-]+$/;
+function buyerEventAssetReference(value) {
+  let url;
+  try {
+    url = new URL(value, "https://seatlayer.invalid");
+  } catch {
+    return null;
+  }
+  if (url.search || url.hash) return null;
+  const match = /^\/pub\/events\/([^/]+)\/assets\/([^/]+)$/.exec(url.pathname);
+  if (!match) return null;
+  try {
+    const eventKey = decodeURIComponent(match[1]);
+    const asset = decodeURIComponent(match[2]);
+    if (!eventKey || !SAFE_ASSET.test(asset)) return null;
+    return { eventKey, asset };
+  } catch {
+    return null;
+  }
+}
+function looksLikeBuyerAsset(value) {
+  try {
+    return /^\/pub\/events\/[^/]+\/assets(?:\/|$)/.test(
+      new URL(value, "https://seatlayer.invalid").pathname
+    );
+  } catch {
+    return false;
+  }
+}
+var BuyerAssetObjectUrls = class {
+  constructor(eventKey, load) {
+    this.eventKey = eventKey;
+    this.load = load;
+    this.pending = /* @__PURE__ */ new Map();
+    this.created = /* @__PURE__ */ new Set();
+    this.disposed = false;
+  }
+  /**
+   * External organizer/CDN URLs pass through unchanged. SeatLayer event assets
+   * never do: they require the transport, and a reference for another Event is
+   * refused instead of being loaded anonymously.
+   */
+  resolve(reference) {
+    const parsed = buyerEventAssetReference(reference);
+    if (!parsed) {
+      return Promise.resolve(looksLikeBuyerAsset(reference) ? null : reference);
+    }
+    if (parsed.eventKey !== this.eventKey || !this.load || this.disposed) return Promise.resolve(null);
+    const existing = this.pending.get(reference);
+    if (existing) return existing;
+    const task = this.load(this.eventKey, parsed.asset).then((blob) => {
+      const objectUrl = URL.createObjectURL(blob);
+      if (this.disposed) {
+        URL.revokeObjectURL(objectUrl);
+        return null;
+      }
+      this.created.add(objectUrl);
+      return objectUrl;
+    }).catch((error) => {
+      this.pending.delete(reference);
+      throw error;
+    });
+    this.pending.set(reference, task);
+    return task;
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    for (const url of this.created) URL.revokeObjectURL(url);
+    this.created.clear();
+    this.pending.clear();
+  }
+};
+
 // src/offerAvailability.ts
 var SALE_STATES = [
   "on-sale",
@@ -2209,7 +2328,7 @@ async function loadHostedCheckout() {
       cdnChunkUrl("seatlayer-checkout.mjs")
     );
   }
-  return import("./hostedCheckout-SHQCWN5Y.js");
+  return import("./hostedCheckout-F6C6VCCG.js");
 }
 function paymentsOffReason(reason) {
   return reason === "unavailable_for_event" || reason === "payments_off_for_event" ? reason : "not_configured";
@@ -2251,6 +2370,16 @@ var CSS = (
 .sl-close.on{display:inline-flex}
 .sl-close svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
 
+/* A page or popup may already own the event heading. In that case only the
+   duplicate identity disappears; operational header controls stay available.
+   Zero block padding lets an otherwise-empty header collapse completely. */
+.sl-picker[data-event-details-hidden="true"] .sl-head{padding-block:0;border-bottom-width:0}
+.sl-picker[data-event-details-hidden="true"] .sl-logo,
+.sl-picker[data-event-details-hidden="true"] .sl-head-info{display:none!important}
+.sl-picker[data-event-details-hidden="true"] .sl-hold-pill.on,
+.sl-picker[data-event-details-hidden="true"] .sl-closed-pill.on,
+.sl-picker[data-event-details-hidden="true"] .sl-close.on{margin-block:10px}
+
 /* body */
 .sl-body{display:flex;flex:1;min-height:0}
 .sl-map{position:relative;flex:1;min-width:0}
@@ -2268,7 +2397,7 @@ var CSS = (
 .sl-picker[data-layout="narrow"] .sl-side{width:100%;border-left:0;border-top:1px solid var(--sl-line);
   flex:none;height:min(72%,480px);overflow:hidden;transition:height .3s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
 .sl-picker[data-layout="narrow"][data-sheet="open"][data-has-selection="false"] .sl-side{height:min(252px,52%)}
-.sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-side{height:86px;overflow:hidden}
+.sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-side{height:76px;overflow:hidden}
 .sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-side > :not(.sl-sheet-head){display:none}
 .sl-picker[data-layout="narrow"] .sl-tray{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .sl-picker[data-layout="narrow"] .sl-foot{position:static;background:var(--sl-bg)}
@@ -2303,9 +2432,10 @@ var CSS = (
    head is the tap/swipe toggle target (min 44px), so it reads as one control. */
 .sl-sheet-head{display:none;flex-direction:column;justify-content:center;padding:6px 12px 8px;min-height:56px;
   cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;flex:none}
-.sl-picker[data-layout="narrow"] .sl-sheet-head{display:flex}
-.sl-sheet-grab{width:36px;height:4px;border-radius:999px;background:var(--sl-muted);opacity:.55;margin:2px auto 7px}
-.sl-sheet-bar{display:flex;align-items:center;gap:10px;min-height:26px}
+.sl-picker[data-layout="narrow"] .sl-sheet-head{display:flex;min-height:64px;padding:4px 10px 6px}
+.sl-picker[data-layout="narrow"][data-sheet="peek"] .sl-sheet-head{height:100%}
+.sl-sheet-grab{width:36px;height:4px;border-radius:999px;background:var(--sl-muted);opacity:.55;margin:1px auto 5px}
+.sl-sheet-bar{display:flex;align-items:center;gap:8px;min-height:44px}
 .sl-sheet-peek{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-size:13px;font-weight:700;color:var(--sl-text);
   white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sl-sheet-peek .sub{color:var(--sl-muted);font-weight:600}
@@ -2333,7 +2463,7 @@ var CSS = (
 .sl-picker[data-layout="narrow"][data-has-selection="true"] .sl-filtersec.has,
 .sl-picker[data-layout="narrow"][data-has-selection="true"] .sl-filters.has{display:none}
 /* Accessibility and colour-safety controls must remain reachable on phones.
-   Keep them out of the 86px peek, then reveal their consolidated row whenever
+   Keep them out of the collapsed peek, then reveal their consolidated row whenever
    the buyer explicitly opens the ticket panel. */
 .sl-picker[data-layout="narrow"][data-sheet="open"] .sl-filtersec.has{display:block!important}
 .sl-picker[data-layout="narrow"][data-sheet="open"] .sl-filters.has{display:flex!important}
@@ -2476,15 +2606,10 @@ var CSS = (
 .sl-picker .sl-cta:disabled{background:var(--sl-surface);color:var(--sl-muted);opacity:1;
   cursor:not-allowed;filter:none;transform:none}
 
-/* Chrome anchor regions (Feature 6) \u2014 every persistent map overlay is APPENDED
+/* Chrome anchor regions (Feature 6) \u2014 every interactive map overlay is APPENDED
    INTO one of these positioned flex containers and flows/stacks within it, so no
-   two pieces of chrome free-float on top of each other. Regions never overlap:
-   the top strip splits into left/center/right; rails + corners own their edge. */
-/* align-items:center, not the flex default of stretch. Without it a short pill
-   beside a taller control (TEST MODE next to the Map/3D toggle) is stretched to
-   the row's height, so two pills that should read as a matched pair end up
-   different shapes on different baselines. Column regions set their own
-   cross-axis alignment below and are unaffected. */
+   two controls free-float on top of each other. Regions never overlap: the top
+   strip splits into left/center/right; rails + corners own their edge. */
 .sl-anchor{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;pointer-events:none}
 .sl-anchor > *{pointer-events:auto}
 .sl-anchor[data-region="top-left"]{top:12px;left:12px;flex-wrap:wrap;max-width:38%}
@@ -2500,18 +2625,17 @@ var CSS = (
 .sl-picker[data-layout="narrow"] .sl-anchor[data-region="top-left"]{max-width:30%}
 .sl-picker[data-layout="narrow"] .sl-anchor[data-region="top-center"]{max-width:44%}
 
-/* TEST MODE badge \u2014 a small pill in the top-right region (shrinks on narrow) */
-/* align-self:stretch, not a hardcoded height: the badge sits beside the Map/3D
-   toggle, whose height comes from its own border + padding + button metrics.
-   Stretching matches that row exactly and keeps matching if the toggle ever
-   changes, while the badge's own inline-flex keeps the label centred inside
-   whatever height it gets. Alone in the region it simply takes its natural
-   size. */
-.sl-testbadge{display:inline-flex;align-items:center;align-self:stretch;padding:0 12px;border-radius:999px;
-  font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1;
-  text-transform:uppercase;white-space:nowrap;background:var(--sl-accent);color:var(--sl-accent-ink);
-  box-shadow:0 2px 8px rgba(0,0,0,.25)}
-.sl-picker[data-layout="narrow"] .sl-testbadge{padding:0 8px;font-size:8.5px;letter-spacing:.06em}
+/* TEST MODE is environment context, not an action. A clipped corner ribbon
+   keeps it persistent without impersonating a button or competing with Map/3D.
+   The top-left interactive region moves below it only on test events. */
+.sl-testbadge{position:absolute;top:17px;left:-38px;z-index:6;width:142px;padding:5px 0;
+  transform:rotate(-45deg);text-align:center;pointer-events:none;
+  font-size:9.5px;font-weight:850;letter-spacing:.13em;line-height:1.2;text-transform:uppercase;
+  white-space:nowrap;background:var(--sl-accent);color:var(--sl-accent-ink);
+  box-shadow:0 2px 8px rgba(0,0,0,.28)}
+.sl-picker[data-event-mode="test"] .sl-anchor[data-region="top-left"]{top:96px}
+.sl-picker[data-layout="narrow"] .sl-testbadge{top:14px;left:-35px;width:128px;font-size:8.5px}
+.sl-picker[data-layout="narrow"][data-event-mode="test"] .sl-anchor[data-region="top-left"]{top:88px}
 
 /* zoom column (flows within the bottom-right region) */
 .sl-zoom{display:flex;flex-direction:column;gap:6px}
@@ -2746,10 +2870,15 @@ var CSS = (
 .sl-ba-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .sl-ba-actions button{min-height:36px;border-radius:9px;border:1px solid var(--sl-line);font-size:11.5px;font-weight:800}
 .sl-ba-actions .replace{border-color:var(--sl-accent);background:var(--sl-accent);color:var(--sl-accent-ink)}
-.sl-picker[data-layout="narrow"] .sl-ba{padding:11px}
+.sl-picker[data-layout="narrow"] .sl-ba{padding:9px;gap:6px}
+.sl-picker[data-layout="narrow"] .sl-ba::after{display:none}
+.sl-picker[data-layout="narrow"] .sl-ba-title{font-size:12.5px}
+.sl-picker[data-layout="narrow"] .sl-ba-copy{display:none}
 .sl-picker[data-layout="narrow"] .sl-ba-copy .wide{display:none}
 .sl-picker[data-layout="narrow"] .sl-ba-copy .narrow{display:inline}
-.sl-picker[data-layout="narrow"] .sl-ba select{min-height:44px}
+.sl-picker[data-layout="narrow"] .sl-ba select{min-height:40px}
+.sl-picker[data-layout="narrow"] .sl-ba-qty button{width:30px;height:30px}
+.sl-picker[data-layout="narrow"] .sl-ba-go{min-height:40px}
 
 /* screen-reader live region */
 .sl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@@ -3157,6 +3286,8 @@ var SeatPicker = class _SeatPicker {
     this.secCardEl = null;
     this.viewEl = null;
     this.viewCleanup = null;
+    /** Supersedes an older authored-view byte request when another seat is opened. */
+    this.seatViewGen = 0;
     this.allSeatsCache = null;
     // F3 minimap
     this.miniCanvas = null;
@@ -3190,6 +3321,8 @@ var SeatPicker = class _SeatPicker {
     this.fsFallback = false;
     this.fsChangeHandler = null;
     this.fsEscHandler = null;
+    /** Host-level event chrome owns the duplicate identity outside full screen. */
+    this.eventDetailsHidden = false;
     /** True once we've asked the host page to pin us fullscreen (framed, no native). */
     this.framedFs = false;
     /** Last height (px) posted to a host frame; dedupes redundant reports. */
@@ -3212,6 +3345,7 @@ var SeatPicker = class _SeatPicker {
     if (!options.event || typeof options.event !== "string") throw new Error("seatmap: `event` key is required");
     if (!options.container) throw new Error("seatmap: `container` is required (or use SeatPicker.open())");
     this.opts = { ...options, confirmSelection: options.confirmSelection ?? true };
+    this.eventDetailsHidden = !!options.hideEventDetails;
     this.hostPricing = options.pricing;
     this.apiBase = (options.apiBase ?? DEFAULT_API_BASE2).replace(/\/+$/, "");
     this.access = options.transport ? null : createBuyerAccessContext(options, {
@@ -3229,6 +3363,10 @@ var SeatPicker = class _SeatPicker {
       onObjectUnavailable: (event) => this.opts.onSelectedObjectUnavailable?.(event)
     });
     this.api = options.transport ?? this.pubApi;
+    this.buyerAssetUrls = new BuyerAssetObjectUrls(
+      options.event,
+      this.api.asset ? (key, asset) => this.api.asset(key, asset) : void 0
+    );
     if (options.checkout === "hosted" && !this.pubApi) {
       console.warn(
         'seatlayer: checkout: "hosted" needs the widget\'s own transport \u2014 a custom `transport` owns its backend, so the picker is staying on onCheckout for this mount.'
@@ -3357,7 +3495,7 @@ var SeatPicker = class _SeatPicker {
       }
     }
     const sightHtml = hasStage && distance != null ? `<div class="sl-confirm-sight">${t2("picker.sightline", { m: distance })}</div>` : "";
-    const viewBtn = realPhoto ? `<button type="button" class="sl-confirm-view sl-confirm-thumbwrap" aria-label="${t2("picker.viewFromSeat", { label: seat.label })}"><img class="sl-confirm-thumb" src="${realPhoto}" alt="" /><span class="sl-confirm-thumb-badge">\u{1F52D} ${this.tf("picker.viewFromHere", "View from here")}</span></button>` : `<button type="button" class="sl-confirm-view sl-confirm-viewbtn" aria-label="${t2("picker.viewFromSeat", { label: seat.label })}"><span aria-hidden="true">\u{1F52D}</span><span>${this.tf("picker.viewFromHere", "View from here")}</span></button>`;
+    const viewBtn = realPhoto ? `<button type="button" class="sl-confirm-view sl-confirm-thumbwrap" aria-label="${t2("picker.viewFromSeat", { label: seat.label })}"><img class="sl-confirm-thumb" alt="" /><span class="sl-confirm-thumb-badge">\u{1F52D} ${this.tf("picker.viewFromHere", "View from here")}</span></button>` : `<button type="button" class="sl-confirm-view sl-confirm-viewbtn" aria-label="${t2("picker.viewFromSeat", { label: seat.label })}"><span aria-hidden="true">\u{1F52D}</span><span>${this.tf("picker.viewFromHere", "View from here")}</span></button>`;
     return viewBtn + sightHtml;
   }
   /** "See it in 3D" (2D) / "View from this seat" (already in 3D) action for the
@@ -3492,6 +3630,10 @@ var SeatPicker = class _SeatPicker {
   }
   syncFullscreenButtons() {
     const active = !!document.fullscreenElement || this.fsFallback || this.framedFs;
+    const hideEventDetails = this.eventDetailsHidden && !active;
+    this.root?.setAttribute("data-event-details-hidden", String(hideEventDetails));
+    this.els.logo?.toggleAttribute("hidden", hideEventDetails);
+    this.els.headInfo?.toggleAttribute("hidden", hideEventDetails);
     this.els.zfs?.setAttribute("aria-pressed", String(active));
     this.view3dEl?.querySelector(".sl-view3d-fs")?.setAttribute("aria-pressed", String(active));
   }
@@ -3635,7 +3777,7 @@ var SeatPicker = class _SeatPicker {
     root.innerHTML = `
       <div class="sl-head">
         <div class="sl-logo" data-ref="logo"></div>
-        <div class="sl-head-info">
+        <div class="sl-head-info" data-ref="headInfo">
           <div class="sl-head-name" data-ref="name"></div>
           <div class="sl-head-meta" data-ref="meta"></div>
         </div>
@@ -3697,6 +3839,7 @@ var SeatPicker = class _SeatPicker {
       this.els[el.dataset.ref] = el;
     });
     this.mapHost = this.els.map;
+    this.syncFullscreenButtons();
     void this.refreshOfferAvailability(false);
     if (this.api.availability) {
       this.offerVisibilityHandler = () => {
@@ -3808,7 +3951,8 @@ var SeatPicker = class _SeatPicker {
     }
     this.els.boot.remove();
     this.startRealtime();
-    this.salesClosed = !!info.salesClosed;
+    this.salesClosed = !!info.salesClosed || !!this.opts.readOnly;
+    root.dataset.eventMode = info.mode === "test" ? "test" : "live";
     this.controller.setViewMode(this.normalizeInitialView(this.opts.initialView));
     this.buildRegions();
     this.regions["bottom-right"].appendChild(this.els.zoom);
@@ -3818,7 +3962,7 @@ var SeatPicker = class _SeatPicker {
       badge.className = "sl-testbadge";
       badge.textContent = t2("picker.testMode");
       badge.setAttribute("aria-label", t2("picker.testMode"));
-      this.regions["top-right"].appendChild(badge);
+      this.els.map.appendChild(badge);
     }
     const chartTheme = this.controller.doc?.theme;
     Object.entries(resolveTokens(chartTheme, this.opts.theme)).forEach(([k, v]) => root.style.setProperty(k, v));
@@ -4055,8 +4199,9 @@ var SeatPicker = class _SeatPicker {
    * idempotent DOM apply used at load and on transition.
    */
   setSalesClosed(closed) {
-    if (this.salesClosed === closed) return;
-    this.salesClosed = closed;
+    const next = closed || !!this.opts.readOnly;
+    if (this.salesClosed === next) return;
+    this.salesClosed = next;
     this.applySalesClosed();
   }
   applySalesClosed() {
@@ -4940,6 +5085,13 @@ var SeatPicker = class _SeatPicker {
     el.innerHTML = `<div class="sl-confirm-grid">` + identityFields + `</div><div class="sl-confirm-cat"><span class="sl-dot" style="background:${cat?.color ?? "#6e7bff"}"></span><span class="sl-confirm-cat-name">${safe(details?.categoryLabel ?? cat?.label ?? seat.categoryKey)}</span>` + (price != null ? `<span class="sl-confirm-price">${this.money(price)}</span>` : "") + `</div><div class="sl-confirm-body">` + this.wheelchairConfirmHtml(details?.wheelchairSpaceType) + this.commercialConfirmHtml(seat.commercial) + (this.seatViewEnabled() ? this.confirmThumbHtml(seat) : "") + this.see3dConfirmHtml() + `<div class="sl-confirm-row"><button type="button" class="sl-confirm-cancel">Cancel</button><button type="button" class="sl-confirm-add"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12.5l4 4L19 7"/></svg>Select</button></div></div>`;
     this.els.map.appendChild(el);
     this.confirmEl = el;
+    const thumb = el.querySelector(".sl-confirm-thumb");
+    if (thumb && seat.viewUrl) {
+      const thumbReference = seat.viewMeta?.previewUrl ?? seat.viewUrl;
+      void this.buyerAssetUrls.resolve(thumbReference).then((url) => {
+        if (url && el.isConnected && this.confirmEl === el) thumb.src = url;
+      }).catch((error) => this.opts.onError?.(error));
+    }
     this.reanchorConfirm();
     el.querySelector(".sl-confirm-view")?.addEventListener("click", () => void this.openSeatView(seat));
     el.querySelector(".sl-confirm-3d")?.addEventListener("click", () => {
@@ -5020,6 +5172,7 @@ var SeatPicker = class _SeatPicker {
    */
   async openSeatView(seat) {
     if (!this.root || !this.seatViewEnabled()) return;
+    const generation = ++this.seatViewGen;
     const doc = this.controller.doc;
     const activeId = this.controller.getActiveFloorId();
     const focal = seat.focalPoint ?? doc?.floors?.find((f) => f.id === activeId)?.focalPoint ?? doc?.focalPoint ?? { x: 0, y: 0 };
@@ -5027,9 +5180,24 @@ var SeatPicker = class _SeatPicker {
     let caption;
     let real = false;
     if (seat.viewUrl) {
+      let resolvedUrl;
+      let resolvedPreviewUrl = null;
+      try {
+        const previewReference = seat.viewMeta?.previewUrl;
+        if (previewReference && previewReference !== seat.viewUrl) {
+          resolvedPreviewUrl = await this.buyerAssetUrls.resolve(previewReference);
+          resolvedUrl = seat.viewUrl;
+        } else {
+          resolvedUrl = await this.buyerAssetUrls.resolve(seat.viewUrl);
+        }
+      } catch (error) {
+        if (generation === this.seatViewGen) this.opts.onError?.(error);
+        return;
+      }
+      if (generation !== this.seatViewGen || !resolvedUrl || seat.viewMeta?.previewUrl && seat.viewMeta.previewUrl !== seat.viewUrl && !resolvedPreviewUrl || !this.root || !this.seatViewEnabled()) return;
       const view = {
-        url: seat.viewUrl,
-        ...seat.viewMeta?.previewUrl ? { previewUrl: seat.viewMeta.previewUrl } : {},
+        url: resolvedUrl,
+        ...resolvedPreviewUrl ? { previewUrl: resolvedPreviewUrl } : {},
         ...seat.viewMeta?.sourceWidth !== void 0 ? { sourceWidth: seat.viewMeta.sourceWidth } : {},
         ...seat.viewMeta?.sourceHeight !== void 0 ? { sourceHeight: seat.viewMeta.sourceHeight } : {},
         ...seat.viewMeta?.previewWidth !== void 0 ? { previewWidth: seat.viewMeta.previewWidth } : {},
@@ -5047,14 +5215,14 @@ var SeatPicker = class _SeatPicker {
         const { generateSeatPanorama } = await loadPanorama();
         pano2 = generateSeatPanorama(seat, focal, this.allSeats());
       } catch (err) {
-        this.opts.onError?.(err);
+        if (generation === this.seatViewGen) this.opts.onError?.(err);
         return;
       }
-      if (!this.root || !this.seatViewEnabled()) return;
+      if (generation !== this.seatViewGen || !this.root || !this.seatViewEnabled()) return;
       panoSource = { url: pano2.url, generated: true };
       caption = t2("picker.illustrationCaption", { m: pano2.distanceM });
     }
-    this.closeSeatView();
+    this.closeSeatView(false);
     const el = document.createElement("div");
     el.className = "sl-view";
     el.setAttribute("role", "dialog");
@@ -5070,9 +5238,12 @@ var SeatPicker = class _SeatPicker {
     };
     if (delivery.upgradeUrl) {
       cancelUpgrade = schedulePanoramaUpgrade(() => {
-        void loadPanoramaImage(delivery.upgradeUrl, loadAbort.signal).then(() => {
-          if (!el.isConnected || loadAbort.signal.aborted) return;
-          pano.style.backgroundImage = `url("${delivery.upgradeUrl}")`;
+        void this.buyerAssetUrls.resolve(delivery.upgradeUrl).then((url) => {
+          if (!url || loadAbort.signal.aborted) return null;
+          return loadPanoramaImage(url, loadAbort.signal).then(() => url);
+        }).then((url) => {
+          if (!url || !el.isConnected || loadAbort.signal.aborted) return;
+          pano.style.backgroundImage = `url("${url}")`;
         }).catch(() => {
         });
       });
@@ -5148,7 +5319,8 @@ var SeatPicker = class _SeatPicker {
       el.removeEventListener("keydown", onKey);
     };
   }
-  closeSeatView() {
+  closeSeatView(cancelPending = true) {
+    if (cancelPending) this.seatViewGen += 1;
     this.viewCleanup?.();
     this.viewCleanup = null;
     this.viewEl?.remove();
@@ -6080,6 +6252,15 @@ var SeatPicker = class _SeatPicker {
     this.opts.theme = { ...this.opts.theme ?? {}, map: map ?? void 0 };
     this.controller.setMapTheme(map);
   }
+  /**
+   * Let a host suppress duplicate event identity after mount without remounting
+   * the live picker (and therefore without disturbing a selection or hold).
+   * Full-screen mode still restores the identity until the buyer exits it.
+   */
+  setEventDetailsHidden(hidden) {
+    this.eventDetailsHidden = hidden;
+    this.syncFullscreenButtons();
+  }
   /**
    * Replace the host pricing override AFTER mount, and repaint everything that
    * shows a price.
@@ -6231,19 +6412,33 @@ var SeatPicker = class _SeatPicker {
   async seatViewFor3d(seatId) {
     const seat = this.allSeats().find((s) => s.id === seatId);
     if (!seat) return null;
-    if (seat.viewUrl) return {
-      url: seat.viewUrl,
-      ...seat.viewMeta?.previewUrl ? { previewUrl: seat.viewMeta.previewUrl } : {},
-      ...seat.viewMeta?.sourceWidth !== void 0 ? { sourceWidth: seat.viewMeta.sourceWidth } : {},
-      ...seat.viewMeta?.sourceHeight !== void 0 ? { sourceHeight: seat.viewMeta.sourceHeight } : {},
-      ...seat.viewMeta?.previewWidth !== void 0 ? { previewWidth: seat.viewMeta.previewWidth } : {},
-      ...seat.viewMeta?.previewHeight !== void 0 ? { previewHeight: seat.viewMeta.previewHeight } : {},
-      ...seat.viewMeta?.initialBearingDeg !== void 0 ? { initialBearingDeg: seat.viewMeta.initialBearingDeg } : {},
-      ...seat.viewMeta?.initialPitchDeg !== void 0 ? { initialPitchDeg: seat.viewMeta.initialPitchDeg } : {},
-      ...seat.viewMeta?.coverage ? { coverage: seat.viewMeta.coverage } : {},
-      ...seat.viewMeta?.capturedAt ? { capturedAt: seat.viewMeta.capturedAt } : {},
-      ...seat.viewMeta?.sourceLabel ? { sourceLabel: seat.viewMeta.sourceLabel } : {}
-    };
+    if (seat.viewUrl) {
+      try {
+        const previewReference = seat.viewMeta?.previewUrl;
+        const progressive = !!previewReference && previewReference !== seat.viewUrl;
+        const previewUrl = progressive ? await this.buyerAssetUrls.resolve(previewReference) : null;
+        const url = progressive ? seat.viewUrl : await this.buyerAssetUrls.resolve(seat.viewUrl);
+        if (!url) return null;
+        if (progressive && !previewUrl) return null;
+        return {
+          url,
+          ...previewUrl ? { previewUrl } : {},
+          ...progressive ? { resolveUrl: (reference) => this.buyerAssetUrls.resolve(reference) } : {},
+          ...seat.viewMeta?.sourceWidth !== void 0 ? { sourceWidth: seat.viewMeta.sourceWidth } : {},
+          ...seat.viewMeta?.sourceHeight !== void 0 ? { sourceHeight: seat.viewMeta.sourceHeight } : {},
+          ...seat.viewMeta?.previewWidth !== void 0 ? { previewWidth: seat.viewMeta.previewWidth } : {},
+          ...seat.viewMeta?.previewHeight !== void 0 ? { previewHeight: seat.viewMeta.previewHeight } : {},
+          ...seat.viewMeta?.initialBearingDeg !== void 0 ? { initialBearingDeg: seat.viewMeta.initialBearingDeg } : {},
+          ...seat.viewMeta?.initialPitchDeg !== void 0 ? { initialPitchDeg: seat.viewMeta.initialPitchDeg } : {},
+          ...seat.viewMeta?.coverage ? { coverage: seat.viewMeta.coverage } : {},
+          ...seat.viewMeta?.capturedAt ? { capturedAt: seat.viewMeta.capturedAt } : {},
+          ...seat.viewMeta?.sourceLabel ? { sourceLabel: seat.viewMeta.sourceLabel } : {}
+        };
+      } catch (error) {
+        this.opts.onError?.(error);
+        return null;
+      }
+    }
     const doc = this.controller.doc;
     if (!doc) return null;
     const activeId = this.controller.getActiveFloorId();
@@ -6826,6 +7021,7 @@ var SeatPicker = class _SeatPicker {
     this.closeSeatView();
     this.closeCheckoutPanel();
     this.exit3d();
+    this.buyerAssetUrls.dispose();
     this.stopHoldTimer();
     if (this.toastTimer) clearTimeout(this.toastTimer);
     if (this.liveTimer) clearTimeout(this.liveTimer);