@vio-live/web-sdk 0.8.0 → 0.9.0

package/dist/{chunk-YNKOGPTE.js → chunk-OTL6QM3G.js}

@@ -1,4 +1,4 @@
-import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, formatPrice } from './chunk-4ZEN4J7I.js';
+import { Vio, __decorateClass, primaryImageUrl, displayPrice, getGlobalCurrency, formatPrice } from './chunk-SNIF67UB.js';
 import { LitElement, css, html } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 
@@ -2838,6 +2838,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     this.kustomMountedOrderId = null;
     this.qliroMounting = false;
     this.qliroMountedOrderId = null;
+    this.walleyMounting = false;
+    this.walleyMountedOrderId = null;
     this.stripeLoading = false;
     this.vippsLoading = false;
     this.form = {
@@ -3629,6 +3631,63 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         this.cleanReturnQueryParams(["checkout_id", "payment_processor"]);
         return;
       }
+      if (urlParams.get("payment_processor") === "WALLEY" && checkoutId) {
+        if (!this.checkoutState) {
+          const spIdToUse = sponsorId || [...Vio.cart.getAllCarts().keys()][0] || 0;
+          if (spIdToUse) {
+            try {
+              Vio.checkout.open(spIdToUse);
+            } catch {
+            }
+          }
+        }
+        try {
+          Vio.checkout.selectPaymentMethod("walley");
+        } catch {
+        }
+        this.open = true;
+        this.paymentNotice = "Bekrefter betalingen\u2026";
+        try {
+          const order = await Vio.checkout.getWalleyOrder(
+            checkoutId,
+            this.checkoutState?.sponsorId
+          );
+          this.paymentNotice = null;
+          if (order?.html_snippet) {
+            this.walleyMountedOrderId = order.order_id;
+            await this.updateComplete;
+            const container = this.renderRoot?.querySelector(
+              "#vio-walley-checkout-container"
+            );
+            if (container) {
+              Vio.checkout.renderKustomSnippet(container, order.html_snippet);
+            }
+            if (order.status === "PurchaseCompleted") {
+              this.dispatchEvent(
+                new CustomEvent("vio:payment-success", {
+                  detail: { method: "walley", orderId: order.order_id },
+                  bubbles: true,
+                  composed: true
+                })
+              );
+              const spId = this.checkoutState?.sponsorId;
+              if (spId) {
+                try {
+                  Vio.cart.clearSponsorCart(spId);
+                } catch {
+                }
+              }
+            }
+          }
+        } catch (err) {
+          this.paymentNotice = null;
+          if (typeof console !== "undefined") {
+            console.warn("[VioCheckout] Walley confirmation read failed:", err);
+          }
+        }
+        this.cleanReturnQueryParams(["checkout_id", "payment_processor"]);
+        return;
+      }
       if (vioMethod === "klarna" && typeof sessionStorage !== "undefined" && sessionStorage.getItem("vio.klarna.pending.v1")) {
         this.cleanReturnQueryParams(["vio_payment", "vio_method", "vio_sponsor", "checkout_id"]);
         return;
@@ -3725,6 +3784,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     void this.mountKlarnaIfNeeded();
     void this.mountKustomIfNeeded();
     void this.mountQliroIfNeeded();
+    void this.mountWalleyIfNeeded();
   }
   close() {
     this.open = false;
@@ -3969,6 +4029,10 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       Vio.checkout.selectPaymentMethod("qliro");
       return;
     }
+    if (method === "walley") {
+      Vio.checkout.selectPaymentMethod("walley");
+      return;
+    }
     if (method === "vipps") {
       const email = String(this.form.email ?? "").trim();
       if (!email || !email.includes("@")) {
@@ -4074,6 +4138,8 @@ var _VioCheckout = class _VioCheckout extends LitElement {
         return "Kustom";
       case "qliro":
         return "Qliro";
+      case "walley":
+        return "Walley";
       case "vipps":
         return "Vipps";
       case "stripe":
@@ -4086,7 +4152,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
   }
   /** True for methods that complete via a separate sheet/widget, not the CTA. */
   isExpressMethod(method) {
-    return method === "apple-pay" || method === "klarna" || method === "kustom" || method === "qliro";
+    return method === "apple-pay" || method === "klarna" || method === "kustom" || method === "qliro" || method === "walley";
   }
   orderTotal() {
     const s = this.checkoutState;
@@ -4244,6 +4310,70 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       </div>
     `;
   }
+  /**
+   * Mount the Walley embedded checkout once it's the chosen method. Unlike
+   * Kustom/Qliro, success is signalled INLINE by Walley's own DOM event
+   * (`walleyCheckoutPurchaseCompleted`) — no redirect round-trip needed, so
+   * we handle it here instead of only in the confirmation-return branch.
+   */
+  async mountWalleyIfNeeded() {
+    if (!this.open || !this.checkoutState) return;
+    if (this.checkoutState.paymentMethod !== "walley") return;
+    if (this.walleyMounting) return;
+    const container = this.renderRoot?.querySelector(
+      "#vio-walley-checkout-container"
+    );
+    if (!container) return;
+    if (this.walleyMountedOrderId && container.childElementCount > 0) return;
+    this.walleyMounting = true;
+    container.innerHTML = "";
+    try {
+      const order = await Vio.checkout.mountWalleyCheckout(
+        container,
+        this.checkoutState.sponsorId,
+        () => {
+          this.dispatchEvent(
+            new CustomEvent("vio:payment-success", {
+              detail: { method: "walley", orderId: order.order_id },
+              bubbles: true,
+              composed: true
+            })
+          );
+          const spId = this.checkoutState?.sponsorId;
+          if (spId) {
+            try {
+              Vio.cart.clearSponsorCart(spId);
+            } catch {
+            }
+          }
+        }
+      );
+      this.walleyMountedOrderId = order.order_id;
+    } catch (err) {
+      if (typeof console !== "undefined") {
+        console.warn("[VioCheckout] Walley mount failed:", err);
+      }
+      this.paymentError = `Kunne ikke laste Walley: ${err instanceof Error ? err.message : String(err)}`;
+      Vio.checkout.selectPaymentMethod("");
+    } finally {
+      this.walleyMounting = false;
+    }
+  }
+  unmountWalley() {
+    this.walleyMountedOrderId = null;
+    const container = this.renderRoot?.querySelector(
+      "#vio-walley-checkout-container"
+    );
+    if (container) container.innerHTML = "";
+  }
+  renderWalleyPanel() {
+    return html`
+      <div class="walley-panel">
+        ${this.walleyMounting ? html`<div style="font-size:13px;opacity:0.7;padding:8px 0;">Laster Walley…</div>` : ""}
+        <div id="vio-walley-checkout-container"></div>
+      </div>
+    `;
+  }
   renderKlarnaPanel() {
     const currency = this.checkoutState?.currency || getGlobalCurrency();
     return html`
@@ -4353,7 +4483,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
     const method = this.checkoutState?.paymentMethod;
     const showCompleteCta = !!method && !this.isExpressMethod(method);
     const isVipps = method === "vipps";
-    const isKustom = method === "kustom" || method === "qliro";
+    const isKustom = method === "kustom" || method === "qliro" || method === "walley";
     return html`
           ${!isVipps && !isKustom ? html`
           <section class="section">
@@ -4485,6 +4615,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
       this.unmountKlarna();
       this.unmountKustom();
       this.unmountQliro();
+      this.unmountWalley();
       Vio.checkout.selectPaymentMethod("");
     }}
                     >
@@ -4495,6 +4626,7 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                   ${method === "klarna" ? this.renderKlarnaPanel() : ""}
                   ${method === "kustom" ? this.renderKustomPanel() : ""}
                   ${method === "qliro" ? this.renderQliroPanel() : ""}
+                  ${method === "walley" ? this.renderWalleyPanel() : ""}
                   ${method === "stripe" ? html`
                         <button
                           class="payment-btn primary complete-cta"
@@ -4579,6 +4711,11 @@ var _VioCheckout = class _VioCheckout extends LitElement {
                             <span style="font-weight:800;font-size:16px;letter-spacing:-0.01em">Qliro</span>
                           </button>
                         ` : ""}
+                    ${this.methodEnabled("walley") ? html`
+                          <button class="payment-btn" @click=${() => this.onPay("walley")}>
+                            <span style="font-weight:800;font-size:16px;letter-spacing:-0.01em">Walley</span>
+                          </button>
+                        ` : ""}
                     ${this.methodEnabled("vipps") ? html`
                           <button class="payment-btn" @click=${() => this.onPay("vipps")}>
                             <span style="color:#ff5b24;font-weight:800;font-size:17px;letter-spacing:-0.02em">vipps</span>
@@ -4697,6 +4834,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "qliroMounting", 2);
+__decorateClass([
+  state()
+], _VioCheckout.prototype, "walleyMounting", 2);
 __decorateClass([
   state()
 ], _VioCheckout.prototype, "stripeLoading", 2);
@@ -4725,5 +4865,5 @@ function registerVioElements() {
 }
 
 export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements };
-//# sourceMappingURL=chunk-YNKOGPTE.js.map
-//# sourceMappingURL=chunk-YNKOGPTE.js.map
+//# sourceMappingURL=chunk-OTL6QM3G.js.map
+//# sourceMappingURL=chunk-OTL6QM3G.js.map