@payment-kit-js/vanilla 0.5.14 → 0.5.16

package/dist/cdn/paymentkit.js

@@ -1,5 +1,5 @@
 /**
- * PaymentKit.js v0.5.14
+ * PaymentKit.js v0.5.16
  * https://paymentkit.com
  *
  * @license MIT
@@ -42,7 +42,7 @@ var PaymentKit = (() => {
   });
 
   // package.json
-  var version = "0.5.14";
+  var version = "0.5.16";
 
   // src/analytics/mock-adapter.ts
   var MockAnalyticsAdapter = class {
@@ -6878,6 +6878,8 @@ var PaymentKit = (() => {
           success: true,
           token: mockToken,
           payerEmail: "mock@example.com",
+          payerFirstName: "Mock",
+          payerLastName: "User",
           complete: (status) => console.log(`[MockApplePay:Airwallex] complete: ${status}`)
         };
       }
@@ -6903,8 +6905,8 @@ var PaymentKit = (() => {
           amount,
           type: "final"
         },
-        // Surface the payer's email so the backend can fill missing customer email.
-        requiredBillingContactFields: ["email"]
+        // Surface the payer's email and name so the backend can fill missing customer info.
+        requiredBillingContactFields: ["email", "name"]
       };
       return new Promise((resolve) => {
         try {
@@ -6948,6 +6950,8 @@ var PaymentKit = (() => {
               transactionIdentifier: payment.token.transactionIdentifier
             };
             const payerEmail = payment.billingContact?.emailAddress ?? payment.shippingContact?.emailAddress ?? void 0;
+            const payerFirstName = payment.billingContact?.givenName ?? payment.shippingContact?.givenName ?? void 0;
+            const payerLastName = payment.billingContact?.familyName ?? payment.shippingContact?.familyName ?? void 0;
             const complete = (status) => {
               console.log("[ApplePay:Airwallex] completing session with status:", status);
               const appleStatus = status === "success" ? STATUS_SUCCESS : STATUS_FAILURE;
@@ -6957,6 +6961,8 @@ var PaymentKit = (() => {
               success: true,
               token,
               payerEmail,
+              payerFirstName,
+              payerLastName,
               complete
             });
           };
@@ -7722,7 +7728,7 @@ var PaymentKit = (() => {
       checkoutRequestId
     );
   }
-  async function callAirwallexConfirmEndpoint(apiBaseUrl, secureToken, applePayToken, mockScenarioStr, checkoutRequestId, payerEmail) {
+  async function callAirwallexConfirmEndpoint(apiBaseUrl, secureToken, applePayToken, mockScenarioStr, checkoutRequestId, payerEmail, payerFirstName, payerLastName) {
     const result = await apiCall(
       `${apiBaseUrl}/api/checkout/${secureToken}/airwallex/apple-pay/confirm`,
       {
@@ -7731,6 +7737,8 @@ var PaymentKit = (() => {
         body: JSON.stringify({
           apple_pay_token: applePayToken,
           payer_email: payerEmail,
+          payer_first_name: payerFirstName,
+          payer_last_name: payerLastName,
           mock_scenario: mockScenarioStr
         })
       },
@@ -7867,14 +7875,16 @@ var PaymentKit = (() => {
       }
       return { errors: { apple_pay: paymentResult.error || "Apple Pay failed" } };
     }
-    const { token, complete, payerEmail } = paymentResult;
+    const { token, complete, payerEmail, payerFirstName, payerLastName } = paymentResult;
     let response = await callAirwallexConfirmEndpoint(
       apiBaseUrl,
       secureToken,
       token,
       mockScenarioStr,
       checkoutRequestId,
-      payerEmail
+      payerEmail,
+      payerFirstName,
+      payerLastName
     );
     let userActionCount = 0;
     while (response.charge_status === "pending" && response.next_action && userActionCount < MAX_USER_ACTIONS) {
@@ -8643,16 +8653,24 @@ var PaymentKit = (() => {
     };
     return submitPayment;
   };
+  var FETCH_COLLECT_TOKEN_TIMEOUT_MS = 1e4;
   var fetchCollectToken = async (apiBaseUrl, secureToken) => {
-    const resp = await fetch(`${apiBaseUrl}/api/card-setup-intents/${secureToken}/collect-token`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" }
-    });
-    if (!resp.ok) {
-      throw new Error(`Failed to get collect token: ${resp.status}`);
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), FETCH_COLLECT_TOKEN_TIMEOUT_MS);
+    try {
+      const resp = await fetch(`${apiBaseUrl}/api/card-setup-intents/${secureToken}/collect-token`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        signal: controller.signal
+      });
+      if (!resp.ok) {
+        throw new Error(`Failed to get collect token: ${resp.status}`);
+      }
+      const data = await resp.json();
+      return data.access_token;
+    } finally {
+      clearTimeout(timeoutId);
     }
-    const data = await resp.json();
-    return data.access_token;
   };
   var VGS_FIELD_MAP = {
     // Actual VGS CMP error keys (verified empirically)
@@ -8685,15 +8703,33 @@ var PaymentKit = (() => {
       return { errors, isSuccess: false };
     }
     let accessToken;
+    const collectTokenStart = performance.now();
     try {
       accessToken = await fetchCollectToken(apiBaseUrl, secureToken);
+      const collectTokenDuration = Math.round(performance.now() - collectTokenStart);
+      AnalyticsService.capture("vgs_collect_token_timing", {
+        checkout_session_id: secureToken,
+        request_id: checkoutRequestId,
+        duration_ms: collectTokenDuration,
+        success: true
+      });
     } catch (err) {
+      const collectTokenDuration = Math.round(performance.now() - collectTokenStart);
+      const isAbortError = err instanceof DOMException && err.name === "AbortError";
+      AnalyticsService.capture("vgs_collect_token_timing", {
+        checkout_session_id: secureToken,
+        request_id: checkoutRequestId,
+        duration_ms: collectTokenDuration,
+        success: false,
+        error_type: isAbortError ? "FETCH_TIMEOUT" : "FETCH_ERROR"
+      });
       console.error(`${logPrefix} VGS auth token fetch failed:`, stringifyError(err));
-      errors.root = "Card authentication failed \u2014 please try again";
+      errors.root = isAbortError ? "Card authentication timed out \u2014 please try again" : "Card authentication failed \u2014 please try again";
       return { errors, isSuccess: false };
     }
     let cardResult;
-    const VGS_CREATE_CARD_TIMEOUT_MS = 3e4;
+    const VGS_CREATE_CARD_TIMEOUT_MS = 12e4;
+    const createCardStart = performance.now();
     try {
       let createCardTimeoutId;
       cardResult = await Promise.race([
@@ -8711,10 +8747,25 @@ var PaymentKit = (() => {
           createCardTimeoutId = setTimeout(() => reject(new Error("VGS_TIMEOUT")), VGS_CREATE_CARD_TIMEOUT_MS);
         })
       ]).finally(() => clearTimeout(createCardTimeoutId));
+      const createCardDuration = Math.round(performance.now() - createCardStart);
+      AnalyticsService.capture("vgs_create_card_timing", {
+        checkout_session_id: secureToken,
+        request_id: checkoutRequestId,
+        duration_ms: createCardDuration,
+        success: true
+      });
     } catch (err) {
+      const createCardDuration = Math.round(performance.now() - createCardStart);
       const errStr = stringifyError(err);
       console.error(`${logPrefix} VGS createCard failed:`, errStr);
       if (err instanceof Error && err.message === "VGS_TIMEOUT") {
+        AnalyticsService.capture("vgs_create_card_timing", {
+          checkout_session_id: secureToken,
+          request_id: checkoutRequestId,
+          duration_ms: createCardDuration,
+          success: false,
+          error_type: "VGS_TIMEOUT"
+        });
         errors.root = "Card processing timed out \u2014 please try again";
         return { errors, isSuccess: false };
       }
@@ -8728,9 +8779,23 @@ var PaymentKit = (() => {
           }
         }
         if (Object.keys(errors).length > 0) {
+          AnalyticsService.capture("vgs_create_card_timing", {
+            checkout_session_id: secureToken,
+            request_id: checkoutRequestId,
+            duration_ms: createCardDuration,
+            success: false,
+            error_type: "VGS_VALIDATION_ERROR"
+          });
           return { errors, isSuccess: false };
         }
       }
+      AnalyticsService.capture("vgs_create_card_timing", {
+        checkout_session_id: secureToken,
+        request_id: checkoutRequestId,
+        duration_ms: createCardDuration,
+        success: false,
+        error_type: "VGS_ERROR"
+      });
       errors.root = "Card validation failed \u2014 please check your card details and try again";
       return { errors, isSuccess: false };
     }