@vio-live/web-sdk 0.4.2 → 0.5.1

package/dist/{chunk-D6IA4ZWL.js → chunk-LRXVUOEG.js}

@@ -1,4 +1,4 @@
-import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, formatPrice } from './chunk-KMIARP6X.js';
+import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, formatPrice } from './chunk-7Q4MJ5NQ.js';
 import { LitElement, css, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
@@ -460,6 +460,13 @@ var VioProductCarousel = class extends LitElement {
     this.fetched = null;
     this.isLoading = false;
     this.fetchError = "";
+    // ── Analytics (auto) ──────────────────────────────────────────────
+    // component_impression on the contract rule (≥50% visible ≥1s, once per
+    // session) + view_item_list with the rendered products. No-ops unless
+    // Vio.analytics.start() ran.
+    this.unobserveImpression = null;
+    this.impressed = false;
+    this.listTracked = false;
   }
   static {
     this.styles = css`
@@ -608,10 +615,16 @@ var VioProductCarousel = class extends LitElement {
   }
   connectedCallback() {
     super.connectedCallback();
+    this.observeForAnalytics();
     if (this.productRefs.trim() || this.productIds.trim()) {
       void this.autoFetch();
     }
   }
+  disconnectedCallback() {
+    this.unobserveImpression?.();
+    this.unobserveImpression = null;
+    super.disconnectedCallback();
+  }
   updated(changed) {
     const propChanged = changed.has("productRefs") || changed.has("productIds") || changed.has("commerceKey") || changed.has("sponsorId");
     if (propChanged && (this.productRefs.trim() || this.productIds.trim())) {
@@ -656,12 +669,61 @@ var VioProductCarousel = class extends LitElement {
         const product = lookup.get(`${sponsorId}:${productId}`);
         return product ? { product, sponsorId } : null;
       }).filter((x) => x !== null);
+      this.maybeTrackList();
     } catch (err) {
       this.fetchError = err instanceof Error ? err.message : String(err);
     } finally {
       this.isLoading = false;
     }
   }
+  observeForAnalytics() {
+    if (this.unobserveImpression) return;
+    try {
+      this.unobserveImpression = Vio.analytics.observeImpression(
+        this,
+        {
+          sponsorId: this.sponsorId > 0 ? this.sponsorId : void 0,
+          componentTemplateId: "product-carousel",
+          locationId: this.label || void 0
+        },
+        {
+          key: `carousel:${this.label || this.productIds || this.productRefs || "default"}`,
+          onImpression: () => {
+            this.impressed = true;
+            this.maybeTrackList();
+          }
+        }
+      );
+    } catch {
+    }
+  }
+  /** view_item_list needs BOTH the viewport dwell and loaded products —
+   * whichever lands last fires it (once). */
+  maybeTrackList() {
+    if (!this.impressed || this.listTracked) return;
+    const entries = this.fetched ?? [];
+    if (entries.length === 0) return;
+    this.listTracked = true;
+    try {
+      Vio.analytics.track("view_item_list", {
+        context: {
+          sponsorId: this.sponsorId > 0 ? this.sponsorId : void 0,
+          componentTemplateId: "product-carousel",
+          locationId: this.label || void 0
+        },
+        commerce: {
+          items: entries.map(({ product, sponsorId }) => ({
+            productId: product.id,
+            name: product.title,
+            price: Number(product.price?.amount_incl_taxes ?? product.price?.amount) || void 0
+          })),
+          currency: entries[0]?.product.price?.currency_code
+        },
+        props: this.label ? { list_name: this.label } : void 0
+      });
+    } catch {
+    }
+  }
   parseRefs(raw) {
     return raw.split(",").map((pair) => pair.trim()).filter((s) => s.length > 0).map((pair) => {
       const [sidStr, pidStr] = pair.split(":");
@@ -1313,6 +1375,31 @@ var VioProductDetail = class extends LitElement {
     }
     this.optMapCache = /* @__PURE__ */ new WeakMap();
     this.product = products?.[0] ?? null;
+    if (this.product) {
+      try {
+        const price = Number(
+          this.product.price?.amount_incl_taxes ?? this.product.price?.amount
+        );
+        Vio.analytics.track("view_item", {
+          context: {
+            sponsorId: this.sponsorId > 0 ? Number(this.sponsorId) : void 0,
+            componentTemplateId: "product-detail"
+          },
+          commerce: {
+            items: [
+              {
+                productId: this.product.id,
+                name: this.product.title,
+                price: Number.isFinite(price) ? price : void 0
+              }
+            ],
+            value: Number.isFinite(price) ? price : void 0,
+            currency: this.product.price?.currency_code
+          }
+        });
+      } catch {
+      }
+    }
     if (!this.product) {
       this.fetchError = "Fant ikke produktet.";
     }
@@ -2361,6 +2448,9 @@ var VioCart = class extends LitElement {
   }
   show() {
     this.open = true;
+    this.dispatchEvent(
+      new CustomEvent("vio:open-cart", { bubbles: true, composed: true })
+    );
     void this.loadAvailablePaymentMethods();
   }
   /** Which payment buttons to render — backend-configured per sponsor.
@@ -4384,5 +4474,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-D6IA4ZWL.js.map
-//# sourceMappingURL=chunk-D6IA4ZWL.js.map
+//# sourceMappingURL=chunk-LRXVUOEG.js.map
+//# sourceMappingURL=chunk-LRXVUOEG.js.map