@vio-live/web-sdk 0.11.1 → 0.21.0

package/dist/core/index.js

@@ -1,4 +1,4 @@
-import '../chunk-QYQQ5J6E.js';
-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, 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 } from '../chunk-TJ43TE7H.js';
+import '../chunk-PZUOMOLF.js';
+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, VIPPS_BUTTON_SCRIPT, VIPPS_BUTTON_TAG, Vio, VioApi, VioApiError, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, ensureVippsButton, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, purchaseFromPaymentSuccess, resolveCampaignId, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes } from '../chunk-WTVGVDZX.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { ADD_ITEM_MUTATION, AddManualOptions, AddProductOptions, AnalyticsCommerce, AnalyticsContext, AnalyticsEventName, AnalyticsItemInput, AnalyticsManager, AnalyticsStartOptions, ApplePayConfig, ApplePayResult, BootstrapResponse, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartChangeDetail, CartLineItem, CartManager, CartQueryOptions, CheckoutAddress, CheckoutChangeDetail, CheckoutManager, CheckoutState, CommerceClient, Configuration, CreatePaymentVippsResponse, CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GetVippsStatusVariables, ImageSize, PaymentCompleteDetail, PaymentMethod, PaymentSelectDetail, PlacementComponent, Product, ProductCategory, ProductImage, ProductOption, ProductPrice, ProductVariant, ResolvedConfig, SDK_VERSION, Sponsor, SponsorCartState, SponsorCommerceBlock, TrackOptions, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, VioConfig, VippsPaymentState, VippsStatusResult, 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 } from './core/index.js';
+export { ADD_ITEM_MUTATION, AddManualOptions, AddProductOptions, AnalyticsCommerce, AnalyticsContext, AnalyticsEventName, AnalyticsItemInput, AnalyticsManager, AnalyticsStartOptions, ApplePayConfig, ApplePayResult, BootstrapCampaign, BootstrapCampaignEntry, BootstrapCampaignStatus, BootstrapResponse, BootstrapSlot, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartChangeDetail, CartLineItem, CartManager, CartQueryOptions, CheckoutAddress, CheckoutChangeDetail, CheckoutManager, CheckoutState, CommerceClient, Configuration, CreatePaymentVippsResponse, CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GetVippsStatusVariables, ImageSize, PaymentCompleteDetail, PaymentMethod, PaymentSelectDetail, PaymentSuccessDetail, PaymentSuccessResult, PlacementComponent, Product, ProductCategory, ProductImage, ProductOption, ProductPrice, ProductVariant, ResolvedConfig, SDK_VERSION, Sponsor, SponsorCartState, SponsorCommerceBlock, TrackOptions, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, VIPPS_BUTTON_SCRIPT, VIPPS_BUTTON_TAG, Vio, VioApi, VioApiError, VioConfig, VippsPaymentState, VippsStatusResult, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, ensureVippsButton, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, purchaseFromPaymentSuccess, resolveCampaignId, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes } from './core/index.js';
 import 'graphql-request';

package/dist/index.js

@@ -1,4 +1,4 @@
-import './chunk-QYQQ5J6E.js';
-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, 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 } from './chunk-TJ43TE7H.js';
+import './chunk-PZUOMOLF.js';
+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, VIPPS_BUTTON_SCRIPT, VIPPS_BUTTON_TAG, Vio, VioApi, VioApiError, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, ensureVippsButton, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, purchaseFromPaymentSuccess, resolveCampaignId, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes } from './chunk-WTVGVDZX.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import * as _lit_react from '@lit/react';
-import { V as VioCart$1, a as VioCheckout$1, b as VioProduct$1, c as VioProductCarousel$1, d as VioProductDetail$1 } from '../tokens-D6PBisUm.js';
-export { e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-D6PBisUm.js';
+import { V as VioCart$1, a as VioCheckout$1, b as VioProduct$1, c as VioProductCarousel$1, d as VioProductDetail$1 } from '../tokens-Dkbfcd1L.js';
+export { e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-Dkbfcd1L.js';
 import 'lit-html';
 import 'lit';
 

package/dist/react/index.js

@@ -1,6 +1,6 @@
-import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-7TGCXO5J.js';
-export { VioTokens, applyVioTheme } from '../chunk-7TGCXO5J.js';
-import '../chunk-TJ43TE7H.js';
+import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-MRJR6DG5.js';
+export { VioTokens, applyVioTheme } from '../chunk-MRJR6DG5.js';
+import '../chunk-WTVGVDZX.js';
 import * as React from 'react';
 
 // node_modules/@lit/react/node/create-component.js

package/dist/{tokens-D6PBisUm.d.ts → tokens-Dkbfcd1L.d.ts}

@@ -119,6 +119,14 @@ declare class VioProductDetail extends LitElement {
     autoOpen: boolean;
     currency: string;
     private product;
+    /**
+     * The header: the seller's Company name (Settings → Company), not the
+     * product's brand, which the body already shows (Angelo, 2026-10-08).
+     * Asked on its own after the product; until it answers the header waits,
+     * and if there is none it falls back to the brand.
+     */
+    private sellerName;
+    private sellerSettled;
     private isLoading;
     private fetchError;
     private selectedOptions;
@@ -130,6 +138,7 @@ declare class VioProductDetail extends LitElement {
     /** Payment method names enabled for the sponsor (backend-configured).
      * null = not loaded yet → all buy buttons render; [] = none enabled. */
     private availableMethods;
+    private vippsOfficial;
     /** Race guard: only the latest fetch may write state (two quick taps on
      * different cards would otherwise let the slow response win). */
     private fetchSeq;
@@ -137,10 +146,13 @@ declare class VioProductDetail extends LitElement {
     private optMapCache;
     /** Pre-prepared Apple Pay handle — show() fires synchronously on tap. */
     private applePayHandle;
+    /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
+    private readonly dialogFocus;
     private boundProductClick;
     static styles: lit.CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
     show(): void;
     close(): void;
     private fetchProduct;
@@ -196,7 +208,31 @@ declare class VioProductDetail extends LitElement {
      */
     private buyWithKlarna;
     /** Buy with Vipps — opens the checkout with Vipps preselected. */
+    /**
+     * Buy now with an embedded checkout (Kustom, Qliro, Walley).
+     *
+     * Those three have no express path of their own, so the product page showed
+     * a "Kjøp nå" for Apple Pay, Stripe, Klarna and Vipps and nothing at all for
+     * them — the same structural gap the cart footer had. Opens the checkout
+     * without preselecting: with a single method the checkout selects it itself,
+     * with several the shopper picks.
+     *
+     * Like every other "Kjøp nå" here, it adds to the cart first — so a cart
+     * that already had items buys those too. Isolating a single-product purchase
+     * needs a checkout that is not bound to the sponsor's cart, which is a
+     * separate piece of work and deliberately not done here.
+     */
+    private buyNow;
+    /**
+     * Buy with Vipps — Express: the app opens with address and delivery
+     * already there, nothing to fill in here (Vipps' own recommendation,
+     * 2026-09-29). When this cart cannot have Express, or Vipps cannot be
+     * started, the checkout opens with Vipps preselected, as before.
+     */
+    /** Vipps' own button when its script answers; our orange one otherwise. */
+    private loadVippsButton;
     private buyWithVipps;
+    private startVippsExpressOrCheckout;
     /** Buy with Stripe — opens the checkout with Stripe preselected. */
     private buyWithStripe;
     /**
@@ -206,6 +242,9 @@ declare class VioProductDetail extends LitElement {
      * confirmation drawer (same path as the in-checkout Apple Pay button).
      */
     private buyWithApplePay;
+    /** The seller's Company name; the brand when there is none; nothing while asking. */
+    private headerName;
+    private loadSeller;
     render(): lit_html.TemplateResult<1>;
     private renderBody;
     private renderOptionPickers;
@@ -231,6 +270,9 @@ declare class VioCart extends LitElement {
     /** Payment method names enabled for the sponsor (backend-configured).
      * null = not loaded yet → all buttons render; [] = none enabled. */
     private availableMethods;
+    private vippsOfficial;
+    /** Whether the method lookup has been attempted — see boundOnCartChange. */
+    private paymentMethodsAttempted;
     /** Set after an Apple Pay express purchase — switches the drawer to the
      * confirmation screen (so the rest of the cart/checkout is not shown). */
     private confirmedOrder;
@@ -240,6 +282,8 @@ declare class VioCart extends LitElement {
     private preparedTotal;
     /** In-flight guard for loadAvailablePaymentMethods. */
     private loadingPaymentMethods;
+    /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
+    private readonly dialogFocus;
     private boundOnCartChange;
     static styles: lit.CSSResult;
     connectedCallback(): void;
@@ -264,7 +308,25 @@ declare class VioCart extends LitElement {
      * opens <vio-checkout> in express mode with Klarna preselected. */
     private onKlarnaExpress;
     /** Vipps — opens the checkout with Vipps preselected. */
+    /**
+     * Open the checkout without preselecting a method.
+     *
+     * The footer used to be express-only — Apple Pay, Stripe, Klarna, Vipps —
+     * so a channel offering just an embedded checkout (Kustom, Qliro, Walley)
+     * had NO button at all and the cart was a dead end. Even with an express
+     * method present the others were unreachable from here.
+     */
+    private onCheckout;
+    /**
+     * Vipps — Express: the app collects address and delivery, so the cart
+     * goes straight to Vipps. When this cart cannot have Express (several
+     * suppliers, digital goods, no rate) or Vipps cannot be started, the
+     * checkout opens with Vipps preselected, as before.
+     */
     private onVipps;
+    /** Vipps' own button when its script answers; our orange one otherwise. */
+    private loadVippsButton;
+    private startVippsExpressOrCheckout;
     /** Stripe — opens the checkout with Stripe preselected. */
     private onStripe;
     private get totalAcrossSponsors();
@@ -293,10 +355,26 @@ declare class VioCheckout extends LitElement {
     private applePayInProgress;
     private klarnaAvailable;
     private orderConfirmed;
+    /**
+     * The embedded provider whose OWN receipt is on screen after a completed
+     * purchase (Qliro, Walley). Set instead of `orderConfirmed`: when the
+     * provider renders a receipt, that is the one the shopper sees, not ours
+     * (Angelo, 2026-09-15). See showProviderReceipt.
+     */
+    private providerReceipt;
     private confirmedMethod;
     private paymentError;
     /** Neutral (non-error) status line: "verifying payment…" / "still processing". */
     private paymentNotice;
+    /**
+     * Back from a payment page and asking whether it was paid. While set, the
+     * drawer shows only this — never the checkout behind it: a form you can
+     * type into, and a "Betal" you can press, for a purchase that may already
+     * be paid (Angelo, 2026-10-08; Vipps can take two minutes to answer).
+     */
+    private verifyingReturn;
+    /** The checkout whose confirmation is on screen — see fillOrderNumber. */
+    private confirmedCheckoutId;
     /** Snapshot of the placed order, for the confirmation screen. */
     private confirmedOrder;
     /** Active Klarna Payments widget handle + the subtotal it was mounted for. */
@@ -315,22 +393,137 @@ declare class VioCheckout extends LitElement {
     /** Payment method names enabled for the sponsor (backend-configured).
      * null = not loaded yet → all buttons render; [] = none enabled. */
     private availableMethods;
+    private vippsOfficial;
     private kustomMounting;
+    /** The widget is being told about a cart change (suspend → sync → resume). */
+    private kustomSyncing;
+    /** What the widget shows: the rate picked inside it and its total (major). */
+    private kustomShipping;
+    private kustomTotal;
+    private kustomNotice;
+    /** The cart the mounted Kustom order describes — see kustomCartKey. */
+    private kustomMountedKey;
     private kustomMountedOrderId;
+    /** The checkout session (see embedSession) each embedded widget's order belongs to. */
+    private kustomMountedFor;
+    private qliroMountedFor;
+    private walleyMountedFor;
+    private nexiMountedFor;
     private qliroMounting;
     private qliroMountedOrderId;
     private walleyMounting;
     private walleyMountedOrderId;
+    private nexiMounting;
+    private nexiMountedOrderId;
+    /** What Nexi's shipping re-pricing last said, shown under the widget. */
+    private nexiShippingNotice;
+    /** Nexi's last re-pricing: the rate on the payment and the ones to pick from. */
+    private nexiShipping;
+    /** A picked rate is being pushed to the payment. */
+    private nexiPicking;
+    /** The Nexi payment to resume on the next mount — set only by the ?paymentId= return. */
+    private nexiResumePaymentId;
+    private adyenMounting;
+    /**
+     * The shopper ASKED for the payment step (chose the method, or pressed the
+     * panel's button). Adyen needs our form first, so nothing creates a session
+     * while they are still typing: a session is a photo of a finished form.
+     */
+    private adyenRequested;
+    /** Drop-in is on screen. */
+    private adyenMounted;
+    /** The form, the shipping or the cart changed under a mounted session. */
+    private adyenStale;
+    /** Paid or pending in this opening: never offer to pay again. */
+    private adyenSettled;
+    /** The checkout session (see embedSession) and the purchase the mounted photo is of. */
+    private adyenMountedFor;
+    private adyenMountedKey;
+    /**
+     * Which Stripe this channel offers: `native` pays with Stripe's Payment
+     * Element on THIS page, `link` sends the shopper to a page hosted by
+     * Stripe. It travels in the method's config and is resolved with the
+     * method list; null means "not known yet", and the pay button asks.
+     */
+    private stripeMode;
+    /** The shopper asked for the payment step (see adyenRequested). */
+    private stripeRequested;
+    private stripeMounting;
+    /** The Payment Element is on screen. */
+    private stripeMounted;
+    /** The form, the shipping or the cart changed under a mounted Element. */
+    private stripeStale;
+    /** Paid or pending in this opening: never offer to pay again. */
+    private stripeSettled;
+    /** Stripe is confirming right now — one press, not two. */
+    private stripePaying;
+    /** Stripe has PAINTED its form: until then the panel says it is loading. */
+    private stripeReady;
+    private stripeMountedFor;
+    private stripeMountedKey;
+    /** The checkout the mounted PaymentIntent pays for. */
+    private stripeCheckoutId;
+    private stripeElement;
+    /**
+     * The shipping the customer picked INSIDE the Qliro widget, as Qliro
+     * reports it. Qliro owns that choice in the modes where it shows a picker,
+     * so while Qliro is the method the summary follows it instead of our own
+     * preselected rate. Null until Qliro reports one — in `Vio rate as an order
+     * line` it never does, and our rate is the one Qliro charges.
+     */
+    private qliroShipping;
+    /**
+     * Set while this page load is showing the outcome of an embedded checkout's
+     * confirmation redirect (Kustom, Qliro, Walley). While set, nothing may start
+     * a new payment.
+     *
+     * The return handler selects the method so the panel has something to show,
+     * and only THEN asks the provider whether the order was paid. Selecting is a
+     * state change; the render it schedules runs `updated()` → `mount*IfNeeded()`
+     * long before the provider answers, and in a fresh page load there is no
+     * mounted order to stop it — so every return created a new backend checkout
+     * and a new provider order for a cart that had just been paid. Not a race
+     * that needs a slow network: a microtask always beats a round trip.
+     * Reproduced in `vio-checkout.return.dom.test.ts` before this existed.
+     *
+     * Cleared when the checkout closes: reopening it is a fresh checkout.
+     */
+    private returningFrom;
     /** Redirecting to the Stripe / Vipps hosted page. */
     private stripeLoading;
     private vippsLoading;
     private form;
     /** In-flight guard for loadAvailablePaymentMethods. */
     private loadingPaymentMethods;
+    /**
+     * Keyboard and focus while open: Escape closes — not while a payment is
+     * in flight — Tab stays inside, focus returns to the opener.
+     */
+    private readonly dialogFocus;
+    /** A payment is being started or confirmed right now: the overlay must not close under it. */
+    private get paymentInFlight();
+    /**
+     * Whether a load has COMPLETED, either way. `availableMethods === null`
+     * cannot tell "not asked yet" from "asked and failed", and rendering every
+     * button while we still do not know shows methods the channel may not have
+     * enabled — a shopper can click one that is not there.
+     */
+    private paymentMethodsResolved;
+    /** Guards `autoSelectSoleMethod` to ONE attempt per opening — see there. */
+    private autoSelectAttempted;
     /** In-flight + attempted guards for loadAvailableShippings (change events
      * fire per keystroke — without these, typing an address hammers the API). */
     private loadingShippings;
     private shippingsAttempted;
+    /**
+     * The cart's products cannot ship together (see `someLineShipsOnItsOwn`).
+     * While set, no payment can start and the payment step says why.
+     */
+    private shippingBlocked;
+    /** The opening whose shippings have been answered for — see
+     * `shippingsSettled`. */
+    private shippingsReadyFor;
+    private boundOnQliroEvent;
     private boundOnCheckoutChange;
     private boundOnPaymentComplete;
     private boundOnPaymentError;
@@ -346,6 +539,14 @@ declare class VioCheckout extends LitElement {
     private static readonly PAID_STATUSES;
     /** Statuses that mean the payment definitively did NOT go through. */
     private static readonly FAILED_STATUSES;
+    /**
+     * Shown instead of the payment step when the cart's products cannot ship
+     * together. Angelo, 2026-09-16: block the purchase rather than sell it
+     * without shipping, or with a rate that does not fit every product.
+     */
+    private static readonly SHIPPING_BLOCKED_MESSAGE;
+    /** The payment may or may not have gone through, and we could not find out. */
+    private static readonly RETURN_UNVERIFIED_MESSAGE;
     /** Waits between GetCheckout attempts — PSP webhooks (Vipps especially) can
      * land seconds after the shopper is redirected back, so a single immediate
      * check misreads a successful charge as unpaid. ~20s total. */
@@ -362,6 +563,8 @@ declare class VioCheckout extends LitElement {
      * anything else (including an unrecognized state) is treated as failed —
      * fail-closed by default rather than guessing.
      */
+    /** Vipps' own button when its script answers; our orange one otherwise. */
+    private loadVippsButton;
     private pollVippsStatus;
     /** Shared outcome handler for both the generic (GetCheckout) and the
      * Vipps-specific (GetVippsStatus) return-verification paths. */
@@ -373,16 +576,55 @@ declare class VioCheckout extends LitElement {
     updated(changed: Map<string, unknown>): void;
     close(): void;
     show(): void;
-    /** Fetch the real per-supplier shippings and preselect + persist the first. */
+    /**
+     * Fetch the real per-supplier shippings and preselect + persist the first.
+     *
+     * Also decides whether the cart can ship at all (`shippingBlocked`), and
+     * records which opening the answer belongs to (`shippingsReadyFor`).
+     */
     private loadAvailableShippings;
+    /**
+     * Whether some product in the cart has shipping rates of its own. With no
+     * rate shared by all of them, that means they cannot ship TOGETHER. A cart
+     * where no line has rates is left alone: digital products have none, and
+     * shopcart refuses the physical case on its side.
+     */
+    private someLineShipsOnItsOwn;
     /** Whether all mandatory Leveringsadresse fields are filled. */
     private get isAddressValid();
     /** Whether a valid shipping option is selected (when shippings exist). */
     private get hasSelectedShipping();
     /** Which payment buttons to render — backend-configured per sponsor. */
     private loadAvailablePaymentMethods;
+    /**
+     * With exactly one payment method there is no choice to make, so making the
+     * shopper click it is a step that can only have one outcome. Select it —
+     * and since the checkout asks for the method first (2026-09-22), this is
+     * what skips that step: the form, or the provider's widget, comes straight
+     * up.
+     *
+     * Deliberately narrow:
+     * - never overrides a method the shopper already picked;
+     * - only for methods usable RIGHT NOW — Apple Pay and Klarna depend on the
+     *   browser and on their script loading, and auto-selecting an unusable one
+     *   would strand the shopper on a panel that cannot pay (see `updated`: a
+     *   late "available" gets one more try);
+     * - selecting never pays: Stripe and Vipps still wait for their own button.
+     */
+    private autoSelectSoleMethod;
     /** Backend names arrive as e.g. "Apple Pay" — compare letters only. */
     private methodEnabled;
+    /**
+     * Stripe's Payment Element shows the wallets of the account that charges —
+     * Apple Pay and Google Pay among them. Offering our own Apple Pay button
+     * next to it is the same wallet twice, on the same screen, paying through
+     * the same account: when Stripe pays on our page, Stripe owns the wallets
+     * (Angelo, 2026-09-24). The cart's express button is another surface and
+     * keeps its own Apple Pay — the Element does not exist there.
+     */
+    private stripeOwnsWallets;
+    /** The methods the shopper actually sees (see stripeOwnsWallets). */
+    private offeredMethods;
     private refreshApplePay;
     private refreshKlarna;
     /** Mount (or re-mount on amount change) the Klarna Payments widget. */
@@ -400,6 +642,17 @@ declare class VioCheckout extends LitElement {
     /** Authorize the selected Klarna method → backend creates the order. */
     private onKlarnaAuthorize;
     private onFieldChange;
+    /** After choosing a method that needs our form, bring the form into view. */
+    private revealAddressForm;
+    /**
+     * Vipps from the checkout: Express when the channel allows it, so the
+     * shopper picks the delivery inside the app — our rate on the cart is the
+     * one preselected there — and never silently keeps the default our form
+     * chose for them. When the cart cannot have Express (several suppliers)
+     * the backend says so without creating a payment, and the plain payment
+     * follows: profile shared, the rate already on the cart.
+     */
+    private startVippsFromCheckout;
     private onApplePay;
     private onPay;
     /**
@@ -415,6 +668,16 @@ declare class VioCheckout extends LitElement {
      * paid sponsor's cart so the badge + drawer reflect the purchase.
      */
     private confirmOrder;
+    /** Waits between asks for the Vio order number: the order is often born a
+     * moment after the payment (Vipps and Stripe through their webhook). */
+    private static readonly ORDER_NUMBER_DELAYS_MS;
+    /**
+     * Puts the Vio order number (#4497) on the confirmation once the order
+     * exists. Until then the line is simply not there — never the checkout's
+     * uuid in its place, which is what it used to print. Stops if the shopper
+     * closes the drawer or another confirmation takes its place.
+     */
+    private fillOrderNumber;
     private methodLabel;
     /** True for methods that complete via a separate sheet/widget, not the CTA. */
     private isExpressMethod;
@@ -423,13 +686,84 @@ declare class VioCheckout extends LitElement {
      * express always has one; the normal flow has one once the backend
      * shippings loaded (the choice IS persisted on the cart and charged). */
     private shippingMajor;
+    /** The rate the summary names — Qliro's own pick while Qliro is the method. */
+    private summaryShippingName;
     /** Total to charge — items + shipping (express). */
     private payTotalLabel;
     render(): lit_html.TemplateResult<1>;
+    /**
+     * The provider's receipt on its own. It must not depend on the cart: the
+     * payment step is rendered from the cart, and clearing the cart after a
+     * purchase is what took Qliro's receipt away on 2026-09-08 and brought back
+     * "how do you want to pay". The provider's container lives in the light DOM
+     * and is projected here, untouched.
+     */
+    private renderProviderReceipt;
+    /**
+     * A completed purchase whose receipt the PROVIDER shows. Same side effects as
+     * confirmOrder — `vio:payment-success` for the host and analytics, the
+     * sponsor's cart cleared — but the screen is the provider's receipt, not our
+     * "Takk!": two receipts for one purchase is one too many.
+     */
+    private showProviderReceipt;
+    /** Back from the payment page, asking whether it was paid — and nothing
+     * else on screen while we do. */
+    private renderVerifying;
     private renderConfirmation;
+    /**
+     * Whether mounting an embedded checkout now would be starting a payment the
+     * shopper asked for. Mounting CREATES an order at the provider (and a backend
+     * checkout if there is none), so it must not happen on a confirmation return,
+     * once this checkout's order is confirmed, or for a cart that cannot ship.
+     */
+    private mayStartEmbeddedPayment;
+    /**
+     * Whether we know enough about shipping to create an order. The provider
+     * prices the order when it is created, so a first opening waits for the
+     * shippings to answer: the cart may turn out unable to ship at all. A list
+     * already on screen counts, and a later answer that blocks the cart takes
+     * the widget down again (see `updated`).
+     */
+    private shippingsSettled;
+    /** Why nothing can be paid: the cart's products cannot ship together. */
+    private renderShippingBlocked;
+    /**
+     * The checkout an embedded widget's order belongs to. Kustom, Qliro and
+     * Walley price the order when it is created, so a widget kept into a NEW
+     * checkout shows — and charges — the cart it was created for.
+     *
+     * Closing drops the widgets, but a checkout can start again without a
+     * close: in Vev the cart view opens on top of the checkout and "Til kassen"
+     * calls `Vio.checkout.open()` again (Angelo, 2026-09-14: quantities raised
+     * in the cart view, Qliro kept the old total). Every `open()` is a new
+     * session, so a widget from an earlier one starts over.
+     *
+     * 0.11.3 compared the cart LINES instead, and that was wrong: within one
+     * session the backend rewrites them (saving the shipping re-reads the cart),
+     * so the first Qliro event after that — the customer picking a shipping —
+     * tore the widget down mid-purchase (Alan, 2026-09-14). The session does
+     * not change under the customer's hands.
+     */
+    private embedSession;
     /** Klarna Payments widget panel: shipping + category chips + widget + pay button. */
+    /**
+     * The cart a Kustom order describes. When it changes under a mounted
+     * widget, the order is UPDATED in place (Kustom's rule) — see
+     * syncKustomIfStale. The order is a photo of the lines, not of the form:
+     * address and shipping live inside the widget.
+     */
+    private kustomCartKey;
     /** Mount the Kustom embedded checkout once it's the chosen method. */
     private mountKustomIfNeeded;
+    /** What the widget tells us, kept only to show — never acted on server-side. */
+    private kustomHandlers;
+    /**
+     * The cart changed under a mounted Kustom widget: suspend it, push the
+     * cart into the same order, resume it. Never a second order, never a
+     * widget showing a total the backend will not charge (the validation
+     * callback would refuse it). A failed sync takes the widget down.
+     */
+    private syncKustomIfStale;
     private unmountKustom;
     private renderKustomPanel;
     /** Mount the Qliro embedded checkout once it's the chosen method. */
@@ -458,6 +792,67 @@ declare class VioCheckout extends LitElement {
     private mountWalleyIfNeeded;
     private unmountWalley;
     private renderWalleyPanel;
+    /**
+     * Mount the Nexi embedded checkout once it's the chosen method. Nexi's own
+     * JS SDK renders into a LIGHT-DOM container (it refuses a shadow root);
+     * completion is its `payment-completed` event — Nexi neither redirects nor
+     * shows a receipt, so success lands in Vio's confirmation drawer. Shipping
+     * is re-priced on `address-changed` (see the manager).
+     */
+    private mountNexiIfNeeded;
+    /** payment-completed: the reservation exists — confirm like the redirect methods do. */
+    private onNexiCompleted;
+    /**
+     * How it was paid and where the receipt goes — Nexi knows, we ask. Its
+     * payment details can lag the completion event by a moment, hence the
+     * few retries. Best effort: the confirmation stands without them.
+     */
+    private addNexiPaymentDetails;
+    private static readonly NEXI_DETAILS_DELAYS_MS;
+    private unmountNexi;
+    /**
+     * Nexi has no shipping picker: once an address is typed in the widget, the
+     * rates that reach it are listed here and the pick is pushed to the payment.
+     * With a single rate there is nothing to choose, so nothing is shown.
+     */
+    private renderNexiShippingChoice;
+    private onPickNexiShipping;
+    /**
+     * What an embedded payment is a photo OF — an Adyen session, a Stripe
+     * PaymentIntent. When any of it changes underneath, that photo no longer
+     * describes the purchase: it is dropped, and the shopper asks for the
+     * payment step again.
+     */
+    private embedPurchaseKey;
+    /** The part of the photo the shopper types and picks. */
+    private embedFormKey;
+    /** A mounted session whose purchase changed is taken down — never patched. */
+    private dropStaleAdyen;
+    private mountAdyenIfNeeded;
+    private onAdyenCompleted;
+    /** What Adyen told us about the payment, on Vio's confirmation. */
+    private addAdyenPaymentDetails;
+    private unmountAdyen;
+    private renderAdyenPanel;
+    /** A mounted Element whose purchase changed is taken down — never patched. */
+    private dropStaleStripe;
+    private mountStripeIfNeeded;
+    /**
+     * Pay with the mounted Element. Stripe answers the BROWSER; the order is
+     * created server-side by the `payment_intent.succeeded` webhook, so a
+     * success is then waited for on the checkout itself.
+     */
+    private onStripePay;
+    /**
+     * Wait for Stripe's webhook to make the checkout paid — the same window the
+     * redirect return uses, and ONLY the status: a Stripe checkout carries
+     * `origin_payment_id` from the moment the intent is created, so that
+     * pointer would read as paid before anyone paid.
+     */
+    private waitForStripeOrder;
+    private unmountStripe;
+    private renderStripePanel;
+    private renderNexiPanel;
     private renderKlarnaPanel;
     /** Express layout — only the Klarna widget + a compact order summary. */
     private renderKlarnaExpress;

package/dist/ui/index.d.ts

@@ -1,4 +1,4 @@
-export { V as VioCart, a as VioCheckout, b as VioProduct, c as VioProductCarousel, d as VioProductDetail, e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-D6PBisUm.js';
+export { V as VioCart, a as VioCheckout, b as VioProduct, c as VioProductCarousel, d as VioProductDetail, e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-Dkbfcd1L.js';
 import 'lit-html';
 import 'lit';
 

package/dist/ui/index.js

@@ -1,6 +1,6 @@
-import { registerVioElements } from '../chunk-7TGCXO5J.js';
-export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-7TGCXO5J.js';
-import '../chunk-TJ43TE7H.js';
+import { registerVioElements } from '../chunk-MRJR6DG5.js';
+export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-MRJR6DG5.js';
+import '../chunk-WTVGVDZX.js';
 
 // src/ui/index.ts
 registerVioElements();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vio-live/web-sdk",
-  "version": "0.11.1",
+  "version": "0.21.0",
   "description": "Vio Web SDK — in-site shoppable + native checkout, designed for editorial commerce sites",
   "type": "module",
   "main": "./dist/index.js",
@@ -57,6 +57,7 @@
     "@lit/react": "^1.0.8",
     "@types/node": "^22.10.0",
     "@types/react": "^19.2.17",
+    "jsdom": "^25.0.1",
     "tsup": "^8.5.1",
     "typescript": "^5.6.3",
     "vite": "^6.0.0",