@payment-kit-js/vanilla 0.1.0-alpha.0

package/dist/stripe-google-pay-adapter-DMDArVp2.mjs

@@ -0,0 +1,163 @@
+//#region src/payment-methods/stripe-google-pay-adapter.ts
+let GooglePayMockScenario = /* @__PURE__ */ function(GooglePayMockScenario$1) {
+	GooglePayMockScenario$1["None"] = "none";
+	GooglePayMockScenario$1["Success"] = "success";
+	GooglePayMockScenario$1["Cancelled"] = "cancelled";
+	return GooglePayMockScenario$1;
+}({});
+var StripeGooglePayAdapter = class {
+	stripe = null;
+	paymentRequest = null;
+	mockScenario;
+	constructor(mockScenario) {
+		this.mockScenario = mockScenario ?? GooglePayMockScenario.None;
+	}
+	initialize(publishableKey) {
+		switch (this.mockScenario) {
+			case GooglePayMockScenario.None: {
+				console.log("[GooglePay] initialize called");
+				if (!window.Stripe) {
+					console.log("[GooglePay] Stripe.js not loaded");
+					return false;
+				}
+				this.stripe = window.Stripe(publishableKey);
+				const success = this.stripe !== null;
+				console.log("[GooglePay] initialize result:", success);
+				return success;
+			}
+			case GooglePayMockScenario.Success:
+			case GooglePayMockScenario.Cancelled:
+				console.log("[MockGooglePay] initialize called");
+				console.log("[MockGooglePay] initialize result:", true);
+				return true;
+		}
+	}
+	createPaymentRequest(config) {
+		switch (this.mockScenario) {
+			case GooglePayMockScenario.None:
+				console.log("[GooglePay] createPaymentRequest called", config);
+				if (!this.stripe) throw new Error("Stripe not initialized");
+				this.paymentRequest = this.stripe.paymentRequest(config);
+				console.log("[GooglePay] paymentRequest created");
+				return;
+			case GooglePayMockScenario.Success:
+			case GooglePayMockScenario.Cancelled:
+				console.log("[MockGooglePay] createPaymentRequest called", config);
+				return;
+		}
+	}
+	async canMakePayment() {
+		switch (this.mockScenario) {
+			case GooglePayMockScenario.None: {
+				console.log("[GooglePay] canMakePayment called");
+				if (!this.paymentRequest) {
+					console.log("[GooglePay] canMakePayment: no paymentRequest");
+					return false;
+				}
+				const result = await this.paymentRequest.canMakePayment();
+				const isAvailable = result?.googlePay ?? false;
+				console.log("[GooglePay] canMakePayment result:", {
+					result,
+					isAvailable
+				});
+				return isAvailable;
+			}
+			case GooglePayMockScenario.Success:
+			case GooglePayMockScenario.Cancelled:
+				console.log("[MockGooglePay] canMakePayment called");
+				console.log("[MockGooglePay] canMakePayment result:", {
+					result: { googlePay: true },
+					isAvailable: true
+				});
+				return true;
+		}
+	}
+	async showPaymentSheet() {
+		switch (this.mockScenario) {
+			case GooglePayMockScenario.None:
+				console.log("[GooglePay] showPaymentSheet called");
+				if (!this.paymentRequest) {
+					console.log("[GooglePay] showPaymentSheet: no paymentRequest");
+					return {
+						success: false,
+						error: "Payment request not created"
+					};
+				}
+				return new Promise((resolve) => {
+					this.paymentRequest.on("paymentmethod", (event) => {
+						console.log("[GooglePay] showPaymentSheet: paymentmethod event", { paymentMethodId: event.paymentMethod.id });
+						resolve({
+							success: true,
+							paymentMethodId: event.paymentMethod.id,
+							complete: (status) => {
+								console.log("[GooglePay] complete called:", status);
+								event.complete(status);
+							}
+						});
+					});
+					this.paymentRequest.on("cancel", () => {
+						console.log("[GooglePay] showPaymentSheet: cancelled by user");
+						resolve({
+							success: false,
+							cancelled: true
+						});
+					});
+					console.log("[GooglePay] showing payment sheet...");
+					this.paymentRequest.show();
+				});
+			case GooglePayMockScenario.Success:
+				console.log("[MockGooglePay] showPaymentSheet: success");
+				await new Promise((resolve) => setTimeout(resolve, 500));
+				return {
+					success: true,
+					paymentMethodId: "pm_mock_123456789",
+					complete: (status) => console.log(`[MockGooglePay] complete: ${status}`)
+				};
+			case GooglePayMockScenario.Cancelled:
+				console.log("[MockGooglePay] showPaymentSheet: cancelled");
+				await new Promise((resolve) => setTimeout(resolve, 500));
+				return {
+					success: false,
+					cancelled: true
+				};
+		}
+	}
+	async confirmCardSetup(clientSecret, paymentMethodId) {
+		switch (this.mockScenario) {
+			case GooglePayMockScenario.None: {
+				console.log("[GooglePay] confirmCardSetup called", {
+					clientSecret: `${clientSecret.slice(0, 20)}...`,
+					paymentMethodId
+				});
+				if (!this.stripe) {
+					console.log("[GooglePay] confirmCardSetup: Stripe not initialized");
+					return {
+						success: false,
+						error: "Stripe not initialized"
+					};
+				}
+				const { error } = await this.stripe.confirmCardSetup(clientSecret, { payment_method: paymentMethodId });
+				if (error) {
+					console.log("[GooglePay] confirmCardSetup error:", error);
+					return {
+						success: false,
+						error: error.message ?? "Card setup failed"
+					};
+				}
+				console.log("[GooglePay] confirmCardSetup success");
+				return { success: true };
+			}
+			case GooglePayMockScenario.Success:
+				console.log("[MockGooglePay] confirmCardSetup called", {
+					clientSecret,
+					paymentMethodId
+				});
+				return { success: true };
+			case GooglePayMockScenario.Cancelled: throw new Error("confirmCardSetup should not be called when scenario is Cancelled");
+		}
+	}
+};
+
+//#endregion
+export { StripeGooglePayAdapter as n, GooglePayMockScenario as t };
+//# sourceMappingURL=stripe-google-pay-adapter-DMDArVp2.mjs.map

package/dist/stripe-google-pay-adapter-DMDArVp2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripe-google-pay-adapter-DMDArVp2.mjs","names":[],"sources":["../src/payment-methods/stripe-google-pay-adapter.ts"],"sourcesContent":["import type { PaymentRequest, PaymentRequestPaymentMethodEvent, Stripe, StripeConstructor } from \"@stripe/stripe-js\";\n\n// Stripe.js must be loaded via script tag for PCI compliance\ndeclare global {\n  interface Window {\n    Stripe?: StripeConstructor;\n  }\n}\n\nexport interface PaymentRequestConfig {\n  country: string;\n  currency: string;\n  total: { label: string; amount: number };\n  requestPayerName: boolean;\n  requestPayerEmail: boolean;\n}\n\nexport type ShowPaymentSheetResult =\n  | { success: true; paymentMethodId: string; complete: (status: \"success\" | \"fail\") => void }\n  | { success: false; cancelled: true }\n  | { success: false; error: string };\n\nexport type ConfirmResult = { success: true } | { success: false; error: string };\n\nexport enum GooglePayMockScenario {\n  None = \"none\",\n  Success = \"success\",\n  Cancelled = \"cancelled\",\n}\n\nexport class StripeGooglePayAdapter {\n  private stripe: Stripe | null = null;\n  private paymentRequest: PaymentRequest | null = null;\n  private mockScenario: GooglePayMockScenario;\n\n  constructor(mockScenario?: GooglePayMockScenario) {\n    this.mockScenario = mockScenario ?? GooglePayMockScenario.None;\n  }\n\n  initialize(publishableKey: string): boolean {\n    switch (this.mockScenario) {\n      case GooglePayMockScenario.None: {\n        console.log(\"[GooglePay] initialize called\");\n        if (!window.Stripe) {\n          console.log(\"[GooglePay] Stripe.js not loaded\");\n          return false;\n        }\n        this.stripe = window.Stripe(publishableKey);\n        const success = this.stripe !== null;\n        console.log(\"[GooglePay] initialize result:\", success);\n        return success;\n      }\n      case GooglePayMockScenario.Success:\n      case GooglePayMockScenario.Cancelled: {\n        console.log(\"[MockGooglePay] initialize called\");\n        console.log(\"[MockGooglePay] initialize result:\", true);\n        return true;\n      }\n    }\n  }\n\n  createPaymentRequest(config: PaymentRequestConfig): void {\n    switch (this.mockScenario) {\n      case GooglePayMockScenario.None: {\n        console.log(\"[GooglePay] createPaymentRequest called\", config);\n        if (!this.stripe) {\n          throw new Error(\"Stripe not initialized\");\n        }\n        this.paymentRequest = this.stripe.paymentRequest(config);\n        console.log(\"[GooglePay] paymentRequest created\");\n        return;\n      }\n      case GooglePayMockScenario.Success:\n      case GooglePayMockScenario.Cancelled: {\n        console.log(\"[MockGooglePay] createPaymentRequest called\", config);\n        return;\n      }\n    }\n  }\n\n  async canMakePayment(): Promise<boolean> {\n    switch (this.mockScenario) {\n      case GooglePayMockScenario.None: {\n        console.log(\"[GooglePay] canMakePayment called\");\n        if (!this.paymentRequest) {\n          console.log(\"[GooglePay] canMakePayment: no paymentRequest\");\n          return false;\n        }\n        const result = await this.paymentRequest.canMakePayment();\n        const isAvailable = result?.googlePay ?? false;\n        console.log(\"[GooglePay] canMakePayment result:\", { result, isAvailable });\n        return isAvailable;\n      }\n      case GooglePayMockScenario.Success:\n      case GooglePayMockScenario.Cancelled: {\n        console.log(\"[MockGooglePay] canMakePayment called\");\n        console.log(\"[MockGooglePay] canMakePayment result:\", { result: { googlePay: true }, isAvailable: true });\n        return true;\n      }\n    }\n  }\n\n  async showPaymentSheet(): Promise<ShowPaymentSheetResult> {\n    switch (this.mockScenario) {\n      case GooglePayMockScenario.None: {\n        console.log(\"[GooglePay] showPaymentSheet called\");\n        if (!this.paymentRequest) {\n          console.log(\"[GooglePay] showPaymentSheet: no paymentRequest\");\n          return { success: false, error: \"Payment request not created\" };\n        }\n\n        return new Promise((resolve) => {\n          // biome-ignore lint/style/noNonNullAssertion: checked above\n          this.paymentRequest!.on(\"paymentmethod\", (event: PaymentRequestPaymentMethodEvent) => {\n            console.log(\"[GooglePay] showPaymentSheet: paymentmethod event\", {\n              paymentMethodId: event.paymentMethod.id,\n            });\n            resolve({\n              success: true,\n              paymentMethodId: event.paymentMethod.id,\n              complete: (status) => {\n                console.log(\"[GooglePay] complete called:\", status);\n                event.complete(status);\n              },\n            });\n          });\n\n          // biome-ignore lint/style/noNonNullAssertion: checked above\n          this.paymentRequest!.on(\"cancel\", () => {\n            console.log(\"[GooglePay] showPaymentSheet: cancelled by user\");\n            resolve({ success: false, cancelled: true });\n          });\n\n          console.log(\"[GooglePay] showing payment sheet...\");\n          // biome-ignore lint/style/noNonNullAssertion: checked above\n          this.paymentRequest!.show();\n        });\n      }\n      case GooglePayMockScenario.Success: {\n        console.log(\"[MockGooglePay] showPaymentSheet: success\");\n        await new Promise((resolve) => setTimeout(resolve, 500));\n        return {\n          success: true,\n          paymentMethodId: \"pm_mock_123456789\",\n          complete: (status) => console.log(`[MockGooglePay] complete: ${status}`),\n        };\n      }\n      case GooglePayMockScenario.Cancelled: {\n        console.log(\"[MockGooglePay] showPaymentSheet: cancelled\");\n        await new Promise((resolve) => setTimeout(resolve, 500));\n        return { success: false, cancelled: true };\n      }\n    }\n  }\n\n  async confirmCardSetup(clientSecret: string, paymentMethodId: string): Promise<ConfirmResult> {\n    switch (this.mockScenario) {\n      case GooglePayMockScenario.None: {\n        console.log(\"[GooglePay] confirmCardSetup called\", {\n          clientSecret: `${clientSecret.slice(0, 20)}...`,\n          paymentMethodId,\n        });\n        if (!this.stripe) {\n          console.log(\"[GooglePay] confirmCardSetup: Stripe not initialized\");\n          return { success: false, error: \"Stripe not initialized\" };\n        }\n\n        const { error } = await this.stripe.confirmCardSetup(clientSecret, {\n          payment_method: paymentMethodId,\n        });\n\n        if (error) {\n          console.log(\"[GooglePay] confirmCardSetup error:\", error);\n          return { success: false, error: error.message ?? \"Card setup failed\" };\n        }\n\n        console.log(\"[GooglePay] confirmCardSetup success\");\n        return { success: true };\n      }\n      case GooglePayMockScenario.Success: {\n        console.log(\"[MockGooglePay] confirmCardSetup called\", { clientSecret, paymentMethodId });\n        return { success: true };\n      }\n      case GooglePayMockScenario.Cancelled: {\n        throw new Error(\"confirmCardSetup should not be called when scenario is Cancelled\");\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/types-6mOKdjCh.d.mts

@@ -0,0 +1,64 @@
+import { t as TunnelXIFrameConnection } from "./connect-tunnel-x-Ce423Pa2.mjs";
+import { t as CardErrorCode } from "./connect-card-EaOlRbPS.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: {
+  baseUrl: string;
+  apiBaseUrl: 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-6mOKdjCh.d.mts.map

package/dist/types-6mOKdjCh.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-6mOKdjCh.d.mts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":";;;;KAGK,cAAA;KAEO,cAAA;AAFP,KAIO,cAAA,GAJO;EAEP,aAAA,EAAA,CAAA,MAAc,EAId,gBAJc,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,GAMnB,OANmB,CAAA;IAEd,IAAA,EAAA;MAEA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;IAEkF,CAAA;IAAvF,MAAA,CAAA,EAAA,KAAA;EAAO,CAAA,GAAA;IAIF,IAAA,CAAA,EAAA,KAAU;IAAuB,MAAA,EAJiD,gBAIjD;EAK3B,CAAA,CAAA;EACS,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CAArB;AAC4B,KAPtB,UAAA,GAOsB,CAAA,UAAA,SAPW,aAOX,CAAA,OAAA,CAAA,EAAA,CAAA,CAAA,OAAA,EAAA;EAAxB,OAAA,EAAA,MAAA;EAAuB,UAAA,EAAA,MAAA;EAI5B,WAAA,EAAA,MAAA;EAA2C,cAAA,EAN9B,CAM8B;CACT,EAAA,GANjC,oBAMiC,CANZ,CAMY,CAAA,GAAA;EAArB,MAAA,EALR,uBAKQ,CALgB,CAKhB,CAAA;EAER,OAAA,EAAA,GAAA,GAAA,IAAA;CACO;KAJZ,uBAMc,CAAA,UAAA,SAN6B,aAM7B,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,UAAA,MALD,oBAKC,CALoB,CAKpB,CAAA,CAAA,CAAA,OAAA,EAAA;EAAgB,MAAA,EAHzB,gBAGyB;EAIvB,aAAA,EANK,CAML;EAOA,OAAA,CAAA,EAAA,OAAA;EAEC,OAAA,EAAA,CAAA,KAAA,EAbM,gBAaN,EAAA,GAAA,IAAA;EACA,SAAA,EAAA,CAAA,IAAA,EAAA;IACA,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;EAOC,CAAA,EAAA,GAAA,IAAA;CAAkB,EAAA,GAAA,IAAA;AAAc,KAlBlC,gBAAA,GAkBkC;EAElC,OAAA,EAAA,MAAA;EAEA,UAAA,EAAA,MAAa;EAAgE,WAAA,EAAA,MAAA;EACjF,iBAAA,EAnBa,uBAmBb;CACS;AACA,KAlBL,gBAAA,GAkBK;EAAc,IAAA,CAAA,EAAA,MAAA;EAGnB,QAAA,CAAA,EAnBC,aAmBmB;EAAoB,QAAA,CAAA,EAlBvC,aAkBuC;EAC5C,QAAA,CAAA,EAlBK,aAkBL;EAAwB,MAAA,CAAA,EAAA,MAAA;EAAX,UAAA,CAAA,EAAA,MAAA;EAAmC,YAAA,CAAA,EAAA,MAAA;EAAX,MAAA,CAAA,EAAA,MAAA;EAAU,QAAA,CAAA,EAAA,MAAA;;cAXzC,kBAAkB;KAEpB,gBAAA,aAA6B;KAE7B,6EAA6E;QACjF;iBACS;iBACA;;KAGL,wCAAwC,oCAC5C,aAAa,WAAW,aAAa,WAAW"}

package/dist/utils-h0dxplHy.mjs

@@ -0,0 +1,62 @@
+import * as v from "valibot";
+
+//#region src/utils/validate-form-fields.ts
+const validateFormFields = async (fields, options = {}) => {
+	const schema = v.object({
+		customer_name: v.pipe(v.string("required"), v.nonEmpty("required"), v.minLength(4, "invalid"), v.maxLength(40, "invalid")),
+		customer_email: v.pipe(v.string("required"), v.nonEmpty("required"), v.email("invalid")),
+		customer_country: v.pipe(v.string("required"), v.nonEmpty("required")),
+		customer_zip_code: options.optionalZipCode ? v.pipe(v.string("required")) : v.pipe(v.string("required"), v.nonEmpty("required"))
+	});
+	const result = v.safeParse(schema, fields);
+	if (result.issues) return {
+		isSuccess: false,
+		errors: result.issues.reduce((errors, issue) => {
+			const field = v.getDotPath(issue);
+			errors[field] = issue.kind === "schema" ? "required" : issue.message;
+			return errors;
+		}, {})
+	};
+	return { isSuccess: true };
+};
+
+//#endregion
+//#region src/utils/index.ts
+const $ = (selector) => {
+	const ele = document.querySelector(selector);
+	if (!ele) throw new Error(`Cannot find element with selector: ${selector}`);
+	return ele;
+};
+const definePaymentMethod = (paymentMethod) => paymentMethod;
+const createCheckoutIFrame = (type, baseUrl, params) => {
+	const iframe = document.createElement("iframe");
+	const searchParamsStr = new URLSearchParams(params).toString();
+	iframe.src = `${baseUrl}/embeds/v1/${type}${searchParamsStr ? `?${searchParamsStr}` : ""}`;
+	Object.assign(iframe.style, {
+		width: "100%",
+		height: "100%",
+		border: "none"
+	});
+	return iframe;
+};
+/**
+* Collects browser and client information for fraud detection.
+*/
+function collectFraudMetadata() {
+	return {
+		ipAddress: void 0,
+		browserInfo: {
+			userAgent: navigator.userAgent,
+			language: navigator.language,
+			screenHeight: window.screen.height,
+			screenWidth: window.screen.width,
+			colorDepth: window.screen.colorDepth,
+			timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+		},
+		processorFraudInfo: void 0
+	};
+}
+
+//#endregion
+export { validateFormFields as a, definePaymentMethod as i, collectFraudMetadata as n, createCheckoutIFrame as r, $ as t };
+//# sourceMappingURL=utils-h0dxplHy.mjs.map

package/dist/utils-h0dxplHy.mjs.map

@@ -0,0 +1 @@
+{"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"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@payment-kit-js/vanilla",
+  "version": "0.1.0-alpha.0",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": "./dist/index.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-google-pay-adapter": "./dist/payment-methods/stripe-google-pay-adapter.mjs",
+    "./penpal/connect-card": "./dist/penpal/connect-card.mjs",
+    "./penpal/connect-tunnel-x": "./dist/penpal/connect-tunnel-x.mjs",
+    "./package.json": "./package.json"
+  },
+  "license": "MIT",
+  "description": "Vanilla JavaScript SDK for PaymentKit",
+  "keywords": [
+    "payment",
+    "payments",
+    "paymentkit",
+    "checkout",
+    "stripe",
+    "paypal",
+    "googlepay",
+    "card",
+    "sdk"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ProjectPayAdly/core.git",
+    "directory": "frontend/payment-kit-js/vanilla"
+  },
+  "bugs": {
+    "url": "https://github.com/ProjectPayAdly/core/issues"
+  },
+  "homepage": "https://github.com/ProjectPayAdly/core#readme",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "yarn tsdown --watch ./src",
+    "build": "yarn tsdown"
+  },
+  "packageManager": "yarn@4.10.3",
+  "dependencies": {
+    "penpal": "^7.0.4",
+    "valibot": "^1.1.0"
+  },
+  "devDependencies": {
+    "@pkg/sdk": "0.10.16",
+    "@pkg/tsconfig": "0.0.0",
+    "tsdown": "^0.15.10",
+    "typescript": "^5.9.3"
+  },
+  "stableVersion": "0.1.0"
+}