@vio-live/web-sdk 0.5.1 → 0.7.0

package/dist/{chunk-7Q4MJ5NQ.js → chunk-4ZEN4J7I.js}

@@ -2501,6 +2501,96 @@ async function createKlarnaPaymentsWidget(input) {
   };
 }
 
+// src/core/checkout/payments/kustom.ts
+var CREATE_PAYMENT_KUSTOM_MUTATION = `
+mutation CreatePaymentKustom($checkoutId: String!, $countryCode: String!, $href: String!, $email: String) {
+  Payment {
+    CreatePaymentKustom(checkout_id: $checkoutId, country_code: $countryCode, href: $href, email: $email) {
+      order_id
+      status
+      html_snippet
+      purchase_country
+      purchase_currency
+    }
+  }
+}
+`;
+var GET_KUSTOM_ORDER_QUERY = `
+query GetKustomOrder($orderId: String!) {
+  Payment {
+    GetKustomOrder(order_id: $orderId) {
+      order_id
+      status
+      html_snippet
+      purchase_country
+      purchase_currency
+    }
+  }
+}
+`;
+async function createPaymentKustom(variables, options) {
+  const json = await executeCartGraphQL(CREATE_PAYMENT_KUSTOM_MUTATION, variables, options);
+  return json?.data?.Payment?.CreatePaymentKustom ?? null;
+}
+async function getKustomOrder(orderId, options) {
+  const json = await executeCartGraphQL(GET_KUSTOM_ORDER_QUERY, { orderId }, options);
+  return json?.data?.Payment?.GetKustomOrder ?? null;
+}
+function kustomCleanHref() {
+  if (typeof window === "undefined" || !window.location) return "";
+  return `${window.location.origin}${window.location.pathname}`;
+}
+function renderKustomSnippet(container, htmlSnippet) {
+  container.innerHTML = htmlSnippet;
+  const scripts = Array.from(container.querySelectorAll("script"));
+  for (const oldScript of scripts) {
+    const newScript = document.createElement("script");
+    for (const attr of Array.from(oldScript.attributes)) {
+      newScript.setAttribute(attr.name, attr.value);
+    }
+    newScript.text = oldScript.text;
+    oldScript.parentNode?.replaceChild(newScript, oldScript);
+  }
+}
+
+// src/core/checkout/payments/qliro.ts
+var CREATE_PAYMENT_QLIRO_MUTATION = `
+mutation CreatePaymentQliro($checkoutId: String!, $countryCode: String!, $href: String!, $email: String) {
+  Payment {
+    CreatePaymentQliro(checkout_id: $checkoutId, country_code: $countryCode, href: $href, email: $email) {
+      order_id
+      status
+      html_snippet
+      purchase_country
+      purchase_currency
+      total_price
+    }
+  }
+}
+`;
+var GET_QLIRO_ORDER_QUERY = `
+query GetQliroOrder($checkoutId: String!) {
+  Payment {
+    GetQliroOrder(checkout_id: $checkoutId) {
+      order_id
+      status
+      html_snippet
+      purchase_country
+      purchase_currency
+      total_price
+    }
+  }
+}
+`;
+async function createPaymentQliro(variables, options) {
+  const json = await executeCartGraphQL(CREATE_PAYMENT_QLIRO_MUTATION, variables, options);
+  return json?.data?.Payment?.CreatePaymentQliro ?? null;
+}
+async function getQliroOrder(checkoutId, options) {
+  const json = await executeCartGraphQL(GET_QLIRO_ORDER_QUERY, { checkoutId }, options);
+  return json?.data?.Payment?.GetQliroOrder ?? null;
+}
+
 // src/core/checkout/checkout-manager.ts
 function describeError(err) {
   if (err instanceof Error) return err.message;
@@ -3062,6 +3152,103 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
     return getVippsStatus({ checkoutId }, opts);
   }
+  /**
+   * Kustom (former Klarna Checkout) — create the KCO order via Vio Commerce
+   * and render its html_snippet into `container`. The widget collects
+   * address, shipping and payment by itself; the SDK renders nothing else.
+   */
+  async mountKustomCheckout(container, sponsorId) {
+    const spId = sponsorId ?? this.state?.sponsorId;
+    if (!spId) throw new Error("[CheckoutManager] no sponsor for Kustom");
+    const cart = this.cartManager.getCart(spId);
+    let cartId = cart?.cartId;
+    if (!cartId) cartId = await this.cartManager.ensureCartId(spId);
+    if (!cartId) {
+      throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
+    }
+    const opts = await getCartGraphQLOptions(spId);
+    let checkoutId = this.state?.checkoutId;
+    if (!checkoutId) {
+      const checkoutRes = await createCheckout(cartId, opts);
+      checkoutId = checkoutRes?.id;
+      if (checkoutId && this.state) {
+        this.state = { ...this.state, checkoutId };
+      }
+    }
+    if (!checkoutId) {
+      throw new Error("[CheckoutManager] no backend checkout for the Kustom order");
+    }
+    const href = kustomCleanHref();
+    const order = await createPaymentKustom(
+      {
+        checkoutId,
+        countryCode: getGlobalCountryCode(),
+        href,
+        email: this.state?.address?.email || void 0
+      },
+      opts
+    );
+    if (!order?.html_snippet) {
+      throw new Error("Kustom order creation failed: missing html_snippet");
+    }
+    renderKustomSnippet(container, order.html_snippet);
+    return order;
+  }
+  /** Re-read a Kustom order — used on the confirmation return trip. */
+  async getKustomOrder(orderId, sponsorId) {
+    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    return getKustomOrder(orderId, opts);
+  }
+  /** Render a Kustom html_snippet (e.g. the confirmation receipt) into a container. */
+  renderKustomSnippet(container, htmlSnippet) {
+    renderKustomSnippet(container, htmlSnippet);
+  }
+  /**
+   * Qliro Checkout — create the order via Vio Commerce and render its
+   * html_snippet into `container` (widget-does-everything, like Kustom).
+   */
+  async mountQliroCheckout(container, sponsorId) {
+    const spId = sponsorId ?? this.state?.sponsorId;
+    if (!spId) throw new Error("[CheckoutManager] no sponsor for Qliro");
+    const cart = this.cartManager.getCart(spId);
+    let cartId = cart?.cartId;
+    if (!cartId) cartId = await this.cartManager.ensureCartId(spId);
+    if (!cartId) {
+      throw new Error(`[CheckoutManager] Failed to obtain cart_id for sponsor ${spId}`);
+    }
+    const opts = await getCartGraphQLOptions(spId);
+    let checkoutId = this.state?.checkoutId;
+    if (!checkoutId) {
+      const checkoutRes = await createCheckout(cartId, opts);
+      checkoutId = checkoutRes?.id;
+      if (checkoutId && this.state) {
+        this.state = { ...this.state, checkoutId };
+      }
+    }
+    if (!checkoutId) {
+      throw new Error("[CheckoutManager] no backend checkout for the Qliro order");
+    }
+    const href = kustomCleanHref();
+    const order = await createPaymentQliro(
+      {
+        checkoutId,
+        countryCode: getGlobalCountryCode(),
+        href,
+        email: this.state?.address?.email || void 0
+      },
+      opts
+    );
+    if (!order?.html_snippet) {
+      throw new Error("Qliro order creation failed: missing html_snippet");
+    }
+    renderKustomSnippet(container, order.html_snippet);
+    return order;
+  }
+  /** Re-read the Qliro order owned by a checkout — the confirmation trip. */
+  async getQliroOrder(checkoutId, sponsorId) {
+    const opts = await getCartGraphQLOptions(sponsorId ?? this.state?.sponsorId);
+    return getQliroOrder(checkoutId, opts);
+  }
   /* eslint-enable @typescript-eslint/no-explicit-any */
   setAddress(address) {
     if (!this.state) return;
@@ -3079,14 +3266,38 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     );
   }
   // MARK: - Apple Pay (Stripe Payment Request)
+  /**
+   * The Stripe publishable key for a sponsor, taken from its own commerce
+   * channel (`GetAvailablePaymentMethods` → Stripe → config.publishableKey).
+   *
+   * The channel is the right source: the key belongs to the brand's Stripe
+   * account, so two brands on one page each get theirs, and a host never has
+   * to configure it. `Vio.init({ stripePublishableKey })` still wins when set,
+   * which keeps existing integrations working and allows an override.
+   */
+  async resolveStripePublishableKey(sponsorId) {
+    const cfg = Configuration.isInitialized ? Configuration.get() : null;
+    if (cfg?.stripePublishableKey) return cfg.stripePublishableKey;
+    if (this.applePayPublishableKey) return this.applePayPublishableKey;
+    try {
+      const methods = await this.getAvailablePaymentMethods(sponsorId);
+      const stripe = methods?.find((m) => String(m?.name ?? "").toLowerCase() === "stripe");
+      const key = stripe?.config?.find((c) => c?.name === "publishableKey")?.value;
+      if (typeof key === "string" && key.startsWith("pk_")) {
+        this.applePayPublishableKey = key;
+        return key;
+      }
+    } catch {
+    }
+    return "";
+  }
   /**
    * Returns true if Apple Pay can be shown on this device + Stripe config.
    * Result is memoised — call `clearApplePayCache()` if config changes.
    */
   async isApplePayAvailable(country = "NO") {
     if (this.applePayAvailableCache !== null) return this.applePayAvailableCache;
-    const cfg = Configuration.isInitialized ? Configuration.get() : null;
-    const publishableKey = cfg?.stripePublishableKey ?? "";
+    const publishableKey = await this.resolveStripePublishableKey(this.state?.sponsorId);
     if (!publishableKey || !this.state) {
       this.applePayAvailableCache = false;
       return false;
@@ -3115,8 +3326,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
    * `payment-error`. `available` is true only when Apple Pay will actually work.
    */
   async prepareApplePayFor(amount, currency, country = "NO") {
-    const cfg = Configuration.isInitialized ? Configuration.get() : null;
-    const publishableKey = this.applePayPublishableKey || cfg?.stripePublishableKey || "";
+    const publishableKey = await this.resolveStripePublishableKey(this.state?.sponsorId);
     if (!publishableKey) return { available: false, show: async () => {
     } };
     const prepared = await prepareApplePay({
@@ -3177,8 +3387,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
    * called synchronously inside the tap (Apple's user-gesture rule).
    */
   async prepareApplePayExpress(amount, currency, country = "NO", sponsorId) {
-    const cfg = Configuration.isInitialized ? Configuration.get() : null;
-    const publishableKey = this.applePayPublishableKey || cfg?.stripePublishableKey || "";
+    const publishableKey = await this.resolveStripePublishableKey(sponsorId ?? this.state?.sponsorId);
     if (!publishableKey) return { available: false, show: async () => null };
     const spId = sponsorId ?? this.state?.sponsorId ?? [...this.cartManager.getAllCarts().keys()][0];
     const prepared = await prepareApplePay({
@@ -3301,8 +3510,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   async startApplePay(options = {}) {
     if (!this.state) throw new Error("[VioCheckout] no active checkout \u2014 call open() first");
     const spId = options.sponsorId ?? this.state.sponsorId;
-    const cfg = Configuration.isInitialized ? Configuration.get() : null;
-    const publishableKey = this.applePayPublishableKey || cfg?.stripePublishableKey || "";
+    const publishableKey = await this.resolveStripePublishableKey(spId);
     if (!publishableKey) {
       throw new Error(
         "[VioCheckout] No Stripe publishable key configured. Pass `stripePublishableKey` to Vio.init({ ... })."
@@ -3872,6 +4080,8 @@ var AnalyticsManager = class extends EventTarget {
     this.retryAttempt = 0;
     this.retryNotBefore = 0;
     this.sessionId = null;
+    /** Set via start({ sessionId }) — the host owns the session, we follow. */
+    this.externalSessionId = null;
     this.sessionStartedAt = 0;
     /** Impression once-per-(session, component) guard; reset on session rotation. */
     this.impressedComponents = /* @__PURE__ */ new Set();
@@ -3893,6 +4103,7 @@ var AnalyticsManager = class extends EventTarget {
       debug: options.debug ?? this.options.debug,
       autoTrack: options.autoTrack ?? this.options.autoTrack
     };
+    if (options.sessionId) this.externalSessionId = options.sessionId;
     if (this.started || !hasDom()) return;
     this.started = true;
     this.ensureSession();
@@ -4030,6 +4241,8 @@ var AnalyticsManager = class extends EventTarget {
       sponsor_id: ctx.sponsorId,
       activation_id: ctx.activationId,
       content_url: ctx.contentUrl ?? (typeof location !== "undefined" ? location.href : void 0),
+      // The host's own content id — its join key back onto its reporting.
+      content_id: ctx.contentId,
       // Deletion-proof reporting: sources have no trash bin — the title
       // snapshotted at event time keeps reports legible if content dies.
       content_title: ctx.contentTitle ?? (typeof document !== "undefined" && document.title ? document.title.slice(0, 255) : void 0),
@@ -4101,6 +4314,13 @@ var AnalyticsManager = class extends EventTarget {
         }
       }
     }
+    if (this.externalSessionId) {
+      if (this.sessionId !== this.externalSessionId) {
+        this.sessionId = this.externalSessionId;
+        this.sessionStartedAt = now;
+        this.impressedComponents.clear();
+      }
+    }
     if (!this.sessionId) {
       this.sessionId = `s-${uuid()}`;
       this.sessionStartedAt = now;
@@ -4464,5 +4684,5 @@ var _vioGlobal = globalThis;
 var Vio = _vioGlobal.__VIO_FACADE__ ?? (_vioGlobal.__VIO_FACADE__ = new VioFacade());
 
 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-7Q4MJ5NQ.js.map
-//# sourceMappingURL=chunk-7Q4MJ5NQ.js.map
+//# sourceMappingURL=chunk-4ZEN4J7I.js.map
+//# sourceMappingURL=chunk-4ZEN4J7I.js.map