@payment-kit-js/vanilla 0.4.0-alpha.0 → 0.5.1

package/dist/types-CZk3V0Qt.d.mts

@@ -0,0 +1,147 @@
+import { t as CardErrorCode } from "./connect-card-Cxy51W6t.mjs";
+import { t as TunnelXIFrameConnection } from "./connect-tunnel-x-lv6Wtdme.mjs";
+
+//#region src/analytics/checkout-timing.d.ts
+
+/**
+ * Tracks timing metrics throughout the checkout flow.
+ *
+ * Create one instance per checkout session and call the track methods
+ * at appropriate points in the checkout flow.
+ *
+ * Usage:
+ *   const requestId = getOrCreateCheckoutRequestId(environment);
+ *   const tracker = new CheckoutTimingTracker(secureToken, requestId);
+ *   tracker.trackPageReady();
+ *   // ... iframe loads ...
+ *   tracker.trackInputReady();
+ *   // ... user submits ...
+ *   tracker.trackSubmit();
+ *   // ... API response ...
+ *   tracker.trackSuccess(attemptId);
+ */
+declare class CheckoutTimingTracker {
+  private static pageReadyTracked;
+  private startTime;
+  private checkoutSessionId;
+  private requestId;
+  private inputReadyTracked;
+  constructor(checkoutSessionId: string, requestId: string);
+  /**
+   * Track when SDK is initialized and ready.
+   * Call immediately after PaymentKit() initialization.
+   * Only tracks once per page load (subsequent calls are no-ops).
+   */
+  trackPageReady(): void;
+  /**
+   * Track when card input iframe is loaded and ready for input.
+   * Should only be called once (for first iframe, typically card_pan).
+   * Subsequent calls are no-ops.
+   */
+  trackInputReady(): void;
+  /**
+   * Track when user clicks submit button.
+   */
+  trackSubmit(): void;
+  /**
+   * Track successful checkout.
+   *
+   * @param checkoutAttemptId - The checkout attempt ID
+   */
+  trackSuccess(checkoutAttemptId: string): void;
+  /**
+   * Track failed checkout.
+   *
+   * @param checkoutAttemptId - The checkout attempt ID (may be null if failed early)
+   * @param errorCode - The error code from the checkout response
+   * @param errorMessage - The customer-facing error message
+   */
+  trackFail(checkoutAttemptId: string | null, errorCode: string | null, errorMessage: string | null): void;
+  /**
+   * Get elapsed time in milliseconds since tracker creation.
+   */
+  private getElapsedMs;
+}
+//#endregion
+//#region src/types.d.ts
+
+type FormFieldNames = "customer_name" | "customer_email" | "customer_country" | "customer_zip_code";
+type FormErrorCodes = "required" | "invalid";
+type TInternalFuncs = {
+  submitPayment: (fields: PaymentKitFields, options?: unknown) => Promise<{
+    data: {
+      [key: string]: unknown;
+    };
+    errors?: never;
+  } | {
+    data?: never;
+    errors: PaymentKitErrors;
+  }>;
+  cleanup?: () => void;
+};
+type PaymentKit = <T extends readonly PaymentMethod<unknown>[]>(options: {
+  environment: string;
+  secureToken: string;
+  paymentMethods: T;
+  /** Card tokenization mode from checkout session */
+  cardTokenizationMode?: "direct" | "vgs";
+  /** VGS vault ID from checkout session */
+  vgsVaultId?: string;
+  /** VGS environment from checkout session */
+  vgsEnvironment?: string;
+  /** @internal Enable analytics test mode for e2e testing */
+  __enableAnalyticsTestMode?: boolean;
+}) => ExternalFuncsMapByPm<T> & {
+  submit: PaymentKitSubmitHandler<T>;
+  cleanup: () => void;
+};
+type PaymentKitSubmitHandler<T extends readonly PaymentMethod<unknown>[]> = <N extends keyof ExternalFuncsMapByPm<T>>(options: {
+  fields: Partial<PaymentKitFields>;
+  paymentMethod: N;
+  options?: unknown;
+  onError: (error: PaymentKitErrors) => void;
+  onSuccess: (data: {
+    [key: string]: unknown;
+  }) => void;
+}) => void;
+type PaymentKitStates = {
+  baseUrl: string;
+  apiBaseUrl: string;
+  secureToken: string;
+  environment: string;
+  tunnelXConnection: TunnelXIFrameConnection;
+  timingTracker: CheckoutTimingTracker;
+  /** Checkout request ID for correlating all API calls and analytics events */
+  checkoutRequestId: string;
+  /** Card tokenization mode: 'direct' (KMS) or 'vgs' (VGS Collect + proxy) */
+  cardTokenizationMode?: "direct" | "vgs";
+  /** VGS vault ID (only when cardTokenizationMode is 'vgs') */
+  vgsVaultId?: string;
+  /** VGS environment: 'sandbox' or 'live' (only when cardTokenizationMode is 'vgs') */
+  vgsEnvironment?: string;
+  /** @internal Promise that resolves when session config (incl. VGS mode) is auto-detected */
+  _sessionConfigReady?: Promise<void>;
+};
+type PaymentKitErrors = {
+  root?: string;
+  card_pan?: CardErrorCode;
+  card_exp?: CardErrorCode;
+  card_cvc?: CardErrorCode;
+  paypal?: string;
+  google_pay?: string;
+  apple_pay?: string;
+  processor_id?: string;
+  amount?: string;
+  currency?: string;
+  country?: string;
+} & { [key in FormFieldNames]?: FormErrorCodes | string };
+type PaymentKitFields = { [key in FormFieldNames]: string };
+type PaymentMethod<TExternalFuncs = unknown, TName = string> = (paymentKitStates: PaymentKitStates) => {
+  name: TName;
+  externalFuncs: TExternalFuncs;
+  internalFuncs: TInternalFuncs;
+};
+type ExternalFuncsMapByPm<T extends readonly PaymentMethod<unknown>[]> = { [K in T[number] as ReturnType<K>["name"]]: ReturnType<K>["externalFuncs"] };
+//#endregion
+export { PaymentKitFields as n, PaymentMethod as r, PaymentKit as t };
+//# sourceMappingURL=types-CZk3V0Qt.d.mts.map

package/dist/types-CZk3V0Qt.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-CZk3V0Qt.d.mts","names":[],"sources":["../src/analytics/checkout-timing.ts","../src/types.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/{utils-h0dxplHy.mjs → utils-B70Y8YcZ.mjs}

@@ -1,5 +1,54 @@
+import { nanoid } from "nanoid";
 import * as v from "valibot";
 
+//#region src/utils/checkout-request-id.ts
+/**
+* Maps PaymentKit environment to request ID env slug.
+* This must match the backend's env slug format.
+*/
+const ENV_TO_SLUG = {
+	local: "dev",
+	tunnel: "dev",
+	sandbox: "stg",
+	production: "prod"
+};
+const WINDOW_KEY = "__paymentKitRequestId__";
+/**
+* Generates a checkout request ID for correlating all API calls within a checkout session.
+*
+* Format: pk_{env}_{nanoid(12)}
+* - pk = PaymentKit.js (client-generated)
+* - env = dev, stg, or prod
+* - nanoid(12) = 12 character random string
+*
+* Example: pk_stg_a1b2c3d4e5f6
+*/
+function generateCheckoutRequestId(environment) {
+	return `pk_${ENV_TO_SLUG[environment] || "dev"}_${nanoid(12)}`;
+}
+/**
+* Gets or creates a checkout request ID, storing it in window for idempotency.
+*
+* This ensures the same request ID is used across:
+* - Multiple PaymentKit instantiations on the same page
+* - All analytics events and API calls within a checkout session
+*
+* The ID is generated once on first call and reused thereafter.
+*/
+function getOrCreateCheckoutRequestId(environment) {
+	if (typeof window !== "undefined" && window[WINDOW_KEY]) return window[WINDOW_KEY];
+	const requestId = generateCheckoutRequestId(environment);
+	if (typeof window !== "undefined") window[WINDOW_KEY] = requestId;
+	return requestId;
+}
+/**
+* Creates RequestOptions with the x-request-id header set.
+*/
+function withRequestId(checkoutRequestId) {
+	return { headers: { "x-request-id": checkoutRequestId } };
+}
+
+//#endregion
 //#region src/utils/validate-form-fields.ts
 const validateFormFields = async (fields, options = {}) => {
 	const schema = v.object({
@@ -58,5 +107,5 @@ function collectFraudMetadata() {
 }
 
 //#endregion
-export { validateFormFields as a, definePaymentMethod as i, collectFraudMetadata as n, createCheckoutIFrame as r, $ as t };
-//# sourceMappingURL=utils-h0dxplHy.mjs.map
+export { validateFormFields as a, definePaymentMethod as i, collectFraudMetadata as n, getOrCreateCheckoutRequestId as o, createCheckoutIFrame as r, withRequestId as s, $ as t };
+//# sourceMappingURL=utils-B70Y8YcZ.mjs.map

package/dist/utils-B70Y8YcZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-B70Y8YcZ.mjs","names":["ENV_TO_SLUG: Record<string, string>"],"sources":["../src/utils/checkout-request-id.ts","../src/utils/validate-form-fields.ts","../src/utils/index.ts"],"sourcesContent":["import { nanoid } from \"nanoid\";\n\n/**\n * Maps PaymentKit environment to request ID env slug.\n * This must match the backend's env slug format.\n */\nconst ENV_TO_SLUG: Record<string, string> = {\n  local: \"dev\",\n  tunnel: \"dev\",\n  sandbox: \"stg\",\n  production: \"prod\",\n};\n\n// Window key for storing the request ID across PaymentKit instantiations\nconst WINDOW_KEY = \"__paymentKitRequestId__\";\n\n/**\n * Generates a checkout request ID for correlating all API calls within a checkout session.\n *\n * Format: pk_{env}_{nanoid(12)}\n * - pk = PaymentKit.js (client-generated)\n * - env = dev, stg, or prod\n * - nanoid(12) = 12 character random string\n *\n * Example: pk_stg_a1b2c3d4e5f6\n */\nexport function generateCheckoutRequestId(environment: string): string {\n  const envSlug = ENV_TO_SLUG[environment] || \"dev\";\n  const randomPart = nanoid(12);\n  return `pk_${envSlug}_${randomPart}`;\n}\n\n/**\n * Gets or creates a checkout request ID, storing it in window for idempotency.\n *\n * This ensures the same request ID is used across:\n * - Multiple PaymentKit instantiations on the same page\n * - All analytics events and API calls within a checkout session\n *\n * The ID is generated once on first call and reused thereafter.\n */\nexport function getOrCreateCheckoutRequestId(environment: string): string {\n  if (typeof window !== \"undefined\" && window[WINDOW_KEY]) {\n    return window[WINDOW_KEY] as string;\n  }\n\n  const requestId = generateCheckoutRequestId(environment);\n\n  if (typeof window !== \"undefined\") {\n    (window as Record<string, unknown>)[WINDOW_KEY] = requestId;\n  }\n\n  return requestId;\n}\n\n/**\n * Creates RequestOptions with the x-request-id header set.\n */\nexport function withRequestId(checkoutRequestId: string) {\n  return {\n    headers: {\n      \"x-request-id\": checkoutRequestId,\n    },\n  };\n}\n","import * as v from \"valibot\";\nimport type { FormErrorCodes, PaymentKitErrors, PaymentKitFields } from \"../types\";\n\ntype Options = {\n  optionalZipCode?: boolean;\n};\n\nexport const validateFormFields = async (fields: PaymentKitFields, options: Options = {}) => {\n  const schema = v.object({\n    customer_name: v.pipe(\n      v.string(\"required\"),\n      v.nonEmpty(\"required\"),\n      v.minLength(4, \"invalid\"),\n      v.maxLength(40, \"invalid\"),\n    ),\n    customer_email: v.pipe(v.string(\"required\"), v.nonEmpty(\"required\"), v.email(\"invalid\")),\n    customer_country: v.pipe(v.string(\"required\"), v.nonEmpty(\"required\")),\n    customer_zip_code: options.optionalZipCode\n      ? v.pipe(v.string(\"required\"))\n      : v.pipe(v.string(\"required\"), v.nonEmpty(\"required\")),\n  });\n\n  const result = v.safeParse(schema, fields);\n\n  if (result.issues) {\n    const errors = result.issues.reduce((errors, issue) => {\n      const field = v.getDotPath(issue) as keyof PaymentKitErrors;\n\n      errors[field] = issue.kind === \"schema\" ? \"required\" : (issue.message as FormErrorCodes);\n      return errors;\n    }, {} as PaymentKitErrors);\n    return { isSuccess: false, errors };\n  }\n\n  return { isSuccess: true };\n};\n","import type { PaymentMethod } from \"../types\";\n\nexport { generateCheckoutRequestId, getOrCreateCheckoutRequestId, withRequestId } from \"./checkout-request-id\";\nexport { validateFormFields } from \"./validate-form-fields\";\n\nexport const $ = (selector: string) => {\n  const ele = document.querySelector(selector);\n  if (!ele) {\n    throw new Error(`Cannot find element with selector: ${selector}`);\n  }\n  return ele;\n};\n\nexport const definePaymentMethod = <TExternalFuncs, TName extends string>(\n  paymentMethod: PaymentMethod<TExternalFuncs, TName>,\n) => paymentMethod;\n\nexport const createCheckoutIFrame = (type: string, baseUrl: string, params?: Record<string, string>) => {\n  const iframe = document.createElement(\"iframe\");\n\n  const searchParams = new URLSearchParams(params);\n  const searchParamsStr = searchParams.toString();\n\n  iframe.src = `${baseUrl}/embeds/v1/${type}${searchParamsStr ? `?${searchParamsStr}` : \"\"}`;\n\n  Object.assign(iframe.style, { width: \"100%\", height: \"100%\", border: \"none\" });\n\n  return iframe;\n};\n\n/**\n * Collects browser and client information for fraud detection.\n */\nexport function collectFraudMetadata() {\n  return {\n    ipAddress: undefined, // IP address should be collected server-side\n    browserInfo: {\n      userAgent: navigator.userAgent,\n      language: navigator.language,\n      screenHeight: window.screen.height,\n      screenWidth: window.screen.width,\n      colorDepth: window.screen.colorDepth,\n      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    },\n    processorFraudInfo: undefined,\n  };\n}\n\ntype AddressInput = {\n  line1?: string;\n  line2?: string;\n  city?: string;\n  state?: string;\n  zip_code?: string;\n  country?: string;\n};\n\ntype AddressOutput = {\n  line1?: string;\n  line2?: string;\n  city?: string;\n  state?: string;\n  zipCode?: string;\n  country?: string;\n};\n\n/**\n * Maps address fields from snake_case to camelCase format.\n */\nexport function mapAddress(address?: AddressInput): AddressOutput | undefined {\n  if (!address) return undefined;\n\n  return {\n    line1: address.line1,\n    line2: address.line2,\n    city: address.city,\n    state: address.state,\n    zipCode: address.zip_code,\n    country: address.country,\n  };\n}\n"],"mappings":";;;;;;;;AAMA,MAAMA,cAAsC;CAC1C,OAAO;CACP,QAAQ;CACR,SAAS;CACT,YAAY;CACb;AAGD,MAAM,aAAa;;;;;;;;;;;AAYnB,SAAgB,0BAA0B,aAA6B;AAGrE,QAAO,MAFS,YAAY,gBAAgB,MAEvB,GADF,OAAO,GAAG;;;;;;;;;;;AAa/B,SAAgB,6BAA6B,aAA6B;AACxE,KAAI,OAAO,WAAW,eAAe,OAAO,YAC1C,QAAO,OAAO;CAGhB,MAAM,YAAY,0BAA0B,YAAY;AAExD,KAAI,OAAO,WAAW,YACpB,CAAC,OAAmC,cAAc;AAGpD,QAAO;;;;;AAMT,SAAgB,cAAc,mBAA2B;AACvD,QAAO,EACL,SAAS,EACP,gBAAgB,mBACjB,EACF;;;;;ACxDH,MAAa,qBAAqB,OAAO,QAA0B,UAAmB,EAAE,KAAK;CAC3F,MAAM,SAAS,EAAE,OAAO;EACtB,eAAe,EAAE,KACf,EAAE,OAAO,WAAW,EACpB,EAAE,SAAS,WAAW,EACtB,EAAE,UAAU,GAAG,UAAU,EACzB,EAAE,UAAU,IAAI,UAAU,CAC3B;EACD,gBAAgB,EAAE,KAAK,EAAE,OAAO,WAAW,EAAE,EAAE,SAAS,WAAW,EAAE,EAAE,MAAM,UAAU,CAAC;EACxF,kBAAkB,EAAE,KAAK,EAAE,OAAO,WAAW,EAAE,EAAE,SAAS,WAAW,CAAC;EACtE,mBAAmB,QAAQ,kBACvB,EAAE,KAAK,EAAE,OAAO,WAAW,CAAC,GAC5B,EAAE,KAAK,EAAE,OAAO,WAAW,EAAE,EAAE,SAAS,WAAW,CAAC;EACzD,CAAC;CAEF,MAAM,SAAS,EAAE,UAAU,QAAQ,OAAO;AAE1C,KAAI,OAAO,OAOT,QAAO;EAAE,WAAW;EAAO,QANZ,OAAO,OAAO,QAAQ,QAAQ,UAAU;GACrD,MAAM,QAAQ,EAAE,WAAW,MAAM;AAEjC,UAAO,SAAS,MAAM,SAAS,WAAW,aAAc,MAAM;AAC9D,UAAO;KACN,EAAE,CAAqB;EACS;AAGrC,QAAO,EAAE,WAAW,MAAM;;;;;AC7B5B,MAAa,KAAK,aAAqB;CACrC,MAAM,MAAM,SAAS,cAAc,SAAS;AAC5C,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,sCAAsC,WAAW;AAEnE,QAAO;;AAGT,MAAa,uBACX,kBACG;AAEL,MAAa,wBAAwB,MAAc,SAAiB,WAAoC;CACtG,MAAM,SAAS,SAAS,cAAc,SAAS;CAG/C,MAAM,kBADe,IAAI,gBAAgB,OAAO,CACX,UAAU;AAE/C,QAAO,MAAM,GAAG,QAAQ,aAAa,OAAO,kBAAkB,IAAI,oBAAoB;AAEtF,QAAO,OAAO,OAAO,OAAO;EAAE,OAAO;EAAQ,QAAQ;EAAQ,QAAQ;EAAQ,CAAC;AAE9E,QAAO;;;;;AAMT,SAAgB,uBAAuB;AACrC,QAAO;EACL,WAAW;EACX,aAAa;GACX,WAAW,UAAU;GACrB,UAAU,UAAU;GACpB,cAAc,OAAO,OAAO;GAC5B,aAAa,OAAO,OAAO;GAC3B,YAAY,OAAO,OAAO;GAC1B,UAAU,KAAK,gBAAgB,CAAC,iBAAiB,CAAC;GACnD;EACD,oBAAoB;EACrB"}

package/dist/vgs-collect-loader-DVYzFDwC.mjs

@@ -0,0 +1,84 @@
+//#region src/payment-methods/vgs-collect-loader.ts
+const VGS_COLLECT_CDN = "https://js.verygoodvault.com/vgs-collect/3.2.1/vgs-collect.js";
+let loadPromise = null;
+/**
+* Loads VGS Collect JS from CDN. Idempotent — subsequent calls return the same promise.
+*/
+function loadVgsCollectScript() {
+	if (loadPromise) return loadPromise;
+	loadPromise = new Promise((resolve, reject) => {
+		if (typeof window !== "undefined" && window.VGSCollect) {
+			resolve();
+			return;
+		}
+		const script = document.createElement("script");
+		script.src = VGS_COLLECT_CDN;
+		script.async = true;
+		script.onload = () => resolve();
+		script.onerror = () => {
+			loadPromise = null;
+			reject(/* @__PURE__ */ new Error("Failed to load VGS Collect JS"));
+		};
+		document.head.appendChild(script);
+	});
+	return loadPromise;
+}
+/**
+* Initializes a VGS Collect form instance.
+*/
+function initVgsCollect(vaultId, environment) {
+	if (!window.VGSCollect) throw new Error("VGS Collect JS not loaded. Call loadVgsCollectScript() first.");
+	return window.VGSCollect.create(vaultId, environment, () => {});
+}
+/**
+* Creates and mounts VGS Collect card fields using CMP-specific field methods.
+*
+* Uses cardNumberField(), cardExpirationDateField(), cardCVCField() which are
+* required for the CMP createCard() flow. After mounting, call form.createCard()
+* to create a card in the VGS vault, which returns aliases for PAN and CVC.
+*
+* @param form - VGS Collect form instance
+* @param mountPoints - CSS selectors for PAN, expiry, and CVC containers
+* @param css - Optional CSS to apply to VGS Collect iframe fields
+*/
+function createVgsCardFields(form, mountPoints, css, onFocusChangeCallbacks) {
+	const fieldCss = css ?? {
+		height: "46px",
+		"font-size": "1rem",
+		color: "#18181b",
+		"font-family": "ui-sans-serif, system-ui, sans-serif"
+	};
+	const panField = form.cardNumberField(mountPoints.pan, {
+		placeholder: "Card number",
+		validations: ["required", "validCardNumber"],
+		css: fieldCss
+	});
+	const expField = form.cardExpirationDateField(mountPoints.exp, {
+		placeholder: "MM / YY",
+		validations: ["required", "validCardExpirationDate"],
+		css: fieldCss
+	});
+	const cvcField = form.cardCVCField(mountPoints.cvc, {
+		placeholder: "123",
+		validations: ["required", "validCardSecurityCode"],
+		css: fieldCss
+	});
+	if (onFocusChangeCallbacks) {
+		const fieldMap = [
+			[panField, "card_pan"],
+			[expField, "card_exp"],
+			[cvcField, "card_cvc"]
+		];
+		for (const [field, key] of fieldMap) {
+			const cb = onFocusChangeCallbacks[key];
+			if (cb) {
+				field.on("focus", () => cb(true));
+				field.on("blur", () => cb(false));
+			}
+		}
+	}
+}
+
+//#endregion
+export { initVgsCollect as n, loadVgsCollectScript as r, createVgsCardFields as t };
+//# sourceMappingURL=vgs-collect-loader-DVYzFDwC.mjs.map

package/dist/vgs-collect-loader-DVYzFDwC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgs-collect-loader-DVYzFDwC.mjs","names":["loadPromise: Promise<void> | null","fieldMap: [VGSCollectField, string][]"],"sources":["../src/payment-methods/vgs-collect-loader.ts"],"sourcesContent":["const VGS_COLLECT_CDN = \"https://js.verygoodvault.com/vgs-collect/3.2.1/vgs-collect.js\";\n\nlet loadPromise: Promise<void> | null = null;\n\n/**\n * Loads VGS Collect JS from CDN. Idempotent — subsequent calls return the same promise.\n */\nexport function loadVgsCollectScript(): Promise<void> {\n  if (loadPromise) return loadPromise;\n\n  loadPromise = new Promise<void>((resolve, reject) => {\n    if (typeof window !== \"undefined\" && window.VGSCollect) {\n      resolve();\n      return;\n    }\n\n    const script = document.createElement(\"script\");\n    script.src = VGS_COLLECT_CDN;\n    script.async = true;\n    script.onload = () => resolve();\n    script.onerror = () => {\n      loadPromise = null;\n      reject(new Error(\"Failed to load VGS Collect JS\"));\n    };\n    document.head.appendChild(script);\n  });\n\n  return loadPromise;\n}\n\n/**\n * Initializes a VGS Collect form instance.\n */\nexport function initVgsCollect(vaultId: string, environment: string): VGSCollectForm {\n  if (!window.VGSCollect) {\n    throw new Error(\"VGS Collect JS not loaded. Call loadVgsCollectScript() first.\");\n  }\n  return window.VGSCollect.create(vaultId, environment, () => {});\n}\n\n/**\n * Creates and mounts VGS Collect card fields using CMP-specific field methods.\n *\n * Uses cardNumberField(), cardExpirationDateField(), cardCVCField() which are\n * required for the CMP createCard() flow. After mounting, call form.createCard()\n * to create a card in the VGS vault, which returns aliases for PAN and CVC.\n *\n * @param form - VGS Collect form instance\n * @param mountPoints - CSS selectors for PAN, expiry, and CVC containers\n * @param css - Optional CSS to apply to VGS Collect iframe fields\n */\nexport function createVgsCardFields(\n  form: VGSCollectForm,\n  mountPoints: { pan: string; exp: string; cvc: string },\n  css?: Record<string, string>,\n  onFocusChangeCallbacks?: Partial<Record<string, (isFocused: boolean) => void>>,\n) {\n  const fieldCss = css ?? {\n    height: \"46px\",\n    \"font-size\": \"1rem\",\n    color: \"#18181b\",\n    \"font-family\": \"ui-sans-serif, system-ui, sans-serif\",\n  };\n\n  const panField = form.cardNumberField(mountPoints.pan, {\n    placeholder: \"Card number\",\n    validations: [\"required\", \"validCardNumber\"],\n    css: fieldCss,\n  });\n\n  const expField = form.cardExpirationDateField(mountPoints.exp, {\n    placeholder: \"MM / YY\",\n    validations: [\"required\", \"validCardExpirationDate\"],\n    css: fieldCss,\n  });\n\n  const cvcField = form.cardCVCField(mountPoints.cvc, {\n    placeholder: \"123\",\n    validations: [\"required\", \"validCardSecurityCode\"],\n    css: fieldCss,\n  });\n\n  if (onFocusChangeCallbacks) {\n    const fieldMap: [VGSCollectField, string][] = [\n      [panField, \"card_pan\"],\n      [expField, \"card_exp\"],\n      [cvcField, \"card_cvc\"],\n    ];\n    for (const [field, key] of fieldMap) {\n      const cb = onFocusChangeCallbacks[key];\n      if (cb) {\n        field.on(\"focus\", () => cb(true));\n        field.on(\"blur\", () => cb(false));\n      }\n    }\n  }\n}\n"],"mappings":";AAAA,MAAM,kBAAkB;AAExB,IAAIA,cAAoC;;;;AAKxC,SAAgB,uBAAsC;AACpD,KAAI,YAAa,QAAO;AAExB,eAAc,IAAI,SAAe,SAAS,WAAW;AACnD,MAAI,OAAO,WAAW,eAAe,OAAO,YAAY;AACtD,YAAS;AACT;;EAGF,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,SAAO,MAAM;AACb,SAAO,QAAQ;AACf,SAAO,eAAe,SAAS;AAC/B,SAAO,gBAAgB;AACrB,iBAAc;AACd,0BAAO,IAAI,MAAM,gCAAgC,CAAC;;AAEpD,WAAS,KAAK,YAAY,OAAO;GACjC;AAEF,QAAO;;;;;AAMT,SAAgB,eAAe,SAAiB,aAAqC;AACnF,KAAI,CAAC,OAAO,WACV,OAAM,IAAI,MAAM,gEAAgE;AAElF,QAAO,OAAO,WAAW,OAAO,SAAS,mBAAmB,GAAG;;;;;;;;;;;;;AAcjE,SAAgB,oBACd,MACA,aACA,KACA,wBACA;CACA,MAAM,WAAW,OAAO;EACtB,QAAQ;EACR,aAAa;EACb,OAAO;EACP,eAAe;EAChB;CAED,MAAM,WAAW,KAAK,gBAAgB,YAAY,KAAK;EACrD,aAAa;EACb,aAAa,CAAC,YAAY,kBAAkB;EAC5C,KAAK;EACN,CAAC;CAEF,MAAM,WAAW,KAAK,wBAAwB,YAAY,KAAK;EAC7D,aAAa;EACb,aAAa,CAAC,YAAY,0BAA0B;EACpD,KAAK;EACN,CAAC;CAEF,MAAM,WAAW,KAAK,aAAa,YAAY,KAAK;EAClD,aAAa;EACb,aAAa,CAAC,YAAY,wBAAwB;EAClD,KAAK;EACN,CAAC;AAEF,KAAI,wBAAwB;EAC1B,MAAMC,WAAwC;GAC5C,CAAC,UAAU,WAAW;GACtB,CAAC,UAAU,WAAW;GACtB,CAAC,UAAU,WAAW;GACvB;AACD,OAAK,MAAM,CAAC,OAAO,QAAQ,UAAU;GACnC,MAAM,KAAK,uBAAuB;AAClC,OAAI,IAAI;AACN,UAAM,GAAG,eAAe,GAAG,KAAK,CAAC;AACjC,UAAM,GAAG,cAAc,GAAG,MAAM,CAAC"}

package/package.json

@@ -1,16 +1,21 @@
 {
   "name": "@payment-kit-js/vanilla",
-  "version": "0.4.0-alpha.0",
+  "version": "0.5.1",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "module": "./dist/index.mjs",
   "exports": {
     ".": "./dist/index.mjs",
+    "./payment-methods/airwallex-apple-pay-adapter": "./dist/payment-methods/airwallex-apple-pay-adapter.mjs",
+    "./payment-methods/airwallex-google-pay-adapter": "./dist/payment-methods/airwallex-google-pay-adapter.mjs",
+    "./payment-methods/apple-pay": "./dist/payment-methods/apple-pay.mjs",
     "./payment-methods/card": "./dist/payment-methods/card.mjs",
     "./payment-methods/google-pay": "./dist/payment-methods/google-pay.mjs",
     "./payment-methods/next-action-handlers": "./dist/payment-methods/next-action-handlers.mjs",
     "./payment-methods/paypal": "./dist/payment-methods/paypal.mjs",
+    "./payment-methods/stripe-apple-pay-adapter": "./dist/payment-methods/stripe-apple-pay-adapter.mjs",
     "./payment-methods/stripe-google-pay-adapter": "./dist/payment-methods/stripe-google-pay-adapter.mjs",
+    "./payment-methods/vgs-collect-loader": "./dist/payment-methods/vgs-collect-loader.mjs",
     "./penpal/connect-card": "./dist/penpal/connect-card.mjs",
     "./penpal/connect-tunnel-x": "./dist/penpal/connect-tunnel-x.mjs",
     "./package.json": "./package.json"
@@ -18,23 +23,30 @@
   "license": "MIT",
   "description": "Vanilla package for PaymentKit",
   "files": [
-    "dist"
+    "dist",
+    "dist/cdn"
   ],
   "scripts": {
     "dev": "yarn tsdown --watch ./src",
-    "build": "yarn tsdown"
+    "build:npm": "yarn tsdown",
+    "build:cdn": "node build-cdn.mjs",
+    "build": "yarn build:npm && yarn build:cdn"
   },
   "packageManager": "yarn@4.10.3",
   "dependencies": {
+    "nanoid": "^5.0.7",
     "penpal": "^7.0.4",
+    "posthog-js": "^1.196.0",
     "valibot": "^1.1.0"
   },
   "devDependencies": {
     "@pkg/sdk": "0.10.21",
     "@pkg/tsconfig": "0.0.0",
-    "@stripe/stripe-js": "^5.5.0",
+    "@stripe/stripe-js": "^8.6.1",
+    "@types/applepayjs": "^14.0.9",
+    "esbuild": "^0.24.2",
     "tsdown": "^0.15.10",
     "typescript": "^5.9.3"
   },
-  "stableVersion": "0.1.0-alpha.6"
+  "stableVersion": "0.5.1"
 }

package/dist/connect-tunnel-x-rLA6I_EO.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connect-tunnel-x-rLA6I_EO.d.mts","names":[],"sources":["../src/penpal/connect-tunnel-x.ts"],"sourcesContent":[],"mappings":";;;AAEyC,KAMpC,oBAAA,GAAoB;EAGE,YAAA,EAAA,GAAA,GAAA,IAAA;EAA2B,cAAA,EAAA,GAAA,GAAA,IAAA;EAEO,cAAA,EAAA,CAAA,MAAA,EAFlC,MAEkC,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,GAFP,OAEO,CAAA,OAAA,CAAA;EAAR,kBAAA,EAAA,GAAA,GAAA,IAAA;EACK,kBAAA,EAAA,CAAA,iBAAA,EAAA,MAAA,EAAA,GADL,OACK,CADG,eACH,CAAA;EAAR,qBAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,GAAA,OAAA,CAAQ,wBAAR,CAAA;EACqB,mBAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,cAAA,EAAA,GAAmB,OAAnB,CAAA,OAAA,CAAA;CAAmB;KAGrF,oBAAA,GAAuB,MAHqE,CAAA,MAAA,EAAA,KAAA,CAAA;AAG5F,KAEO,uBAAA,GAA0B,UAFJ,CAEe,oBAFf,CAAA;AAEtB,KAEA,uBAAA,GAA0B,UAFW,CAEA,oBAFX,CAAA;AAE1B,cAEC,sBAFoC,EAAA,CAAA,MAAA,EAEF,iBAFT,EAAA,OAAU,EAE2B,oBAF3B,EAAA,GAE+C,UAF/C,CAE+C,oBAF/C,CAAA;AAEnC,cAIA,sBAFZ,EAAA,CAAA,OAAA,EAE+C,oBAF/C,EAAA,GAEmE,UAFnE,CAEmE,oBAFnE,CAAA;;;;;KAUI,oBAAA,GAZ0F;EAIlF,CAAA,UAAA,EAAA,MAAA,CAAA,EAAA,CAAA,MAEZ,EAAA,OAAA,EAAA,OAAA,CAAA,EAOmD,cAPnD,EAAA,GAOsE,OAPtE,CAAA,OAAA,CAAA;CAF+C;AAAoB,cAYvD,cAAA,CAZuD;EAAA,QAAA,UAAA;EAAA,QAAA,EAcjD,oBAdiD;EAQ/D,OAAA,0BAAoB,EAC2B,CAAA,UAAA,EAOK,uBAPqB,EAAA,GAOE,OAPF,CAOE,cAPF,CAAA;EAGjE,QAAA,WAAc,CAAA;EAER;;;;EAiBM,IAAA,eAAA,CAAA,CAAA,EAAA,oBAAA;EAAoB,OAAA,CAAA,CAAA,EAAA,IAAA"}

package/dist/next-action-handlers-DTsWjUIA.mjs

@@ -1,53 +0,0 @@
-//#region src/payment-methods/next-action-handlers.ts
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const isStripeJsPresent = () => "Stripe" in window;
-/**
-* Get the Stripe instance from the global window object.
-* Expects Stripe.js to be loaded via HTML script tag.
-* Polls for up to 5 seconds waiting for Stripe to be available.
-*/
-const getLoadedStripe = async (publishableKey) => {
-	for (let i = 0; i < 10; i++) {
-		if (isStripeJsPresent()) break;
-		await sleep(500);
-	}
-	if (!isStripeJsPresent()) throw new Error("Stripe.js not loaded. Add this script tag to your HTML <head>:\n<script src=\"https://js.stripe.com/v3/\"><\/script>");
-	return new window.Stripe(publishableKey);
-};
-/**
-* Handle Stripe 3DS authentication.
-*/
-const handleStripe3ds = async (nextAction) => {
-	console.log("3DS authentication required, loading Stripe...");
-	const { clientSecret, stripePk } = nextAction;
-	const { error: stripeError } = await (await getLoadedStripe(stripePk)).confirmCardPayment(clientSecret);
-	if (stripeError) {
-		console.error("3DS authentication failed:", stripeError);
-		return {
-			success: false,
-			error: stripeError.message || "3DS authentication failed"
-		};
-	}
-	console.log("3DS authentication completed");
-	return { success: true };
-};
-/**
-* Handle a next action based on its type.
-* Routes to the appropriate processor-specific handler.
-*
-* @param nextAction - The next action from the checkout response
-* @returns Result indicating success or failure with error message
-*/
-const handleNextAction = async (nextAction) => {
-	switch (nextAction.type) {
-		case "stripe_3ds": return handleStripe3ds(nextAction);
-		default: return {
-			success: false,
-			error: `Unknown next action type: ${nextAction.type}`
-		};
-	}
-};
-
-//#endregion
-export { handleNextAction as t };
-//# sourceMappingURL=next-action-handlers-DTsWjUIA.mjs.map

package/dist/next-action-handlers-DTsWjUIA.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"next-action-handlers-DTsWjUIA.mjs","names":[],"sources":["../src/payment-methods/next-action-handlers.ts"],"sourcesContent":["/**\n * Next action handlers for processor-specific user actions (e.g., 3DS authentication).\n *\n * This module abstracts processor-specific logic away from the generic card payment flow.\n * Each handler implements the logic needed for a specific next action type.\n */\n\nimport type { PublicCardCheckoutResponse } from \"@pkg/sdk/models\";\nimport type { Stripe } from \"@stripe/stripe-js\";\n\n// Helper to wait for a condition\nconst sleep = (ms: number): Promise<void> => new Promise((resolve) => setTimeout(resolve, ms));\n\n// Check if Stripe.js is loaded via script tag\nconst isStripeJsPresent = (): boolean => \"Stripe\" in window;\n\n/**\n * Get the Stripe instance from the global window object.\n * Expects Stripe.js to be loaded via HTML script tag.\n * Polls for up to 5 seconds waiting for Stripe to be available.\n */\nconst getLoadedStripe = async (publishableKey: string): Promise<Stripe> => {\n  // Poll for Stripe.js to be loaded (up to 5 seconds)\n  for (let i = 0; i < 10; i++) {\n    if (isStripeJsPresent()) {\n      break;\n    }\n    await sleep(500);\n  }\n\n  if (!isStripeJsPresent()) {\n    throw new Error(\n      \"Stripe.js not loaded. Add this script tag to your HTML <head>:\\n\" +\n        '<script src=\"https://js.stripe.com/v3/\"></script>',\n    );\n  }\n\n  // @ts-expect-error Stripe is loaded globally via script tag\n  const stripe: Stripe = new window.Stripe(publishableKey);\n  return stripe;\n};\n\n/**\n * Result of handling a next action.\n */\nexport type NextActionResult = { success: true } | { success: false; error: string };\n\n/**\n * Handle Stripe 3DS authentication.\n */\nconst handleStripe3ds = async (\n  nextAction: Extract<PublicCardCheckoutResponse[\"nextAction\"], { type: \"stripe_3ds\" }>,\n): Promise<NextActionResult> => {\n  console.log(\"3DS authentication required, loading Stripe...\");\n  const { clientSecret, stripePk } = nextAction;\n\n  const stripe = await getLoadedStripe(stripePk);\n\n  // Show 3DS modal\n  const { error: stripeError } = await stripe.confirmCardPayment(clientSecret);\n\n  if (stripeError) {\n    console.error(\"3DS authentication failed:\", stripeError);\n    return { success: false, error: stripeError.message || \"3DS authentication failed\" };\n  }\n\n  console.log(\"3DS authentication completed\");\n  return { success: true };\n};\n\n/**\n * Handle a next action based on its type.\n * Routes to the appropriate processor-specific handler.\n *\n * @param nextAction - The next action from the checkout response\n * @returns Result indicating success or failure with error message\n */\nexport const handleNextAction = async (\n  nextAction: NonNullable<PublicCardCheckoutResponse[\"nextAction\"]>,\n): Promise<NextActionResult> => {\n  switch (nextAction.type) {\n    case \"stripe_3ds\":\n      return handleStripe3ds(nextAction);\n    default:\n      // TypeScript will catch if we miss a case when new action types are added\n      return { success: false, error: `Unknown next action type: ${(nextAction as { type: string }).type}` };\n  }\n};\n"],"mappings":";AAWA,MAAM,SAAS,OAA8B,IAAI,SAAS,YAAY,WAAW,SAAS,GAAG,CAAC;AAG9F,MAAM,0BAAmC,YAAY;;;;;;AAOrD,MAAM,kBAAkB,OAAO,mBAA4C;AAEzE,MAAK,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK;AAC3B,MAAI,mBAAmB,CACrB;AAEF,QAAM,MAAM,IAAI;;AAGlB,KAAI,CAAC,mBAAmB,CACtB,OAAM,IAAI,MACR,uHAED;AAKH,QADuB,IAAI,OAAO,OAAO,eAAe;;;;;AAY1D,MAAM,kBAAkB,OACtB,eAC8B;AAC9B,SAAQ,IAAI,iDAAiD;CAC7D,MAAM,EAAE,cAAc,aAAa;CAKnC,MAAM,EAAE,OAAO,gBAAgB,OAHhB,MAAM,gBAAgB,SAAS,EAGF,mBAAmB,aAAa;AAE5E,KAAI,aAAa;AACf,UAAQ,MAAM,8BAA8B,YAAY;AACxD,SAAO;GAAE,SAAS;GAAO,OAAO,YAAY,WAAW;GAA6B;;AAGtF,SAAQ,IAAI,+BAA+B;AAC3C,QAAO,EAAE,SAAS,MAAM;;;;;;;;;AAU1B,MAAa,mBAAmB,OAC9B,eAC8B;AAC9B,SAAQ,WAAW,MAAnB;EACE,KAAK,aACH,QAAO,gBAAgB,WAAW;EACpC,QAEE,QAAO;GAAE,SAAS;GAAO,OAAO,6BAA8B,WAAgC;GAAQ"}

package/dist/types-WgbMhIYb.d.mts

@@ -1,64 +0,0 @@
-import { t as CardErrorCode } from "./connect-card-C582hcWw.mjs";
-import { t as TunnelXIFrameConnection } from "./connect-tunnel-x-rLA6I_EO.mjs";
-
-//#region src/types.d.ts
-
-type FormFieldNames = "customer_name" | "customer_email" | "customer_country" | "customer_zip_code";
-type FormErrorCodes = "required" | "invalid";
-type TInternalFuncs = {
-  submitPayment: (fields: PaymentKitFields, options?: unknown) => Promise<{
-    data: {
-      [key: string]: unknown;
-    };
-    errors?: never;
-  } | {
-    data?: never;
-    errors: PaymentKitErrors;
-  }>;
-  cleanup?: () => void;
-};
-type PaymentKit = <T extends readonly PaymentMethod<unknown>[]>(options: {
-  environment: string;
-  secureToken: string;
-  paymentMethods: T;
-}) => ExternalFuncsMapByPm<T> & {
-  submit: PaymentKitSubmitHandler<T>;
-  cleanup: () => void;
-};
-type PaymentKitSubmitHandler<T extends readonly PaymentMethod<unknown>[]> = <N extends keyof ExternalFuncsMapByPm<T>>(options: {
-  fields: PaymentKitFields;
-  paymentMethod: N;
-  options?: unknown;
-  onError: (error: PaymentKitErrors) => void;
-  onSuccess: (data: {
-    [key: string]: unknown;
-  }) => void;
-}) => void;
-type PaymentKitStates = {
-  baseUrl: string;
-  apiBaseUrl: string;
-  secureToken: string;
-  tunnelXConnection: TunnelXIFrameConnection;
-};
-type PaymentKitErrors = {
-  root?: string;
-  card_pan?: CardErrorCode;
-  card_exp?: CardErrorCode;
-  card_cvc?: CardErrorCode;
-  paypal?: string;
-  google_pay?: string;
-  processor_id?: string;
-  amount?: string;
-  currency?: string;
-  country?: string;
-} & { [key in FormFieldNames]?: FormErrorCodes | string };
-type PaymentKitFields = { [key in FormFieldNames]: string };
-type PaymentMethod<TExternalFuncs = unknown, TName = string> = (paymentKitStates: PaymentKitStates) => {
-  name: TName;
-  externalFuncs: TExternalFuncs;
-  internalFuncs: TInternalFuncs;
-};
-type ExternalFuncsMapByPm<T extends readonly PaymentMethod<unknown>[]> = { [K in T[number] as ReturnType<K>["name"]]: ReturnType<K>["externalFuncs"] };
-//#endregion
-export { PaymentKitFields as n, PaymentMethod as r, PaymentKit as t };
-//# sourceMappingURL=types-WgbMhIYb.d.mts.map

package/dist/types-WgbMhIYb.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-WgbMhIYb.d.mts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;;;KAmCK,cAAA,GAQyF,eAAA,GAAA,gBAAA,GAAA,kBAAA,GAAA,mBAAA;AAAvF,KANK,cAAA,GAML,UAAA,GAAA,SAAA;AAAO,KAJF,cAAA,GAIE;EAIF,aAAU,EAAA,CAAA,MAAA,EANV,gBAMU,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,GAJf,OAIe,CAAA;IAAuB,IAAA,EAAA;MAG3B,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;IACS,CAAA;IAArB,MAAA,CAAA,EAAA,KAAA;EAC4B,CAAA,GAAA;IAAxB,IAAA,CAAA,EAAA,KAAA;IAAuB,MAAA,EAT6D,gBAS7D;EAI5B,CAAA,CAAA;EAA2C,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CACT;AAArB,KAVN,UAAA,GAUM,CAAA,UAAA,SAV2B,aAU3B,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,OAAA,EAAA;EAER,WAAA,EAAA,MAAA;EACO,WAAA,EAAA,MAAA;EAEE,cAAA,EAZD,CAYC;CAAgB,EAAA,GAX7B,oBAW6B,CAXR,CAWQ,CAAA,GAAA;EAIvB,MAAA,EAdF,uBAkBW,CAlBa,CAkBb,CAAA;EAGT,OAAA,EAAA,GAAA,GAAA,IAAgB;CAEf;KAnBR,uBAoBQ,CAAA,UAAA,SApBmC,aAoBnC,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,UAAA,MAnBK,oBAmBL,CAnB0B,CAmB1B,CAAA,CAAA,CAAA,OAAA,EAAA;EACA,MAAA,EAlBH,gBAkBG;EAOC,aAAA,EAxBG,CAwBH;EAAkB,OAAA,CAAA,EAAA,OAAA;EAAc,OAAA,EAAA,CAAA,KAAA,EAtB3B,gBAsB2B,EAAA,GAAA,IAAA;EAElC,SAAA,EAAA,CAAA,IAAA,EAAA;IAEA,CAAA,GAAA,EAAA,MAAa,CAAA,EAAA,OAAA;EAAgE,CAAA,EAAA,GAAA,IAAA;CACjF,EAAA,GAAA,IAAA;AACS,KAxBL,gBAAA,GAwBK;EACA,OAAA,EAAA,MAAA;EAAc,UAAA,EAAA,MAAA;EAGnB,WAAA,EAAA,MAAA;EAAwC,iBAAA,EAxB/B,uBAwB+B;CAC5C;AAAwB,KAtBpB,gBAAA,GAsBoB;EAAX,IAAA,CAAA,EAAA,MAAA;EAAmC,QAAA,CAAA,EApB3C,aAoB2C;EAAX,QAAA,CAAA,EAnBhC,aAmBgC;EAAU,QAAA,CAAA,EAlB1C,aAkB0C;;;;;;;cAXzC,kBAAkB;KAEpB,gBAAA,aAA6B;KAE7B,6EAA6E;QACjF;iBACS;iBACA;;KAGL,wCAAwC,oCAC5C,aAAa,WAAW,aAAa,WAAW"}

package/dist/utils-h0dxplHy.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-h0dxplHy.mjs","names":[],"sources":["../src/utils/validate-form-fields.ts","../src/utils/index.ts"],"sourcesContent":["import * as v from \"valibot\";\nimport type { FormErrorCodes, PaymentKitErrors, PaymentKitFields } from \"../types\";\n\ntype Options = {\n  optionalZipCode?: boolean;\n};\n\nexport const validateFormFields = async (fields: PaymentKitFields, options: Options = {}) => {\n  const schema = v.object({\n    customer_name: v.pipe(\n      v.string(\"required\"),\n      v.nonEmpty(\"required\"),\n      v.minLength(4, \"invalid\"),\n      v.maxLength(40, \"invalid\"),\n    ),\n    customer_email: v.pipe(v.string(\"required\"), v.nonEmpty(\"required\"), v.email(\"invalid\")),\n    customer_country: v.pipe(v.string(\"required\"), v.nonEmpty(\"required\")),\n    customer_zip_code: options.optionalZipCode\n      ? v.pipe(v.string(\"required\"))\n      : v.pipe(v.string(\"required\"), v.nonEmpty(\"required\")),\n  });\n\n  const result = v.safeParse(schema, fields);\n\n  if (result.issues) {\n    const errors = result.issues.reduce((errors, issue) => {\n      const field = v.getDotPath(issue) as keyof PaymentKitErrors;\n\n      errors[field] = issue.kind === \"schema\" ? \"required\" : (issue.message as FormErrorCodes);\n      return errors;\n    }, {} as PaymentKitErrors);\n    return { isSuccess: false, errors };\n  }\n\n  return { isSuccess: true };\n};\n","import type { PaymentMethod } from \"../types\";\n\nexport { validateFormFields } from \"./validate-form-fields\";\n\nexport const $ = (selector: string) => {\n  const ele = document.querySelector(selector);\n  if (!ele) {\n    throw new Error(`Cannot find element with selector: ${selector}`);\n  }\n  return ele;\n};\n\nexport const definePaymentMethod = <TExternalFuncs, TName extends string>(\n  paymentMethod: PaymentMethod<TExternalFuncs, TName>,\n) => paymentMethod;\n\nexport const createCheckoutIFrame = (type: string, baseUrl: string, params?: Record<string, string>) => {\n  const iframe = document.createElement(\"iframe\");\n\n  const searchParams = new URLSearchParams(params);\n  const searchParamsStr = searchParams.toString();\n\n  iframe.src = `${baseUrl}/embeds/v1/${type}${searchParamsStr ? `?${searchParamsStr}` : \"\"}`;\n\n  Object.assign(iframe.style, { width: \"100%\", height: \"100%\", border: \"none\" });\n\n  return iframe;\n};\n\n/**\n * Collects browser and client information for fraud detection.\n */\nexport function collectFraudMetadata() {\n  return {\n    ipAddress: undefined, // IP address should be collected server-side\n    browserInfo: {\n      userAgent: navigator.userAgent,\n      language: navigator.language,\n      screenHeight: window.screen.height,\n      screenWidth: window.screen.width,\n      colorDepth: window.screen.colorDepth,\n      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    },\n    processorFraudInfo: undefined,\n  };\n}\n\ntype AddressInput = {\n  line1?: string;\n  line2?: string;\n  city?: string;\n  state?: string;\n  zip_code?: string;\n  country?: string;\n};\n\ntype AddressOutput = {\n  line1?: string;\n  line2?: string;\n  city?: string;\n  state?: string;\n  zipCode?: string;\n  country?: string;\n};\n\n/**\n * Maps address fields from snake_case to camelCase format.\n */\nexport function mapAddress(address?: AddressInput): AddressOutput | undefined {\n  if (!address) return undefined;\n\n  return {\n    line1: address.line1,\n    line2: address.line2,\n    city: address.city,\n    state: address.state,\n    zipCode: address.zip_code,\n    country: address.country,\n  };\n}\n"],"mappings":";;;AAOA,MAAa,qBAAqB,OAAO,QAA0B,UAAmB,EAAE,KAAK;CAC3F,MAAM,SAAS,EAAE,OAAO;EACtB,eAAe,EAAE,KACf,EAAE,OAAO,WAAW,EACpB,EAAE,SAAS,WAAW,EACtB,EAAE,UAAU,GAAG,UAAU,EACzB,EAAE,UAAU,IAAI,UAAU,CAC3B;EACD,gBAAgB,EAAE,KAAK,EAAE,OAAO,WAAW,EAAE,EAAE,SAAS,WAAW,EAAE,EAAE,MAAM,UAAU,CAAC;EACxF,kBAAkB,EAAE,KAAK,EAAE,OAAO,WAAW,EAAE,EAAE,SAAS,WAAW,CAAC;EACtE,mBAAmB,QAAQ,kBACvB,EAAE,KAAK,EAAE,OAAO,WAAW,CAAC,GAC5B,EAAE,KAAK,EAAE,OAAO,WAAW,EAAE,EAAE,SAAS,WAAW,CAAC;EACzD,CAAC;CAEF,MAAM,SAAS,EAAE,UAAU,QAAQ,OAAO;AAE1C,KAAI,OAAO,OAOT,QAAO;EAAE,WAAW;EAAO,QANZ,OAAO,OAAO,QAAQ,QAAQ,UAAU;GACrD,MAAM,QAAQ,EAAE,WAAW,MAAM;AAEjC,UAAO,SAAS,MAAM,SAAS,WAAW,aAAc,MAAM;AAC9D,UAAO;KACN,EAAE,CAAqB;EACS;AAGrC,QAAO,EAAE,WAAW,MAAM;;;;;AC9B5B,MAAa,KAAK,aAAqB;CACrC,MAAM,MAAM,SAAS,cAAc,SAAS;AAC5C,KAAI,CAAC,IACH,OAAM,IAAI,MAAM,sCAAsC,WAAW;AAEnE,QAAO;;AAGT,MAAa,uBACX,kBACG;AAEL,MAAa,wBAAwB,MAAc,SAAiB,WAAoC;CACtG,MAAM,SAAS,SAAS,cAAc,SAAS;CAG/C,MAAM,kBADe,IAAI,gBAAgB,OAAO,CACX,UAAU;AAE/C,QAAO,MAAM,GAAG,QAAQ,aAAa,OAAO,kBAAkB,IAAI,oBAAoB;AAEtF,QAAO,OAAO,OAAO,OAAO;EAAE,OAAO;EAAQ,QAAQ;EAAQ,QAAQ;EAAQ,CAAC;AAE9E,QAAO;;;;;AAMT,SAAgB,uBAAuB;AACrC,QAAO;EACL,WAAW;EACX,aAAa;GACX,WAAW,UAAU;GACrB,UAAU,UAAU;GACpB,cAAc,OAAO,OAAO;GAC5B,aAAa,OAAO,OAAO;GAC3B,YAAY,OAAO,OAAO;GAC1B,UAAU,KAAK,gBAAgB,CAAC,iBAAiB,CAAC;GACnD;EACD,oBAAoB;EACrB"}