@seatlayer/core 0.46.0 → 0.47.1

package/dist/index.js

@@ -38,7 +38,7 @@ import {
   stackFloors,
   tableInventoryCount,
   tableSeatCountsBySide
-} from "./chunk-5MRJCIZP.js";
+} from "./chunk-TCTAS4Z2.js";
 
 // src/core/ga.ts
 var PREFIX = "__sl_ga__";
@@ -1232,6 +1232,7 @@ function decomposeAffineLinear(affine) {
 
 // src/lib/money.ts
 var DEFAULT_CURRENCY = "USD";
+var CURRENCY_CHOICES = ["USD", "EUR", "GBP", "CAD", "AUD", "INR", "AED", "SGD", "JPY", "CHF", "SEK", "NZD", "ZAR", "MXN", "BRL"];
 var displayLocale;
 function setMoneyLocale(locale) {
   displayLocale = locale;
@@ -1312,7 +1313,7 @@ var en = {
   "picker.viewFromSeat": "View from seat {label}",
   "picker.real360": "REAL 360\xB0",
   "picker.preview": "PREVIEW",
-  "picker.sightline": "\u2248 {m} m to stage \xB7 clear sightline",
+  "picker.sightline": "\u2248 {m} m to stage",
   "picker.panorama360": "360\xB0 venue photo",
   "picker.illustrationCaption": "illustration \xB7 \u2248 {m} m from stage",
   "picker.restrictedView": "Restricted view",
@@ -1320,7 +1321,10 @@ var en = {
   "picker.premiumSeat": "Premium seat",
   "picker.hideLimitedView": "Hide limited-view seats",
   "picker.bestSeatsPremium": "Best seats",
-  "picker.premiumFallbackNote": "No premium block of {count} \u2014 showing best overall"
+  "picker.premiumFallbackNote": "No premium block of {count} \u2014 showing best overall",
+  "picker.loading3d": "Building the 3D venue\u2026",
+  "picker.unavailable3d": "3D could not start. The seat map is still available.",
+  "picker.jumpToSection": "Jump to section"
 };
 
 // src/i18n/index.ts
@@ -4263,7 +4267,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.freeTextById.set(obj.id, { node: label, background: "#232c40", kind: "table" });
   }
   renderText(obj) {
-    const background = this.canvasBackground;
+    const background = obj.background?.color ?? this.canvasBackground;
     const preferredInk = obj.color ?? this.theme.textColor ?? DEF_TEXT;
     const iconPath = obj.semanticKind === "icon" ? venueIconPath(obj.iconKey) : void 0;
     if (iconPath) {
@@ -4287,23 +4291,54 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       this.bgLayer.add(iconNode);
       return;
     }
+    const padding = obj.background?.padding ?? 0;
+    const opacity = obj.opacity ?? 1;
     const node = new Text({
       x: obj.position.x,
       y: obj.position.y,
       text: obj.text,
       fontSize: obj.fontSize,
       rotation: obj.rotation,
-      fontStyle: konvaFontStyle(obj.bold, obj.italic, "normal"),
+      // Keep the buyer glyph metrics identical to Designer: wrapping must not
+      // gain or lose a line when the authored chart is published.
+      fontStyle: konvaFontStyle(obj.bold, obj.italic, "600"),
       // Authored ink remains preferred, but an embed/theme surface can change
       // the actual canvas. Fail over to readable black/white instead of
       // painting an otherwise valid caption invisibly on that active surface.
       fill: stateAwareBookableLabelInk(background, preferredInk),
       fontFamily: obj.fontFamily ?? this.labelFont(),
+      ...obj.width != null ? { width: obj.width } : {},
+      align: obj.align ?? "left",
+      lineHeight: obj.lineHeight ?? 1.2,
+      letterSpacing: obj.letterSpacing ?? 0,
+      textDecoration: obj.underline ? "underline" : "",
+      padding,
+      opacity,
+      wrap: "word",
       listening: false,
-      perfectDrawEnabled: false
+      perfectDrawEnabled: false,
+      name: "buyer-free-text"
     });
+    let backdrop;
+    if (obj.background) {
+      backdrop = new Rect({
+        x: obj.position.x,
+        y: obj.position.y,
+        width: node.width(),
+        height: node.height(),
+        rotation: obj.rotation,
+        fill: obj.background.color,
+        opacity: opacity * (obj.background.opacity ?? 0.9),
+        cornerRadius: obj.background.cornerRadius ?? 4,
+        listening: false,
+        perfectDrawEnabled: false,
+        name: "buyer-text-background"
+      });
+      this.bgLayer.add(backdrop);
+    }
     this.freeTextById.set(obj.id, {
       node,
+      backdrop,
       background,
       kind: "free-text"
     });
@@ -6083,10 +6118,12 @@ var _SeatmapRenderer = class _SeatmapRenderer {
   }
   updateFreeTextVisibility() {
     const effectiveScale = this.exportMode ? Math.max(this.effScale(), LABEL_SCALE) : this.effScale();
-    for (const { objectId, node, categoryKey, kind } of this.freeTextById.values()) {
+    for (const { objectId, node, backdrop, categoryKey, kind } of this.freeTextById.values()) {
       const gaDimmed = categoryKey != null && (kind === "ga-label" || kind === "ga-capacity") && this.gaCategoryDimmed(categoryKey);
       const gaOverviewHidden = objectId != null && (kind === "ga-label" || kind === "ga-capacity") && this.gaById.get(objectId)?.sectionId != null && effectiveScale < CACHE_THRESHOLD;
-      node.visible(!gaDimmed && !gaOverviewHidden && isBookableLabelLegibleAtScale(node.fontSize(), effectiveScale));
+      const visible = !gaDimmed && !gaOverviewHidden && isBookableLabelLegibleAtScale(node.fontSize(), effectiveScale);
+      node.visible(visible);
+      backdrop?.visible(visible);
     }
     for (const { node, fontSize } of this.iconNodeById.values()) {
       node.visible(isBookableLabelLegibleAtScale(fontSize, effectiveScale));
@@ -6573,6 +6610,11 @@ function groupedTableInventory(doc, modelVersion) {
 // src/picker/PickerController.ts
 var DEFAULT_MAX_SELECTION = 10;
 var MAX_BACKOFF_MS = 15e3;
+var MAP_THEME_KEYS = ["background", "rowLabelColor", "textColor", "selectionColor"];
+function sameMapTheme(a, b) {
+  if (!a || !b) return !a && !b;
+  return MAP_THEME_KEYS.every((key) => a[key] === b[key]);
+}
 function errInfo(err) {
   const e = err ?? {};
   return { status: e.status, conflicts: e.conflicts, reason: e.reason };
@@ -6588,6 +6630,8 @@ var PickerController = class {
     this._doc = null;
     /** Section/zone ids hidden from buyers this event (3.3) — seats vanish, not grey. */
     this.hidden = /* @__PURE__ */ new Set();
+    /** Host overrides folded over the chart's own theme in `visibleDoc()`. */
+    this.mapTheme = null;
     /** Section/zone ids in the `closed` event-state (Phase 2) — seats stay, greyed
      *  + not pickable. Kept separate from `hidden` (which strips them). */
     this.closedSections = /* @__PURE__ */ new Set();
@@ -6623,6 +6667,16 @@ var PickerController = class {
     // hold state
     this.hold_ = null;
     this.liveStatuses = /* @__PURE__ */ new Map();
+    /**
+     * What a label absent from `liveStatuses` is.
+     *
+     * `free` while the verbose HTTP map is the source (it names every unit), but a
+     * compact realtime frame names only its exceptions — so on a mostly-sold event
+     * the seats NOT listed are the booked ones. Read through {@link statusOf};
+     * a bare `liveStatuses.get()` silently answers `undefined` for the majority of
+     * a sold-out venue.
+     */
+    this.liveDefault = "free";
     this.currency = "USD";
     this.expiryTimer = null;
     /** Whether the last emitted hint was non-null (avoids clearing repeatedly). */
@@ -6631,13 +6685,66 @@ var PickerController = class {
     this.api = options.transport;
     this.key = options.eventKey;
     this.maxSelection = options.maxSelection ?? DEFAULT_MAX_SELECTION;
+    this.mapTheme = options.mapTheme ?? null;
   }
   get doc() {
     return this._doc;
   }
-  /** The chart with hidden sections' seats removed — what buyers actually see. */
+  /**
+   * The chart with hidden sections' seats removed, and the host's map theme
+   * folded over the chart's own — what buyers actually see.
+   *
+   * THE THEME IS MERGED HERE rather than pushed at the renderer separately
+   * because the renderer reads its theme out of the document it is given. One
+   * merge point means every rebuild — a hidden section arriving mid-sale, a
+   * floor switch, a theme change — repaints from the same resolved theme
+   * instead of from whichever of two sources ran last.
+   *
+   * The chart's theme is the BASE and only named keys are overwritten, so a
+   * host that overrides the ground does not thereby erase the organizer's
+   * `seatScale`, `fontFamily`, logo or badge entitlement.
+   */
   visibleDoc() {
-    return this._doc ? applyHidden(this._doc, this.hidden) : { objects: [] };
+    if (!this._doc) return { objects: [] };
+    const doc = applyHidden(this._doc, this.hidden);
+    if (!this.mapTheme) return doc;
+    const theme = { ...doc.theme ?? {} };
+    for (const key of MAP_THEME_KEYS) {
+      const value = this.mapTheme[key];
+      if (value) theme[key] = value;
+    }
+    return { ...doc, theme };
+  }
+  /**
+   * Re-ink the drawn map, in place, without losing the buyer's place in it.
+   *
+   * WHY THIS IS A SETTER AND NOT A MOUNT OPTION. On a templated event page the
+   * palette is not known when the map mounts: the page config is a separate
+   * cached read and the map is explicitly not allowed to wait for it. The
+   * alternative — remounting the widget once the palette lands — would destroy
+   * a hold the buyer may already be holding.
+   *
+   * The rebuild is the SAME recipe `render()` uses (setChart → colorblind →
+   * closed sections → statuses), because setChart resets all four; the one
+   * addition is restoring the selection, which `render()` has no need to do.
+   * Statuses are repainted from the map already in memory rather than re-read,
+   * so this costs no round trip and cannot flash a stale seat.
+   *
+   * Returns whether anything actually changed, so a caller may call it freely.
+   */
+  setMapTheme(theme) {
+    if (sameMapTheme(this.mapTheme, theme ?? null)) return false;
+    this.mapTheme = theme ?? null;
+    const r = this.renderer;
+    if (!r) return true;
+    const selected = r.getSelection().map((seat) => seat.id);
+    const floorId = this.getActiveFloorId();
+    r.setChart(this.visibleDoc(), floorId ? { floorId } : void 0);
+    if (this.opts.colorblindSafe) r.setColorblindSafe?.(true);
+    if (this.closedSections.size) r.setClosedSections?.([...this.closedSections]);
+    this.applySeatsMap(Object.fromEntries(this.liveStatuses), this.liveDefault);
+    if (selected.length) r.select?.(selected);
+    return true;
   }
   /** Adopt a new hidden set; rebuild the visible chart only if it differs. */
   syncHidden(ids) {
@@ -6826,12 +6933,14 @@ var PickerController = class {
     }
     this.renderer = renderer;
     let seats = null;
+    let seatsDefault = "free";
     let closedIds = [];
     try {
       const objs = await this.api.objects(this.key);
       this.hidden = new Set(objs.hidden ?? []);
       closedIds = (objs.closed ?? []).filter((x) => typeof x === "string");
       seats = objs.seats;
+      seatsDefault = objs.default ?? "free";
     } catch {
     }
     if (this.closed) {
@@ -6843,7 +6952,7 @@ var PickerController = class {
     if (this.opts.colorblindSafe) renderer.setColorblindSafe?.(true);
     this.closedSections = new Set(closedIds);
     if (closedIds.length) renderer.setClosedSections?.(closedIds);
-    if (seats) this.applySeatsMap(seats);
+    if (seats) this.applySeatsMap(seats, seatsDefault);
     this.attachVisibilityListener();
     this.connect();
     return {
@@ -6852,6 +6961,7 @@ var PickerController = class {
       eventName: res.event.name,
       venue: res.event.venue,
       startsAt: res.event.startsAt,
+      timezone: res.event.timezone ?? null,
       currency,
       // 'test' ⇒ sandbox event: hosts render a TEST MODE ribbon (Phase 11).
       mode: res.event.mode ?? "live"
@@ -7160,7 +7270,7 @@ var PickerController = class {
         ...area.displayLabel ? { displayLabel: area.displayLabel } : {},
         ...area.displayType ? { displayType: area.displayType } : {},
         capacity: Math.max(0, Math.floor(area.capacity)),
-        available: gaUnitLabels(area).filter((label) => (this.liveStatuses.get(label) ?? "free") === "free").length,
+        available: gaUnitLabels(area).filter((label) => this.statusOf(label) === "free").length,
         categoryKey: area.categoryKey,
         tiers: category?.tiers,
         price: category?.tiers?.[0]?.price ?? category?.price ?? 0,
@@ -7174,7 +7284,7 @@ var PickerController = class {
     if (!doc || !Number.isFinite(qty) || qty < 1) return null;
     const area = gaAreasOf(doc).find((candidate) => candidate.id === areaId);
     if (!area) return null;
-    const labels = gaUnitLabels(area).filter((label) => !this.hold_?.labels.includes(label) && (this.liveStatuses.get(label) ?? "free") === "free").slice(0, Math.floor(qty));
+    const labels = gaUnitLabels(area).filter((label) => !this.hold_?.labels.includes(label) && this.statusOf(label) === "free").slice(0, Math.floor(qty));
     if (labels.length !== Math.floor(qty)) return null;
     const selections = /* @__PURE__ */ new Map();
     for (const item of this.hold_?.items ?? []) selections.set(item.label, {
@@ -7869,7 +7979,7 @@ var PickerController = class {
     try {
       const snap = await this.api.objects(this.key);
       if (this.hold_?.holdId !== hold.holdId) return;
-      this.applySeatsMap(snap.seats);
+      this.applySeatsMap(snap.seats, snap.default ?? "free");
     } catch {
       if (this.hold_?.holdId === hold.holdId) {
         this.expiryTimer = setTimeout(() => void this.expireActiveHold(), 2e3);
@@ -7877,18 +7987,30 @@ var PickerController = class {
       return;
     }
     if (this.hold_?.holdId !== hold.holdId) return;
-    if (hold.labels.some((label) => this.liveStatuses.get(label) === "held")) {
+    if (hold.labels.some((label) => this.statusOf(label) === "held")) {
       this.expiryTimer = setTimeout(() => void this.expireActiveHold(), 1e3);
       return;
     }
     this.clearHold();
     this.opts.onHoldExpired?.();
   }
-  applySeatsMap(seats) {
+  /**
+   * Repaint from an authoritative map of unit statuses.
+   *
+   * `defaultStatus` is what every unit NOT named in `seats` is. The verbose HTTP
+   * route names every unit and leaves it at `free`; the compact realtime frame
+   * names only the exceptions and states its own default, which on a mostly-sold
+   * event is `booked` rather than `free`. Applying a compact map while assuming
+   * `free` would paint a sold-out stadium as fully available, so the default is
+   * a parameter rather than a constant.
+   */
+  applySeatsMap(seats, defaultStatus = "free") {
     const r = this.renderer;
     if (!r) return;
     this.liveStatuses = new Map(Object.entries(seats));
-    if (this.allIds.length) r.setStatus(this.allIds, "free");
+    this.liveDefault = defaultStatus;
+    const defaultSeatStatus = mapStatus(defaultStatus);
+    if (this.allIds.length) r.setStatus(this.allIds, defaultSeatStatus);
     r.setOwnedHold?.(
       this.idsForLabels(this.hold_?.labels ?? [])
     );
@@ -7896,15 +8018,19 @@ var PickerController = class {
     for (const [label, st] of Object.entries(seats)) {
       byStatus[mapStatus(st)].push(...this.idsForLabel(label));
     }
-    ["held", "booked", "not_for_sale"].forEach((st) => {
-      if (byStatus[st].length) r.setStatus(byStatus[st], st);
+    ["free", "held", "booked", "not_for_sale"].forEach((st) => {
+      if (st !== defaultSeatStatus && byStatus[st].length) r.setStatus(byStatus[st], st);
     });
     this.clearBookedHoldIfSettled();
     this.opts.onStatusChange?.();
   }
+  /** The live status of one unit, honouring the projection's default. */
+  statusOf(label) {
+    return this.liveStatuses.get(label) ?? this.liveDefault;
+  }
   clearBookedHoldIfSettled() {
     const hold = this.hold_;
-    if (hold?.labels.every((label) => this.liveStatuses.get(label) === "booked")) {
+    if (hold?.labels.every((label) => this.statusOf(label) === "booked")) {
       this.clearHold();
       this.resetTableQuantitiesForLabels(hold.labels);
     }
@@ -7912,7 +8038,7 @@ var PickerController = class {
   async resnapshot() {
     try {
       const objs = await this.api.objects(this.key);
-      this.applySeatsMap(objs.seats);
+      this.applySeatsMap(objs.seats, objs.default ?? "free");
     } catch {
     }
   }
@@ -7970,6 +8096,7 @@ var PickerController = class {
   realtimeSink() {
     return {
       applyStatuses: (changes) => this.applyStatusChanges(changes),
+      applyProjection: (projection) => this.applySeatsMap(projection.exceptions, projection.default),
       resync: () => this.resnapshot(),
       onSections: (hidden, closed) => {
         const rebuilt = this.syncHidden(hidden);
@@ -9246,9 +9373,9 @@ function generateSeatThumb(seat, focalPoint, _neighborSeats) {
 
 // src/i18n/bundles.ts
 var LOADERS = {
-  es: () => import("./es-6TJS2L7S.js").then((m) => ({ default: m.es })),
-  de: () => import("./de-UHAOVDS3.js").then((m) => ({ default: m.de })),
-  fr: () => import("./fr-MMSY7FPE.js").then((m) => ({ default: m.fr }))
+  es: () => import("./es-WEC5NHRT.js").then((m) => ({ default: m.es })),
+  de: () => import("./de-ST4H423D.js").then((m) => ({ default: m.de })),
+  fr: () => import("./fr-SGBFNAQV.js").then((m) => ({ default: m.fr }))
 };
 var loaded = /* @__PURE__ */ new Set(["en"]);
 async function loadLocale(code) {
@@ -9271,6 +9398,7 @@ export {
   ACCESSIBILITY_RING_COLOR,
   ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY,
+  CURRENCY_CHOICES,
   DEFAULT_CURRENCY,
   LABEL_STYLE_MAX_SIZE,
   LABEL_STYLE_MIN_SIZE,