@seatlayer/core 0.28.2 → 0.28.4

package/dist/index.cjs

@@ -1369,9 +1369,10 @@ function compositeHexOver(foreground, background, opacity) {
   const channels = front.map((value, index) => Math.round(value * alpha + back[index] * (1 - alpha)));
   return `#${channels.map((value) => value.toString(16).padStart(2, "0")).join("")}`;
 }
-function stateAwareBookableLabelInk(fill, preferred) {
+var AUTHORED_LABEL_MIN_CONTRAST = 3;
+function stateAwareBookableLabelInk(fill, preferred, minContrast = SMALL_TEXT_CONTRAST) {
   const preferredContrast = renderedTextContrast(preferred, fill);
-  if (preferredContrast != null && preferredContrast >= SMALL_TEXT_CONTRAST) return preferred;
+  if (preferredContrast != null && preferredContrast >= minContrast) return preferred;
   const darkContrast = renderedTextContrast(DARK_BOOKABLE_LABEL_INK, fill) ?? 0;
   const lightContrast = renderedTextContrast(LIGHT_BOOKABLE_LABEL_INK, fill) ?? 0;
   if (darkContrast === 0 && lightContrast === 0) return preferred;
@@ -4786,7 +4787,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
    * authored per-seat colour through the same auto-contrast rule as sections. */
   seatLabelInk(seat, shape) {
     const fill = shape.fill();
-    return stateAwareBookableLabelInk(typeof fill === "string" ? fill : "", this.seatPreferredLabelInk(seat));
+    return stateAwareBookableLabelInk(typeof fill === "string" ? fill : "", this.seatPreferredLabelInk(seat), AUTHORED_LABEL_MIN_CONTRAST);
   }
   /** Apply fill/stroke/opacity for a seat's current status + selection. */
   paintSeat(c, id) {
@@ -6954,7 +6955,8 @@ var _SeatmapRenderer = class _SeatmapRenderer {
       const labelStyle = presentation?.labelStyle;
       const ink = stateAwareBookableLabelInk(
         background,
-        labelStyle?.color ?? this.theme.rowLabelColor ?? this.theme.textColor ?? "#e6e9f0"
+        labelStyle?.color ?? this.theme.rowLabelColor ?? this.theme.textColor ?? "#e6e9f0",
+        AUTHORED_LABEL_MIN_CONTRAST
       );
       const fontSize = labelStyle?.size ?? 12;
       const rotation = presentation?.rotation ?? 0;
@@ -7683,8 +7685,12 @@ var PickerController = class {
     this.emitSelectionChange();
     return true;
   }
-  /** Atomically replace an active variable-table hold with a new guest count. */
-  async replaceTableQuantity(label, quantity) {
+  /**
+   * Atomically replace an active variable-table hold with a new guest count.
+   * `ttlMs` keeps the host's checkout window across the replacement — without it
+   * a guest-count change silently re-based the countdown on the server default.
+   */
+  async replaceTableQuantity(label, quantity, ttlMs) {
     const table = this.groupedTablesByLabel.get(label);
     const hold = this.hold_;
     if (!table || table.mode !== "variable" || !hold?.labels.includes(label)) return null;
@@ -7701,7 +7707,7 @@ var PickerController = class {
       quantity: item.label === label ? q : item.quantity
     }));
     if (!selections.some((item) => item.label === label)) return null;
-    const result = await this.api.hold(this.key, selections, void 0, hold.holdId);
+    const result = await this.api.hold(this.key, selections, ttlMs, hold.holdId);
     this.tableQuantities.set(label, q);
     this.setHold({
       holdId: result.holdId,
@@ -7985,6 +7991,10 @@ var PickerController = class {
    * failure. With `preferPremium`, first tries to hold the best PREMIUM block
    * locally; when none matches the requested quantity it falls back to the
    * normal server pick (the widget surfaces a subtle note on that fallback).
+   *
+   * `ttlMs` is the host's checkout window and MUST reach both branches: a hold
+   * born here is the same buyer commitment as one made by clicking seats, so
+   * omitting it silently handed the buyer the server default instead.
    */
   async bestAvailable(qty, categoryKey, opts = {}) {
     const r = this.renderer;
@@ -7999,7 +8009,7 @@ var PickerController = class {
             const resolved = seat ? this.toSeat(seat) : null;
             return { label, ...resolved?.tierId ? { tierId: resolved.tierId } : {} };
           });
-          const result = await this.api.hold(this.key, selection);
+          const result = await this.api.hold(this.key, selection, opts.ttlMs);
           r.clearSelection();
           const ids = this.idsForLabels(block);
           if (ids.length) r.setStatus(ids, "held");
@@ -8018,7 +8028,7 @@ var PickerController = class {
     }
     if (this.hold_ && !await this.release()) return null;
     try {
-      const result = await this.api.bestAvailable(this.key, qty, categoryKey, opts.zoneId);
+      const result = await this.api.bestAvailable(this.key, qty, categoryKey, opts.zoneId, opts.ttlMs);
       r.clearSelection();
       const ids = this.idsForLabels(result.labels);
       if (ids.length) r.setStatus(ids, "held");
@@ -8039,8 +8049,10 @@ var PickerController = class {
    * cart can hold best-available seats that aren't in the renderer selection);
    * defaults to the renderer selection. Reuses an existing exact-match hold, else
    * holds first. Returns the labels booked, or null on failure (conflicts painted).
+   * `ttlMs` only matters on the hold-first path: if the book call then fails, the
+   * seats sit held for the host's window rather than the longer server default.
    */
-  async book(bookingRef, labelsArg) {
+  async book(bookingRef, labelsArg, ttlMs) {
     const r = this.renderer;
     if (!r) return null;
     if (!this.api.book) throw new Error("picker: transport has no book() \u2014 hold-only mode");
@@ -8063,7 +8075,7 @@ var PickerController = class {
               ...this.tableQuantityRequest(resolved)
             };
           }),
-          void 0,
+          ttlMs,
           replaceHoldId
         );
         holdId = h.holdId;