@payment-kit-js/vanilla 0.5.7 → 0.5.9

package/dist/cdn/paymentkit.js

@@ -1,5 +1,5 @@
 /**
- * PaymentKit.js v0.5.7
+ * PaymentKit.js v0.5.9
  * https://paymentkit.com
  *
  * @license MIT
@@ -42,7 +42,7 @@ var PaymentKit = (() => {
   });
 
   // package.json
-  var version = "0.5.7";
+  var version = "0.5.9";
 
   // src/analytics/mock-adapter.ts
   var MockAnalyticsAdapter = class {
@@ -85,7 +85,7 @@ var PaymentKit = (() => {
     }
   };
 
-  // ../../node_modules/posthog-js/dist/module.js
+  // node_modules/posthog-js/dist/module.js
   var t = "undefined" != typeof window ? window : void 0;
   var i = "undefined" != typeof globalThis ? globalThis : t;
   "undefined" == typeof self && (i.self = i), "undefined" == typeof File && (i.File = function() {
@@ -6053,8 +6053,8 @@ var PaymentKit = (() => {
       apiBaseUrl: "https://staging.paymentkit.com"
     },
     production: {
-      baseUrl: "https://paymentkit.com/customer",
-      apiBaseUrl: "https://paymentkit.com"
+      baseUrl: "https://app.paymentkit.com/customer",
+      apiBaseUrl: "https://app.paymentkit.com"
     }
   };
   function getTunnelUrls() {
@@ -6864,6 +6864,14 @@ var PaymentKit = (() => {
       "box-sizing": "border-box",
       ...containerPadding && containerPadding !== "0px" ? { padding: containerPadding } : {}
     };
+    for (const selector of [mountPoints.pan, mountPoints.exp, mountPoints.cvc]) {
+      const container = document.querySelector(selector);
+      if (!container) continue;
+      const staleIframes = container.querySelectorAll("iframe");
+      for (const iframe of staleIframes) {
+        iframe.remove();
+      }
+    }
     const panField = form.cardNumberField(mountPoints.pan, {
       placeholder: placeholders?.card_pan ?? "Card number",
       validations: ["required", "validCardNumber"],
@@ -6883,9 +6891,12 @@ var PaymentKit = (() => {
       validations: ["required", "validCardSecurityCode"],
       css: fieldCss
     });
+    const observers = [];
+    const containers = [];
     for (const selector of [mountPoints.pan, mountPoints.exp, mountPoints.cvc]) {
       const container = document.querySelector(selector);
       if (!container) continue;
+      containers.push(container);
       const styleIframe = (iframe) => {
         const containerEl = container;
         if (getComputedStyle(containerEl).position === "static") {
@@ -6897,18 +6908,17 @@ var PaymentKit = (() => {
         iframe.style.height = "100%";
         iframe.style.border = "none";
       };
+      const observer = new MutationObserver(() => {
+        const iframe = container.querySelector("iframe");
+        if (iframe && iframe.style.position !== "absolute") {
+          styleIframe(iframe);
+        }
+      });
+      observer.observe(container, { childList: true, subtree: true });
+      observers.push(observer);
       const existing = container.querySelector("iframe");
-      if (existing) {
+      if (existing && existing.style.position !== "absolute") {
         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) {
@@ -6925,6 +6935,17 @@ var PaymentKit = (() => {
         }
       }
     }
+    return () => {
+      for (const observer of observers) {
+        observer.disconnect();
+      }
+      for (const container of containers) {
+        const iframes = container.querySelectorAll("iframe");
+        for (const iframe of iframes) {
+          iframe.remove();
+        }
+      }
+    };
   }
 
   // src/payment-methods/card.ts
@@ -6941,13 +6962,37 @@ var PaymentKit = (() => {
   };
   var mapFieldsToCustomerInfo = (fields) => {
     const { firstName, lastName } = splitName(fields.customer_name);
+    const hasBillingAddress = fields.customer_country || fields.customer_zip_code || fields.customer_address_line1 || fields.customer_address_line2 || fields.customer_city || fields.customer_state;
+    const hasShippingAddress = fields.shipping_address_line1 || fields.shipping_address_line2 || fields.shipping_city || fields.shipping_state || fields.shipping_zip_code || fields.shipping_country;
+    let taxIds;
+    if (fields.customer_tax_ids) {
+      try {
+        taxIds = JSON.parse(fields.customer_tax_ids);
+      } catch {
+        taxIds = void 0;
+      }
+    }
     return {
       email: fields.customer_email || void 0,
       firstName,
       lastName,
-      billingAddress: fields.customer_country || fields.customer_zip_code ? {
+      businessName: fields.customer_business_name || void 0,
+      taxIds: taxIds?.length ? taxIds : void 0,
+      billingAddress: hasBillingAddress ? {
         country: fields.customer_country || void 0,
-        zipCode: fields.customer_zip_code || void 0
+        zipCode: fields.customer_zip_code || void 0,
+        line1: fields.customer_address_line1 || void 0,
+        line2: fields.customer_address_line2 || void 0,
+        city: fields.customer_city || void 0,
+        state: fields.customer_state || void 0
+      } : void 0,
+      shippingAddress: hasShippingAddress ? {
+        line1: fields.shipping_address_line1 || void 0,
+        line2: fields.shipping_address_line2 || void 0,
+        city: fields.shipping_city || void 0,
+        state: fields.shipping_state || void 0,
+        zipCode: fields.shipping_zip_code || void 0,
+        country: fields.shipping_country || void 0
       } : void 0
     };
   };
@@ -7013,7 +7058,7 @@ var PaymentKit = (() => {
                 console.log(
                   `[PaymentKit] Creating VGS card fields \u2014 pan: ${parentSelector}, exp: ${expSelector}, cvc: ${cvcSelector}`
                 );
-                createVgsCardFields(
+                states.vgsFieldsCleanup = createVgsCardFields(
                   form,
                   {
                     pan: parentSelector,
@@ -7037,6 +7082,8 @@ var PaymentKit = (() => {
             }
             cleanupVgs = () => {
               if (type === "card_pan" && states.vgsForm) {
+                states.vgsFieldsCleanup?.();
+                states.vgsFieldsCleanup = void 0;
                 states.vgsForm.unmount();
                 states.vgsForm = void 0;
               }
@@ -7105,14 +7152,15 @@ var PaymentKit = (() => {
     };
   };
   var defSubmitPayment = (states) => {
-    const submitPayment = async (fields) => {
+    const submitPayment = async (fields, options) => {
       if (states._sessionConfigReady) await states._sessionConfigReady;
       const isVgsMode = states.cardTokenizationMode === "vgs";
       const { timingTracker, checkoutRequestId } = states;
       timingTracker.trackSubmit();
       const requestOptions = withRequestId(checkoutRequestId);
       const tunnelX = await TunnelXManager.createFromPenpalConnection(states.tunnelXConnection);
-      const validateFormResult = await validateFormFields(fields);
+      const skipCustomerValidation = options?.skipCustomerValidation === true;
+      const validateFormResult = skipCustomerValidation ? { isSuccess: true } : await validateFormFields(fields);
       if (!isVgsMode) {
         const validateCardResult = await validateCardFields(states);
         if (!(validateCardResult.isSuccess && validateFormResult.isSuccess)) {
@@ -7278,6 +7326,9 @@ var PaymentKit = (() => {
           );
         })
       ]).finally(() => clearTimeout(createCardTimeoutId));
+      if (!cardResult?.data?.attributes) {
+        throw new Error("VGS createCard returned an invalid response");
+      }
       const { pan_alias, cvc_alias, exp_month, exp_year } = cardResult.data.attributes;
       const fullYear = exp_year < 100 ? 2e3 + exp_year : exp_year;
       const formattedExp = `${String(exp_month).padStart(2, "0")}/${fullYear}`;
@@ -7348,6 +7399,8 @@ var PaymentKit = (() => {
         submitPayment: defSubmitPayment(localStates),
         cleanup: () => {
           if (localStates.vgsForm) {
+            localStates.vgsFieldsCleanup?.();
+            localStates.vgsFieldsCleanup = void 0;
             localStates.vgsForm.unmount();
             localStates.vgsForm = void 0;
           }