@vio-live/web-sdk 0.37.0 → 0.37.1

package/CHANGELOG.md

@@ -14,6 +14,23 @@ How to keep this file: see [CONTRIBUTING → Changelog](CONTRIBUTING.md#changelo
 The details of each feature live in the [README](README.md); this file says *what*
 and *when*, and links there.
 
+## Unreleased
+
+## 0.37.1 — 2026-10-30
+
+### Fixed
+- **Kustom: the return confirms the order again on a page with two brands' carts** — the return read
+  the order with the platform key when its own cart was already closed, and said «Vi kunne ikke
+  bekrefte betalingen» for a paid order. It now reads with the returning checkout's sponsor and
+  channel, as Qliro and Walley do; Kustom, Qliro, Walley and Adyen reopen on that sponsor
+  ([#123](https://github.com/vio-live/vio-web-sdk/pull/123)).
+- **Vipps: coming back from a cancelled payment no longer leaves «Henter betalingsmåter…» for good** —
+  on a page that mounts the checkout before it calls `Vio.init()` (Vev), the return found no cart
+  (each connection keeps its own), so nothing asked for the payment methods. The checkout now reopens
+  on the cart once `Vio.init()` lands (up to 10 s) and lists the methods; a paid return also clears the
+  connection's cart. With no checkout at all, the payment step says «Handlekurven er tom.» instead of
+  loading.
+
 ## 0.37.0 — 2026-10-29
 
 > **Deploy the collector `89f2766` (vio-analytics#38) before using this version:** an older collector rejects

package/dist/{chunk-LDA7RI43.js → chunk-2OHYZI3P.js}

@@ -1,4 +1,4 @@
-import { Vio, __decorateClass, primaryImageUrl, displayPrice, resolveDetailLayout, toCampaignId, getGlobalCurrency, layoutOriginOf, copyAppliedLayout, onGlobalDetailLayoutChange, layoutSignature, ensureVippsButton, formatPrice, currentGlobalDescriptionLabel, shippingDescriptionOf, lineOrigins, buyerRefOf, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, storageGet, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, getGlobalCountryCode, isValidPhone, gatewayHasBuyerRef, rememberedCheckoutSponsor, checkoutSponsorOf, AdyenOriginError, normalizeSlotId, autoSlotDisplayName, autoSlotId, sponsorIdentityFrom, Configuration, normalizeScope, campaignCandidates, ctaText } from './chunk-KVI56NGO.js';
+import { Vio, __decorateClass, primaryImageUrl, displayPrice, resolveDetailLayout, toCampaignId, getGlobalCurrency, layoutOriginOf, copyAppliedLayout, onGlobalDetailLayoutChange, layoutSignature, ensureVippsButton, formatPrice, currentGlobalDescriptionLabel, shippingDescriptionOf, lineOrigins, buyerRefOf, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, storageGet, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, getGlobalCountryCode, isValidPhone, gatewayHasBuyerRef, Configuration, rememberedCheckoutSponsor, checkoutSponsorOf, AdyenOriginError, normalizeSlotId, autoSlotDisplayName, autoSlotId, sponsorIdentityFrom, normalizeScope, campaignCandidates, ctaText } from './chunk-GUXBD7KR.js';
 import { LitElement, css, html, nothing } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
@@ -7205,7 +7205,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.returningFrom = "kustom";
         this.setOrderSponsor(sponsorId, kustomReturn.checkoutId);
         if (!this.checkoutState) {
-          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          const spIdToUse = this.returnSponsorOf(sponsorId, kustomReturn.checkoutId);
           if (spIdToUse) {
             try {
               Vio.checkout.open(spIdToUse);
@@ -7223,7 +7223,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         try {
           const order = await Vio.checkout.getKustomOrder(
             kustomOrderId,
-            this.checkoutState?.sponsorId
+            this.checkoutState?.sponsorId,
+            kustomReturn.checkoutId
           );
           this.verifyingReturn = null;
           if (order?.status === "checkout_complete" && order.html_snippet) {
@@ -7249,7 +7250,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.returningFrom = "qliro";
         this.setOrderSponsor(sponsorId, checkoutId);
         if (!this.checkoutState) {
-          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          const spIdToUse = this.returnSponsorOf(sponsorId, checkoutId);
           if (spIdToUse) {
             try {
               Vio.checkout.open(spIdToUse);
@@ -7304,7 +7305,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.returningFrom = "walley";
         this.setOrderSponsor(sponsorId, checkoutId);
         if (!this.checkoutState) {
-          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          const spIdToUse = this.returnSponsorOf(sponsorId, checkoutId);
           if (spIdToUse) {
             try {
               Vio.checkout.open(spIdToUse);
@@ -7363,7 +7364,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.adyenSettled = true;
         this.autoSelectAttempted = true;
         if (!this.checkoutState) {
-          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          const spIdToUse = this.returnSponsorOf(sponsorId, checkoutId);
           if (spIdToUse) {
             try {
               Vio.checkout.open(spIdToUse);
@@ -7407,7 +7408,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       }
       if (vioMethod === "vipps" && checkoutId) {
         if (!this.checkoutState) {
-          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          const spIdToUse = this.returnSponsorOf(sponsorId, checkoutId);
           if (spIdToUse) {
             try {
               Vio.checkout.open(spIdToUse);
@@ -7416,10 +7417,12 @@ var _VioCheckout = class _VioCheckout extends LitElement {
             }
           }
         }
+        const reopening = this.checkoutState ? null : this.reopenOnceInitialized(sponsorId, checkoutId, "vipps");
         this.setOrderSponsor(sponsorId, checkoutId);
         this.open = true;
         this.verifyingReturn = "Bekrefter betalingen med Vipps\u2026";
         const { outcome, sawStatus } = await this.pollVippsStatus(checkoutId, sponsorId);
+        if (reopening) await reopening;
         this.verifyingReturn = null;
         this.applyReturnOutcome(outcome, sawStatus, vioMethod, sponsorId, checkoutId);
         this.cleanReturnQueryParams(["vio_payment", "vio_method", "vio_sponsor", "checkout_id"]);
@@ -8339,14 +8342,55 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       </div>
     `;
   }
+  static {
+    /**
+     * Remember whose order this is and how it is named right now, before the
+     * cart that names it is cleared. Whose: the sponsor this tab remembered for
+     * the checkout when it was created (exact for that checkout id), else the
+     * one given (the return URL's `vio_sponsor`, the state it was paid in),
+     * else the open state's — a return without `vio_sponsor` (Qliro, Walley)
+     * re-opens the state with whichever cart comes first, which is a guess.
+     */
+    /**
+     * The sponsor to reopen the checkout with on a provider's return: the one
+     * the URL names, else the one this tab remembered for that checkout (a
+     * return URL need not name it — Kustom's never does), else the first cart.
+     * The first cart alone is a guess: with two brands' carts on the page it is
+     * the wrong one, and with the cart already completed by the order there is
+     * none — every read after it then goes out with the wrong key.
+     */
+    /** How long a return waits for `Vio.init()` to reopen the checkout on its cart. */
+    this.RETURN_INIT_WAIT_MS = 1e4;
+  }
   /**
-   * Remember whose order this is and how it is named right now, before the
-   * cart that names it is cleared. Whose: the sponsor this tab remembered for
-   * the checkout when it was created (exact for that checkout id), else the
-   * one given (the return URL's `vio_sponsor`, the state it was paid in),
-   * else the open state's — a return without `vio_sponsor` (Qliro, Walley)
-   * re-opens the state with whichever cart comes first, which is a guess.
+   * Reopen the checkout of a provider's return once `Vio.init()` is there.
+   * A page may mount the checkout before it calls `Vio.init()` — Vev does:
+   * the overlay renders with the page, the key comes from its config block a
+   * moment later — and then the checkout reads the return first. Each
+   * connection keeps its own carts (0.33), so before the init the cart is not
+   * there: `open()` throws, the checkout has no state, and nothing asks for
+   * the payment methods. A Vipps payment cancelled on Alan's Vev page
+   * (2026-10-29) came back to «Betalingen ble avbrutt…» over a
+   * «Henter betalingsmåter…» that never ended, with no cart to pay again.
+   * Never throws; does nothing when a state is already there.
    */
+  async reopenOnceInitialized(sponsorId, checkoutId, method) {
+    try {
+      if (!Configuration.isInitialized && !await Configuration.whenReady(_VioCheckout.RETURN_INIT_WAIT_MS)) return;
+      if (this.checkoutState) return;
+      const spId = this.returnSponsorOf(sponsorId, checkoutId);
+      if (!spId) return;
+      Vio.checkout.open(spId);
+      Vio.checkout.selectPaymentMethod(method);
+    } catch {
+    }
+  }
+  returnSponsorOf(sponsorId, checkoutId) {
+    if (sponsorId > 0) return sponsorId;
+    const remembered = rememberedCheckoutSponsor(checkoutId || void 0)?.sponsorId;
+    if (remembered) return remembered;
+    return [...Vio.cart.getAllCarts().keys()][0] || 0;
+  }
   setOrderSponsor(sponsorId, checkoutId) {
     try {
       const checkout = checkoutId || void 0;
@@ -9627,7 +9671,14 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                             Vennligst velg en fraktmetode for å fullføre betalingen
                           </div>
                         ` : ""}
-                ` : !this.paymentMethodsResolved ? html`
+                ` : !this.checkoutState ? (
+      // Nothing to ask the methods for (loadAvailablePaymentMethods
+      // needs a checkout): the spinner would never end.
+      html`
+                    <h3 class="section-heading">Velg betalingsmåte</h3>
+                    <p class="payment-loading">${EMPTY_CART_MESSAGE2}</p>
+                  `
+    ) : !this.paymentMethodsResolved ? html`
                     <h3 class="section-heading">Velg betalingsmåte</h3>
                     <div class="payment-loading">
                       <span class="payment-spinner" aria-hidden="true"></span>
@@ -9928,5 +9979,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-LDA7RI43.js.map
-//# sourceMappingURL=chunk-LDA7RI43.js.map
+//# sourceMappingURL=chunk-2OHYZI3P.js.map
+//# sourceMappingURL=chunk-2OHYZI3P.js.map