@payment-kit-js/vanilla 0.5.3 → 0.5.4

package/dist/cdn/paymentkit.js

@@ -1,5 +1,5 @@
 /**
- * PaymentKit.js v0.5.3
+ * PaymentKit.js v0.5.4
  * https://paymentkit.com
  *
  * @license MIT
@@ -42,7 +42,7 @@ var PaymentKit = (() => {
   });
 
   // package.json
-  var version = "0.5.3";
+  var version = "0.5.4";
 
   // src/analytics/mock-adapter.ts
   var MockAnalyticsAdapter = class {
@@ -6872,6 +6872,27 @@ var PaymentKit = (() => {
       validations: ["required", "validCardSecurityCode"],
       css: fieldCss
     });
+    for (const selector of [mountPoints.pan, mountPoints.exp, mountPoints.cvc]) {
+      const container = document.querySelector(selector);
+      if (!container) continue;
+      const styleIframe = (iframe) => {
+        iframe.style.width = "100%";
+        iframe.style.height = "100%";
+      };
+      const existing = container.querySelector("iframe");
+      if (existing) {
+        styleIframe(existing);
+      } else {
+        const observer = new MutationObserver((_2, obs) => {
+          const iframe = container.querySelector("iframe");
+          if (iframe) {
+            styleIframe(iframe);
+            obs.disconnect();
+          }
+        });
+        observer.observe(container, { childList: true, subtree: true });
+      }
+    }
     if (onFocusChangeCallbacks) {
       const fieldMap = [
         [panField, "card_pan"],