@vio-live/web-sdk 0.4.0 → 0.4.2

package/dist/{chunk-NP2KCM7X.js → chunk-KMIARP6X.js}

@@ -1512,6 +1512,13 @@ var CartManager = class extends EventTarget {
      * slow response can't overwrite the state of a newer one. */
     this.mutationSeq = /* @__PURE__ */ new Map();
     this.appliedSeq = /* @__PURE__ */ new Map();
+    /** In-flight AddItem/UpdateItem/DeleteItem per sponsor. Callers that need
+     * the backend cart to reflect a just-made change (e.g. fetching shippings
+     * right after an add) should `await waitForCartMutations(sponsorId)` first
+     * — otherwise they can race the mutation and see the cart from before it
+     * landed (Alan, 2026-08-18: shippings queried before AddItem settled,
+     * came back empty). */
+    this.inFlightMutations = /* @__PURE__ */ new Map();
     /** Quantity intents for lines whose backend id hasn't arrived yet — replayed
      * when the AddItem response reconciles (keyed by product::variant). */
     this.pendingQtyIntents = /* @__PURE__ */ new Map();
@@ -1522,6 +1529,16 @@ var CartManager = class extends EventTarget {
     this.mutationSeq.set(sponsorId, n);
     return n;
   }
+  /** Resolves once any in-flight AddItem/UpdateItem/DeleteItem for this
+   * sponsor has settled (success or failure). No-op if nothing is pending. */
+  async waitForCartMutations(sponsorId) {
+    const p = this.inFlightMutations.get(sponsorId);
+    if (!p) return;
+    try {
+      await p;
+    } catch {
+    }
+  }
   /** Apply a backend response only if no newer response was applied already. */
   applyBackendCart(sponsorId, backendCart, seq) {
     if (seq < (this.appliedSeq.get(sponsorId) ?? 0)) return;
@@ -1735,7 +1752,7 @@ var CartManager = class extends EventTarget {
     const addedItem = existing ?? cart.items[cart.items.length - 1];
     const addedLineId = addedItem.id;
     const seq = this.nextSeq(opts.sponsorId);
-    void (async () => {
+    const mutation = (async () => {
       try {
         const cartId = await this.ensureCartId(opts.sponsorId, opts.currency || void 0);
         if (cartId) {
@@ -1765,6 +1782,12 @@ var CartManager = class extends EventTarget {
         this.emitError("AddItem rejected by the backend \u2014 item removed from the cart", err);
       }
     })();
+    this.inFlightMutations.set(opts.sponsorId, mutation);
+    void mutation.finally(() => {
+      if (this.inFlightMutations.get(opts.sponsorId) === mutation) {
+        this.inFlightMutations.delete(opts.sponsorId);
+      }
+    });
     return addedItem;
   }
   intentKey(productId, variantId) {
@@ -1791,7 +1814,7 @@ var CartManager = class extends EventTarget {
     }
     const backendCartId = cart.cartId;
     const seq = this.nextSeq(sponsorId);
-    void (async () => {
+    const mutation = (async () => {
       try {
         const gqlOpts = await getCartGraphQLOptions(sponsorId);
         const resCart = quantity <= 0 ? await deleteItem(backendCartId, targetItemId, gqlOpts) : await updateItem(backendCartId, targetItemId, null, quantity, gqlOpts);
@@ -1803,6 +1826,12 @@ var CartManager = class extends EventTarget {
         void this.fetchCartFromBackend(sponsorId);
       }
     })();
+    this.inFlightMutations.set(sponsorId, mutation);
+    void mutation.finally(() => {
+      if (this.inFlightMutations.get(sponsorId) === mutation) {
+        this.inFlightMutations.delete(sponsorId);
+      }
+    });
   }
   removeItem(lineItemId, sponsorId) {
     this.updateQuantity(lineItemId, sponsorId, 0);
@@ -2357,41 +2386,95 @@ function findPayNowCategory(categories) {
   const byId = (re) => categories.find((c) => c?.identifier && re.test(c.identifier));
   const byName = (re) => categories.find((c) => c?.name && re.test(c.name));
   const cat = categories.find((c) => c?.identifier === "pay_now") ?? byName(/betal\s*n[åa]|pay\s*now/i) ?? byId(/pay_now|direct_debit|direct_bank_transfer|pay_in_full|klarna_pay_now/i) ?? byName(/direkte|bank|kort|straks|sofort/i) ?? categories.find((c) => c?.identifier && !/pay_later|pay_over_time|slice_it/.test(c.identifier));
+  console.log("findPayNowCategory - Selected: ", cat);
   return cat?.identifier ?? null;
 }
 async function createKlarnaPaymentsWidget(input) {
   const Klarna = await loadKpLib();
+  console.log("[DEBUG Klarna] Initializing Klarna Payments");
   Klarna.Payments.init({ client_token: input.clientToken });
+  console.log("[DEBUG Klarna] Klarna Payments initialized");
+  Klarna.Payments.on?.("fullscreenOverlayShown", () => {
+    console.log("[DEBUG Klarna] FULLSCREEN OVERLAY SHOWN");
+  });
+  Klarna.Payments.on?.("fullscreenOverlayHidden", () => {
+    console.log("[DEBUG Klarna] FULLSCREEN OVERLAY HIDDEN");
+  });
   let selected = input.category ?? findPayNowCategory(input.categories) ?? input.categories[0]?.identifier ?? "pay_now";
+  if (typeof console !== "undefined") {
+    console.log("[VioKlarna] Received payment_method_categories from backend:", input.categories);
+    console.log("[VioKlarna] Selected initial payment_method_category:", selected);
+  }
+  const load = (category) => {
+    if (category) selected = category;
+    if (typeof console !== "undefined") {
+      console.log(
+        "[VioKlarna] Klarna.Payments.load calling with payment_method_category:",
+        selected,
+        "container:",
+        input.container
+      );
+    }
+    if (input.container && "innerHTML" in input.container) {
+      input.container.innerHTML = "";
+    }
+    return new Promise((resolve, reject) => {
+      try {
+        Klarna.Payments.load(
+          { container: input.container, payment_method_category: selected },
+          {},
+          (res) => {
+            if (typeof console !== "undefined") {
+              console.log(
+                "[VioKlarna] Klarna.Payments.load response for payment_method_category:",
+                selected,
+                res
+              );
+            }
+            if (res?.error) reject(res.error);
+            else resolve({ showForm: res?.show_form !== false });
+          }
+        );
+      } catch (err) {
+        reject(err);
+      }
+    });
+  };
   return {
     categories: input.categories,
     get selected() {
       return selected;
     },
-    load(category) {
-      if (category) selected = category;
-      return new Promise((resolve, reject) => {
-        try {
-          Klarna.Payments.load(
-            { container: input.container, payment_method_category: selected },
-            {},
-            (res) => {
-              if (res?.error) reject(res.error);
-              else resolve({ showForm: res?.show_form !== false });
-            }
-          );
-        } catch (err) {
-          reject(err);
-        }
-      });
-    },
-    authorize(data) {
+    load,
+    async authorize(category, data) {
+      const cat = category || selected;
+      if (typeof console !== "undefined") {
+        console.log("[DEBUG Klarna] BEFORE AUTHORIZE", {
+          argumentCategory: category,
+          argumentData: data,
+          selected,
+          resolvedCategory: cat
+        });
+      }
+      if (cat && cat !== selected) {
+        await load(cat);
+      }
+      const finalData = { payment_method_category: cat, ...data ?? {} };
+      if (typeof console !== "undefined") {
+        console.log("[DEBUG Klarna] FINAL AUTHORIZE", { cat, selected, finalData });
+      }
       return new Promise((resolve, reject) => {
         try {
+          if (typeof console !== "undefined") {
+            console.log("[DEBUG Klarna] ABOUT TO CALL AUTHORIZE");
+          }
           Klarna.Payments.authorize(
-            { payment_method_category: selected, auto_finalize: true },
-            data ?? {},
+            { payment_method_category: cat, auto_finalize: true },
+            finalData,
             (res) => {
+              if (typeof console !== "undefined") {
+                console.log("[DEBUG Klarna] RAW AUTHORIZE RESPONSE:", JSON.stringify(res, null, 2));
+              }
               if (res?.approved && res.authorization_token) {
                 resolve(res.authorization_token);
               } else if (res?.error) {
@@ -2403,6 +2486,9 @@ async function createKlarnaPaymentsWidget(input) {
               }
             }
           );
+          if (typeof console !== "undefined") {
+            console.log("[DEBUG Klarna] AUTHORIZE CALL RETURNED");
+          }
         } catch (err) {
           reject(err);
         }
@@ -2770,13 +2856,18 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   }
   /**
    * Real shipping options from the backend cart (per supplier), mapped to the
-   * KlarnaShippingOption shape (minor units). Empty array on failure — callers
-   * fall back to the static KLARNA_SHIPPING_OPTIONS.
+   * KlarnaShippingOption shape (minor units). Empty array on failure/no
+   * options — Klarna callers use that as-is (no static fallback anymore, see
+   * 2026-08-18: it only ever papered over a race, now fixed via
+   * `waitForCartMutations`). `KLARNA_SHIPPING_OPTIONS` is still used
+   * separately by Apple Pay's synchronous sheet setup, which can't await
+   * this at all.
    */
   async fetchAvailableShippings(sponsorId) {
     try {
       const spId = sponsorId ?? this.state?.sponsorId;
       if (!spId) return [];
+      await this.cartManager.waitForCartMutations(spId);
       const cart = this.cartManager.getCart(spId);
       let cartId = cart?.cartId;
       if (!cartId) {
@@ -3335,8 +3426,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   async mountKlarnaPayments(container, opts) {
     if (!this.state) throw new Error("[VioCheckout] no active checkout \u2014 call open() first");
     const sponsorId = this.state.sponsorId;
-    const fetchedShippings = await this.fetchAvailableShippings(sponsorId);
-    const shippings = fetchedShippings.length > 0 ? fetchedShippings : KLARNA_SHIPPING_OPTIONS;
+    const shippings = await this.fetchAvailableShippings(sponsorId);
     const { ctx } = opts?.withShipping ? this.buildKlarnaInstantContext(opts.shippingId, shippings) : { ctx: this.buildKlarnaPendingContext() };
     const selectedOpt = shippings.find((s) => s.id === opts?.shippingId) ?? shippings[0];
     if (selectedOpt?.id && selectedOpt?.supplierId) {
@@ -3396,6 +3486,12 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
     if (!nativeRes || !nativeRes.client_token) {
       throw new Error("Klarna session creation failed: missing client_token");
     }
+    if (typeof console !== "undefined") {
+      console.log(
+        "[VioCheckout] CreatePaymentKlarnaNative payment_method_categories:",
+        nativeRes.payment_method_categories
+      );
+    }
     if (nativeRes.checkout_id) {
       ctx.checkoutId = nativeRes.checkout_id;
       this.state = { ...this.state, checkoutId: nativeRes.checkout_id };
@@ -3421,9 +3517,15 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
         return widget.selected;
       },
       load: (category) => widget.load(category),
-      authorize: async () => {
+      authorize: async (category) => {
         try {
-          const token = await widget.authorize();
+          const addr = buildKlarnaAddress(this.state?.address);
+          const customer = buildKlarnaCustomer(this.state?.address);
+          const authData = {
+            ...addr ? { billing_address: addr, shipping_address: addr } : {},
+            ...customer ? { customer } : {}
+          };
+          const token = await widget.authorize(category, authData);
           await this.completeKlarnaOrder(token, ctx, { authorizationToken: token });
         } catch (err) {
           if (typeof console !== "undefined") {
@@ -3451,7 +3553,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   /** Cart snapshot + chosen shipping line/amount, for express purchases. */
   buildKlarnaInstantContext(shippingId, availableShippings = []) {
     const base = this.buildKlarnaPendingContext();
-    const options = availableShippings.length > 0 ? availableShippings : KLARNA_SHIPPING_OPTIONS;
+    const options = availableShippings;
     const shipping = (shippingId ? options.find((o) => o.id === shippingId) : void 0) ?? options.find((o) => o.preselected) ?? options[0];
     const orderLines = [...base.orderLines];
     if (shipping) {
@@ -3483,8 +3585,7 @@ var CheckoutManager = class _CheckoutManager extends EventTarget {
   async startKlarnaInstant() {
     if (!this.state) throw new Error("[VioCheckout] no active checkout \u2014 call open() first");
     const sponsorId = this.state.sponsorId;
-    const fetchedShippings = await this.fetchAvailableShippings(sponsorId);
-    const shippings = fetchedShippings.length > 0 ? fetchedShippings : KLARNA_SHIPPING_OPTIONS;
+    const shippings = await this.fetchAvailableShippings(sponsorId);
     const { ctx } = this.buildKlarnaInstantContext(void 0, shippings);
     let clientToken;
     let categories;
@@ -3854,6 +3955,6 @@ var VioFacade = class {
 var _vioGlobal = globalThis;
 var Vio = _vioGlobal.__VIO_FACADE__ ?? (_vioGlobal.__VIO_FACADE__ = new VioFacade());
 
-export { ADD_ITEM_MUTATION, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartManager, CheckoutManager, CommerceClient, Configuration, DELETE_ITEM_MUTATION, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, KLARNA_SHIPPING_OPTIONS, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, __decorateClass, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier };
-//# sourceMappingURL=chunk-NP2KCM7X.js.map
-//# sourceMappingURL=chunk-NP2KCM7X.js.map
+export { ADD_ITEM_MUTATION, CREATE_CART_MUTATION, CREATE_CHECKOUT_MUTATION, CREATE_PAYMENT_STRIPE_MUTATION, CREATE_PAYMENT_VIPPS_MUTATION, CartManager, CheckoutManager, CommerceClient, Configuration, DELETE_ITEM_MUTATION, GET_AVAILABLE_PAYMENT_METHODS_QUERY, GET_CART_QUERY, GET_CHECKOUT_QUERY, GET_LINE_ITEMS_BY_SUPPLIER_QUERY, GET_VIPPS_STATUS_QUERY, UPDATE_CHECKOUT_MUTATION, UPDATE_ITEM_MUTATION, UPDATE_SHIPPINGS_BY_SUPPLIER_MUTATION, Vio, VioApi, VioApiError, __decorateClass, addItem, checkApplePayAvailability, createCart, createCheckout, createCommerceClient, createPaymentStripe, createPaymentVipps, createVioApi, deleteItem, displayPrice, executeCartGraphQL, formatPrice, getAvailablePaymentMethods, getCart, getCartGraphQLOptions, getCheckout, getCustomerSessionId, getGlobalCurrency, getLineItemsBySupplier, getVippsStatus, primaryImageUrl, showApplePaySheet, updateCheckout, updateItem, updateShippingsBySupplier };
+//# sourceMappingURL=chunk-KMIARP6X.js.map
+//# sourceMappingURL=chunk-KMIARP6X.js.map