@seatlayer/js 0.47.1 → 0.48.0

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`);
   }
@@ -577,6 +622,10 @@ var PubApi = class {
   paymentOptions(key) {
     return this.request(`/pub/events/${encodeURIComponent(key)}/payment-options`);
   }
+  /** Server-resolved active ticket offers and category prices. */
+  availability(key, live = false) {
+    return this.request(`/pub/events/${encodeURIComponent(key)}/availability${live ? "?live=1" : ""}`);
+  }
   /**
    * Turn a live hold into an order and start a payment.
    *
@@ -625,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);
@@ -1073,7 +1121,7 @@ var SeatingChart = class {
       this.tipEl.style.display = "none";
       return;
     }
-    const money = (() => {
+    const money2 = (() => {
       try {
         return new Intl.NumberFormat(void 0, { style: "currency", currency: details.currency }).format(details.price);
       } catch {
@@ -1081,7 +1129,7 @@ var SeatingChart = class {
       }
     })();
     const statusLine = details.status === "free" ? "" : `<div style="margin-top:5px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#fca5a5;font-weight:700">${details.status === "held" ? t("map.statusHeld") : t("map.statusTaken")}</div>`;
-    this.tipEl.innerHTML = `<div style="font-weight:700;font-size:13px">${details.label}</div><div style="display:flex;align-items:center;gap:6px;margin-top:4px;color:#c7cddc"><span style="width:9px;height:9px;border-radius:50%;flex:none;background:${details.categoryColor}"></span><span>${details.categoryLabel}</span><span style="margin-left:auto;font-weight:700;color:#fff">${money}</span></div>` + statusLine;
+    this.tipEl.innerHTML = `<div style="font-weight:700;font-size:13px">${details.label}</div><div style="display:flex;align-items:center;gap:6px;margin-top:4px;color:#c7cddc"><span style="width:9px;height:9px;border-radius:50%;flex:none;background:${details.categoryColor}"></span><span>${details.categoryLabel}</span><span style="margin-left:auto;font-weight:700;color:#fff">${money2}</span></div>` + statusLine;
     this.tipEl.style.display = "block";
     this.placeTooltip();
   }
@@ -1989,6 +2037,211 @@ import {
   planPanoramaDelivery,
   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",
+  "low",
+  "sold-out",
+  "presale",
+  "closed"
+];
+function money(value) {
+  if (value === null || value === void 0) return null;
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
+}
+function timestamp(value) {
+  if (value === null || value === void 0) return null;
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : void 0;
+}
+function parseSummary(value) {
+  if (value == null) return null;
+  if (typeof value !== "object" || Array.isArray(value)) return void 0;
+  const source = value;
+  const count = source.count;
+  const index = source.index;
+  if (typeof index !== "number" || !Number.isInteger(index) || index < 1) return void 0;
+  if (typeof count !== "number" || !Number.isInteger(count) || count < index) return void 0;
+  const remaining = source.remaining;
+  if (remaining != null && (typeof remaining !== "number" || !Number.isInteger(remaining) || remaining < 0)) {
+    return void 0;
+  }
+  const result = {
+    index,
+    count,
+    remaining: remaining == null ? null : remaining
+  };
+  if (source.id !== void 0) {
+    if (typeof source.id !== "string" || !source.id.trim()) return void 0;
+    result.id = source.id.trim();
+  }
+  if (source.name !== void 0) {
+    if (typeof source.name !== "string" || !source.name.trim()) return void 0;
+    result.name = source.name.trim();
+  }
+  if (source.categoryKey !== void 0) {
+    if (source.categoryKey !== null && (typeof source.categoryKey !== "string" || !source.categoryKey.trim())) {
+      return void 0;
+    }
+    result.categoryKey = source.categoryKey == null ? null : source.categoryKey.trim();
+  }
+  for (const key of ["startsAt", "endsAt"]) {
+    if (source[key] === void 0) continue;
+    const parsed = timestamp(source[key]);
+    if (parsed === void 0) return void 0;
+    result[key] = parsed;
+  }
+  return result;
+}
+function parseTicketOfferAvailability(body) {
+  if (!body || typeof body !== "object" || Array.isArray(body)) return null;
+  const raw = body;
+  const state = SALE_STATES.find((candidate) => candidate === raw.state);
+  if (!state) return null;
+  const fromPrice = money(raw.fromPrice);
+  const previousPrice = money(raw.previousPrice);
+  if (fromPrice === void 0 || previousPrice === void 0) return null;
+  const currency = raw.currency == null ? null : typeof raw.currency === "string" && raw.currency.trim() ? raw.currency.trim() : void 0;
+  if (currency === void 0) return null;
+  const release = parseSummary(raw.release);
+  if (release === void 0) return null;
+  const upcoming = raw.upcoming === void 0 ? null : parseSummary(raw.upcoming);
+  if (upcoming === void 0) return null;
+  let prices = [];
+  if (raw.prices != null) {
+    if (!Array.isArray(raw.prices)) return null;
+    const parsed = [];
+    for (const entry of raw.prices) {
+      if (!entry || typeof entry !== "object" || Array.isArray(entry)) return null;
+      const row = entry;
+      const categoryKey = typeof row.categoryKey === "string" ? row.categoryKey.trim() : "";
+      if (!categoryKey) return null;
+      const price = money(row.price);
+      const previous = money(row.previousPrice);
+      if (price === void 0 || price === null || previous === void 0) return null;
+      const item = { categoryKey, price, previousPrice: previous };
+      if (row.offerId !== void 0) {
+        if (typeof row.offerId !== "string" || !row.offerId.trim()) return null;
+        item.offerId = row.offerId.trim();
+      }
+      if (row.offerName !== void 0) {
+        if (typeof row.offerName !== "string" || !row.offerName.trim()) return null;
+        item.offerName = row.offerName.trim();
+      }
+      if (row.remaining !== void 0) {
+        if (row.remaining !== null && (typeof row.remaining !== "number" || !Number.isInteger(row.remaining) || row.remaining < 0)) return null;
+        item.remaining = row.remaining == null ? null : row.remaining;
+      }
+      for (const key of ["startsAt", "endsAt"]) {
+        if (row[key] === void 0) continue;
+        const at = timestamp(row[key]);
+        if (at === void 0) return null;
+        item[key] = at;
+      }
+      parsed.push(item);
+    }
+    prices = parsed;
+  }
+  return { state, fromPrice, previousPrice, currency, release, upcoming, prices };
+}
+function nextOfferTransitionAt(availability, now) {
+  if (!availability) return null;
+  let next = null;
+  const consider = (at) => {
+    if (at != null && at > now && (next === null || at < next)) next = at;
+  };
+  for (const summary of [availability.release, availability.upcoming]) {
+    consider(summary?.startsAt);
+    consider(summary?.endsAt);
+  }
+  for (const price of availability.prices) {
+    consider(price.startsAt);
+    consider(price.endsAt);
+  }
+  return next;
+}
+function ticketOfferPrices(availability) {
+  const map = {};
+  for (const entry of availability?.prices ?? []) map[entry.categoryKey] = entry.price;
+  return map;
+}
+
+// src/SeatPicker.ts
 var DEFAULT_API_BASE2 = "https://api.seatlayer.io";
 var DEFAULT_MAX_SELECTION2 = 10;
 var EXTEND_PROMPT_MS = 6e4;
@@ -2209,6 +2462,15 @@ var CSS = (
 .sl-cbbtn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
 
 /* price panel \u2014 one compact filter control replaces the wrapping price-chip row. */
+.sl-offer{display:none;margin:12px 14px 2px;padding:12px;border:1px solid color-mix(in srgb,var(--sl-accent) 34%,var(--sl-line));
+  border-radius:12px;background:color-mix(in srgb,var(--sl-accent) 8%,var(--sl-surface));color:var(--sl-text)}
+.sl-offer.has{display:block}.sl-offer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
+.sl-offer-copy{min-width:0}.sl-offer-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sl-accent)}
+.sl-offer-name{display:block;margin-top:2px;font-size:13px;font-weight:800;line-height:1.3}.sl-offer-line{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:var(--sl-muted)}
+.sl-offer-info{position:relative;flex:none}.sl-offer-info>summary{list-style:none;width:25px;height:25px;border:1px solid var(--sl-line);border-radius:999px;
+  display:grid;place-items:center;cursor:pointer;font-size:12px;font-weight:850;color:var(--sl-text);background:var(--sl-surface)}
+.sl-offer-info>summary::-webkit-details-marker{display:none}.sl-offer-info[open]>summary{border-color:var(--sl-accent);color:var(--sl-accent)}
+.sl-offer-detail{margin-top:10px;padding-top:9px;border-top:1px solid var(--sl-line);font-size:10.5px;line-height:1.45;color:var(--sl-muted)}
 .sl-sec{padding:14px 14px 4px;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sl-muted);font-weight:700}
 .sl-prices-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px}
 .sl-price-select{min-height:32px;max-width:130px;padding:5px 28px 5px 9px;border:1px solid var(--sl-line);border-radius:9px;
@@ -2219,6 +2481,7 @@ var CSS = (
   padding:0 6px;margin:0 -6px;border-radius:8px;cursor:pointer;transition:background .15s}
 .sl-price-row:hover,.sl-price-row:focus-visible{background:color-mix(in srgb,var(--sl-line) 40%,transparent)}
 .sl-price-row.sl-active{background:color-mix(in srgb,var(--sl-accent) 9%,transparent)}
+.sl-price-was{margin-left:auto;color:var(--sl-muted);font-size:10px;text-decoration:line-through}.sl-price-offer{display:block;color:var(--sl-accent);font-size:9px;font-weight:750}
 .sl-price-row.sl-active .sl-price-label{color:var(--sl-accent)}
 .sl-dot{width:9px;height:9px;border-radius:50%;flex:none}
 .sl-price-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
@@ -2944,10 +3207,17 @@ var SeatPicker = class _SeatPicker {
     this.ro = null;
     this.holdTimer = null;
     this.toastTimer = null;
+    this.offerRefreshTimer = null;
+    /** Armed only when the offer schedule has a known future transition (or as a
+     * bounded retry after a failed read) — never a fixed-cadence poll. */
+    this.offerBoundaryTimer = null;
+    this.offerVisibilityHandler = null;
     /** Short-lived UI motion timers; all are cancelled on destroy. */
     this.motionTimers = /* @__PURE__ */ new Set();
     // state
     this.currency = "USD";
+    this.eventTimezone = null;
+    this.offerAvailability = null;
     this.hold = null;
     /** Latest server expiry for the open hold (moves on extend). */
     this.holdExpiresAt = 0;
@@ -3006,6 +3276,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;
@@ -3061,6 +3333,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.hostPricing = options.pricing;
     this.apiBase = (options.apiBase ?? DEFAULT_API_BASE2).replace(/\/+$/, "");
     this.access = options.transport ? null : createBuyerAccessContext(options, {
       onExpired: (event) => {
@@ -3077,6 +3350,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.'
@@ -3102,6 +3379,7 @@ var SeatPicker = class _SeatPicker {
       },
       onStatusChange: () => {
         this.syncPrices();
+        this.scheduleOfferRefresh(true);
         this.evictTakenSelections();
         this.detectBooked();
         this.refreshMinimap();
@@ -3204,7 +3482,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
@@ -3523,6 +3801,7 @@ var SeatPicker = class _SeatPicker {
           </div>
           <div class="sl-sec sl-filtersec" data-ref="filtersSec">Filters</div>
           <div class="sl-filters" data-ref="filters"></div>
+          <div class="sl-offer" data-ref="offer" role="status" aria-live="polite"></div>
           <div class="sl-sec sl-prices-sec" data-ref="pricesSec"><span>Ticket prices</span></div>
           <div class="sl-prices" data-ref="prices"></div>
           <div class="sl-live" data-ref="live" role="status" aria-live="polite"><span class="dot" aria-hidden="true"></span><span data-ref="liveText">Live availability \u2014 seats update in real time</span></div>
@@ -3543,6 +3822,13 @@ var SeatPicker = class _SeatPicker {
       this.els[el.dataset.ref] = el;
     });
     this.mapHost = this.els.map;
+    void this.refreshOfferAvailability(false);
+    if (this.api.availability) {
+      this.offerVisibilityHandler = () => {
+        if (!document.hidden && !this.destroyed) void this.refreshOfferAvailability(false);
+      };
+      document.addEventListener("visibilitychange", this.offerVisibilityHandler);
+    }
     const applyLayout = () => {
       const w = root.clientWidth;
       if (w <= 0) return;
@@ -3647,7 +3933,7 @@ var SeatPicker = class _SeatPicker {
     }
     this.els.boot.remove();
     this.startRealtime();
-    this.salesClosed = !!info.salesClosed;
+    this.salesClosed = !!info.salesClosed || !!this.opts.readOnly;
     this.controller.setViewMode(this.normalizeInitialView(this.opts.initialView));
     this.buildRegions();
     this.regions["bottom-right"].appendChild(this.els.zoom);
@@ -3662,6 +3948,7 @@ var SeatPicker = class _SeatPicker {
     const chartTheme = this.controller.doc?.theme;
     Object.entries(resolveTokens(chartTheme, this.opts.theme)).forEach(([k, v]) => root.style.setProperty(k, v));
     this.currency = info.currency ?? this.opts.currency ?? "USD";
+    this.eventTimezone = info.timezone ?? null;
     const logoUrl = this.opts.theme?.logoUrl ?? chartTheme?.logoUrl;
     if (logoUrl) this.els.logo.innerHTML = `<img src="${logoUrl}" alt="">`;
     else this.els.logo.textContent = (this.opts.theme?.brandName ?? chartTheme?.brandName ?? info.eventName ?? "?").slice(0, 1).toUpperCase();
@@ -3893,8 +4180,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() {
@@ -4778,6 +5066,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", () => {
@@ -4858,6 +5153,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 };
@@ -4865,9 +5161,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 } : {},
@@ -4885,14 +5196,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");
@@ -4908,9 +5219,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(() => {
         });
       });
@@ -4986,7 +5300,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();
@@ -5002,6 +5317,119 @@ var SeatPicker = class _SeatPicker {
       return `${n} ${this.currency}`;
     }
   }
+  /**
+   * Sleep until the offer schedule's next known transition, then re-read.
+   *
+   * A far-away boundary is capped: the wake re-reads, learns the (unchanged)
+   * schedule, and re-arms — so a picker left open for days still tracks an
+   * organizer's schedule edits at a cost of one request every few hours. No
+   * future transition means no timer at all; an event with no releases does
+   * zero background traffic. A wake in a hidden tab fetches nothing — the
+   * visibilitychange handler owns catching that tab up.
+   */
+  scheduleOfferBoundary(availability) {
+    if (this.offerBoundaryTimer) clearTimeout(this.offerBoundaryTimer);
+    this.offerBoundaryTimer = null;
+    if (!this.api.availability || this.destroyed) return;
+    const now = Date.now();
+    const boundary = nextOfferTransitionAt(availability, now);
+    if (boundary == null) return;
+    const MAX_SLEEP_MS = 6 * 36e5;
+    const delay = Math.min(Math.max(boundary - now + 1e3, 1e3), MAX_SLEEP_MS);
+    this.offerBoundaryTimer = setTimeout(() => {
+      this.offerBoundaryTimer = null;
+      if (document.hidden) return;
+      void this.refreshOfferAvailability(false);
+    }, delay);
+  }
+  /** Debounce the no-store offer read behind a burst of seat-status frames. */
+  scheduleOfferRefresh(live) {
+    if (!this.api.availability || this.destroyed) return;
+    if (this.offerRefreshTimer) clearTimeout(this.offerRefreshTimer);
+    this.offerRefreshTimer = setTimeout(() => {
+      this.offerRefreshTimer = null;
+      void this.refreshOfferAvailability(live);
+    }, live ? 180 : 0);
+  }
+  /**
+   * Pull the server's resolved answer. A failed refresh keeps the last truthful
+   * answer: flashing back to a chart price while checkout still charges an
+   * offer is worse than a temporarily stale remaining count.
+   */
+  async refreshOfferAvailability(live) {
+    if (!this.api.availability || this.destroyed) return;
+    try {
+      const body = await this.api.availability(this.opts.event, live);
+      if (this.destroyed) return;
+      const availability = parseTicketOfferAvailability(body);
+      if (!availability) return;
+      this.offerAvailability = availability;
+      this.scheduleOfferBoundary(availability);
+      const server = ticketOfferPrices(availability);
+      const merged = { ...this.hostPricing?.prices ?? {}, ...server };
+      const pricing = Object.keys(merged).length > 0 || this.hostPricing?.formatter ? { prices: merged, ...this.hostPricing?.formatter ? { formatter: this.hostPricing.formatter } : {} } : void 0;
+      this.setPricing(pricing);
+      this.syncOffer();
+      this.opts.onOfferAvailabilityChange?.(availability);
+    } catch {
+      if (!this.destroyed && !this.offerBoundaryTimer && !document.hidden) {
+        this.offerBoundaryTimer = setTimeout(() => {
+          this.offerBoundaryTimer = null;
+          if (document.hidden) return;
+          void this.refreshOfferAvailability(false);
+        }, 3e4);
+      }
+    }
+  }
+  offerPrice(categoryKey) {
+    if (!categoryKey) return null;
+    return this.offerAvailability?.prices.find((entry) => entry.categoryKey === categoryKey) ?? null;
+  }
+  /** The compact current/upcoming offer card above Ticket prices. */
+  syncOffer() {
+    const host = this.els.offer;
+    if (!host) return;
+    const availability = this.offerAvailability;
+    const active = availability?.release ?? null;
+    const upcoming = !active ? availability?.upcoming ?? null : null;
+    if (!availability || availability.state === "closed" || availability.state === "sold-out" || !active && !upcoming) {
+      host.classList.remove("has");
+      host.replaceChildren();
+      return;
+    }
+    const offer = active ?? upcoming;
+    const main = document.createElement("div");
+    main.className = "sl-offer-main";
+    const copy = document.createElement("div");
+    copy.className = "sl-offer-copy";
+    const kicker = document.createElement("span");
+    kicker.className = "sl-offer-kicker";
+    kicker.textContent = active ? "Current ticket offer" : "Upcoming ticket offer";
+    const name = document.createElement("strong");
+    name.className = "sl-offer-name";
+    name.textContent = offer.name || (active ? "Current offer" : "Scheduled offer");
+    const line = document.createElement("span");
+    line.className = "sl-offer-line";
+    const facts = [];
+    if (active && availability.fromPrice != null) facts.push(this.money(availability.fromPrice / 100));
+    if (active && offer.remaining != null) facts.push(`${offer.remaining} available`);
+    if (active && offer.endsAt != null) facts.push(`until ${formatWhen(offer.endsAt, this.eventTimezone, this.opts.locale)}`);
+    if (upcoming?.startsAt != null) facts.push(`starts ${formatWhen(upcoming.startsAt, this.eventTimezone, this.opts.locale)}`);
+    line.textContent = facts.join(" \xB7 ");
+    copy.append(kicker, name, line);
+    const info = document.createElement("details");
+    info.className = "sl-offer-info";
+    const summary = document.createElement("summary");
+    summary.setAttribute("aria-label", `How the ${name.textContent} offer works`);
+    summary.textContent = "i";
+    const detail = document.createElement("div");
+    detail.className = "sl-offer-detail";
+    detail.textContent = active ? `This price applies automatically to eligible seats. Tickets in active carts temporarily reduce the available quantity; released or expired holds return it. When the offer ends, the next matching offer or normal ticket price takes over.` : `Tickets are available at their normal price now. This scheduled offer will apply automatically to eligible seats when it starts.`;
+    info.append(summary, detail);
+    main.append(copy, info);
+    host.replaceChildren(main);
+    host.classList.add("has");
+  }
   /**
    * The price the buyer will actually pay for a category (+tier): the host's
    * `pricing` override when present, else the chart's stored price. Every
@@ -5028,9 +5456,11 @@ var SeatPicker = class _SeatPicker {
     this.els.prices.classList.toggle("sl-expanded", overflow > 1 && this.pricesExpanded);
     this.els.prices.innerHTML = shown.map((c) => {
       const price = this.catPrice(c);
+      const offer = this.offerPrice(c.key);
+      const previous = offer?.previousPrice != null && offer.previousPrice > offer.price ? offer.previousPrice : null;
       const active = this.focusedCatKey === c.key;
       const dim = this.priceBandKeys != null && !this.priceBandKeys.has(c.key);
-      return `<div class="sl-price-row${dim ? " sl-dim" : ""}${active ? " sl-active" : ""}" data-cat="${c.key}" role="button" tabindex="0" aria-pressed="${active}" title="${active ? "Show all seats" : `Show ${c.label} seats on the map`}"><span class="sl-dot" style="background:${c.color}"></span><span class="sl-price-label">${c.label}</span><span class="sl-price-left">${left[c.key] ?? 0} left</span>` + (price != null ? `<span class="sl-price-amt">${this.money(price)}</span>` : "") + `</div>`;
+      return `<div class="sl-price-row${dim ? " sl-dim" : ""}${active ? " sl-active" : ""}" data-cat="${escapeOption(c.key)}" role="button" tabindex="0" aria-pressed="${active}" title="${escapeOption(active ? "Show all seats" : `Show ${c.label} seats on the map`)}"><span class="sl-dot" style="background:${escapeOption(c.color)}"></span><span class="sl-price-label">${escapeOption(c.label)}` + (offer?.offerName ? `<small class="sl-price-offer">${escapeOption(offer.offerName)}</small>` : "") + `</span><span class="sl-price-left">${left[c.key] ?? 0} left</span>` + (previous != null ? `<span class="sl-price-was">${escapeOption(this.money(previous))}</span>` : "") + (price != null ? `<span class="sl-price-amt">${this.money(price)}</span>` : "") + `</div>`;
     }).join("") + (overflow > 1 ? `<button type="button" class="sl-price-more" aria-expanded="${!collapsed}">` + (collapsed ? `Show all ${doc.categories.length} ticket types` : "Show fewer") + `</button>` : "") + `<div class="sl-status-key" aria-label="Seat status legend"><span class="sl-status-item"><i class="sl-status-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="5" y="10" width="14" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/></svg></i>Temporarily held</span><span class="sl-status-item"><i class="sl-status-icon sold" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M7 17L17 7"/></svg></i>Sold</span></div>`;
     this.els.prices.querySelectorAll(".sl-price-row").forEach((row) => {
       row.addEventListener("mouseenter", () => this.controller.getRenderer()?.setCategoryHighlight?.(row.dataset.cat ?? null));
@@ -5686,6 +6116,7 @@ var SeatPicker = class _SeatPicker {
   }
   emitHoldChange() {
     const hold = this.hold;
+    this.scheduleOfferRefresh(true);
     this.opts.onHoldChange?.(
       hold,
       hold?.seats ?? [],
@@ -5953,19 +6384,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();
@@ -6415,6 +6860,7 @@ var SeatPicker = class _SeatPicker {
         flashOnLiveChange: true,
         onStatusChange: () => {
           this.syncPrices();
+          this.scheduleOfferRefresh(true);
           this.detectBooked();
           this.refreshMinimap();
           this.pushAvailabilityTo3d();
@@ -6547,9 +6993,18 @@ 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);
+    if (this.offerRefreshTimer) clearTimeout(this.offerRefreshTimer);
+    if (this.offerBoundaryTimer) clearTimeout(this.offerBoundaryTimer);
+    this.offerRefreshTimer = null;
+    this.offerBoundaryTimer = null;
+    if (this.offerVisibilityHandler) {
+      document.removeEventListener("visibilitychange", this.offerVisibilityHandler);
+      this.offerVisibilityHandler = null;
+    }
     for (const timer of this.motionTimers) clearTimeout(timer);
     this.motionTimers.clear();
     this.ro?.disconnect();
@@ -6690,10 +7145,12 @@ export {
   markerOf,
   mutationCount,
   needsMoveConfirmation,
+  parseTicketOfferAvailability,
   planAssignment,
   retryAfterCopy,
   selectionSources,
   stateBadge,
-  suggestMarker
+  suggestMarker,
+  ticketOfferPrices
 };
 //# sourceMappingURL=index.js.map