@payment-kit-js/vanilla 0.3.0 → 0.4.1

package/dist/{connect-card-DO2EJxu6.mjs → connect-card-BrtCmsjz.mjs}

@@ -16,4 +16,4 @@ const connectToCardParent = (methods) => {
 
 //#endregion
 export { connectToCardParent as n, connectToCardIframe as t };
-//# sourceMappingURL=connect-card-DO2EJxu6.mjs.map
+//# sourceMappingURL=connect-card-BrtCmsjz.mjs.map

package/dist/{connect-card-DO2EJxu6.mjs.map → connect-card-BrtCmsjz.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"connect-card-DO2EJxu6.mjs","names":[],"sources":["../src/penpal/connect-card.ts"],"sourcesContent":["import type { CardSetupIntent, PublicCardCheckoutResponse } from \"@pkg/sdk/models\";\nimport type { Connection } from \"penpal\";\nimport { connectToWindow } from \".\";\n\ntype CardIFrameMethods = {\n  onSubmit: (cardSetupIntentId: string) => Promise<CardSetupIntent | { error: CardErrorCode }>;\n  onValidate: () => Promise<CardErrorCode | undefined>;\n};\n\ntype CardParentMethods = {\n  onLoaded: () => void;\n  onFocusChange: (isFocused: boolean) => void;\n};\n\nexport type CardInputType = \"card_pan\" | \"card_exp\" | \"card_cvc\";\n\nexport type CardErrorCode =\n  | \"invalid\"\n  | \"required\"\n  | \"unknown_error\"\n  | \"penpal_not_connected\"\n  | \"missing_checkout_token\";\n\nexport type IFrameConnection = Connection<CardIFrameMethods>;\n\nexport type ParentConnection = Connection<CardParentMethods>;\n\nexport type CheckoutResponse = PublicCardCheckoutResponse;\n\nexport const connectToCardIframe = (iframe: HTMLIFrameElement, methods: CardParentMethods) => {\n  return connectToWindow<CardIFrameMethods>({ window: iframe.contentWindow as Window, methods });\n};\n\nexport const connectToCardParent = (methods: CardIFrameMethods) => {\n  return connectToWindow<CardParentMethods>({ window: window.parent, methods });\n};\n"],"mappings":";;;AA6BA,MAAa,uBAAuB,QAA2B,YAA+B;AAC5F,QAAO,gBAAmC;EAAE,QAAQ,OAAO;EAAyB;EAAS,CAAC;;AAGhG,MAAa,uBAAuB,YAA+B;AACjE,QAAO,gBAAmC;EAAE,QAAQ,OAAO;EAAQ;EAAS,CAAC"}
+{"version":3,"file":"connect-card-BrtCmsjz.mjs","names":[],"sources":["../src/penpal/connect-card.ts"],"sourcesContent":["import type { CardSetupIntent, PublicCardCheckoutResponse } from \"@pkg/sdk/models\";\nimport type { Connection } from \"penpal\";\nimport { connectToWindow } from \".\";\n\ntype CardIFrameMethods = {\n  onSubmit: (cardSetupIntentId: string) => Promise<CardSetupIntent | { error: CardErrorCode }>;\n  onValidate: () => Promise<CardErrorCode | undefined>;\n};\n\ntype CardParentMethods = {\n  onLoaded: () => void;\n  onFocusChange: (isFocused: boolean) => void;\n};\n\nexport type CardInputType = \"card_pan\" | \"card_exp\" | \"card_cvc\";\n\nexport type CardErrorCode =\n  | \"invalid\"\n  | \"required\"\n  | \"unknown_error\"\n  | \"penpal_not_connected\"\n  | \"missing_checkout_token\";\n\nexport type IFrameConnection = Connection<CardIFrameMethods>;\n\nexport type ParentConnection = Connection<CardParentMethods>;\n\nexport type CheckoutResponse = PublicCardCheckoutResponse;\n\nexport const connectToCardIframe = (iframe: HTMLIFrameElement, methods: CardParentMethods) => {\n  return connectToWindow<CardIFrameMethods>({ window: iframe.contentWindow as Window, methods });\n};\n\nexport const connectToCardParent = (methods: CardIFrameMethods) => {\n  return connectToWindow<CardParentMethods>({ window: window.parent, methods });\n};\n"],"mappings":";;;AA6BA,MAAa,uBAAuB,QAA2B,YAA+B;AAC5F,QAAO,gBAAmC;EAAE,QAAQ,OAAO;EAAyB;EAAS,CAAC;;AAGhG,MAAa,uBAAuB,YAA+B;AACjE,QAAO,gBAAmC;EAAE,QAAQ,OAAO;EAAQ;EAAS,CAAC"}

package/dist/{connect-card-C582hcWw.d.mts → connect-card-DTfXuTsW.d.mts}

@@ -20,4 +20,4 @@ declare const connectToCardIframe: (iframe: HTMLIFrameElement, methods: CardPare
 declare const connectToCardParent: (methods: CardIFrameMethods) => Connection<CardParentMethods>;
 //#endregion
 export { ParentConnection as a, IFrameConnection as i, CardInputType as n, connectToCardIframe as o, CheckoutResponse as r, connectToCardParent as s, CardErrorCode as t };
-//# sourceMappingURL=connect-card-C582hcWw.d.mts.map
+//# sourceMappingURL=connect-card-DTfXuTsW.d.mts.map

package/dist/{connect-card-C582hcWw.d.mts.map → connect-card-DTfXuTsW.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"connect-card-C582hcWw.d.mts","names":[],"sources":["../src/penpal/connect-card.ts"],"sourcesContent":[],"mappings":";;;KAIK,iBAAA;EAAA,QAAA,EAAA,CAAA,iBAAiB,EAAA,MAAA,EAAA,GACqB,OADrB,CAC6B,eAD7B,GAAA;IAC6B,KAAA,EAA2B,aAA3B;EAA2B,CAAA,CAAA;EAAnC,UAAA,EAAA,GAAA,GACvB,OADuB,CACf,aADe,GAAA,SAAA,CAAA;CACf;KAGvB,iBAAA,GAHe;EAAO,QAAA,EAAA,GAAA,GAAA,IAAA;EAGtB,aAAA,EAAA,CAAA,SAAiB,EAAA,OAAA,EAAA,GAAA,IAAA;AAKtB,CAAA;AAEY,KAFA,aAAA,GAEa,UAAA,GAAA,UAAA,GAAA,UAAA;AAOb,KAPA,aAAA,GAOgB,SAAc,GAAA,UAAA,GAAA,eAAD,GAAA,sBAAA,GAAA,wBAAA;AAE7B,KAFA,gBAAA,GAAmB,UAEW,CAFA,iBAEX,CAAA;AAEnB,KAFA,gBAAA,GAAmB,UAEA,CAFW,iBAEX,CAAA;AAElB,KAFD,gBAAA,GAAmB,0BAI9B;AAF2C,cAA/B,mBAA+B,EAAA,CAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,EAA4B,iBAA5B,EAAA,GAA6C,UAA7C,CAA6C,iBAA7C,CAAA;AAA4B,cAI3D,mBAJ2D,EAAA,CAAA,OAAA,EAI3B,iBAJ2B,EAAA,GAIV,UAJU,CAIV,iBAJU,CAAA"}
+{"version":3,"file":"connect-card-DTfXuTsW.d.mts","names":[],"sources":["../src/penpal/connect-card.ts"],"sourcesContent":[],"mappings":";;;KAIK,iBAAA;EAAA,QAAA,EAAA,CAAA,iBAAiB,EAAA,MAAA,EAAA,GACqB,OADrB,CAC6B,eAD7B,GAAA;IAC6B,KAAA,EAA2B,aAA3B;EAA2B,CAAA,CAAA;EAAnC,UAAA,EAAA,GAAA,GACvB,OADuB,CACf,aADe,GAAA,SAAA,CAAA;CACf;KAGvB,iBAAA,GAHe;EAAO,QAAA,EAAA,GAAA,GAAA,IAAA;EAGtB,aAAA,EAAA,CAAA,SAAiB,EAAA,OAAA,EAAA,GAAA,IAAA;AAKtB,CAAA;AAEY,KAFA,aAAA,GAEa,UAAA,GAAA,UAAA,GAAA,UAAA;AAOb,KAPA,aAAA,GAOgB,SAAc,GAAA,UAAA,GAAA,eAAD,GAAA,sBAAA,GAAA,wBAAA;AAE7B,KAFA,gBAAA,GAAmB,UAEW,CAFA,iBAEX,CAAA;AAEnB,KAFA,gBAAA,GAAmB,UAEA,CAFW,iBAEX,CAAA;AAElB,KAFD,gBAAA,GAAmB,0BAI9B;AAF2C,cAA/B,mBAA+B,EAAA,CAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,EAA4B,iBAA5B,EAAA,GAA6C,UAA7C,CAA6C,iBAA7C,CAAA;AAA4B,cAI3D,mBAJ2D,EAAA,CAAA,OAAA,EAI3B,iBAJ2B,EAAA,GAIV,UAJU,CAIV,iBAJU,CAAA"}

package/dist/connect-tunnel-x-BhVAej5Q.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"connect-tunnel-x-BhVAej5Q.mjs","names":[],"sources":["../src/penpal/connect-tunnel-x.ts"],"sourcesContent":["import type { RequestOptions } from \"@pkg/sdk/lib/sdks\";\nimport type {\n  CardSetupIntent,\n  CreateCardSetupIntentRes,\n  PublicCardCheckoutRequest,\n  PublicCardCheckoutResponse,\n} from \"@pkg/sdk/models\";\nimport type { Connection } from \"penpal\";\nimport { connectToWindow } from \".\";\n\n// Note: this file is paired with customer-portal/src/routes/embeds/v1/tunnel-x\n// The methods below should also be present in CheckoutTunnelX\n\ntype TunnelXIFrameMethods = {\n  startPayment: () => void;\n  confirmPayment: () => void;\n  submitCheckout: (values: Record<string, string>) => Promise<unknown>;\n  getCheckoutPreview: () => void;\n  getCardSetupIntent: (cardSetupIntentId: string) => Promise<CardSetupIntent>;\n  createCardSetupIntent: (secureToken: string) => Promise<CreateCardSetupIntentRes>;\n  queryPublicEndpoint: (methodName: string, params: unknown, options?: RequestOptions) => Promise<unknown>;\n};\n\ntype TunnelXParentMethods = Record<string, never>;\n\nexport type TunnelXIFrameConnection = Connection<TunnelXIFrameMethods>;\n\nexport type TunnelXParentConnection = Connection<TunnelXParentMethods>;\n\nexport const connectToTunnelXIframe = (iframe: HTMLIFrameElement, methods: TunnelXParentMethods) => {\n  return connectToWindow<TunnelXIFrameMethods>({ window: iframe.contentWindow as Window, methods });\n};\n\nexport const connectToTunnelXParent = (methods: TunnelXIFrameMethods) => {\n  return connectToWindow<TunnelXParentMethods>({ window: window.parent, methods });\n};\n\n/**\n * SDK type for publicEndpoints proxy.\n * Matches the methods on PublicCors from @pkg/sdk that are called through queryPublicEndpoint.\n * Parameter types match the SDK's operation request types.\n */\ntype PublicEndpointsProxy = {\n  createCardSetupIntent: (params: { checkoutToken: string }) => Promise<CreateCardSetupIntentRes>;\n  getCardSetupIntent: (params: { checkoutToken: string; cardSetupIntentId: string }) => Promise<CardSetupIntent>;\n  cardCheckout: (params: {\n    checkoutToken: string;\n    publicCardCheckoutRequest: PublicCardCheckoutRequest;\n  }) => Promise<PublicCardCheckoutResponse>;\n  cardCheckoutVerify: (params: { checkoutToken: string }) => Promise<PublicCardCheckoutResponse>;\n};\n\nexport class TunnelXManager {\n  private penpalConn: TunnelXIFrameConnection;\n  public _methods: TunnelXIFrameMethods;\n\n  static createFromPenpalConnection = async (penpalConn: TunnelXIFrameConnection) => {\n    const methods = await penpalConn.promise;\n    const manager = new TunnelXManager(penpalConn, methods);\n    return manager;\n  };\n\n  private constructor(penpalConn: TunnelXIFrameConnection, penpalMethods: TunnelXIFrameMethods) {\n    this.penpalConn = penpalConn;\n    this._methods = penpalMethods;\n  }\n\n  /**\n   * Makes publicEndpoints act like a real PK client, but actually forwards all calls\n   * through queryPublicEndpoint and sends it through penpal.\n   */\n  get publicEndpoints(): PublicEndpointsProxy {\n    const handler = {\n      get: (_target: Record<string, never>, prop: string) => {\n        return async (...args: unknown[]) => {\n          return await this._methods.queryPublicEndpoint(prop, args[0], args[1] as RequestOptions | undefined);\n        };\n      },\n    };\n    return new Proxy({}, handler) as unknown as PublicEndpointsProxy;\n  }\n\n  destroy() {\n    this.penpalConn.destroy();\n  }\n}\n"],"mappings":";;;AA6BA,MAAa,0BAA0B,QAA2B,YAAkC;AAClG,QAAO,gBAAsC;EAAE,QAAQ,OAAO;EAAyB;EAAS,CAAC;;AAGnG,MAAa,0BAA0B,YAAkC;AACvE,QAAO,gBAAsC;EAAE,QAAQ,OAAO;EAAQ;EAAS,CAAC;;AAkBlF,IAAa,iBAAb,MAAa,eAAe;CAC1B,AAAQ;CACR,AAAO;CAEP,OAAO,6BAA6B,OAAO,eAAwC;AAGjF,SADgB,IAAI,eAAe,YADnB,MAAM,WAAW,QACsB;;CAIzD,AAAQ,YAAY,YAAqC,eAAqC;AAC5F,OAAK,aAAa;AAClB,OAAK,WAAW;;;;;;CAOlB,IAAI,kBAAwC;AAQ1C,SAAO,IAAI,MAAM,EAAE,EAPH,EACd,MAAM,SAAgC,SAAiB;AACrD,UAAO,OAAO,GAAG,SAAoB;AACnC,WAAO,MAAM,KAAK,SAAS,oBAAoB,MAAM,KAAK,IAAI,KAAK,GAAiC;;KAGzG,CAC4B;;CAG/B,UAAU;AACR,OAAK,WAAW,SAAS"}
+{"version":3,"file":"connect-tunnel-x-BhVAej5Q.mjs","names":[],"sources":["../src/penpal/connect-tunnel-x.ts"],"sourcesContent":["import type { RequestOptions } from \"@pkg/sdk/lib/sdks\";\nimport type {\n  CardSetupIntent,\n  CreateCardSetupIntentRes,\n  PublicCardCheckoutRequest,\n  PublicCardCheckoutResponse,\n} from \"@pkg/sdk/models\";\nimport type { Connection } from \"penpal\";\nimport { connectToWindow } from \".\";\n\n// Note: this file is paired with customer-portal/src/routes/embeds/v1/tunnel-x\n// The methods below should also be present in CheckoutTunnelX\n\ntype TunnelXIFrameMethods = {\n  startPayment: () => void;\n  confirmPayment: () => void;\n  submitCheckout: (values: Record<string, string>) => Promise<unknown>;\n  getCheckoutPreview: () => void;\n  getCardSetupIntent: (cardSetupIntentId: string) => Promise<CardSetupIntent>;\n  createCardSetupIntent: (secureToken: string) => Promise<CreateCardSetupIntentRes>;\n  queryPublicEndpoint: (methodName: string, params: unknown, options?: RequestOptions) => Promise<unknown>;\n};\n\ntype TunnelXParentMethods = Record<string, never>;\n\nexport type TunnelXIFrameConnection = Connection<TunnelXIFrameMethods>;\n\nexport type TunnelXParentConnection = Connection<TunnelXParentMethods>;\n\nexport const connectToTunnelXIframe = (iframe: HTMLIFrameElement, methods: TunnelXParentMethods) => {\n  return connectToWindow<TunnelXIFrameMethods>({ window: iframe.contentWindow as Window, methods });\n};\n\nexport const connectToTunnelXParent = (methods: TunnelXIFrameMethods) => {\n  return connectToWindow<TunnelXParentMethods>({ window: window.parent, methods });\n};\n\n/**\n * SDK type for publicEndpoints proxy.\n * Matches the methods on PublicCors from @pkg/sdk that are called through queryPublicEndpoint.\n * Parameter types match the SDK's operation request types.\n * All methods accept an optional RequestOptions parameter for passing headers (e.g., x-request-id).\n */\ntype PublicEndpointsProxy = {\n  createCardSetupIntent: (\n    params: { checkoutToken: string },\n    options?: RequestOptions,\n  ) => Promise<CreateCardSetupIntentRes>;\n  getCardSetupIntent: (\n    params: { checkoutToken: string; cardSetupIntentId: string },\n    options?: RequestOptions,\n  ) => Promise<CardSetupIntent>;\n  cardCheckout: (\n    params: {\n      checkoutToken: string;\n      publicCardCheckoutRequest: PublicCardCheckoutRequest;\n    },\n    options?: RequestOptions,\n  ) => Promise<PublicCardCheckoutResponse>;\n  cardCheckoutVerify: (\n    params: { checkoutToken: string },\n    options?: RequestOptions,\n  ) => Promise<PublicCardCheckoutResponse>;\n};\n\nexport class TunnelXManager {\n  private penpalConn: TunnelXIFrameConnection;\n  public _methods: TunnelXIFrameMethods;\n\n  static createFromPenpalConnection = async (penpalConn: TunnelXIFrameConnection) => {\n    const methods = await penpalConn.promise;\n    const manager = new TunnelXManager(penpalConn, methods);\n    return manager;\n  };\n\n  private constructor(penpalConn: TunnelXIFrameConnection, penpalMethods: TunnelXIFrameMethods) {\n    this.penpalConn = penpalConn;\n    this._methods = penpalMethods;\n  }\n\n  /**\n   * Makes publicEndpoints act like a real PK client, but actually forwards all calls\n   * through queryPublicEndpoint and sends it through penpal.\n   */\n  get publicEndpoints(): PublicEndpointsProxy {\n    const handler = {\n      get: (_target: Record<string, never>, prop: string) => {\n        return async (...args: unknown[]) => {\n          return await this._methods.queryPublicEndpoint(prop, args[0], args[1] as RequestOptions | undefined);\n        };\n      },\n    };\n    return new Proxy({}, handler) as unknown as PublicEndpointsProxy;\n  }\n\n  destroy() {\n    this.penpalConn.destroy();\n  }\n}\n"],"mappings":";;;AA6BA,MAAa,0BAA0B,QAA2B,YAAkC;AAClG,QAAO,gBAAsC;EAAE,QAAQ,OAAO;EAAyB;EAAS,CAAC;;AAGnG,MAAa,0BAA0B,YAAkC;AACvE,QAAO,gBAAsC;EAAE,QAAQ,OAAO;EAAQ;EAAS,CAAC;;AA+BlF,IAAa,iBAAb,MAAa,eAAe;CAC1B,AAAQ;CACR,AAAO;CAEP,OAAO,6BAA6B,OAAO,eAAwC;AAGjF,SADgB,IAAI,eAAe,YADnB,MAAM,WAAW,QACsB;;CAIzD,AAAQ,YAAY,YAAqC,eAAqC;AAC5F,OAAK,aAAa;AAClB,OAAK,WAAW;;;;;;CAOlB,IAAI,kBAAwC;AAQ1C,SAAO,IAAI,MAAM,EAAE,EAPH,EACd,MAAM,SAAgC,SAAiB;AACrD,UAAO,OAAO,GAAG,SAAoB;AACnC,WAAO,MAAM,KAAK,SAAS,oBAAoB,MAAM,KAAK,IAAI,KAAK,GAAiC;;KAGzG,CAC4B;;CAG/B,UAAU;AACR,OAAK,WAAW,SAAS"}

package/dist/{connect-tunnel-x-B7iMQ7DX.d.mts → connect-tunnel-x-Dxcg5Y7Y.d.mts}

@@ -19,22 +19,23 @@ declare const connectToTunnelXParent: (methods: TunnelXIFrameMethods) => Connect
  * SDK type for publicEndpoints proxy.
  * Matches the methods on PublicCors from @pkg/sdk that are called through queryPublicEndpoint.
  * Parameter types match the SDK's operation request types.
+ * All methods accept an optional RequestOptions parameter for passing headers (e.g., x-request-id).
  */
 type PublicEndpointsProxy = {
   createCardSetupIntent: (params: {
     checkoutToken: string;
-  }) => Promise<CreateCardSetupIntentRes>;
+  }, options?: RequestOptions) => Promise<CreateCardSetupIntentRes>;
   getCardSetupIntent: (params: {
     checkoutToken: string;
     cardSetupIntentId: string;
-  }) => Promise<CardSetupIntent>;
+  }, options?: RequestOptions) => Promise<CardSetupIntent>;
   cardCheckout: (params: {
     checkoutToken: string;
     publicCardCheckoutRequest: PublicCardCheckoutRequest;
-  }) => Promise<PublicCardCheckoutResponse>;
+  }, options?: RequestOptions) => Promise<PublicCardCheckoutResponse>;
   cardCheckoutVerify: (params: {
     checkoutToken: string;
-  }) => Promise<PublicCardCheckoutResponse>;
+  }, options?: RequestOptions) => Promise<PublicCardCheckoutResponse>;
 };
 declare class TunnelXManager {
   private penpalConn;
@@ -50,4 +51,4 @@ declare class TunnelXManager {
 }
 //#endregion
 export { connectToTunnelXParent as a, connectToTunnelXIframe as i, TunnelXManager as n, TunnelXParentConnection as r, TunnelXIFrameConnection as t };
-//# sourceMappingURL=connect-tunnel-x-B7iMQ7DX.d.mts.map
+//# sourceMappingURL=connect-tunnel-x-Dxcg5Y7Y.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connect-tunnel-x-Dxcg5Y7Y.d.mts","names":[],"sources":["../src/penpal/connect-tunnel-x.ts"],"sourcesContent":[],"mappings":";;;AAOyC,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;;;;;;AAED;KAUK,oBAAA,GAV2C;EAAoB,qBAAA,EAAA,CAAA,MAAA,EAAA;IAAA,aAAA,EAAA,MAAA;EAAA,CAAA,EAAA,OAAA,CAAA,EAatD,cAbsD,EAAA,GAc7D,OAd6D,CAcrD,wBAdqD,CAAA;EAU/D,kBAAA,EAAA,CAAA,MAAoB,EAAA;IAGX,aAAA,EAAA,MAAA;IACC,iBAAA,EAAA,MAAA;EAAR,CAAA,EAAA,OAAA,CAAA,EAGO,cAHP,EAAA,GAIA,OAJA,CAIQ,eAJR,CAAA;EAGO,YAAA,EAAA,CAAA,MAAA,EAAA;IACC,aAAA,EAAA,MAAA;IAAR,yBAAA,EAI0B,yBAJ1B;EAI0B,CAAA,EAAA,OAAA,CAAA,EAEnB,cAFmB,EAAA,GAG1B,OAH0B,CAGlB,0BAHkB,CAAA;EAEnB,kBAAA,EAAA,CAAA,MAAA,EAAA;IACC,aAAA,EAAA,MAAA;EAAR,CAAA,EAAA,OAAA,CAAA,EAGO,cAHP,EAAA,GAIA,OAJA,CAIQ,0BAJR,CAAA;CAGO;AACC,cAGF,cAAA,CAHE;EAAR,QAAA,UAAA;EAAO,QAAA,EAKK,oBALL;EAGD,OAAA,0BAAc,EAAA,CAAA,UAAA,EAI8B,uBAJ9B,EAAA,GAIqD,OAJrD,CAIqD,cAJrD,CAAA;EAER,QAAA,WAAA,CAAA;EAEsC;;;;EAeZ,IAAA,eAAA,CAAA,CAAA,EAApB,oBAAoB"}

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import "./connect-card-C582hcWw.mjs";
-import "./connect-tunnel-x-B7iMQ7DX.mjs";
-import { n as PaymentKitFields, t as PaymentKit$1 } from "./types-DsVMq4jZ.mjs";
+import { n as PaymentKitFields, t as PaymentKit$1 } from "./types-CPuloCtF.mjs";
+import "./connect-card-DTfXuTsW.mjs";
+import "./connect-tunnel-x-Dxcg5Y7Y.mjs";
 
 //#region src/index.d.ts
 declare const PaymentKit: PaymentKit$1;

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;;cAyBM,YAAY"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"sourcesContent":[],"mappings":";;;;;cA0BM,YAAY"}

package/dist/index.mjs

@@ -1,9 +1,331 @@
 import "./penpal-BFKeZTVz.mjs";
 import { n as connectToTunnelXIframe } from "./connect-tunnel-x-BhVAej5Q.mjs";
-import { r as createCheckoutIFrame } from "./utils-h0dxplHy.mjs";
+import { r as createCheckoutIFrame } from "./utils-Dgyk7RkM.mjs";
+import posthog from "posthog-js";
 
 //#region package.json
-var version = "0.3.0";
+var version = "0.4.1";
+
+//#endregion
+//#region src/analytics/mock-adapter.ts
+/**
+* Mock analytics adapter for testing.
+*
+* Records all captured events for assertion in tests.
+*/
+var MockAnalyticsAdapter = class {
+	events = [];
+	distinctId = null;
+	identify(distinctId) {
+		this.distinctId = distinctId;
+	}
+	capture(event, properties) {
+		this.events.push({
+			event,
+			distinct_id: this.distinctId,
+			properties,
+			timestamp: Date.now()
+		});
+	}
+	isInitialized() {
+		return true;
+	}
+	/**
+	* Get all captured events.
+	*/
+	getEvents() {
+		return [...this.events];
+	}
+	/**
+	* Get events by name.
+	*/
+	getEventsByName(eventName) {
+		return this.events.filter((e) => e.event === eventName);
+	}
+	/**
+	* Clear all captured events.
+	*/
+	clear() {
+		this.events = [];
+	}
+};
+
+//#endregion
+//#region src/analytics/posthog-adapter.ts
+const POSTHOG_API_KEY = "phc_u9YDYUeUxo3CYn16XGrrwpVb8ycXgcjz5DarvIKRAAG";
+/**
+* PostHog implementation of the analytics adapter.
+*
+* Singleton stored in window to ensure only one instance exists across
+* all script loads. Configures PostHog to use the reverse proxy at
+* /ingest to avoid ad blockers.
+*/
+var PostHogAdapter = class PostHogAdapter {
+	initialized = false;
+	/**
+	* Get or create the PostHog adapter singleton (stored in window).
+	*
+	* @param apiBaseUrl - The API base URL for the reverse proxy
+	* @throws Error if called with a different apiBaseUrl than the first call
+	*/
+	static getInstance(apiBaseUrl) {
+		if (typeof window === "undefined") throw new Error("[PaymentKit Analytics] PostHog requires a browser environment");
+		const existing = window.__paymentKitPostHog__;
+		if (existing) {
+			if (existing.apiBaseUrl !== apiBaseUrl) throw new Error(`[PaymentKit Analytics] PostHog already initialized with apiBaseUrl "${existing.apiBaseUrl}", cannot re-initialize with different apiBaseUrl "${apiBaseUrl}"`);
+			return existing.instance;
+		}
+		const instance = new PostHogAdapter(apiBaseUrl);
+		window.__paymentKitPostHog__ = {
+			instance,
+			apiBaseUrl
+		};
+		return instance;
+	}
+	constructor(apiBaseUrl) {
+		this.initPostHog(apiBaseUrl);
+	}
+	initPostHog(apiBaseUrl) {
+		try {
+			posthog.init(POSTHOG_API_KEY, {
+				api_host: `${apiBaseUrl}/ingest`,
+				ui_host: "https://us.posthog.com",
+				persistence: "memory",
+				disable_session_recording: true,
+				autocapture: false,
+				capture_pageview: false,
+				request_batching: false,
+				opt_out_useragent_filter: true,
+				loaded: () => {
+					this.initialized = true;
+				}
+			});
+		} catch (e) {
+			console.warn("[PaymentKit Analytics] Failed to initialize PostHog:", e);
+		}
+	}
+	identify(distinctId) {
+		try {
+			posthog.identify(distinctId);
+		} catch (e) {
+			console.warn("[PaymentKit Analytics] Failed to identify:", e);
+		}
+	}
+	capture(event, properties) {
+		try {
+			posthog.capture(event, properties);
+		} catch (e) {
+			console.warn("[PaymentKit Analytics] Failed to capture event:", e);
+		}
+	}
+	isInitialized() {
+		return this.initialized;
+	}
+};
+
+//#endregion
+//#region src/analytics/service.ts
+/**
+* Analytics service singleton.
+*
+* Provides a global interface for capturing analytics events.
+* Supports multiple adapters that receive all events (composite pattern).
+*
+* Usage:
+*   // Initialize (typically done once at SDK init)
+*   AnalyticsService.init("http://localhost:9000");
+*
+*   // Capture events - broadcasts to all registered adapters
+*   AnalyticsService.capture("checkout_page_ready", { session_id: "..." });
+*
+*   // For testing - add a mock adapter
+*   import { MockAnalyticsAdapter } from "./mock-adapter";
+*   const mock = new MockAnalyticsAdapter();
+*   AnalyticsService.addAdapter(mock);
+*
+*   // Or use the built-in test mock (exposed globally as window.__paymentKitAnalytics__)
+*   AnalyticsService.enableTestMode();
+*   // Events can be read via window.__paymentKitAnalytics__.getEvents()
+*/
+var AnalyticsServiceClass = class {
+	adapters = [];
+	testMock = null;
+	/**
+	* Initialize the analytics service with PostHog.
+	*
+	* @param apiBaseUrl - The API base URL for the reverse proxy
+	* @param enableTestMode - Enable test mode for capturing events in tests
+	*/
+	init(apiBaseUrl, enableTestMode) {
+		try {
+			this.addAdapter(PostHogAdapter.getInstance(apiBaseUrl));
+			if (enableTestMode) this.enableTestMode();
+		} catch (e) {
+			console.warn("[PaymentKit Analytics] Init failed:", e);
+		}
+	}
+	/**
+	* Enable test mode by adding a mock adapter and exposing it globally.
+	* The mock adapter is accessible via window.__paymentKitAnalytics__
+	*/
+	enableTestMode() {
+		if (this.testMock) return;
+		this.testMock = new MockAnalyticsAdapter();
+		this.addAdapter(this.testMock);
+		if (typeof window !== "undefined") window.__paymentKitAnalytics__ = this.testMock;
+	}
+	/**
+	* Get the test mock adapter (if test mode is enabled).
+	*/
+	getTestMock() {
+		return this.testMock;
+	}
+	/**
+	* Add an analytics adapter.
+	* Events will be broadcast to all registered adapters.
+	* Duplicate adapters (same instance) are ignored.
+	*
+	* @param adapter - The adapter to add
+	*/
+	addAdapter(adapter) {
+		if (!this.adapters.includes(adapter)) this.adapters.push(adapter);
+	}
+	/**
+	* Clear all adapters.
+	*/
+	clearAdapters() {
+		this.adapters = [];
+		this.testMock = null;
+		if (typeof window !== "undefined") delete window.__paymentKitAnalytics__;
+	}
+	/**
+	* Set the distinct_id for all adapters.
+	* This is used to correlate frontend events with backend events.
+	* Should be called with the checkout session secure token.
+	*/
+	identify(distinctId) {
+		for (const adapter of this.adapters) try {
+			adapter.identify(distinctId);
+		} catch {}
+	}
+	/**
+	* Capture an analytics event.
+	* Broadcasts to all registered adapters. Silently fails on errors.
+	*/
+	capture(event, properties) {
+		for (const adapter of this.adapters) try {
+			adapter.capture(event, properties);
+		} catch {}
+	}
+	/**
+	* Check if any adapter is initialized.
+	*/
+	isInitialized() {
+		return this.adapters.some((adapter) => adapter.isInitialized());
+	}
+};
+/**
+* Global analytics service instance.
+*/
+const AnalyticsService = new AnalyticsServiceClass();
+
+//#endregion
+//#region src/analytics/checkout-timing.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 tracker = new CheckoutTimingTracker(secureToken);
+*   tracker.trackPageReady();
+*   // ... iframe loads ...
+*   tracker.trackInputReady();
+*   // ... user submits ...
+*   tracker.trackSubmit();
+*   // ... API response ...
+*   tracker.trackSuccess(attemptId);
+*/
+var CheckoutTimingTracker = class CheckoutTimingTracker {
+	static pageReadyTracked = false;
+	startTime;
+	checkoutSessionId;
+	inputReadyTracked = false;
+	constructor(checkoutSessionId) {
+		this.startTime = performance.now();
+		this.checkoutSessionId = checkoutSessionId;
+	}
+	/**
+	* Track when SDK is initialized and ready.
+	* Call immediately after PaymentKit() initialization.
+	* Only tracks once per page load (subsequent calls are no-ops).
+	*/
+	trackPageReady() {
+		if (CheckoutTimingTracker.pageReadyTracked) return;
+		CheckoutTimingTracker.pageReadyTracked = true;
+		AnalyticsService.capture("checkout_page_ready", {
+			checkout_session_id: this.checkoutSessionId,
+			elapsed_ms: this.getElapsedMs()
+		});
+	}
+	/**
+	* 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() {
+		if (this.inputReadyTracked) return;
+		this.inputReadyTracked = true;
+		AnalyticsService.capture("checkout_input_ready", {
+			checkout_session_id: this.checkoutSessionId,
+			elapsed_ms: this.getElapsedMs()
+		});
+	}
+	/**
+	* Track when user clicks submit button.
+	*/
+	trackSubmit() {
+		AnalyticsService.capture("checkout_submit", {
+			checkout_session_id: this.checkoutSessionId,
+			elapsed_ms: this.getElapsedMs()
+		});
+	}
+	/**
+	* Track successful checkout.
+	*
+	* @param checkoutAttemptId - The checkout attempt ID
+	*/
+	trackSuccess(checkoutAttemptId) {
+		AnalyticsService.capture("checkout_success", {
+			checkout_session_id: this.checkoutSessionId,
+			checkout_attempt_id: checkoutAttemptId,
+			total_elapsed_ms: this.getElapsedMs()
+		});
+	}
+	/**
+	* 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, errorCode, errorMessage) {
+		AnalyticsService.capture("checkout_fail", {
+			checkout_session_id: this.checkoutSessionId,
+			checkout_attempt_id: checkoutAttemptId,
+			error_code: errorCode,
+			error_message: errorMessage,
+			total_elapsed_ms: this.getElapsedMs()
+		});
+	}
+	/**
+	* Get elapsed time in milliseconds since tracker creation.
+	*/
+	getElapsedMs() {
+		return Math.round(performance.now() - this.startTime);
+	}
+};
 
 //#endregion
 //#region src/types.ts
@@ -12,6 +334,10 @@ const ENVIRONMENT_URLS = {
 		baseUrl: "http://localhost:9101",
 		apiBaseUrl: "http://localhost:9000"
 	},
+	loclx: {
+		baseUrl: "https://pkmateuscportal.loclx.io",
+		apiBaseUrl: "https://pkmateusapi.loclx.io"
+	},
 	sandbox: {
 		baseUrl: "https://staging.paymentkit.com/customer",
 		apiBaseUrl: "https://staging.paymentkit.com"
@@ -23,7 +349,7 @@ const ENVIRONMENT_URLS = {
 };
 function getUrlsForEnvironment(environment) {
 	const urls = ENVIRONMENT_URLS[environment];
-	if (!urls) throw new Error(`Invalid environment: ${environment}. Must be one of: local, sandbox, production`);
+	if (!urls) throw new Error(`Invalid environment: ${environment}. Must be one of: local, loclx, sandbox, production`);
 	return urls;
 }
 
@@ -45,15 +371,21 @@ const createTunnelXConnection = (baseUrl, apiBaseUrl, token) => {
 		connection
 	};
 };
-const PaymentKit = ({ environment, secureToken, paymentMethods }) => {
+const PaymentKit = ({ environment, secureToken, paymentMethods, __enableAnalyticsTestMode }) => {
 	const { baseUrl, apiBaseUrl } = getUrlsForEnvironment(environment);
 	console.log(`[PaymentKit] v${version} initialized (env: ${environment})`);
+	AnalyticsService.init(apiBaseUrl, __enableAnalyticsTestMode);
+	AnalyticsService.identify(secureToken);
+	const timingTracker = new CheckoutTimingTracker(secureToken);
+	timingTracker.trackPageReady();
 	const { connection: tunnelXConnection, unmount: unmountTunnelX } = createTunnelXConnection(baseUrl, apiBaseUrl, secureToken);
 	const paymentKitStates = {
 		baseUrl,
 		apiBaseUrl,
 		secureToken,
-		tunnelXConnection
+		environment,
+		tunnelXConnection,
+		timingTracker
 	};
 	const pmInstances = paymentMethods.map((paymentMethod) => paymentMethod(paymentKitStates));
 	const externalFuncsMapByPm = pmInstances.reduce((acc, { name, externalFuncs }) => {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ENVIRONMENT_URLS: Record<PaymentKitEnvironment, EnvironmentUrls>","PaymentKit: PaymentKitType","PACKAGE_VERSION","externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods>","submit: PaymentKitReturnType[\"submit\"]"],"sources":["../package.json","../src/types.ts","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@payment-kit-js/vanilla\",\n  \"version\": \"0.3.0\",\n  \"main\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.mts\",\n  \"module\": \"./dist/index.mjs\",\n  \"exports\": {\n    \".\": \"./dist/index.mjs\",\n    \"./payment-methods/card\": \"./dist/payment-methods/card.mjs\",\n    \"./payment-methods/google-pay\": \"./dist/payment-methods/google-pay.mjs\",\n    \"./payment-methods/next-action-handlers\": \"./dist/payment-methods/next-action-handlers.mjs\",\n    \"./payment-methods/paypal\": \"./dist/payment-methods/paypal.mjs\",\n    \"./payment-methods/stripe-google-pay-adapter\": \"./dist/payment-methods/stripe-google-pay-adapter.mjs\",\n    \"./penpal/connect-card\": \"./dist/penpal/connect-card.mjs\",\n    \"./penpal/connect-tunnel-x\": \"./dist/penpal/connect-tunnel-x.mjs\",\n    \"./package.json\": \"./package.json\"\n  },\n  \"license\": \"MIT\",\n  \"description\": \"Vanilla package for PaymentKit\",\n  \"files\": [\n    \"dist\",\n    \"dist/cdn\"\n  ],\n  \"scripts\": {\n    \"dev\": \"yarn tsdown --watch ./src\",\n    \"build:npm\": \"yarn tsdown\",\n    \"build:cdn\": \"node build-cdn.mjs\",\n    \"build\": \"yarn build:npm && yarn build:cdn\"\n  },\n  \"packageManager\": \"yarn@4.10.3\",\n  \"dependencies\": {\n    \"penpal\": \"^7.0.4\",\n    \"valibot\": \"^1.1.0\"\n  },\n  \"devDependencies\": {\n    \"@pkg/sdk\": \"workspace:*\",\n    \"@pkg/tsconfig\": \"workspace:*\",\n    \"@stripe/stripe-js\": \"^5.5.0\",\n    \"esbuild\": \"^0.24.2\",\n    \"tsdown\": \"^0.15.10\",\n    \"typescript\": \"^5.9.3\"\n  },\n  \"stableVersion\": \"0.3.0\"\n}\n","import type { CardErrorCode } from \"./penpal/connect-card\";\nimport type { TunnelXIFrameConnection } from \"./penpal/connect-tunnel-x\";\n\nexport type PaymentKitEnvironment = \"local\" | \"sandbox\" | \"production\";\n\ntype EnvironmentUrls = {\n  baseUrl: string;\n  apiBaseUrl: string;\n};\n\n// TODO: Cleanup this after launch to only use SDK instead of plain fetch.\nconst ENVIRONMENT_URLS: Record<PaymentKitEnvironment, EnvironmentUrls> = {\n  local: {\n    baseUrl: \"http://localhost:9101\",\n    apiBaseUrl: \"http://localhost:9000\",\n  },\n  sandbox: {\n    baseUrl: \"https://staging.paymentkit.com/customer\",\n    apiBaseUrl: \"https://staging.paymentkit.com\",\n  },\n  production: {\n    baseUrl: \"https://paymentkit.com/customer\",\n    apiBaseUrl: \"https://paymentkit.com\",\n  },\n};\n\nexport function getUrlsForEnvironment(environment: string): EnvironmentUrls {\n  const env = environment as PaymentKitEnvironment;\n  const urls = ENVIRONMENT_URLS[env];\n  if (!urls) {\n    throw new Error(`Invalid environment: ${environment}. Must be one of: local, sandbox, production`);\n  }\n  return urls;\n}\n\ntype FormFieldNames = \"customer_name\" | \"customer_email\" | \"customer_country\" | \"customer_zip_code\";\n\nexport type FormErrorCodes = \"required\" | \"invalid\";\n\nexport type TInternalFuncs = {\n  submitPayment: (\n    fields: PaymentKitFields,\n    options?: unknown,\n  ) => Promise<{ data: { [key: string]: unknown }; errors?: never } | { data?: never; errors: PaymentKitErrors }>;\n  cleanup?: () => void;\n};\n\nexport type PaymentKit = <T extends readonly PaymentMethod<unknown>[]>(options: {\n  environment: string;\n  secureToken: string;\n  paymentMethods: T;\n}) => ExternalFuncsMapByPm<T> & {\n  submit: PaymentKitSubmitHandler<T>;\n  cleanup: () => void;\n};\n\ntype PaymentKitSubmitHandler<T extends readonly PaymentMethod<unknown>[]> = <\n  N extends keyof ExternalFuncsMapByPm<T>,\n>(options: {\n  fields: PaymentKitFields;\n  paymentMethod: N;\n  options?: unknown;\n  onError: (error: PaymentKitErrors) => void;\n  onSuccess: (data: { [key: string]: unknown }) => void;\n}) => void;\n\nexport type PaymentKitStates = {\n  baseUrl: string;\n  apiBaseUrl: string;\n  secureToken: string;\n  tunnelXConnection: TunnelXIFrameConnection;\n};\n\nexport type PaymentKitErrors = {\n  root?: string;\n  card_pan?: CardErrorCode;\n  card_exp?: CardErrorCode;\n  card_cvc?: CardErrorCode;\n  paypal?: string;\n  google_pay?: string;\n  processor_id?: string;\n  amount?: string;\n  currency?: string;\n  country?: string;\n} & { [key in FormFieldNames]?: FormErrorCodes | string };\n\nexport type PaymentKitFields = { [key in FormFieldNames]: string };\n\nexport type PaymentMethod<TExternalFuncs = unknown, TName = string> = (paymentKitStates: PaymentKitStates) => {\n  name: TName;\n  externalFuncs: TExternalFuncs;\n  internalFuncs: TInternalFuncs;\n};\n\nexport type ExternalFuncsMapByPm<T extends readonly PaymentMethod<unknown>[]> = {\n  [K in T[number] as ReturnType<K>[\"name\"]]: ReturnType<K>[\"externalFuncs\"];\n};\n","import { version as PACKAGE_VERSION } from \"../package.json\";\nimport { connectToTunnelXIframe } from \"./penpal/connect-tunnel-x\";\nimport type { ExternalFuncsMapByPm, PaymentKitFields, PaymentKit as PaymentKitType } from \"./types\";\nimport { getUrlsForEnvironment } from \"./types\";\nimport { createCheckoutIFrame } from \"./utils\";\n\ntype PaymentKitReturnType = ReturnType<PaymentKitType>;\n\nconst createTunnelXConnection = (baseUrl: string, apiBaseUrl: string, token: string) => {\n  const iframe = createCheckoutIFrame(\"tunnel-x\", baseUrl, {\n    checkout_token: token,\n    api_base_url: apiBaseUrl,\n  });\n  document.body.appendChild(iframe);\n\n  const connection = connectToTunnelXIframe(iframe, {});\n\n  const unmount = () => {\n    connection.destroy();\n    document.body.removeChild(iframe);\n  };\n\n  return { unmount, connection };\n};\n\nconst PaymentKit: PaymentKitType = ({ environment, secureToken, paymentMethods }) => {\n  type PaymentMethods = typeof paymentMethods;\n\n  // Resolve URLs from environment\n  const { baseUrl, apiBaseUrl } = getUrlsForEnvironment(environment);\n\n  // Log version for debugging\n  console.log(`[PaymentKit] v${PACKAGE_VERSION} initialized (env: ${environment})`);\n\n  const { connection: tunnelXConnection, unmount: unmountTunnelX } = createTunnelXConnection(\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n  );\n\n  const paymentKitStates = {\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n    tunnelXConnection,\n  };\n\n  const pmInstances = paymentMethods.map((paymentMethod) => paymentMethod(paymentKitStates));\n\n  const externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods> = pmInstances.reduce(\n    (acc, { name, externalFuncs }) => {\n      // @ts-expect-error - typecase this better in future\n      acc[name] = externalFuncs;\n      return acc;\n    },\n    {} as ExternalFuncsMapByPm<PaymentMethods>,\n  );\n\n  const submit: PaymentKitReturnType[\"submit\"] = ({\n    paymentMethod: paymentMethodName,\n    fields,\n    options,\n    onSuccess,\n    onError,\n  }) => {\n    const paymentMethod = pmInstances.find(({ name }) => name === paymentMethodName);\n    if (!paymentMethod) {\n      onError({ root: \"payment_method_not_found\" });\n      return;\n    }\n    paymentMethod.internalFuncs\n      .submitPayment(fields, options)\n      .then(({ data, errors }) => {\n        errors ? onError(errors) : onSuccess(data);\n      })\n      .catch((e) => {\n        console.error(\"PaymentKit:submit:catch\", e);\n\n        // Try to extract error message from response\n        if (e?.response?.data) {\n          onError(e.response.data);\n        } else if (e?.message) {\n          onError({ root: e.message });\n        } else {\n          onError({ root: \"unknown_error\" });\n        }\n      });\n  };\n\n  const cleanup = () => {\n    // Clean up all payment method instances\n    for (const pm of pmInstances) {\n      if (pm.internalFuncs.cleanup) {\n        pm.internalFuncs.cleanup();\n      }\n    }\n    unmountTunnelX();\n  };\n\n  return {\n    submit,\n    cleanup,\n    ...externalFuncsMapByPm,\n  };\n};\n\nexport type { PaymentKitFields };\n\nexport default PaymentKit;\n"],"mappings":";;;;;cAEa;;;;ACSb,MAAMA,mBAAmE;CACvE,OAAO;EACL,SAAS;EACT,YAAY;EACb;CACD,SAAS;EACP,SAAS;EACT,YAAY;EACb;CACD,YAAY;EACV,SAAS;EACT,YAAY;EACb;CACF;AAED,SAAgB,sBAAsB,aAAsC;CAE1E,MAAM,OAAO,iBADD;AAEZ,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,wBAAwB,YAAY,8CAA8C;AAEpG,QAAO;;;;;ACxBT,MAAM,2BAA2B,SAAiB,YAAoB,UAAkB;CACtF,MAAM,SAAS,qBAAqB,YAAY,SAAS;EACvD,gBAAgB;EAChB,cAAc;EACf,CAAC;AACF,UAAS,KAAK,YAAY,OAAO;CAEjC,MAAM,aAAa,uBAAuB,QAAQ,EAAE,CAAC;CAErD,MAAM,gBAAgB;AACpB,aAAW,SAAS;AACpB,WAAS,KAAK,YAAY,OAAO;;AAGnC,QAAO;EAAE;EAAS;EAAY;;AAGhC,MAAMC,cAA8B,EAAE,aAAa,aAAa,qBAAqB;CAInF,MAAM,EAAE,SAAS,eAAe,sBAAsB,YAAY;AAGlE,SAAQ,IAAI,iBAAiBC,QAAgB,qBAAqB,YAAY,GAAG;CAEjF,MAAM,EAAE,YAAY,mBAAmB,SAAS,mBAAmB,wBACjE,SACA,YACA,YACD;CAED,MAAM,mBAAmB;EACvB;EACA;EACA;EACA;EACD;CAED,MAAM,cAAc,eAAe,KAAK,kBAAkB,cAAc,iBAAiB,CAAC;CAE1F,MAAMC,uBAA6D,YAAY,QAC5E,KAAK,EAAE,MAAM,oBAAoB;AAEhC,MAAI,QAAQ;AACZ,SAAO;IAET,EAAE,CACH;CAED,MAAMC,UAA0C,EAC9C,eAAe,mBACf,QACA,SACA,WACA,cACI;EACJ,MAAM,gBAAgB,YAAY,MAAM,EAAE,WAAW,SAAS,kBAAkB;AAChF,MAAI,CAAC,eAAe;AAClB,WAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC7C;;AAEF,gBAAc,cACX,cAAc,QAAQ,QAAQ,CAC9B,MAAM,EAAE,MAAM,aAAa;AAC1B,YAAS,QAAQ,OAAO,GAAG,UAAU,KAAK;IAC1C,CACD,OAAO,MAAM;AACZ,WAAQ,MAAM,2BAA2B,EAAE;AAG3C,OAAI,GAAG,UAAU,KACf,SAAQ,EAAE,SAAS,KAAK;YACf,GAAG,QACZ,SAAQ,EAAE,MAAM,EAAE,SAAS,CAAC;OAE5B,SAAQ,EAAE,MAAM,iBAAiB,CAAC;IAEpC;;CAGN,MAAM,gBAAgB;AAEpB,OAAK,MAAM,MAAM,YACf,KAAI,GAAG,cAAc,QACnB,IAAG,cAAc,SAAS;AAG9B,kBAAgB;;AAGlB,QAAO;EACL;EACA;EACA,GAAG;EACJ;;AAKH,kBAAe"}
+{"version":3,"file":"index.mjs","names":["ENVIRONMENT_URLS: Record<PaymentKitEnvironment, EnvironmentUrls>","PaymentKit: PaymentKitType","PACKAGE_VERSION","externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods>","submit: PaymentKitReturnType[\"submit\"]"],"sources":["../package.json","../src/analytics/mock-adapter.ts","../src/analytics/posthog-adapter.ts","../src/analytics/service.ts","../src/analytics/checkout-timing.ts","../src/types.ts","../src/index.ts"],"sourcesContent":["{\n  \"name\": \"@payment-kit-js/vanilla\",\n  \"version\": \"0.4.1\",\n  \"main\": \"./dist/index.mjs\",\n  \"types\": \"./dist/index.d.mts\",\n  \"module\": \"./dist/index.mjs\",\n  \"exports\": {\n    \".\": \"./dist/index.mjs\",\n    \"./payment-methods/apple-pay\": \"./dist/payment-methods/apple-pay.mjs\",\n    \"./payment-methods/card\": \"./dist/payment-methods/card.mjs\",\n    \"./payment-methods/google-pay\": \"./dist/payment-methods/google-pay.mjs\",\n    \"./payment-methods/next-action-handlers\": \"./dist/payment-methods/next-action-handlers.mjs\",\n    \"./payment-methods/paypal\": \"./dist/payment-methods/paypal.mjs\",\n    \"./payment-methods/stripe-apple-pay-adapter\": \"./dist/payment-methods/stripe-apple-pay-adapter.mjs\",\n    \"./payment-methods/stripe-google-pay-adapter\": \"./dist/payment-methods/stripe-google-pay-adapter.mjs\",\n    \"./penpal/connect-card\": \"./dist/penpal/connect-card.mjs\",\n    \"./penpal/connect-tunnel-x\": \"./dist/penpal/connect-tunnel-x.mjs\",\n    \"./package.json\": \"./package.json\"\n  },\n  \"license\": \"MIT\",\n  \"description\": \"Vanilla package for PaymentKit\",\n  \"files\": [\n    \"dist\",\n    \"dist/cdn\"\n  ],\n  \"scripts\": {\n    \"dev\": \"yarn tsdown --watch ./src\",\n    \"build:npm\": \"yarn tsdown\",\n    \"build:cdn\": \"node build-cdn.mjs\",\n    \"build\": \"yarn build:npm && yarn build:cdn\"\n  },\n  \"packageManager\": \"yarn@4.10.3\",\n  \"dependencies\": {\n    \"nanoid\": \"^5.0.7\",\n    \"penpal\": \"^7.0.4\",\n    \"posthog-js\": \"^1.196.0\",\n    \"valibot\": \"^1.1.0\"\n  },\n  \"devDependencies\": {\n    \"@pkg/sdk\": \"workspace:*\",\n    \"@pkg/tsconfig\": \"workspace:*\",\n    \"@stripe/stripe-js\": \"^8.6.1\",\n    \"@types/applepayjs\": \"^14.0.9\",\n    \"esbuild\": \"^0.24.2\",\n    \"tsdown\": \"^0.15.10\",\n    \"typescript\": \"^5.9.3\"\n  },\n  \"stableVersion\": \"0.4.1\"\n}\n","import type { AnalyticsAdapter, CapturedEvent } from \"./types\";\n\n/**\n * Mock analytics adapter for testing.\n *\n * Records all captured events for assertion in tests.\n */\nexport class MockAnalyticsAdapter implements AnalyticsAdapter {\n  private events: CapturedEvent[] = [];\n  private distinctId: string | null = null;\n\n  identify(distinctId: string): void {\n    this.distinctId = distinctId;\n  }\n\n  capture(event: string, properties?: Record<string, unknown>): void {\n    this.events.push({\n      event,\n      distinct_id: this.distinctId,\n      properties,\n      timestamp: Date.now(),\n    });\n  }\n\n  isInitialized(): boolean {\n    return true;\n  }\n\n  // Test helper methods\n\n  /**\n   * Get all captured events.\n   */\n  getEvents(): CapturedEvent[] {\n    return [...this.events];\n  }\n\n  /**\n   * Get events by name.\n   */\n  getEventsByName(eventName: string): CapturedEvent[] {\n    return this.events.filter((e) => e.event === eventName);\n  }\n\n  /**\n   * Clear all captured events.\n   */\n  clear(): void {\n    this.events = [];\n  }\n}\n","import posthog from \"posthog-js\";\nimport type { AnalyticsAdapter } from \"./types\";\n\n// PostHog API key (PaymentKit internal)\nconst POSTHOG_API_KEY = \"phc_u9YDYUeUxo3CYn16XGrrwpVb8ycXgcjz5DarvIKRAAG\";\n\n/**\n * PostHog implementation of the analytics adapter.\n *\n * Singleton stored in window to ensure only one instance exists across\n * all script loads. Configures PostHog to use the reverse proxy at\n * /ingest to avoid ad blockers.\n */\nexport class PostHogAdapter implements AnalyticsAdapter {\n  private initialized = false;\n\n  /**\n   * Get or create the PostHog adapter singleton (stored in window).\n   *\n   * @param apiBaseUrl - The API base URL for the reverse proxy\n   * @throws Error if called with a different apiBaseUrl than the first call\n   */\n  static getInstance(apiBaseUrl: string): PostHogAdapter {\n    if (typeof window === \"undefined\") {\n      throw new Error(\"[PaymentKit Analytics] PostHog requires a browser environment\");\n    }\n\n    const existing = window.__paymentKitPostHog__;\n    if (existing) {\n      if (existing.apiBaseUrl !== apiBaseUrl) {\n        throw new Error(\n          `[PaymentKit Analytics] PostHog already initialized with apiBaseUrl \"${existing.apiBaseUrl}\", ` +\n            `cannot re-initialize with different apiBaseUrl \"${apiBaseUrl}\"`,\n        );\n      }\n      return existing.instance;\n    }\n\n    const instance = new PostHogAdapter(apiBaseUrl);\n    window.__paymentKitPostHog__ = { instance, apiBaseUrl };\n    return instance;\n  }\n\n  private constructor(apiBaseUrl: string) {\n    this.initPostHog(apiBaseUrl);\n  }\n\n  private initPostHog(apiBaseUrl: string): void {\n    try {\n      posthog.init(POSTHOG_API_KEY, {\n        // Use reverse proxy to avoid ad blockers\n        api_host: `${apiBaseUrl}/ingest`,\n        // PostHog UI host (for toolbar, if ever needed)\n        ui_host: \"https://us.posthog.com\",\n        // Memory persistence - no cookies in embedded checkout iframe\n        persistence: \"memory\",\n        // Disable session recording - not needed for metrics\n        disable_session_recording: true,\n        // Manual events only - no autocapture\n        autocapture: false,\n        // Manual pageview control\n        capture_pageview: false,\n        // Disable batching - send events immediately to avoid data loss on page close\n        request_batching: false,\n        // Disable bot detection - allows events from automated tests and debugging environments\n        // PostHog detects Playwright/headless browsers as bots by default\n        opt_out_useragent_filter: true,\n        // Callback when PostHog is ready\n        loaded: () => {\n          this.initialized = true;\n        },\n      });\n    } catch (e) {\n      console.warn(\"[PaymentKit Analytics] Failed to initialize PostHog:\", e);\n    }\n  }\n\n  identify(distinctId: string): void {\n    try {\n      posthog.identify(distinctId);\n    } catch (e) {\n      // Silent fail - never break checkout\n      console.warn(\"[PaymentKit Analytics] Failed to identify:\", e);\n    }\n  }\n\n  capture(event: string, properties?: Record<string, unknown>): void {\n    try {\n      posthog.capture(event, properties);\n    } catch (e) {\n      // Silent fail - never break checkout\n      console.warn(\"[PaymentKit Analytics] Failed to capture event:\", e);\n    }\n  }\n\n  isInitialized(): boolean {\n    return this.initialized;\n  }\n}\n","import { MockAnalyticsAdapter } from \"./mock-adapter\";\nimport { PostHogAdapter } from \"./posthog-adapter\";\nimport type { AnalyticsAdapter } from \"./types\";\n\n/**\n * Analytics service singleton.\n *\n * Provides a global interface for capturing analytics events.\n * Supports multiple adapters that receive all events (composite pattern).\n *\n * Usage:\n *   // Initialize (typically done once at SDK init)\n *   AnalyticsService.init(\"http://localhost:9000\");\n *\n *   // Capture events - broadcasts to all registered adapters\n *   AnalyticsService.capture(\"checkout_page_ready\", { session_id: \"...\" });\n *\n *   // For testing - add a mock adapter\n *   import { MockAnalyticsAdapter } from \"./mock-adapter\";\n *   const mock = new MockAnalyticsAdapter();\n *   AnalyticsService.addAdapter(mock);\n *\n *   // Or use the built-in test mock (exposed globally as window.__paymentKitAnalytics__)\n *   AnalyticsService.enableTestMode();\n *   // Events can be read via window.__paymentKitAnalytics__.getEvents()\n */\nclass AnalyticsServiceClass {\n  private adapters: AnalyticsAdapter[] = [];\n  private testMock: MockAnalyticsAdapter | null = null;\n\n  /**\n   * Initialize the analytics service with PostHog.\n   *\n   * @param apiBaseUrl - The API base URL for the reverse proxy\n   * @param enableTestMode - Enable test mode for capturing events in tests\n   */\n  init(apiBaseUrl: string, enableTestMode?: boolean): void {\n    try {\n      // Add PostHog adapter (singleton - safe to call multiple times with same URL)\n      this.addAdapter(PostHogAdapter.getInstance(apiBaseUrl));\n\n      // Enable test mode if explicitly requested\n      if (enableTestMode) {\n        this.enableTestMode();\n      }\n    } catch (e) {\n      // Silent fail - analytics should never break checkout\n      console.warn(\"[PaymentKit Analytics] Init failed:\", e);\n    }\n  }\n\n  /**\n   * Enable test mode by adding a mock adapter and exposing it globally.\n   * The mock adapter is accessible via window.__paymentKitAnalytics__\n   */\n  enableTestMode(): void {\n    if (this.testMock) return; // Already enabled\n\n    this.testMock = new MockAnalyticsAdapter();\n    this.addAdapter(this.testMock);\n\n    // Expose globally for Playwright/test access\n    if (typeof window !== \"undefined\") {\n      window.__paymentKitAnalytics__ = this.testMock;\n    }\n  }\n\n  /**\n   * Get the test mock adapter (if test mode is enabled).\n   */\n  getTestMock(): MockAnalyticsAdapter | null {\n    return this.testMock;\n  }\n\n  /**\n   * Add an analytics adapter.\n   * Events will be broadcast to all registered adapters.\n   * Duplicate adapters (same instance) are ignored.\n   *\n   * @param adapter - The adapter to add\n   */\n  addAdapter(adapter: AnalyticsAdapter): void {\n    if (!this.adapters.includes(adapter)) {\n      this.adapters.push(adapter);\n    }\n  }\n\n  /**\n   * Clear all adapters.\n   */\n  clearAdapters(): void {\n    this.adapters = [];\n    this.testMock = null;\n    if (typeof window !== \"undefined\") {\n      delete window.__paymentKitAnalytics__;\n    }\n  }\n\n  /**\n   * Set the distinct_id for all adapters.\n   * This is used to correlate frontend events with backend events.\n   * Should be called with the checkout session secure token.\n   */\n  identify(distinctId: string): void {\n    for (const adapter of this.adapters) {\n      try {\n        adapter.identify(distinctId);\n      } catch {\n        // Silent fail - never break checkout\n      }\n    }\n  }\n\n  /**\n   * Capture an analytics event.\n   * Broadcasts to all registered adapters. Silently fails on errors.\n   */\n  capture(event: string, properties?: Record<string, unknown>): void {\n    for (const adapter of this.adapters) {\n      try {\n        adapter.capture(event, properties);\n      } catch {\n        // Silent fail - never break checkout\n      }\n    }\n  }\n\n  /**\n   * Check if any adapter is initialized.\n   */\n  isInitialized(): boolean {\n    return this.adapters.some((adapter) => adapter.isInitialized());\n  }\n}\n\n/**\n * Global analytics service instance.\n */\nexport const AnalyticsService = new AnalyticsServiceClass();\n","import { AnalyticsService } from \"./service\";\n\n/**\n * Tracks timing metrics throughout the checkout flow.\n *\n * Create one instance per checkout session and call the track methods\n * at appropriate points in the checkout flow.\n *\n * Usage:\n *   const tracker = new CheckoutTimingTracker(secureToken);\n *   tracker.trackPageReady();\n *   // ... iframe loads ...\n *   tracker.trackInputReady();\n *   // ... user submits ...\n *   tracker.trackSubmit();\n *   // ... API response ...\n *   tracker.trackSuccess(attemptId);\n */\nexport class CheckoutTimingTracker {\n  // Class-level guard to prevent duplicate page_ready events across PaymentKit instances\n  private static pageReadyTracked = false;\n\n  private startTime: number;\n  private checkoutSessionId: string;\n  private inputReadyTracked = false;\n\n  constructor(checkoutSessionId: string) {\n    this.startTime = performance.now();\n    this.checkoutSessionId = checkoutSessionId;\n  }\n\n  /**\n   * Track when SDK is initialized and ready.\n   * Call immediately after PaymentKit() initialization.\n   * Only tracks once per page load (subsequent calls are no-ops).\n   */\n  trackPageReady(): void {\n    if (CheckoutTimingTracker.pageReadyTracked) return;\n    CheckoutTimingTracker.pageReadyTracked = true;\n\n    AnalyticsService.capture(\"checkout_page_ready\", {\n      checkout_session_id: this.checkoutSessionId,\n      elapsed_ms: this.getElapsedMs(),\n    });\n  }\n\n  /**\n   * Track when card input iframe is loaded and ready for input.\n   * Should only be called once (for first iframe, typically card_pan).\n   * Subsequent calls are no-ops.\n   */\n  trackInputReady(): void {\n    if (this.inputReadyTracked) return;\n    this.inputReadyTracked = true;\n\n    AnalyticsService.capture(\"checkout_input_ready\", {\n      checkout_session_id: this.checkoutSessionId,\n      elapsed_ms: this.getElapsedMs(),\n    });\n  }\n\n  /**\n   * Track when user clicks submit button.\n   */\n  trackSubmit(): void {\n    AnalyticsService.capture(\"checkout_submit\", {\n      checkout_session_id: this.checkoutSessionId,\n      elapsed_ms: this.getElapsedMs(),\n    });\n  }\n\n  /**\n   * Track successful checkout.\n   *\n   * @param checkoutAttemptId - The checkout attempt ID\n   */\n  trackSuccess(checkoutAttemptId: string): void {\n    AnalyticsService.capture(\"checkout_success\", {\n      checkout_session_id: this.checkoutSessionId,\n      checkout_attempt_id: checkoutAttemptId,\n      total_elapsed_ms: this.getElapsedMs(),\n    });\n  }\n\n  /**\n   * Track failed checkout.\n   *\n   * @param checkoutAttemptId - The checkout attempt ID (may be null if failed early)\n   * @param errorCode - The error code from the checkout response\n   * @param errorMessage - The customer-facing error message\n   */\n  trackFail(checkoutAttemptId: string | null, errorCode: string | null, errorMessage: string | null): void {\n    AnalyticsService.capture(\"checkout_fail\", {\n      checkout_session_id: this.checkoutSessionId,\n      checkout_attempt_id: checkoutAttemptId,\n      error_code: errorCode,\n      error_message: errorMessage,\n      total_elapsed_ms: this.getElapsedMs(),\n    });\n  }\n\n  /**\n   * Get elapsed time in milliseconds since tracker creation.\n   */\n  private getElapsedMs(): number {\n    return Math.round(performance.now() - this.startTime);\n  }\n}\n","import type { CheckoutTimingTracker } from \"./analytics\";\nimport type { CardErrorCode } from \"./penpal/connect-card\";\nimport type { TunnelXIFrameConnection } from \"./penpal/connect-tunnel-x\";\n\nexport type PaymentKitEnvironment = \"local\" | \"loclx\" | \"sandbox\" | \"production\";\n\ntype EnvironmentUrls = {\n  baseUrl: string;\n  apiBaseUrl: string;\n};\n\n// TODO: Cleanup this after launch to only use SDK instead of plain fetch.\nconst ENVIRONMENT_URLS: Record<PaymentKitEnvironment, EnvironmentUrls> = {\n  local: {\n    baseUrl: \"http://localhost:9101\",\n    apiBaseUrl: \"http://localhost:9000\",\n  },\n  loclx: {\n    baseUrl: \"https://pkmateuscportal.loclx.io\",\n    apiBaseUrl: \"https://pkmateusapi.loclx.io\",\n  },\n  sandbox: {\n    baseUrl: \"https://staging.paymentkit.com/customer\",\n    apiBaseUrl: \"https://staging.paymentkit.com\",\n  },\n  production: {\n    baseUrl: \"https://paymentkit.com/customer\",\n    apiBaseUrl: \"https://paymentkit.com\",\n  },\n};\n\nexport function getUrlsForEnvironment(environment: string): EnvironmentUrls {\n  const env = environment as PaymentKitEnvironment;\n  const urls = ENVIRONMENT_URLS[env];\n  if (!urls) {\n    throw new Error(`Invalid environment: ${environment}. Must be one of: local, loclx, sandbox, production`);\n  }\n  return urls;\n}\n\ntype FormFieldNames = \"customer_name\" | \"customer_email\" | \"customer_country\" | \"customer_zip_code\";\n\nexport type FormErrorCodes = \"required\" | \"invalid\";\n\nexport type TInternalFuncs = {\n  submitPayment: (\n    fields: PaymentKitFields,\n    options?: unknown,\n  ) => Promise<{ data: { [key: string]: unknown }; errors?: never } | { data?: never; errors: PaymentKitErrors }>;\n  cleanup?: () => void;\n};\n\nexport type PaymentKit = <T extends readonly PaymentMethod<unknown>[]>(options: {\n  environment: string;\n  secureToken: string;\n  paymentMethods: T;\n  /** @internal Enable analytics test mode for e2e testing */\n  __enableAnalyticsTestMode?: boolean;\n}) => ExternalFuncsMapByPm<T> & {\n  submit: PaymentKitSubmitHandler<T>;\n  cleanup: () => void;\n};\n\ntype PaymentKitSubmitHandler<T extends readonly PaymentMethod<unknown>[]> = <\n  N extends keyof ExternalFuncsMapByPm<T>,\n>(options: {\n  fields: PaymentKitFields;\n  paymentMethod: N;\n  options?: unknown;\n  onError: (error: PaymentKitErrors) => void;\n  onSuccess: (data: { [key: string]: unknown }) => void;\n}) => void;\n\nexport type PaymentKitStates = {\n  baseUrl: string;\n  apiBaseUrl: string;\n  secureToken: string;\n  environment: string;\n  tunnelXConnection: TunnelXIFrameConnection;\n  timingTracker: CheckoutTimingTracker;\n};\n\nexport type PaymentKitErrors = {\n  root?: string;\n  card_pan?: CardErrorCode;\n  card_exp?: CardErrorCode;\n  card_cvc?: CardErrorCode;\n  paypal?: string;\n  google_pay?: string;\n  apple_pay?: string;\n  processor_id?: string;\n  amount?: string;\n  currency?: string;\n  country?: string;\n} & { [key in FormFieldNames]?: FormErrorCodes | string };\n\nexport type PaymentKitFields = { [key in FormFieldNames]: string };\n\nexport type PaymentMethod<TExternalFuncs = unknown, TName = string> = (paymentKitStates: PaymentKitStates) => {\n  name: TName;\n  externalFuncs: TExternalFuncs;\n  internalFuncs: TInternalFuncs;\n};\n\nexport type ExternalFuncsMapByPm<T extends readonly PaymentMethod<unknown>[]> = {\n  [K in T[number] as ReturnType<K>[\"name\"]]: ReturnType<K>[\"externalFuncs\"];\n};\n","import { version as PACKAGE_VERSION } from \"../package.json\";\nimport { AnalyticsService, CheckoutTimingTracker } from \"./analytics\";\nimport { connectToTunnelXIframe } from \"./penpal/connect-tunnel-x\";\nimport type { ExternalFuncsMapByPm, PaymentKitFields, PaymentKit as PaymentKitType } from \"./types\";\nimport { getUrlsForEnvironment } from \"./types\";\nimport { createCheckoutIFrame } from \"./utils\";\n\ntype PaymentKitReturnType = ReturnType<PaymentKitType>;\n\nconst createTunnelXConnection = (baseUrl: string, apiBaseUrl: string, token: string) => {\n  const iframe = createCheckoutIFrame(\"tunnel-x\", baseUrl, {\n    checkout_token: token,\n    api_base_url: apiBaseUrl,\n  });\n  document.body.appendChild(iframe);\n\n  const connection = connectToTunnelXIframe(iframe, {});\n\n  const unmount = () => {\n    connection.destroy();\n    document.body.removeChild(iframe);\n  };\n\n  return { unmount, connection };\n};\n\nconst PaymentKit: PaymentKitType = ({ environment, secureToken, paymentMethods, __enableAnalyticsTestMode }) => {\n  type PaymentMethods = typeof paymentMethods;\n\n  // Resolve URLs from environment\n  const { baseUrl, apiBaseUrl } = getUrlsForEnvironment(environment);\n\n  // Log version for debugging\n  console.log(`[PaymentKit] v${PACKAGE_VERSION} initialized (env: ${environment})`);\n\n  // Initialize analytics and identify with secure token for correlation\n  AnalyticsService.init(apiBaseUrl, __enableAnalyticsTestMode);\n  AnalyticsService.identify(secureToken);\n\n  // Create timing tracker for this checkout session\n  const timingTracker = new CheckoutTimingTracker(secureToken);\n\n  // Track page ready immediately\n  timingTracker.trackPageReady();\n\n  const { connection: tunnelXConnection, unmount: unmountTunnelX } = createTunnelXConnection(\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n  );\n\n  const paymentKitStates = {\n    baseUrl,\n    apiBaseUrl,\n    secureToken,\n    environment,\n    tunnelXConnection,\n    timingTracker,\n  };\n\n  const pmInstances = paymentMethods.map((paymentMethod) => paymentMethod(paymentKitStates));\n\n  const externalFuncsMapByPm: ExternalFuncsMapByPm<PaymentMethods> = pmInstances.reduce(\n    (acc, { name, externalFuncs }) => {\n      // @ts-expect-error - typecase this better in future\n      acc[name] = externalFuncs;\n      return acc;\n    },\n    {} as ExternalFuncsMapByPm<PaymentMethods>,\n  );\n\n  const submit: PaymentKitReturnType[\"submit\"] = ({\n    paymentMethod: paymentMethodName,\n    fields,\n    options,\n    onSuccess,\n    onError,\n  }) => {\n    const paymentMethod = pmInstances.find(({ name }) => name === paymentMethodName);\n    if (!paymentMethod) {\n      onError({ root: \"payment_method_not_found\" });\n      return;\n    }\n    paymentMethod.internalFuncs\n      .submitPayment(fields, options)\n      .then(({ data, errors }) => {\n        errors ? onError(errors) : onSuccess(data);\n      })\n      .catch((e) => {\n        console.error(\"PaymentKit:submit:catch\", e);\n\n        // Try to extract error message from response\n        if (e?.response?.data) {\n          onError(e.response.data);\n        } else if (e?.message) {\n          onError({ root: e.message });\n        } else {\n          onError({ root: \"unknown_error\" });\n        }\n      });\n  };\n\n  const cleanup = () => {\n    // Clean up all payment method instances\n    for (const pm of pmInstances) {\n      if (pm.internalFuncs.cleanup) {\n        pm.internalFuncs.cleanup();\n      }\n    }\n    unmountTunnelX();\n  };\n\n  return {\n    submit,\n    cleanup,\n    ...externalFuncsMapByPm,\n  };\n};\n\nexport type { PaymentKitFields };\n\nexport default PaymentKit;\n"],"mappings":";;;;;;cAEa;;;;;;;;;ACKb,IAAa,uBAAb,MAA8D;CAC5D,AAAQ,SAA0B,EAAE;CACpC,AAAQ,aAA4B;CAEpC,SAAS,YAA0B;AACjC,OAAK,aAAa;;CAGpB,QAAQ,OAAe,YAA4C;AACjE,OAAK,OAAO,KAAK;GACf;GACA,aAAa,KAAK;GAClB;GACA,WAAW,KAAK,KAAK;GACtB,CAAC;;CAGJ,gBAAyB;AACvB,SAAO;;;;;CAQT,YAA6B;AAC3B,SAAO,CAAC,GAAG,KAAK,OAAO;;;;;CAMzB,gBAAgB,WAAoC;AAClD,SAAO,KAAK,OAAO,QAAQ,MAAM,EAAE,UAAU,UAAU;;;;;CAMzD,QAAc;AACZ,OAAK,SAAS,EAAE;;;;;;AC5CpB,MAAM,kBAAkB;;;;;;;;AASxB,IAAa,iBAAb,MAAa,eAA2C;CACtD,AAAQ,cAAc;;;;;;;CAQtB,OAAO,YAAY,YAAoC;AACrD,MAAI,OAAO,WAAW,YACpB,OAAM,IAAI,MAAM,gEAAgE;EAGlF,MAAM,WAAW,OAAO;AACxB,MAAI,UAAU;AACZ,OAAI,SAAS,eAAe,WAC1B,OAAM,IAAI,MACR,uEAAuE,SAAS,WAAW,qDACtC,WAAW,GACjE;AAEH,UAAO,SAAS;;EAGlB,MAAM,WAAW,IAAI,eAAe,WAAW;AAC/C,SAAO,wBAAwB;GAAE;GAAU;GAAY;AACvD,SAAO;;CAGT,AAAQ,YAAY,YAAoB;AACtC,OAAK,YAAY,WAAW;;CAG9B,AAAQ,YAAY,YAA0B;AAC5C,MAAI;AACF,WAAQ,KAAK,iBAAiB;IAE5B,UAAU,GAAG,WAAW;IAExB,SAAS;IAET,aAAa;IAEb,2BAA2B;IAE3B,aAAa;IAEb,kBAAkB;IAElB,kBAAkB;IAGlB,0BAA0B;IAE1B,cAAc;AACZ,UAAK,cAAc;;IAEtB,CAAC;WACK,GAAG;AACV,WAAQ,KAAK,wDAAwD,EAAE;;;CAI3E,SAAS,YAA0B;AACjC,MAAI;AACF,WAAQ,SAAS,WAAW;WACrB,GAAG;AAEV,WAAQ,KAAK,8CAA8C,EAAE;;;CAIjE,QAAQ,OAAe,YAA4C;AACjE,MAAI;AACF,WAAQ,QAAQ,OAAO,WAAW;WAC3B,GAAG;AAEV,WAAQ,KAAK,mDAAmD,EAAE;;;CAItE,gBAAyB;AACvB,SAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtEhB,IAAM,wBAAN,MAA4B;CAC1B,AAAQ,WAA+B,EAAE;CACzC,AAAQ,WAAwC;;;;;;;CAQhD,KAAK,YAAoB,gBAAgC;AACvD,MAAI;AAEF,QAAK,WAAW,eAAe,YAAY,WAAW,CAAC;AAGvD,OAAI,eACF,MAAK,gBAAgB;WAEhB,GAAG;AAEV,WAAQ,KAAK,uCAAuC,EAAE;;;;;;;CAQ1D,iBAAuB;AACrB,MAAI,KAAK,SAAU;AAEnB,OAAK,WAAW,IAAI,sBAAsB;AAC1C,OAAK,WAAW,KAAK,SAAS;AAG9B,MAAI,OAAO,WAAW,YACpB,QAAO,0BAA0B,KAAK;;;;;CAO1C,cAA2C;AACzC,SAAO,KAAK;;;;;;;;;CAUd,WAAW,SAAiC;AAC1C,MAAI,CAAC,KAAK,SAAS,SAAS,QAAQ,CAClC,MAAK,SAAS,KAAK,QAAQ;;;;;CAO/B,gBAAsB;AACpB,OAAK,WAAW,EAAE;AAClB,OAAK,WAAW;AAChB,MAAI,OAAO,WAAW,YACpB,QAAO,OAAO;;;;;;;CASlB,SAAS,YAA0B;AACjC,OAAK,MAAM,WAAW,KAAK,SACzB,KAAI;AACF,WAAQ,SAAS,WAAW;UACtB;;;;;;CAUZ,QAAQ,OAAe,YAA4C;AACjE,OAAK,MAAM,WAAW,KAAK,SACzB,KAAI;AACF,WAAQ,QAAQ,OAAO,WAAW;UAC5B;;;;;CASZ,gBAAyB;AACvB,SAAO,KAAK,SAAS,MAAM,YAAY,QAAQ,eAAe,CAAC;;;;;;AAOnE,MAAa,mBAAmB,IAAI,uBAAuB;;;;;;;;;;;;;;;;;;;;ACxH3D,IAAa,wBAAb,MAAa,sBAAsB;CAEjC,OAAe,mBAAmB;CAElC,AAAQ;CACR,AAAQ;CACR,AAAQ,oBAAoB;CAE5B,YAAY,mBAA2B;AACrC,OAAK,YAAY,YAAY,KAAK;AAClC,OAAK,oBAAoB;;;;;;;CAQ3B,iBAAuB;AACrB,MAAI,sBAAsB,iBAAkB;AAC5C,wBAAsB,mBAAmB;AAEzC,mBAAiB,QAAQ,uBAAuB;GAC9C,qBAAqB,KAAK;GAC1B,YAAY,KAAK,cAAc;GAChC,CAAC;;;;;;;CAQJ,kBAAwB;AACtB,MAAI,KAAK,kBAAmB;AAC5B,OAAK,oBAAoB;AAEzB,mBAAiB,QAAQ,wBAAwB;GAC/C,qBAAqB,KAAK;GAC1B,YAAY,KAAK,cAAc;GAChC,CAAC;;;;;CAMJ,cAAoB;AAClB,mBAAiB,QAAQ,mBAAmB;GAC1C,qBAAqB,KAAK;GAC1B,YAAY,KAAK,cAAc;GAChC,CAAC;;;;;;;CAQJ,aAAa,mBAAiC;AAC5C,mBAAiB,QAAQ,oBAAoB;GAC3C,qBAAqB,KAAK;GAC1B,qBAAqB;GACrB,kBAAkB,KAAK,cAAc;GACtC,CAAC;;;;;;;;;CAUJ,UAAU,mBAAkC,WAA0B,cAAmC;AACvG,mBAAiB,QAAQ,iBAAiB;GACxC,qBAAqB,KAAK;GAC1B,qBAAqB;GACrB,YAAY;GACZ,eAAe;GACf,kBAAkB,KAAK,cAAc;GACtC,CAAC;;;;;CAMJ,AAAQ,eAAuB;AAC7B,SAAO,KAAK,MAAM,YAAY,KAAK,GAAG,KAAK,UAAU;;;;;;AC7FzD,MAAMA,mBAAmE;CACvE,OAAO;EACL,SAAS;EACT,YAAY;EACb;CACD,OAAO;EACL,SAAS;EACT,YAAY;EACb;CACD,SAAS;EACP,SAAS;EACT,YAAY;EACb;CACD,YAAY;EACV,SAAS;EACT,YAAY;EACb;CACF;AAED,SAAgB,sBAAsB,aAAsC;CAE1E,MAAM,OAAO,iBADD;AAEZ,KAAI,CAAC,KACH,OAAM,IAAI,MAAM,wBAAwB,YAAY,qDAAqD;AAE3G,QAAO;;;;;AC5BT,MAAM,2BAA2B,SAAiB,YAAoB,UAAkB;CACtF,MAAM,SAAS,qBAAqB,YAAY,SAAS;EACvD,gBAAgB;EAChB,cAAc;EACf,CAAC;AACF,UAAS,KAAK,YAAY,OAAO;CAEjC,MAAM,aAAa,uBAAuB,QAAQ,EAAE,CAAC;CAErD,MAAM,gBAAgB;AACpB,aAAW,SAAS;AACpB,WAAS,KAAK,YAAY,OAAO;;AAGnC,QAAO;EAAE;EAAS;EAAY;;AAGhC,MAAMC,cAA8B,EAAE,aAAa,aAAa,gBAAgB,gCAAgC;CAI9G,MAAM,EAAE,SAAS,eAAe,sBAAsB,YAAY;AAGlE,SAAQ,IAAI,iBAAiBC,QAAgB,qBAAqB,YAAY,GAAG;AAGjF,kBAAiB,KAAK,YAAY,0BAA0B;AAC5D,kBAAiB,SAAS,YAAY;CAGtC,MAAM,gBAAgB,IAAI,sBAAsB,YAAY;AAG5D,eAAc,gBAAgB;CAE9B,MAAM,EAAE,YAAY,mBAAmB,SAAS,mBAAmB,wBACjE,SACA,YACA,YACD;CAED,MAAM,mBAAmB;EACvB;EACA;EACA;EACA;EACA;EACA;EACD;CAED,MAAM,cAAc,eAAe,KAAK,kBAAkB,cAAc,iBAAiB,CAAC;CAE1F,MAAMC,uBAA6D,YAAY,QAC5E,KAAK,EAAE,MAAM,oBAAoB;AAEhC,MAAI,QAAQ;AACZ,SAAO;IAET,EAAE,CACH;CAED,MAAMC,UAA0C,EAC9C,eAAe,mBACf,QACA,SACA,WACA,cACI;EACJ,MAAM,gBAAgB,YAAY,MAAM,EAAE,WAAW,SAAS,kBAAkB;AAChF,MAAI,CAAC,eAAe;AAClB,WAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC7C;;AAEF,gBAAc,cACX,cAAc,QAAQ,QAAQ,CAC9B,MAAM,EAAE,MAAM,aAAa;AAC1B,YAAS,QAAQ,OAAO,GAAG,UAAU,KAAK;IAC1C,CACD,OAAO,MAAM;AACZ,WAAQ,MAAM,2BAA2B,EAAE;AAG3C,OAAI,GAAG,UAAU,KACf,SAAQ,EAAE,SAAS,KAAK;YACf,GAAG,QACZ,SAAQ,EAAE,MAAM,EAAE,SAAS,CAAC;OAE5B,SAAQ,EAAE,MAAM,iBAAiB,CAAC;IAEpC;;CAGN,MAAM,gBAAgB;AAEpB,OAAK,MAAM,MAAM,YACf,KAAI,GAAG,cAAc,QACnB,IAAG,cAAc,SAAS;AAG9B,kBAAgB;;AAGlB,QAAO;EACL;EACA;EACA,GAAG;EACJ;;AAKH,kBAAe"}