@seatlayer/core 0.1.3 → 0.2.0

package/dist/index.js

@@ -364,16 +364,35 @@ function chartBounds(doc) {
   };
 }
 
+// src/core/ga.ts
+var PREFIX = "__sl_ga__";
+var MAX_GA_CAPACITY = 1e5;
+var MAX_EVENT_INVENTORY = 1e5;
+function gaUnitLabel(areaId, index) {
+  return `${PREFIX}${encodeURIComponent(areaId)}__${index + 1}`;
+}
+function gaUnitLabels(area) {
+  const capacity = Math.min(MAX_GA_CAPACITY, Math.max(0, Math.floor(area.capacity)));
+  return Array.from({ length: capacity }, (_, i) => gaUnitLabel(area.id, i));
+}
+function gaAreasOf(doc) {
+  return allObjects(doc).filter((o) => o.type === "gaArea");
+}
+function isGaUnitLabel(label) {
+  return label.startsWith(PREFIX);
+}
+
 // src/core/sections.ts
 var UNGROUPED_ID = "__ungrouped__";
 function objectSeatLabels(o) {
   if (o.type === "row") return expandRow(o).map((s) => s.label);
   if (o.type === "table") return expandTable(o).map((s) => s.label);
   if (o.type === "booth") return expandBooth(o).map((s) => s.label);
+  if (o.type === "gaArea") return gaUnitLabels(o);
   return [];
 }
 function isSeatObject(o) {
-  return o.type === "row" || o.type === "table" || o.type === "booth";
+  return o.type === "row" || o.type === "table" || o.type === "booth" || o.type === "gaArea";
 }
 function computeSections(doc) {
   const objs = allObjects(doc);
@@ -500,7 +519,10 @@ var en = {
   "picker.seatsHeld": "Seats held \u2014 {time}",
   "picker.holdExpired": "Your hold expired \u2014 the seats were released. Pick again.",
   "picker.seatTaken": "Seat {label} was just taken by another buyer.",
-  "picker.poweredBy": "Powered by SeatMap",
+  "picker.poweredBy": "Powered by SeatLayer",
+  "picker.testMode": "TEST MODE",
+  "picker.colorblind": "Colorblind-friendly colors",
+  "picker.orphanHint": "This leaves a single seat stranded \u2014 consider shifting one seat over.",
   "picker.seats.one": "{count} seat",
   "picker.seats.other": "{count} seats",
   // renderer (drawn on the Konva map — shared by the embed SDK)
@@ -617,6 +639,7 @@ var ZONE_SUB_PX = 12;
 var HELD_FILL = "#6b7280";
 var TAKEN_FILL = "#374151";
 var NFS_STROKE = "#4b5563";
+var CB_PALETTE = ["#E69F00", "#56B4E9", "#009E73", "#F0E442", "#0072B2", "#D55E00", "#CC79A7"];
 var ACCESS_RING = {
   wheelchair: "#3b82f6",
   companion: "#8b5cf6",
@@ -719,6 +742,10 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.statusById = /* @__PURE__ */ new Map();
     this.catColor = /* @__PURE__ */ new Map();
     this.theme = {};
+    /** Colorblind-safe mode (Okabe-Ito hues + hollow booked seats). */
+    this.colorblind = false;
+    /** Category order from the doc — the stable index into the CB palette. */
+    this.catOrder = [];
     this.selection = /* @__PURE__ */ new Set();
     this.selectionRings = /* @__PURE__ */ new Map();
     this.focusedId = null;
@@ -969,6 +996,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.hoverRing.radius(this.seatR + 2);
     this.catColor.clear();
     this.catPrice.clear();
+    this.catOrder = doc.categories.map((c) => c.key);
     for (const c of doc.categories) {
       this.catColor.set(c.key, c.color);
       if (typeof c.price === "number") this.catPrice.set(c.key, c.price);
@@ -1492,12 +1520,18 @@ var _SeatmapRenderer = class _SeatmapRenderer {
     this.hasBoothText = true;
     target.add(t2);
   }
+  /** The category's display color — Okabe-Ito hue when colorblind-safe is on. */
+  seatBaseColor(categoryKey) {
+    if (!this.colorblind) return this.catColor.get(categoryKey) ?? "#6e7bff";
+    const idx = this.catOrder.indexOf(categoryKey);
+    return CB_PALETTE[(idx >= 0 ? idx : 0) % CB_PALETTE.length];
+  }
   /** Apply fill/stroke/opacity for a seat's current status + selection. */
   paintSeat(c, id) {
     const seat = this.seatById.get(id);
     const status = this.statusById.get(id) ?? "free";
     const selected = this.selection.has(id);
-    const base = this.catColor.get(seat.categoryKey) ?? "#6e7bff";
+    const base = this.seatBaseColor(seat.categoryKey);
     c.dash([]);
     c.strokeWidth(0);
     c.stroke("");
@@ -1510,8 +1544,15 @@ var _SeatmapRenderer = class _SeatmapRenderer {
         c.fill(HELD_FILL);
         break;
       case "booked":
-        c.fill(TAKEN_FILL);
-        c.opacity(0.45);
+        if (this.colorblind) {
+          c.fill("rgba(0,0,0,0)");
+          c.stroke(TAKEN_FILL);
+          c.strokeWidth(1.5);
+          c.opacity(0.9);
+        } else {
+          c.fill(TAKEN_FILL);
+          c.opacity(0.45);
+        }
         break;
       case "not_for_sale":
         c.fill(TAKEN_FILL);
@@ -1533,6 +1574,24 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       }
     }
   }
+  /**
+   * Colorblind-safe mode: swap category hues for the Okabe-Ito palette and
+   * render booked seats hollow. Off restores the exact default rendering.
+   */
+  setColorblindSafe(on) {
+    if (on === this.colorblind) return;
+    this.colorblind = on;
+    for (const seat of this.seats) {
+      const c = this.circleById.get(seat.id);
+      if (c) this.paintSeat(c, seat.id);
+    }
+    if (this.cached) {
+      this.seatLayer.clearCache();
+      this.cacheSeatLayer();
+    } else {
+      this.seatLayer.batchDraw();
+    }
+  }
   /**
    * Dim the seats of these section/zone ids (organizer manager use) so held-back
    * inventory is visually distinct on the canvas without hiding it. `null`/empty
@@ -2471,6 +2530,38 @@ function createRenderer(container, opts) {
   return new SeatmapRenderer(container, opts);
 }
 
+// src/core/orphans.ts
+function seatIndex(id) {
+  const n = Number(id.slice(id.lastIndexOf(":") + 1));
+  return Number.isFinite(n) ? n : -1;
+}
+function strandedSingles(seats, statusOf, selectedIds) {
+  const rows = /* @__PURE__ */ new Map();
+  for (const s of seats) {
+    if (s.kind === "booth") continue;
+    const list = rows.get(s.rowId);
+    if (list) list.push(s);
+    else rows.set(s.rowId, [s]);
+  }
+  const unavailable = (s) => selectedIds.has(s.id) || statusOf(s.id) !== "free";
+  const out = [];
+  for (const list of rows.values()) {
+    if (list.length < 3) continue;
+    list.sort((a, b) => seatIndex(a.id) - seatIndex(b.id));
+    for (let i = 1; i < list.length - 1; i++) {
+      const seat = list[i];
+      if (unavailable(seat)) continue;
+      const left = list[i - 1];
+      const right = list[i + 1];
+      if (seatIndex(seat.id) - seatIndex(left.id) !== 1 || seatIndex(right.id) - seatIndex(seat.id) !== 1) continue;
+      if (!unavailable(left) || !unavailable(right)) continue;
+      if (!selectedIds.has(left.id) && !selectedIds.has(right.id)) continue;
+      out.push(seat);
+    }
+  }
+  return out;
+}
+
 // src/picker/PickerController.ts
 var DEFAULT_MAX_SELECTION = 10;
 var MAX_BACKOFF_MS = 15e3;
@@ -2504,7 +2595,11 @@ var PickerController = class {
     this.closed = false;
     // hold state
     this.hold_ = null;
+    this.liveStatuses = /* @__PURE__ */ new Map();
+    this.currency = "USD";
     this.expiryTimer = null;
+    /** Whether the last emitted hint was non-null (avoids clearing repeatedly). */
+    this.hintShown = false;
     this.opts = options;
     this.api = options.transport;
     this.key = options.eventKey;
@@ -2561,6 +2656,7 @@ var PickerController = class {
       this.allIds.push(s.id);
     }
     const currency = res.event.currency ?? this.opts.currency;
+    this.currency = currency ?? "USD";
     const renderer = createRenderer(host, {
       maxSelection: this.maxSelection,
       confirmSelection: this.opts.confirmSelection,
@@ -2600,6 +2696,7 @@ var PickerController = class {
       return null;
     }
     renderer.setChart(this.visibleDoc());
+    if (this.opts.colorblindSafe) renderer.setColorblindSafe?.(true);
     if (seats) this.applySeatsMap(seats);
     this.connect();
     return {
@@ -2608,7 +2705,9 @@ var PickerController = class {
       eventName: res.event.name,
       venue: res.event.venue,
       startsAt: res.event.startsAt,
-      currency
+      currency,
+      // 'test' ⇒ sandbox event: hosts render a TEST MODE ribbon (Phase 11).
+      mode: res.event.mode ?? "live"
     };
   }
   // ---- selection ------------------------------------------------------------
@@ -2631,21 +2730,72 @@ var PickerController = class {
    * re-throws so the caller can choose the banner copy. Returns null only when
    * there's nothing to hold.
    */
-  async hold(labelsArg) {
+  async hold(labelsArg, ttlMs) {
     const r = this.renderer;
     if (!r) return null;
     const labels = labelsArg ?? r.getSelection().map((s) => s.label);
-    if (!labels.length) return null;
-    if (this.hold_ && this.holdCovers(labels)) return this.hold_;
+    const existingGA = (this.hold_?.items ?? []).filter((item) => item.objectType === "ga");
+    const combinedLabels = [.../* @__PURE__ */ new Set([...existingGA.map((item) => item.label), ...labels])];
+    if (!combinedLabels.length) return null;
+    if (this.hold_ && this.holdCovers(combinedLabels)) return this.hold_;
     try {
-      const result = await this.api.hold(this.key, labels);
-      this.setHold({ holdId: result.holdId, labels: [...labels], expiresAt: result.expiresAt });
+      const selections = combinedLabels.map((label) => {
+        const ga = existingGA.find((item) => item.label === label);
+        if (ga) return { label, tierId: ga.tierId };
+        const seat = this.labelToSeat.get(label);
+        const resolved = seat ? this.toSeat(seat) : null;
+        return { label, ...resolved?.tierId ? { tierId: resolved.tierId } : {} };
+      });
+      const result = await this.api.hold(this.key, selections, ttlMs, this.hold_?.holdId);
+      this.setHold({ holdId: result.holdId, labels: combinedLabels, expiresAt: result.expiresAt, items: result.items });
       return this.hold_;
     } catch (err) {
       this.handle409Conflicts(err);
       throw err;
     }
   }
+  /** Public GA inventory derived from the live synthetic-unit status stream. */
+  getGAAreas() {
+    const doc = this.visibleDoc();
+    if (!doc) return [];
+    return gaAreasOf(doc).map((area) => {
+      const category = doc.categories.find((candidate) => candidate.key === area.categoryKey);
+      return {
+        id: area.id,
+        label: area.label,
+        capacity: Math.max(0, Math.floor(area.capacity)),
+        available: gaUnitLabels(area).filter((label) => (this.liveStatuses.get(label) ?? "free") === "free").length,
+        categoryKey: area.categoryKey,
+        tiers: category?.tiers,
+        price: category?.tiers?.[0]?.price ?? category?.price ?? 0,
+        currency: this.currency
+      };
+    });
+  }
+  /** Select a quantity from one GA area and hold it atomically. */
+  async holdGA(areaId, qty, options = {}) {
+    const doc = this.visibleDoc();
+    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));
+    if (labels.length !== Math.floor(qty)) return null;
+    const selections = /* @__PURE__ */ new Map();
+    for (const item of this.hold_?.items ?? []) selections.set(item.label, { label: item.label, tierId: item.tierId });
+    if (this.hold_ && !this.hold_?.items?.length) {
+      for (const seat of this.hold_.seats) selections.set(seat.label, { label: seat.label, ...seat.tierId ? { tierId: seat.tierId } : {} });
+    }
+    for (const seat of this.renderer?.getSelection() ?? []) {
+      const resolved = this.labelToSeat.get(seat.label);
+      const chosen = resolved ? this.toSeat(resolved) : null;
+      selections.set(seat.label, { label: seat.label, ...chosen?.tierId ? { tierId: chosen.tierId } : {} });
+    }
+    for (const label of labels) selections.set(label, { label, ...options.tierId ? { tierId: options.tierId } : {} });
+    const combined = [...selections.values()];
+    const result = await this.api.hold(this.key, combined, options.ttlMs, this.hold_?.holdId);
+    this.setHold({ holdId: result.holdId, labels: combined.map((s) => s.label), expiresAt: result.expiresAt, items: result.items });
+    return this.hold_;
+  }
   /** Server-picks `qty` best free seats and holds them atomically. Throws on failure. */
   async bestAvailable(qty, categoryKey) {
     const r = this.renderer;
@@ -2656,7 +2806,7 @@ var PickerController = class {
       r.clearSelection();
       const ids = result.labels.map((l) => this.labelToId.get(l)).filter((v) => !!v);
       if (ids.length) r.setStatus(ids, "held");
-      this.setHold({ holdId: result.holdId, labels: [...result.labels], expiresAt: result.expiresAt });
+      this.setHold({ holdId: result.holdId, labels: [...result.labels], expiresAt: result.expiresAt, items: result.items });
       const seats = result.labels.map((l) => this.labelToSeat.get(l)).filter((s) => !!s).map((s) => this.toSeat(s));
       this.opts.onSelectionChange?.(seats);
       return this.hold_;
@@ -2685,9 +2835,19 @@ var PickerController = class {
       if (this.hold_ && this.holdCovers(labels)) {
         holdId = this.hold_.holdId;
       } else {
-        const h = await this.api.hold(this.key, labels);
+        const replaceHoldId = this.hold_?.holdId;
+        const h = await this.api.hold(
+          this.key,
+          labels.map((label) => {
+            const seat = this.labelToSeat.get(label);
+            const resolved = seat ? this.toSeat(seat) : null;
+            return { label, ...resolved?.tierId ? { tierId: resolved.tierId } : {} };
+          }),
+          void 0,
+          replaceHoldId
+        );
         holdId = h.holdId;
-        this.setHold({ holdId, labels: [...labels], expiresAt: h.expiresAt });
+        this.setHold({ holdId, labels: [...labels], expiresAt: h.expiresAt, items: h.items });
       }
       await this.api.book(this.key, labels, holdId, bookingRef);
     } catch (err) {
@@ -2971,6 +3131,31 @@ var PickerController = class {
   }
   emitSelectionChange() {
     this.opts.onSelectionChange?.(this.getSelection());
+    this.emitOrphanHint();
+  }
+  /**
+   * Orphan-seat advice on manual selection: when the buyer's current picks
+   * strand one (or more) single free seats between unavailable same-row
+   * neighbors, surface a localized, non-blocking hint. Cleared (null) as soon
+   * as the selection stops stranding anyone.
+   */
+  emitOrphanHint() {
+    if (!this.opts.onHint) return;
+    const r = this.renderer;
+    if (!r) return;
+    const selected = new Set(r.getSelection().map((s) => s.id));
+    const stranded = selected.size ? strandedSingles(this.seatById.values(), (id) => r.getStatus(id), selected) : [];
+    if (stranded.length > 0) {
+      this.hintShown = true;
+      this.opts.onHint(t("picker.orphanHint"));
+    } else if (this.hintShown) {
+      this.hintShown = false;
+      this.opts.onHint(null);
+    }
+  }
+  /** Toggle colorblind-safe rendering at runtime (see PickerOptions.colorblindSafe). */
+  setColorblindSafe(on) {
+    this.renderer?.setColorblindSafe?.(on);
   }
   emitError(err) {
     if (this.opts.onError) this.opts.onError(err);
@@ -2978,7 +3163,13 @@ var PickerController = class {
   }
   holdCovers(labels) {
     const h = this.hold_;
-    return !!h && h.labels.length === labels.length && labels.every((l) => h.labels.includes(l));
+    if (!h || h.labels.length !== labels.length || !labels.every((l) => h.labels.includes(l))) return false;
+    const tiers = new Map((h.items ?? []).map((item) => [item.label, item.tierId]));
+    return labels.every((label) => {
+      const seat = this.labelToSeat.get(label);
+      const currentTier = seat ? this.toSeat(seat).tierId ?? null : null;
+      return !tiers.has(label) || tiers.get(label) === currentTier;
+    });
   }
   handle409Conflicts(err) {
     const { status, conflicts } = errInfo(err);
@@ -2998,7 +3189,7 @@ var PickerController = class {
     this.hold_ = full;
     if (this.expiryTimer) clearTimeout(this.expiryTimer);
     const ms = Math.max(0, full.expiresAt - Date.now());
-    this.expiryTimer = setTimeout(() => this.onHoldExpired(), ms);
+    this.expiryTimer = setTimeout(() => void this.expireActiveHold(), ms);
     this.opts.onHold?.(full);
   }
   clearHold() {
@@ -3008,18 +3199,31 @@ var PickerController = class {
       this.expiryTimer = null;
     }
   }
-  onHoldExpired() {
+  async expireActiveHold() {
     const hold = this.hold_;
-    this.clearHold();
-    if (hold) {
-      const ids = hold.labels.map((l) => this.labelToId.get(l)).filter((v) => !!v);
-      if (ids.length) this.renderer?.setStatus(ids, "free");
+    if (!hold) return;
+    try {
+      const snap = await this.api.objects(this.key);
+      if (this.hold_?.holdId !== hold.holdId) return;
+      this.applySeatsMap(snap.seats);
+    } catch {
+      if (this.hold_?.holdId === hold.holdId) {
+        this.expiryTimer = setTimeout(() => void this.expireActiveHold(), 2e3);
+      }
+      return;
     }
+    if (this.hold_?.holdId !== hold.holdId) return;
+    if (hold.labels.some((label) => this.liveStatuses.get(label) === "held")) {
+      this.expiryTimer = setTimeout(() => void this.expireActiveHold(), 1e3);
+      return;
+    }
+    this.clearHold();
     this.opts.onHoldExpired?.();
   }
   applySeatsMap(seats) {
     const r = this.renderer;
     if (!r) return;
+    this.liveStatuses = new Map(Object.entries(seats));
     if (this.allIds.length) r.setStatus(this.allIds, "free");
     const byStatus = { free: [], held: [], booked: [], not_for_sale: [] };
     for (const [label, st] of Object.entries(seats)) {
@@ -3030,6 +3234,10 @@ var PickerController = class {
       if (byStatus[st].length) r.setStatus(byStatus[st], st);
     });
     this.opts.onStatusChange?.();
+    this.clearBookedHoldIfSettled();
+  }
+  clearBookedHoldIfSettled() {
+    if (this.hold_?.labels.every((label) => this.liveStatuses.get(label) === "booked")) this.clearHold();
   }
   async resnapshot() {
     try {
@@ -3072,6 +3280,7 @@ var PickerController = class {
         this.applySeatsMap(m.seats);
       } else if (Array.isArray(m.changes)) {
         for (const ch of m.changes) {
+          this.liveStatuses.set(ch.label, ch.status);
           const id = this.labelToId.get(ch.label);
           if (!id) continue;
           const next = mapStatus(ch.status);
@@ -3080,6 +3289,7 @@ var PickerController = class {
           }
           r.setStatus([id], next);
         }
+        this.clearBookedHoldIfSettled();
         this.opts.onStatusChange?.();
       }
     };
@@ -3107,9 +3317,9 @@ var PickerController = class {
 
 // src/i18n/bundles.ts
 var LOADERS = {
-  es: () => import("./es-UM4ZS357.js").then((m) => ({ default: m.es })),
-  de: () => import("./de-Y3E6YTGP.js").then((m) => ({ default: m.de })),
-  fr: () => import("./fr-IGRD2M4W.js").then((m) => ({ default: m.fr }))
+  es: () => import("./es-MLM3IFIY.js").then((m) => ({ default: m.es })),
+  de: () => import("./de-YMAVF5S2.js").then((m) => ({ default: m.de })),
+  fr: () => import("./fr-N7AAVATM.js").then((m) => ({ default: m.fr }))
 };
 var loaded = /* @__PURE__ */ new Set(["en"]);
 async function loadLocale(code) {
@@ -3132,6 +3342,8 @@ export {
   ACCESSIBILITY_TYPES,
   CHART_STORAGE_KEY,
   DEFAULT_CURRENCY,
+  MAX_EVENT_INVENTORY,
+  MAX_GA_CAPACITY,
   PickerController,
   SUPPORTED_LOCALES,
   SeatmapRenderer,
@@ -3152,8 +3364,12 @@ export {
   floorsOf,
   formatDate,
   formatMoney,
+  gaAreasOf,
+  gaUnitLabel,
+  gaUnitLabels,
   getLocale,
   hiddenObjectIds,
+  isGaUnitLabel,
   isSectionHidden,
   layerOf,
   loadLocale,