@payment-kit-js/vanilla 0.5.15 → 0.5.17

package/dist/cdn/paymentkit.js

@@ -1,5 +1,5 @@
 /**
- * PaymentKit.js v0.5.15
+ * PaymentKit.js v0.5.17
  * https://paymentkit.com
  *
  * @license MIT
@@ -42,7 +42,7 @@ var PaymentKit = (() => {
   });
 
   // package.json
-  var version = "0.5.15";
+  var version = "0.5.17";
 
   // src/analytics/mock-adapter.ts
   var MockAnalyticsAdapter = class {
@@ -7527,17 +7527,14 @@ var PaymentKit = (() => {
   function getMockScenarioStr(mockScenario) {
     return mockScenario && mockScenario !== "none" /* None */ ? mockScenario : void 0;
   }
-  async function callStripeStartEndpoint(apiBaseUrl, secureToken, options, mockScenarioStr, checkoutRequestId) {
+  async function callStripeStartEndpoint(apiBaseUrl, secureToken, options, checkoutRequestId) {
     return apiCall(
       `${apiBaseUrl}/api/checkout/${secureToken}/apple-pay/start`,
       {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          processor_id: options.processorId,
-          customer_info: options.customerInfo,
-          fraud_metadata: collectFraudMetadata(),
-          mock_scenario: mockScenarioStr
+          processor_id: options.processorId
         })
       },
       checkoutRequestId
@@ -7550,13 +7547,16 @@ var PaymentKit = (() => {
     }
     return { adapter };
   }
-  async function callStripeConfirmEndpoint(apiBaseUrl, secureToken, paymentMethodId, mockScenarioStr, checkoutRequestId, payerEmail) {
+  async function callStripeConfirmEndpoint(apiBaseUrl, secureToken, options, paymentMethodId, mockScenarioStr, checkoutRequestId, payerEmail) {
     const result = await apiCall(
       `${apiBaseUrl}/api/checkout/${secureToken}/apple-pay/confirm`,
       {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
+          processor_id: options.processorId,
+          customer_info: options.customerInfo,
+          fraud_metadata: collectFraudMetadata(),
           payment_method_id: paymentMethodId,
           payer_email: payerEmail,
           mock_scenario: mockScenarioStr
@@ -7647,7 +7647,6 @@ var PaymentKit = (() => {
       apiBaseUrl,
       secureToken,
       options,
-      mockScenarioStr,
       checkoutRequestId
     );
     if (startResult.error || !startResult.data) {
@@ -7952,6 +7951,7 @@ var PaymentKit = (() => {
           const confirmResult2 = await callStripeConfirmEndpoint(
             apiBaseUrl,
             secureToken,
+            applePayOptions,
             paymentMethodId2,
             mockScenarioStr,
             preparedStripeState.checkoutRequestId,
@@ -7985,7 +7985,6 @@ var PaymentKit = (() => {
           apiBaseUrl,
           secureToken,
           applePayOptions,
-          mockScenarioStr,
           checkoutRequestId
         );
         if (startResult.error || !startResult.data) {
@@ -8023,6 +8022,7 @@ var PaymentKit = (() => {
         const confirmResult = await callStripeConfirmEndpoint(
           apiBaseUrl,
           secureToken,
+          applePayOptions,
           paymentMethodId,
           mockScenarioStr,
           checkoutRequestId,
@@ -8653,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)
@@ -8695,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([
@@ -8721,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 };
       }
@@ -8738,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 };
     }