@vio-live/web-sdk 0.26.0 → 0.27.0

package/README.md

@@ -453,6 +453,74 @@ confirmation screen never waits. A host with its own checkout passes `buyerRef`
 (`requireConsent` until `setConsent(true)`) `buyer_id` is not sent at all: a visit
 measured with ephemeral ids carries no stable identifier of a person.
 
+## Sponsor identity — name and logo
+
+The elements say **who sells**: the sponsor's (brand's) display name and logo.
+
+| Where | What it shows |
+|---|---|
+| `<vio-product-detail>` | a small brand header at the top of the detail — the logo (the name as its `alt`), or the name — for the sponsor the product was fetched with |
+| `<vio-checkout>` header | «Du handler hos ‹logo \| name›» — the checkout's sponsor («Du har handlet hos …» over a provider's own receipt) |
+| `<vio-checkout>` confirmation | «Takk for bestillingen! Du har handlet hos Careless.» next to the order number, with the logo above when there is one |
+| `<vio-cart>` / carousel | the sponsor label over a sponsor's lines, the `retailer` line of a carousel's cards (by name) |
+
+No logo → the name. A logo that fails to load → the name. Nothing known → nothing
+(the product detail shows no header; the confirmation keeps «Takk for bestillingen!»
+without the sentence). The marks are styled with the `--vio-*` tokens and exposed as
+`part="sponsor"` (`vio-checkout::part(sponsor)`).
+
+**One rule.** `Vio.sponsorIdentity(sponsorId, { checkoutId? })` answers
+`{ id, name, logoUrl, avatarUrl } | null` — and every element uses it:
+
+1. the live bootstrap's sponsor blocks: the config's `primarySponsor` and
+   `secondarySponsors`, then every `campaigns[]` entry's primary and secondaries,
+   first match (a surface with no active campaign still names its channel brands);
+2. when the bootstrap does not know the id (not loaded yet, a redirect return): what
+   this tab remembered of the checkout — when the SDK creates a checkout it keeps
+   `checkoutId → { sponsorId, name, logoUrl }` in `sessionStorage`
+   (`vio.checkoutSponsor.v1`, the last 20 checkouts; it works, for that page,
+   without storage) — then the latest remembered checkout of that sponsor;
+3. the cart's `sponsorName`;
+4. `null`.
+
+With only `{ checkoutId }` the sponsor is the one remembered for that checkout. URLs
+are kept as given; an empty `logoUrl` is `null`. `sponsorIdentityFrom(bootstrap,
+sponsorId)` is the pure step 1, exported from `/core`.
+
+**From the checkout, never from the page.** In the checkout and on its confirmation
+the sponsor is the **checkout's** — the cart's sponsor, the one the order is with —
+from the checkout state or the return URL (`vio_sponsor`, `checkout_id`), never
+`Vio.attribution()`: an article of one brand may sell another brand's product. Back
+from Vipps the confirmation names the brand from the memory at once, or from the
+bootstrap as soon as it lands (the thanks is shown first, the name follows).
+
+**For hosts.** `vio:checkout-open` and `vio:payment-success` carry
+`sponsor: { id, name, logoUrl }` in their detail when it can be named (the key is
+absent otherwise), and `Vio.checkout.getOrderReference(checkoutId, sponsorId?)`
+answers `{ orderNumber, buyerRef, sponsor? }` by the same rule. The SDK cleans its
+return parameters from the URL once it has used them, so its own confirmation does
+not come back on a reload — a host that wants a confirmation page that survives one
+keeps the two ids in its own URL and asks again:
+
+```ts
+// On the purchase: keep what the confirmation needs in YOUR url.
+document.addEventListener('vio:payment-success', (e) => {
+  const d = (e as CustomEvent).detail
+  const checkoutId = String(d.checkoutId ?? d.orderId ?? '')
+  history.replaceState(null, '', `/takk?checkout=${checkoutId}&sponsor=${d.sponsorId ?? ''}`)
+  render(d.sponsor)
+})
+
+// On /takk (also after a reload, or in another browser):
+const params = new URLSearchParams(location.search)
+const ref = await Vio.checkout.getOrderReference(params.get('checkout') ?? '', Number(params.get('sponsor')) || undefined)
+render(ref.sponsor, ref.orderNumber) // waits for Vio.init (up to 2 s) and the bootstrap; never throws
+
+function render(sponsor?: { name: string; logoUrl: string | null }, orderNumber?: number | null) {
+  // «Takk for bestillingen! Du har handlet hos {sponsor.name}.» — the logo when sponsor.logoUrl
+}
+```
+
 ## Theming
 
 Every component reads its colors and fonts from `--vio-*` CSS custom properties

package/dist/chunk-67QESEV2.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-67QESEV2.js.map
+//# sourceMappingURL=chunk-67QESEV2.js.map

package/dist/{chunk-NCP76AXW.js.map → chunk-67QESEV2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-NCP76AXW.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-67QESEV2.js"}

package/dist/{chunk-A3LN5JEM.js → chunk-GLAKUYQA.js}

@@ -1,5 +1,5 @@
-import { Vio, __decorateClass, primaryImageUrl, displayPrice, toCampaignId, getGlobalCurrency, ensureVippsButton, formatPrice, buyerRefOf, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, gatewayHasBuyerRef, AdyenOriginError, normalizeSlotId, autoSlotDisplayName, autoSlotId, normalizeScope, campaignCandidates } from './chunk-5KWICUME.js';
-import { LitElement, css, html } from 'lit';
+import { Vio, __decorateClass, primaryImageUrl, displayPrice, toCampaignId, getGlobalCurrency, ensureVippsButton, formatPrice, buyerRefOf, nexiReturnPaymentId, readNexiPending, kustomReturnOutcome, KUSTOM_RETURN_QUERY_KEYS, ADYEN_RETURN_METHOD, adyenReturnParams, ADYEN_RETURN_QUERY_KEYS, adyenReturnOutcome, gatewayHasBuyerRef, rememberedCheckoutSponsor, checkoutSponsorOf, AdyenOriginError, normalizeSlotId, autoSlotDisplayName, autoSlotId, sponsorIdentityFrom, Configuration, normalizeScope, campaignCandidates } from './chunk-HJRIPCWB.js';
+import { LitElement, css, html, nothing } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
 // src/ui/tokens.ts
@@ -705,6 +705,54 @@ __decorateClass([
 __decorateClass([
   state()
 ], VioProduct.prototype, "justAdded", 2);
+function resolveSponsorIdentity(sponsorId, checkoutId) {
+  try {
+    if (typeof Vio.sponsorIdentity === "function") return Vio.sponsorIdentity(sponsorId, { checkoutId });
+    return sponsorIdentityFrom(Vio.bootstrapCache, sponsorId);
+  } catch {
+    return null;
+  }
+}
+function sponsorDetail(sponsorId, checkoutId) {
+  const sponsor = checkoutSponsorOf(resolveSponsorIdentity(sponsorId, checkoutId));
+  return sponsor ? { sponsor } : {};
+}
+var failedLogos = /* @__PURE__ */ new Set();
+function usableLogo(identity) {
+  const url = identity?.logoUrl;
+  return url && !failedLogos.has(url) ? url : null;
+}
+function renderSponsorMark(host, identity, classes) {
+  if (!identity) return nothing;
+  const logo = usableLogo(identity);
+  if (logo) {
+    return html`<img
+      class=${classes.logo}
+      src=${logo}
+      alt=${identity.name}
+      decoding="async"
+      @error=${() => {
+      failedLogos.add(logo);
+      host.requestUpdate();
+    }}
+    />`;
+  }
+  return identity.name ? html`<span class=${classes.name}>${identity.name}</span>` : nothing;
+}
+var INIT_WAIT_MS = 1e4;
+async function whenBootstrapped() {
+  try {
+    if (Vio.bootstrapCache) return true;
+    if (!Configuration.isInitialized) await Configuration.whenReady(INIT_WAIT_MS);
+    if (!Configuration.isInitialized || typeof Vio.bootstrap !== "function") return false;
+    await Vio.bootstrap();
+    return !!Vio.bootstrapCache;
+  } catch {
+    return false;
+  }
+}
+
+// src/ui/components/vio-product-carousel.ts
 var VioProductCarousel = class extends LitElement {
   constructor() {
     super(...arguments);
@@ -1077,7 +1125,7 @@ var VioProductCarousel = class extends LitElement {
     if (this.fetched && this.fetched.length > 0) {
       return html`${this.fetched.map(({ product: p, sponsorId }) => {
         const img = primaryImageUrl(p) ?? "";
-        const retailer = sponsorNameFromBootstrap(sponsorId) ?? p.brand ?? "";
+        const retailer = resolveSponsorIdentity(sponsorId)?.name || p.brand || "";
         return html`
           <vio-product
             product-id=${String(p.id)}
@@ -1195,12 +1243,6 @@ __decorateClass([
 __decorateClass([
   state()
 ], VioProductCarousel.prototype, "fetchError", 2);
-function sponsorNameFromBootstrap(sponsorId) {
-  const boot = Vio.bootstrapCache;
-  if (!boot) return void 0;
-  if (boot.primarySponsor?.id === sponsorId) return boot.primarySponsor.name;
-  return boot.secondarySponsors?.find((s) => s.id === sponsorId)?.name;
-}
 
 // src/core/checkout/method-taxonomy.ts
 function normalizeMethodName(name) {
@@ -1701,6 +1743,29 @@ var VioProductDetail = class extends LitElement {
     }
     .gallery-thumb.active { border-color: var(--vio-color-text, #0a0a0a); }
 
+    /* Who sells it: the sponsor's logo, or its name — small, above everything. */
+    .sponsor-header {
+      grid-column: 1 / -1;
+      display: flex;
+      align-items: center;
+      min-height: 24px;
+    }
+    .sponsor-logo {
+      display: block;
+      width: auto;
+      height: auto;
+      max-height: 28px;
+      max-width: 160px;
+      object-fit: contain;
+    }
+    .sponsor-name {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: var(--vio-tracking-label, 0.1em);
+      color: var(--vio-color-text-secondary, #666);
+      font-weight: 600;
+    }
+
     /* Info column */
     .info { display: flex; flex-direction: column; gap: 24px; }
     .brand {
@@ -2384,9 +2449,7 @@ var VioProductDetail = class extends LitElement {
   addCurrentToCart() {
     if (!this.product) return void 0;
     const variant = this.selectedVariant();
-    const sponsor = Vio.bootstrapCache?.primarySponsor;
-    const secondaries = Vio.bootstrapCache?.secondarySponsors ?? [];
-    const sponsorName = sponsor?.id === this.sponsorId ? sponsor.name : secondaries.find((s) => s.id === this.sponsorId)?.name;
+    const sponsorName = resolveSponsorIdentity(this.sponsorId)?.name || void 0;
     const { campaignId, slot, contentId, componentTemplateId, contentUrl, contentTitle } = this.attribution();
     Vio.cart.addProduct({
       product: this.product,
@@ -2437,7 +2500,7 @@ var VioProductDetail = class extends LitElement {
         new CustomEvent("vio:checkout-open", {
           bubbles: true,
           composed: true,
-          detail: { sponsorId: this.sponsorId, paymentMethod: "klarna", express: true, ...this.attribution() }
+          detail: { sponsorId: this.sponsorId, paymentMethod: "klarna", express: true, ...this.attribution(), ...sponsorDetail(this.sponsorId) }
         })
       );
     } finally {
@@ -2467,7 +2530,7 @@ var VioProductDetail = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: this.sponsorId, express: false, ...this.attribution() }
+        detail: { sponsorId: this.sponsorId, express: false, ...this.attribution(), ...sponsorDetail(this.sponsorId) }
       })
     );
   }
@@ -2503,7 +2566,7 @@ var VioProductDetail = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: this.sponsorId, paymentMethod: "vipps", express: false, ...this.attribution() }
+        detail: { sponsorId: this.sponsorId, paymentMethod: "vipps", express: false, ...this.attribution(), ...sponsorDetail(this.sponsorId) }
       })
     );
   }
@@ -2516,7 +2579,7 @@ var VioProductDetail = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: this.sponsorId, paymentMethod: "stripe", express: false, ...this.attribution() }
+        detail: { sponsorId: this.sponsorId, paymentMethod: "stripe", express: false, ...this.attribution(), ...sponsorDetail(this.sponsorId) }
       })
     );
   }
@@ -2556,6 +2619,21 @@ var VioProductDetail = class extends LitElement {
     this.sellerName = name;
     this.sellerSettled = true;
   }
+  /**
+   * 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.
+   */
+  renderSponsorHeader() {
+    const identity = resolveSponsorIdentity(this.sponsorId);
+    if (!identity) return nothing;
+    if (!usableLogo(identity) && (!this.sellerSettled || this.headerName())) return nothing;
+    const mark = renderSponsorMark(this, identity, { logo: "sponsor-logo", name: "sponsor-name" });
+    if (mark === nothing) return nothing;
+    return html`<div class="sponsor-header" part="sponsor">${mark}</div>`;
+  }
   render() {
     return html`
       <div class="backdrop" @click=${this.close}></div>
@@ -2595,6 +2673,7 @@ var VioProductDetail = class extends LitElement {
     const activeImage = this.activeImage;
     return html`
       <div class="body">
+        ${this.renderSponsorHeader()}
         <div class="gallery">
           <div class="gallery-main">
             ${activeImage?.url ? html`<img src=${activeImage.url} alt=${p.title} />` : ""}
@@ -2780,8 +2859,8 @@ var VioProductDetail = class extends LitElement {
     })}`;
   }
   /** Best-effort HTML strip for description. */
-  stripHtml(html6) {
-    return html6.replace(/<br\s*\/?>/gi, "\n").replace(/<\/p>/gi, "\n\n").replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").trim();
+  stripHtml(html7) {
+    return html7.replace(/<br\s*\/?>/gi, "\n").replace(/<\/p>/gi, "\n\n").replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").trim();
   }
 };
 __decorateClass([
@@ -3356,6 +3435,8 @@ var VioCart = class extends LitElement {
     const handle = this.applePayHandle;
     if (!handle || !handle.available || this.itemCount === 0) return;
     const snapshot = this.buildConfirmation();
+    const sponsorIds = [...this.carts.keys()];
+    const sponsor = sponsorIds.length === 1 ? sponsorDetail(sponsorIds[0]) : {};
     void handle.show().then((result) => {
       if (!result) return;
       this.confirmedOrder = snapshot;
@@ -3367,7 +3448,7 @@ var VioCart = class extends LitElement {
         new CustomEvent("vio:payment-success", {
           bubbles: true,
           composed: true,
-          detail: { method: "apple-pay", result, ...buyerRef ? { buyerRef } : {} }
+          detail: { method: "apple-pay", result, ...buyerRef ? { buyerRef } : {}, ...sponsor }
         })
       );
     });
@@ -3403,7 +3484,7 @@ var VioCart = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: firstSponsorId, paymentMethod: "klarna", express: true }
+        detail: { sponsorId: firstSponsorId, paymentMethod: "klarna", express: true, ...sponsorDetail(firstSponsorId) }
       })
     );
   }
@@ -3424,7 +3505,7 @@ var VioCart = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: firstSponsorId, express: false }
+        detail: { sponsorId: firstSponsorId, express: false, ...sponsorDetail(firstSponsorId) }
       })
     );
   }
@@ -3461,7 +3542,7 @@ var VioCart = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId, paymentMethod: "vipps", express: false }
+        detail: { sponsorId, paymentMethod: "vipps", express: false, ...sponsorDetail(sponsorId) }
       })
     );
   }
@@ -3474,10 +3555,14 @@ var VioCart = class extends LitElement {
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: firstSponsorId, paymentMethod: "stripe", express: false }
+        detail: { sponsorId: firstSponsorId, paymentMethod: "stripe", express: false, ...sponsorDetail(firstSponsorId) }
       })
     );
   }
+  /** The name over a sponsor's lines: the brand's display name by the one rule, else what the cart kept. */
+  sponsorLabel(cart) {
+    return resolveSponsorIdentity(cart.sponsorId)?.name || cart.sponsorName || "";
+  }
   get totalAcrossSponsors() {
     let sum = 0;
     for (const cart of this.carts.values()) {
@@ -3518,7 +3603,7 @@ var VioCart = class extends LitElement {
                 ${sponsorCarts.map(
       (cart) => html`
                     <div class="sponsor-group">
-                      ${cart.sponsorName ? html`<div class="sponsor-label">${cart.sponsorName}</div>` : ""}
+                      ${this.sponsorLabel(cart) ? html`<div class="sponsor-label">${this.sponsorLabel(cart)}</div>` : ""}
                       ${cart.items.map(
         (item) => html`
                           <div class="item">
@@ -3755,6 +3840,9 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.verifyingReturn = null;
     /** The checkout whose confirmation is on screen — see fillOrderNumber. */
     this.confirmedCheckoutId = null;
+    this.orderSponsor = null;
+    /** The bootstrap that names the checkout's sponsor was asked for (once per checkout) — see watchSponsorBootstrap. */
+    this.sponsorBootstrapAsked = false;
     this.confirmedOrder = null;
     /** Active Klarna Payments widget handle + the subtotal it was mounted for. */
     this.klarnaHandle = null;
@@ -3905,6 +3993,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.paymentNotice = null;
         this.verifyingReturn = null;
         this.confirmedCheckoutId = null;
+        this.orderSponsor = null;
+        this.sponsorBootstrapAsked = false;
         this.express = false;
         this.availableMethods = null;
         this.paymentMethodsResolved = false;
@@ -4090,6 +4180,33 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       font-weight: 400;
       margin: 0;
     }
+    .topbar-title {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      min-width: 0;
+    }
+    /* Who the shopper buys from — the checkout's sponsor, compact under the heading. */
+    .topbar-sponsor {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 12px;
+      line-height: 1.3;
+      color: var(--vio-color-text-secondary, #666);
+    }
+    .topbar-sponsor-logo {
+      display: block;
+      width: auto;
+      height: 18px;
+      max-width: 120px;
+      object-fit: contain;
+    }
+    .topbar-sponsor-name {
+      color: var(--vio-color-text, #0a0a0a);
+      font-weight: 600;
+    }
     .close {
       background: none;
       border: none;
@@ -4419,6 +4536,23 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       font-weight: 400;
       margin: 0;
     }
+    /* The brand the order is with: its logo over the thanks, its name in it. */
+    .confirm-brand { display: flex; align-items: center; }
+    .confirm-brand-logo {
+      display: block;
+      width: auto;
+      height: auto;
+      max-height: 32px;
+      max-width: 160px;
+      object-fit: contain;
+    }
+    .confirm-sponsor {
+      font-size: 14px;
+      line-height: 1.4;
+      color: var(--vio-color-text, #0a0a0a);
+      margin: 4px 0 0;
+    }
+    .confirm-sponsor strong { font-weight: 600; }
     .confirm-text {
       font-size: 14px;
       color: var(--vio-color-text-secondary, #666);
@@ -4619,6 +4753,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
    * Vipps-specific (GetVippsStatus) return-verification paths. */
   applyReturnOutcome(outcome, sawStatus, vioMethod, sponsorId, checkoutId) {
     if (outcome === "paid") {
+      this.setOrderSponsor(sponsorId, checkoutId);
       if (sponsorId > 0) Vio.cart.clearSponsorCart(sponsorId);
       this.confirmedOrder = {
         items: [],
@@ -4679,6 +4814,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       if (kustomReturn?.kind === "confirmation") {
         const kustomOrderId = kustomReturn.orderId;
         this.returningFrom = "kustom";
+        this.setOrderSponsor(sponsorId, kustomReturn.checkoutId);
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
           if (spIdToUse) {
@@ -4722,6 +4858,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       if (!vioPayment && !checkoutId) return;
       if (urlParams.get("payment_processor") === "QLIRO" && checkoutId) {
         this.returningFrom = "qliro";
+        this.setOrderSponsor(sponsorId, checkoutId);
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
           if (spIdToUse) {
@@ -4776,6 +4913,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       }
       if (urlParams.get("payment_processor") === "WALLEY" && checkoutId) {
         this.returningFrom = "walley";
+        this.setOrderSponsor(sponsorId, checkoutId);
         if (!this.checkoutState) {
           const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
           if (spIdToUse) {
@@ -4832,6 +4970,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.cleanReturnQueryParams(ADYEN_RETURN_QUERY_KEYS);
         if (!adyenReturn) return;
         this.returningFrom = "adyen";
+        this.setOrderSponsor(sponsorId, checkoutId);
         this.adyenSettled = true;
         this.autoSelectAttempted = true;
         if (!this.checkoutState) {
@@ -4888,6 +5027,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
             }
           }
         }
+        this.setOrderSponsor(sponsorId, checkoutId);
         this.open = true;
         this.verifyingReturn = "Bekrefter betalingen med Vipps\u2026";
         const { outcome, sawStatus } = await this.pollVippsStatus(checkoutId, sponsorId);
@@ -4898,6 +5038,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         let outcome = "pending";
         let sawStatus = false;
         if (checkoutId) {
+          this.setOrderSponsor(sponsorId, checkoutId);
           this.open = true;
           this.verifyingReturn = "Bekrefter betalingen\u2026";
           for (const delayMs of _VioCheckout.RETURN_VERIFY_DELAYS_MS) {
@@ -4996,6 +5137,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       this.unmountStripe();
       this.paymentError = null;
     }
+    this.watchSponsorBootstrap();
     if (!this.isConnected) return;
     void this.mountKlarnaIfNeeded();
     void this.mountKustomIfNeeded();
@@ -5472,6 +5614,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     const email = String(this.form.email ?? "").trim();
     const checkoutId = returnCheckoutId || this.checkoutState?.checkoutId;
     const providerOrderId = r.order?.orderId != null ? String(r.order.orderId) : "";
+    this.setOrderSponsor(sponsorId, checkoutId);
     this.confirmedOrder = {
       items: [...this.items],
       currency: this.checkoutState?.currency ?? "",
@@ -5518,13 +5661,17 @@ var _VioCheckout = class _VioCheckout extends LitElement {
    */
   async emitPaymentSuccess(detail, checkoutId, sponsorId, afterwards) {
     let done = false;
+    const sponsorAtStart = this.sponsorOfOrder(sponsorId, checkoutId);
     const finish = (buyerRef) => {
       if (done) return;
       done = true;
+      const named = this.sponsorOfOrder(sponsorId, checkoutId);
+      const sponsor = named.sponsor ? named : sponsorAtStart;
+      const withSponsor = sponsor.sponsor ? { ...detail, ...sponsor } : detail;
       const event = new CustomEvent("vio:payment-success", {
         bubbles: true,
         composed: true,
-        detail: buyerRef ? { ...detail, buyerRef } : detail
+        detail: buyerRef ? { ...withSponsor, buyerRef } : withSponsor
       });
       this.dispatchEvent(event);
       if (!this.isConnected && typeof window !== "undefined") {
@@ -5712,7 +5859,10 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       >
         <div class="handle" @click=${this.close} aria-hidden="true"></div>
         <div class="topbar">
-          <h2 class="heading">${this.orderConfirmed ? "Takk!" : this.heading}</h2>
+          <div class="topbar-title">
+            <h2 class="heading">${this.orderConfirmed ? "Takk!" : this.heading}</h2>
+            ${this.renderTopbarSponsor()}
+          </div>
           <button class="close" @click=${this.close} aria-label="Lukk">×</button>
         </div>
 
@@ -5722,6 +5872,82 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       </div>
     `;
   }
+  /**
+   * 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.
+   */
+  setOrderSponsor(sponsorId, checkoutId) {
+    try {
+      const checkout = checkoutId || void 0;
+      const id = rememberedCheckoutSponsor(checkout)?.sponsorId ?? (sponsorId && sponsorId > 0 ? sponsorId : void 0) ?? this.checkoutState?.sponsorId;
+      if (!id) return;
+      const named = checkoutSponsorOf(resolveSponsorIdentity(id, checkout));
+      const previous = this.orderSponsor;
+      const snapshot = named ?? (previous && previous.sponsorId === id ? previous.snapshot : void 0);
+      this.orderSponsor = { sponsorId: id, ...checkout ? { checkoutId: checkout } : {}, ...snapshot ? { snapshot } : {} };
+    } catch {
+    }
+  }
+  /**
+   * Who this checkout is with, as a shopper sees it: the order being
+   * confirmed / verified (`orderSponsor`), else the open checkout's own
+   * sponsor (`checkoutState.sponsorId`) — named by `Vio.sponsorIdentity`,
+   * which falls back to this tab's memory of the checkout and the cart; the
+   * name taken before the cart was cleared last. Never the page's
+   * attribution. `null` when nothing names it.
+   */
+  checkoutSponsorIdentity() {
+    const o = this.orderSponsor;
+    if (o) return checkoutSponsorOf(resolveSponsorIdentity(o.sponsorId, o.checkoutId)) ?? o.snapshot ?? null;
+    const s = this.checkoutState;
+    return s?.sponsorId ? checkoutSponsorOf(resolveSponsorIdentity(s.sponsorId, s.checkoutId)) ?? null : null;
+  }
+  /**
+   * `{ sponsor }` for the payment event — the same sponsor the screen names
+   * (`orderSponsor`, set by every path right before it emits): named now, else
+   * as named before the cart was cleared; `{}` when nothing names it.
+   */
+  sponsorOfOrder(sponsorId, checkoutId) {
+    try {
+      const o = this.orderSponsor;
+      const sameOrder = !!o && (o.checkoutId ?? void 0) === (checkoutId || void 0);
+      const id = sameOrder ? o.sponsorId : sponsorId > 0 ? sponsorId : void 0;
+      const live = sponsorDetail(id, checkoutId);
+      if (live.sponsor) return live;
+      if (sameOrder && o.snapshot) return { sponsor: o.snapshot };
+    } catch {
+    }
+    return {};
+  }
+  /**
+   * Ask once per checkout for the bootstrap when it is not there yet and a
+   * sponsor has to be named (a redirect return renders before it), then
+   * render again — the name and the logo appear when it lands.
+   */
+  watchSponsorBootstrap() {
+    if (this.sponsorBootstrapAsked || !this.open || Vio.bootstrapCache) return;
+    if (!this.orderSponsor && !this.checkoutState?.sponsorId) return;
+    this.sponsorBootstrapAsked = true;
+    void whenBootstrapped().then(() => this.requestUpdate());
+  }
+  /**
+   * The checkout's sponsor in the header — «Du handler hos <logo|name>»
+   * («Du har handlet hos» on a provider's receipt). Not on our own
+   * confirmation, which says it in its body.
+   */
+  renderTopbarSponsor() {
+    if (this.orderConfirmed) return nothing;
+    const sponsor = this.checkoutSponsorIdentity();
+    const mark = renderSponsorMark(this, sponsor, { logo: "topbar-sponsor-logo", name: "topbar-sponsor-name" });
+    if (mark === nothing) return nothing;
+    return html`<p class="topbar-sponsor" part="sponsor">
+      <span>${this.providerReceipt ? "Du har handlet hos" : "Du handler hos"}</span> ${mark}
+    </p>`;
+  }
   /**
    * 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
@@ -5749,6 +5975,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.confirmedMethod = method;
     this.open = true;
     const checkoutId = returnCheckoutId || this.checkoutState?.checkoutId;
+    this.setOrderSponsor(sponsorId, checkoutId);
     void this.emitPaymentSuccess(
       { method, sponsorId, result, checkoutId },
       checkoutId,
@@ -5777,12 +6004,17 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     details.push(["Betalingsm\xE5te", o?.paidWith || this.methodLabel(this.confirmedMethod)]);
     if (o?.providerRef) details.push([o.providerRef.label, o.providerRef.value]);
     if (email) details.push(["Kvittering til", email]);
+    const sponsor = this.checkoutSponsorIdentity();
     return html`
       <section class="confirmation">
+        ${usableLogo(sponsor) ? html`<div class="confirm-brand" part="sponsor">
+              ${renderSponsorMark(this, sponsor, { logo: "confirm-brand-logo", name: "confirm-brand-name" })}
+            </div>` : ""}
         <header class="confirm-head">
           <div class="confirm-check" aria-hidden="true">✓</div>
           <div>
             <h3 class="confirm-title">Takk for bestillingen!</h3>
+            ${sponsor?.name ? html`<p class="confirm-sponsor">Du har handlet hos <strong>${sponsor.name}</strong>.</p>` : ""}
             <p class="confirm-text">
               Betalingen er bekreftet.${email ? html` Du får en ordrebekreftelse på e-post.` : ""}
             </p>
@@ -7075,6 +7307,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "verifyingReturn", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "orderSponsor", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "confirmedOrder", 2);
@@ -7211,5 +7446,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-A3LN5JEM.js.map
-//# sourceMappingURL=chunk-A3LN5JEM.js.map
+//# sourceMappingURL=chunk-GLAKUYQA.js.map
+//# sourceMappingURL=chunk-GLAKUYQA.js.map