@flopay/js 1.4.0 → 1.4.1

package/dist/index.mjs

@@ -2,7 +2,14 @@
 import { FloPayError as FloPayError6, resolveBillingApiUrl as resolveBillingApiUrl3, SDK_VERSION as SDK_VERSION4 } from "@flopay/shared";
 
 // src/stripe-adapter.ts
+import { loadStripe } from "@stripe/stripe-js";
 import { FloPayError, isSetupIntentClientSecret } from "@flopay/shared";
+
+// src/card-three-ds.ts
+var CARD_THREE_DS_ATTEMPT_TTL_MS = 15 * 6e4;
+var MAX_CARD_THREE_DS_ATTEMPTS = 32;
+
+// src/stripe-adapter.ts
 function toStripeElementType(type) {
   const map = {
     payment: "payment",
@@ -25,8 +32,6 @@ function toStripeAppearanceTheme(theme) {
       return "stripe";
   }
 }
-var CARD_THREE_DS_ATTEMPT_TTL_MS = 15 * 6e4;
-var MAX_CARD_THREE_DS_ATTEMPTS = 32;
 function cardThreeDsNow() {
   return globalThis.performance?.now() ?? Date.now();
 }
@@ -53,6 +58,24 @@ function wrapStripeElement(stripeElement) {
     }
   };
 }
+function toStripeBillingDetails(billing) {
+  return {
+    billing_details: {
+      ...billing.email ? { email: billing.email } : {},
+      ...billing.name ? { name: billing.name } : {},
+      ...billing.address ? {
+        address: {
+          ...billing.address.country ? { country: billing.address.country } : {},
+          ...billing.address.postal_code ? { postal_code: billing.address.postal_code } : {},
+          ...billing.address.city ? { city: billing.address.city } : {},
+          ...billing.address.line1 ? { line1: billing.address.line1 } : {},
+          ...billing.address.line2 ? { line2: billing.address.line2 } : {},
+          ...billing.address.state ? { state: billing.address.state } : {}
+        }
+      } : {}
+    }
+  };
+}
 var StripeAdapter = class {
   constructor() {
     this.name = "stripe";
@@ -70,16 +93,6 @@ var StripeAdapter = class {
     if (typeof window === "undefined") {
       return;
     }
-    let loadStripe;
-    try {
-      ({ loadStripe } = await import("@stripe/stripe-js"));
-    } catch {
-      throw new FloPayError(
-        "Failed to load @stripe/stripe-js. Reinstall @flopay/js.",
-        "api_error",
-        { code: "StripeJsLoadFailed" }
-      );
-    }
     const stripe = await loadStripe(config.publishableKey, {
       locale: config.locale ?? "auto"
     });
@@ -191,22 +204,7 @@ var StripeAdapter = class {
       };
     }
     const cardNumberEl = this.elements.getElement("cardNumber");
-    const stripeBilling = billingDetails ? {
-      billing_details: {
-        ...billingDetails.email ? { email: billingDetails.email } : {},
-        ...billingDetails.name ? { name: billingDetails.name } : {},
-        ...billingDetails.address ? {
-          address: {
-            ...billingDetails.address.country ? { country: billingDetails.address.country } : {},
-            ...billingDetails.address.postal_code ? { postal_code: billingDetails.address.postal_code } : {},
-            ...billingDetails.address.city ? { city: billingDetails.address.city } : {},
-            ...billingDetails.address.line1 ? { line1: billingDetails.address.line1 } : {},
-            ...billingDetails.address.line2 ? { line2: billingDetails.address.line2 } : {},
-            ...billingDetails.address.state ? { state: billingDetails.address.state } : {}
-          }
-        } : {}
-      }
-    } : {};
+    const stripeBilling = billingDetails ? toStripeBillingDetails(billingDetails) : {};
     const { error, paymentMethod } = cardNumberEl ? await this.stripe.createPaymentMethod({
       type: "card",
       card: cardNumberEl,
@@ -326,22 +324,7 @@ var StripeAdapter = class {
       );
     }
     const billing = params.billingDetails;
-    const paymentMethodData = billing ? {
-      billing_details: {
-        ...billing.email ? { email: billing.email } : {},
-        ...billing.name ? { name: billing.name } : {},
-        ...billing.address ? {
-          address: {
-            ...billing.address.country ? { country: billing.address.country } : {},
-            ...billing.address.postal_code ? { postal_code: billing.address.postal_code } : {},
-            ...billing.address.city ? { city: billing.address.city } : {},
-            ...billing.address.line1 ? { line1: billing.address.line1 } : {},
-            ...billing.address.line2 ? { line2: billing.address.line2 } : {},
-            ...billing.address.state ? { state: billing.address.state } : {}
-          }
-        } : {}
-      }
-    } : void 0;
+    const paymentMethodData = billing ? toStripeBillingDetails(billing) : void 0;
     const { error, paymentIntent } = await this.stripe.confirmPayment({
       elements: this.elements,
       clientSecret: params.clientSecret,
@@ -576,6 +559,19 @@ import {
   resolveSessionCurrency
 } from "@flopay/shared";
 
+// src/api-error.ts
+function readErrorString(value) {
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+function readErrorMessage(value) {
+  if (typeof value === "string") return value.trim() ? value : void 0;
+  if (Array.isArray(value)) {
+    const joined = value.filter((entry) => typeof entry === "string" && entry.trim().length > 0).join("; ");
+    return joined || void 0;
+  }
+  return void 0;
+}
+
 // src/session-display-cache.ts
 var STORAGE_KEY_PREFIX = "flopay_session_display:";
 var DEFAULT_TTL_MS = 60 * 60 * 1e3;
@@ -1006,17 +1002,10 @@ function telemetryFailure(error, fallbackCode) {
   };
 }
 function readString(payload, key) {
-  const value = payload?.[key];
-  return typeof value === "string" && value.trim() ? value : void 0;
+  return readErrorString(payload?.[key]);
 }
 function readMessage(payload, key) {
-  const value = payload?.[key];
-  if (typeof value === "string") return value.trim() ? value : void 0;
-  if (Array.isArray(value)) {
-    const joined = value.filter((entry) => typeof entry === "string" && entry.trim().length > 0).join("; ");
-    return joined || void 0;
-  }
-  return void 0;
+  return readErrorMessage(payload?.[key]);
 }
 function readNumber(payload, key) {
   const value = payload?.[key];
@@ -2855,8 +2844,6 @@ function telemetryProvider(name) {
   if (name === "stripe" || name === "paypal" || name === "pcivault") return name;
   return "other";
 }
-var CARD_THREE_DS_ATTEMPT_TTL_MS2 = 15 * 6e4;
-var MAX_CARD_THREE_DS_ATTEMPTS2 = 32;
 var FloPay = class {
   constructor(provider, config, telemetryReporter) {
     this.currentElements = null;
@@ -3038,7 +3025,7 @@ var FloPay = class {
   trackCardThreeDsAttempt(attemptId, startedAt) {
     this.pruneExpiredCardThreeDsAttempts(startedAt);
     if (this.cardThreeDsStartedAt.has(attemptId)) return false;
-    while (this.cardThreeDsStartedAt.size >= MAX_CARD_THREE_DS_ATTEMPTS2) {
+    while (this.cardThreeDsStartedAt.size >= MAX_CARD_THREE_DS_ATTEMPTS) {
       const oldestAttemptId = this.cardThreeDsStartedAt.keys().next().value;
       if (oldestAttemptId === void 0) break;
       this.cardThreeDsStartedAt.delete(oldestAttemptId);
@@ -3054,7 +3041,7 @@ var FloPay = class {
   }
   pruneExpiredCardThreeDsAttempts(now) {
     for (const [attemptId, startedAt] of this.cardThreeDsStartedAt) {
-      if (now - startedAt >= CARD_THREE_DS_ATTEMPT_TTL_MS2) {
+      if (now - startedAt >= CARD_THREE_DS_ATTEMPT_TTL_MS) {
         this.cardThreeDsStartedAt.delete(attemptId);
       }
     }
@@ -3494,20 +3481,21 @@ function instanceCacheKey(publishableKey, options) {
     stableCacheValue(options?.appearance ?? null)
   ]);
 }
+var initializationCache = /* @__PURE__ */ new Map();
 async function loadFloPay(publishableKey, options) {
   if (!publishableKey) {
-    const reporter2 = new TelemetryReporter({
+    const reporter = new TelemetryReporter({
       billingApiUrl: resolveBillingApiUrl3(options?.billingApiUrl),
       sdkVersion: SDK_VERSION4,
       enabled: options?.telemetry !== false
     });
-    reporter2.error({
+    reporter.error({
       errorCode: "CONFIGURATION_INVALID",
       stage: "sdk_initialize",
       paymentMethodCategory: "unknown"
     });
-    void reporter2.flush().catch(() => {
-    }).finally(() => reporter2.destroy());
+    void reporter.flush().catch(() => {
+    }).finally(() => reporter.destroy());
     throw new FloPayError6(
       "A publishable key is required to initialize FloPay.",
       "validation_error",
@@ -3525,59 +3513,71 @@ async function loadFloPay(publishableKey, options) {
     }
     return cached;
   }
+  const initializing = initializationCache.get(cacheKey);
+  if (initializing) return initializing;
   const config = {
-    publishableKey,
-    ...options
+    ...options,
+    publishableKey
   };
-  const reporter = new TelemetryReporter({
-    billingApiUrl: resolveBillingApiUrl3(config.billingApiUrl),
-    sdkVersion: SDK_VERSION4,
-    enabled: config.telemetry !== false
-  });
-  const initializationStarted = reporter.now();
-  reporter.log({ name: "sdk.initialize.started", stage: "sdk_initialize" });
-  reporter.log({ name: "sdk.cache.miss", stage: "sdk_initialize" });
-  reporter.log({
-    name: "provider.load.started",
-    stage: "provider_load",
-    provider: "stripe"
-  });
-  const adapter = new StripeAdapter();
-  try {
-    await adapter.initialize(config);
-  } catch (error) {
-    reporter.error({
-      errorCode: "SDK_INITIALIZATION_FAILED",
+  const initialization = (async () => {
+    const reporter = new TelemetryReporter({
+      billingApiUrl: resolveBillingApiUrl3(config.billingApiUrl),
+      sdkVersion: SDK_VERSION4,
+      enabled: config.telemetry !== false
+    });
+    const initializationStarted = reporter.now();
+    reporter.log({ name: "sdk.initialize.started", stage: "sdk_initialize" });
+    reporter.log({ name: "sdk.cache.miss", stage: "sdk_initialize" });
+    reporter.log({
+      name: "provider.load.started",
+      stage: "provider_load",
+      provider: "stripe"
+    });
+    const adapter = new StripeAdapter();
+    try {
+      await adapter.initialize(config);
+    } catch (error) {
+      reporter.error({
+        errorCode: "SDK_INITIALIZATION_FAILED",
+        stage: "sdk_initialize",
+        provider: "stripe",
+        paymentMethodCategory: "unknown"
+      });
+      reporter.destroy();
+      throw error;
+    }
+    reporter.log({ name: "provider.ready", stage: "provider_ready", provider: "stripe" });
+    reporter.log({
+      name: "provider.availability.checked",
+      stage: "provider_ready",
+      provider: "stripe"
+    });
+    reporter.log({ name: "sdk.initialize.ready", stage: "sdk_initialize" });
+    const initializationDuration = reporter.now() - initializationStarted;
+    reporter.performance({
       stage: "sdk_initialize",
-      provider: "stripe",
-      paymentMethodCategory: "unknown"
+      durationMs: initializationDuration,
+      durationMode: "machine",
+      provider: "stripe"
     });
-    reporter.destroy();
-    throw error;
+    reporter.performance({
+      stage: "provider_ready",
+      durationMs: initializationDuration,
+      durationMode: "machine",
+      provider: "stripe"
+    });
+    const instance = createInstrumentedFloPay(adapter, config, reporter);
+    instanceCache.set(cacheKey, instance);
+    return instance;
+  })();
+  initializationCache.set(cacheKey, initialization);
+  try {
+    return await initialization;
+  } finally {
+    if (initializationCache.get(cacheKey) === initialization) {
+      initializationCache.delete(cacheKey);
+    }
   }
-  reporter.log({ name: "provider.ready", stage: "provider_ready", provider: "stripe" });
-  reporter.log({
-    name: "provider.availability.checked",
-    stage: "provider_ready",
-    provider: "stripe"
-  });
-  reporter.log({ name: "sdk.initialize.ready", stage: "sdk_initialize" });
-  const initializationDuration = reporter.now() - initializationStarted;
-  reporter.performance({
-    stage: "sdk_initialize",
-    durationMs: initializationDuration,
-    durationMode: "machine",
-    provider: "stripe"
-  });
-  reporter.performance({
-    stage: "provider_ready",
-    durationMs: initializationDuration,
-    durationMode: "machine",
-    provider: "stripe"
-  });
-  const instance = createInstrumentedFloPay(adapter, config, reporter);
-  instanceCache.set(cacheKey, instance);
-  return instance;
 }
 
 // src/create-checkout-session.ts
@@ -3592,13 +3592,10 @@ import {
   resolveSessionCurrency as resolveSessionCurrency2
 } from "@flopay/shared";
 var MAX_COUPON_CODES = 5;
-function readString2(value) {
-  return typeof value === "string" && value.trim() ? value : void 0;
-}
 function buildCheckoutSessionError(status, payload) {
   const nested = payload?.error;
-  const code = readString2(payload?.code) ?? readString2(nested?.code) ?? `http_${status}`;
-  const message = readString2(payload?.message) ?? readString2(nested?.message) ?? defaultMessageForCode(code, status);
+  const code = readErrorString(payload?.code) ?? readErrorString(nested?.code) ?? `http_${status}`;
+  const message = readErrorString(payload?.message) ?? readErrorString(nested?.message) ?? defaultMessageForCode(code, status);
   return new FloPayError7(message, "api_error", { code, statusCode: status });
 }
 function defaultMessageForCode(code, status) {