@vio-live/web-sdk 0.27.0 → 0.29.0

package/dist/{chunk-HJRIPCWB.js → chunk-AG4G2S2M.js}

@@ -2214,7 +2214,36 @@ var CartManager = class extends EventTarget {
     /** 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();
+    /**
+     * Another tab of the site wrote the carts: adopt what it wrote, sponsor by
+     * sponsor — its lines and its backend cart id, or nothing when it cleared
+     * the cart (a payment) — except for a sponsor this tab is mid-write for:
+     * its own answer lands in a moment and is persisted then, over whatever
+     * the other tab had. `key` is null when the other tab cleared the whole
+     * storage. Says `change` (the drawer) and `vio:cart-updated` per sponsor
+     * that changed (`source: 'storage'`); nothing when nothing did.
+     */
+    this.onStorage = (e) => {
+      if (e.key !== null && e.key !== STORAGE_KEY) return;
+      const stored = this.loadFromStorage();
+      const changed = [];
+      for (const sponsorId of /* @__PURE__ */ new Set([...this.cartsBySponsor.keys(), ...stored.keys()])) {
+        if (this.hasMutationsInFlight(sponsorId) || this.cartIdPromises.has(sponsorId)) continue;
+        const mine = this.cartsBySponsor.get(sponsorId);
+        const theirs = stored.get(sponsorId);
+        if (JSON.stringify(mine ?? null) === JSON.stringify(theirs ?? null)) continue;
+        if (theirs) this.cartsBySponsor.set(sponsorId, theirs);
+        else this.cartsBySponsor.delete(sponsorId);
+        changed.push(sponsorId);
+      }
+      if (changed.length === 0) return;
+      this.emit();
+      for (const sponsorId of changed) this.emitCartUpdated(sponsorId, "storage");
+    };
     this.cartsBySponsor = this.loadFromStorage();
+    if (typeof window !== "undefined" && typeof window.addEventListener === "function") {
+      window.addEventListener("storage", this.onStorage);
+    }
   }
   nextSeq(sponsorId) {
     const n = (this.mutationSeq.get(sponsorId) ?? 0) + 1;
@@ -2374,6 +2403,9 @@ var CartManager = class extends EventTarget {
    * Overwrite local cart state with the backend cart response (source of
    * truth). `opts.settling` is the mutation whose answer this is: it does not
    * count as "in flight" for the origins (see `hasMutationsInFlight`).
+   * `opts.authoritative` is a GetCart taken with nothing of this tab's in
+   * flight (`refreshFromServer`): an empty answer then means the cart IS
+   * empty, and the local lines go — not an add still on its way.
    */
   updateFromBackendCart(sponsorId, backendCart, opts = {}) {
     const cart = this.cartsBySponsor.get(sponsorId);
@@ -2389,7 +2421,7 @@ var CartManager = class extends EventTarget {
     const removedBeforeSync = [];
     if (Array.isArray(backendCart.line_items)) {
       const existingItems = cart.items || [];
-      if (backendCart.line_items.length === 0 && existingItems.length > 0) {
+      if (backendCart.line_items.length === 0 && existingItems.length > 0 && !opts.authoritative) {
         this.persist();
         this.emit();
         return;
@@ -2743,6 +2775,60 @@ var CartManager = class extends EventTarget {
     if (resCart) this.updateFromBackendCart(sponsorId, resCart);
     return resCart;
   }
+  /**
+   * The cart as the server has it, for the moment a checkout is about to be
+   * built on it: what the shopper is about to pay must be what the page shows.
+   * Waits for this tab's own mutations (their answers are the server's too),
+   * then applies GetCart as it is — a line another tab added, one it removed,
+   * an empty cart — and tells the page: `change` for the drawer, and
+   * `vio:cart-updated` on `document` (`source: 'server'`) for a host that
+   * draws its own. A mutation that starts while the server is answering makes
+   * that answer old: it is asked once more. Nothing to ask without a backend
+   * cart. A GetCart that fails leaves the local state as it was and does not
+   * throw — the checkout then goes on with the lines the last mutation
+   * answered, as it always did. Resolves with the sponsor's cart.
+   */
+  async refreshFromServer(sponsorId) {
+    for (let attempt = 0; attempt < 2; attempt++) {
+      await this.waitForCartMutations(sponsorId);
+      const cart = this.cartsBySponsor.get(sponsorId);
+      if (!cart?.cartId) return cart;
+      let resCart;
+      try {
+        const gqlOpts = await getCartGraphQLOptions(sponsorId);
+        resCart = await getCart(cart.cartId, gqlOpts);
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn("[CartManager] GetCart before the checkout failed \u2014 the local cart stands", err);
+        }
+        return cart;
+      }
+      if (this.hasMutationsInFlight(sponsorId)) continue;
+      const backendCart = resCart;
+      if (backendCart && Array.isArray(backendCart.line_items)) {
+        this.updateFromBackendCart(sponsorId, backendCart, { authoritative: true });
+        this.emitCartUpdated(sponsorId, "server");
+      }
+      return this.cartsBySponsor.get(sponsorId);
+    }
+    return this.cartsBySponsor.get(sponsorId);
+  }
+  /** `vio:cart-updated` on `document` — see `CartUpdatedDetail`. */
+  emitCartUpdated(sponsorId, source) {
+    if (typeof document === "undefined") return;
+    const cart = this.cartsBySponsor.get(sponsorId);
+    const items = (cart?.items ?? []).map((item) => ({ ...item }));
+    const detail = {
+      sponsorId,
+      cartId: cart?.cartId,
+      items,
+      itemCount: items.reduce((count, item) => count + item.quantity, 0),
+      subtotal: items.reduce((sum, item) => sum + item.unitPrice * item.quantity, 0),
+      currency: cart?.currency || getGlobalCurrency(),
+      source
+    };
+    document.dispatchEvent(new CustomEvent("vio:cart-updated", { bubbles: true, detail }));
+  }
   /** Line items grouped by supplier (shipping is per-supplier server-side). */
   async fetchLineItemsBySupplier(sponsorId) {
     const cart = this.cartsBySponsor.get(sponsorId);
@@ -2930,6 +3016,15 @@ function urlOrNull(value) {
   const v = value.trim();
   return v ? v : null;
 }
+function pageUrlOrNull(value) {
+  const v = urlOrNull(value);
+  if (!v) return null;
+  try {
+    return new URL(v).protocol === "https:" ? v : null;
+  } catch {
+    return null;
+  }
+}
 function nameOf(value) {
   return typeof value === "string" ? value.trim() : "";
 }
@@ -2958,7 +3053,16 @@ function sponsorIdentityFrom(boot, sponsorId) {
     const name = nameOf(sponsor.name);
     const logoUrl = urlOrNull(sponsor.logoUrl);
     if (!name && !logoUrl) return null;
-    return { id, name, logoUrl, avatarUrl: urlOrNull(sponsor.avatarUrl) };
+    const termsUrl = pageUrlOrNull(sponsor.termsUrl);
+    const refundPolicyUrl = pageUrlOrNull(sponsor.refundPolicyUrl);
+    return {
+      id,
+      name,
+      logoUrl,
+      avatarUrl: urlOrNull(sponsor.avatarUrl),
+      ...termsUrl ? { termsUrl } : {},
+      ...refundPolicyUrl ? { refundPolicyUrl } : {}
+    };
   } catch {
     return null;
   }
@@ -3249,7 +3353,7 @@ async function prepareApplePay(config) {
 }
 
 // src/core/version.ts
-var SDK_VERSION = "0.27.0";
+var SDK_VERSION = "0.29.0";
 
 // src/core/checkout/payments/stripe-embedded.ts
 var CREATE_PAYMENT_INTENT_STRIPE_MUTATION = `
@@ -4711,6 +4815,11 @@ function adyenReturnUrl(params) {
   bare.search = "";
   return build(bare);
 }
+function paymentMethodName(method) {
+  if (typeof method !== "string") return void 0;
+  const name = method.trim().toLowerCase().replace(/\s+/g, "-");
+  return name || void 0;
+}
 function resolveHttpsReturnUrl(overrideUrl, params = null) {
   let url = overrideUrl ?? void 0;
   if (!url && typeof window !== "undefined" && window.location) {
@@ -4753,6 +4862,8 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     this.currentStateValue = null;
     /** The last checkout + identity written to the memory — the state is set on every keystroke of the form. */
     this.lastRememberedSponsor = "";
+    /** Backend checkouts this page load announced with `vio:checkout-created`: one event each. */
+    this.announcedCheckouts = /* @__PURE__ */ new Set();
     /** Counts `open()` calls — see CheckoutState.session. */
     this.sessionSeq = 0;
     this.applePayAvailableCache = null;
@@ -4791,10 +4902,15 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     this.paymentMethodsCache = /* @__PURE__ */ new Map();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     this.paymentMethodsPromises = /* @__PURE__ */ new Map();
+    /** What the open checkout's cart looked like when it was last emitted. */
+    this.lastCartSignature = null;
     /** In-flight `getOrderReference` per checkout id (see there). */
     this.referenceInFlight = /* @__PURE__ */ new Map();
     this.kustomController = null;
     preloadStripeJs();
+    if (typeof cartManager.addEventListener === "function") {
+      cartManager.addEventListener("change", () => this.onCartChange());
+    }
   }
   /**
    * Every write of the state goes through here: a state that names its
@@ -4808,6 +4924,21 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     this.currentStateValue = next;
     if (next?.checkoutId && next.sponsorId) this.rememberSponsorOfCheckout(next.checkoutId, next.sponsorId);
   }
+  /** The open checkout's lines as a signature, to tell a real change from an echo. */
+  cartSignature(sponsorId) {
+    return (this.cartManager.getCart(sponsorId)?.items ?? []).map((i) => `${i.productId}:${i.variantId ?? ""}:${i.quantity}:${i.unitPrice}`).join("|");
+  }
+  /** The open checkout follows its cart: subtotal recomputed and `change` said when the lines differ. */
+  onCartChange() {
+    const state = this.state;
+    if (!state) return;
+    const subtotal = this.cartManager.subtotalForSponsor(state.sponsorId);
+    const signature = this.cartSignature(state.sponsorId);
+    if (subtotal === state.subtotal && signature === this.lastCartSignature) return;
+    this.lastCartSignature = signature;
+    this.state = { ...state, subtotal };
+    this.emit();
+  }
   open(sponsorId) {
     const cart = this.cartManager.getCart(sponsorId);
     if (!cart || cart.items.length === 0) {
@@ -4821,6 +4952,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
       // the host may have switched currency since the cart was created.
       currency: getGlobalCurrency()
     };
+    this.lastCartSignature = this.cartSignature(sponsorId);
     this.emit();
     return this.state;
   }
@@ -4845,9 +4977,15 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
       return void 0;
     }
   }
-  /** Create the backend checkout for the sponsor's cart (auto-accepts terms); born attributed when the facade knows the attribution. */
-  async createCheckout(sponsorId) {
+  /**
+   * Create the backend checkout for the sponsor's cart (auto-accepts terms);
+   * born attributed when the facade knows the attribution. `paymentMethod` is
+   * the method it is created to pay with, when the caller knows it (else the
+   * state's): it goes on `vio:checkout-created`.
+   */
+  async createCheckout(sponsorId, paymentMethod) {
     await this.cartManager.waitForCartMutations(sponsorId);
+    await this.cartManager.refreshFromServer(sponsorId);
     const cart = this.cartManager.getCart(sponsorId);
     let cartId = cart?.cartId;
     if (!cartId) {
@@ -4867,6 +5005,9 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         checkout
       };
       this.emit();
+      this.announceCheckout(checkout.id, sponsorId, paymentMethod ?? this.state?.paymentMethod, {
+        campaignId: attribution?.campaign_id
+      });
       try {
         const updated = await updateCheckout(
           {
@@ -4889,6 +5030,35 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     }
     return checkout;
   }
+  /**
+   * `vio:checkout-created` on `window` — `{ sponsorId, checkoutId,
+   * paymentMethod, campaignId?, redirect }` — the moment a backend checkout
+   * exists for a payment, before anything is asked of the provider. Analytics
+   * answers it with `add_payment_info` (ADR-0039: the one link from the
+   * order Commerce confirms back to this browser's session); `redirect: true`
+   * when the page is about to leave for the provider. Once per checkout per
+   * page load; never throws.
+   */
+  announceCheckout(checkoutId, sponsorId, paymentMethod, opts = {}) {
+    if (!checkoutId || this.announcedCheckouts.has(checkoutId)) return;
+    this.announcedCheckouts.add(checkoutId);
+    if (typeof window === "undefined" || typeof window.dispatchEvent !== "function") return;
+    const method = paymentMethodName(paymentMethod);
+    try {
+      window.dispatchEvent(
+        new CustomEvent("vio:checkout-created", {
+          detail: {
+            sponsorId,
+            checkoutId,
+            ...method ? { paymentMethod: method } : {},
+            ...typeof opts.campaignId === "number" ? { campaignId: opts.campaignId } : {},
+            redirect: opts.redirect === true
+          }
+        })
+      );
+    } catch {
+    }
+  }
   /** 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;
@@ -5118,10 +5288,11 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
    * backend cart + checkout exist, push email/address onto the checkout, and
    * return everything the payment mutation needs.
    */
-  async prepareRedirectPayment(sponsorId, formData, extraUpdateVars = {}) {
+  async prepareRedirectPayment(sponsorId, formData, extraUpdateVars = {}, leaving = false) {
     const spId = sponsorId ?? this.state?.sponsorId;
     if (!spId) throw new Error("[CheckoutManager] no sponsor for payment");
     await this.cartManager.waitForCartMutations(spId);
+    await this.cartManager.refreshFromServer(spId);
     const cart = this.cartManager.getCart(spId);
     let cartId = cart?.cartId;
     if (!cartId) {
@@ -5136,6 +5307,10 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!checkoutId) {
       const checkoutRes = attribution ? await createCheckout(cartId, opts, { attribution }) : await createCheckout(cartId, opts);
       checkoutId = checkoutRes?.id;
+      this.announceCheckout(checkoutId, spId, String(extraUpdateVars.paymentMethod ?? "") || this.state?.paymentMethod, {
+        redirect: leaving,
+        campaignId: attribution?.campaign_id
+      });
     }
     if (!checkoutId) {
       throw new Error("[CheckoutManager] no backend checkout \u2014 cannot start the payment");
@@ -5204,7 +5379,8 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const { spId, checkoutId, emailVal, opts } = await this.prepareRedirectPayment(
       sponsorId,
       formData,
-      { paymentMethod: "Stripe" }
+      { paymentMethod: "Stripe" },
+      true
     );
     const successUrl = resolveHttpsReturnUrl(null, {
       vio_payment: "success",
@@ -5243,7 +5419,8 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const { spId, checkoutId, emailVal, opts } = await this.prepareRedirectPayment(
       sponsorId,
       formData,
-      { paymentMethod: "Vipps" }
+      { paymentMethod: "Vipps" },
+      true
     );
     const returnUrl = resolveHttpsReturnUrl(null, {
       vio_payment: "success",
@@ -5300,7 +5477,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const opts = await getCartGraphQLOptions(spId);
     let checkoutId = this.state?.checkoutId;
     if (!checkoutId) {
-      const checkoutRes = await this.createCheckout(spId);
+      const checkoutRes = await this.createCheckout(spId, "kustom");
       checkoutId = checkoutRes?.id;
       if (checkoutId && this.state) {
         this.state = { ...this.state, checkoutId };
@@ -5376,7 +5553,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const opts = await getCartGraphQLOptions(spId);
     let checkoutId = this.state?.checkoutId;
     if (!checkoutId) {
-      const checkoutRes = await this.createCheckout(spId);
+      const checkoutRes = await this.createCheckout(spId, "qliro");
       checkoutId = checkoutRes?.id;
       if (checkoutId && this.state) {
         this.state = { ...this.state, checkoutId };
@@ -5464,7 +5641,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const opts = await getCartGraphQLOptions(spId);
     let checkoutId = this.state?.checkoutId;
     if (!checkoutId) {
-      const checkoutRes = await this.createCheckout(spId);
+      const checkoutRes = await this.createCheckout(spId, "walley");
       checkoutId = checkoutRes?.id;
       if (checkoutId && this.state) {
         this.state = { ...this.state, checkoutId };
@@ -5533,7 +5710,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
       if (this.state) this.state = { ...this.state, checkoutId };
     }
     if (!checkoutId) {
-      const checkoutRes = await this.createCheckout(spId);
+      const checkoutRes = await this.createCheckout(spId, "nexi");
       checkoutId = checkoutRes?.id;
       if (checkoutId && this.state) {
         this.state = { ...this.state, checkoutId };
@@ -6098,7 +6275,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     return async (raw) => {
       let checkoutId = this.state?.checkoutId;
       if (!checkoutId) {
-        const created = await this.createCheckout(spId);
+        const created = await this.createCheckout(spId, "apple-pay");
         checkoutId = created?.id ?? this.state?.checkoutId;
       }
       if (!checkoutId) {
@@ -6150,7 +6327,12 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         );
       }
       const buyerRef = normalizeBuyerRef(confirmRes?.[BUYER_REF_FIELD]);
-      return { orderId: confirmRes?.order_id, status: confirmRes?.status, ...buyerRef ? { buyerRef } : {} };
+      return {
+        orderId: confirmRes?.order_id,
+        status: confirmRes?.status,
+        checkoutId,
+        ...buyerRef ? { buyerRef } : {}
+      };
     };
   }
   static {
@@ -6325,7 +6507,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     }
     let checkoutId = ctx.checkoutId ?? this.state.checkoutId;
     try {
-      const checkoutRes = await this.createCheckout(sponsorId);
+      const checkoutRes = await this.createCheckout(sponsorId, "klarna");
       if (checkoutRes?.id) {
         checkoutId = checkoutRes.id;
         ctx.checkoutId = checkoutRes.id;
@@ -6377,6 +6559,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (nativeRes.checkout_id) {
       ctx.checkoutId = nativeRes.checkout_id;
       this.state = { ...this.state, checkoutId: nativeRes.checkout_id };
+      this.announceCheckout(nativeRes.checkout_id, sponsorId, "klarna");
     }
     if (nativeRes.session_id) {
       ctx.sessionId = nativeRes.session_id;
@@ -6474,7 +6657,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     try {
       let checkoutId = ctx.checkoutId ?? this.state.checkoutId;
       try {
-        const checkoutRes = await this.createCheckout(sponsorId);
+        const checkoutRes = await this.createCheckout(sponsorId, "klarna");
         if (checkoutRes?.id) {
           checkoutId = checkoutRes.id;
           ctx.checkoutId = checkoutRes.id;
@@ -6520,6 +6703,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
       if (nativeRes.checkout_id) {
         ctx.checkoutId = nativeRes.checkout_id;
         this.state = { ...this.state, checkoutId: nativeRes.checkout_id };
+        this.announceCheckout(nativeRes.checkout_id, sponsorId, "klarna");
       }
       if (nativeRes.session_id) {
         ctx.sessionId = nativeRes.session_id;
@@ -6979,6 +7163,8 @@ function hasExplicitCampaign(lines) {
 }
 
 // src/core/analytics/analytics-manager.ts
+var ORDER_NUMBER_BACKOFF_MS = [500, 1e3, 2e3, 3e3, 3e3];
+var ORDER_NUMBER_MAX_WAIT_MS = 1e4;
 var SESSION_TTL_MS = 30 * 60 * 1e3;
 var FLUSH_INTERVAL_MS = 5e3;
 var FLUSH_AT_COUNT = 20;
@@ -7013,6 +7199,14 @@ var AnalyticsManager = class extends EventTarget {
     this.client = null;
     /** The landing it was read from — persisted later when consent arrives after the first event. */
     this.landing = null;
+    /** Checkouts (`c:<id>`) and orders (`o:<number>`) this page load reported a `purchase` for: one each. */
+    this.purchased = /* @__PURE__ */ new Set();
+    /** Checkouts this page load reported an `add_payment_info` for: one each. */
+    this.paymentInfoReported = /* @__PURE__ */ new Set();
+    /** Purchases still waiting for Vio's order number: each sends at once, with what it has, when called. */
+    this.pendingPurchases = /* @__PURE__ */ new Set();
+    /** Between `pagehide` and `pageshow` (bfcache): nothing waits, it all goes out now. */
+    this.pageHiding = false;
     this.teardown = [];
   }
   /** The landing this manager resolved on this page load (the first event's), or null before it; read only — for the order's entry context when nothing is stored yet. */
@@ -7062,15 +7256,32 @@ var AnalyticsManager = class extends EventTarget {
     this.ensureSession();
     this.flushTimer = setInterval(() => void this.flush(), FLUSH_INTERVAL_MS);
     const onPageHide = () => {
+      this.pageHiding = true;
+      this.settlePendingPurchases();
       this.trackSessionEnd();
       this.flushWithBeacon();
     };
+    const onPageShow = () => {
+      this.pageHiding = false;
+    };
     window.addEventListener("pagehide", onPageHide);
+    window.addEventListener("pageshow", onPageShow);
     this.teardown.push(() => window.removeEventListener("pagehide", onPageHide));
+    this.teardown.push(() => window.removeEventListener("pageshow", onPageShow));
+    if (typeof document !== "undefined" && typeof document.addEventListener === "function") {
+      const onVisibility = () => {
+        if (document.visibilityState !== "hidden") return;
+        this.settlePendingPurchases();
+        this.flushWithBeacon();
+      };
+      document.addEventListener("visibilitychange", onVisibility);
+      this.teardown.push(() => document.removeEventListener("visibilitychange", onVisibility));
+    }
     if (this.options.autoTrack) this.installAutoListeners();
   }
-  /** Stop timers + listeners (tests / SPA unmount). Queue survives. */
+  /** Stop timers + listeners (tests / SPA unmount). Queue survives — a purchase still waiting for its order number joins it now. */
   stop() {
+    this.settlePendingPurchases();
     if (this.flushTimer) clearInterval(this.flushTimer);
     this.flushTimer = null;
     for (const fn of this.teardown.splice(0)) fn();
@@ -7083,7 +7294,10 @@ var AnalyticsManager = class extends EventTarget {
   /** Queue one event. Works pre-init and pre-start (SSR: no-op). */
   track(name, opts = {}) {
     if (!hasDom()) return;
-    const event = this.buildEvent(name, opts);
+    this.record(this.buildEvent(name, opts));
+  }
+  /** The sinks and the queue for one built event — `track`'s second half. */
+  record(event) {
     if (!event) return;
     if (this.options.debug) {
       console.debug("[Vio.analytics]", event.name, event);
@@ -7230,6 +7444,8 @@ var AnalyticsManager = class extends EventTarget {
       value: com.value,
       currency: com.currency,
       order_id: com.orderId,
+      // A uuid always fits; anything over the collector's 128 is left out, not cut.
+      checkout_id: fitsId(com.checkoutId),
       payment_method: com.paymentMethod,
       // Only a reference survives — never an email, whatever a host passes —
       // and only with consent to persist: a visit measured with ephemeral
@@ -7467,34 +7683,173 @@ var AnalyticsManager = class extends EventTarget {
         ...snap || buyerId !== void 0 ? { commerce: { ...snap ?? {}, ...buyer } } : {}
       });
     });
-    on("vio:payment-success", (ev) => {
+    on("vio:checkout-created", (ev) => {
       const d = ev.detail ?? {};
-      const sponsorId = d.sponsorId !== void 0 ? Number(d.sponsorId) : void 0;
+      const checkoutId = firstId(d.checkoutId);
+      if (!checkoutId || this.paymentInfoReported.has(checkoutId)) return;
+      this.paymentInfoReported.add(checkoutId);
+      const sponsorId = toNumber(d.sponsorId);
       const base = { sponsorId, campaignId: campaignOf(d), slot: slotOf(d), ...contentOf(d) };
+      const payment = {
+        checkoutId,
+        ...typeof d.paymentMethod === "string" && d.paymentMethod ? { paymentMethod: d.paymentMethod } : {}
+      };
       const { slices, explicit } = this.cartSlices(sponsorId);
       if (slices.length > 1) {
         for (const slice of slices) {
-          this.track("purchase", {
+          this.track("add_payment_info", {
             context: this.sliceContext(slice, base),
-            commerce: { ...sliceCommerce(slice), ...purchaseFromPaymentSuccess(d), paymentMethod: d.method },
+            commerce: { ...sliceCommerce(slice), ...payment },
             props: { slice: slice.slice, slices: slice.slices }
           });
         }
-        return;
+      } else {
+        this.track("add_payment_info", {
+          context: this.singleSliceContext(slices[0], explicit, base),
+          commerce: { ...this.cartCommerce(sponsorId) ?? {}, ...payment }
+        });
       }
-      const snap = this.cartCommerce(sponsorId);
-      this.track("purchase", {
-        context: this.singleSliceContext(slices[0], explicit, base),
-        commerce: {
+      if (d.redirect === true) this.flushWithBeacon();
+    });
+    on("vio:payment-success", (ev) => {
+      const d = ev.detail ?? {};
+      const ids = purchaseIdsOf(d);
+      if (!this.claimPurchase(ids)) return;
+      const sponsorId = d.sponsorId !== void 0 ? Number(d.sponsorId) : void 0;
+      const base = { sponsorId, campaignId: campaignOf(d), slot: slotOf(d), ...contentOf(d) };
+      const { slices, explicit } = this.cartSlices(sponsorId);
+      const parts = slices.length > 1 ? (
+        // Several campaigns paid in one go: one purchase per campaign — its
+        // items and value, the SAME order_id — so each campaign's revenue is
+        // its own and the order still adds up. `props.slice/slices` lets the
+        // collector count the order once.
+        slices.map((slice) => ({
+          context: this.sliceContext(slice, base),
+          commerce: { ...sliceCommerce(slice), paymentMethod: d.method },
+          props: { slice: slice.slice, slices: slice.slices }
+        }))
+      ) : [
+        {
+          context: this.singleSliceContext(slices[0], explicit, base),
           // value / currency / items: the cart snapshot, on every path.
-          ...snap ?? {},
-          // order_id: Vio's id for the purchase (never the provider's).
-          ...purchaseFromPaymentSuccess(d),
-          paymentMethod: d.method
+          commerce: { ...this.cartCommerce(sponsorId) ?? {}, paymentMethod: d.method }
         }
-      });
+      ];
+      this.reportPurchase(parts, ids, buyerRefOf(d), sponsorId);
     });
   }
+  /**
+   * Claims the purchase of a payment for this page load: false when its
+   * checkout (or its order) already has one, reported or waiting.
+   */
+  claimPurchase(ids) {
+    const keys = [];
+    if (ids.checkoutId) keys.push(`c:${ids.checkoutId}`);
+    if (ids.orderIdKind === "order" && ids.orderId) keys.push(`o:${ids.orderId}`);
+    if (keys.some((key) => this.purchased.has(key))) return false;
+    for (const key of keys) this.purchased.add(key);
+    return true;
+  }
+  /**
+   * Sends the `purchase` event(s) of one payment — ONCE, with Vio's order
+   * number as `order_id` (`props.order_id_kind: 'order'`) and the checkout id
+   * as `checkout_id`. When the payment event did not bring the number (a
+   * redirect return, an order a webhook creates) the checkout is asked for it
+   * — the receipt's own path, `Vio.checkout.getOrderReference` — at once and
+   * after 0.5 / 1 / 2 / 3 / 3 s, for at most 10 s; nothing else waits for it.
+   * Unanswered, or when the page hides or `stop()` comes first, the events go
+   * out with what they have: the checkout id as `order_id`
+   * (`order_id_kind: 'checkout'`), as before — and the late number adds no
+   * second event. The events are BUILT at the payment — its moment (`ts`),
+   * `event_id`, session, page and content — and only the order number (and a
+   * buyer reference the payment did not bring) is filled in when it comes.
+   */
+  reportPurchase(parts, ids, buyerId, sponsorId) {
+    const events = parts.map(
+      (part) => this.buildEvent("purchase", {
+        ...part,
+        commerce: {
+          ...part.commerce,
+          ...ids.orderId !== void 0 ? { orderId: ids.orderId } : {},
+          ...ids.checkoutId !== void 0 ? { checkoutId: ids.checkoutId } : {},
+          ...buyerId !== void 0 ? { buyerId } : {}
+        },
+        ...ids.orderIdKind ? { props: { ...part.props, order_id_kind: ids.orderIdKind } } : {}
+      })
+    );
+    const send = (found = {}) => {
+      if (found.orderNumber) this.purchased.add(`o:${found.orderNumber}`);
+      const lateBuyer = this.canPersist ? normalizeBuyerRef(found.buyerRef) : void 0;
+      for (const event of events) {
+        if (!event) continue;
+        if (found.orderNumber) {
+          event.commerce = { ...event.commerce, order_id: found.orderNumber };
+          event.props = { ...event.props, order_id_kind: "order" };
+        }
+        if (lateBuyer && event.commerce && event.commerce.buyer_id === void 0) {
+          event.commerce = { ...event.commerce, buyer_id: lateBuyer };
+        }
+        this.record(event);
+      }
+      this.sendNow();
+    };
+    const ask = ids.orderIdKind === "checkout" ? this.orderReferenceAsker(ids.checkoutId, sponsorId) : null;
+    if (!ask) {
+      send();
+      return;
+    }
+    if (this.isPageHidden()) {
+      send();
+      return;
+    }
+    let done = false;
+    const settle = (found) => {
+      if (done) return;
+      done = true;
+      this.pendingPurchases.delete(settleNow);
+      send(found);
+    };
+    const settleNow = () => settle();
+    this.pendingPurchases.add(settleNow);
+    void waitForOrderNumber(ask, () => done).then(settle, () => settle());
+  }
+  /**
+   * Sends the queue now, not at the next tick: by beacon when the page is
+   * hidden or going away (a request may not survive it), else by fetch.
+   */
+  sendNow() {
+    if (this.isPageHidden()) this.flushWithBeacon();
+    else void this.flush();
+  }
+  /** Sends every purchase still waiting for its order number, at once, with what it has. */
+  settlePendingPurchases() {
+    for (const settle of [...this.pendingPurchases]) settle();
+  }
+  /** Whether the page is hidden or going away (`pagehide` until `pageshow`). */
+  isPageHidden() {
+    if (this.pageHiding) return true;
+    try {
+      return typeof document !== "undefined" && document.visibilityState === "hidden";
+    } catch {
+      return false;
+    }
+  }
+  /**
+   * How a purchase asks a checkout for Vio's order number: through the SDK's
+   * checkout manager (`getOrderReference`, which never throws and shares its
+   * in-flight ask with the receipt's). `null` when there is nothing to ask —
+   * no checkout id, or no checkout manager on this page.
+   */
+  orderReferenceAsker(checkoutId, sponsorId) {
+    if (!checkoutId) return null;
+    try {
+      const checkout = vioFacade()?.checkout;
+      if (!checkout || typeof checkout.getOrderReference !== "function") return null;
+      return () => checkout.getOrderReference(checkoutId, sponsorId || void 0);
+    } catch {
+      return null;
+    }
+  }
   /** The lines of the cart (current, else the pre-clear snapshot), optionally one sponsor's. */
   cartLines(sponsorId) {
     let items = [];
@@ -7728,15 +8083,63 @@ function buyerRefOf(d) {
   }
   return void 0;
 }
-function purchaseFromPaymentSuccess(d) {
+function purchaseIdsOf(d) {
+  if (!d) return {};
   const r = d.result ?? {};
-  const orderId = firstId(d.orderId, r.confirmation?.orderId, d.checkoutId);
+  const legacy = firstId(d.orderId);
+  const legacyIsNumber = legacy !== void 0 && isOrderNumber(legacy);
+  const orderNumber = firstId(d.orderNumber, r.confirmation?.orderId, legacyIsNumber ? legacy : void 0);
+  const checkoutId = firstId(legacyIsNumber ? void 0 : legacy, d.checkoutId, r.confirmation?.checkoutId);
+  if (orderNumber !== void 0) {
+    return { orderId: orderNumber, ...checkoutId !== void 0 ? { checkoutId } : {}, orderIdKind: "order" };
+  }
+  if (checkoutId !== void 0) return { orderId: checkoutId, checkoutId, orderIdKind: "checkout" };
+  return {};
+}
+function purchaseFromPaymentSuccess(d) {
+  const { orderId, checkoutId } = purchaseIdsOf(d);
   const buyerId = buyerRefOf(d);
   return {
     ...orderId !== void 0 ? { orderId } : {},
+    ...checkoutId !== void 0 ? { checkoutId } : {},
     ...buyerId !== void 0 ? { buyerId } : {}
   };
 }
+function isOrderNumber(value) {
+  return /^[1-9][0-9]*$/.test(value);
+}
+async function waitForOrderNumber(ask, stopped) {
+  let deadline;
+  const timeUp = new Promise((resolve) => {
+    deadline = setTimeout(() => resolve(null), ORDER_NUMBER_MAX_WAIT_MS);
+  });
+  let buyerRef;
+  const found = (orderNumber) => ({
+    ...orderNumber ? { orderNumber } : {},
+    ...buyerRef ? { buyerRef } : {}
+  });
+  try {
+    for (let attempt = 0; attempt <= ORDER_NUMBER_BACKOFF_MS.length; attempt++) {
+      if (attempt > 0) {
+        const wait = ORDER_NUMBER_BACKOFF_MS[attempt - 1];
+        const slept = await Promise.race([new Promise((resolve) => setTimeout(() => resolve(true), wait)), timeUp]);
+        if (slept === null) break;
+      }
+      if (stopped()) break;
+      try {
+        const reference = await Promise.race([ask(), timeUp]);
+        if (reference === null) break;
+        buyerRef ??= normalizeBuyerRef(reference?.buyerRef);
+        const orderNumber = firstId(reference?.orderNumber);
+        if (orderNumber !== void 0 && isOrderNumber(orderNumber)) return found(orderNumber);
+      } catch {
+      }
+    }
+    return found();
+  } finally {
+    clearTimeout(deadline);
+  }
+}
 function firstId(...candidates) {
   for (const c of candidates) {
     if (c === void 0 || c === null) continue;
@@ -7753,6 +8156,7 @@ function pushGa4(event) {
     "add_to_cart",
     "view_cart",
     "begin_checkout",
+    "add_payment_info",
     "purchase"
   ]);
   if (!commerceNames.has(event.name)) return;
@@ -7766,6 +8170,7 @@ function pushGa4(event) {
       currency: commerce.currency,
       value: commerce.value,
       transaction_id: commerce.order_id,
+      payment_type: event.name === "add_payment_info" ? commerce.payment_method : void 0,
       items: commerce.items?.map(
         (i) => compact({
           item_id: i.product_id,
@@ -8589,6 +8994,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, 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, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, kustomReturnOutcome, landingUrl, lineOriginWire, lineOrigins, nexiReturnPaymentId, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotId, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, readNexiPending, rememberedCheckoutSponsor, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature };
-//# sourceMappingURL=chunk-HJRIPCWB.js.map
-//# sourceMappingURL=chunk-HJRIPCWB.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, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, 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, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, kustomReturnOutcome, landingUrl, lineOriginWire, lineOrigins, nexiReturnPaymentId, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotId, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, readNexiPending, rememberedCheckoutSponsor, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature };
+//# sourceMappingURL=chunk-AG4G2S2M.js.map
+//# sourceMappingURL=chunk-AG4G2S2M.js.map