@rebilly/instruments 9.66.4 → 9.66.5

package/CHANGELOG.md

@@ -1 +1,6 @@
-## [9.66.4](https://github.com/Rebilly/rebilly/compare/instruments/core-v9.66.3...instruments/core-v9.66.4) (2024-07-15)
+## [9.66.5](https://github.com/Rebilly/rebilly/compare/instruments/core-v9.66.4...instruments/core-v9.66.5) (2024-07-15)
+
+
+### Bug Fixes
+
+* **Instruments:** Remove infinte load when paypal fails to mount ([#6479](https://github.com/Rebilly/rebilly/issues/6479)) ([8f49e94](https://github.com/Rebilly/rebilly/commit/8f49e94acfa57891a97ab86c376c43f21946b5a5))

package/dist/index.js

@@ -16926,7 +16926,7 @@ function mountExpressMethod({ state: state2, id: id2 }) {
     applePayButton.style.height = buttonHeight;
     applePayButton.style.cursor = "pointer";
   }
-  function mountButton() {
+  return function mountButton() {
     if (!container.children.length) {
       const mountFunction = {
         "google-pay": "googlePay",
@@ -16945,13 +16945,7 @@ function mountExpressMethod({ state: state2, id: id2 }) {
         console.warn(`method '${id2}' is not supported`);
       }
     }
-  }
-  Framepay == null ? void 0 : Framepay.on("ready", () => {
-    mountButton();
-  });
-  Framepay == null ? void 0 : Framepay.on("error", (error2) => {
-    console.error(error2);
-  });
+  };
 }
 function generateFramepayConfig({ methodIds } = {}) {
   var _a, _b;
@@ -17034,18 +17028,44 @@ async function mountExpressMethods({ methods, container }) {
     }
     return height;
   }
-  methods.forEach((method) => {
-    const { METHOD_ID: id2 } = getMethodData(method);
-    if (id2 === "apple-pay" && !browserIsSafari()) return;
-    container.innerHTML += `
+  Framepay == null ? void 0 : Framepay.on("ready", () => {
+    const mountingMethods = [];
+    methods.map((method) => {
+      const { METHOD_ID: id2 } = getMethodData(method);
+      if (id2 === "apple-pay" && !browserIsSafari()) return;
+      container.innerHTML += `
       <div class="rebilly-instruments-${id2}-method" style="height: ${generateExpressMethodHeight(
-      method
-    )}"></div>
+        method
+      )}"></div>
     `;
-    mountExpressMethod({
-      state,
-      id: id2
+      mountingMethods.push(
+        mountExpressMethod({
+          state,
+          id: id2
+        })
+      );
     });
+    mountingMethods.forEach((mount2) => mount2());
+  });
+  Framepay == null ? void 0 : Framepay.on("error", (error2) => {
+    if (error2.code === "paypal-error") {
+      const paypalEl = document.querySelector(
+        ".rebilly-instruments-pay-pal-billing-agreement-method"
+      );
+      if (paypalEl) {
+        paypalEl.remove();
+        if (container.children.length <= 0) {
+          const divider = document.querySelector(
+            '[data-rebilly-instruments="divider"]'
+          );
+          if (divider) {
+            divider.remove();
+          }
+        }
+      }
+    } else {
+      console.error(error2);
+    }
   });
   const redirectUrl = state.options.apiMode === "sandbox" ? "https://forms-sandbox.secure-payments.app/approval-url?close=true" : "https://forms.secure-payments.app/approval-url?close=true";
   Framepay == null ? void 0 : Framepay.on("token-ready", (token) => {