@vio-live/web-sdk 0.27.0 → 0.28.0

package/dist/core/index.d.ts

@@ -193,6 +193,10 @@ interface Sponsor {
     logoUrl?: string | null;
     primaryColor?: string | null;
     secondaryColor?: string | null;
+    /** The brand's purchase terms (its own page, e.g. its shop's terms of service). */
+    termsUrl?: string | null;
+    /** The brand's returns / refund policy page. */
+    refundPolicyUrl?: string | null;
     commerce: SponsorCommerceBlock;
 }
 /**
@@ -832,6 +836,10 @@ interface SponsorIdentity {
     /** The brand's logo, as the bootstrap gives it (never rewritten); `null` when it has none. */
     logoUrl: string | null;
     avatarUrl: string | null;
+    /** The brand's purchase terms page — https only; `null` when it has none. */
+    termsUrl?: string | null;
+    /** The brand's returns / refund policy page — https only; `null` when it has none. */
+    refundPolicyUrl?: string | null;
 }
 /** The sponsor of a checkout / an order as events and `getOrderReference` carry it. */
 type CheckoutSponsor = Pick<SponsorIdentity, 'id' | 'name' | 'logoUrl'>;
@@ -1229,7 +1237,14 @@ interface AnalyticsCommerce {
     items?: AnalyticsItemInput[];
     value?: number;
     currency?: string;
+    /**
+     * `order_id` on the wire. On a `purchase` it is Vio's order number (`4415`,
+     * the number the dashboard and Commerce's cancellations use), else the
+     * checkout id standing in for it (`props.order_id_kind` says which).
+     */
     orderId?: string;
+    /** `checkout_id` on the wire: Vio's checkout id (uuid). Always on the SDK's own `purchase`. */
+    checkoutId?: string;
     paymentMethod?: string;
     /**
      * The buyer reference (`buyer_id` on the wire): shopcart's `buyer_ref`, a
@@ -1301,6 +1316,12 @@ declare class AnalyticsManager extends EventTarget {
     private client;
     /** The landing it was read from — persisted later when consent arrives after the first event. */
     private landing;
+    /** Checkouts (`c:<id>`) and orders (`o:<number>`) this page load reported a `purchase` for: one each. */
+    private readonly purchased;
+    /** Purchases still waiting for Vio's order number: each sends at once, with what it has, when called. */
+    private readonly pendingPurchases;
+    /** Between `pagehide` and `pageshow` (bfcache): nothing waits, it all goes out now. */
+    private pageHiding;
     /** 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. */
     get currentLanding(): Landing | null;
     private teardown;
@@ -1319,12 +1340,14 @@ declare class AnalyticsManager extends EventTarget {
     /** ¿Podemos escribir en el dispositivo? */
     private get canPersist();
     start(options?: AnalyticsStartOptions): void;
-    /** 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(): void;
     /** Attach the partner's user id (opaque) to all subsequent events. */
     identify(externalUserId: string | null): void;
     /** Queue one event. Works pre-init and pre-start (SSR: no-op). */
     track(name: AnalyticsEventName, opts?: TrackOptions): void;
+    /** The sinks and the queue for one built event — `track`'s second half. */
+    private record;
     /**
      * Impression helper: observes an element and tracks ONE
      * `component_impression` per (session, campaignComponentId) when the
@@ -1361,6 +1384,37 @@ declare class AnalyticsManager extends EventTarget {
      * writes ZERO tracking code for the commerce funnel.
      */
     private installAutoListeners;
+    /**
+     * Claims the purchase of a payment for this page load: false when its
+     * checkout (or its order) already has one, reported or waiting.
+     */
+    private claimPurchase;
+    /**
+     * 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.
+     */
+    private reportPurchase;
+    /** Sends every purchase still waiting for its order number, at once, with what it has. */
+    private settlePendingPurchases;
+    /** Whether the page is hidden or going away (`pagehide` until `pageshow`). */
+    private isPageHidden;
+    /**
+     * 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.
+     */
+    private orderReferenceAsker;
     /** The lines of the cart (current, else the pre-clear snapshot), optionally one sponsor's. */
     private cartLines;
     /**
@@ -1421,10 +1475,20 @@ interface PaymentSuccessDetail {
     /** Per-element content override (`vio-content-id` / `vio-content-title`), when the emitter carries one. */
     contentId?: string | number;
     contentTitle?: string;
-    /** Redirect return: Vio's checkout id (the name predates `checkoutId`). */
+    /**
+     * Redirect return: Vio's checkout id (the name predates `checkoutId`). A
+     * value that is a whole number is read as Vio's order number instead — a
+     * checkout id is a uuid, never one.
+     */
     orderId?: string | number;
     /** Vio's checkout id — from the checkout state or the return URL. */
     checkoutId?: string | number;
+    /**
+     * Vio's order number (`4415`), when the emitter knows it: the SDK's checkout
+     * adds it when its ask for the buyer reference already found the order.
+     * Becomes the purchase's `order_id`.
+     */
+    orderNumber?: string | number | null;
     /**
      * The buyer reference the emitter learned with the payment — shopcart's
      * `buyer_ref`, a keyed hash of the email (`buyerRef` from the SDK's own
@@ -1443,8 +1507,9 @@ interface PaymentSuccessDetail {
     sponsor?: CheckoutSponsor;
 }
 /**
- * What the checkout attaches as `result`. Only `confirmation` carries a Vio
- * id: the order `ConfirmPaymentApplePay` created. `order.orderId` / `orderId`
+ * What the checkout attaches as `result`. Only `confirmation` carries Vio
+ * ids: the order `ConfirmPaymentApplePay` created (its number) and the
+ * checkout it paid. `order.orderId` / `orderId`
  * are the PROVIDER's references (Qliro's, Walley's — the checkout itself
  * shows them as `providerRef`), and `chargedTotal` includes shipping on some
  * methods only. Analytics reads none of those.
@@ -1452,6 +1517,8 @@ interface PaymentSuccessDetail {
 interface PaymentSuccessResult {
     confirmation?: {
         orderId?: string | number | null;
+        /** The checkout the confirmation paid (Apple Pay from the cart names no other). */
+        checkoutId?: string | null;
         status?: string;
         buyerRef?: string | null;
         buyer_ref?: string | null;
@@ -1477,17 +1544,41 @@ declare function buyerRefOf(d: {
     buyer_ref?: unknown;
     result?: PaymentSuccessResult | null;
 } | null | undefined): string | undefined;
-/**
- * The `order_id` and `buyer_id` of a `purchase`. The id is ALWAYS a Vio id, never a provider's
- * reference. Normalized across every emitter: `orderId` (redirect return) →
- * `result.confirmation.orderId` (Apple Pay) → `checkoutId`. `value` and
- * `currency` are deliberately NOT read from the result: on every path they
- * come from the cart snapshot (sum of the items, no shipping), so revenue
- * stays comparable across payment methods — the charged total will arrive
- * through the server-side `order_paid` event. With nothing to say it
- * returns `{}`, so the cart snapshot keeps its keys.
- */
-declare function purchaseFromPaymentSuccess(d: PaymentSuccessDetail): Pick<AnalyticsCommerce, 'orderId' | 'buyerId'>;
+/** The ids of a `purchase`, as a `vio:payment-success` detail gives them (`purchaseIdsOf`). */
+interface PurchaseIds {
+    /**
+     * `commerce.order_id`: Vio's order number when the detail has it, else the
+     * checkout id standing in for it.
+     */
+    orderId?: string;
+    /** `commerce.checkout_id`: Vio's checkout id (uuid), when the detail has it. */
+    checkoutId?: string;
+    /** `props.order_id_kind`: what `orderId` is — `'order'` (the number) or `'checkout'` (the stand-in). */
+    orderIdKind?: 'order' | 'checkout';
+}
+/**
+ * The ids of a `purchase` — ALWAYS Vio's, never a provider's reference. The
+ * order number: `orderNumber` (an emitter that knows it) →
+ * `result.confirmation.orderId` (Apple Pay: the order `ConfirmPaymentApplePay`
+ * created) → an `orderId` that is a whole number. The checkout id: `orderId`
+ * (the redirect return's, a uuid) → `checkoutId` → `result.confirmation.checkoutId`
+ * (Apple Pay from the cart). `orderId` is the number
+ * when there is one, else the checkout id — the SDK's own `purchase` then
+ * waits for the number (see `AnalyticsManager`); a host with its own sink can
+ * ask `Vio.checkout.getOrderReference(checkoutId)` the same way.
+ */
+declare function purchaseIdsOf(d: PaymentSuccessDetail | null | undefined): PurchaseIds;
+/**
+ * The `order_id`, `checkout_id` and `buyer_id` of a `purchase`, as far as the
+ * detail says them NOW (`purchaseIdsOf`; the SDK's own `purchase` may still
+ * wait for the order number). `value` and `currency` are deliberately NOT
+ * read from the result: on every path they come from the cart snapshot (sum
+ * of the items, no shipping), so revenue stays comparable across payment
+ * methods — the charged total will arrive through the server-side
+ * `order_paid` event. With nothing to say it returns `{}`, so the cart
+ * snapshot keeps its keys.
+ */
+declare function purchaseFromPaymentSuccess(d: PaymentSuccessDetail): Pick<AnalyticsCommerce, 'orderId' | 'checkoutId' | 'buyerId'>;
 
 /**
  * The cart split per campaign (ADR-0034) — ONE rule, shared by the SDK's own
@@ -3275,7 +3366,7 @@ declare function normalizeBuyerRef(value: unknown): string | undefined;
  *
  * RELEASE CHECKLIST: bump together with package.json (see CONTRIBUTING).
  */
-declare const SDK_VERSION = "0.27.0";
+declare const SDK_VERSION = "0.28.0";
 
 /**
  * Vipps MobilePay's own button, the way the design guidelines ask for it.
@@ -3304,4 +3395,4 @@ declare function vippsButtonAttributes(verb?: 'buy' | 'pay' | 'express' | 'conti
     language?: string;
 }): Record<string, string>;
 
-export { ADD_ITEM_MUTATION, type AddManualOptions, type AddProductOptions, type AnalyticsCommerce, type AnalyticsContext, type AnalyticsEventName, type AnalyticsItemInput, AnalyticsManager, type AnalyticsStartOptions, type ApplePayConfig, type ApplePayResult, type Attribution, BUYER_REF_MAX_LENGTH, type BootstrapCampaign, type BootstrapCampaignEntry, type BootstrapCampaignStatus, type BootstrapResponse, type BootstrapSlot, 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, type CampaignHint, type CartChangeDetail, type CartLineItem, type CartLineOrigin, CartManager, type CartOrigin, type CartQueryOptions, type CartSlice, type CheckoutAddress, type CheckoutAttributionInput, type CheckoutAttributionWire, type CheckoutChangeDetail, CheckoutManager, type CheckoutManagerDeps, type CheckoutOpenDetail, type CheckoutReference, type CheckoutSponsor, type CheckoutState, type ClientContext, CommerceClient, Configuration, type ContentRef, type CreatePaymentVippsResponse, type CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, type EntryContextWire, type Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, type GatewayFeature, type GetVippsStatusVariables, type ImageSize, LINE_ORIGIN_CAPS, type Landing, type LineOriginWire, type LineOriginWireOptions, type ManifestLocation, type ManifestRequest, type ManifestResult, type OrderReference, type OriginPage, type PaymentCompleteDetail, type PaymentMethod, type PaymentSelectDetail, type PaymentSuccessDetail, type PaymentSuccessResult, type PlacementComponent, type Product, type ProductCategory, type ProductImage, type ProductOption, type ProductPrice, type ProductVariant, type RegisterSlotOptions, type ResolvedConfig, SDK_VERSION, type SlotInput, type SlotKind, type Sponsor, type SponsorCartState, type SponsorCommerceBlock, type SponsorIdentity, type SurfacePrivacyMode, type SurfaceResponse, type TrackOptions, 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, type VioConfig, type VioItem, type VioPlatform, type VippsPaymentState, type VippsStatusResult, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature };
+export { ADD_ITEM_MUTATION, type AddManualOptions, type AddProductOptions, type AnalyticsCommerce, type AnalyticsContext, type AnalyticsEventName, type AnalyticsItemInput, AnalyticsManager, type AnalyticsStartOptions, type ApplePayConfig, type ApplePayResult, type Attribution, BUYER_REF_MAX_LENGTH, type BootstrapCampaign, type BootstrapCampaignEntry, type BootstrapCampaignStatus, type BootstrapResponse, type BootstrapSlot, 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, type CampaignHint, type CartChangeDetail, type CartLineItem, type CartLineOrigin, CartManager, type CartOrigin, type CartQueryOptions, type CartSlice, type CheckoutAddress, type CheckoutAttributionInput, type CheckoutAttributionWire, type CheckoutChangeDetail, CheckoutManager, type CheckoutManagerDeps, type CheckoutOpenDetail, type CheckoutReference, type CheckoutSponsor, type CheckoutState, type ClientContext, CommerceClient, Configuration, type ContentRef, type CreatePaymentVippsResponse, type CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, type EntryContextWire, type Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, type GatewayFeature, type GetVippsStatusVariables, type ImageSize, LINE_ORIGIN_CAPS, type Landing, type LineOriginWire, type LineOriginWireOptions, type ManifestLocation, type ManifestRequest, type ManifestResult, type OrderReference, type OriginPage, type PaymentCompleteDetail, type PaymentMethod, type PaymentSelectDetail, type PaymentSuccessDetail, type PaymentSuccessResult, type PlacementComponent, type Product, type ProductCategory, type ProductImage, type ProductOption, type ProductPrice, type ProductVariant, type PurchaseIds, type RegisterSlotOptions, type ResolvedConfig, SDK_VERSION, type SlotInput, type SlotKind, type Sponsor, type SponsorCartState, type SponsorCommerceBlock, type SponsorIdentity, type SurfacePrivacyMode, type SurfaceResponse, type TrackOptions, 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, type VioConfig, type VioItem, type VioPlatform, type VippsPaymentState, type VippsStatusResult, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature };

package/dist/core/index.js

@@ -1,4 +1,4 @@
 import '../chunk-67QESEV2.js';
-export { ADD_ITEM_MUTATION, 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, 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, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature } from '../chunk-HJRIPCWB.js';
+export { ADD_ITEM_MUTATION, 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, 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, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature } from '../chunk-AFJ5M53F.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, Attribution, BUYER_REF_MAX_LENGTH, BootstrapCampaign, BootstrapCampaignEntry, BootstrapCampaignStatus, BootstrapResponse, BootstrapSlot, 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, CampaignHint, CartChangeDetail, CartLineItem, CartLineOrigin, CartManager, CartOrigin, CartQueryOptions, CartSlice, CheckoutAddress, CheckoutAttributionInput, CheckoutAttributionWire, CheckoutChangeDetail, CheckoutManager, CheckoutManagerDeps, CheckoutOpenDetail, CheckoutReference, CheckoutSponsor, CheckoutState, ClientContext, CommerceClient, Configuration, ContentRef, CreatePaymentVippsResponse, CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, EntryContextWire, Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, GatewayFeature, GetVippsStatusVariables, ImageSize, LINE_ORIGIN_CAPS, Landing, LineOriginWire, LineOriginWireOptions, ManifestLocation, ManifestRequest, ManifestResult, OrderReference, OriginPage, PaymentCompleteDetail, PaymentMethod, PaymentSelectDetail, PaymentSuccessDetail, PaymentSuccessResult, PlacementComponent, Product, ProductCategory, ProductImage, ProductOption, ProductPrice, ProductVariant, RegisterSlotOptions, ResolvedConfig, SDK_VERSION, SlotInput, SlotKind, Sponsor, SponsorCartState, SponsorCommerceBlock, SponsorIdentity, SurfacePrivacyMode, SurfaceResponse, TrackOptions, 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, VioConfig, VioItem, VioPlatform, VippsPaymentState, VippsStatusResult, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature } from './core/index.js';
+export { ADD_ITEM_MUTATION, AddManualOptions, AddProductOptions, AnalyticsCommerce, AnalyticsContext, AnalyticsEventName, AnalyticsItemInput, AnalyticsManager, AnalyticsStartOptions, ApplePayConfig, ApplePayResult, Attribution, BUYER_REF_MAX_LENGTH, BootstrapCampaign, BootstrapCampaignEntry, BootstrapCampaignStatus, BootstrapResponse, BootstrapSlot, 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, CampaignHint, CartChangeDetail, CartLineItem, CartLineOrigin, CartManager, CartOrigin, CartQueryOptions, CartSlice, CheckoutAddress, CheckoutAttributionInput, CheckoutAttributionWire, CheckoutChangeDetail, CheckoutManager, CheckoutManagerDeps, CheckoutOpenDetail, CheckoutReference, CheckoutSponsor, CheckoutState, ClientContext, CommerceClient, Configuration, ContentRef, CreatePaymentVippsResponse, CreatePaymentVippsVariables, DELETE_ITEM_MUTATION, EntryContextWire, Environment, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, GRAPHQL_INT_MAX, GatewayFeature, GetVippsStatusVariables, ImageSize, LINE_ORIGIN_CAPS, Landing, LineOriginWire, LineOriginWireOptions, ManifestLocation, ManifestRequest, ManifestResult, OrderReference, OriginPage, PaymentCompleteDetail, PaymentMethod, PaymentSelectDetail, PaymentSuccessDetail, PaymentSuccessResult, PlacementComponent, Product, ProductCategory, ProductImage, ProductOption, ProductPrice, ProductVariant, PurchaseIds, RegisterSlotOptions, ResolvedConfig, SDK_VERSION, SlotInput, SlotKind, Sponsor, SponsorCartState, SponsorCommerceBlock, SponsorIdentity, SurfacePrivacyMode, SurfaceResponse, TrackOptions, 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, VioConfig, VioItem, VioPlatform, VippsPaymentState, VippsStatusResult, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature } from './core/index.js';
 import 'graphql-request';

package/dist/index.js

@@ -1,4 +1,4 @@
 import './chunk-67QESEV2.js';
-export { ADD_ITEM_MUTATION, 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, 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, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature } from './chunk-HJRIPCWB.js';
+export { ADD_ITEM_MUTATION, 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, 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, activeCampaignEntry, addItem, autoSlotDisplayName, autoSlotId, buyerRefOf, campaignCandidates, capContentUrl, cartSlicesFrom, checkApplePayAvailability, checkoutAttributionOf, componentKindOf, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, dominantCampaignOf, ensureVippsButton, entryContextOf, executeCartGraphQL, formatPrice, gatewayHas, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCheckoutReference, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, isUnknownFeatureError, isUnknownTokenError, landingUrl, lineOriginWire, lineOrigins, normalizeBuyerRef, normalizeOrigin, normalizeScope, normalizeSlotKind, originAndPath, primaryImageUrl, purchaseFromPaymentSuccess, purchaseIdsOf, resetGatewayFeatures, resolveCampaignId, resolveClientContext, resolveContent, resolveLanding, resolveSlotCampaign, sameOrigin, showApplePaySheet, sponsorCampaignEntry, sponsorIdentityFrom, storedLanding, toCampaignId, updateCheckout, updateItem, updateShippingsBySupplier, vippsButtonAttributes, withGatewayFeature } from './chunk-AFJ5M53F.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-CihuCU2l.js';
-export { e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-CihuCU2l.js';
+import { V as VioCart$1, a as VioCheckout$1, b as VioProduct$1, c as VioProductCarousel$1, d as VioProductDetail$1 } from '../tokens-y0KzN7bP.js';
+export { e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-y0KzN7bP.js';
 import 'lit-html';
 import 'lit';
 

package/dist/react/index.js

@@ -1,6 +1,6 @@
-import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-GLAKUYQA.js';
-export { VioTokens, applyVioTheme } from '../chunk-GLAKUYQA.js';
-import '../chunk-HJRIPCWB.js';
+import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-Q2NALS7P.js';
+export { VioTokens, applyVioTheme } from '../chunk-Q2NALS7P.js';
+import '../chunk-AFJ5M53F.js';
 import * as React from 'react';
 
 // node_modules/@lit/react/node/create-component.js

package/dist/{tokens-CihuCU2l.d.ts → tokens-y0KzN7bP.d.ts}

@@ -277,6 +277,12 @@ declare class VioProductDetail extends LitElement {
     private selectedOptions;
     private quantity;
     private activeImageIndex;
+    /** The thumbnail row is wider than its box (arrows shown with a mouse). */
+    private thumbsOverflow;
+    private thumbsAtStart;
+    private thumbsAtEnd;
+    /** The top bar's logo file is square-ish: a mark, so its name goes beside it. */
+    private logoSquare;
     private adding;
     /** Apple Pay actually usable (real Stripe + registered domain) — set on load. */
     private applePayOk;
@@ -293,11 +299,21 @@ declare class VioProductDetail extends LitElement {
     private applePayHandle;
     /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
     private readonly dialogFocus;
+    /** Phones: the page behind is locked, and the sheet closes by pulling the bar or the top bar down. */
+    private readonly bottomSheet;
     private boundProductClick;
     static styles: lit.CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
+    private thumbRow;
+    /** Arrows only when the row overflows; each one off at its own end. */
+    private measureThumbs;
+    private onThumbsScroll;
+    /** One arrow press moves most of a visible row. */
+    private scrollThumbs;
+    /** The selected thumbnail is always visible: the row scrolls to it, the page never does. */
+    private revealActiveThumb;
     show(): void;
     close(): void;
     private fetchProduct;
@@ -391,13 +407,22 @@ declare class VioProductDetail extends LitElement {
     private headerName;
     private loadSeller;
     /**
-     * Who sells the product: the brand of the sponsor it was fetched with —
-     * its logo, with the name as `alt`. Without a logo that loads, the topbar
-     * already names the seller (its Company name, else the brand), so the name
-     * goes here only when the topbar names nobody once the seller is known —
-     * never the same name twice. Nothing at all when no identity is known.
+     * Who sells the product, top left beside the close (Mote & Livsstil,
+     * 2026-10-22): the logo of the sponsor the product was fetched with — the
+     * product's brand, never the article's — with its name as `alt`; without a
+     * logo that loads, its name; without an identity, the seller's Company name
+     * (or the product's brand) once known. Size: --vio-detail-logo-height.
      */
-    private renderSponsorHeader;
+    private renderTopbarSponsor;
+    /**
+     * Under the buy buttons: «Du handler direkte hos {brand}.» — the brand the
+     * product was fetched with (the sponsor; its Company name or the product's
+     * brand when no identity is known), never the article's. Nothing when no
+     * name is known.
+     */
+    private renderSellerNote;
+    /** Square-ish logo (4:5 to 5:4) → the top bar shows the name beside it. */
+    private measureLogo;
     render(): lit_html.TemplateResult<1>;
     private renderBody;
     private renderOptionPickers;
@@ -437,6 +462,8 @@ declare class VioCart extends LitElement {
     private loadingPaymentMethods;
     /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
     private readonly dialogFocus;
+    /** Phones: the page behind is locked, and the sheet closes by pulling the bar or the header down. */
+    private readonly bottomSheet;
     private boundOnCartChange;
     static styles: lit.CSSResult;
     connectedCallback(): void;
@@ -665,6 +692,8 @@ declare class VioCheckout extends LitElement {
      * in flight — Tab stays inside, focus returns to the opener.
      */
     private readonly dialogFocus;
+    /** Phones: the page behind is locked, and the sheet closes by pulling the bar or the top bar down — not mid-payment. */
+    private readonly bottomSheet;
     /** A payment is being started or confirmed right now: the overlay must not close under it. */
     private get paymentInFlight();
     /**
@@ -854,7 +883,9 @@ declare class VioCheckout extends LitElement {
      * `visibilitychange`) or the element leaves, the event goes out at once
      * without the reference. Exactly one event per call. `afterwards` runs
      * right after the event, so a path keeps the order it always had (the cart
-     * is cleared after the event).
+     * is cleared after the event). When that answer already has Vio's order
+     * number, the event carries it too (`orderNumber`): it is the purchase's
+     * `order_id`, and analytics need not ask again.
      */
     private emitPaymentSuccess;
     /** Whether asking the checkout for the buyer reference can still help. */
@@ -864,8 +895,9 @@ declare class VioCheckout extends LitElement {
      * failed or has neither the reference nor an order yet (the webhook has not
      * written the checkout), again at 1.2 s — all within 2.5 s. An order
      * without a reference is a settled answer: the backend has none, asking
-     * again cannot help. `undefined` when the time is up, when the answer
-     * stopped mattering (`stopped()`) or on failure.
+     * again cannot help. Whatever the answer said of the order number comes
+     * back with it. `{}` when the time is up, when the answer stopped mattering
+     * (`stopped()`) or on failure.
      */
     private askBuyerRef;
     /** Waits between asks for the Vio order number: the order is often born a
@@ -1233,6 +1265,68 @@ interface VioThemeOverrides {
     spaceMd?: string;
     spaceLg?: string;
     spaceXl?: string;
+    /** Product detail panel width on desktop (default `440px`). */
+    detailWidth?: string;
+    /** Side padding of the detail (default the `lg` space, `24px`). */
+    detailPaddingX?: string;
+    /** Height of the selling brand's logo in the detail's top bar (default `44px`; width follows its proportions). A square logo gets the brand's name beside it. */
+    detailLogoHeight?: string;
+    /** Zoom on that logo inside its box (default `1`); e.g. `1.8` crops the white around a mark in a square file. */
+    detailLogoZoom?: string;
+    /** Product name size in the detail. */
+    detailTitleSize?: string;
+    /** Price size in the detail (default `24px`). */
+    detailPriceSize?: string;
+    /** How the main image fits its box: `cover` (fills it, crops the overflow — default) or `contain` (whole image, bars where the shapes differ). */
+    detailImageFit?: string;
+    /** Main image box proportion, the same for every image so the panel never jumps: `4 / 5` (default), `1 / 1`, `3 / 4`, or `auto` (each image its own). */
+    detailImageAspect?: string;
+    /** Cap on the main image's height (default `85vh`). */
+    detailImageMaxHeight?: string;
+    /** Zoom on the main image (default `1`); e.g. `1.15` to crop a white margin baked into the file. */
+    detailImageZoom?: string;
+    /** Side margin of the main image (default: the panel's padding, aligned with the text); `0` = edge to edge. */
+    detailImageInset?: string;
+    /** Background behind the main image (default the muted surface). */
+    detailImageBg?: string;
+    /** Thumbnail size (default `64px`). One row, scrolls sideways. */
+    detailThumbSize?: string;
+    /** Space between thumbnails (default `8px`). */
+    detailThumbGap?: string;
+    /** Thumbnail corners (default `0`). */
+    detailThumbRadius?: string;
+    /** Border of the selected thumbnail (default the text colour). */
+    detailThumbActiveColor?: string;
+    /** Height (and min width) of a size / option button (default `36px`). */
+    detailOptionHeight?: string;
+    /** Space between option buttons (default `6px`). */
+    detailOptionGap?: string;
+    /** Option button corners (default `0`). */
+    detailOptionRadius?: string;
+    /** `wrap` (default, several lines) or `nowrap` (one line that scrolls). */
+    detailOptionWrap?: string;
+    /** Height of the quantity stepper and «Legg i handlekurv» (default `52px`). */
+    detailButtonHeight?: string;
+    /** Corners of «Legg i handlekurv» (default `0`). */
+    detailButtonRadius?: string;
+    /** `sticky` or `static`: whether the buy zone (Vipps, quantity, add to cart) stays at the bottom of the panel while scrolling. Default: `static` on phones, `sticky` on desktop (with the description above it). */
+    detailBuyPosition?: string;
+    /** Shadow over a sticky buy zone, e.g. `0 -8px 16px rgba(0,0,0,.06)`. */
+    detailBuyShadow?: string;
+    /** Cart drawer width on desktop (default `440px`). */
+    cartWidth?: string;
+    /** Checkout panel width on desktop (default `440px`). */
+    checkoutWidth?: string;
+    /** Height of the brand's logo on the confirmation (default `40px`). */
+    confirmLogoHeight?: string;
+    /** «Takk for bestillingen!» size (default `24px`). */
+    confirmTitleSize?: string;
+    /** Background of the confirmation's check mark (default green). */
+    confirmCheckBg?: string;
+    /** Background of the «Åpner Vipps …» overlay (default translucent white). */
+    redirectBg?: string;
+    /** Spinner colour of that overlay (default Vipps orange). */
+    redirectSpinner?: string;
 }
 /**
  * Apply (or clear) theme overrides. Pass `null`/`undefined` for a key to

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-CihuCU2l.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-y0KzN7bP.js';
 import 'lit-html';
 import 'lit';
 

package/dist/ui/index.js

@@ -1,6 +1,6 @@
-import { registerVioElements } from '../chunk-GLAKUYQA.js';
-export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-GLAKUYQA.js';
-import '../chunk-HJRIPCWB.js';
+import { registerVioElements } from '../chunk-Q2NALS7P.js';
+export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-Q2NALS7P.js';
+import '../chunk-AFJ5M53F.js';
 
 // src/ui/index.ts
 registerVioElements();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vio-live/web-sdk",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "Vio Web SDK — in-site shoppable + native checkout, designed for editorial commerce sites",
   "type": "module",
   "main": "./dist/index.js",
@@ -31,7 +31,8 @@
   "files": [
     "dist",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "build": "tsup",