@vio-live/web-sdk 0.4.1 → 0.5.0

package/dist/{chunk-NP2KCM7X.js → chunk-HNQG56SD.js}

@@ -15,16 +15,19 @@ var __decorateClass = (decorators, target, key, kind) => {
 var DEFAULT_URLS = {
   development: {
     apiBase: "https://api-dev.vio.live",
-    graphQLBase: "https://graph-ql-dev.vio.live"
+    graphQLBase: "https://graph-ql-dev.vio.live",
+    eventsBase: "https://events-dev.vio.live"
   },
   // No separate staging GraphQL deployment yet — shares dev's.
   testing: {
     apiBase: "https://api-staging.vio.live",
-    graphQLBase: "https://graph-ql-dev.vio.live"
+    graphQLBase: "https://graph-ql-dev.vio.live",
+    eventsBase: "https://events-staging.vio.live"
   },
   production: {
     apiBase: "https://api.vio.live",
-    graphQLBase: "https://graph-ql.vio.live"
+    graphQLBase: "https://graph-ql.vio.live",
+    eventsBase: "https://events.vio.live"
   }
 };
 var ConfigurationSingleton = class {
@@ -43,6 +46,7 @@ var ConfigurationSingleton = class {
       environment: env,
       apiBase: input.apiBase ?? defaults.apiBase,
       graphQLBase: input.graphQLBase ?? defaults.graphQLBase,
+      eventsBase: input.eventsBase ?? defaults.eventsBase,
       stripePublishableKey: input.stripePublishableKey,
       klarnaClientId: input.klarnaClientId,
       // Sandbox by default — live Klarna must be opted into explicitly.
@@ -1512,6 +1516,13 @@ var CartManager = class extends EventTarget {
      * slow response can't overwrite the state of a newer one. */
     this.mutationSeq = /* @__PURE__ */ new Map();
     this.appliedSeq = /* @__PURE__ */ new Map();
+    /** In-flight AddItem/UpdateItem/DeleteItem per sponsor. Callers that need
+     * the backend cart to reflect a just-made change (e.g. fetching shippings
+     * right after an add) should `await waitForCartMutations(sponsorId)` first
+     * — otherwise they can race the mutation and see the cart from before it
+     * landed (Alan, 2026-08-18: shippings queried before AddItem settled,
+     * came back empty). */
+    this.inFlightMutations = /* @__PURE__ */ new Map();
     /** 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();
@@ -1522,6 +1533,16 @@ var CartManager = class extends EventTarget {
     this.mutationSeq.set(sponsorId, n);
     return n;
   }
+  /** Resolves once any in-flight AddItem/UpdateItem/DeleteItem for this
+   * sponsor has settled (success or failure). No-op if nothing is pending. */
+  async waitForCartMutations(sponsorId) {
+    const p = this.inFlightMutations.get(sponsorId);
+    if (!p) return;
+    try {
+      await p;
+    } catch {
+    }
+  }
   /** Apply a backend response only if no newer response was applied already. */
   applyBackendCart(sponsorId, backendCart, seq) {
     if (seq < (this.appliedSeq.get(sponsorId) ?? 0)) return;
@@ -1735,7 +1756,7 @@ var CartManager = class extends EventTarget {
     const addedItem = existing ?? cart.items[cart.items.length - 1];
     const addedLineId = addedItem.id;
     const seq = this.nextSeq(opts.sponsorId);
-    void (async () => {
+    const mutation = (async () => {
       try {
         const cartId = await this.ensureCartId(opts.sponsorId, opts.currency || void 0);
         if (cartId) {
@@ -1765,6 +1786,12 @@ var CartManager = class extends EventTarget {
         this.emitError("AddItem rejected by the backend \u2014 item removed from the cart", err);
       }
     })();
+    this.inFlightMutations.set(opts.sponsorId, mutation);
+    void mutation.finally(() => {
+      if (this.inFlightMutations.get(opts.sponsorId) === mutation) {
+        this.inFlightMutations.delete(opts.sponsorId);
+      }
+    });
     return addedItem;
   }
   intentKey(productId, variantId) {
@@ -1791,7 +1818,7 @@ var CartManager = class extends EventTarget {
     }
     const backendCartId = cart.cartId;
     const seq = this.nextSeq(sponsorId);
-    void (async () => {
+    const mutation = (async () => {
       try {
         const gqlOpts = await getCartGraphQLOptions(sponsorId);
         const resCart = quantity <= 0 ? await deleteItem(backendCartId, targetItemId, gqlOpts) : await updateItem(backendCartId, targetItemId, null, quantity, gqlOpts);
@@ -1803,6 +1830,12 @@ var CartManager = class extends EventTarget {
         void this.fetchCartFromBackend(sponsorId);
       }
     })();
+    this.inFlightMutations.set(sponsorId, mutation);
+    void mutation.finally(() => {
+      if (this.inFlightMutations.get(sponsorId) === mutation) {
+        this.inFlightMutations.delete(sponsorId);
+      }
+    });
   }
   removeItem(lineItemId, sponsorId) {
     this.updateQuantity(lineItemId, sponsorId, 0);
@@ -2357,41 +2390,95 @@ function findPayNowCategory(categories) {
   const byId = (re) => categories.find((c) => c?.identifier && re.test(c.identifier));
   const byName = (re) => categories.find((c) => c?.name && re.test(c.name));
   const cat = categories.find((c) => c?.identifier === "pay_now") ?? byName(/betal\s*n[åa]|pay\s*now/i) ?? byId(/pay_now|direct_debit|direct_bank_transfer|pay_in_full|klarna_pay_now/i) ?? byName(/direkte|bank|kort|straks|sofort/i) ?? categories.find((c) => c?.identifier && !/pay_later|pay_over_time|slice_it/.test(c.identifier));
+  console.log("findPayNowCategory - Selected: ", cat);
   return cat?.identifier ?? null;
 }
 async function createKlarnaPaymentsWidget(input) {
   const Klarna = await loadKpLib();
+  console.log("[DEBUG Klarna] Initializing Klarna Payments");
   Klarna.Payments.init({ client_token: input.clientToken });
+  console.log("[DEBUG Klarna] Klarna Payments initialized");
+  Klarna.Payments.on?.("fullscreenOverlayShown", () => {
+    console.log("[DEBUG Klarna] FULLSCREEN OVERLAY SHOWN");
+  });
+  Klarna.Payments.on?.("fullscreenOverlayHidden", () => {
+    console.log("[DEBUG Klarna] FULLSCREEN OVERLAY HIDDEN");
+  });
   let selected = input.category ?? findPayNowCategory(input.categories) ?? input.categories[0]?.identifier ?? "pay_now";
+  if (typeof console !== "undefined") {
+    console.log("[VioKlarna] Received payment_method_categories from backend:", input.categories);
+    console.log("[VioKlarna] Selected initial payment_method_category:", selected);
+  }
+  const load = (category) => {
+    if (category) selected = category;
+    if (typeof console !== "undefined") {
+      console.log(
+        "[VioKlarna] Klarna.Payments.load calling with payment_method_category:",
+        selected,
+        "container:",
+        input.container
+      );
+    }
+    if (input.container && "innerHTML" in input.container) {
+      input.container.innerHTML = "";
+    }
+    return new Promise((resolve, reject) => {
+      try {
+        Klarna.Payments.load(
+          { container: input.container, payment_method_category: selected },
+          {},
+          (res) => {
+            if (typeof console !== "undefined") {
+              console.log(
+                "[VioKlarna] Klarna.Payments.load response for payment_method_category:",
+                selected,
+                res
+              );
+            }
+            if (res?.error) reject(res.error);
+            else resolve({ showForm: res?.show_form !== false });
+          }
+        );
+      } catch (err) {
+        reject(err);
+      }
+    });
+  };
   return {
     categories: input.categories,
     get selected() {
       return selected;
     },
-    load(category) {
-      if (category) selected = category;
-      return new Promise((resolve, reject) => {
-        try {
-          Klarna.Payments.load(
-            { container: input.container, payment_method_category: selected },
-            {},
-            (res) => {
-              if (res?.error) reject(res.error);
-              else resolve({ showForm: res?.show_form !== false });
-            }
-          );
-        } catch (err) {
-          reject(err);
-        }
-      });
-    },
-    authorize(data) {
+    load,
+    async authorize(category, data) {
+      const cat = category || selected;
+      if (typeof console !== "undefined") {
+        console.log("[DEBUG Klarna] BEFORE AUTHORIZE", {
+          argumentCategory: category,
+          argumentData: data,
+          selected,
+          resolvedCategory: cat
+        });
+      }
+      if (cat && cat !== selected) {
+        await load(cat);
+      }
+      const finalData = { payment_method_category: cat, ...data ?? {} };
+      if (typeof console !== "undefined") {
+        console.log("[DEBUG Klarna] FINAL AUTHORIZE", { cat, selected, finalData });
+      }
       return new Promise((resolve, reject) => {
         try {
+          if (typeof console !== "undefined") {
+            console.log("[DEBUG Klarna] ABOUT TO CALL AUTHORIZE");
+          }
           Klarna.Payments.authorize(
-            { payment_method_category: selected, auto_finalize: true },
-            data ?? {},
+            { payment_method_category: cat, auto_finalize: true },
+            finalData,
             (res) => {
+              if (typeof console !== "undefined") {
+                console.log("[DEBUG Klarna] RAW AUTHORIZE RESPONSE:", JSON.stringify(res, null, 2));
+              }
               if (res?.approved && res.authorization_token) {
                 resolve(res.authorization_token);
               } else if (res?.error) {
@@ -2403,6 +2490,9 @@ async function createKlarnaPaymentsWidget(input) {
               }
             }
           );
+          if (typeof console !== "undefined") {
+            console.log("[DEBUG Klarna] AUTHORIZE CALL RETURNED");
+          }
         } catch (err) {
           reject(err);
         }
@@ -2770,13 +2860,18 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   }
   /**
    * Real shipping options from the backend cart (per supplier), mapped to the
-   * KlarnaShippingOption shape (minor units). Empty array on failure — callers
-   * fall back to the static KLARNA_SHIPPING_OPTIONS.
+   * KlarnaShippingOption shape (minor units). Empty array on failure/no
+   * options — Klarna callers use that as-is (no static fallback anymore, see
+   * 2026-08-18: it only ever papered over a race, now fixed via
+   * `waitForCartMutations`). `KLARNA_SHIPPING_OPTIONS` is still used
+   * separately by Apple Pay's synchronous sheet setup, which can't await
+   * this at all.
    */
   async fetchAvailableShippings(sponsorId) {
     try {
       const spId = sponsorId ?? this.state?.sponsorId;
       if (!spId) return [];
+      await this.cartManager.waitForCartMutations(spId);
       const cart = this.cartManager.getCart(spId);
       let cartId = cart?.cartId;
       if (!cartId) {
@@ -3335,8 +3430,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   async mountKlarnaPayments(container, opts) {
     if (!this.state) throw new Error("[VioCheckout] no active checkout \u2014 call open() first");
     const sponsorId = this.state.sponsorId;
-    const fetchedShippings = await this.fetchAvailableShippings(sponsorId);
-    const shippings = fetchedShippings.length > 0 ? fetchedShippings : KLARNA_SHIPPING_OPTIONS;
+    const shippings = await this.fetchAvailableShippings(sponsorId);
     const { ctx } = opts?.withShipping ? this.buildKlarnaInstantContext(opts.shippingId, shippings) : { ctx: this.buildKlarnaPendingContext() };
     const selectedOpt = shippings.find((s) => s.id === opts?.shippingId) ?? shippings[0];
     if (selectedOpt?.id && selectedOpt?.supplierId) {
@@ -3396,6 +3490,12 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!nativeRes || !nativeRes.client_token) {
       throw new Error("Klarna session creation failed: missing client_token");
     }
+    if (typeof console !== "undefined") {
+      console.log(
+        "[VioCheckout] CreatePaymentKlarnaNative payment_method_categories:",
+        nativeRes.payment_method_categories
+      );
+    }
     if (nativeRes.checkout_id) {
       ctx.checkoutId = nativeRes.checkout_id;
       this.state = { ...this.state, checkoutId: nativeRes.checkout_id };
@@ -3421,9 +3521,15 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         return widget.selected;
       },
       load: (category) => widget.load(category),
-      authorize: async () => {
+      authorize: async (category) => {
         try {
-          const token = await widget.authorize();
+          const addr = buildKlarnaAddress(this.state?.address);
+          const customer = buildKlarnaCustomer(this.state?.address);
+          const authData = {
+            ...addr ? { billing_address: addr, shipping_address: addr } : {},
+            ...customer ? { customer } : {}
+          };
+          const token = await widget.authorize(category, authData);
           await this.completeKlarnaOrder(token, ctx, { authorizationToken: token });
         } catch (err) {
           if (typeof console !== "undefined") {
@@ -3451,7 +3557,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   /** Cart snapshot + chosen shipping line/amount, for express purchases. */
   buildKlarnaInstantContext(shippingId, availableShippings = []) {
     const base = this.buildKlarnaPendingContext();
-    const options = availableShippings.length > 0 ? availableShippings : KLARNA_SHIPPING_OPTIONS;
+    const options = availableShippings;
     const shipping = (shippingId ? options.find((o) => o.id === shippingId) : void 0) ?? options.find((o) => o.preselected) ?? options[0];
     const orderLines = [...base.orderLines];
     if (shipping) {
@@ -3483,8 +3589,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   async startKlarnaInstant() {
     if (!this.state) throw new Error("[VioCheckout] no active checkout \u2014 call open() first");
     const sponsorId = this.state.sponsorId;
-    const fetchedShippings = await this.fetchAvailableShippings(sponsorId);
-    const shippings = fetchedShippings.length > 0 ? fetchedShippings : KLARNA_SHIPPING_OPTIONS;
+    const shippings = await this.fetchAvailableShippings(sponsorId);
     const { ctx } = this.buildKlarnaInstantContext(void 0, shippings);
     let clientToken;
     let categories;
@@ -3744,6 +3849,498 @@ function toSmallestUnit(amount, currency) {
   return Math.round(amount * 100);
 }
 
+// src/core/version.ts
+var SDK_VERSION = "0.5.0";
+
+// src/core/analytics/analytics-manager.ts
+var SESSION_TTL_MS = 30 * 60 * 1e3;
+var FLUSH_INTERVAL_MS = 5e3;
+var FLUSH_AT_COUNT = 20;
+var MAX_QUEUE = 500;
+var RETRY_BACKOFF_MS = [2e3, 4e3, 8e3];
+var ANON_KEY = "vio.anon.v1";
+var SESSION_KEY = "vio.session.v1";
+var IMPRESSION_THRESHOLD = 0.5;
+var IMPRESSION_DWELL_MS = 1e3;
+var AnalyticsManager = class extends EventTarget {
+  constructor() {
+    super(...arguments);
+    this.started = false;
+    this.options = { host: "custom", collector: true, dataLayer: false, debug: false, autoTrack: true };
+    this.queue = [];
+    this.flushTimer = null;
+    this.retryAttempt = 0;
+    this.retryNotBefore = 0;
+    this.sessionId = null;
+    this.sessionStartedAt = 0;
+    /** Impression once-per-(session, component) guard; reset on session rotation. */
+    this.impressedComponents = /* @__PURE__ */ new Set();
+    /** Last NON-EMPTY cart snapshot — `purchase` uses it because several flows
+     * (Apple Pay) clear the cart BEFORE `vio:payment-success` fires. */
+    this.lastCartSnapshot = null;
+    this.teardown = [];
+  }
+  // MARK: - Public API
+  /**
+   * Install listeners + begin flushing. Explicit on purpose (no module
+   * side-effects). Safe to call twice (second call only updates options).
+   */
+  start(options = {}) {
+    this.options = {
+      host: options.host ?? this.options.host,
+      collector: options.collector ?? this.options.collector,
+      dataLayer: options.dataLayer ?? this.options.dataLayer,
+      debug: options.debug ?? this.options.debug,
+      autoTrack: options.autoTrack ?? this.options.autoTrack
+    };
+    if (this.started || !hasDom()) return;
+    this.started = true;
+    this.ensureSession();
+    this.flushTimer = setInterval(() => void this.flush(), FLUSH_INTERVAL_MS);
+    const onPageHide = () => {
+      this.trackSessionEnd();
+      this.flushWithBeacon();
+    };
+    window.addEventListener("pagehide", onPageHide);
+    this.teardown.push(() => window.removeEventListener("pagehide", onPageHide));
+    if (this.options.autoTrack) this.installAutoListeners();
+  }
+  /** Stop timers + listeners (tests / SPA unmount). Queue survives. */
+  stop() {
+    if (this.flushTimer) clearInterval(this.flushTimer);
+    this.flushTimer = null;
+    for (const fn of this.teardown.splice(0)) fn();
+    this.started = false;
+  }
+  /** Attach the partner's user id (opaque) to all subsequent events. */
+  identify(externalUserId) {
+    this.externalUserId = externalUserId ?? void 0;
+  }
+  /** Queue one event. Works pre-init and pre-start (SSR: no-op). */
+  track(name, opts = {}) {
+    if (!hasDom()) return;
+    const event = this.buildEvent(name, opts);
+    if (!event) return;
+    if (this.options.debug) {
+      console.debug("[Vio.analytics]", event.name, event);
+    }
+    try {
+      window.dispatchEvent(new CustomEvent("vio:analytics", { detail: event }));
+    } catch {
+    }
+    if (this.options.dataLayer) pushGa4(event);
+    this.queue.push(event);
+    if (this.queue.length > MAX_QUEUE) this.queue.splice(0, this.queue.length - MAX_QUEUE);
+    if (this.queue.length >= FLUSH_AT_COUNT) void this.flush();
+  }
+  /**
+   * Impression helper: observes an element and tracks ONE
+   * `component_impression` per (session, campaignComponentId) when the
+   * contract's rule is met (≥50% visible, ≥1s dwell). Returns an
+   * unobserve function.
+   */
+  observeImpression(element, context = {}, opts = {}) {
+    if (!hasDom() || typeof IntersectionObserver === "undefined") return () => {
+    };
+    const name = opts.name ?? "component_impression";
+    const dedupe = opts.key ?? String(
+      context.campaignComponentId ?? context.locationId ?? context.componentTemplateId ?? "component"
+    );
+    let dwellTimer = null;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting && entry.intersectionRatio >= IMPRESSION_THRESHOLD) {
+            if (dwellTimer) continue;
+            dwellTimer = setTimeout(() => {
+              const key = `${name}:${dedupe}`;
+              this.ensureSession();
+              if (this.impressedComponents.has(key)) return;
+              this.impressedComponents.add(key);
+              this.track(name, { context });
+              opts.onImpression?.();
+              observer.disconnect();
+            }, IMPRESSION_DWELL_MS);
+          } else if (dwellTimer) {
+            clearTimeout(dwellTimer);
+            dwellTimer = null;
+          }
+        }
+      },
+      { threshold: [IMPRESSION_THRESHOLD] }
+    );
+    observer.observe(element);
+    return () => {
+      if (dwellTimer) clearTimeout(dwellTimer);
+      observer.disconnect();
+    };
+  }
+  /** Force a flush (mostly for tests). */
+  async flush() {
+    if (!this.options.collector) {
+      this.queue = [];
+      return;
+    }
+    if (this.queue.length === 0) return;
+    if (!Configuration.isInitialized) return;
+    if (Date.now() < this.retryNotBefore) return;
+    const batch = this.queue.splice(0, MAX_QUEUE);
+    const body = JSON.stringify({
+      apiKey: Configuration.get().apiKey,
+      sent_at: (/* @__PURE__ */ new Date()).toISOString(),
+      events: batch
+    });
+    try {
+      const res = await fetch(`${eventsBase()}/v1/events`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body,
+        keepalive: batch.length <= 20
+        // keepalive caps payload at ~64KB
+      });
+      if (res.status === 401 || res.status === 400) {
+        console.warn(`[Vio.analytics] collector rejected batch (HTTP ${res.status}) \u2014 dropped`);
+        this.retryAttempt = 0;
+        return;
+      }
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      this.retryAttempt = 0;
+    } catch {
+      this.queue.unshift(...batch);
+      const backoff = RETRY_BACKOFF_MS[Math.min(this.retryAttempt, RETRY_BACKOFF_MS.length - 1)] ?? 8e3;
+      this.retryAttempt++;
+      this.retryNotBefore = Date.now() + backoff;
+    }
+  }
+  // MARK: - Internals
+  buildEvent(name, opts) {
+    this.ensureSession();
+    if (!this.sessionId) return null;
+    const anonId = this.anonId();
+    if (!anonId) return null;
+    const boot = vioBootstrapCache();
+    const ctx = opts.context ?? {};
+    const context = compact({
+      campaign_id: ctx.campaignId ?? boot?.campaignId,
+      broadcast_id: ctx.broadcastId,
+      campaign_component_id: ctx.campaignComponentId,
+      app_placement_id: ctx.appPlacementId,
+      location_id: ctx.locationId,
+      component_template_id: ctx.componentTemplateId,
+      sponsor_id: ctx.sponsorId,
+      activation_id: ctx.activationId,
+      content_url: ctx.contentUrl ?? (typeof location !== "undefined" ? location.href : void 0),
+      variant: ctx.variant
+    });
+    const com = opts.commerce;
+    const commerce = com ? compact({
+      items: com.items?.map(
+        (i) => compact({
+          product_id: String(i.productId),
+          name: i.name,
+          brand: i.brand,
+          variant_id: i.variantId !== void 0 ? String(i.variantId) : void 0,
+          price: i.price,
+          quantity: i.quantity
+        })
+      ),
+      value: com.value,
+      currency: com.currency,
+      order_id: com.orderId,
+      payment_method: com.paymentMethod
+    }) : void 0;
+    return {
+      event_id: uuid(),
+      name,
+      ts: (/* @__PURE__ */ new Date()).toISOString(),
+      surface: "web",
+      host: this.options.host,
+      sdk_version: SDK_VERSION,
+      session_id: this.sessionId,
+      anon_id: anonId,
+      ...this.externalUserId ? { external_user_id: this.externalUserId } : {},
+      ...Object.keys(context).length ? { context } : {},
+      ...commerce ? { commerce } : {},
+      ...opts.props ? { props: opts.props } : {}
+    };
+  }
+  anonId() {
+    const stored = safeStorageGet(ANON_KEY);
+    if (stored) return stored;
+    const id = `a-${uuid()}`;
+    safeStorageSet(ANON_KEY, id);
+    return safeStorageGet(ANON_KEY) ?? id;
+  }
+  /** Rolling session: renewed by activity, rotated after 30 min idle. */
+  ensureSession() {
+    const now = Date.now();
+    if (!this.sessionId) {
+      const stored = safeStorageGet(SESSION_KEY);
+      if (stored) {
+        try {
+          const parsed = JSON.parse(stored);
+          if (now - parsed.ts < SESSION_TTL_MS) {
+            this.sessionId = parsed.id;
+            this.sessionStartedAt = parsed.startedAt ?? now;
+          }
+        } catch {
+        }
+      }
+    } else {
+      const stored = safeStorageGet(SESSION_KEY);
+      if (stored) {
+        try {
+          if (now - JSON.parse(stored).ts >= SESSION_TTL_MS) {
+            this.sessionId = null;
+          }
+        } catch {
+          this.sessionId = null;
+        }
+      }
+    }
+    if (!this.sessionId) {
+      this.sessionId = `s-${uuid()}`;
+      this.sessionStartedAt = now;
+      this.impressedComponents.clear();
+      safeStorageSet(
+        SESSION_KEY,
+        JSON.stringify({ id: this.sessionId, ts: now, startedAt: now })
+      );
+      this.track("session_start");
+    } else {
+      safeStorageSet(
+        SESSION_KEY,
+        JSON.stringify({ id: this.sessionId, ts: now, startedAt: this.sessionStartedAt })
+      );
+    }
+  }
+  trackSessionEnd() {
+    if (!this.sessionId) return;
+    this.track("session_end", {
+      props: { duration_ms: Date.now() - this.sessionStartedAt }
+    });
+  }
+  flushWithBeacon() {
+    if (!this.options.collector || this.queue.length === 0) return;
+    if (!Configuration.isInitialized) return;
+    const batch = this.queue.splice(0, MAX_QUEUE);
+    const body = JSON.stringify({
+      apiKey: Configuration.get().apiKey,
+      sent_at: (/* @__PURE__ */ new Date()).toISOString(),
+      events: batch
+    });
+    const ok = typeof navigator !== "undefined" && typeof navigator.sendBeacon === "function" && navigator.sendBeacon(`${eventsBase()}/v1/events`, new Blob([body], { type: "text/plain" }));
+    if (!ok) this.queue.unshift(...batch);
+  }
+  /**
+   * Auto-instrumentation over the SDK's own DOM events — the host app
+   * writes ZERO tracking code for the commerce funnel.
+   */
+  installAutoListeners() {
+    const on = (type, handler) => {
+      window.addEventListener(type, handler);
+      this.teardown.push(() => window.removeEventListener(type, handler));
+    };
+    const cart = vioCart();
+    if (cart) {
+      const onChange = (ev) => {
+        const detail = ev.detail;
+        if (!detail) return;
+        const items = [];
+        detail.cartsBySponsor?.forEach((state) => items.push(...state.items));
+        if (items.length > 0) {
+          this.lastCartSnapshot = { items: items.map((i) => ({ ...i })), currency: items[0]?.currency };
+        }
+      };
+      cart.addEventListener("change", onChange);
+      this.teardown.push(() => cart.removeEventListener("change", onChange));
+    }
+    on("vio:added-to-cart", (ev) => {
+      const d = ev.detail ?? {};
+      const line = this.findLine(d.productId, d.variantId);
+      this.track("add_to_cart", {
+        context: { sponsorId: d.sponsorId !== void 0 ? Number(d.sponsorId) : void 0 },
+        commerce: {
+          items: [
+            {
+              productId: d.productId ?? line?.productId ?? "",
+              name: line?.name,
+              brand: line?.brand,
+              variantId: d.variantId ?? line?.variantId,
+              price: line?.unitPrice,
+              quantity: d.quantity ?? 1
+            }
+          ],
+          value: line ? line.unitPrice * (d.quantity ?? 1) : void 0,
+          currency: line?.currency
+        }
+      });
+    });
+    on("vio:product-click", (ev) => {
+      const d = ev.detail ?? {};
+      if (d.productId === void 0) return;
+      const price = Number(d.price);
+      this.track("select_item", {
+        context: { sponsorId: d.sponsorId !== void 0 ? Number(d.sponsorId) : void 0 },
+        commerce: {
+          items: [
+            {
+              productId: d.productId,
+              name: d.name,
+              brand: d.brand,
+              price: Number.isFinite(price) ? price : void 0
+            }
+          ]
+        }
+      });
+    });
+    on("vio:open-cart", () => {
+      const snap = this.cartCommerce();
+      this.track("view_cart", snap ? { commerce: snap } : {});
+    });
+    on("vio:checkout-open", (ev) => {
+      const d = ev.detail ?? {};
+      const snap = this.cartCommerce(d.sponsorId);
+      this.track("begin_checkout", {
+        context: { sponsorId: d.sponsorId },
+        ...snap ? { commerce: snap } : {}
+      });
+    });
+    on("vio:payment-success", (ev) => {
+      const d = ev.detail ?? {};
+      const sponsorId = d.sponsorId !== void 0 ? Number(d.sponsorId) : void 0;
+      const snap = this.cartCommerce(sponsorId);
+      this.track("purchase", {
+        context: { sponsorId },
+        commerce: {
+          ...snap ?? {},
+          orderId: d.orderId,
+          paymentMethod: d.method
+        }
+      });
+    });
+  }
+  /** Current cart → commerce payload; falls back to the pre-clear snapshot. */
+  cartCommerce(sponsorId) {
+    let items = [];
+    const cart = vioCart();
+    if (cart) {
+      cart.getAllCarts().forEach((state, id) => {
+        if (sponsorId === void 0 || id === sponsorId) items.push(...state.items);
+      });
+    }
+    if (items.length === 0 && this.lastCartSnapshot) {
+      items = this.lastCartSnapshot.items.filter(
+        (i) => sponsorId === void 0 || i.sponsorId === sponsorId
+      );
+    }
+    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
+      })),
+      value: items.reduce((sum, i) => sum + i.unitPrice * (i.quantity ?? 1), 0),
+      currency: items[0]?.currency ?? this.lastCartSnapshot?.currency
+    };
+  }
+  findLine(productId, variantId) {
+    const pool = [];
+    vioCart()?.getAllCarts().forEach((state) => pool.push(...state.items));
+    if (pool.length === 0 && this.lastCartSnapshot) pool.push(...this.lastCartSnapshot.items);
+    return pool.find(
+      (i) => String(i.productId) === String(productId) && (variantId === void 0 || String(i.variantId) === String(variantId))
+    );
+  }
+};
+function hasDom() {
+  return typeof window !== "undefined";
+}
+function uuid() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    return (c === "x" ? r : r & 3 | 8).toString(16);
+  });
+}
+function safeStorageGet(key) {
+  try {
+    return window.localStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function safeStorageSet(key, value) {
+  try {
+    window.localStorage.setItem(key, value);
+  } catch {
+  }
+}
+function compact(obj) {
+  const out = {};
+  for (const [k, v] of Object.entries(obj)) {
+    if (v !== void 0 && v !== null && v !== "") out[k] = v;
+  }
+  return out;
+}
+function eventsBase() {
+  return Configuration.get().eventsBase;
+}
+function vioFacade() {
+  const g = globalThis;
+  return g.__VIO_FACADE__ ?? null;
+}
+function vioBootstrapCache() {
+  return vioFacade()?.bootstrapCache ?? null;
+}
+function vioCart() {
+  try {
+    return vioFacade()?.cart ?? null;
+  } catch {
+    return null;
+  }
+}
+function pushGa4(event) {
+  const commerceNames = /* @__PURE__ */ new Set([
+    "view_item_list",
+    "select_item",
+    "view_item",
+    "add_to_cart",
+    "view_cart",
+    "begin_checkout",
+    "purchase"
+  ]);
+  if (!commerceNames.has(event.name)) return;
+  const w = window;
+  w.dataLayer = w.dataLayer || [];
+  const commerce = event.commerce ?? {};
+  w.dataLayer.push({ ecommerce: null });
+  w.dataLayer.push({
+    event: event.name,
+    ecommerce: compact({
+      currency: commerce.currency,
+      value: commerce.value,
+      transaction_id: commerce.order_id,
+      items: commerce.items?.map(
+        (i) => compact({
+          item_id: i.product_id,
+          item_name: i.name,
+          item_brand: i.brand,
+          item_variant: i.variant_id,
+          price: i.price,
+          quantity: i.quantity
+        })
+      )
+    })
+  });
+}
+
 // src/core/client.ts
 var VioFacade = class {
   constructor() {
@@ -3758,6 +4355,7 @@ var VioFacade = class {
     // need Vio.init() to work (state is purely local).
     this.cartManager = null;
     this.checkoutManager = null;
+    this.analyticsManager = null;
   }
   init(config) {
     Configuration.init(config);
@@ -3785,6 +4383,14 @@ var VioFacade = class {
     if (!this.checkoutManager) this.checkoutManager = new CheckoutManager(this.cart);
     return this.checkoutManager;
   }
+  /**
+   * Analytics — track() queues even pre-init; nothing is sent (and no
+   * listeners are installed) until an explicit `Vio.analytics.start()`.
+   */
+  get analytics() {
+    if (!this.analyticsManager) this.analyticsManager = new AnalyticsManager();
+    return this.analyticsManager;
+  }
   // MARK: - Backend-bound
   /** Lazy VioApi for REST endpoints on `api-dev.vio.live`. */
   get api() {
@@ -3854,6 +4460,6 @@ var VioFacade = class {
 var _vioGlobal = globalThis;
 var Vio = _vioGlobal.__VIO_FACADE__ ?? (_vioGlobal.__VIO_FACADE__ = new VioFacade());
 
-export { ADD_ITEM_MUTATION, CREATE_CART_MUTATION, CREATE_CHECKOUT_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, KLARNA_SHIPPING_OPTIONS, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, __decorateClass, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier };
-//# sourceMappingURL=chunk-NP2KCM7X.js.map
-//# sourceMappingURL=chunk-NP2KCM7X.js.map
+export { ADD_ITEM_MUTATION, AnalyticsManager, CREATE_CART_MUTATION, CREATE_CHECKOUT_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, SDK_VERSION, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, __decorateClass, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier };
+//# sourceMappingURL=chunk-HNQG56SD.js.map
+//# sourceMappingURL=chunk-HNQG56SD.js.map