@rebilly/instruments 12.69.0 → 12.71.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [12.69.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v12.68.0...instruments/core-v12.69.0) (2025-06-05)
+## [12.71.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v12.70.0...instruments/core-v12.71.0) (2025-06-06)
 
 
 ### Features
 
-* **api-metadata, rebilly-js-sdk:** Update resources based on latest api definitions ([#12609](https://github.com/Rebilly/rebilly/issues/12609)) ([7953279](https://github.com/Rebilly/rebilly/commit/7953279323e1cef2c4e2b9ee85bd12688215c9cc))
+* **instruments:** Klarna BNPL payment method ([#11906](https://github.com/Rebilly/rebilly/issues/11906)) ([f3ca281](https://github.com/Rebilly/rebilly/commit/f3ca2816ba58f76c2507b1a391c772e8f373fc6a)), closes [#12632](https://github.com/Rebilly/rebilly/issues/12632)

package/dist/index.js

@@ -2907,6 +2907,11 @@ function showError(error, isCloseable = true) {
     });
   }
   console.error("Rebilly Instruments Error", error);
+  if (error.code === window.Framepay.errorCodes.klarna) {
+    setTimeout(() => {
+      location.reload();
+    }, 3e3);
+  }
   window.focus();
 }
 function showErrorHandler(iframe) {
@@ -3003,6 +3008,28 @@ function showConfirmationModal({ title, message, confirmText, cancelText }) {
     });
   });
 }
+function klarnaWindowHandler(iframe) {
+  iframe.component.on(
+    `${iframe.name}-open-klarna-window`,
+    (isOpen) => {
+      if (isOpen) {
+        const form = document.querySelector(
+          '[data-rebilly-instruments="form"]'
+        );
+        if (form) {
+          form.classList.add("rebilly-instruments-klarna-open");
+        }
+      } else {
+        const form = document.querySelector(
+          '[data-rebilly-instruments="form"]'
+        );
+        if (form) {
+          form.classList.remove("rebilly-instruments-klarna-open");
+        }
+      }
+    }
+  );
+}
 let ViewIframe$1 = class ViewIframe extends BaseIframe {
   constructor(args = {}) {
     super(args);
@@ -3017,6 +3044,7 @@ let ViewIframe$1 = class ViewIframe extends BaseIframe {
     updateAddonsHandler(this);
     updateInvoiceHandler(this);
     showConfirmationModalHandler(this);
+    klarnaWindowHandler(this);
   }
 };
 function changeIframeSrcHandler(iframe) {
@@ -6300,7 +6328,7 @@ function C$1({ options: e2 }) {
   }
   function o2() {
     const i = {
-      "REB-API-CONSUMER": `${["Rebilly", e2.appName, "js-sdk"].filter((g) => g).join("/")}@7953279`
+      "REB-API-CONSUMER": `${["Rebilly", e2.appName, "js-sdk"].filter((g) => g).join("/")}@f3ca281`
     };
     return e2.apiKey && (i["REB-APIKEY"] = e2.apiKey), i;
   }
@@ -16557,7 +16585,10 @@ const _ReadyToPayFeatureModel = class _ReadyToPayFeatureModel {
     billingAgreementToken = "",
     paypalClientId = "",
     // Plaid fields
-    linkToken = ""
+    linkToken = "",
+    // Klarna fields
+    clientToken = "",
+    sessionId = ""
   } = {}) {
     this.name = name;
     this.expirationTime = expirationTime;
@@ -16569,12 +16600,15 @@ const _ReadyToPayFeatureModel = class _ReadyToPayFeatureModel {
     this.billingAgreementToken = billingAgreementToken;
     this.paypalClientId = paypalClientId;
     this.linkToken = linkToken;
+    this.clientToken = clientToken;
+    this.sessionId = sessionId;
   }
 };
 _ReadyToPayFeatureModel.FeatureName = {
   paypalBillingAgreement: "PayPal billing agreement",
   googlePay: "Google Pay",
-  applePay: "Apple Pay"
+  applePay: "Apple Pay",
+  klarna: "Klarna"
 };
 let ReadyToPayFeatureModel = _ReadyToPayFeatureModel;
 class ReadyToPayModel {
@@ -16593,7 +16627,7 @@ class ReadyToPayModel {
     this.filters = filters;
     this.metadata = metadata ? new PaymentMetadataModel(metadata) : null;
   }
-  get optionsPaymentInstrumentsKey() {
+  get optionsExpressPaymentInstrumentsKey() {
     var _a;
     switch ((_a = this.feature) == null ? void 0 : _a.name) {
       case ReadyToPayFeatureModel.FeatureName.paypalBillingAgreement:
@@ -16627,9 +16661,6 @@ function filterReadyToPay(readyToPay) {
     // card cvv is required
     // expiration month is required
     // expiration year is required
-    "Klarna",
-    // Klarna authorization token is required
-    // Klarna session ID is required
     // Methods to ignore
     "Apple Pay",
     // Apple Pay should be used only from payment-card method
@@ -16653,7 +16684,8 @@ function filterReadyToPay(readyToPay) {
     const isExpressBlocked = BLOCKED_EXPRESS_METHODS.includes(
       (_a = readyData.feature) == null ? void 0 : _a.name
     );
-    return !isOldPayPal && !isPlaid && !isBlocked && !isExpressBlocked;
+    const isKlarna = readyData.method === "Klarna" && !readyData.feature;
+    return !isOldPayPal && !isPlaid && !isBlocked && !isExpressBlocked && !isKlarna;
   }).map((fields, index2) => {
     const metadata = paymentMethodsMetadata.find(
       (methodMetadata) => methodMetadata.apiName === fields.method
@@ -17388,7 +17420,7 @@ async function mountExpressMethods({ methods, container }) {
   function generateExpressMethodHeight(method) {
     var _a, _b;
     let height;
-    const optionId = method.optionsPaymentInstrumentsKey;
+    const optionId = method.optionsExpressPaymentInstrumentsKey;
     if (!optionId) return "48px";
     const { buttonHeight, displayOptions } = ((_b = (_a = state.options) == null ? void 0 : _a.paymentInstruments) == null ? void 0 : _b[optionId]) || {};
     if (displayOptions) {
@@ -20130,6 +20162,22 @@ const vars = (theme2) => `
   }
 }
 
+
+div[data-rebilly-instruments="form"].rebilly-instruments-klarna-open { 
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 99999999999999;
+}
+
+div[data-rebilly-instruments="form"].rebilly-instruments-klarna-open .rebilly-instruments-iframe {
+  height: 100% !important;
+}
+
 /* Components. Divider
 ------------------------------------------------------------ */
 .rebilly-instruments-divider {