@vio-live/web-sdk 0.28.0 → 0.29.0

package/dist/{chunk-Q2NALS7P.js → chunk-L6YYYKQK.js}

@@ -1,4 +1,4 @@
-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-AFJ5M53F.js';
+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-AG4G2S2M.js';
 import { LitElement, css, html, nothing } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
@@ -1828,6 +1828,10 @@ var VioProductDetail = class extends LitElement {
     this.optMapCache = /* @__PURE__ */ new WeakMap();
     /** Pre-prepared Apple Pay handle — show() fires synchronously on tap. */
     this.applePayHandle = null;
+    /** The amount `applePayHandle`'s sheet shows (product × quantity when it was prepared). */
+    this.applePayAmount = null;
+    /** The amount the latest preparation was asked for — a newer one supersedes it. */
+    this.applePayAskedFor = null;
     /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
     this.dialogFocus = new DialogFocus({
       host: this,
@@ -2552,6 +2556,9 @@ var VioProductDetail = class extends LitElement {
       this.bottomSheet.update(this.open);
     }
     if (changed.has("product") || changed.has("open")) this.measureThumbs();
+    if ((changed.has("quantity") || changed.has("selectedOptions")) && this.product && this.applePayAskedFor !== null) {
+      if (this.unitPrice * this.quantity !== this.applePayAskedFor) this.prepareApplePaySheet();
+    }
     if (changed.has("activeImageIndex")) this.revealActiveThumb();
     this.measureLogo();
     if (changed.has("vioSlot") || changed.has("vioSlotName") || changed.has("vioScope") || changed.has("vioScopeName") || changed.has("vioCampaign")) {
@@ -2681,13 +2688,7 @@ var VioProductDetail = class extends LitElement {
         if (values.length > 0) initial[opt.name] = values[0];
       }
       this.selectedOptions = initial;
-      void Vio.checkout.prepareApplePayFor(this.unitPrice * this.quantity, this.currency).then((handle) => {
-        this.applePayHandle = handle;
-        this.applePayOk = handle.available;
-      }).catch(() => {
-        this.applePayHandle = null;
-        this.applePayOk = false;
-      });
+      this.prepareApplePaySheet();
       void this.loadAvailablePaymentMethods();
     }
     this.isLoading = false;
@@ -3070,6 +3071,12 @@ var VioProductDetail = class extends LitElement {
   }
   buyWithVipps() {
     if (!this.product || this.availableQuantity <= 0 || this.adding) return;
+    if ((Vio.cart.getCart(this.sponsorId)?.items.length ?? 0) > 0) {
+      this.addCurrentToCart();
+      this.close();
+      this.openCheckoutWithVipps();
+      return;
+    }
     const redirect = beginPaymentRedirect({ method: "vipps", sponsorId: this.sponsorId, source: "detail" });
     this.addCurrentToCart();
     this.close();
@@ -3092,11 +3099,19 @@ var VioProductDetail = class extends LitElement {
       redirect.fail(err instanceof Error ? err.message : String(err));
     }
     if (!fallback) return;
+    this.openCheckoutWithVipps();
+  }
+  /** The ordinary way in, Vipps preselected: the host opens the checkout on `vio:checkout-open`. */
+  openCheckoutWithVipps() {
+    this.openCheckoutWith("vipps");
+  }
+  /** The ordinary way in with a method preselected: the host opens the checkout on `vio:checkout-open`. */
+  openCheckoutWith(paymentMethod) {
     this.dispatchEvent(
       new CustomEvent("vio:checkout-open", {
         bubbles: true,
         composed: true,
-        detail: { sponsorId: this.sponsorId, paymentMethod: "vipps", express: false, ...this.attribution(), ...sponsorDetail(this.sponsorId) }
+        detail: { sponsorId: this.sponsorId, paymentMethod, express: false, ...this.attribution(), ...sponsorDetail(this.sponsorId) }
       })
     );
   }
@@ -3113,14 +3128,47 @@ var VioProductDetail = class extends LitElement {
       })
     );
   }
+  /** Prepare the Apple Pay sheet for this product × quantity; the newest preparation wins. */
+  prepareApplePaySheet() {
+    const amount = this.unitPrice * this.quantity;
+    this.applePayAskedFor = amount;
+    void Vio.checkout.prepareApplePayFor(amount, this.currency).then((handle) => {
+      if (this.applePayAskedFor !== amount) return;
+      this.applePayHandle = handle;
+      this.applePayAmount = amount;
+      this.applePayOk = handle.available;
+    }).catch(() => {
+      if (this.applePayAskedFor !== amount) return;
+      this.applePayHandle = null;
+      this.applePayAmount = null;
+      this.applePayOk = false;
+    });
+  }
   /**
    * Express buy with Apple Pay. Runs synchronously inside the click so the
    * Apple Pay sheet keeps the user gesture: add to cart → open checkout (sets
    * state) → launch the sheet. On authorize, `payment-complete` drives the
    * confirmation drawer (same path as the in-checkout Apple Pay button).
+   *
+   * The sheet's amount is fixed before the tap (Apple blocks a sheet opened
+   * after an await, so it cannot wait for the server's cart), while the
+   * charge is the sponsor's WHOLE cart. So the sheet opens only when it shows
+   * what will be charged: an empty cart, and a sheet prepared for this
+   * product × quantity. Otherwise — lines already in the cart (as with Vipps,
+   * see buyWithVipps), or a quantity whose sheet is still being prepared —
+   * the product is added and the checkout opens with Apple Pay preselected:
+   * every line and the total on screen, and its own Apple Pay button pays
+   * that total.
    */
   buyWithApplePay() {
     if (!this.product || this.availableQuantity <= 0 || !this.applePayHandle) return;
+    const cartHasLines = (Vio.cart.getCart(this.sponsorId)?.items.length ?? 0) > 0;
+    if (cartHasLines || this.applePayAmount !== this.unitPrice * this.quantity) {
+      this.addCurrentToCart();
+      this.close();
+      this.openCheckoutWith("apple-pay");
+      return;
+    }
     this.addCurrentToCart();
     try {
       Vio.checkout.open(this.sponsorId);
@@ -4025,6 +4073,9 @@ var VioCart = class extends LitElement {
     if (changed.has("open") && this.open) {
       this.confirmedOrder = null;
       this.preparedTotal = -1;
+      for (const cart of this.carts.values()) {
+        if (cart.cartId) void Vio.cart.refreshFromServer(cart.sponsorId);
+      }
     }
     if (this.open && this.itemCount > 0) {
       const total = this.totalAcrossSponsors;
@@ -4453,6 +4504,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.open = false;
     this.heading = "Kasse";
     this.shippingLabel = "Beregnes ved kasse";
+    this.vippsShipsInApp = false;
     this.express = false;
     this.checkoutState = null;
     this.items = [];
@@ -5766,6 +5818,9 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     if (changed.has("open") && this.open) {
       this.autoSelectSoleMethod();
     }
+    if (changed.has("open") && this.open && this.checkoutState?.sponsorId && !this.orderConfirmed) {
+      void Vio.cart.refreshFromServer(this.checkoutState.sponsorId);
+    }
     if ((changed.has("klarnaAvailable") && this.klarnaAvailable || changed.has("applePayAvailable") && this.applePayAvailable) && this.paymentMethodsResolved && !this.checkoutState?.paymentMethod) {
       this.autoSelectAttempted = false;
       this.autoSelectSoleMethod();
@@ -5892,6 +5947,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       if (Array.isArray(methods)) {
         this.availableMethods = methods.map((m) => m.name);
         this.stripeMode = await Vio.checkout.getStripeMode(spId);
+        this.vippsShipsInApp = this.availableMethods.some((m) => String(m).toLowerCase() === "vipps") ? await Vio.checkout.getVippsExpressEnabled(spId) : false;
       } else {
         this.availableMethods = null;
       }
@@ -6467,6 +6523,7 @@ var _VioCheckout = 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). */
   shippingMajor() {
+    if (this.vippsChoosesShipping()) return 0;
     if (this.checkoutState?.paymentMethod === "qliro" && typeof this.qliroShipping?.price === "number") {
       return this.qliroShipping.price;
     }
@@ -6481,6 +6538,10 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     if (!o) return 0;
     return o.priceMajor ?? o.price / 100;
   }
+  /** Vipps is the method and it runs as Express: the delivery is chosen in Vipps. */
+  vippsChoosesShipping() {
+    return this.checkoutState?.paymentMethod === "vipps" && this.vippsShipsInApp;
+  }
   /** The rate the summary names — Qliro's own pick while Qliro is the method. */
   summaryShippingName() {
     if (this.checkoutState?.paymentMethod === "qliro" && this.qliroShipping) {
@@ -7903,7 +7964,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                   </div>
                   <div class="order-row">
                     <span>Frakt${this.shippingMajor() > 0 && this.summaryShippingName() ? ` \u2013 ${this.summaryShippingName()}` : ""}</span>
-                    <span>${this.shippingMajor() > 0 ? formatPrice(this.shippingMajor(), this.checkoutState?.currency) : this.shippingLabel}</span>
+                    <span>${this.vippsChoosesShipping() ? "Velges i Vipps" : this.shippingMajor() > 0 ? formatPrice(this.shippingMajor(), this.checkoutState?.currency) : this.shippingLabel}</span>
                   </div>
                   <div class="order-row total">
                     <span>Totalt</span><span>${this.payTotalLabel()}</span>
@@ -7924,6 +7985,9 @@ __decorateClass([
 __decorateClass([
   property({ type: String, attribute: "shipping-label" })
 ], _VioCheckout.prototype, "shippingLabel", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "vippsShipsInApp", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], _VioCheckout.prototype, "express", 2);
@@ -8099,5 +8163,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-Q2NALS7P.js.map
-//# sourceMappingURL=chunk-Q2NALS7P.js.map
+//# sourceMappingURL=chunk-L6YYYKQK.js.map
+//# sourceMappingURL=chunk-L6YYYKQK.js.map