@vio-live/web-sdk 0.32.0 → 0.35.0

package/dist/{chunk-IR4XYTZL.js → chunk-QA5R4VYF.js}

@@ -841,6 +841,17 @@ var ChannelProduct = class {
     }
   }
 };
+var FILLER_SHIPPING_DESCRIPTIONS = Object.freeze(["by outshifter", "default shipping method"]);
+function shippingDescriptionOf(value, repeats = []) {
+  const text3 = typeof value === "string" ? value.trim() : "";
+  if (!text3) return "";
+  const key = text3.toLowerCase();
+  if (FILLER_SHIPPING_DESCRIPTIONS.includes(key)) return "";
+  for (const r of repeats) {
+    if (typeof r === "string" && r.trim() && r.trim().toLowerCase() === key) return "";
+  }
+  return text3;
+}
 function shippingRatesFor(productShipping, country) {
   if (!Array.isArray(productShipping)) return [];
   const want = String(country || "").trim().toUpperCase();
@@ -851,13 +862,15 @@ function shippingRatesFor(productShipping, country) {
     const price = row?.price;
     const amount = typeof price?.amount_incl_taxes === "number" ? price.amount_incl_taxes : price?.amount;
     if (typeof amount !== "number" || !Number.isFinite(amount) || amount < 0) continue;
+    const name = String(s.name ?? "");
+    const description = shippingDescriptionOf(s.description, [name]);
     out.push({
       id: String(s.id ?? ""),
-      name: String(s.name ?? ""),
+      name,
       price: amount,
       currency: String(price?.currency_code ?? ""),
       default: s.default === true,
-      description: typeof s.description === "string" ? s.description.trim() : "",
+      description,
       logoUrl: httpsUrlOrEmpty(s.logo_url ?? s.logoUrl)
     });
   }
@@ -1026,6 +1039,154 @@ async function currentPrivacyMode() {
   }
 }
 
+// src/core/detail-layout.ts
+var DETAIL_SECTION_IDS = [
+  "brand",
+  "title",
+  "stock",
+  "price",
+  "options",
+  "purchase",
+  "highlights",
+  "description",
+  "shippingReturns"
+];
+var ESSENTIAL_DETAIL_SECTIONS = ["title", "price", "options", "purchase"];
+var LAYOUT_TOKEN = /^[A-Za-z0-9._:-]{1,64}$/;
+function layoutToken(value) {
+  if (typeof value !== "string") return void 0;
+  const v = value.trim();
+  return LAYOUT_TOKEN.test(v) ? v : void 0;
+}
+var KNOWN = new Set(DETAIL_SECTION_IDS);
+function defaultDetailLayout() {
+  return { id: "default", revision: "0", sections: [...DETAIL_SECTION_IDS], adjusted: [], source: "default" };
+}
+var warned = /* @__PURE__ */ new Set();
+function warnOnce(key, message) {
+  if (warned.has(key)) return;
+  warned.add(key);
+  if (typeof console !== "undefined") console.warn("[Vio] detail layout ignored:", message);
+}
+function normalizeDetailLayout(raw) {
+  if (raw === null || raw === void 0) return null;
+  if (typeof raw !== "object" || Array.isArray(raw)) {
+    warnOnce(`type:${typeof raw}`, "it must be an object");
+    return null;
+  }
+  const r = raw;
+  const id = layoutToken(r.id);
+  if (!id) {
+    warnOnce(`id:${String(r.id)}`, `invalid id ${JSON.stringify(r.id)} (\u2264 64 chars of A-Z a-z 0-9 . _ : -)`);
+    return null;
+  }
+  if (!Array.isArray(r.sections)) {
+    warnOnce(`sections:${id}`, `layout ${id}: sections must be an array of section ids`);
+    return null;
+  }
+  const out = {
+    id,
+    revision: layoutToken(r.revision) ?? "",
+    sections: r.sections.map((s) => typeof s === "string" ? s.trim() : String(s))
+  };
+  const experimentId = layoutToken(r.experimentId);
+  if (experimentId) out.experimentId = experimentId;
+  const variantId = layoutToken(r.variantId);
+  if (variantId) out.variantId = variantId;
+  return out;
+}
+function effectiveDetailSections(requested) {
+  const sections = [];
+  const adjusted = [];
+  for (const raw of requested) {
+    const s = String(raw).slice(0, 64);
+    if (!KNOWN.has(s)) {
+      adjusted.push({ section: s, reason: "unknown" });
+      continue;
+    }
+    if (sections.includes(s)) {
+      adjusted.push({ section: s, reason: "duplicate" });
+      continue;
+    }
+    sections.push(s);
+  }
+  for (const essential of ESSENTIAL_DETAIL_SECTIONS) {
+    if (!sections.includes(essential)) {
+      sections.push(essential);
+      adjusted.push({ section: essential, reason: "added-essential" });
+    }
+  }
+  return { sections, adjusted };
+}
+function resolveDetailLayout(elementLayout, globalLayout = currentGlobalDetailLayout()) {
+  const own = normalizeDetailLayout(elementLayout);
+  const page = own ? null : normalizeDetailLayout(globalLayout);
+  const chosen = own ?? page;
+  if (!chosen) return defaultDetailLayout();
+  const { sections, adjusted } = effectiveDetailSections(chosen.sections);
+  return {
+    id: chosen.id,
+    revision: chosen.revision,
+    ...chosen.experimentId ? { experimentId: chosen.experimentId } : {},
+    ...chosen.variantId ? { variantId: chosen.variantId } : {},
+    sections,
+    adjusted,
+    source: own ? "element" : "global"
+  };
+}
+function copyAppliedLayout(applied) {
+  return { ...applied, sections: [...applied.sections], adjusted: applied.adjusted.map((a) => ({ ...a })) };
+}
+function layoutSignature(applied) {
+  return [applied.source, applied.id, applied.revision, applied.experimentId ?? "", applied.variantId ?? "", applied.sections.join(",")].join("|");
+}
+function layoutOriginOf(applied) {
+  if (!applied || applied.source === "default") return {};
+  return {
+    layoutId: applied.id,
+    ...applied.revision ? { layoutRevision: applied.revision } : {},
+    ...applied.experimentId ? { experimentId: applied.experimentId } : {},
+    ...applied.variantId ? { variantId: applied.variantId } : {}
+  };
+}
+function normalizeLayoutOrigin(origin) {
+  if (!origin || typeof origin !== "object") return {};
+  const o = origin;
+  const layoutId = layoutToken(o.layoutId);
+  if (!layoutId) return {};
+  const out = { layoutId };
+  const layoutRevision = layoutToken(o.layoutRevision);
+  if (layoutRevision) out.layoutRevision = layoutRevision;
+  const experimentId = layoutToken(o.experimentId);
+  if (experimentId) out.experimentId = experimentId;
+  const variantId = layoutToken(o.variantId);
+  if (variantId) out.variantId = variantId;
+  return out;
+}
+function store() {
+  const g = globalThis;
+  return g.__VIO_DETAIL_LAYOUT__ ??= { layout: null, listeners: /* @__PURE__ */ new Set() };
+}
+function currentGlobalDetailLayout() {
+  return store().layout;
+}
+function setGlobalDetailLayout(layout) {
+  const s = store();
+  s.layout = layout ?? null;
+  normalizeDetailLayout(s.layout);
+  for (const listener of [...s.listeners]) {
+    try {
+      listener();
+    } catch {
+    }
+  }
+}
+function onGlobalDetailLayoutChange(listener) {
+  const s = store();
+  s.listeners.add(listener);
+  return () => s.listeners.delete(listener);
+}
+
 // src/core/buyer-ref.ts
 var BUYER_REF_MAX_LENGTH = 128;
 var BUYER_REF_PATTERN = /^[A-Za-z0-9._~-]+$/;
@@ -1044,18 +1205,18 @@ var FEATURE_TOKENS = {
 };
 var UNKNOWN_PATTERN = /cannot query field|unknown field|unknown argument|unknown type|is not defined by type|not defined by type|field "[^"]+" is not defined/i;
 var refused = /* @__PURE__ */ new Set();
-var warned = /* @__PURE__ */ new Set();
+var warned2 = /* @__PURE__ */ new Set();
 function gatewayHas(feature) {
   return !refused.has(feature);
 }
 function resetGatewayFeatures(feature) {
   if (feature) {
     refused.delete(feature);
-    warned.delete(feature);
+    warned2.delete(feature);
     return;
   }
   refused.clear();
-  warned.clear();
+  warned2.clear();
 }
 function messagesOf(err) {
   if (!err || typeof err !== "object") return [];
@@ -1084,8 +1245,8 @@ async function withGatewayFeature(feature, request) {
   } catch (err) {
     if (!isUnknownFeatureError(err, feature)) throw err;
     refused.add(feature);
-    if (!warned.has(feature) && typeof console !== "undefined") {
-      warned.add(feature);
+    if (!warned2.has(feature) && typeof console !== "undefined") {
+      warned2.add(feature);
       console.warn(
         `[Vio] the commerce gateway does not know "${FEATURE_TOKENS[feature][0]}" (${feature}) yet \u2014 sent without it on this page load:`,
         messagesOf(err)[0] ?? ""
@@ -2014,7 +2175,7 @@ query Config {
   }
 }
 `;
-async function getCartGraphQLOptions(sponsorId) {
+async function getCartGraphQLOptions(sponsorId, ctx) {
   const facade = globalThis.__VIO_FACADE__;
   if (!Configuration.isInitialized) {
     await Configuration.whenReady();
@@ -2032,14 +2193,31 @@ async function getCartGraphQLOptions(sponsorId) {
   const anyCfg = cfg;
   let commerceKey = anyCfg.apiKey;
   let sponsorResolved = false;
-  if (sponsorId && typeof facade?.findSponsor === "function") {
+  let channelId;
+  let channelMissing = false;
+  const askedChannel = ctx?.channelId === null || ctx?.channelId === void 0 ? "" : String(ctx.channelId).trim();
+  if (sponsorId && typeof facade?.sponsorCommerce === "function") {
+    const sponsor = facade.sponsorCommerce(sponsorId, ctx ?? {});
+    if (sponsor?.commerce?.apiKey) {
+      commerceKey = sponsor.commerce.apiKey;
+      sponsorResolved = true;
+      const ch = sponsor.commerce.channelId;
+      if (ch !== null && ch !== void 0 && String(ch).trim()) channelId = String(ch).trim();
+    } else if (askedChannel && facade.bootstrapCache) {
+      channelMissing = true;
+    }
+  } else if (sponsorId && !askedChannel && typeof facade?.findSponsor === "function") {
     const sponsor = facade.findSponsor(sponsorId);
     if (sponsor?.commerce?.apiKey) {
       commerceKey = sponsor.commerce.apiKey;
       sponsorResolved = true;
     }
   }
-  if (sponsorId && !sponsorResolved && typeof console !== "undefined") {
+  if (channelMissing && typeof console !== "undefined") {
+    console.warn(
+      `[Vio] channel ${askedChannel} of sponsor ${sponsorId} is no longer in the bootstrap \u2014 not calling it with another channel's key`
+    );
+  } else if (sponsorId && !sponsorResolved && typeof console !== "undefined") {
     console.warn(
       `[Vio] no commerce key for sponsor ${sponsorId} \u2014 falling back to the platform apiKey, which the commerce API will reject. Is the sponsor configured, and did Vio.init run before this call?`
     );
@@ -2048,7 +2226,9 @@ async function getCartGraphQLOptions(sponsorId) {
     endpoint: anyCfg.graphQLBase || "https://graph-ql-dev.vio.live",
     apiKey: anyCfg.apiKey,
     commerceKey,
-    sponsorResolved
+    sponsorResolved,
+    ...channelId ? { channelId } : {},
+    ...channelMissing ? { channelMissing } : {}
   };
 }
 var CUSTOMER_SESSION_KEY = "vio.customer_session_id.v1";
@@ -2311,7 +2491,18 @@ async function getVippsStatus(variables, options) {
 }
 
 // src/core/cart/cart-manager.ts
-var STORAGE_KEY = "vio.cart.v1";
+var CART_STORAGE_PREFIX = "vio.cart.v1";
+function cartStorageKey(scope) {
+  return scope ? `${CART_STORAGE_PREFIX}:${scope}` : CART_STORAGE_PREFIX;
+}
+function cartScopeOf(environment, apiKey) {
+  let h = 2166136261;
+  for (let i = 0; i < apiKey.length; i++) {
+    h ^= apiKey.charCodeAt(i);
+    h = Math.imul(h, 16777619) >>> 0;
+  }
+  return `${environment || "production"}:${h.toString(16).padStart(8, "0")}`;
+}
 function finalTarget(sync) {
   return sync.steps.reduce((quantity, step) => quantity + step.delta, sync.sent);
 }
@@ -2339,6 +2530,17 @@ function queueStep(sync, target, origin) {
     else sync.steps.push({ delta: -left });
   }
 }
+function cartCampaignOf(cart) {
+  const items = cart?.items ?? [];
+  for (let i = items.length - 1; i >= 0; i--) {
+    const origins = items[i]?.origins ?? [];
+    for (let j = origins.length - 1; j >= 0; j--) {
+      const id = Number(origins[j]?.campaignId);
+      if (Number.isInteger(id) && id > 0) return id;
+    }
+  }
+  return void 0;
+}
 function lineId() {
   return "li_" + Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
 }
@@ -2349,7 +2551,7 @@ function normId(val) {
   return String(val).trim();
 }
 var CartManager = class extends EventTarget {
-  constructor() {
+  constructor(scope = "") {
     super();
     /** In-flight CreateCart per sponsor — two quick adds must share ONE backend
      * cart (two CreateCarts split the items and one silently disappears). */
@@ -2373,6 +2575,21 @@ var CartManager = class extends EventTarget {
      * in parallel; each response re-applied the whole backend cart, so an
      * older one landing after a newer optimistic change rolled the line back.) */
     this.qtySyncs = /* @__PURE__ */ new Map();
+    /**
+     * Bumped per sponsor each time its backend cart is dropped because its
+     * channel went away: the lines as they stood then (`carryOver`) go to the
+     * new backend cart, so an add whose local units were already counted in
+     * them must not send its own AddItem as well (see `addManual`).
+     */
+    this.rebuildEpoch = /* @__PURE__ */ new Map();
+    /** The lines to give the next backend cart of a sponsor, after its channel went away. */
+    this.carryOver = /* @__PURE__ */ new Map();
+    /**
+     * Whether this is the page's connection now. A manager left behind by a
+     * re-init (another key) still finishes its requests and keeps its own
+     * carts, but says nothing to the page: no `vio:cart-*` events.
+     */
+    this.active = true;
     /** Quantity intents for lines whose backend id hasn't arrived yet — replayed
      * when the AddItem response reconciles (keyed by product::variant). */
     this.pendingQtyIntents = /* @__PURE__ */ new Map();
@@ -2386,7 +2603,7 @@ var CartManager = class extends EventTarget {
      * that changed (`source: 'storage'`); nothing when nothing did.
      */
     this.onStorage = (e) => {
-      if (e.key !== null && e.key !== STORAGE_KEY) return;
+      if (e.key !== null && e.key !== this.storageKey) return;
       const stored = this.loadFromStorage();
       const changed = [];
       for (const sponsorId of /* @__PURE__ */ new Set([...this.cartsBySponsor.keys(), ...stored.keys()])) {
@@ -2402,11 +2619,28 @@ var CartManager = class extends EventTarget {
       this.emit();
       for (const sponsorId of changed) this.emitCartUpdated(sponsorId, "storage");
     };
+    this.storageKey = cartStorageKey(scope);
     this.cartsBySponsor = this.loadFromStorage();
+    if (scope && this.cartsBySponsor.size === 0) {
+      const legacy = this.loadFromStorage(CART_STORAGE_PREFIX);
+      if (legacy.size > 0) {
+        this.cartsBySponsor = legacy;
+        this.persist();
+        storageRemove("local", CART_STORAGE_PREFIX);
+      }
+    }
     if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
       window.addEventListener("storage", this.onStorage);
     }
   }
+  /** The page's connection is (or is no longer) this one; see `active`. */
+  setActive(active) {
+    this.active = active;
+  }
+  /** Tell the listeners what this connection's carts hold now (after the page switched to it). */
+  announce() {
+    this.emit();
+  }
   nextSeq(sponsorId) {
     const n = (this.mutationSeq.get(sponsorId) ?? 0) + 1;
     this.mutationSeq.set(sponsorId, n);
@@ -2500,15 +2734,118 @@ var CartManager = class extends EventTarget {
   emitError(message, err) {
     if (typeof console !== "undefined") console.warn("[CartManager]", message, err ?? "");
     this.dispatchEvent(new CustomEvent("error", { detail: { message } }));
-    if (typeof document !== "undefined") {
+    if (this.active && typeof document !== "undefined") {
       document.dispatchEvent(
         new CustomEvent("vio:cart-error", { bubbles: true, detail: { message } })
       );
     }
   }
   // MARK: - Backend cart sync (Vio Commerce GraphQL)
-  /** Ensure the sponsor cart exists server-side; returns its backend cart id. */
-  async ensureCartId(sponsorId, currency, shippingCountry) {
+  /**
+   * The options of a sponsor's backend cart: the key of the channel it was
+   * created on (`channelMissing` when the bootstrap no longer lists it). A
+   * cart from before channels were remembered keeps the sponsor's first
+   * block, as when it was created, and remembers that channel from now on.
+   */
+  async cartOptions(sponsorId) {
+    const cart = this.cartsBySponsor.get(sponsorId);
+    if (cart?.cartId && cart.channelId) {
+      return getCartGraphQLOptions(sponsorId, { channelId: cart.channelId });
+    }
+    if (!cart?.cartId) return getCartGraphQLOptions(sponsorId);
+    const opts = await getCartGraphQLOptions(sponsorId, { campaignId: null });
+    const now = this.cartsBySponsor.get(sponsorId);
+    if (now?.cartId && !now.channelId && opts.sponsorResolved && opts.channelId) {
+      now.channelId = opts.channelId;
+      this.persist();
+    }
+    return opts;
+  }
+  /**
+   * The backend cart to call for a sponsor, with the key of its channel. When
+   * the bootstrap no longer lists that channel the stale cart is dropped and a
+   * new one is created on the sponsor's current channel with the same lines
+   * (`dropStaleBackendCart` + `ensureCartId`) — never a call with a key of
+   * another channel. `undefined` when there is no backend cart (or none could
+   * be made).
+   */
+  async liveCart(sponsorId) {
+    const cart = this.cartsBySponsor.get(sponsorId);
+    const cartId = cart?.cartId;
+    if (!cart || !cartId) return void 0;
+    const opts = await this.cartOptions(sponsorId);
+    if (!opts.channelMissing) {
+      const current = this.cartsBySponsor.get(sponsorId)?.cartId;
+      if (current && current !== cartId) return { cartId: current, opts: await this.cartOptions(sponsorId) };
+      return { cartId, opts };
+    }
+    const now = this.cartsBySponsor.get(sponsorId);
+    if (now?.cartId === cartId) this.dropStaleBackendCart(sponsorId);
+    const rebuilt = await this.ensureCartId(sponsorId, now?.currency || void 0, now?.shippingCountry || void 0);
+    if (!rebuilt) return void 0;
+    return { cartId: rebuilt, opts: await this.cartOptions(sponsorId) };
+  }
+  /**
+   * The channel of a sponsor's cart is gone from the bootstrap (the campaign
+   * moved, a refresh after hours): forget the backend cart and its line ids,
+   * keep the lines, and remember them as they stand now for the next backend
+   * cart (`carryOver`). Queued quantity syncs of the old cart are dropped —
+   * their quantities are in the lines carried.
+   */
+  dropStaleBackendCart(sponsorId) {
+    const cart = this.cartsBySponsor.get(sponsorId);
+    if (!cart?.cartId) return;
+    const carried = cart.items.filter((item) => item.quantity > 0).map((item) => ({ productId: item.productId, variantId: item.variantId, origins: lineOrigins(item) }));
+    delete cart.cartId;
+    delete cart.channelId;
+    for (const item of cart.items) delete item.cartItemId;
+    for (const key of [...this.qtySyncs.keys()]) {
+      if (key.startsWith(`${sponsorId}:`)) this.qtySyncs.delete(key);
+    }
+    this.carryOver.set(sponsorId, carried);
+    this.rebuildEpoch.set(sponsorId, (this.rebuildEpoch.get(sponsorId) ?? 0) + 1);
+    this.persist();
+  }
+  /** Give a new backend cart the lines of the one whose channel went away — each unit with its own origin. */
+  async replayCarriedLines(sponsorId, cartId, carried, opts) {
+    let last;
+    const seq = this.nextSeq(sponsorId);
+    try {
+      const privacyMode = await currentPrivacyMode();
+      for (const line of carried) {
+        for (const origin of line.origins) {
+          if (!(origin.quantity > 0)) continue;
+          const { quantity, ...place } = origin;
+          const wire = Object.keys(place).length ? lineOriginWire(normalizeOrigin(place), { page: currentOriginPage(), privacyMode }) : void 0;
+          last = await addItem(
+            cartId,
+            [
+              {
+                product_id: Number(line.productId || 0),
+                quantity,
+                variant_id: line.variantId != null ? Number(line.variantId) : null,
+                ...wire ? { origin: wire } : {}
+              }
+            ],
+            opts
+          );
+        }
+      }
+    } catch (err) {
+      this.emitError("moving the cart to the current channel failed \u2014 some lines may not be in it", err);
+    }
+    const res = last;
+    if (res && Array.isArray(res.line_items)) this.applyBackendCart(sponsorId, res, seq);
+  }
+  /**
+   * Ensure the sponsor cart exists server-side; returns its backend cart id.
+   * A new backend cart is created on the channel of the campaign in context —
+   * `ctx.campaignId` (the add's origin), else the campaign the cart's lines
+   * came from, else `Vio.init`'s — and remembers it (`channelId`). An existing
+   * one whose channel the bootstrap no longer lists is created again on the
+   * current channel, with its lines (`liveCart`).
+   */
+  async ensureCartId(sponsorId, currency, shippingCountry, ctx = {}) {
     const activeCurrency = currency || getGlobalCurrency();
     const activeCountry = shippingCountry || getGlobalCountryCode();
     let cart = this.cartsBySponsor.get(sponsorId);
@@ -2518,11 +2855,15 @@ var CartManager = class extends EventTarget {
     } else {
       cart.shippingCountry = activeCountry;
     }
-    if (cart.cartId) return cart.cartId;
+    if (cart.cartId) {
+      if (!cart.channelId) return cart.cartId;
+      return (await this.liveCart(sponsorId))?.cartId;
+    }
     const inFlight = this.cartIdPromises.get(sponsorId);
     if (inFlight) return inFlight;
     const creation = (async () => {
-      const opts = await getCartGraphQLOptions(sponsorId);
+      const campaignId = ctx.campaignId ?? cartCampaignOf(cart);
+      const opts = await getCartGraphQLOptions(sponsorId, campaignId !== void 0 ? { campaignId } : void 0);
       if (!opts.sponsorResolved) {
         this.emitError(`no commerce key resolved for sponsor ${sponsorId} \u2014 cart not synced`);
         return void 0;
@@ -2537,6 +2878,8 @@ var CartManager = class extends EventTarget {
         );
         if (backendCart?.cart_id) {
           cart.cartId = backendCart.cart_id;
+          if (opts.channelId) cart.channelId = opts.channelId;
+          else delete cart.channelId;
           if (Array.isArray(backendCart.line_items) && backendCart.line_items.length > 0) {
             this.updateFromBackendCart(sponsorId, backendCart);
           } else {
@@ -2550,6 +2893,11 @@ var CartManager = class extends EventTarget {
             this.persist();
             this.emit();
           }
+          const carried = this.carryOver.get(sponsorId);
+          if (carried) {
+            this.carryOver.delete(sponsorId);
+            if (carried.length > 0) await this.replayCarriedLines(sponsorId, backendCart.cart_id, carried, opts);
+          }
         }
       } catch (err) {
         this.emitError("createCart failed", err);
@@ -2642,7 +2990,7 @@ var CartManager = class extends EventTarget {
     this.emit();
     const syncedCartId = cart.cartId;
     if (syncedCartId) {
-      for (const id of removedBeforeSync) this.syncQuantity(sponsorId, syncedCartId, id, 0);
+      for (const id of removedBeforeSync) this.syncQuantity(sponsorId, syncedCartId, id, 0, void 0, cart.channelId);
     }
     if (this.pendingQtyIntents.size > 0) {
       const currentCart = this.cartsBySponsor.get(sponsorId);
@@ -2734,13 +3082,17 @@ var CartManager = class extends EventTarget {
     this.emit();
     const addedItem = existing ?? cart.items[cart.items.length - 1];
     const addedLineId = addedItem.id;
+    const epochAtAdd = this.rebuildEpoch.get(opts.sponsorId) ?? 0;
     const seq = this.nextSeq(opts.sponsorId);
     let settling;
     const mutation = (async () => {
       try {
-        const cartId = await this.ensureCartId(opts.sponsorId, opts.currency || void 0);
+        const cartId = await this.ensureCartId(opts.sponsorId, opts.currency || void 0, void 0, {
+          campaignId: opts.origin?.campaignId
+        });
+        if ((this.rebuildEpoch.get(opts.sponsorId) ?? 0) !== epochAtAdd) return;
         if (cartId) {
-          const gqlOpts = await getCartGraphQLOptions(opts.sponsorId);
+          const gqlOpts = await this.cartOptions(opts.sponsorId);
           const origin = opts.origin ? lineOriginWire(normalizeOrigin(opts.origin), {
             page: currentOriginPage(),
             privacyMode: await currentPrivacyMode()
@@ -2809,7 +3161,7 @@ var CartManager = class extends EventTarget {
     const addedOrigin = increase ? latestOrigin(item) : void 0;
     if (target <= 0) {
       cart.items = cart.items.filter((i) => i !== item);
-      if (typeof document !== "undefined") {
+      if (this.active && typeof document !== "undefined") {
         document.dispatchEvent(
           new CustomEvent("vio:removed-from-cart", {
             bubbles: true,
@@ -2825,7 +3177,9 @@ var CartManager = class extends EventTarget {
               // Attribution of the removed units: their most recent origin.
               slot: removedOrigin?.slot,
               campaignId: removedOrigin?.campaignId,
-              contentId: removedOrigin?.contentId
+              contentId: removedOrigin?.contentId,
+              // The detail layout of those units (0.34), when they came from one.
+              ...removedOrigin?.layoutId ? { layout: normalizeLayoutOrigin(removedOrigin) } : {}
             }
           })
         );
@@ -2836,12 +3190,17 @@ var CartManager = class extends EventTarget {
     if (cart.items.length === 0) this.cartsBySponsor.delete(sponsorId);
     this.persist();
     this.emit();
-    if (!cart.cartId) return;
+    if (!cart.cartId) {
+      if (this.cartIdPromises.has(sponsorId)) {
+        this.pendingQtyIntents.set(this.intentKey(item.productId, item.variantId), target);
+      }
+      return;
+    }
     if (!targetItemId) {
       this.pendingQtyIntents.set(this.intentKey(item.productId, item.variantId), target);
       return;
     }
-    this.syncQuantity(sponsorId, cart.cartId, targetItemId, target, addedOrigin);
+    this.syncQuantity(sponsorId, cart.cartId, targetItemId, target, addedOrigin, cart.channelId);
   }
   /** Send a line's target quantity to the backend — ONE request in flight per
    * line. Targets that arrive while one is in flight queue behind it as
@@ -2853,7 +3212,7 @@ var CartManager = class extends EventTarget {
    * optimistic quantity through any backend response (see
    * `updateFromBackendCart`); a rejection drops what was queued and
    * reconciles the cart from the server. */
-  syncQuantity(sponsorId, backendCartId, cartItemId, target, origin) {
+  syncQuantity(sponsorId, backendCartId, cartItemId, target, origin, channelId) {
     const key = this.qtySyncKey(sponsorId, cartItemId);
     const active = this.qtySyncs.get(key);
     if (active) {
@@ -2868,9 +3227,19 @@ var CartManager = class extends EventTarget {
       let nextOrigin = origin;
       let removalRetried = false;
       while (next !== void 0) {
+        let gqlOpts;
+        if (this.cartsBySponsor.get(sponsorId)?.cartId) {
+          const live = await this.liveCart(sponsorId);
+          if (!live || live.cartId !== backendCartId) {
+            if (this.qtySyncs.get(key) === sync) this.qtySyncs.delete(key);
+            break;
+          }
+          gqlOpts = live.opts;
+        } else {
+          gqlOpts = await getCartGraphQLOptions(sponsorId, channelId ? { channelId, retired: true } : void 0);
+        }
         const seq = this.nextSeq(sponsorId);
         try {
-          const gqlOpts = await getCartGraphQLOptions(sponsorId);
           const originWire = next > 0 && nextOrigin ? lineOriginWire(nextOrigin, { page: currentOriginPage(), privacyMode: await currentPrivacyMode() }) : void 0;
           const resCart = next <= 0 ? await deleteItem(backendCartId, cartItemId, gqlOpts) : originWire ? await updateItem(backendCartId, cartItemId, null, next, gqlOpts, { origin: originWire }) : await updateItem(backendCartId, cartItemId, null, next, gqlOpts);
           const step = sync.steps.shift();
@@ -2930,10 +3299,9 @@ var CartManager = class extends EventTarget {
   }
   /** Refresh the local cart from the backend (source of truth). */
   async fetchCartFromBackend(sponsorId) {
-    const cart = this.cartsBySponsor.get(sponsorId);
-    if (!cart?.cartId) return null;
-    const gqlOpts = await getCartGraphQLOptions(sponsorId);
-    const resCart = await getCart(cart.cartId, gqlOpts);
+    const live = await this.liveCart(sponsorId);
+    if (!live) return null;
+    const resCart = await getCart(live.cartId, live.opts);
     if (resCart) this.updateFromBackendCart(sponsorId, resCart);
     return resCart;
   }
@@ -2957,8 +3325,9 @@ var CartManager = class extends EventTarget {
       if (!cart?.cartId) return cart;
       let resCart;
       try {
-        const gqlOpts = await getCartGraphQLOptions(sponsorId);
-        resCart = await getCart(cart.cartId, gqlOpts);
+        const live = await this.liveCart(sponsorId);
+        if (!live) return this.cartsBySponsor.get(sponsorId);
+        resCart = await getCart(live.cartId, live.opts);
       } catch (err) {
         if (typeof console !== "undefined") {
           console.warn("[CartManager] GetCart before the checkout failed \u2014 the local cart stands", err);
@@ -2977,7 +3346,7 @@ var CartManager = class extends EventTarget {
   }
   /** `vio:cart-updated` on `document` — see `CartUpdatedDetail`. */
   emitCartUpdated(sponsorId, source) {
-    if (typeof document === "undefined") return;
+    if (!this.active || typeof document === "undefined") return;
     const cart = this.cartsBySponsor.get(sponsorId);
     const items = (cart?.items ?? []).map((item) => ({ ...item }));
     const detail = {
@@ -2993,17 +3362,15 @@ var CartManager = class extends EventTarget {
   }
   /** Line items grouped by supplier (shipping is per-supplier server-side). */
   async fetchLineItemsBySupplier(sponsorId) {
-    const cart = this.cartsBySponsor.get(sponsorId);
-    if (!cart?.cartId) return null;
-    const gqlOpts = await getCartGraphQLOptions(sponsorId);
-    return getLineItemsBySupplier(cart.cartId, gqlOpts);
+    const live = await this.liveCart(sponsorId);
+    if (!live) return null;
+    return getLineItemsBySupplier(live.cartId, live.opts);
   }
   /** Set the chosen shipping option per supplier on the backend cart. */
   async updateShippingsBySupplier(sponsorId, data) {
-    const cart = this.cartsBySponsor.get(sponsorId);
-    if (!cart?.cartId) return null;
-    const gqlOpts = await getCartGraphQLOptions(sponsorId);
-    const resCart = await updateShippingsBySupplier(cart.cartId, data, gqlOpts);
+    const live = await this.liveCart(sponsorId);
+    if (!live) return null;
+    const resCart = await updateShippingsBySupplier(live.cartId, data, live.opts);
     if (resCart && Array.isArray(resCart.line_items)) {
       this.updateFromBackendCart(sponsorId, resCart);
     }
@@ -3053,13 +3420,13 @@ var CartManager = class extends EventTarget {
     try {
       const obj = {};
       for (const [k, v] of this.cartsBySponsor) obj[String(k)] = v;
-      storageSet("local", STORAGE_KEY, JSON.stringify(obj), { memory: false });
+      storageSet("local", this.storageKey, JSON.stringify(obj), { memory: false });
     } catch {
     }
   }
-  loadFromStorage() {
+  loadFromStorage(key = this.storageKey) {
     try {
-      const raw = storageGet("local", STORAGE_KEY);
+      const raw = storageGet("local", key);
       if (!raw) return /* @__PURE__ */ new Map();
       const obj = JSON.parse(raw);
       const map = /* @__PURE__ */ new Map();
@@ -3098,10 +3465,11 @@ function normalizeOrigin(origin) {
   if (typeof origin.contentTitle === "string" && origin.contentTitle.trim()) {
     out.contentTitle = origin.contentTitle.trim().slice(0, CONTENT_TITLE_MAX_LENGTH);
   }
+  Object.assign(out, normalizeLayoutOrigin(origin));
   return out;
 }
 function sameOrigin(a, b) {
-  return a.campaignId === b.campaignId && a.slot === b.slot && a.contentId === b.contentId && a.componentKind === b.componentKind;
+  return a.campaignId === b.campaignId && a.slot === b.slot && a.contentId === b.contentId && a.componentKind === b.componentKind && a.layoutId === b.layoutId && a.layoutRevision === b.layoutRevision && a.experimentId === b.experimentId && a.variantId === b.variantId;
 }
 function latestOrigin(line) {
   const origins = Array.isArray(line.origins) ? line.origins : [];
@@ -3210,6 +3578,56 @@ function findSponsorIn(boot, sponsorId) {
   }
   return void 0;
 }
+function channelIdOf(value) {
+  if (value === null || value === void 0) return void 0;
+  const s = String(value).trim();
+  return s ? s : void 0;
+}
+function sells(s) {
+  const commerce = s?.commerce;
+  if (!commerce || typeof commerce !== "object") return false;
+  const key = commerce.apiKey;
+  return typeof key === "string" && key.trim() !== "";
+}
+function sellingBlocksIn(boot, sponsorId) {
+  const id = toSponsorId(sponsorId);
+  const out = [];
+  if (id === void 0 || !boot || typeof boot !== "object") return out;
+  const take = (s, campaignId) => {
+    if (!s || typeof s !== "object" || Number(s.id) !== id || !sells(s)) return;
+    out.push({ campaignId: toCampaignId(campaignId), sponsor: s });
+  };
+  try {
+    const defaultId = boot.campaign?.id;
+    take(boot.primarySponsor, defaultId);
+    if (Array.isArray(boot.secondarySponsors)) for (const s of boot.secondarySponsors) take(s, defaultId);
+    const campaigns = Array.isArray(boot.campaigns) ? boot.campaigns : [];
+    for (const c of campaigns) {
+      if (!c || typeof c !== "object") continue;
+      take(c.primarySponsor, c.id);
+      if (Array.isArray(c.secondarySponsors)) for (const s of c.secondarySponsors) take(s, c.id);
+    }
+  } catch {
+  }
+  return out;
+}
+function sponsorCommerceIn(boot, sponsorId, ctx = {}) {
+  try {
+    const blocks = sellingBlocksIn(boot, sponsorId);
+    if (blocks.length === 0) return void 0;
+    const channel = channelIdOf(ctx?.channelId);
+    if (channel !== void 0) {
+      return blocks.find((b) => channelIdOf(b.sponsor.commerce.channelId) === channel)?.sponsor;
+    }
+    for (const campaignId of campaignCandidates(ctx?.campaignId)) {
+      const found = blocks.find((b) => b.campaignId === campaignId);
+      if (found) return found.sponsor;
+    }
+    return blocks[0].sponsor;
+  } catch {
+    return void 0;
+  }
+}
 function sponsorIdentityFrom(boot, sponsorId) {
   try {
     const id = toSponsorId(sponsorId);
@@ -3255,13 +3673,14 @@ function normalizeEntry(raw) {
   const checkoutId = typeof r.checkoutId === "string" ? r.checkoutId.trim() : "";
   const sponsorId = toSponsorId(r.sponsorId);
   if (!checkoutId || sponsorId === void 0) return null;
-  return { checkoutId, sponsorId, name: nameOf(r.name), logoUrl: urlOrNull(r.logoUrl) };
+  const channelId = channelIdOf(r.channelId);
+  return { checkoutId, sponsorId, name: nameOf(r.name), logoUrl: urlOrNull(r.logoUrl), ...channelId ? { channelId } : {} };
 }
 function readEntries() {
-  const store = storageRefusedWrite ? null : sessionStore();
-  if (store) {
+  const store2 = storageRefusedWrite ? null : sessionStore();
+  if (store2) {
     try {
-      const raw = store.getItem(CHECKOUT_SPONSOR_STORAGE_KEY);
+      const raw = store2.getItem(CHECKOUT_SPONSOR_STORAGE_KEY);
       if (!raw) return [];
       const parsed = JSON.parse(raw);
       if (Array.isArray(parsed)) {
@@ -3274,10 +3693,10 @@ function readEntries() {
 }
 function writeEntries(entries) {
   inMemory = entries.slice();
-  const store = sessionStore();
-  if (!store) return;
+  const store2 = sessionStore();
+  if (!store2) return;
   try {
-    store.setItem(CHECKOUT_SPONSOR_STORAGE_KEY, JSON.stringify(entries));
+    store2.setItem(CHECKOUT_SPONSOR_STORAGE_KEY, JSON.stringify(entries));
   } catch {
     storageRefusedWrite = true;
   }
@@ -3295,8 +3714,9 @@ function rememberCheckoutSponsor(checkoutId, sponsor) {
       name = previous.name;
       logoUrl = previous.logoUrl;
     }
+    const channelId = channelIdOf(sponsor.channelId) ?? (previous && previous.sponsorId === sponsorId ? previous.channelId : void 0);
     const next = entries.filter((e) => e.checkoutId !== id);
-    next.push({ checkoutId: id, sponsorId, name, logoUrl });
+    next.push({ checkoutId: id, sponsorId, name, logoUrl, ...channelId ? { channelId } : {} });
     writeEntries(next.slice(-CHECKOUT_SPONSOR_MEMORY_MAX));
   } catch {
   }
@@ -3535,7 +3955,7 @@ async function prepareApplePay(config) {
 }
 
 // src/core/version.ts
-var SDK_VERSION = "0.32.0";
+var SDK_VERSION = "0.35.0";
 
 // src/core/checkout/payments/stripe-embedded.ts
 var CREATE_PAYMENT_INTENT_STRIPE_MUTATION = `
@@ -5104,8 +5524,8 @@ function resolveHttpsReturnUrl(overrideUrl, params = null) {
   }
   return url;
 }
-async function executeKlarnaGraphQL(query, variables, sponsorId) {
-  return executeCartGraphQL(query, variables, await getCartGraphQLOptions(sponsorId));
+async function executeKlarnaGraphQL(query, variables, options) {
+  return executeCartGraphQL(query, variables, options);
 }
 function usesStripe(methods) {
   if (!Array.isArray(methods)) return false;
@@ -5188,8 +5608,44 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     return this.currentStateValue;
   }
   set state(next) {
+    if (next?.checkoutId && next.sponsorId && !next.channelId) {
+      const remembered = rememberedCheckoutSponsor(next.checkoutId);
+      const channelId = (remembered?.sponsorId === next.sponsorId ? remembered.channelId : void 0) ?? this.cartManager.getCart(next.sponsorId)?.channelId;
+      if (channelId) next = { ...next, channelId };
+    }
     this.currentStateValue = next;
-    if (next?.checkoutId && next.sponsorId) this.rememberSponsorOfCheckout(next.checkoutId, next.sponsorId);
+    if (next?.checkoutId && next.sponsorId) {
+      this.rememberSponsorOfCheckout(next.checkoutId, next.sponsorId, next.channelId);
+    }
+  }
+  /**
+   * The options of a call for a sponsor's cart or checkout: the key of the
+   * channel the checkout lives on — what this tab remembered for the
+   * checkout (a return from a redirect, after the cart was cleared), the open
+   * checkout's, else the cart's — even if a bootstrap refresh no longer lists
+   * it (an open checkout keeps paying with its own key). Without any, the
+   * sponsor's block as `getCartGraphQLOptions` resolves it.
+   */
+  async gqlOptions(sponsorId, checkoutId) {
+    const channelId = this.channelOf(sponsorId, checkoutId);
+    return getCartGraphQLOptions(sponsorId, channelId ? { channelId, retired: true } : void 0);
+  }
+  /** See `gqlOptions`. */
+  channelOf(sponsorId, checkoutId) {
+    try {
+      if (!sponsorId) return void 0;
+      const state = this.state?.sponsorId === sponsorId ? this.state : null;
+      const id = checkoutId ?? state?.checkoutId;
+      if (id) {
+        const remembered = rememberedCheckoutSponsor(id);
+        if (remembered?.channelId && remembered.sponsorId === sponsorId) return remembered.channelId;
+        if (state?.checkoutId === id && state.channelId) return state.channelId;
+      }
+      const cart = this.cartManager.getCart(sponsorId);
+      return cart?.cartId ? cart.channelId : void 0;
+    } catch {
+      return void 0;
+    }
   }
   /** The open checkout's lines as a signature, to tell a real change from an echo. */
   cartSignature(sponsorId) {
@@ -5264,7 +5720,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${sponsorId}`);
       }
     }
-    const opts = await getCartGraphQLOptions(sponsorId);
+    const opts = await this.gqlOptions(sponsorId);
     const attribution = await this.attributionFor(sponsorId);
     const checkout = attribution ? await createCheckout(cartId, opts, { attribution }) : await createCheckout(cartId, opts);
     if (checkout?.id) {
@@ -5347,7 +5803,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   /** Update the backend checkout (terms are re-asserted unless overridden; the attribution rides along unless the caller gives its own). */
   async updateCheckout(variables, sponsorId) {
     const spId = sponsorId ?? this.state?.sponsorId;
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     const attribution = "attribution" in variables ? void 0 : await this.attributionFor(spId);
     const fullVars = {
       buyerAcceptsPurchaseConditions: true,
@@ -5363,7 +5819,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     return updated;
   }
   async getCheckout(checkoutId, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId, checkoutId);
     return getCheckout(checkoutId, opts);
   }
   /**
@@ -5386,8 +5842,9 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!request) {
       const asked = (async () => {
         try {
-          const opts = await getCartGraphQLOptions(
-            sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId
+          const opts = await this.gqlOptions(
+            sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId,
+            checkoutId
           );
           return await getCheckoutReference(checkoutId, opts);
         } catch {
@@ -5440,7 +5897,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
    * sponsor's name and logo as known now — so a confirmation after a redirect
    * or a reload can name the brand. Written again only when something changed.
    */
-  rememberSponsorOfCheckout(checkoutId, sponsorId) {
+  rememberSponsorOfCheckout(checkoutId, sponsorId, channelId) {
     try {
       let identity = null;
       try {
@@ -5450,10 +5907,10 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
       }
       const name = identity?.name || this.cartManager.getCart(sponsorId)?.sponsorName || "";
       const logoUrl = identity?.logoUrl ?? null;
-      const key = JSON.stringify([checkoutId, sponsorId, name, logoUrl]);
+      const key = JSON.stringify([checkoutId, sponsorId, name, logoUrl, channelId ?? null]);
       if (key === this.lastRememberedSponsor) return;
       this.lastRememberedSponsor = key;
-      rememberCheckoutSponsor(checkoutId, { sponsorId, name, logoUrl });
+      rememberCheckoutSponsor(checkoutId, { sponsorId, name, logoUrl, channelId });
     } catch {
     }
   }
@@ -5471,7 +5928,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (inFlight) return inFlight;
     const promise = (async () => {
       try {
-        const opts = await getCartGraphQLOptions(spId);
+        const opts = await this.gqlOptions(spId);
         const res = await getAvailablePaymentMethods(opts);
         if (res) this.paymentMethodsCache.set(spId, res);
         if (usesStripe(res)) preloadStripeJs();
@@ -5508,7 +5965,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         cartId = await this.cartManager.ensureCartId(spId);
       }
       if (!cartId) return [];
-      const opts = await getCartGraphQLOptions(spId);
+      const opts = await this.gqlOptions(spId);
       const supplierGroups = await getLineItemsBySupplier(cartId, opts);
       this.shippingsResolved = Array.isArray(supplierGroups);
       const firstGroup = Array.isArray(supplierGroups) ? supplierGroups[0] : null;
@@ -5562,7 +6019,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!spId) return null;
     const cart = this.cartManager.getCart(spId);
     if (!cart?.cartId) return null;
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     const updated = await updateShippingsBySupplier(cart.cartId, data, opts);
     if (updated) {
       this.cartManager.updateFromBackendCart(spId, updated);
@@ -5597,9 +6054,9 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!cartId) {
       throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
     }
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     const attribution = await this.attributionFor(spId);
-    let checkoutId = this.state?.checkoutId;
+    let checkoutId = this.state?.sponsorId === spId ? this.state.checkoutId : void 0;
     if (!checkoutId) {
       const checkoutRes = attribution ? await createCheckout(cartId, opts, { attribution }) : await createCheckout(cartId, opts);
       checkoutId = checkoutRes?.id;
@@ -5756,7 +6213,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   /** Vipps' own payment state for the checkout — see getVippsStatus in
    * cart-queries.ts for why this exists instead of trusting GetCheckout. */
   async getVippsStatus(checkoutId, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId, checkoutId);
     return getVippsStatus({ checkoutId }, opts);
   }
   /**
@@ -5773,7 +6230,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!cartId) {
       throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
     }
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     let checkoutId = this.state?.checkoutId;
     if (!checkoutId) {
       const checkoutRes = await this.createCheckout(spId, "kustom");
@@ -5819,7 +6276,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const spId = sponsorId ?? this.state?.sponsorId;
     const checkoutId = this.state?.checkoutId;
     if (!spId || !checkoutId) return null;
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     suspendKustom();
     try {
       return await syncPaymentKustom(checkoutId, opts);
@@ -5829,7 +6286,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   }
   /** Re-read a Kustom order — used on the confirmation return trip. */
   async getKustomOrder(orderId, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.state?.sponsorId);
     return getKustomOrder(orderId, opts);
   }
   /** Render a Kustom html_snippet (e.g. the confirmation receipt) into a container. */
@@ -5849,7 +6306,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!cartId) {
       throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
     }
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     let checkoutId = this.state?.checkoutId;
     if (!checkoutId) {
       const checkoutRes = await this.createCheckout(spId, "qliro");
@@ -5919,7 +6376,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   }
   /** Re-read the Qliro order owned by a checkout — the confirmation trip. */
   async getQliroOrder(checkoutId, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId, checkoutId);
     return getQliroOrder(checkoutId, opts);
   }
   /**
@@ -5937,7 +6394,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!cartId) {
       throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
     }
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     let checkoutId = this.state?.checkoutId;
     if (!checkoutId) {
       const checkoutRes = await this.createCheckout(spId, "walley");
@@ -5974,7 +6431,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   }
   /** Re-read the Walley session owned by a checkout — the confirmation trip. */
   async getWalleyOrder(checkoutId, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId, checkoutId);
     return getWalleyOrder(checkoutId, opts);
   }
   /**
@@ -6000,7 +6457,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!cartId) {
       throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
     }
-    const opts = await getCartGraphQLOptions(spId);
+    const opts = await this.gqlOptions(spId);
     const stored = resume ? readNexiPending() : null;
     const pending2 = stored && stored.paymentId === resume?.paymentId ? stored : null;
     let checkoutId = this.state?.checkoutId;
@@ -6234,7 +6691,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   }
   /** Re-read the Nexi payment owned by a checkout. */
   async getNexiOrder(checkoutId, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId, checkoutId);
     return getNexiOrder(checkoutId, opts);
   }
   /**
@@ -6312,7 +6769,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
    * finalised on the server.
    */
   async getAdyenPayment(checkoutId, proof = {}, sponsorId) {
-    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    const opts = await this.gqlOptions(sponsorId ?? this.sponsorIdOfCheckout(checkoutId) ?? this.state?.sponsorId, checkoutId);
     return getAdyenPayment({ checkoutId, ...proof }, opts);
   }
   /* eslint-enable @typescript-eslint/no-explicit-any */
@@ -6591,7 +7048,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
           console.warn("[VioCheckout] updateCheckout before Apple Pay confirm failed:", err);
         }
       }
-      const gqlOpts = await getCartGraphQLOptions(spId);
+      const gqlOpts = await this.gqlOptions(spId);
       const createRes = await createPaymentApplePay({ checkoutId }, gqlOpts);
       const gatewayId = String(createRes?.gateway_merchant_id ?? "");
       if (gatewayId.startsWith("pk_")) this.applePayPublishableKey = gatewayId;
@@ -6843,7 +7300,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const json = await executeKlarnaGraphQL(
       CREATE_PAYMENT_KLARNA_NATIVE_MUTATION,
       variables,
-      sponsorId
+      await this.gqlOptions(sponsorId, checkoutId)
     );
     const nativeRes = json?.data?.Payment?.CreatePaymentKlarnaNative;
     if (!nativeRes || !nativeRes.client_token) {
@@ -6993,7 +7450,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
       const json = await executeKlarnaGraphQL(
         CREATE_PAYMENT_KLARNA_NATIVE_MUTATION,
         variables,
-        sponsorId
+        await this.gqlOptions(sponsorId, checkoutId)
       );
       const nativeRes = json?.data?.Payment?.CreatePaymentKlarnaNative;
       if (!nativeRes || !nativeRes.client_token) {
@@ -7135,12 +7592,10 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         shippingAddress: buildKlarnaAddress(address),
         customer: buildKlarnaCustomer(address)
       };
+      const klarnaSponsorId = ctx?.sponsorId ?? this.state?.sponsorId;
+      const klarnaOptions = await this.gqlOptions(klarnaSponsorId, ctx?.checkoutId ?? this.state?.checkoutId);
       const json = await withBuyerRef(
-        (withRef) => executeKlarnaGraphQL(
-          confirmPaymentKlarnaNativeMutation(withRef),
-          variables,
-          ctx?.sponsorId ?? this.state?.sponsorId
-        )
+        (withRef) => executeKlarnaGraphQL(confirmPaymentKlarnaNativeMutation(withRef), variables, klarnaOptions)
       );
       const confirmRes = json?.data?.Payment?.ConfirmPaymentKlarnaNative;
       if (!confirmRes) {
@@ -7473,7 +7928,8 @@ function cartSlicesFrom(lines, resolveCampaign, fallbackCurrency) {
       if (Number.isFinite(sponsorId)) slice.sponsors.add(sponsorId);
       if (origin.slot) slice.slots.add(origin.slot);
       if (origin.contentId) slice.contents.add(origin.contentId);
-      const itemKey = `${line.productId}::${line.variantId ?? ""}`;
+      const layout = itemLayoutOf(origin);
+      const itemKey = `${line.productId}::${line.variantId ?? ""}::${layoutKeyOf(layout)}`;
       const item = slice.items.get(itemKey);
       if (item) item.quantity = (item.quantity ?? 0) + origin.quantity;
       else {
@@ -7483,7 +7939,8 @@ function cartSlicesFrom(lines, resolveCampaign, fallbackCurrency) {
           brand: line.brand,
           variantId: line.variantId,
           price: unitPrice,
-          quantity: origin.quantity
+          quantity: origin.quantity,
+          ...layout
         });
       }
       slice.value += unitPrice * origin.quantity;
@@ -7505,6 +7962,48 @@ function cartSlicesFrom(lines, resolveCampaign, fallbackCurrency) {
 function hasExplicitCampaign(lines) {
   return lines.some((line) => lineOrigins(line).some((o) => o.campaignId !== void 0));
 }
+function itemLayoutOf(origin) {
+  const l = normalizeLayoutOrigin(origin);
+  if (!l.layoutId) return {};
+  return {
+    layoutId: l.layoutId,
+    layoutRevision: l.layoutRevision ?? "",
+    experimentId: l.experimentId ?? "",
+    experimentVariantId: l.variantId ?? ""
+  };
+}
+function layoutKeyOf(layout) {
+  return layout.layoutId ? [layout.layoutId, layout.layoutRevision, layout.experimentId, layout.experimentVariantId].join("|") : "";
+}
+function lineItemsByLayout(lines) {
+  const out = [];
+  for (const line of lines) {
+    if (!line || typeof line !== "object") continue;
+    const base = {
+      productId: line.productId,
+      name: line.name,
+      brand: line.brand,
+      variantId: line.variantId,
+      price: line.unitPrice,
+      quantity: line.quantity
+    };
+    const origins = lineOrigins(line);
+    if (!origins.some((o) => normalizeLayoutOrigin(o).layoutId)) {
+      out.push(base);
+      continue;
+    }
+    const parts = /* @__PURE__ */ new Map();
+    for (const origin of origins) {
+      const layout = itemLayoutOf(origin);
+      const key = layoutKeyOf(layout);
+      const part = parts.get(key);
+      if (part) part.quantity = (part.quantity ?? 0) + origin.quantity;
+      else parts.set(key, { ...base, quantity: origin.quantity, ...layout });
+    }
+    out.push(...parts.values());
+  }
+  return out;
+}
 
 // src/core/analytics/analytics-manager.ts
 var ORDER_NUMBER_BACKOFF_MS = [500, 1e3, 2e3, 3e3, 3e3];
@@ -7826,21 +8325,27 @@ var AnalyticsManager = class extends EventTarget {
       content_title: this.options.privateContent ? void 0 : capTitle(
         ctx.contentTitle ?? content.title ?? (typeof document !== "undefined" && document.title ? document.title : void 0)
       ),
-      variant: ctx.variant
+      variant: ctx.variant,
+      // The detail layout shown (0.34) — `view_item` of a non-default layout.
+      layout_id: ctx.layoutId,
+      layout_revision: ctx.layoutRevision,
+      experiment_id: ctx.experimentId,
+      variant_id: ctx.variantId
     });
     const com = opts.commerce;
     const commerce = com ? compact({
       // The collector rejects an event with more lines than its cap, whole.
-      items: com.items?.slice(0, MAX_ITEMS).map(
-        (i) => compact({
+      items: com.items?.slice(0, MAX_ITEMS).map((i) => ({
+        ...compact({
           product_id: String(i.productId),
           name: this.options.privateContent ? void 0 : i.name,
           brand: this.options.privateContent ? void 0 : i.brand,
           variant_id: i.variantId !== void 0 ? String(i.variantId) : void 0,
           price: i.price,
           quantity: i.quantity
-        })
-      ),
+        }),
+        ...itemLayoutWire(i)
+      })),
       value: com.value,
       currency: com.currency,
       order_id: com.orderId,
@@ -7997,16 +8502,19 @@ var AnalyticsManager = class extends EventTarget {
       this.track("add_to_cart", {
         context: { sponsorId: d.sponsorId !== void 0 ? Number(d.sponsorId) : void 0, campaignId: campaignOf(d), slot: slotOf(d), componentTemplateId: templateOf(d), ...contentOf(d) },
         commerce: {
-          items: [
+          // The detail layout the units were added from (0.34): the add's own
+          // (`detail.layout`, set by <vio-product-detail>), '' when none.
+          items: withLineLayouts([
             {
               productId: d.productId ?? line?.productId ?? "",
               name: line?.name,
               brand: line?.brand,
               variantId: d.variantId ?? line?.variantId,
               price: line?.unitPrice,
-              quantity: d.quantity ?? 1
+              quantity: d.quantity ?? 1,
+              ...itemLayoutOf(normalizeLayoutOrigin(d.layout))
             }
-          ],
+          ]),
           value: line ? line.unitPrice * (d.quantity ?? 1) : void 0,
           currency: line?.currency
         }
@@ -8018,16 +8526,17 @@ var AnalyticsManager = class extends EventTarget {
       this.track("remove_from_cart", {
         context: { sponsorId: d.sponsorId, campaignId: campaignOf(d), slot: slotOf(d), ...contentOf(d) },
         commerce: {
-          items: [
+          items: withLineLayouts([
             {
               productId: d.productId,
               variantId: d.variantId,
               name: d.name,
               brand: d.brand,
               price: d.price,
-              quantity: d.quantity
+              quantity: d.quantity,
+              ...itemLayoutOf(normalizeLayoutOrigin(d.layout))
             }
-          ],
+          ]),
           value: (d.price ?? 0) * (d.quantity ?? 1),
           currency: d.currency
         }
@@ -8330,14 +8839,8 @@ var AnalyticsManager = class extends EventTarget {
     }
     if (items.length === 0) return null;
     return {
-      items: items.map((i) => ({
-        productId: i.productId,
-        name: i.name,
-        brand: i.brand,
-        variantId: i.variantId,
-        price: i.unitPrice,
-        quantity: i.quantity
-      })),
+      // One item per line and detail layout (0.34), each saying its layout.
+      items: withLineLayouts(lineItemsByLayout(items)),
       value: items.reduce((sum, i) => sum + i.unitPrice * (i.quantity ?? 1), 0),
       currency: items[0]?.currency ?? this.lastCartSnapshot?.currency
     };
@@ -8391,6 +8894,27 @@ function impressionCommerce(read) {
     return void 0;
   }
 }
+function itemLayoutWire(i) {
+  if (i.layoutId === void 0 && i.layoutRevision === void 0 && i.experimentId === void 0 && i.experimentVariantId === void 0) {
+    return {};
+  }
+  const token = (v) => layoutToken(v) ?? "";
+  return {
+    layout_id: token(i.layoutId),
+    layout_revision: token(i.layoutRevision),
+    experiment_id: token(i.experimentId),
+    experiment_variant_id: token(i.experimentVariantId)
+  };
+}
+function withLineLayouts(items) {
+  return items?.map((i) => ({
+    ...i,
+    layoutId: i.layoutId ?? "",
+    layoutRevision: i.layoutRevision ?? "",
+    experimentId: i.experimentId ?? "",
+    experimentVariantId: i.experimentVariantId ?? ""
+  }));
+}
 function compact(obj) {
   const out = {};
   for (const [k, v] of Object.entries(obj)) {
@@ -8458,7 +8982,7 @@ function capTitle(value) {
   return value.length > CONTENT_TITLE_MAX_LENGTH ? value.slice(0, CONTENT_TITLE_MAX_LENGTH) : value;
 }
 function sliceCommerce(slice) {
-  return { items: slice.items, value: slice.value, currency: slice.currency };
+  return { items: withLineLayouts(slice.items), value: slice.value, currency: slice.currency };
 }
 function slotOf(detail) {
   return typeof detail.slot === "string" && detail.slot.trim() ? detail.slot.trim() : void 0;
@@ -8664,6 +9188,8 @@ function cut3(value, max) {
 
 // src/core/client.ts
 var SLOT_DECLARATION_DEBOUNCE_MS = 1e3;
+var BOOTSTRAP_MAX_AGE_MS = 5 * 6e4;
+var BOOTSTRAP_REFRESH_BACKOFF_MS = 6e4;
 var PRIVACY_MODE_TIMEOUT_MS = 1500;
 var PRIVACY_UNKNOWN_TTL_MS = 6e4;
 function privacyModeOf(value) {
@@ -8679,9 +9205,23 @@ function privacyModeOfSurface(res) {
 var VioFacade = class {
   constructor() {
     this.apiInstance = null;
+    /** Commerce clients by sponsor AND key: one sponsor may sell on several channels (one per campaign). */
     this.commerceClients = /* @__PURE__ */ new Map();
     this.bootstrapPromise = null;
     this.cachedBootstrap = null;
+    /** When the cached bootstrap arrived (ms epoch). */
+    this.bootstrapAt = 0;
+    /** A refresh of the bootstrap in flight (`refreshStaleBootstrap`). */
+    this.bootstrapRefresh = null;
+    this.bootstrapRefreshFailedAt = 0;
+    /** The `visibilitychange` listener is installed once per page. */
+    this.visibilityHooked = false;
+    /**
+     * Every selling block this page has seen, by `sponsorId:channelId` — so a
+     * checkout opened on a channel keeps its key after a bootstrap refresh no
+     * longer lists that channel (`sponsorCommerce(…, { retired: true })`).
+     */
+    this.seenChannels = /* @__PURE__ */ new Map();
     /** Last bootstrap failure — short backoff so cart mutations don't hammer a
      * dead endpoint on every call. */
     this.bootstrapFailedAt = 0;
@@ -8705,7 +9245,17 @@ var VioFacade = class {
     this.warnedDeclarationCap = false;
     // Client-side managers — created lazily on first access. They don't
     // need Vio.init() to work (state is purely local).
-    this.cartManager = null;
+    /**
+     * One cart manager per connection (environment + key), each with its own
+     * storage entry; `Vio.cart` is a stable front for the current one, so a
+     * re-init with another key switches carts without the page re-subscribing.
+     * A manager left behind keeps its carts (they come back if the page switches
+     * back) and finishes its requests into ITS carts, never the new one's.
+     */
+    this.cartManagers = /* @__PURE__ */ new Map();
+    this.cartScope = "";
+    this.cartFront = null;
+    this.cartEvents = new EventTarget();
     this.checkoutManager = null;
     this.analyticsManager = null;
     /** What the surface answered of its privacy mode (`GET /v2/mobile/surface`) and when; `unknown` expires after a minute. */
@@ -8715,10 +9265,19 @@ var VioFacade = class {
   }
   init(config) {
     Configuration.init(config);
+    try {
+      const resolved = Configuration.get();
+      this.switchCartScope(cartScopeOf(resolved.environment, resolved.apiKey));
+    } catch {
+    }
     this.apiInstance = null;
     this.commerceClients.clear();
     this.bootstrapPromise = null;
     this.cachedBootstrap = null;
+    this.bootstrapAt = 0;
+    this.bootstrapRefresh = null;
+    this.bootstrapRefreshFailedAt = 0;
+    this.seenChannels.clear();
     this.bootstrapFailedAt = 0;
     this.generation++;
     this.surfaceMode = null;
@@ -8757,6 +9316,25 @@ var VioFacade = class {
     }
     return resolveContent(init);
   }
+  /**
+   * Page-wide options of every `<vio-product-detail>` (0.34). `layout` orders
+   * the sections below the gallery — `{ id, revision, sections, experimentId?,
+   * variantId? }`; `null` goes back to the default; a detail's own `layout`
+   * wins. Open details re-render at once, later ones open with it. A key left
+   * out of the call is left as it is. See README «Section order and layout
+   * tracking».
+   */
+  configureDetail(options = {}) {
+    if (options && typeof options === "object" && "layout" in options) setGlobalDetailLayout(options.layout ?? null);
+  }
+  /**
+   * The layout a `<vio-product-detail>` without its own `layout` applies now:
+   * the page's (`source: 'global'`) or the default. A detail's own is
+   * `el.appliedLayout`. A copy; never throws.
+   */
+  detailLayout() {
+    return copyAppliedLayout(resolveDetailLayout(null));
+  }
   get isInitialized() {
     return Configuration.isInitialized;
   }
@@ -8766,8 +9344,66 @@ var VioFacade = class {
   // MARK: - Client-side managers (no init required)
   /** Multi-sponsor cart manager. Reactive — listen via addEventListener('change', ...). */
   get cart() {
-    if (!this.cartManager) this.cartManager = new CartManager();
-    return this.cartManager;
+    if (!this.cartFront) this.cartFront = this.makeCartFront();
+    return this.cartFront;
+  }
+  /** The cart manager of the page's connection now (created on first use). */
+  currentCartManager() {
+    const scope = this.cartScope;
+    let manager = this.cartManagers.get(scope);
+    if (!manager) {
+      const created = new CartManager(scope);
+      for (const type of ["change", "error"]) {
+        created.addEventListener(type, (e) => {
+          if (this.cartManagers.get(this.cartScope) !== created) return;
+          this.cartEvents.dispatchEvent(new CustomEvent(type, { detail: e.detail }));
+        });
+      }
+      this.cartManagers.set(scope, created);
+      manager = created;
+    }
+    return manager;
+  }
+  /**
+   * `Vio.cart`: every property and method is the current connection's
+   * manager's; the listeners live on the front, so they survive a switch.
+   */
+  makeCartFront() {
+    const events = this.cartEvents;
+    const listenerMethods = {
+      addEventListener: events.addEventListener.bind(events),
+      removeEventListener: events.removeEventListener.bind(events),
+      dispatchEvent: events.dispatchEvent.bind(events)
+    };
+    return new Proxy(Object.create(CartManager.prototype), {
+      get: (_target, prop) => {
+        if (typeof prop === "string" && prop in listenerMethods) return listenerMethods[prop];
+        const manager = this.currentCartManager();
+        const value = Reflect.get(manager, prop, manager);
+        if (typeof value !== "function" || Object.prototype.hasOwnProperty.call(manager, prop)) return value;
+        return value.bind(manager);
+      },
+      set: (_target, prop, value) => Reflect.set(this.currentCartManager(), prop, value),
+      has: (_target, prop) => Reflect.has(this.currentCartManager(), prop),
+      // A property defined on Vio.cart (a test's spy, a host's patch) lands on
+      // the current manager, where its own methods find it.
+      defineProperty: (_target, prop, descriptor) => Reflect.defineProperty(this.currentCartManager(), prop, descriptor),
+      deleteProperty: (_target, prop) => Reflect.deleteProperty(this.currentCartManager(), prop),
+      getOwnPropertyDescriptor: (_target, prop) => {
+        const own = Reflect.getOwnPropertyDescriptor(this.currentCartManager(), prop);
+        return own ? { ...own, configurable: true } : void 0;
+      }
+    });
+  }
+  /** After `init`: the carts are the new connection's. Says `change` when that switched them. */
+  switchCartScope(scope) {
+    if (scope === this.cartScope) return;
+    this.cartManagers.get(this.cartScope)?.setActive(false);
+    this.cartScope = scope;
+    if (!this.cartFront) return;
+    const manager = this.currentCartManager();
+    manager.setActive(true);
+    manager.announce();
   }
   /** Checkout flow manager. Subscribes to cart state via the CartManager; asks here for the order's attribution. */
   get checkout() {
@@ -8815,7 +9451,7 @@ var VioFacade = class {
     const promise = this.api.bootstrap(Configuration.get().platform).then(
       (res) => {
         if (generation !== this.generation) return this.bootstrap();
-        this.cachedBootstrap = res;
+        this.adoptBootstrap(res);
         this.bootstrapFailedAt = 0;
         if (this.slotsDirty) this.scheduleSlotDeclaration();
         this.preloadPrivacyMode();
@@ -8835,6 +9471,85 @@ var VioFacade = class {
   get bootstrapCache() {
     return this.cachedBootstrap;
   }
+  /** A bootstrap becomes the page's: when it arrived, the channels it lists, and the tab-visible refresh. */
+  adoptBootstrap(res) {
+    this.cachedBootstrap = res;
+    this.bootstrapAt = Date.now();
+    try {
+      const ids = /* @__PURE__ */ new Set();
+      const add = (s) => {
+        const id = toSponsorId(s?.id);
+        if (id !== void 0) ids.add(id);
+      };
+      add(res?.primarySponsor);
+      if (Array.isArray(res?.secondarySponsors)) res.secondarySponsors.forEach(add);
+      if (Array.isArray(res?.campaigns)) {
+        for (const c of res.campaigns) {
+          if (!c || typeof c !== "object") continue;
+          add(c.primarySponsor);
+          if (Array.isArray(c.secondarySponsors)) c.secondarySponsors.forEach(add);
+        }
+      }
+      for (const id of ids) {
+        for (const { sponsor } of sellingBlocksIn(res, id)) {
+          const channel = channelIdOf(sponsor.commerce.channelId);
+          if (channel !== void 0) this.seenChannels.set(`${id}:${channel}`, sponsor);
+        }
+      }
+    } catch {
+    }
+    this.hookVisibility();
+  }
+  /**
+   * The bootstrap is cached for the page's life, but a tab can stay open for
+   * days: when it becomes visible again and the cached one is older than
+   * five minutes, it is fetched again (new campaigns, channels). The old one
+   * stays until the new one arrives — and stays if the refresh fails. Carts
+   * keep their lines; a cart whose channel the new bootstrap no longer lists
+   * is moved to the current channel the next time it is used (CartManager),
+   * and an open checkout keeps paying with the key of its own channel.
+   */
+  hookVisibility() {
+    if (this.visibilityHooked) return;
+    if (typeof document === "undefined" || typeof document.addEventListener !== "function") return;
+    this.visibilityHooked = true;
+    document.addEventListener("visibilitychange", () => {
+      try {
+        if (document.visibilityState === "visible") void this.refreshStaleBootstrap();
+      } catch {
+      }
+    });
+  }
+  /** Fetch the bootstrap again when the cached one is older than `maxAgeMs`; never throws, never clears the cache. */
+  refreshStaleBootstrap(maxAgeMs = BOOTSTRAP_MAX_AGE_MS) {
+    try {
+      if (this.bootstrapRefresh) return this.bootstrapRefresh;
+      if (!this.cachedBootstrap || this.bootstrapPromise || !Configuration.isInitialized) return Promise.resolve();
+      const now = Date.now();
+      if (now - this.bootstrapAt < maxAgeMs) return Promise.resolve();
+      if (this.bootstrapRefreshFailedAt && now - this.bootstrapRefreshFailedAt < BOOTSTRAP_REFRESH_BACKOFF_MS) {
+        return Promise.resolve();
+      }
+      const generation = this.generation;
+      const refresh = this.api.bootstrap(Configuration.get().platform).then(
+        (res) => {
+          if (generation !== this.generation || !res || typeof res !== "object") return;
+          this.adoptBootstrap(res);
+          this.bootstrapRefreshFailedAt = 0;
+          if (this.slotsDirty) this.scheduleSlotDeclaration();
+        },
+        () => {
+          if (generation === this.generation) this.bootstrapRefreshFailedAt = Date.now();
+        }
+      ).finally(() => {
+        if (this.bootstrapRefresh === refresh) this.bootstrapRefresh = null;
+      });
+      this.bootstrapRefresh = refresh;
+      return refresh;
+    } catch {
+      return Promise.resolve();
+    }
+  }
   /**
    * Who a sponsor is to a shopper — `{ id, name, logoUrl, avatarUrl }` — by
    * the ONE rule every element uses (`sponsorIdentityFrom`): the live
@@ -8869,22 +9584,60 @@ var VioFacade = class {
     }
   }
   /**
-   * Get a CommerceClient scoped to a specific sponsor (via bootstrap).
-   * Throws if bootstrap hasn't been called or the sponsor is unknown.
+   * The block a sponsor sells with — its `commerce.apiKey` and `channelId` —
+   * by the rule one article = one campaign = one channel = one sponsor (see
+   * `sponsorCommerceIn`): `ctx.channelId` → that channel's block only (a cart
+   * created on a channel is only called with its key); else the campaign in
+   * context — `ctx.campaignId` candidates (the click's, the element's
+   * `vio-campaign`, an ancestor's `data-vio-campaign`), then
+   * `Vio.init({ campaignId })` — when the sponsor takes part in it; else the
+   * sponsor's first block that sells (the behaviour before). `campaignId:
+   * null` means no campaign at all, not even `Vio.init`'s. `retired: true`
+   * also answers a channel the current bootstrap no longer lists with the
+   * block this page saw for it (an open checkout after a bootstrap refresh).
+   * Blocks with `commerce: null` are skipped. `null` when none; never throws.
    */
-  commerceFor(sponsorId) {
+  sponsorCommerce(sponsorId, ctx = {}) {
+    try {
+      const id = toSponsorId(sponsorId);
+      if (id === void 0) return null;
+      const channel = channelIdOf(ctx?.channelId);
+      if (channel !== void 0) {
+        const listed = sponsorCommerceIn(this.cachedBootstrap, id, { channelId: channel });
+        if (listed) return listed;
+        return ctx.retired ? this.seenChannels.get(`${id}:${channel}`) ?? null : null;
+      }
+      const campaignId = ctx?.campaignId === null ? [] : this.pageCampaignCandidates(ctx?.campaignId);
+      return sponsorCommerceIn(this.cachedBootstrap, id, { campaignId }) ?? null;
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Get a CommerceClient scoped to a sponsor (via bootstrap) — on the
+   * channel of the campaign in context (`ctx.campaignId`, the element's
+   * candidates first; see `sponsorCommerce`) or of `ctx.channelId`. Without
+   * `ctx`, the page's campaign (`Vio.init`) when the sponsor takes part in
+   * it, else the sponsor's first selling block, as before. Clients are kept
+   * per sponsor and key. Throws if bootstrap hasn't been called or nothing of
+   * the sponsor sells there.
+   */
+  commerceFor(sponsorId, ctx) {
     sponsorId = Number(sponsorId);
-    const existing = this.commerceClients.get(sponsorId);
-    if (existing) return existing;
-    const sponsor = this.findSponsor(sponsorId);
+    const sponsor = this.sponsorCommerce(sponsorId, ctx ?? {});
     if (!sponsor) {
+      const channel = channelIdOf(ctx?.channelId);
       throw new Error(
-        `[Vio] Sponsor ${sponsorId} not found in bootstrap. Call Vio.bootstrap() first or pass commerce-key directly.`
+        channel !== void 0 ? `[Vio] Channel ${channel} of sponsor ${sponsorId} not found in bootstrap.` : `[Vio] Sponsor ${sponsorId} not found in bootstrap. Call Vio.bootstrap() first or pass commerce-key directly.`
       );
     }
+    const apiKey = sponsor.commerce.apiKey;
+    const cacheKey = `${sponsorId}:${apiKey}`;
+    const existing = this.commerceClients.get(cacheKey);
+    if (existing) return existing;
     const cfg = Configuration.get();
-    const client = createCommerceClient({ endpoint: cfg.graphQLBase, apiKey: sponsor.commerce.apiKey });
-    this.commerceClients.set(sponsorId, client);
+    const client = createCommerceClient({ endpoint: cfg.graphQLBase, apiKey });
+    this.commerceClients.set(cacheKey, client);
     return client;
   }
   /** Get a CommerceClient using an explicit commerce apiKey (skip bootstrap). */
@@ -9223,9 +9976,10 @@ var VioFacade = class {
    * The attribution of the order a sponsor's cart is about to become
    * (ADR-0035 phase B) — what `CreateCheckout` / `UpdateCheckout` send as
    * `attribution` and shopcart writes on the order: the surface (its SDK
-   * key), the page's campaign (`pageCampaign()`; without one, the campaign
-   * that explains most units of the cart under the same rule `purchase` is
-   * split by — `cartSlices`) and, on a surface KNOWN to be `standard`
+   * key), the campaign of the order — always one the cart's sponsor takes part
+   * in (`orderCampaign`: the cart lines' own campaign, else the page's;
+   * without one, the campaign that explains most units of the cart under the
+   * same rule `purchase` is split by — `cartSlices`) and, on a surface KNOWN to be `standard`
    * (`privacyModeNow`), the page (`content()`'s url as origin + path, and
    * title) and where the session came in: the landing the session REMEMBERS
    * (`storedLanding`, else the one analytics resolved on this page) — never
@@ -9237,10 +9991,13 @@ var VioFacade = class {
     try {
       const config = Configuration.isInitialized ? Configuration.get() : void 0;
       const content = this.content();
+      const sponsor = toSponsorId(sponsorId);
+      const belongs = (campaignId) => campaignId === void 0 || campaignTakesSponsor(this.cachedBootstrap, campaignId, sponsor);
       return checkoutAttributionOf({
         surfaceKey: config?.apiKey,
-        pageCampaignId: toNumber(this.pageCampaign()?.id),
-        slices: this.cartSlices(sponsorId),
+        pageCampaignId: this.orderCampaign(sponsor),
+        // The fallback campaign of the slices, too, only when it is the sponsor's.
+        slices: this.cartSlices(sponsorId).filter((slice) => belongs(slice.campaignId)),
         content: { url: content.url, title: content.title },
         landing: this.rememberedLanding(),
         privacyMode: this.privacyModeNow()
@@ -9249,6 +10006,29 @@ var VioFacade = class {
       return void 0;
     }
   }
+  /**
+   * The campaign an order of `sponsorId` is credited to — one article = one
+   * campaign = one sponsor, so it is always one the sponsor takes part in:
+   * the campaign the cart's own lines were added from (their origins; the one
+   * that explains most units), else the page's — the elements' campaigns on
+   * the page (`vio-campaign` / `data-vio-campaign`, in document order), then
+   * `Vio.init({ campaignId })` — the first one active with that sponsor.
+   * `undefined` when neither says one (the slices then decide). Without a
+   * sponsor, the page's campaign as before.
+   */
+  orderCampaign(sponsorId) {
+    const boot = this.cachedBootstrap;
+    if (sponsorId !== void 0) {
+      const lines = [...this.cart.getCart(sponsorId)?.items ?? []];
+      const fromLines = dominantCampaignOf(
+        cartSlicesFrom(lines, () => void 0).filter(
+          (slice) => slice.campaignId !== void 0 && campaignTakesSponsor(boot, slice.campaignId, sponsorId)
+        )
+      );
+      if (fromLines !== void 0) return fromLines;
+    }
+    return toNumber(activeCampaignEntry(boot, this.pageCampaignCandidates(documentCampaignHints()), sponsorId)?.id);
+  }
   /** The landing the session remembers: what the first page stored, else what analytics resolved on this page load (consent pending); null otherwise. */
   rememberedLanding() {
     try {
@@ -9350,6 +10130,35 @@ var VioFacade = class {
     return findSponsorIn(this.cachedBootstrap, sponsorId);
   }
 };
+function campaignTakesSponsor(boot, campaignId, sponsorId) {
+  if (sponsorId === void 0 || !boot) return true;
+  try {
+    const listed = (Array.isArray(boot.campaigns) ? boot.campaigns : []).filter(
+      (c) => !!c && typeof c === "object" && toNumber(c.id) === campaignId
+    );
+    if (listed.length > 0) return listed.some((c) => campaignSponsorIds(c).includes(sponsorId));
+    if (toNumber(boot.campaign?.id) === campaignId) {
+      const entry = defaultCampaignEntry(boot);
+      return !!entry && campaignSponsorIds(entry).includes(sponsorId);
+    }
+    return true;
+  } catch {
+    return true;
+  }
+}
+function documentCampaignHints() {
+  try {
+    if (typeof document === "undefined" || typeof document.querySelectorAll !== "function") return [];
+    const out = [];
+    document.querySelectorAll("[vio-campaign], [data-vio-campaign]").forEach((el) => {
+      const value = el.getAttribute("vio-campaign") || el.getAttribute("data-vio-campaign");
+      if (value) out.push(value);
+    });
+    return out;
+  } catch {
+    return [];
+  }
+}
 function warn(...args) {
   if (typeof console !== "undefined") console.warn("[Vio]", ...args);
 }
@@ -9408,6 +10217,6 @@ function vippsButtonAttributes(verb = "buy", opts = {}) {
   };
 }
 
-export { ADD_ITEM_MUTATION, ADYEN_RETURN_METHOD, ADYEN_RETURN_QUERY_KEYS, AdyenOriginError, AnalyticsManager, BUYER_REF_MAX_LENGTH, CHECKOUT_ATTRIBUTION_CAPS, CHECKOUT_SPONSOR_STORAGE_KEY, CLIENT_LANDING_URL_MAX_LENGTH, CONTENT_URL_MAX_LENGTH, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_CHECKOUT_WITH_ATTRIBUTION_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartManager, CheckoutManager, CommerceClient, Configuration, DELETE_ITEM_MUTATION, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, INTERNAL_KEY, INTERNAL_PARAM, KUSTOM_RETURN_QUERY_KEYS, LINE_ORIGIN_CAPS, SDK_VERSION, UPDATE_CHECKOUT_MUTATION, UPDATE_CHECKOUT_WITH_ATTRIBUTION_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_ITEM_WITH_ORIGIN_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, VIPPS_BUTTON_SCRIPT, VIPPS_BUTTON_TAG, Vio, VioApi, VioApiError, __decorateClass, activeCampaignEntry, addItem, adyenReturnOutcome, adyenReturnParams, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, checkoutSponsorOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, gatewayHasBuyerRef, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCountryCode, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, isValidPhone, kustomReturnOutcome, landingUrl, lineOriginWire, lineOrigins, nexiReturnPaymentId, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotId, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, readInternal, readNexiPending, rememberedCheckoutSponsor, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveInternal, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storageGet, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature, writeInternal };
-//# sourceMappingURL=chunk-IR4XYTZL.js.map
-//# sourceMappingURL=chunk-IR4XYTZL.js.map
+export { ADD_ITEM_MUTATION, ADYEN_RETURN_METHOD, ADYEN_RETURN_QUERY_KEYS, AdyenOriginError, AnalyticsManager, BUYER_REF_MAX_LENGTH, CHECKOUT_ATTRIBUTION_CAPS, CHECKOUT_SPONSOR_STORAGE_KEY, CLIENT_LANDING_URL_MAX_LENGTH, CONTENT_URL_MAX_LENGTH, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_CHECKOUT_WITH_ATTRIBUTION_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartManager, CheckoutManager, CommerceClient, Configuration, DELETE_ITEM_MUTATION, DETAIL_SECTION_IDS, ESSENTIAL_DETAIL_SECTIONS, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, INTERNAL_KEY, INTERNAL_PARAM, KUSTOM_RETURN_QUERY_KEYS, LINE_ORIGIN_CAPS, SDK_VERSION, UPDATE_CHECKOUT_MUTATION, UPDATE_CHECKOUT_WITH_ATTRIBUTION_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_ITEM_WITH_ORIGIN_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, VIPPS_BUTTON_SCRIPT, VIPPS_BUTTON_TAG, Vio, VioApi, VioApiError, __decorateClass, activeCampaignEntry, addItem, adyenReturnOutcome, adyenReturnParams, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, checkoutSponsorOf, componentKindOf, copyAppliedLayout, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, defaultDetailLayout, deleteItem, displayPrice, dominantCampaignOf, effectiveDetailSections, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, gatewayHasBuyerRef, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCountryCode, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, isValidPhone, kustomReturnOutcome, landingUrl, layoutOriginOf, layoutSignature, lineOriginWire, lineOrigins, nexiReturnPaymentId, normalizeBuyerRef, normalizeDetailLayout, normalizeOrigin, normalizeScope, normalizeSlotId, normalizeSlotKind, onGlobalDetailLayoutChange, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, readInternal, readNexiPending, rememberedCheckoutSponsor, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveDetailLayout, resolveInternal, resolveLanding, resolveSlotCampaign, sameOrigin, shippingDescriptionOf, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storageGet, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature, writeInternal };
+//# sourceMappingURL=chunk-QA5R4VYF.js.map
+//# sourceMappingURL=chunk-QA5R4VYF.js.map