@inflow_pay/sdk 0.7.0 → 1.0.0

package/dist/sdk.d.ts

@@ -37,11 +37,7 @@ export declare interface CardElementOptions {
     /** Payment ID for this transaction */
     paymentId: string;
     /** Callback when payment completes */
-    onComplete?: (result: {
-        status: string;
-        data?: any;
-        error?: any;
-    }) => void;
+    onComplete?: (result: PaymentResult) => void;
     /** Callback when payment fails */
     onError?: (error: any) => void;
     /** Callback when user closes the payment */
@@ -56,16 +52,14 @@ export declare interface CardElementOptions {
         expiry?: string;
         cvc?: string;
     };
+    /** Show default success UI after payment (default true). If false, only unmount iframe. */
+    showDefaultSuccessUI?: boolean;
 }
 
 export declare interface CardElementProps {
     paymentId: string;
     container?: string | HTMLElement;
-    onComplete?: (result: {
-        status: string;
-        data?: any;
-        error?: any;
-    }) => void;
+    onComplete?: (result: PaymentResult) => void;
     onError?: (error: any) => void;
     onClose?: () => void;
     onReady?: () => void;
@@ -82,9 +76,9 @@ export declare interface CardElementProps {
     };
 }
 
-export declare type CardElementState = {
+export declare interface CardElementState {
     complete: boolean;
-};
+}
 
 declare interface CSSProperties {
     fontFamily?: FontFamily;
@@ -99,9 +93,6 @@ declare interface CSSProperties {
     dark?: ThemeStyles;
 }
 
-/**
- * Type definitions for SDK v2
- */
 declare type FontFamily = 'DM Sans' | 'Inter' | 'Poppins' | 'Nunito' | 'Work Sans' | 'Manrope' | 'Rubik' | 'Karla' | 'Figtree' | 'Outfit' | 'Space Grotesk' | 'Urbanist';
 
 declare type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 'normal' | 'bold' | 'lighter' | 'bolder';
@@ -114,16 +105,6 @@ declare interface GeneralMessageStyles {
     borderColor?: string;
 }
 
-export declare interface IframeMessage {
-    type: 'sdkData' | 'success' | 'error' | 'close' | '3ds-required' | '3ds-result' | 'iframe-ready' | 'content-height';
-    data?: any;
-    config?: PaymentConfig;
-    threeDsSessionUrl?: string;
-    paymentId?: string;
-    success?: boolean;
-    height?: number;
-}
-
 /**
  * InflowPayProvider - Global SDK configuration
  *
@@ -166,11 +147,8 @@ export declare class InflowPayProvider {
 }
 
 export declare interface InflowPayProviderConfig {
-    apiKey: string;
-    iframeUrl?: string;
-    timeout?: number;
-    /** Enable debug logging (default: false, only allowed in local/dev environments) */
-    debug?: boolean;
+    publicKey: string;
+    locale?: Locale;
 }
 
 declare interface InputContainerStyles {
@@ -190,12 +168,18 @@ declare interface InputStyles {
 }
 
 declare interface InternalSDKConfig {
-    apiKey: string;
+    publicKey: string;
     iframeUrl: string;
     timeout: number;
     debug: boolean;
+    locale?: Locale;
 }
 
+/**
+ * Type definitions for SDK v2
+ */
+declare type Locale = 'en' | 'de' | 'es' | 'fr' | 'it' | 'nl' | 'pl' | 'pt';
+
 declare type Opacity = number | string;
 
 export declare interface PaymentConfig {
@@ -213,27 +197,38 @@ export declare interface PaymentConfig {
         expiry?: string;
         cvc?: string;
     };
+    /** Show default success UI after payment (default true). If false, only unmount iframe. */
+    showDefaultSuccessUI?: boolean;
     [key: string]: any;
 }
 
-export declare type PaymentError = {
-    code: string;
+export declare interface PaymentError {
+    code: PaymentResultErrorCode;
     message: string;
     retryable: boolean;
-};
+}
 
-export declare type PaymentResult = {
-    status: string;
-    data?: any;
-    error?: {
-        code: string;
-        message: string;
-        retryable: boolean;
-    };
-};
+export declare interface PaymentResult {
+    status: PaymentResultStatus;
+    paymentId: string;
+    error?: PaymentError;
+}
+
+export declare enum PaymentResultErrorCode {
+    THREE_DS_FAILED = "THREE_DS_FAILED",
+    PAYMENT_PROCESSING_ERROR = "PAYMENT_PROCESSING_ERROR"
+}
+
+export declare enum PaymentResultStatus {
+    SUCCESS = "SUCCESS",
+    FAILED = "FAILED"
+}
 
 export declare class PaymentSDK {
     private config;
+    private iframeUrl;
+    private timeout;
+    private debug;
     /**
      * Initialize the InflowPay Payment SDK
      *
@@ -278,11 +273,7 @@ export declare class PaymentSDK {
             expiry?: string;
             cvc?: string;
         };
-        onComplete?: (result: {
-            status: string;
-            data?: any;
-            error?: any;
-        }) => void;
+        onComplete?: (result: PaymentResult) => void;
         onError?: (error: any) => void;
         onClose?: () => void;
     }): CardElement;
@@ -294,109 +285,13 @@ export declare class PaymentSDK {
      * Get the API key
      */
     getApiKey(): string;
-    /**
-     * Auto-detect environment from API key
-     */
-    private getEnvironmentFromApiKey;
 }
 
 export declare interface PaymentSDKConfig {
     /** Public API key */
-    apiKey: string;
-    /** Backend API URL (optional, auto-detected from API key) */
-    iframeUrl?: string;
-    /** Request timeout in milliseconds (default: 30000) */
-    timeout?: number;
-    /** Enable debug logging (default: false, only allowed in local/dev environments) */
-    debug?: boolean;
-}
-
-export declare enum PaymentStatus {
-    INITIATION = "INITIATION",
-    CHECKOUT_PENDING = "CHECKOUT_PENDING",
-    CHECKOUT_SUCCESS = "CHECKOUT_SUCCESS",
-    CHECKOUT_CANCELED = "CHECKOUT_CANCELED",
-    CANCELED = "CANCELED",
-    PAYMENT_RECEIVED = "PAYMENT_RECEIVED",
-    PAYMENT_SUCCESS = "PAYMENT_SUCCESS",
-    PAYMENT_FAILED = "PAYMENT_FAILED"
-}
-
-export declare class SDK {
-    private iframe;
-    private iframeUrl;
-    private config;
-    private messageListener;
-    private containerElement;
-    private usePopup;
-    private environment;
-    constructor(config: SDKConfig);
-    /**
-     * Initialize and open the payment iframe
-     */
-    init(): void;
-    /**
-     * Create and append the iframe to the document
-     */
-    private createIframe;
-    /**
-     * Add message listener for communication with iframe
-     */
-    private addMessageListener;
-    /**
-     * Send configuration to the iframe
-     */
-    private sendConfigToIframe;
-    /**
-     * Show skeleton loader while iframe is connecting
-     */
-    private showLoader;
-    /**
-     * Hide loader
-     */
-    private hideLoader;
-    /**
-     * Close the iframe and cleanup
-     */
-    private close;
-    /**
-     * Open 3DS authentication modal
-     * Called when iframe requests 3DS authentication
-     */
-    private open3DSModal;
-    /**
-     * Get target origin for postMessage based on environment
-     * In production/pre-prod: use exact origin for security
-     * In dev/sandbox: use wildcard for development flexibility
-     */
-    private getTargetOrigin;
-    /**
-     * Detect environment from API key
-     */
-    private getEnvironmentFromApiKey;
-    /**
-     * Public method to close the iframe
-     */
-    destroy(): void;
-}
-
-declare interface SDKConfig {
-    /** URL of the payment application to load in iframe */
-    iframeUrl?: string;
-    /** Public API key */
-    apiKey?: string;
-    /** Payment configuration */
-    config?: PaymentConfig;
-    /** Container element or selector where to mount the iframe (if not provided, creates a popup) */
-    container?: string | HTMLElement;
-    /** Callback when payment succeeds */
-    onSuccess?: (data: TransactionData) => void;
-    /** Callback when payment fails */
-    onError?: (error: any) => void;
-    /** Callback when user closes the payment modal */
-    onClose?: () => void;
-    /** Enable debug logging (default: false, only allowed in local/dev environments) */
-    debug?: boolean;
+    publicKey: string;
+    /** Locale for the UI. Defaults to 'en' */
+    locale?: Locale;
 }
 
 declare interface ThemeStyles {
@@ -409,18 +304,6 @@ declare interface ThemeStyles {
     generalSuccess?: GeneralMessageStyles;
 }
 
-export declare interface TransactionData {
-    transaction?: {
-        id: string;
-        amount: number;
-        currency: string;
-        status: string;
-        created_at: string;
-        [key: string]: any;
-    };
-    [key: string]: any;
-}
-
-export declare const VERSION = "0.7.0";
+export declare const VERSION = "0.8.0";
 
 export { }

package/dist/sdk.esm.js

@@ -1,14 +1,12 @@
-import { P as i } from "./payment-sdk-DK3VOIGL.mjs";
-import { C as m, S as f } from "./payment-sdk-DK3VOIGL.mjs";
+import { P as l } from "./payment-sdk-oRqgQSx5.mjs";
+import { C as s, a as y, b as f } from "./payment-sdk-oRqgQSx5.mjs";
 class d {
   constructor(e) {
-    const C = {
-      apiKey: e.config.apiKey,
-      iframeUrl: e.config.iframeUrl,
-      timeout: e.config.timeout,
-      debug: e.config.debug
+    const n = {
+      publicKey: e.config.publicKey,
+      locale: e.config.locale
     };
-    this.sdk = new i(C);
+    this.sdk = new l(n);
   }
   /**
    * Create a CardElement (similar to React's <CardElement />)
@@ -17,15 +15,15 @@ class d {
    * @returns CardElement instance
    */
   createCardElement(e) {
-    let C;
+    let n;
     if (e.container)
-      C = e.container;
+      n = e.container;
     else {
       const t = document.createElement("div");
-      t.id = "inflowpay-card-element-container", document.body.appendChild(t), C = t;
+      t.id = "inflowpay-card-element-container", document.body.appendChild(t), n = t;
     }
-    const o = {
-      container: C,
+    const a = {
+      container: n,
       paymentId: e.paymentId,
       ...e.style && { style: e.style },
       ...e.buttonText && { buttonText: e.buttonText },
@@ -35,10 +33,10 @@ class d {
       },
       onError: e.onError,
       onClose: e.onClose
-    }, E = this.sdk.createCardElement(o);
+    }, o = this.sdk.createCardElement(a);
     if (e.onReady) {
-      const t = E.mount.bind(E);
-      E.mount = () => {
+      const t = o.mount.bind(o);
+      o.mount = () => {
         t(), setTimeout(() => {
           e.onReady && e.onReady();
         }, 100);
@@ -46,7 +44,7 @@ class d {
     }
     return e.onChange && setTimeout(() => {
       e.onChange && e.onChange({ complete: !1 });
-    }, 100), E;
+    }, 100), o;
   }
   /**
    * Get the underlying PaymentSDK instance
@@ -55,14 +53,13 @@ class d {
     return this.sdk;
   }
 }
-var l = /* @__PURE__ */ ((n) => (n.INITIATION = "INITIATION", n.CHECKOUT_PENDING = "CHECKOUT_PENDING", n.CHECKOUT_SUCCESS = "CHECKOUT_SUCCESS", n.CHECKOUT_CANCELED = "CHECKOUT_CANCELED", n.CANCELED = "CANCELED", n.PAYMENT_RECEIVED = "PAYMENT_RECEIVED", n.PAYMENT_SUCCESS = "PAYMENT_SUCCESS", n.PAYMENT_FAILED = "PAYMENT_FAILED", n))(l || {});
-const a = "0.7.0";
+const m = "0.8.0";
 export {
-  m as CardElement,
+  s as CardElement,
   d as InflowPayProvider,
-  i as PaymentSDK,
-  l as PaymentStatus,
-  f as SDK,
-  a as VERSION
+  y as PaymentResultErrorCode,
+  f as PaymentResultStatus,
+  l as PaymentSDK,
+  m as VERSION
 };
 //# sourceMappingURL=sdk.esm.js.map

package/dist/sdk.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.esm.js","sources":["../src/inflowpay-provider.ts","../src/index.ts"],"sourcesContent":["/**\n * InflowPayProvider - Compatibility layer for React SDK API\n * \n * Provides the same API structure as the original React SDK\n * but works with vanilla JavaScript\n */\n\nimport { PaymentSDK } from './payment-sdk';\nimport type { PaymentSDKConfig } from './payment-sdk';\nimport { CardElement } from './card-element';\nimport type { CardElementOptions } from './card-element';\n\nexport interface InflowPayProviderConfig {\n  apiKey: string;\n  iframeUrl?: string;\n  timeout?: number;\n  /** Enable debug logging (default: false, only allowed in local/dev environments) */\n  debug?: boolean;\n}\n\nexport interface CardElementProps {\n  paymentId: string;\n  container?: string | HTMLElement;\n  onComplete?: (result: { status: string; data?: any; error?: any }) => void;\n  onError?: (error: any) => void;\n  onClose?: () => void;\n  onReady?: () => void;\n  onChange?: (state: { complete: boolean }) => void;\n  buttonText?: string;\n  buttonStyle?: any;\n  style?: any;\n  placeholders?: {\n    cardNumber?: string;\n    expiry?: string;\n    cvc?: string;\n  };\n}\n\n/**\n * InflowPayProvider - Global SDK configuration\n * \n * Similar to React's InflowPayProvider but for vanilla JS\n * \n * @example\n * ```typescript\n * const provider = new InflowPayProvider({\n *   config: { apiKey: 'inflow_pub_xxx' }\n * });\n * \n * const cardElement = provider.createCardElement({\n *   paymentId: 'pay_xxx',\n *   onComplete: (result) => {\n *     if (result.status === 'CHECKOUT_SUCCESS') {\n *       window.location.href = '/success';\n *     }\n *   }\n * });\n * \n * cardElement.mount();\n * ```\n */\nexport class InflowPayProvider {\n  private sdk: PaymentSDK;\n\n  constructor(options: { config: InflowPayProviderConfig }) {\n    const config: PaymentSDKConfig = {\n      apiKey: options.config.apiKey,\n      iframeUrl: options.config.iframeUrl,\n      timeout: options.config.timeout,\n      debug: options.config.debug,\n    };\n\n    this.sdk = new PaymentSDK(config);\n  }\n\n  /**\n   * Create a CardElement (similar to React's <CardElement />)\n   * \n   * @param props - CardElement props (same as React SDK)\n   * @returns CardElement instance\n   */\n  createCardElement(props: CardElementProps): CardElement {\n    let container: string | HTMLElement;\n    if (props.container) {\n      container = props.container;\n    } else {\n      const defaultContainer = document.createElement('div');\n      defaultContainer.id = 'inflowpay-card-element-container';\n      document.body.appendChild(defaultContainer);\n      container = defaultContainer;\n    }\n\n    const cardElementOptions: CardElementOptions = {\n      container: container,\n      paymentId: props.paymentId,\n      ...(props.style && { style: props.style }),\n      ...(props.buttonText && { buttonText: props.buttonText }),\n      ...(props.placeholders && { placeholders: props.placeholders }),\n      onComplete: (result) => {\n        if (props.onComplete) {\n          props.onComplete(result);\n        }\n      },\n      onError: props.onError,\n      onClose: props.onClose,\n    };\n\n    const cardElement = this.sdk.createCardElement(cardElementOptions);\n\n    if (props.onReady) {\n      const originalMount = cardElement.mount.bind(cardElement);\n      cardElement.mount = () => {\n        originalMount();\n        setTimeout(() => {\n          if (props.onReady) {\n            props.onReady();\n          }\n        }, 100);\n      };\n    }\n\n    if (props.onChange) {\n      setTimeout(() => {\n        if (props.onChange) {\n          props.onChange({ complete: false });\n        }\n      }, 100);\n    }\n\n    return cardElement;\n  }\n\n  /**\n   * Get the underlying PaymentSDK instance\n   */\n  getSDK(): PaymentSDK {\n    return this.sdk;\n  }\n}\n\n","/**\n * InflowPay SDK v2 - Entry point\n * \n * Provides the same API as the original React SDK but using iframe-based payment flow\n * Compatible with vanilla JavaScript and easy migration from React SDK\n */\n\nexport { InflowPayProvider } from './inflowpay-provider';\nexport type { InflowPayProviderConfig, CardElementProps } from './inflowpay-provider';\n\nexport { PaymentSDK } from './payment-sdk';\nexport type { PaymentSDKConfig } from './payment-sdk';\n\nexport { CardElement } from './card-element';\nexport type { CardElementOptions } from './card-element';\n\nexport { SDK } from './sdk';\n\nexport type { IframeMessage, PaymentConfig, TransactionData } from './types';\n\nexport enum PaymentStatus {\n  INITIATION = 'INITIATION',\n  CHECKOUT_PENDING = 'CHECKOUT_PENDING',\n  CHECKOUT_SUCCESS = 'CHECKOUT_SUCCESS',\n  CHECKOUT_CANCELED = 'CHECKOUT_CANCELED',\n  CANCELED = 'CANCELED',\n  PAYMENT_RECEIVED = 'PAYMENT_RECEIVED',\n  PAYMENT_SUCCESS = 'PAYMENT_SUCCESS',\n  PAYMENT_FAILED = 'PAYMENT_FAILED',\n}\n\nexport type PaymentResult = {\n  status: string;\n  data?: any;\n  error?: {\n    code: string;\n    message: string;\n    retryable: boolean;\n  };\n};\n\nexport type PaymentError = {\n  code: string;\n  message: string;\n  retryable: boolean;\n};\n\nexport type CardElementState = {\n  complete: boolean;\n};\n\nexport const VERSION = '0.7.0';\n"],"names":["InflowPayProvider","options","config","PaymentSDK","props","container","defaultContainer","cardElementOptions","result","cardElement","originalMount","PaymentStatus","VERSION"],"mappings":";;AA6DO,MAAMA,EAAkB;AAAA,EAG7B,YAAYC,GAA8C;AACxD,UAAMC,IAA2B;AAAA,MAC/B,QAAQD,EAAQ,OAAO;AAAA,MACvB,WAAWA,EAAQ,OAAO;AAAA,MAC1B,SAASA,EAAQ,OAAO;AAAA,MACxB,OAAOA,EAAQ,OAAO;AAAA,IAAA;AAGxB,SAAK,MAAM,IAAIE,EAAWD,CAAM;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,kBAAkBE,GAAsC;AACtD,QAAIC;AACJ,QAAID,EAAM;AACR,MAAAC,IAAYD,EAAM;AAAA,SACb;AACL,YAAME,IAAmB,SAAS,cAAc,KAAK;AACrD,MAAAA,EAAiB,KAAK,oCACtB,SAAS,KAAK,YAAYA,CAAgB,GAC1CD,IAAYC;AAAA,IACd;AAEA,UAAMC,IAAyC;AAAA,MAC7C,WAAAF;AAAA,MACA,WAAWD,EAAM;AAAA,MACjB,GAAIA,EAAM,SAAS,EAAE,OAAOA,EAAM,MAAA;AAAA,MAClC,GAAIA,EAAM,cAAc,EAAE,YAAYA,EAAM,WAAA;AAAA,MAC5C,GAAIA,EAAM,gBAAgB,EAAE,cAAcA,EAAM,aAAA;AAAA,MAChD,YAAY,CAACI,MAAW;AACtB,QAAIJ,EAAM,cACRA,EAAM,WAAWI,CAAM;AAAA,MAE3B;AAAA,MACA,SAASJ,EAAM;AAAA,MACf,SAASA,EAAM;AAAA,IAAA,GAGXK,IAAc,KAAK,IAAI,kBAAkBF,CAAkB;AAEjE,QAAIH,EAAM,SAAS;AACjB,YAAMM,IAAgBD,EAAY,MAAM,KAAKA,CAAW;AACxD,MAAAA,EAAY,QAAQ,MAAM;AACxB,QAAAC,EAAA,GACA,WAAW,MAAM;AACf,UAAIN,EAAM,WACRA,EAAM,QAAA;AAAA,QAEV,GAAG,GAAG;AAAA,MACR;AAAA,IACF;AAEA,WAAIA,EAAM,YACR,WAAW,MAAM;AACf,MAAIA,EAAM,YACRA,EAAM,SAAS,EAAE,UAAU,GAAA,CAAO;AAAA,IAEtC,GAAG,GAAG,GAGDK;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,SAAqB;AACnB,WAAO,KAAK;AAAA,EACd;AACF;ACtHO,IAAKE,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,mBAAmB,oBACnBA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,WAAW,YACXA,EAAA,mBAAmB,oBACnBA,EAAA,kBAAkB,mBAClBA,EAAA,iBAAiB,kBARPA,IAAAA,KAAA,CAAA,CAAA;AA+BL,MAAMC,IAAU;"}
+{"version":3,"file":"sdk.esm.js","sources":["../src/inflowpay-provider.ts","../src/index.ts"],"sourcesContent":["/**\n * InflowPayProvider - Compatibility layer for React SDK API\n * \n * Provides the same API structure as the original React SDK\n * but works with vanilla JavaScript\n */\n\nimport type { CardElement, CardElementOptions } from './card-element';\nimport type { PaymentSDKConfig } from './payment-sdk';\nimport { PaymentSDK } from './payment-sdk';\nimport { PaymentResult } from './react';\nimport type { Locale } from './types';\n\nexport interface InflowPayProviderConfig {\n  publicKey: string;\n  locale?: Locale;\n}\n\nexport interface CardElementProps {\n  paymentId: string;\n  container?: string | HTMLElement;\n  onComplete?: (result: PaymentResult) => void;\n  onError?: (error: any) => void;\n  onClose?: () => void;\n  onReady?: () => void;\n  onChange?: (state: { complete: boolean }) => void;\n  buttonText?: string;\n  buttonStyle?: any;\n  style?: any;\n  placeholders?: {\n    cardNumber?: string;\n    expiry?: string;\n    cvc?: string;\n  };\n}\n\n/**\n * InflowPayProvider - Global SDK configuration\n * \n * Similar to React's InflowPayProvider but for vanilla JS\n * \n * @example\n * ```typescript\n * const provider = new InflowPayProvider({\n *   config: { apiKey: 'inflow_pub_xxx' }\n * });\n * \n * const cardElement = provider.createCardElement({\n *   paymentId: 'pay_xxx',\n *   onComplete: (result) => {\n *     if (result.status === 'CHECKOUT_SUCCESS') {\n *       window.location.href = '/success';\n *     }\n *   }\n * });\n * \n * cardElement.mount();\n * ```\n */\nexport class InflowPayProvider {\n  private sdk: PaymentSDK;\n\n  constructor(options: { config: InflowPayProviderConfig }) {\n    const config: PaymentSDKConfig = {\n      publicKey: options.config.publicKey,\n      locale: options.config.locale,\n    };\n\n    this.sdk = new PaymentSDK(config);\n  }\n\n  /**\n   * Create a CardElement (similar to React's <CardElement />)\n   * \n   * @param props - CardElement props (same as React SDK)\n   * @returns CardElement instance\n   */\n  createCardElement(props: CardElementProps): CardElement {\n    let container: string | HTMLElement;\n    if (props.container) {\n      container = props.container;\n    } else {\n      const defaultContainer = document.createElement('div');\n      defaultContainer.id = 'inflowpay-card-element-container';\n      document.body.appendChild(defaultContainer);\n      container = defaultContainer;\n    }\n\n    const cardElementOptions: CardElementOptions = {\n      container: container,\n      paymentId: props.paymentId,\n      ...(props.style && { style: props.style }),\n      ...(props.buttonText && { buttonText: props.buttonText }),\n      ...(props.placeholders && { placeholders: props.placeholders }),\n      onComplete: (result) => {\n        if (props.onComplete) {\n          props.onComplete(result);\n        }\n      },\n      onError: props.onError,\n      onClose: props.onClose,\n    };\n\n    const cardElement = this.sdk.createCardElement(cardElementOptions);\n\n    if (props.onReady) {\n      const originalMount = cardElement.mount.bind(cardElement);\n      cardElement.mount = () => {\n        originalMount();\n        setTimeout(() => {\n          if (props.onReady) {\n            props.onReady();\n          }\n        }, 100);\n      };\n    }\n\n    if (props.onChange) {\n      setTimeout(() => {\n        if (props.onChange) {\n          props.onChange({ complete: false });\n        }\n      }, 100);\n    }\n\n    return cardElement;\n  }\n\n  /**\n   * Get the underlying PaymentSDK instance\n   */\n  getSDK(): PaymentSDK {\n    return this.sdk;\n  }\n}\n\n","/**\n * InflowPay SDK v2 - Entry point\n * \n * Provides the same API as the original React SDK but using iframe-based payment flow\n * Compatible with vanilla JavaScript and easy migration from React SDK\n */\n\nexport { InflowPayProvider } from './inflowpay-provider';\nexport type { CardElementProps, InflowPayProviderConfig } from './inflowpay-provider';\n\nexport { PaymentSDK } from './payment-sdk';\nexport type { PaymentSDKConfig } from './payment-sdk';\n\nexport { CardElement } from './card-element';\nexport type { CardElementOptions } from './card-element';\n\nexport type {\n  CardElementState, PaymentConfig,\n  PaymentError,\n  PaymentResult\n} from './types';\n\nexport { PaymentResultErrorCode, PaymentResultStatus } from './types';\n\nexport const VERSION = '0.8.0';\n"],"names":["InflowPayProvider","options","config","PaymentSDK","props","container","defaultContainer","cardElementOptions","result","cardElement","originalMount","VERSION"],"mappings":";;AA2DO,MAAMA,EAAkB;AAAA,EAG7B,YAAYC,GAA8C;AACxD,UAAMC,IAA2B;AAAA,MAC/B,WAAWD,EAAQ,OAAO;AAAA,MAC1B,QAAQA,EAAQ,OAAO;AAAA,IAAA;AAGzB,SAAK,MAAM,IAAIE,EAAWD,CAAM;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,kBAAkBE,GAAsC;AACtD,QAAIC;AACJ,QAAID,EAAM;AACR,MAAAC,IAAYD,EAAM;AAAA,SACb;AACL,YAAME,IAAmB,SAAS,cAAc,KAAK;AACrD,MAAAA,EAAiB,KAAK,oCACtB,SAAS,KAAK,YAAYA,CAAgB,GAC1CD,IAAYC;AAAA,IACd;AAEA,UAAMC,IAAyC;AAAA,MAC7C,WAAAF;AAAA,MACA,WAAWD,EAAM;AAAA,MACjB,GAAIA,EAAM,SAAS,EAAE,OAAOA,EAAM,MAAA;AAAA,MAClC,GAAIA,EAAM,cAAc,EAAE,YAAYA,EAAM,WAAA;AAAA,MAC5C,GAAIA,EAAM,gBAAgB,EAAE,cAAcA,EAAM,aAAA;AAAA,MAChD,YAAY,CAACI,MAAW;AACtB,QAAIJ,EAAM,cACRA,EAAM,WAAWI,CAAM;AAAA,MAE3B;AAAA,MACA,SAASJ,EAAM;AAAA,MACf,SAASA,EAAM;AAAA,IAAA,GAGXK,IAAc,KAAK,IAAI,kBAAkBF,CAAkB;AAEjE,QAAIH,EAAM,SAAS;AACjB,YAAMM,IAAgBD,EAAY,MAAM,KAAKA,CAAW;AACxD,MAAAA,EAAY,QAAQ,MAAM;AACxB,QAAAC,EAAA,GACA,WAAW,MAAM;AACf,UAAIN,EAAM,WACRA,EAAM,QAAA;AAAA,QAEV,GAAG,GAAG;AAAA,MACR;AAAA,IACF;AAEA,WAAIA,EAAM,YACR,WAAW,MAAM;AACf,MAAIA,EAAM,YACRA,EAAM,SAAS,EAAE,UAAU,GAAA,CAAO;AAAA,IAEtC,GAAG,GAAG,GAGDK;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,SAAqB;AACnB,WAAO,KAAK;AAAA,EACd;AACF;AC9GO,MAAME,IAAU;"}