{"version":3,"file":"payment-sdk-oRqgQSx5.mjs","sources":["../src/types.ts","../src/react/index.tsx","../src/constants/sdk-constants.ts","../src/ui/styles.ts","../src/ui/loader-manager.ts","../src/ui/modal-manager.ts","../src/ui/overlay-manager.ts","../src/utils.ts","../src/sdk.ts","../src/card-element.ts","../src/payment-sdk.ts"],"sourcesContent":["/**\n * Type definitions for SDK v2\n */\n\n// ============================================================================\n// Locale Types\n// ============================================================================\n\nexport type Locale = 'en' | 'de' | 'es' | 'fr' | 'it' | 'nl' | 'pl' | 'pt';\n\n// ============================================================================\n// Style Types\n// ============================================================================\n\nexport type FontFamily =\n | 'DM Sans'\n | 'Inter'\n | 'Poppins'\n | 'Nunito'\n | 'Work Sans'\n | 'Manrope'\n | 'Rubik'\n | 'Karla'\n | 'Figtree'\n | 'Outfit'\n | 'Space Grotesk'\n | 'Urbanist';\n\nexport type FontWeight =\n | 100\n | 200\n | 300\n | 400\n | 500\n | 600\n | 700\n | 800\n | 900\n | 'normal'\n | 'bold'\n | 'lighter'\n | 'bolder';\n\nexport type Opacity = number | string; \n\nexport interface InputContainerStyles {\n backgroundColor?: string;\n borderColor?: string;\n borderEnabled?: boolean;\n borderRadius?: string;\n}\n\nexport interface InputStyles {\n backgroundColor?: string;\n borderColor?: string;\n borderEnabled?: boolean;\n borderRadius?: string;\n textColor?: string;\n placeholderColor?: string;\n}\n\nexport interface ButtonBaseStyles {\n backgroundColor?: string;\n textColor?: string;\n borderRadius?: string;\n borderColor?: string;\n borderEnabled?: boolean;\n fontSize?: string;\n fontWeight?: FontWeight;\n opacity?: Opacity;\n}\n\nexport interface ButtonStyles extends ButtonBaseStyles {\n hover?: ButtonBaseStyles;\n disabled?: ButtonBaseStyles;\n loaderColor?: string;\n}\n\nexport interface GeneralMessageStyles {\n textColor?: string;\n backgroundColor?: string;\n borderEnabled?: boolean;\n borderRadius?: string;\n borderColor?: string;\n}\n\nexport interface ThemeStyles {\n inputContainer?: InputContainerStyles;\n input?: InputStyles;\n button?: ButtonStyles;\n disclaimerColor?: string;\n fieldErrorColor?: string;\n generalError?: GeneralMessageStyles;\n generalSuccess?: GeneralMessageStyles;\n}\n\nexport interface CSSProperties {\n fontFamily?: FontFamily;\n fillParent?: boolean;\n inputContainer?: InputContainerStyles;\n input?: InputStyles;\n button?: ButtonStyles;\n disclaimerColor?: string;\n fieldErrorColor?: string;\n generalError?: GeneralMessageStyles;\n generalSuccess?: GeneralMessageStyles;\n // Theme-specific overrides\n dark?: ThemeStyles;\n}\n\n// ============================================================================\n// SDK Config Types\n// ============================================================================\n\nexport interface SDKConfig {\n /** Public API key */\n publicKey?: string;\n /** Payment configuration */\n config?: PaymentConfig;\n /** Container element or selector where to mount the iframe (if not provided, creates a popup) */\n container?: string | HTMLElement;\n /** Locale for the UI. Defaults to 'en' */\n locale?: Locale;\n /** Callback when payment succeeds */\n onSuccess?: (data: TransactionData) => void;\n /** Callback when payment fails */\n onError?: (error: any) => void;\n /** Callback when user closes the payment modal */\n onClose?: () => void;\n /** Show default success UI after payment (default true). If false, only unmount iframe. */\n showDefaultSuccessUI?: boolean;\n}\n\nexport interface PaymentConfig {\n name?: string;\n amount?: number;\n currency?: string;\n paymentId?: string;\n /** Custom styling for the card element */\n style?: CSSProperties;\n /** Custom button text (default: \"Complete Payment\") */\n buttonText?: string;\n /** Custom placeholder text for inputs */\n placeholders?: {\n cardNumber?: string;\n expiry?: string;\n cvc?: string;\n };\n /** Show default success UI after payment (default true). If false, only unmount iframe. */\n showDefaultSuccessUI?: boolean;\n [key: string]: any;\n}\n\nexport interface IframeMessage {\n type: 'sdkData' | 'success' | 'error' | 'close' | '3ds-required' | 'iframe-ready' | 'content-height' | '3ds-failed' | '3ds-success';\n data?: any;\n config?: PaymentConfig;\n threeDsSessionUrl?: string; // URL for 3DS challenge when type is '3ds-required'\n paymentId?: string; // Payment ID for 3DS flow\n sessionId?: string; // 3DS session ID when type is '3ds-completed'\n success?: boolean; // 3DS result when type is '3ds-result'\n height?: number; // Content height when type is 'content-height'\n}\n\nexport interface TransactionData {\n transaction?: {\n id: string;\n amount: number;\n currency: string;\n status: string;\n created_at: string;\n [key: string]: any;\n };\n [key: string]: any;\n}\n\n// ============================================================================\n// Payment Result Types\n// ============================================================================\n\nexport enum PaymentResultStatus {\n SUCCESS = 'SUCCESS',\n FAILED = 'FAILED',\n}\n\nexport enum PaymentResultErrorCode {\n THREE_DS_FAILED = 'THREE_DS_FAILED',\n PAYMENT_PROCESSING_ERROR = 'PAYMENT_PROCESSING_ERROR',\n}\n\nexport interface PaymentError {\n code: PaymentResultErrorCode;\n message: string;\n retryable: boolean;\n}\n\nexport interface PaymentResult {\n status: PaymentResultStatus;\n paymentId: string;\n error?: PaymentError;\n}\n\nexport interface CardElementState {\n complete: boolean;\n}\n\n","/**\n * InflowPay React SDK v2 - React Components\n * \n * React components that use the iframe-based SDK v2\n * Same API as the original React SDK for easy migration\n */\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useEffect, useRef, useState } from 'react';\nimport type { CardElement as CardElementClass, CardElementOptions } from '../card-element';\nimport type { PaymentSDKConfig } from '../payment-sdk';\nimport { PaymentSDK } from '../payment-sdk';\nimport type {\n CardElementState,\n CSSProperties,\n Locale,\n PaymentError,\n PaymentResult,\n} from '../types';\nimport { PaymentResultStatus } from '../types';\n\nexport interface SDKConfig {\n publicKey: string;\n /** Locale for the payment UI. Defaults to 'en' */\n locale?: Locale;\n}\n\nexport type {\n CardElementState, PaymentError,\n PaymentResult\n} from '../types';\n\nexport { PaymentResultErrorCode, PaymentResultStatus } from '../types';\n\nexport interface CardElementProps {\n paymentId: string;\n onReady?: () => void;\n onChange?: (state: CardElementState) => void;\n onComplete?: (result: PaymentResult) => void;\n onError?: (error: PaymentError) => void;\n style?: CSSProperties;\n buttonText?: string;\n placeholders?: {\n cardNumber?: string;\n expiry?: string;\n cvc?: string;\n };\n /** Show default success UI after payment (default true). If false, only unmount iframe. */\n showDefaultSuccessUI?: boolean;\n}\n\ninterface InflowPayContextValue {\n sdk: PaymentSDK;\n}\n\nconst InflowPayContext = createContext(null);\n\n/**\n * InflowPayProvider - React component\n * \n * Same API as the original React SDK\n * \n * @example\n * ```tsx\n * \n * {\n * if (result.status === 'CHECKOUT_SUCCESS') {\n * window.location.href = '/success';\n * }\n * }}\n * />\n * \n * ```\n */\nexport function InflowPayProvider({\n config,\n children,\n}: {\n config: SDKConfig;\n children: ReactNode;\n}) {\n const [sdk] = useState(() => {\n const sdkConfig: PaymentSDKConfig = {\n publicKey: config.publicKey,\n locale: config.locale,\n };\n return new PaymentSDK(sdkConfig);\n });\n\n return (\n \n {children}\n \n );\n}\n\n/**\n * useInflowPay - Hook to access InflowPay SDK instance\n * \n * @example\n * ```tsx\n * function CustomComponent() {\n * const inflow = useInflowPay();\n * \n * const checkStatus = async () => {\n * const status = await inflow.getPaymentStatus('pay_xxx');\n * console.log(status);\n * };\n * \n * return ;\n * }\n * ```\n */\nexport function useInflowPay(): PaymentSDK {\n const context = useContext(InflowPayContext);\n if (!context) {\n throw new Error('useInflowPay must be used within InflowPayProvider');\n }\n return context.sdk;\n}\n\n/**\n * CardElement - React component\n * \n * Same API as the original React SDK\n * \n * @example\n * ```tsx\n * {\n * if (result.status === 'CHECKOUT_SUCCESS') {\n * window.location.href = '/success';\n * }\n * }}\n * />\n * ```\n */\nexport function CardElement(props: CardElementProps & { config?: SDKConfig }) {\n const {\n paymentId,\n onReady,\n onChange,\n onComplete,\n onError,\n style,\n buttonText,\n placeholders,\n showDefaultSuccessUI,\n config: propConfig,\n } = props;\n const context = useContext(InflowPayContext);\n const containerRef = useRef(null);\n const cardElementRef = useRef(null);\n const [mounted, setMounted] = useState(false);\n\n const sdk = context?.sdk || (propConfig ? new PaymentSDK({\n publicKey: propConfig.publicKey,\n locale: propConfig.locale,\n }) : null);\n\n if (!sdk) {\n throw new Error('CardElement must be used within InflowPayProvider or have a config prop');\n }\n\n useEffect(() => {\n if (!containerRef.current) {\n return;\n }\n\n if (!containerRef.current.id) {\n containerRef.current.id = `inflowpay-card-element-${Date.now()}`;\n }\n\n const cardElementOptions: CardElementOptions = {\n container: containerRef.current,\n paymentId: paymentId,\n ...(style && { style }),\n ...(buttonText && { buttonText }),\n ...(placeholders && { placeholders }),\n ...(showDefaultSuccessUI !== undefined && { showDefaultSuccessUI }),\n onComplete: (result: PaymentResult) => {\n if (onComplete) {\n onComplete(result);\n }\n },\n onError: (error) => {\n if (onError) {\n onError(error);\n } else if (onComplete) {\n onComplete({\n status: PaymentResultStatus.FAILED,\n paymentId: paymentId,\n error: error,\n });\n }\n },\n onClose: () => {\n },\n };\n\n const cardElement = sdk.createCardElement(cardElementOptions);\n cardElementRef.current = cardElement;\n cardElement.mount();\n setMounted(true);\n\n if (onReady) {\n const timer = setTimeout(() => {\n onReady();\n }, 100);\n return () => clearTimeout(timer);\n }\n }, [paymentId, sdk, onComplete, onError, onReady, style, buttonText, placeholders, showDefaultSuccessUI]);\n\n useEffect(() => {\n if (onChange && mounted) {\n onChange({ complete: false });\n }\n }, [mounted, onChange]);\n\n useEffect(() => {\n return () => {\n if (cardElementRef.current) {\n cardElementRef.current.destroy();\n cardElementRef.current = null;\n }\n };\n }, []);\n\n return (\n \n );\n}\n","/**\n * SDK Constants\n * Centralized constants for z-indices, dimensions, and configuration values\n */\n\nexport const Z_INDEX = {\n OVERLAY: 999999,\n MODAL: 1000000,\n LOADER: 1000,\n} as const;\n\nexport const DIMENSIONS = {\n MIN_HEIGHT: 196,\n CONTAINER_MAX_WIDTH: '500px',\n CONTAINER_WIDTH_PERCENT: '90%',\n CONTAINER_HEIGHT_PERCENT: '90%',\n CONTAINER_MAX_HEIGHT: '600px',\n BUTTON_SIZE: 30,\n DEFAULT_IFRAME_WIDTH: '344px',\n} as const;\n\nexport const ALLOWED_3DS_ORIGINS = [\n 'https://dev.api.inflowpay.xyz',\n 'https://pre-prod.api.inflowpay.xyz',\n 'https://api.inflowpay.xyz',\n] as const;\n\nexport const ELEMENT_IDS = {\n OVERLAY: 'inflowpay-sdk-overlay',\n LOADER: 'inflowpay-loader',\n LOADER_STYLES: 'inflowpay-loader-styles',\n THREE_DS_OVERLAY: 'inflowpay-3ds-overlay',\n THREE_DS_CLOSE: 'inflowpay-3ds-close',\n} as const;\n\nexport const IFRAME_URLS = {\n PRODUCTION: 'https://iframe.inflowpay.com/iframe/checkout',\n PREPROD: 'https://preprod.iframe.inflowpay.com/iframe/checkout',\n DEVELOPMENT: 'https://dev.iframe.inflowpay.com/iframe/checkout',\n LOCAL: 'http://localhost:3010/iframe/checkout',\n} as const;\n","/**\n * UI Styles\n * Centralized CSS styles for SDK components\n */\n\nimport { Z_INDEX, DIMENSIONS } from '../constants/sdk-constants';\n\n/**\n * Color scheme for dark mode support\n */\nexport interface ColorScheme {\n inputBgColor: string;\n shimmerBase: string;\n shimmerLight: string;\n}\n\n/**\n * Get color scheme based on dark mode preference\n */\nexport function getColorScheme(isDarkMode: boolean): ColorScheme {\n return {\n inputBgColor: isDarkMode ? '#2d2d2d' : '#F5F5F5',\n shimmerBase: isDarkMode ? '#3d3d3d' : '#E5E5E5',\n shimmerLight: isDarkMode ? '#4d4d4d' : '#F0F0F0',\n };\n}\n\n/**\n * Get shimmer gradient for skeleton loader\n */\nexport function getShimmerGradient(colors: ColorScheme): string {\n return `linear-gradient(90deg, ${colors.shimmerBase} 25%, ${colors.shimmerLight} 50%, ${colors.shimmerBase} 75%)`;\n}\n\n/**\n * Overlay styles for popup mode\n */\nexport function getOverlayStyles(): string {\n return `\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: ${Z_INDEX.OVERLAY};\n `;\n}\n\n/**\n * Container styles for popup mode\n */\nexport function getContainerStyles(): string {\n return `\n position: relative;\n width: ${DIMENSIONS.CONTAINER_WIDTH_PERCENT};\n max-width: ${DIMENSIONS.CONTAINER_MAX_WIDTH};\n height: ${DIMENSIONS.CONTAINER_HEIGHT_PERCENT};\n max-height: ${DIMENSIONS.CONTAINER_MAX_HEIGHT};\n background: white;\n border-radius: 8px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n `;\n}\n\n/**\n * Close button styles\n */\nexport function getCloseButtonStyles(): string {\n return `\n position: absolute;\n top: 10px;\n right: 10px;\n width: ${DIMENSIONS.BUTTON_SIZE}px;\n height: ${DIMENSIONS.BUTTON_SIZE}px;\n border: none;\n background: transparent;\n font-size: 24px;\n cursor: pointer;\n z-index: ${Z_INDEX.MODAL};\n color: #333;\n display: flex;\n align-items: center;\n justify-content: center;\n `;\n}\n\n/**\n * Iframe styles for popup mode\n */\nexport function getPopupIframeStyles(): string {\n return `\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 8px;\n `;\n}\n\n/**\n * Iframe styles for inline mode\n */\nexport function getInlineIframeStyles(fillParent: boolean): string {\n const width = fillParent ? '100%' : DIMENSIONS.DEFAULT_IFRAME_WIDTH;\n const maxWidth = fillParent ? 'none' : '100%';\n \n return `\n width: ${width};\n max-width: ${maxWidth};\n height: ${DIMENSIONS.MIN_HEIGHT}px;\n min-height: ${DIMENSIONS.MIN_HEIGHT}px;\n border: none;\n display: block;\n transition: height 0.2s ease;\n `;\n}\n\n/**\n * Loader container styles\n */\nexport function getLoaderContainerStyles(): string {\n return `\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: ${Z_INDEX.LOADER};\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n `;\n}\n\n/**\n * Skeleton card element styles\n */\nexport function getSkeletonCardStyles(fillParent: boolean): string {\n const width = fillParent ? '100%' : DIMENSIONS.DEFAULT_IFRAME_WIDTH;\n \n return `\n width: ${width};\n max-width: 100%;\n margin: 0 auto;\n `;\n}\n\n/**\n * Input wrapper styles for skeleton loader\n */\nexport function getInputWrapStyles(bgColor: string): string {\n return `\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n background-color: ${bgColor};\n padding: 8px;\n border-radius: 8px;\n margin-bottom: 20px;\n `;\n}\n\n/**\n * Skeleton element base styles\n */\nexport function getSkeletonBaseStyles(shimmerGradient: string): string {\n return `\n background: ${shimmerGradient};\n background-size: 200% 100%;\n animation: inflowpay-shimmer 1.5s infinite;\n `;\n}\n\n/**\n * Card number skeleton styles\n */\nexport function getCardNumberSkeletonStyles(shimmerGradient: string): string {\n return `\n flex: 1;\n min-width: 0;\n height: 32px;\n border-radius: 6px;\n ${getSkeletonBaseStyles(shimmerGradient)}\n `;\n}\n\n/**\n * Expiry skeleton styles\n */\nexport function getExpirySkeletonStyles(shimmerGradient: string): string {\n return `\n width: 21.5%;\n flex-shrink: 0;\n height: 32px;\n border-radius: 6px;\n ${getSkeletonBaseStyles(shimmerGradient)}\n `;\n}\n\n/**\n * CVC skeleton styles\n */\nexport function getCvcSkeletonStyles(shimmerGradient: string): string {\n return `\n width: 17.5%;\n flex-shrink: 0;\n height: 32px;\n border-radius: 6px;\n ${getSkeletonBaseStyles(shimmerGradient)}\n `;\n}\n\n/**\n * Button skeleton styles\n */\nexport function getButtonSkeletonStyles(shimmerGradient: string): string {\n return `\n width: 100%;\n height: 42px;\n border-radius: 8px;\n ${getSkeletonBaseStyles(shimmerGradient)}\n margin-bottom: 16px;\n `;\n}\n\n/**\n * Disclaimer skeleton container styles\n */\nexport function getDisclaimerSkeletonStyles(): string {\n return `\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n width: 100%;\n margin-top: 16px;\n `;\n}\n\n/**\n * Disclaimer icon skeleton styles\n */\nexport function getDisclaimerIconSkeletonStyles(shimmerGradient: string): string {\n return `\n width: 10px;\n height: 10px;\n border-radius: 50%;\n ${getSkeletonBaseStyles(shimmerGradient)}\n `;\n}\n\n/**\n * Disclaimer text skeleton styles\n */\nexport function getDisclaimerTextSkeletonStyles(shimmerGradient: string): string {\n return `\n width: 80%;\n height: 16px;\n border-radius: 4px;\n ${getSkeletonBaseStyles(shimmerGradient)}\n `;\n}\n\n/**\n * Shimmer animation keyframes\n */\nexport const SHIMMER_ANIMATION = `\n @keyframes inflowpay-shimmer {\n 0% {\n background-position: -200% 0;\n }\n 100% {\n background-position: 200% 0;\n }\n }\n`;\n\n/**\n * 3DS overlay styles\n */\nexport function get3DSOverlayStyles(): string {\n return `\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: ${Z_INDEX.OVERLAY};\n `;\n}\n\n/**\n * 3DS modal styles\n */\nexport function get3DSModalStyles(): string {\n return `\n position: relative;\n width: ${DIMENSIONS.CONTAINER_WIDTH_PERCENT};\n max-width: ${DIMENSIONS.CONTAINER_MAX_WIDTH};\n height: ${DIMENSIONS.CONTAINER_HEIGHT_PERCENT};\n max-height: ${DIMENSIONS.CONTAINER_MAX_HEIGHT};\n background: white;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n `;\n}\n\n/**\n * 3DS header styles\n */\nexport function get3DSHeaderStyles(): string {\n return `\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 15px 20px;\n border-bottom: 1px solid #e5e5e5;\n `;\n}\n\n/**\n * 3DS content styles\n */\nexport function get3DSContentStyles(): string {\n return `\n flex: 1;\n position: relative;\n overflow-y: auto;\n overflow-x: hidden;\n `;\n}\n\n/**\n * 3DS iframe styles\n */\nexport function get3DSIframeStyles(): string {\n return `\n width: 100%;\n height: 100%;\n border: none;\n `;\n}\n","/**\n * Loader Manager\n * Handles skeleton loading UI while iframe is initializing\n */\n\nimport { ELEMENT_IDS } from '../constants/sdk-constants';\nimport {\n getColorScheme,\n getShimmerGradient,\n getLoaderContainerStyles,\n getSkeletonCardStyles,\n getInputWrapStyles,\n getCardNumberSkeletonStyles,\n getExpirySkeletonStyles,\n getCvcSkeletonStyles,\n getButtonSkeletonStyles,\n getDisclaimerSkeletonStyles,\n getDisclaimerIconSkeletonStyles,\n getDisclaimerTextSkeletonStyles,\n SHIMMER_ANIMATION,\n} from './styles';\n\nexport interface LoaderConfig {\n fillParent?: boolean;\n}\n\nexport class LoaderManager {\n private container: HTMLElement;\n private config: LoaderConfig;\n private loaderElement: HTMLElement | null = null;\n\n constructor(container: HTMLElement, config: LoaderConfig = {}) {\n this.container = container;\n this.config = config;\n }\n\n /**\n * Show skeleton loader\n */\n show(iframe?: HTMLIFrameElement): void {\n // Hide iframe while loader is showing\n if (iframe) {\n iframe.style.display = 'none';\n }\n\n // Detect dark mode\n const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // Get color scheme\n const colors = getColorScheme(isDarkMode);\n const shimmerGradient = getShimmerGradient(colors);\n\n // Create loader container\n const loader = document.createElement('div');\n loader.id = ELEMENT_IDS.LOADER;\n loader.style.cssText = getLoaderContainerStyles();\n\n // Create skeleton card element\n const skeletonCard = document.createElement('div');\n skeletonCard.style.cssText = getSkeletonCardStyles(this.config.fillParent || false);\n\n // Create input wrapper\n const inputWrap = document.createElement('div');\n inputWrap.style.cssText = getInputWrapStyles(colors.inputBgColor);\n\n // Create card number skeleton\n const cardNumberSkeleton = document.createElement('div');\n cardNumberSkeleton.className = 'inflowpay-skeleton';\n cardNumberSkeleton.style.cssText = getCardNumberSkeletonStyles(shimmerGradient);\n\n // Create expiry skeleton\n const expirySkeleton = document.createElement('div');\n expirySkeleton.className = 'inflowpay-skeleton';\n expirySkeleton.style.cssText = getExpirySkeletonStyles(shimmerGradient);\n\n // Create CVC skeleton\n const cvcSkeleton = document.createElement('div');\n cvcSkeleton.className = 'inflowpay-skeleton';\n cvcSkeleton.style.cssText = getCvcSkeletonStyles(shimmerGradient);\n\n // Assemble input wrapper\n inputWrap.appendChild(cardNumberSkeleton);\n inputWrap.appendChild(expirySkeleton);\n inputWrap.appendChild(cvcSkeleton);\n\n // Create button skeleton\n const buttonSkeleton = document.createElement('div');\n buttonSkeleton.className = 'inflowpay-skeleton';\n buttonSkeleton.style.cssText = getButtonSkeletonStyles(shimmerGradient);\n\n // Create disclaimer skeleton\n const disclaimerSkeleton = document.createElement('div');\n disclaimerSkeleton.style.cssText = getDisclaimerSkeletonStyles();\n\n const disclaimerIconSkeleton = document.createElement('div');\n disclaimerIconSkeleton.className = 'inflowpay-skeleton';\n disclaimerIconSkeleton.style.cssText = getDisclaimerIconSkeletonStyles(shimmerGradient);\n\n const disclaimerTextSkeleton = document.createElement('div');\n disclaimerTextSkeleton.className = 'inflowpay-skeleton';\n disclaimerTextSkeleton.style.cssText = getDisclaimerTextSkeletonStyles(shimmerGradient);\n\n disclaimerSkeleton.appendChild(disclaimerIconSkeleton);\n disclaimerSkeleton.appendChild(disclaimerTextSkeleton);\n\n // Assemble skeleton card\n skeletonCard.appendChild(inputWrap);\n skeletonCard.appendChild(buttonSkeleton);\n skeletonCard.appendChild(disclaimerSkeleton);\n\n // Add to loader\n loader.appendChild(skeletonCard);\n\n // Inject shimmer animation styles if not already present\n this.injectShimmerStyles();\n\n // Add loader to container\n this.container.appendChild(loader);\n this.loaderElement = loader;\n }\n\n /**\n * Hide loader\n */\n hide(iframe?: HTMLIFrameElement): void {\n const loader = document.getElementById(ELEMENT_IDS.LOADER);\n if (loader) {\n loader.remove();\n }\n this.loaderElement = null;\n\n // Show iframe again when loader is hidden\n if (iframe) {\n iframe.style.display = '';\n }\n }\n\n /**\n * Inject shimmer animation styles into document head\n */\n private injectShimmerStyles(): void {\n if (!document.getElementById(ELEMENT_IDS.LOADER_STYLES)) {\n const style = document.createElement('style');\n style.id = ELEMENT_IDS.LOADER_STYLES;\n style.textContent = SHIMMER_ANIMATION;\n document.head.appendChild(style);\n }\n }\n}\n","/**\n * Modal Manager\n * Handles 3DS authentication modal\n */\n\nimport { ALLOWED_3DS_ORIGINS, DIMENSIONS, ELEMENT_IDS } from '../constants/sdk-constants';\nimport {\n get3DSContentStyles,\n get3DSHeaderStyles,\n get3DSIframeStyles,\n get3DSModalStyles,\n get3DSOverlayStyles,\n getCloseButtonStyles,\n} from './styles';\n\nexport interface ModalConfig {\n environment: 'sandbox' | 'production' | 'development' | 'preprod';\n debug?: boolean;\n}\n\nexport class ModalManager {\n private config: ModalConfig;\n private static activeModal: {\n overlay: HTMLElement;\n sessionId: string;\n paymentId: string;\n } | null = null;\n\n constructor(config: ModalConfig) {\n this.config = config;\n }\n\n /**\n * Open 3DS authentication modal\n * Returns a Promise that resolves with the authentication result\n */\n open(challengeUrl: string, sessionId: string, paymentId: string): Promise {\n if (this.config.debug) {\n console.log('[SDK] open3DSModal called with URL:', challengeUrl);\n console.log('[SDK] Session ID:', sessionId, 'Payment ID:', paymentId);\n }\n\n // If there's already a modal open, close it first\n if (ModalManager.activeModal) {\n console.warn('[SDK] Closing existing modal before opening new one');\n ModalManager.activeModal.overlay.remove();\n ModalManager.activeModal = null;\n }\n\n return new Promise((resolve) => {\n // Create overlay\n const overlay = document.createElement('div');\n overlay.id = ELEMENT_IDS.THREE_DS_OVERLAY;\n overlay.style.cssText = get3DSOverlayStyles();\n\n // Create modal\n const modal = document.createElement('div');\n modal.style.cssText = get3DSModalStyles();\n\n // Create header\n const header = document.createElement('div');\n header.style.cssText = get3DSHeaderStyles();\n header.innerHTML = `\n

Secure Payment Authentication

\n `;\n\n // Create content with iframe\n const content = document.createElement('div');\n content.style.cssText = get3DSContentStyles();\n \n const iframe = document.createElement('iframe');\n iframe.src = challengeUrl;\n iframe.style.cssText = get3DSIframeStyles();\n iframe.setAttribute('allow', 'payment');\n iframe.setAttribute('sandbox', 'allow-forms allow-scripts allow-same-origin allow-popups');\n content.appendChild(iframe);\n\n // Assemble modal\n modal.appendChild(header);\n modal.appendChild(content);\n overlay.appendChild(modal);\n document.body.appendChild(overlay);\n\n // Store as THE active modal\n ModalManager.activeModal = {\n overlay,\n sessionId,\n paymentId\n };\n\n // Message handler for 3DS completion\n const messageHandler = (event: MessageEvent) => {\n if (!event.data) return;\n\n // Validate origin\n if (!this.isAllowedOrigin(event.origin)) {\n if (this.config.debug) {\n console.warn('[SDK] Rejected 3DS message from unauthorized origin:', event.origin);\n }\n return;\n }\n\n const data = event.data;\n const is3DSComplete = data.type === 'THREE_DS_COMPLETE' || data.type === '3ds-complete';\n const isSuccess = data.status === 'success';\n const isFailure = data.status === 'failed' || data.status === 'failure';\n\n // Success case\n if (is3DSComplete && isSuccess) {\n overlay.remove();\n window.removeEventListener('message', messageHandler);\n resolve(true);\n return;\n }\n\n // Also handle legacy format\n if (isSuccess && !is3DSComplete) {\n overlay.remove();\n window.removeEventListener('message', messageHandler);\n resolve(true);\n return;\n }\n\n // Failure case\n if ((is3DSComplete && isFailure) || data.type === '3ds-failed' || isFailure) {\n overlay.remove();\n window.removeEventListener('message', messageHandler);\n resolve(false);\n return;\n }\n };\n\n window.addEventListener('message', messageHandler);\n });\n }\n\n /**\n * Close 3DS modal (called from external events like WebSocket)\n * @param sessionId - Optional session ID to validate before closing\n */\n static close(sessionId?: string): void {\n if (!ModalManager.activeModal) {\n // No modal is open - nothing to do\n console.log('[SDK] No active modal to close');\n return;\n }\n\n // If sessionId is provided, validate it matches the current modal\n if (sessionId && ModalManager.activeModal.sessionId !== sessionId) {\n console.warn(\n `[SDK] Session ID mismatch: webhook for ${sessionId}, but modal is for ${ModalManager.activeModal.sessionId}. Ignoring close request.`\n );\n return;\n }\n\n // Close the modal\n console.log('[SDK] Closing modal for session:', sessionId || ModalManager.activeModal.sessionId);\n ModalManager.activeModal.overlay.remove();\n ModalManager.activeModal = null;\n }\n\n /**\n * Check if a modal is currently open\n */\n static isModalOpen(): boolean {\n return ModalManager.activeModal !== null;\n }\n\n /**\n * Get current session ID\n */\n static getCurrentSessionId(): string | null {\n return ModalManager.activeModal?.sessionId || null;\n }\n\n /**\n * Check if origin is allowed for 3DS messages\n */\n private isAllowedOrigin(origin: string): boolean {\n // Check exact match with allowed origins\n if ((ALLOWED_3DS_ORIGINS as readonly string[]).includes(origin)) {\n return true;\n }\n\n // Allow localhost in dev/sandbox environments\n if (this.config.environment === 'sandbox' || this.config.environment === 'development') {\n if (origin.includes('localhost') || origin.includes('127.0.0.1')) {\n return true;\n }\n }\n\n return false;\n }\n}\n","/**\n * Overlay Manager\n * Handles popup overlay UI for payment iframe\n */\n\nimport { ELEMENT_IDS } from '../constants/sdk-constants';\nimport {\n getOverlayStyles,\n getContainerStyles,\n getCloseButtonStyles,\n getPopupIframeStyles,\n} from './styles';\n\nexport interface OverlayElements {\n overlay: HTMLElement;\n container: HTMLElement;\n iframe: HTMLIFrameElement;\n}\n\nexport class OverlayManager {\n /**\n * Create popup overlay with iframe\n */\n static createOverlay(\n iframeSrc: string,\n onClose: () => void\n ): OverlayElements {\n // Create overlay\n const overlay = document.createElement('div');\n overlay.id = ELEMENT_IDS.OVERLAY;\n overlay.style.cssText = getOverlayStyles();\n\n // Create iframe container\n const container = document.createElement('div');\n container.style.cssText = getContainerStyles();\n\n // Create close button\n const closeButton = document.createElement('button');\n closeButton.innerHTML = '×';\n closeButton.style.cssText = getCloseButtonStyles();\n closeButton.onclick = onClose;\n\n // Create iframe\n const iframe = document.createElement('iframe');\n iframe.src = iframeSrc;\n iframe.style.cssText = getPopupIframeStyles();\n iframe.setAttribute('allow', 'payment');\n\n // Assemble structure\n container.appendChild(closeButton);\n container.appendChild(iframe);\n overlay.appendChild(container);\n\n // Close on overlay click (but not on container click)\n overlay.addEventListener('click', (e) => {\n if (e.target === overlay) {\n onClose();\n }\n });\n\n return { overlay, container, iframe };\n }\n\n /**\n * Remove overlay from DOM\n */\n static removeOverlay(): void {\n const overlay = document.getElementById(ELEMENT_IDS.OVERLAY);\n if (overlay) {\n overlay.remove();\n }\n }\n}\n","/**\n * Utility functions\n */\n\nimport { IFRAME_URLS } from './constants/sdk-constants';\nimport type { Locale } from './types';\n\nexport const SUPPORTED_LOCALES: Locale[] = ['en', 'de', 'es', 'fr', 'it', 'nl', 'pl', 'pt'];\n\n/**\n * Detects the browser's language and returns a supported locale if available.\n * Falls back to 'en' if the browser language is not supported.\n */\nexport function detectBrowserLocale(): Locale {\n if (typeof window === 'undefined') {\n return 'en';\n }\n\n try {\n const browserLang =\n navigator.language ||\n (navigator as { userLanguage?: string }).userLanguage ||\n '';\n\n const primaryLang = browserLang.split('-')[0].toLowerCase();\n\n if (SUPPORTED_LOCALES.includes(primaryLang as Locale)) {\n return primaryLang as Locale;\n }\n } catch {\n // If detection fails, fall back to default\n }\n\n return 'en';\n}\n\n/**\n * Determines the environment from the API key format\n */\nexport function getEnvironmentFromApiKey(publicKey: string): 'sandbox' | 'production' | 'development' | 'preprod' {\n if (publicKey.includes('_local_') || publicKey.startsWith('inflow_local_')) {\n return 'sandbox';\n } else if (publicKey.includes('_prod_') && !publicKey.includes('_preprod_')) {\n return 'production';\n } else if (publicKey.includes('_preprod_') || publicKey.startsWith('inflow_preprod_')) {\n return 'preprod';\n } else if (publicKey.includes('_dev_')) {\n return 'development';\n }\n return 'sandbox';\n}\n\n/**\n * Gets the iframe URL based on the API key environment\n * This function auto-detects the correct iframe URL from the API key format\n * \n * @param publicKey - The public API key\n * @returns The iframe URL for the detected environment\n * \n * @example\n * ```typescript\n * const url = getIframeUrlFromApiKey('inflow_pub_prod_xxx');\n * // Returns: 'https://api.inflowpay.xyz/iframe/checkout'\n * \n * const url = getIframeUrlFromApiKey('inflow_pub_local_xxx');\n * // Returns: 'http://localhost:3000/iframe/checkout'\n * ```\n */\nexport function getIframeUrlFromApiKey(publicKey: string): string {\n const environment = getEnvironmentFromApiKey(publicKey);\n \n switch (environment) {\n case 'production':\n return IFRAME_URLS.PRODUCTION;\n case 'preprod':\n return IFRAME_URLS.PREPROD;\n case 'development':\n return IFRAME_URLS.DEVELOPMENT;\n case 'sandbox':\n default:\n return IFRAME_URLS.LOCAL;\n }\n}\n","/**\n * InflowPay SDK v2 - Iframe-based Payment SDK\n * \n * This SDK creates an iframe and communicates with a React payment application\n * using postMessage API for secure cross-origin communication.\n */\n\nimport { DIMENSIONS } from './constants/sdk-constants';\nimport type { IframeMessage, SDKConfig, TransactionData } from './types';\nimport { LoaderManager } from './ui/loader-manager';\nimport { ModalManager } from './ui/modal-manager';\nimport { OverlayManager } from './ui/overlay-manager';\nimport { getInlineIframeStyles } from './ui/styles';\nimport { getEnvironmentFromApiKey, getIframeUrlFromApiKey } from './utils';\nexport class SDK {\n private iframe: HTMLIFrameElement | null = null;\n private iframeUrl: string;\n private config: SDKConfig & { iframeUrl?: string; debug?: boolean };\n private messageListener: ((event: MessageEvent) => void) | null = null;\n private containerElement: HTMLElement | null = null;\n private usePopup: boolean;\n private environment: 'sandbox' | 'production' | 'development' | 'preprod';\n private loaderManager: LoaderManager | null = null;\n private modalManager: ModalManager;\n\n constructor(config: SDKConfig & { iframeUrl?: string; debug?: boolean }) {\n this.config = config;\n\n // Auto-detect iframe URL from API key, or use provided iframeUrl (internal use only)\n this.iframeUrl = config.iframeUrl || getIframeUrlFromApiKey(config.publicKey || '');\n this.environment = getEnvironmentFromApiKey(config.publicKey || '');\n\n // Determine if we should use popup or inline\n this.usePopup = !config.container;\n\n // Resolve container if provided\n if (config.container) {\n if (typeof config.container === 'string') {\n this.containerElement = document.querySelector(config.container);\n if (!this.containerElement) {\n throw new Error(`Container not found: ${config.container}`);\n }\n } else {\n this.containerElement = config.container;\n }\n }\n\n // Initialize modal manager\n this.modalManager = new ModalManager({\n environment: this.environment,\n debug: this.config.debug,\n });\n }\n\n /**\n * Initialize and open the payment iframe\n */\n init(): void {\n if (this.iframe) {\n return;\n }\n\n this.createIframe();\n this.addMessageListener();\n }\n\n /**\n * Create and append the iframe to the document\n */\n private createIframe(): void {\n // Build iframe URL with API key and paymentId and locale as query parameters\n const url = new URL(this.iframeUrl);\n if (this.config.publicKey) {\n url.searchParams.set('publicKey', this.config.publicKey);\n }\n if (this.config.config?.paymentId) {\n url.searchParams.set('paymentId', this.config.config.paymentId);\n }\n if (this.config.locale) {\n url.searchParams.set('locale', this.config.locale);\n }\n const iframeSrc = url.toString();\n\n if (this.usePopup) {\n // Use OverlayManager to create popup UI\n const { overlay, container, iframe } = OverlayManager.createOverlay(\n iframeSrc,\n () => this.close()\n );\n\n this.iframe = iframe;\n document.body.appendChild(overlay);\n\n // Show loader\n this.loaderManager = new LoaderManager(container, {\n fillParent: this.config.config?.style?.fillParent,\n });\n this.loaderManager.show(this.iframe);\n } else {\n // Inline mode - mount directly in container\n if (!this.containerElement) {\n throw new Error('Container element is required for inline mode');\n }\n\n // Clear container\n this.containerElement.innerHTML = '';\n\n // Set container styles for seamless integration\n if (this.containerElement instanceof HTMLElement) {\n const currentStyle = this.containerElement.getAttribute('style') || '';\n if (!currentStyle.includes('min-height')) {\n this.containerElement.style.minHeight = `${DIMENSIONS.MIN_HEIGHT}px`;\n }\n if (!currentStyle.includes('position')) {\n this.containerElement.style.position = 'relative';\n }\n if (!currentStyle.includes('overflow')) {\n this.containerElement.style.overflow = 'hidden';\n }\n }\n\n // Create iframe\n this.iframe = document.createElement('iframe');\n this.iframe.src = iframeSrc;\n this.iframe.style.cssText = getInlineIframeStyles(\n this.config.config?.style?.fillParent || false\n );\n this.iframe.setAttribute('allow', 'payment');\n\n // Append to container\n this.containerElement.appendChild(this.iframe);\n\n // Show loader\n this.loaderManager = new LoaderManager(this.containerElement, {\n fillParent: this.config.config?.style?.fillParent,\n });\n this.loaderManager.show(this.iframe);\n }\n }\n\n /**\n * Add message listener for communication with iframe\n */\n private addMessageListener(): void {\n this.messageListener = (event: MessageEvent) => {\n const allowedOrigin = new URL(this.iframeUrl).origin;\n const isExactMatch = event.origin === allowedOrigin;\n\n let isAllowedOrigin = isExactMatch;\n\n if (!isAllowedOrigin) {\n if (this.environment === 'sandbox' || this.environment === 'development') {\n const isLocalhostDev =\n (event.origin.includes('localhost') || event.origin.includes('127.0.0.1')) &&\n (allowedOrigin.includes('localhost') || allowedOrigin.includes('127.0.0.1'));\n isAllowedOrigin = isLocalhostDev;\n }\n\n if (!isAllowedOrigin) {\n const isAllowedApiOrigin =\n event.origin === 'https://dev.iframe.inflowpay.com' ||\n event.origin === 'https://pre-prod.iframe.inflowpay.xyz' ||\n event.origin === 'https://iframe.inflowpay.xyz';\n isAllowedOrigin = isAllowedApiOrigin;\n }\n }\n\n if (!isAllowedOrigin) {\n if (this.config.debug) {\n console.warn('[SDK] Rejected message from unauthorized origin:', event.origin);\n }\n return;\n }\n\n const data = event.data as IframeMessage;\n\n if (!data || !data.type) {\n return;\n }\n\n switch (data.type) {\n case 'iframe-ready':\n // Wait for iframe's javascript to be ready before sending config\n if (this.loaderManager) {\n this.loaderManager.hide(this.iframe || undefined);\n }\n this.sendConfigToIframe();\n break;\n\n case 'content-height':\n // Adjust iframe height based on content\n if (data.height && this.iframe) {\n const height = Math.max(data.height, DIMENSIONS.MIN_HEIGHT);\n this.iframe.style.height = `${height}px`;\n if (this.containerElement) {\n this.containerElement.style.minHeight = `${height}px`;\n }\n }\n break;\n\n case 'close':\n this.close();\n break;\n\n case 'success':\n if (this.config.onSuccess) {\n this.config.onSuccess(data.data);\n }\n break;\n\n case 'error':\n if (this.config.onError) {\n this.config.onError(data.data);\n }\n break;\n\n case '3ds-required':\n // Iframe requests SDK to open 3DS popup\n if (this.config.debug) {\n console.log('[SDK] Received 3DS request:', data.threeDsSessionUrl);\n console.log('[SDK] Session ID:', data.sessionId);\n }\n if (data.threeDsSessionUrl) {\n const sessionId = data.sessionId;\n const paymentId = data.paymentId || this.config.config?.paymentId || '';\n\n if (!data.sessionId) {\n console.warn('[SDK] No session ID provided by iframe');\n }\n\n if (this.config.debug) {\n console.log('[SDK] Opening 3DS modal with session ID:', sessionId);\n }\n\n this.modalManager.open(data.threeDsSessionUrl, sessionId as string, paymentId).then((success) => {\n if (this.config.debug) {\n console.log('[SDK] 3DS modal closed, result:', success);\n }\n // No longer send message back to iframe - unidirectional flow\n });\n } else {\n if (this.config.debug) {\n console.error('[SDK] 3DS required but no threeDsSessionUrl provided');\n }\n }\n break;\n\n case '3ds-success':\n // 3DS challenge completed via WebSocket, close modal automatically\n if (this.config.debug) {\n console.log('[SDK] 3DS completed, closing modal...');\n console.log('[SDK] Session ID from webhook:', data.sessionId);\n }\n // Pass session ID to validate before closing\n ModalManager.close(data.sessionId);\n break;\n\n case '3ds-failed':\n // 3DS challenge completed via WebSocket, close modal automatically\n if (this.config.debug) {\n console.log('[SDK] 3DS failed, closing modal...');\n console.log('[SDK] Session ID from webhook:', data.sessionId);\n }\n // Pass session ID to validate before closing\n ModalManager.close(data.sessionId);\n break;\n\n default:\n if (this.config.debug) {\n console.log('SDK: Received message:', data);\n }\n\n\n }\n };\n\n window.addEventListener('message', this.messageListener);\n }\n\n /**\n * Send configuration to the iframe\n */\n private sendConfigToIframe(): void {\n if (!this.iframe || !this.iframe.contentWindow) {\n // Wait for iframe to load\n if (this.iframe) {\n this.iframe.onload = () => {\n this.sendConfigToIframe();\n };\n }\n return;\n }\n\n const message: IframeMessage = {\n type: 'sdkData',\n config: {\n ...(this.config.config || {}),\n paymentId: this.config.config?.paymentId\n },\n data: {\n publicKey: this.config.publicKey,\n },\n };\n\n const targetOrigin = this.getTargetOrigin();\n this.iframe.contentWindow.postMessage(message, targetOrigin);\n }\n\n\n /**\n * Close the iframe and cleanup\n */\n private close(): void {\n if (this.config.onClose) {\n this.config.onClose();\n }\n\n // Hide loader\n if (this.loaderManager) {\n this.loaderManager.hide(this.iframe || undefined);\n this.loaderManager = null;\n }\n\n // Remove message listener\n if (this.messageListener) {\n window.removeEventListener('message', this.messageListener);\n this.messageListener = null;\n }\n\n if (this.usePopup) {\n // Remove overlay\n OverlayManager.removeOverlay();\n } else {\n // Clear container\n if (this.containerElement) {\n this.containerElement.innerHTML = '';\n }\n }\n\n this.iframe = null;\n }\n\n /**\n * Handle success state: when showDefaultSuccessUI is true, iframe shows success UI\n * and we keep it mounted; when false, we unmount so the parent can render their own.\n */\n public switchToSuccessState(_result: TransactionData): void {\n // Hide loader and remove message listener (same as close)\n if (this.loaderManager) {\n this.loaderManager.hide(this.iframe || undefined);\n this.loaderManager = null;\n }\n if (this.messageListener) {\n window.removeEventListener('message', this.messageListener);\n this.messageListener = null;\n }\n\n if (this.usePopup) {\n OverlayManager.removeOverlay();\n this.iframe = null;\n return;\n }\n\n const showDefault = this.config.config?.showDefaultSuccessUI ?? true;\n\n if (!showDefault && this.containerElement) {\n // Parent will render their own success UI: unmount iframe\n this.containerElement.innerHTML = '';\n }\n if (!showDefault) {\n this.iframe = null;\n }\n // When showDefault is true, keep iframe mounted (success UI is shown inside iframe)\n }\n\n /**\n * Get target origin for postMessage based on environment\n * In production/pre-prod: use exact origin for security\n * In dev/sandbox: use wildcard for development flexibility\n */\n private getTargetOrigin(): string {\n if (this.environment === 'production' || this.environment === 'preprod') {\n return new URL(this.iframeUrl).origin;\n }\n return '*';\n }\n\n /**\n * Public method to close the iframe\n */\n public destroy(): void {\n this.close();\n }\n}\n\n","/**\n * CardElement - Iframe-based payment element\n * \n * Mounts an iframe with the payment checkout form\n */\n\nimport { PaymentResult, PaymentResultStatus } from './react';\nimport { SDK } from './sdk';\n\nimport type { CSSProperties, Locale } from './types';\nimport { detectBrowserLocale } from './utils';\n\nexport interface CardElementOptions {\n /** Container element or CSS selector where the iframe will be mounted */\n container: string | HTMLElement;\n /** Payment ID for this transaction */\n paymentId: string;\n /** Callback when payment completes */\n onComplete?: (result: PaymentResult) => void;\n /** Callback when payment fails */\n onError?: (error: any) => void;\n /** Callback when user closes the payment */\n onClose?: () => void;\n /** Custom styling for the card element */\n style?: CSSProperties;\n /** Custom button text (default: \"Complete Payment\") */\n buttonText?: string;\n /** Custom placeholder text for inputs */\n placeholders?: {\n cardNumber?: string;\n expiry?: string;\n cvc?: string;\n };\n /** Show default success UI after payment (default true). If false, only unmount iframe. */\n showDefaultSuccessUI?: boolean;\n}\n\ninterface InternalSDKConfig {\n publicKey: string;\n iframeUrl: string;\n timeout: number;\n debug: boolean;\n locale?: Locale;\n}\n\nexport class CardElement {\n private sdk: SDK;\n private container: HTMLElement;\n private mounted: boolean = false;\n\n constructor(\n config: InternalSDKConfig,\n options: CardElementOptions\n ) {\n let containerElement: HTMLElement | null;\n if (typeof options.container === 'string') {\n containerElement = document.querySelector(options.container);\n if (!containerElement) {\n throw new Error(`Container not found: ${options.container}`);\n }\n } else {\n containerElement = options.container;\n }\n this.container = containerElement;\n\n this.sdk = new SDK({\n publicKey: config.publicKey,\n container: this.container,\n locale: config.locale ?? detectBrowserLocale(),\n config: {\n paymentId: options.paymentId,\n ...(options.style && { style: options.style }),\n ...(options.buttonText && { buttonText: options.buttonText }),\n ...(options.placeholders && { placeholders: options.placeholders }),\n ...(options.showDefaultSuccessUI !== undefined && {\n showDefaultSuccessUI: options.showDefaultSuccessUI,\n }),\n },\n onSuccess: (data) => {\n if (options.onComplete) {\n options.onComplete({\n status: PaymentResultStatus.SUCCESS,\n paymentId: options.paymentId,\n });\n }\n // Replace iframe with success UI (default, custom, or none)\n this.sdk.switchToSuccessState(data);\n },\n onError: (error) => {\n if (options.onError) {\n options.onError(error);\n } else if (options.onComplete) {\n options.onComplete({\n status: PaymentResultStatus.FAILED,\n paymentId: options.paymentId,\n error: error,\n });\n }\n },\n onClose: () => {\n if (options.onClose) {\n options.onClose();\n }\n },\n });\n }\n\n /**\n * Mount the CardElement to the DOM\n * This will create and display the iframe\n */\n mount(): void {\n if (this.mounted) {\n throw new Error('CardElement is already mounted');\n }\n\n this.sdk.init();\n this.mounted = true;\n }\n\n /**\n * Destroy the CardElement and cleanup\n */\n destroy(): void {\n if (this.mounted) {\n this.sdk.destroy();\n this.mounted = false;\n }\n }\n}\n","/**\n * InflowPay Payment SDK v2\n * \n * Provider class that manages global SDK configuration\n * Similar to the original SDK but uses iframe-based payment flow\n */\n\nimport { CardElement } from './card-element';\nimport type { PaymentResult } from './react';\nimport type { CSSProperties, Locale } from './types';\nimport { getEnvironmentFromApiKey, getIframeUrlFromApiKey } from './utils';\n\nexport interface PaymentSDKConfig {\n /** Public API key */\n publicKey: string;\n /** Locale for the UI. Defaults to 'en' */\n locale?: Locale;\n}\n\nexport class PaymentSDK {\n private config: PaymentSDKConfig;\n private iframeUrl: string;\n private timeout: number;\n private debug: boolean;\n\n /**\n * Initialize the InflowPay Payment SDK\n * \n * @param config - SDK configuration\n * \n * @example\n * ```typescript\n * const sdk = new PaymentSDK({\n * apiKey: 'inflow_pub_local_xxx'\n * });\n * ```\n */\n constructor(config: PaymentSDKConfig) {\n // Validate API key\n if (!config.publicKey || typeof config.publicKey !== 'string') {\n throw new Error('API key is required');\n }\n\n this.config = config;\n this.timeout = 30000;\n\n // Auto-detect iframe URL from API key using utility function\n this.iframeUrl = getIframeUrlFromApiKey(config.publicKey);\n\n // Auto-enable debug in development and sandbox environments\n const environment = getEnvironmentFromApiKey(config.publicKey);\n this.debug = environment === 'sandbox' || environment === 'development';\n }\n\n /**\n * Create a CardElement for iframe-based payment UI\n * \n * @param options - CardElement configuration\n * @returns CardElement instance\n * \n * @example\n * ```typescript\n * const cardElement = sdk.createCardElement({\n * container: '#card-container',\n * paymentId: 'pay_123',\n * onComplete: (result) => {\n * if (result.status === 'CHECKOUT_SUCCESS') {\n * window.location.href = '/success';\n * }\n * }\n * });\n * \n * cardElement.mount();\n * ```\n */\n createCardElement(options: {\n container: string | HTMLElement;\n paymentId: string;\n style?: CSSProperties;\n buttonText?: string;\n placeholders?: {\n cardNumber?: string;\n expiry?: string;\n cvc?: string;\n };\n onComplete?: (result: PaymentResult) => void;\n onError?: (error: any) => void;\n onClose?: () => void;\n }): CardElement {\n return new CardElement({\n publicKey: this.config.publicKey,\n iframeUrl: this.iframeUrl,\n timeout: this.timeout,\n debug: this.debug,\n locale: this.config.locale,\n }, options);\n }\n\n /**\n * Get the iframe URL being used\n */\n getIframeUrl(): string {\n return this.iframeUrl;\n }\n\n /**\n * Get the API key\n */\n getApiKey(): string {\n return this.config.publicKey;\n }\n}\n\n"],"names":["PaymentResultStatus","PaymentResultErrorCode","InflowPayContext","createContext","InflowPayProvider","config","children","sdk","useState","sdkConfig","PaymentSDK","jsx","useInflowPay","context","useContext","CardElement","props","paymentId","onReady","onChange","onComplete","onError","style","buttonText","placeholders","showDefaultSuccessUI","propConfig","containerRef","useRef","cardElementRef","mounted","setMounted","useEffect","cardElementOptions","result","error","cardElement","timer","Z_INDEX","DIMENSIONS","ALLOWED_3DS_ORIGINS","ELEMENT_IDS","IFRAME_URLS","getColorScheme","isDarkMode","getShimmerGradient","colors","getOverlayStyles","getContainerStyles","getCloseButtonStyles","getPopupIframeStyles","getInlineIframeStyles","fillParent","getLoaderContainerStyles","getSkeletonCardStyles","getInputWrapStyles","bgColor","getSkeletonBaseStyles","shimmerGradient","getCardNumberSkeletonStyles","getExpirySkeletonStyles","getCvcSkeletonStyles","getButtonSkeletonStyles","getDisclaimerSkeletonStyles","getDisclaimerIconSkeletonStyles","getDisclaimerTextSkeletonStyles","SHIMMER_ANIMATION","get3DSOverlayStyles","get3DSModalStyles","get3DSHeaderStyles","get3DSContentStyles","get3DSIframeStyles","LoaderManager","container","iframe","loader","skeletonCard","inputWrap","cardNumberSkeleton","expirySkeleton","cvcSkeleton","buttonSkeleton","disclaimerSkeleton","disclaimerIconSkeleton","disclaimerTextSkeleton","_ModalManager","challengeUrl","sessionId","resolve","overlay","modal","header","content","messageHandler","event","data","is3DSComplete","isSuccess","isFailure","origin","ModalManager","OverlayManager","iframeSrc","onClose","closeButton","e","SUPPORTED_LOCALES","detectBrowserLocale","primaryLang","getEnvironmentFromApiKey","publicKey","getIframeUrlFromApiKey","SDK","url","currentStyle","allowedOrigin","isAllowedOrigin","height","success","message","targetOrigin","_result","showDefault","options","containerElement","environment"],"mappings":"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"}