@vio-live/web-sdk 0.23.1 → 0.24.0

package/dist/{chunk-UVDOKFGD.js → chunk-N6U65DWG.js}

@@ -1,4 +1,4 @@
-import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, ensureVippsButton, formatPrice, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, AdyenOriginError, normalizeSlotId, autoSlotDisplayName, autoSlotId, normalizeScope } from './chunk-BRJMT7P4.js';
+import { Vio, __decorateClass, primaryImageUrl, displayPrice, toCampaignId, getGlobalCurrency, ensureVippsButton, formatPrice, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, AdyenOriginError, normalizeSlotId, autoSlotDisplayName, autoSlotId, normalizeScope, campaignCandidates } from './chunk-AXJKB2CW.js';
 import { LitElement, css, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
@@ -171,6 +171,8 @@ var SCOPE_ATTR = "vio-scope";
 var SCOPE_NAME_ATTR = "vio-scope-name";
 var SCOPE_DATA_ATTR = "data-vio-scope";
 var SCOPE_NAME_DATA_ATTR = "data-vio-scope-name";
+var CAMPAIGN_ATTR = "vio-campaign";
+var CAMPAIGN_DATA_ATTR = "data-vio-campaign";
 var liveAutoIds = (() => {
   const g = globalThis;
   return g.__VIO_LIVE_SLOT_IDS__ ?? (g.__VIO_LIVE_SLOT_IDS__ = /* @__PURE__ */ new Map());
@@ -192,6 +194,14 @@ var SlotRegistration = class {
   get effective() {
     return this.identity?.id ?? "";
   }
+  /** The element's own page campaign (`vio-campaign` / ancestor `data-vio-campaign`); undefined → `Vio.init`'s applies. */
+  get campaignId() {
+    return this.identity?.campaignId;
+  }
+  /** The element's page-campaign candidates in order (own, ancestor) — the hint for `Vio.attribution` / `campaignForSlot`. */
+  get campaignHint() {
+    return this.identity?.campaignCandidates ?? [];
+  }
   /** On connect: read the scope from the DOM, then register. */
   connect(attrs) {
     this.connected = true;
@@ -216,7 +226,7 @@ var SlotRegistration = class {
     this.unregister();
     if (!next) return;
     try {
-      this.release = typeof Vio.registerSlot === "function" ? Vio.registerSlot(next.id, next.displayName) : null;
+      this.release = typeof Vio.registerSlot !== "function" ? null : next.campaignId !== void 0 ? Vio.registerSlot(next.id, next.displayName, next.campaignId) : Vio.registerSlot(next.id, next.displayName);
       this.identity = next;
     } catch {
       this.release = null;
@@ -227,13 +237,20 @@ var SlotRegistration = class {
   resolve(attrs) {
     const explicit = normalizeSlotId(attrs.vioSlot);
     const name = typeof attrs.vioSlotName === "string" && attrs.vioSlotName.trim() ? attrs.vioSlotName.trim() : void 0;
+    const campaignCandidates2 = campaignCandidatesOf(this.host, attrs);
+    const campaignId = campaignCandidates2[0];
     if (explicit) {
       this.releaseAuto();
-      return { id: explicit, displayName: name };
+      return { id: explicit, displayName: name, campaignId, campaignCandidates: campaignCandidates2 };
     }
     if (!this.connected) return null;
     const auto = this.claimAuto();
-    return { id: auto.id, displayName: name ?? autoSlotDisplayName(this.kind, auto.number - 1, this.scopeName) };
+    return {
+      id: auto.id,
+      displayName: name ?? autoSlotDisplayName(this.kind, auto.number - 1, this.scopeName),
+      campaignId,
+      campaignCandidates: campaignCandidates2
+    };
   }
   /** Unregister whatever is registered and free the auto number. */
   clear() {
@@ -275,7 +292,12 @@ var SlotRegistration = class {
 };
 function sameIdentity(a, b) {
   if (!a || !b) return a === b;
-  return a.id === b.id && a.displayName === b.displayName;
+  return a.id === b.id && a.displayName === b.displayName && a.campaignId === b.campaignId;
+}
+function campaignCandidatesOf(el, attrs) {
+  const own = attrs && attrs.vioCampaign !== void 0 && attrs.vioCampaign !== null ? attrs.vioCampaign : el.vioCampaign !== void 0 ? el.vioCampaign : el.getAttribute(CAMPAIGN_ATTR);
+  const ancestor = closestAcrossShadow(el, `[${CAMPAIGN_DATA_ATTR}]`)?.getAttribute(CAMPAIGN_DATA_ATTR);
+  return campaignCandidates([own, ancestor]);
 }
 function scopeOf(el, attrs) {
   const own = attrs && typeof attrs.vioScope === "string" ? attrs.vioScope : typeof el.vioScope === "string" ? el.vioScope ?? "" : el.getAttribute(SCOPE_ATTR) ?? "";
@@ -314,6 +336,7 @@ var VioProduct = class extends LitElement {
     this.vioSlotName = "";
     this.vioScope = "";
     this.vioScopeName = "";
+    this.vioCampaign = "";
     this.vioContentId = "";
     this.vioContentTitle = "";
     this.slotRegistration = new SlotRegistration(this, "card");
@@ -330,9 +353,13 @@ var VioProduct = class extends LitElement {
   get effectiveSlot() {
     return this.slotRegistration.effective;
   }
+  /** The element's own page campaign (`vio-campaign` / ancestor), if any; `Vio.init`'s applies otherwise. */
+  get effectiveCampaignId() {
+    return this.slotRegistration.campaignId;
+  }
   /** The slot campaign's sponsor as the string the attributes use ('' when unknown). */
   sponsorFromAttribution() {
-    const id = typeof Vio.attribution === "function" ? Vio.attribution(this.effectiveSlot).sponsorId : void 0;
+    const id = typeof Vio.attribution === "function" ? Vio.attribution(this.effectiveSlot, { campaignId: this.slotRegistration.campaignHint }).sponsorId : void 0;
     return id !== void 0 ? String(id) : "";
   }
   slotAttributes() {
@@ -340,7 +367,8 @@ var VioProduct = class extends LitElement {
       vioSlot: this.vioSlot,
       vioSlotName: this.vioSlotName,
       vioScope: this.vioScope,
-      vioScopeName: this.vioScopeName
+      vioScopeName: this.vioScopeName,
+      vioCampaign: this.vioCampaign
     };
   }
   /**
@@ -349,7 +377,10 @@ var VioProduct = class extends LitElement {
    * set `vio-content-id` / `vio-content-title` on this card.
    */
   attribution() {
-    const base = typeof Vio.attribution === "function" ? Vio.attribution(this.effectiveSlot, { sponsorId: this.sponsorId || void 0 }) : { slot: this.effectiveSlot || void 0 };
+    const base = typeof Vio.attribution === "function" ? Vio.attribution(this.effectiveSlot, {
+      sponsorId: this.sponsorId || void 0,
+      campaignId: this.slotRegistration.campaignHint
+    }) : { slot: this.effectiveSlot || void 0 };
     return {
       ...base,
       ...this.vioContentId ? { contentId: this.vioContentId } : {},
@@ -479,7 +510,7 @@ var VioProduct = class extends LitElement {
   }
   updated(changed) {
     if (changed.has("productId") || changed.has("sponsorId")) this.updateInCart();
-    if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName")) {
+    if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName") || changed.has("vioCampaign")) {
       this.slotRegistration.sync(this.slotAttributes());
     }
   }
@@ -635,6 +666,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "vio-scope-name" })
 ], VioProduct.prototype, "vioScopeName", 2);
+__decorateClass([
+  property({ type: String, attribute: "vio-campaign" })
+], VioProduct.prototype, "vioCampaign", 2);
 __decorateClass([
   property({ type: String, attribute: "vio-content-id" })
 ], VioProduct.prototype, "vioContentId", 2);
@@ -679,6 +713,7 @@ var VioProductCarousel = class extends LitElement {
     this.vioSlotName = "";
     this.vioScope = "";
     this.vioScopeName = "";
+    this.vioCampaign = "";
     this.vioContentId = "";
     this.vioContentTitle = "";
     this.slotRegistration = new SlotRegistration(this, "carousel");
@@ -697,17 +732,25 @@ var VioProductCarousel = class extends LitElement {
   get effectiveSlot() {
     return this.slotRegistration.effective;
   }
+  /** The element's own page campaign (`vio-campaign` / ancestor), if any; `Vio.init`'s applies otherwise. */
+  get effectiveCampaignId() {
+    return this.slotRegistration.campaignId;
+  }
   slotAttributes() {
     return {
       vioSlot: this.vioSlot,
       vioSlotName: this.vioSlotName,
       vioScope: this.vioScope,
-      vioScopeName: this.vioScopeName
+      vioScopeName: this.vioScopeName,
+      vioCampaign: this.vioCampaign
     };
   }
   /** Attribution every analytics event of this carousel carries (`Vio.attribution` + the content overrides). */
   attribution() {
-    const base = typeof Vio.attribution === "function" ? Vio.attribution(this.effectiveSlot, { sponsorId: this.sponsorId > 0 ? this.sponsorId : void 0 }) : { slot: this.effectiveSlot || void 0 };
+    const base = typeof Vio.attribution === "function" ? Vio.attribution(this.effectiveSlot, {
+      sponsorId: this.sponsorId > 0 ? this.sponsorId : void 0,
+      campaignId: this.slotRegistration.campaignHint
+    }) : { slot: this.effectiveSlot || void 0 };
     return {
       ...base,
       ...this.vioContentId ? { contentId: this.vioContentId } : {},
@@ -874,10 +917,10 @@ var VioProductCarousel = class extends LitElement {
     super.disconnectedCallback();
   }
   updated(changed) {
-    if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName")) {
+    if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName") || changed.has("vioCampaign")) {
       this.slotRegistration.sync(this.slotAttributes());
     }
-    const propChanged = changed.has("productRefs") || changed.has("productIds") || changed.has("commerceKey") || changed.has("sponsorId") || changed.has("vioSlot");
+    const propChanged = changed.has("productRefs") || changed.has("productIds") || changed.has("commerceKey") || changed.has("sponsorId") || changed.has("vioSlot") || changed.has("vioCampaign");
     if (propChanged && (this.productRefs.trim() || this.productIds.trim())) {
       void this.autoFetch();
     }
@@ -889,7 +932,7 @@ var VioProductCarousel = class extends LitElement {
    */
   effectiveSponsorId() {
     if (this.sponsorId > 0) return this.sponsorId;
-    const fromSlot = typeof Vio.campaignForSlot === "function" ? Number(Vio.campaignForSlot(this.effectiveSlot || null)?.primarySponsor?.id) : NaN;
+    const fromSlot = typeof Vio.campaignForSlot === "function" ? Number(Vio.campaignForSlot(this.effectiveSlot || null, { campaignId: this.slotRegistration.campaignHint })?.primarySponsor?.id) : NaN;
     return Number.isFinite(fromSlot) && fromSlot > 0 ? fromSlot : 0;
   }
   async autoFetch() {
@@ -1038,6 +1081,7 @@ var VioProductCarousel = class extends LitElement {
             image-url=${img}
             ?has-variants=${(p.variants?.length ?? 0) > 1}
             .vioSlot=${this.effectiveSlot}
+            .vioCampaign=${this.effectiveCampaignId !== void 0 ? String(this.effectiveCampaignId) : ""}
             .vioContentId=${this.vioContentId}
             .vioContentTitle=${this.vioContentTitle}
           ></vio-product>
@@ -1121,6 +1165,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "vio-scope-name" })
 ], VioProductCarousel.prototype, "vioScopeName", 2);
+__decorateClass([
+  property({ type: String, attribute: "vio-campaign" })
+], VioProductCarousel.prototype, "vioCampaign", 2);
 __decorateClass([
   property({ type: String, attribute: "vio-content-id" })
 ], VioProductCarousel.prototype, "vioContentId", 2);
@@ -1369,6 +1416,7 @@ var VioProductDetail = class extends LitElement {
     this.vioSlotName = "";
     this.vioScope = "";
     this.vioScopeName = "";
+    this.vioCampaign = "";
     this.vioContentId = "";
     this.vioContentTitle = "";
     this.slotRegistration = new SlotRegistration(this, "detail");
@@ -1376,6 +1424,7 @@ var VioProductDetail = class extends LitElement {
     this.eventSlot = "";
     this.eventContentId = "";
     this.eventContentTitle = "";
+    this.eventCampaignId = void 0;
     this.eventProductId = "";
     this.product = null;
     this.sellerName = null;
@@ -1410,11 +1459,16 @@ var VioProductDetail = class extends LitElement {
       const slot = typeof ev.detail.slot === "string" ? ev.detail.slot.trim() : "";
       let sponsorIdNum = parseInt(ev.detail.sponsorId, 10);
       if (Number.isNaN(sponsorIdNum) || sponsorIdNum <= 0) {
-        const fromSlot = typeof Vio.campaignForSlot === "function" ? Number(Vio.campaignForSlot(slot || this.effectiveSlot || null)?.primarySponsor?.id) : NaN;
+        const fromSlot = typeof Vio.campaignForSlot === "function" ? Number(
+          Vio.campaignForSlot(slot || this.effectiveSlot || null, {
+            campaignId: [ev.detail.campaignId, ...this.slotRegistration.campaignHint]
+          })?.primarySponsor?.id
+        ) : NaN;
         if (!Number.isFinite(fromSlot) || fromSlot <= 0) return;
         sponsorIdNum = fromSlot;
       }
       this.eventSlot = slot;
+      this.eventCampaignId = toCampaignId(ev.detail.campaignId);
       this.eventProductId = String(ev.detail.productId);
       this.eventContentId = ev.detail.contentId !== void 0 && ev.detail.contentId !== null ? String(ev.detail.contentId).trim() : "";
       this.eventContentTitle = typeof ev.detail.contentTitle === "string" ? ev.detail.contentTitle.trim() : "";
@@ -1433,21 +1487,34 @@ var VioProductDetail = class extends LitElement {
   get effectiveSlot() {
     return this.slotRegistration.effective;
   }
+  /** The element's own page campaign (`vio-campaign` / ancestor), if any; `Vio.init`'s applies otherwise. */
+  get effectiveCampaignId() {
+    return this.slotRegistration.campaignId;
+  }
   /** The slot the open product is attributed to: the opening card's, else this element's. */
   get activeSlot() {
     return this.fromCard && this.eventSlot || this.effectiveSlot;
   }
+  /** The page-campaign candidates of the open product: the opening card's, then this element's own and its ancestor's. */
+  get activeCampaignHint() {
+    const own = this.slotRegistration.campaignHint;
+    return this.fromCard && this.eventCampaignId !== void 0 ? [this.eventCampaignId, ...own] : own;
+  }
   slotAttributes() {
     return {
       vioSlot: this.vioSlot,
       vioSlotName: this.vioSlotName,
       vioScope: this.vioScope,
-      vioScopeName: this.vioScopeName
+      vioScopeName: this.vioScopeName,
+      vioCampaign: this.vioCampaign
     };
   }
   /** Attribution every event of the open product carries (`Vio.attribution` of the opening card's slot, else this element's). */
   attribution() {
-    const base = typeof Vio.attribution === "function" ? Vio.attribution(this.activeSlot, { sponsorId: this.sponsorId > 0 ? this.sponsorId : void 0 }) : { slot: this.activeSlot || void 0 };
+    const base = typeof Vio.attribution === "function" ? Vio.attribution(this.activeSlot, {
+      sponsorId: this.sponsorId > 0 ? this.sponsorId : void 0,
+      campaignId: this.activeCampaignHint
+    }) : { slot: this.activeSlot || void 0 };
     const contentId = this.fromCard && this.eventContentId || this.vioContentId;
     const contentTitle = this.fromCard && this.eventContentTitle || this.vioContentTitle;
     return {
@@ -1914,7 +1981,7 @@ var VioProductDetail = class extends LitElement {
   }
   updated(changed) {
     if (changed.has("open")) this.dialogFocus.update(this.open);
-    if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName")) {
+    if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName") || changed.has("vioCampaign")) {
       this.slotRegistration.sync(this.slotAttributes());
     }
   }
@@ -1928,6 +1995,7 @@ var VioProductDetail = class extends LitElement {
         this.eventSlot = "";
         this.eventContentId = "";
         this.eventContentTitle = "";
+        this.eventCampaignId = void 0;
         this.eventProductId = "";
         this.product = null;
         this.sellerName = null;
@@ -2028,7 +2096,7 @@ var VioProductDetail = class extends LitElement {
   }
   /** Which buy buttons to render — backend-configured per sponsor. */
   async loadAvailablePaymentMethods() {
-    const spId = this.sponsorId || (typeof Vio.campaignForSlot === "function" ? Number(Vio.campaignForSlot(this.activeSlot || null)?.primarySponsor?.id) : 0) || globalThis.__VIO_SPONSOR_ID__;
+    const spId = this.sponsorId || (typeof Vio.campaignForSlot === "function" ? Number(Vio.campaignForSlot(this.activeSlot || null, { campaignId: this.activeCampaignHint })?.primarySponsor?.id) : 0) || globalThis.__VIO_SPONSOR_ID__;
     if (!spId) return;
     try {
       const methods = await Vio.checkout.getAvailablePaymentMethods(spId);
@@ -2734,6 +2802,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "vio-scope-name" })
 ], VioProductDetail.prototype, "vioScopeName", 2);
+__decorateClass([
+  property({ type: String, attribute: "vio-campaign" })
+], VioProductDetail.prototype, "vioCampaign", 2);
 __decorateClass([
   property({ type: String, attribute: "vio-content-id" })
 ], VioProductDetail.prototype, "vioContentId", 2);
@@ -7034,5 +7105,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-UVDOKFGD.js.map
-//# sourceMappingURL=chunk-UVDOKFGD.js.map
+//# sourceMappingURL=chunk-N6U65DWG.js.map
+//# sourceMappingURL=chunk-N6U65DWG.js.map