@inflow_pay/sdk 0.1.0 → 0.3.0

package/dist/react.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/sdk.ts","../src/card-element.ts","../src/payment-sdk.ts","../src/react/index.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\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 type { SDKConfig, IframeMessage } from './types';\n\nexport class SDK {\n  private iframe: HTMLIFrameElement | null = null;\n  private iframeUrl: string;\n  private config: SDKConfig;\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\n  constructor(config: SDKConfig) {\n    this.config = config;\n    this.iframeUrl = config.iframeUrl || 'http://localhost:3000/iframe/checkout';\n    this.environment = this.getEnvironmentFromApiKey(config.apiKey || '');\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\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 as query parameters\n    const url = new URL(this.iframeUrl);\n    if (this.config.apiKey) {\n      url.searchParams.set('apiKey', this.config.apiKey);\n    }\n    if (this.config.config?.paymentId) {\n      url.searchParams.set('paymentId', this.config.config.paymentId);\n    }\n    const iframeSrc = url.toString();\n\n    if (this.usePopup) {\n      // Create overlay for popup mode\n      const overlay = document.createElement('div');\n      overlay.id = 'inflowpay-sdk-overlay';\n      overlay.style.cssText = `\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: 999999;\n      `;\n\n      // Create iframe container\n      const container = document.createElement('div');\n      container.style.cssText = `\n        position: relative;\n        width: 90%;\n        max-width: 500px;\n        height: 90%;\n        max-height: 600px;\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      `;\n\n      // Create close button\n      const closeButton = document.createElement('button');\n      closeButton.innerHTML = '×';\n      closeButton.style.cssText = `\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 30px;\n        height: 30px;\n        border: none;\n        background: transparent;\n        font-size: 24px;\n        cursor: pointer;\n        z-index: 1000000;\n        color: #333;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      `;\n      closeButton.onclick = () => this.close();\n\n      // Create iframe\n      this.iframe = document.createElement('iframe');\n      this.iframe.src = iframeSrc;\n      this.iframe.style.cssText = `\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 8px;\n      `;\n      this.iframe.setAttribute('allow', 'payment');\n\n      // Assemble structure\n      container.appendChild(closeButton);\n      container.appendChild(this.iframe);\n      overlay.appendChild(container);\n      document.body.appendChild(overlay);\n\n      // Close on overlay click (but not on container click)\n      overlay.addEventListener('click', (e) => {\n        if (e.target === overlay) {\n          this.close();\n        }\n      });\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 = '175px';\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\n      const iframeWidth = this.config.config?.style?.fillParent ? '100%' : '344px';\n      const iframeMaxWidth = this.config.config?.style?.fillParent ? 'none' : '100%';\n\n      this.iframe.style.cssText = `\n        width: ${iframeWidth};\n        max-width: ${iframeMaxWidth};\n        height: 100%;\n        min-height: 175px;\n        border: none;\n        display: block;\n      `;\n\n      this.iframe.setAttribute('allow', 'payment');\n\n      // Append to container\n      this.containerElement.appendChild(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.api.inflowpay.com' ||\n            event.origin === 'https://pre-prod.api.inflowpay.xyz' ||\n            event.origin === 'https://api.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          this.sendConfigToIframe();\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          }\n          if (data.threeDsSessionUrl) {\n            if (this.config.debug) {\n              console.log('[SDK] Opening 3DS modal...');\n            }\n            this.open3DSModal(data.threeDsSessionUrl).then((success) => {\n              if (this.config.debug) {\n                console.log('[SDK] 3DS modal closed, result:', success);\n              }\n              if (this.iframe && this.iframe.contentWindow) {\n                const targetOrigin = this.getTargetOrigin();\n                this.iframe.contentWindow.postMessage({\n                  type: '3ds-result',\n                  success: success,\n                  paymentId: data.paymentId || this.config.config?.paymentId,\n                }, targetOrigin);\n              }\n            });\n          } else {\n            if (this.config.debug) {\n              console.error('[SDK] 3DS required but no threeDsSessionUrl provided');\n            }\n          }\n          break;\n\n        default:\n          if (this.config.debug) {\n            console.log('SDK: Received message:', data);\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        apiKey: this.config.apiKey,\n      },\n    };\n\n    const targetOrigin = this.getTargetOrigin();\n    this.iframe.contentWindow.postMessage(message, targetOrigin);\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    // 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      const overlay = document.getElementById('inflowpay-sdk-overlay');\n      if (overlay) {\n        overlay.remove();\n      }\n    } else {\n      // Clear container\n      if (this.containerElement && this.iframe) {\n        this.containerElement.removeChild(this.iframe);\n      }\n    }\n\n    this.iframe = null;\n  }\n\n  /**\n   * Open 3DS authentication modal\n   * Called when iframe requests 3DS authentication\n   */\n  private open3DSModal(challengeUrl: string): Promise<boolean> {\n    if (this.config.debug) {\n      console.log('[SDK] open3DSModal called with URL:', challengeUrl);\n    }\n    return new Promise((resolve) => {\n      // Create overlay\n      const overlay = document.createElement('div');\n      overlay.id = 'inflowpay-3ds-overlay';\n      overlay.style.cssText = `\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: 999999;\n      `;\n\n      // Create modal\n      const modal = document.createElement('div');\n      modal.style.cssText = `\n        position: relative;\n        width: 90%;\n        max-width: 500px;\n        height: 90%;\n        max-height: 600px;\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        display: flex;\n        flex-direction: column;\n      `;\n\n      // Create header\n      const header = document.createElement('div');\n      header.style.cssText = `\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 15px 20px;\n        border-bottom: 1px solid #e5e5e5;\n      `;\n      header.innerHTML = `\n        <h3 style=\"margin: 0; font-size: 18px; font-weight: 600;\">Secure Payment Authentication</h3>\n        <button id=\"inflowpay-3ds-close\" style=\"background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #333;\">×</button>\n      `;\n\n      // Create content with iframe\n      const content = document.createElement('div');\n      content.style.cssText = `\n        flex: 1;\n        position: relative;\n        overflow: hidden;\n      `;\n      const iframe = document.createElement('iframe');\n      iframe.src = challengeUrl;\n      iframe.style.cssText = `\n        width: 100%;\n        height: 100%;\n        border: none;\n      `;\n      iframe.setAttribute('allow', 'payment');\n      iframe.setAttribute('sandbox', 'allow-forms allow-scripts allow-same-origin allow-popups');\n      content.appendChild(iframe);\n\n      modal.appendChild(header);\n      modal.appendChild(content);\n      overlay.appendChild(modal);\n      document.body.appendChild(overlay);\n\n      // Close button handler\n      const closeBtn = overlay.querySelector('#inflowpay-3ds-close');\n      const closeHandler = () => {\n        overlay.remove();\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      };\n      closeBtn?.addEventListener('click', closeHandler);\n\n      const messageHandler = (event: MessageEvent) => {\n        if (!event.data) return;\n\n        const allowed3DSOrigins = [\n          'https://dev.api.inflowpay.com',\n          'https://pre-prod.api.inflowpay.xyz',\n          'https://api.inflowpay.xyz',\n        ];\n\n        if (this.environment === 'sandbox' || this.environment === 'development') {\n          if (event.origin.includes('localhost') || event.origin.includes('127.0.0.1')) {\n            // Allow localhost in dev/sandbox\n          } else if (!allowed3DSOrigins.includes(event.origin)) {\n            if (this.config.debug) {\n              console.warn('[SDK] Rejected 3DS message from unauthorized origin:', event.origin);\n            }\n            return;\n          }\n        } else {\n          if (!allowed3DSOrigins.includes(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\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   * 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   * Detect environment from API key\n   */\n  private getEnvironmentFromApiKey(apiKey: string): 'sandbox' | 'production' | 'development' | 'preprod' {\n    if (!apiKey) return 'sandbox';\n    if (apiKey.includes('_local_') || apiKey.startsWith('inflow_local_')) {\n      return 'sandbox';\n    } else if (apiKey.includes('_prod_') && !apiKey.includes('_preprod_')) {\n      return 'production';\n    } else if (apiKey.includes('_preprod_') || apiKey.startsWith('inflow_preprod_')) {\n      return 'preprod';\n    } else if (apiKey.includes('_dev_')) {\n      return 'development';\n    }\n    return 'sandbox';\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 { SDK } from './sdk';\n\nimport type { CSSProperties } from './types';\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: { status: string; data?: any; error?: any }) => 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}\n\ninterface InternalSDKConfig {\n  apiKey: string;\n  iframeUrl: string;\n  timeout: number;\n  debug: boolean;\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      iframeUrl: config.iframeUrl,\n      apiKey: config.apiKey,\n      container: this.container,\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      },\n      onSuccess: (data) => {\n        if (options.onComplete) {\n          options.onComplete({\n            status: data?.data?.transaction?.status || 'CHECKOUT_SUCCESS',\n            data: data,\n          });\n        }\n      },\n      onError: (error) => {\n        if (options.onError) {\n          options.onError(error);\n        } else if (options.onComplete) {\n          options.onComplete({\n            status: 'PAYMENT_FAILED',\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 type { SDKConfig, PaymentConfig, CSSProperties } from './types';\nimport { CardElement } from './card-element';\n\nexport interface PaymentSDKConfig {\n  /** Public API key */\n  apiKey: string;\n  /** Backend API URL (optional, auto-detected from API key) */\n  iframeUrl?: string;\n  /** Request timeout in milliseconds (default: 30000) */\n  timeout?: number;\n  /** Enable debug logging (default: false, only allowed in local/dev environments) */\n  debug?: boolean;\n}\n\nexport class PaymentSDK {\n  private config: PaymentSDKConfig & { iframeUrl: string; timeout: number; 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.apiKey || typeof config.apiKey !== 'string') {\n      throw new Error('API key is required');\n    }\n\n    // Auto-detect iframe URL from API key if not provided\n    let iframeUrl = config.iframeUrl;\n    const environment = this.getEnvironmentFromApiKey(config.apiKey);\n    \n    if (!iframeUrl) {\n      if (environment === 'production') {\n        iframeUrl = 'https://api.inflowpay.xyz/iframe/checkout';\n      } else if (environment === 'preprod') {\n        iframeUrl = 'https://pre-prod.api.inflowpay.xyz/iframe/checkout';\n      } else if (environment === 'development') {\n        iframeUrl = 'https://dev.api.inflowpay.com/iframe/checkout';\n      } else {\n        // sandbox/local\n        iframeUrl = 'http://localhost:3000/iframe/checkout';\n      }\n    }\n\n    // Validate debug mode - only allowed in local/dev environments\n    const requestedDebug = config.debug ?? false;\n    if (requestedDebug && (environment === 'production' || environment === 'preprod')) {\n      console.warn('[InflowPay SDK] Debug mode is not allowed in production/pre-prod environments. Debug mode disabled.');\n    }\n    const debug = requestedDebug && (environment === 'sandbox' || environment === 'development');\n\n    this.config = {\n      apiKey: config.apiKey,\n      iframeUrl,\n      timeout: config.timeout ?? 30000,\n      debug,\n    };\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: { status: string; data?: any; error?: any }) => void;\n    onError?: (error: any) => void;\n    onClose?: () => void;\n  }): CardElement {\n    return new CardElement(this.config, options);\n  }\n\n  /**\n   * Get the iframe URL being used\n   */\n  getIframeUrl(): string {\n    return this.config.iframeUrl;\n  }\n\n  /**\n   * Get the API key\n   */\n  getApiKey(): string {\n    return this.config.apiKey;\n  }\n\n  /**\n   * Auto-detect environment from API key\n   */\n  private getEnvironmentFromApiKey(apiKey: string): 'sandbox' | 'production' | 'development' | 'preprod' {\n    if (apiKey.includes('_local_') || apiKey.startsWith('inflow_local_')) {\n      return 'sandbox';\n    } else if (apiKey.includes('_prod_') && !apiKey.includes('_preprod_')) {\n      return 'production';\n    } else if (apiKey.includes('_preprod_') || apiKey.startsWith('inflow_preprod_')) {\n      return 'preprod';\n    } else if (apiKey.includes('_dev_')) {\n      return 'development';\n    }\n    return 'sandbox';\n  }\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 React, { createContext, useContext, useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { PaymentSDK } from '../payment-sdk';\nimport type { PaymentSDKConfig } from '../payment-sdk';\nimport type { CardElement as CardElementClass } from '../card-element';\nimport type { CardElementOptions } from '../card-element';\nimport type { CSSProperties } from '../types';\n\nexport interface SDKConfig {\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 PaymentResult {\n  status: string;\n  data?: any;\n  error?: {\n    code: string;\n    message: string;\n    retryable: boolean;\n  };\n}\n\nexport interface PaymentError {\n  code: string;\n  message: string;\n  retryable: boolean;\n}\n\nexport interface CardElementState {\n  complete: boolean;\n}\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}\n\ninterface InflowPayContextValue {\n  sdk: PaymentSDK;\n}\n\nconst InflowPayContext = createContext<InflowPayContextValue | null>(null);\n\n/**\n * InflowPayProvider - React component\n * \n * Same API as the original React SDK\n * \n * @example\n * ```tsx\n * <InflowPayProvider config={{ apiKey: 'inflow_pub_xxx' }}>\n *   <CardElement\n *     paymentId=\"pay_xxx\"\n *     onComplete={(result) => {\n *       if (result.status === 'CHECKOUT_SUCCESS') {\n *         window.location.href = '/success';\n *       }\n *     }}\n *   />\n * </InflowPayProvider>\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      apiKey: config.apiKey,\n      iframeUrl: config.iframeUrl,\n      timeout: config.timeout,\n      debug: config.debug,\n    };\n    return new PaymentSDK(sdkConfig);\n  });\n\n  return (\n    <InflowPayContext.Provider value={{ sdk }}>\n      {children}\n    </InflowPayContext.Provider>\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 <button onClick={checkStatus}>Check Status</button>;\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 * <CardElement\n *   paymentId=\"pay_xxx\"\n *   onComplete={(result) => {\n *     if (result.status === 'CHECKOUT_SUCCESS') {\n *       window.location.href = '/success';\n *     }\n *   }}\n * />\n * ```\n */\nexport function CardElement({\n  paymentId,\n  onReady,\n  onChange,\n  onComplete,\n  onError,\n  style,\n  buttonText,\n  placeholders,\n  config: propConfig,\n}: CardElementProps & { config?: SDKConfig }) {\n  const context = useContext(InflowPayContext);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cardElementRef = useRef<CardElementClass | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  const sdk = context?.sdk || (propConfig ? new PaymentSDK({\n    apiKey: propConfig.apiKey,\n    iframeUrl: propConfig.iframeUrl,\n    timeout: propConfig.timeout,\n    debug: propConfig.debug,\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      onComplete: (result) => {\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: 'PAYMENT_FAILED',\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, mounted, onComplete, onError, onReady, style, buttonText, placeholders]);\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    <div\n      ref={containerRef}\n      style={{\n        width: style?.fillParent ? \"100%\" : \"344px\"\n      }}\n    />\n  );\n}\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","SDK","url","iframeSrc","overlay","container","closeButton","e","currentStyle","iframeWidth","iframeMaxWidth","event","allowedOrigin","isAllowedOrigin","data","success","targetOrigin","message","challengeUrl","resolve","modal","header","content","iframe","closeBtn","closeHandler","messageHandler","allowed3DSOrigins","is3DSComplete","isSuccess","isFailure","apiKey","CardElement$1","options","containerElement","error","PaymentSDK","iframeUrl","environment","requestedDebug","debug","CardElement","InflowPayContext","createContext","InflowPayProvider","sdk","useState","sdkConfig","jsx","useInflowPay","context","useContext","paymentId","onReady","onChange","onComplete","onError","style","buttonText","placeholders","propConfig","containerRef","useRef","cardElementRef","mounted","setMounted","useEffect","cardElementOptions","result","cardElement","timer"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"react.umd.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.js","../node_modules/react/cjs/react-jsx-runtime.development.js","../node_modules/react/jsx-runtime.js","../src/sdk.ts","../src/card-element.ts","../src/payment-sdk.ts","../src/react/index.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","/**\n * @license React\n * react-jsx-runtime.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\n\"production\" !== process.env.NODE_ENV &&\n  (function () {\n    function getComponentNameFromType(type) {\n      if (null == type) return null;\n      if (\"function\" === typeof type)\n        return type.$$typeof === REACT_CLIENT_REFERENCE\n          ? null\n          : type.displayName || type.name || null;\n      if (\"string\" === typeof type) return type;\n      switch (type) {\n        case REACT_FRAGMENT_TYPE:\n          return \"Fragment\";\n        case REACT_PROFILER_TYPE:\n          return \"Profiler\";\n        case REACT_STRICT_MODE_TYPE:\n          return \"StrictMode\";\n        case REACT_SUSPENSE_TYPE:\n          return \"Suspense\";\n        case REACT_SUSPENSE_LIST_TYPE:\n          return \"SuspenseList\";\n        case REACT_ACTIVITY_TYPE:\n          return \"Activity\";\n      }\n      if (\"object\" === typeof type)\n        switch (\n          (\"number\" === typeof type.tag &&\n            console.error(\n              \"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.\"\n            ),\n          type.$$typeof)\n        ) {\n          case REACT_PORTAL_TYPE:\n            return \"Portal\";\n          case REACT_CONTEXT_TYPE:\n            return type.displayName || \"Context\";\n          case REACT_CONSUMER_TYPE:\n            return (type._context.displayName || \"Context\") + \".Consumer\";\n          case REACT_FORWARD_REF_TYPE:\n            var innerType = type.render;\n            type = type.displayName;\n            type ||\n              ((type = innerType.displayName || innerType.name || \"\"),\n              (type = \"\" !== type ? \"ForwardRef(\" + type + \")\" : \"ForwardRef\"));\n            return type;\n          case REACT_MEMO_TYPE:\n            return (\n              (innerType = type.displayName || null),\n              null !== innerType\n                ? innerType\n                : getComponentNameFromType(type.type) || \"Memo\"\n            );\n          case REACT_LAZY_TYPE:\n            innerType = type._payload;\n            type = type._init;\n            try {\n              return getComponentNameFromType(type(innerType));\n            } catch (x) {}\n        }\n      return null;\n    }\n    function testStringCoercion(value) {\n      return \"\" + value;\n    }\n    function checkKeyStringCoercion(value) {\n      try {\n        testStringCoercion(value);\n        var JSCompiler_inline_result = !1;\n      } catch (e) {\n        JSCompiler_inline_result = !0;\n      }\n      if (JSCompiler_inline_result) {\n        JSCompiler_inline_result = console;\n        var JSCompiler_temp_const = JSCompiler_inline_result.error;\n        var JSCompiler_inline_result$jscomp$0 =\n          (\"function\" === typeof Symbol &&\n            Symbol.toStringTag &&\n            value[Symbol.toStringTag]) ||\n          value.constructor.name ||\n          \"Object\";\n        JSCompiler_temp_const.call(\n          JSCompiler_inline_result,\n          \"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.\",\n          JSCompiler_inline_result$jscomp$0\n        );\n        return testStringCoercion(value);\n      }\n    }\n    function getTaskName(type) {\n      if (type === REACT_FRAGMENT_TYPE) return \"<>\";\n      if (\n        \"object\" === typeof type &&\n        null !== type &&\n        type.$$typeof === REACT_LAZY_TYPE\n      )\n        return \"<...>\";\n      try {\n        var name = getComponentNameFromType(type);\n        return name ? \"<\" + name + \">\" : \"<...>\";\n      } catch (x) {\n        return \"<...>\";\n      }\n    }\n    function getOwner() {\n      var dispatcher = ReactSharedInternals.A;\n      return null === dispatcher ? null : dispatcher.getOwner();\n    }\n    function UnknownOwner() {\n      return Error(\"react-stack-top-frame\");\n    }\n    function hasValidKey(config) {\n      if (hasOwnProperty.call(config, \"key\")) {\n        var getter = Object.getOwnPropertyDescriptor(config, \"key\").get;\n        if (getter && getter.isReactWarning) return !1;\n      }\n      return void 0 !== config.key;\n    }\n    function defineKeyPropWarningGetter(props, displayName) {\n      function warnAboutAccessingKey() {\n        specialPropKeyWarningShown ||\n          ((specialPropKeyWarningShown = !0),\n          console.error(\n            \"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)\",\n            displayName\n          ));\n      }\n      warnAboutAccessingKey.isReactWarning = !0;\n      Object.defineProperty(props, \"key\", {\n        get: warnAboutAccessingKey,\n        configurable: !0\n      });\n    }\n    function elementRefGetterWithDeprecationWarning() {\n      var componentName = getComponentNameFromType(this.type);\n      didWarnAboutElementRef[componentName] ||\n        ((didWarnAboutElementRef[componentName] = !0),\n        console.error(\n          \"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.\"\n        ));\n      componentName = this.props.ref;\n      return void 0 !== componentName ? componentName : null;\n    }\n    function ReactElement(type, key, props, owner, debugStack, debugTask) {\n      var refProp = props.ref;\n      type = {\n        $$typeof: REACT_ELEMENT_TYPE,\n        type: type,\n        key: key,\n        props: props,\n        _owner: owner\n      };\n      null !== (void 0 !== refProp ? refProp : null)\n        ? Object.defineProperty(type, \"ref\", {\n            enumerable: !1,\n            get: elementRefGetterWithDeprecationWarning\n          })\n        : Object.defineProperty(type, \"ref\", { enumerable: !1, value: null });\n      type._store = {};\n      Object.defineProperty(type._store, \"validated\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: 0\n      });\n      Object.defineProperty(type, \"_debugInfo\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: null\n      });\n      Object.defineProperty(type, \"_debugStack\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugStack\n      });\n      Object.defineProperty(type, \"_debugTask\", {\n        configurable: !1,\n        enumerable: !1,\n        writable: !0,\n        value: debugTask\n      });\n      Object.freeze && (Object.freeze(type.props), Object.freeze(type));\n      return type;\n    }\n    function jsxDEVImpl(\n      type,\n      config,\n      maybeKey,\n      isStaticChildren,\n      debugStack,\n      debugTask\n    ) {\n      var children = config.children;\n      if (void 0 !== children)\n        if (isStaticChildren)\n          if (isArrayImpl(children)) {\n            for (\n              isStaticChildren = 0;\n              isStaticChildren < children.length;\n              isStaticChildren++\n            )\n              validateChildKeys(children[isStaticChildren]);\n            Object.freeze && Object.freeze(children);\n          } else\n            console.error(\n              \"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.\"\n            );\n        else validateChildKeys(children);\n      if (hasOwnProperty.call(config, \"key\")) {\n        children = getComponentNameFromType(type);\n        var keys = Object.keys(config).filter(function (k) {\n          return \"key\" !== k;\n        });\n        isStaticChildren =\n          0 < keys.length\n            ? \"{key: someKey, \" + keys.join(\": ..., \") + \": ...}\"\n            : \"{key: someKey}\";\n        didWarnAboutKeySpread[children + isStaticChildren] ||\n          ((keys =\n            0 < keys.length ? \"{\" + keys.join(\": ..., \") + \": ...}\" : \"{}\"),\n          console.error(\n            'A props object containing a \"key\" prop is being spread into JSX:\\n  let props = %s;\\n  <%s {...props} />\\nReact keys must be passed directly to JSX without using spread:\\n  let props = %s;\\n  <%s key={someKey} {...props} />',\n            isStaticChildren,\n            children,\n            keys,\n            children\n          ),\n          (didWarnAboutKeySpread[children + isStaticChildren] = !0));\n      }\n      children = null;\n      void 0 !== maybeKey &&\n        (checkKeyStringCoercion(maybeKey), (children = \"\" + maybeKey));\n      hasValidKey(config) &&\n        (checkKeyStringCoercion(config.key), (children = \"\" + config.key));\n      if (\"key\" in config) {\n        maybeKey = {};\n        for (var propName in config)\n          \"key\" !== propName && (maybeKey[propName] = config[propName]);\n      } else maybeKey = config;\n      children &&\n        defineKeyPropWarningGetter(\n          maybeKey,\n          \"function\" === typeof type\n            ? type.displayName || type.name || \"Unknown\"\n            : type\n        );\n      return ReactElement(\n        type,\n        children,\n        maybeKey,\n        getOwner(),\n        debugStack,\n        debugTask\n      );\n    }\n    function validateChildKeys(node) {\n      isValidElement(node)\n        ? node._store && (node._store.validated = 1)\n        : \"object\" === typeof node &&\n          null !== node &&\n          node.$$typeof === REACT_LAZY_TYPE &&\n          (\"fulfilled\" === node._payload.status\n            ? isValidElement(node._payload.value) &&\n              node._payload.value._store &&\n              (node._payload.value._store.validated = 1)\n            : node._store && (node._store.validated = 1));\n    }\n    function isValidElement(object) {\n      return (\n        \"object\" === typeof object &&\n        null !== object &&\n        object.$$typeof === REACT_ELEMENT_TYPE\n      );\n    }\n    var React = require(\"react\"),\n      REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n      REACT_PORTAL_TYPE = Symbol.for(\"react.portal\"),\n      REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\"),\n      REACT_STRICT_MODE_TYPE = Symbol.for(\"react.strict_mode\"),\n      REACT_PROFILER_TYPE = Symbol.for(\"react.profiler\"),\n      REACT_CONSUMER_TYPE = Symbol.for(\"react.consumer\"),\n      REACT_CONTEXT_TYPE = Symbol.for(\"react.context\"),\n      REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\"),\n      REACT_SUSPENSE_TYPE = Symbol.for(\"react.suspense\"),\n      REACT_SUSPENSE_LIST_TYPE = Symbol.for(\"react.suspense_list\"),\n      REACT_MEMO_TYPE = Symbol.for(\"react.memo\"),\n      REACT_LAZY_TYPE = Symbol.for(\"react.lazy\"),\n      REACT_ACTIVITY_TYPE = Symbol.for(\"react.activity\"),\n      REACT_CLIENT_REFERENCE = Symbol.for(\"react.client.reference\"),\n      ReactSharedInternals =\n        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,\n      hasOwnProperty = Object.prototype.hasOwnProperty,\n      isArrayImpl = Array.isArray,\n      createTask = console.createTask\n        ? console.createTask\n        : function () {\n            return null;\n          };\n    React = {\n      react_stack_bottom_frame: function (callStackForError) {\n        return callStackForError();\n      }\n    };\n    var specialPropKeyWarningShown;\n    var didWarnAboutElementRef = {};\n    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(\n      React,\n      UnknownOwner\n    )();\n    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));\n    var didWarnAboutKeySpread = {};\n    exports.Fragment = REACT_FRAGMENT_TYPE;\n    exports.jsx = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !1,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n    exports.jsxs = function (type, config, maybeKey) {\n      var trackActualOwner =\n        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;\n      return jsxDEVImpl(\n        type,\n        config,\n        maybeKey,\n        !0,\n        trackActualOwner\n          ? Error(\"react-stack-top-frame\")\n          : unknownOwnerDebugStack,\n        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask\n      );\n    };\n  })();\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\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 type { SDKConfig, IframeMessage } from './types';\n\nexport class SDK {\n  private iframe: HTMLIFrameElement | null = null;\n  private iframeUrl: string;\n  private config: SDKConfig;\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\n  constructor(config: SDKConfig) {\n    this.config = config;\n    this.iframeUrl = config.iframeUrl || 'http://localhost:3000/iframe/checkout';\n    this.environment = this.getEnvironmentFromApiKey(config.apiKey || '');\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\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 as query parameters\n    const url = new URL(this.iframeUrl);\n    if (this.config.apiKey) {\n      url.searchParams.set('apiKey', this.config.apiKey);\n    }\n    if (this.config.config?.paymentId) {\n      url.searchParams.set('paymentId', this.config.config.paymentId);\n    }\n    const iframeSrc = url.toString();\n\n    if (this.usePopup) {\n      // Create overlay for popup mode\n      const overlay = document.createElement('div');\n      overlay.id = 'inflowpay-sdk-overlay';\n      overlay.style.cssText = `\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: 999999;\n      `;\n\n      // Create iframe container\n      const container = document.createElement('div');\n      container.style.cssText = `\n        position: relative;\n        width: 90%;\n        max-width: 500px;\n        height: 90%;\n        max-height: 600px;\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n      `;\n\n      // Create close button\n      const closeButton = document.createElement('button');\n      closeButton.innerHTML = '×';\n      closeButton.style.cssText = `\n        position: absolute;\n        top: 10px;\n        right: 10px;\n        width: 30px;\n        height: 30px;\n        border: none;\n        background: transparent;\n        font-size: 24px;\n        cursor: pointer;\n        z-index: 1000000;\n        color: #333;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      `;\n      closeButton.onclick = () => this.close();\n\n      // Create iframe\n      this.iframe = document.createElement('iframe');\n      this.iframe.src = iframeSrc;\n      this.iframe.style.cssText = `\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 8px;\n      `;\n      this.iframe.setAttribute('allow', 'payment');\n\n      // Assemble structure\n      container.appendChild(closeButton);\n      container.appendChild(this.iframe);\n      overlay.appendChild(container);\n      document.body.appendChild(overlay);\n\n      // Show loader\n      this.showLoader(container);\n\n      // Close on overlay click (but not on container click)\n      overlay.addEventListener('click', (e) => {\n        if (e.target === overlay) {\n          this.close();\n        }\n      });\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 = '196px';\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\n      const iframeWidth = this.config.config?.style?.fillParent ? '100%' : '344px';\n      const iframeMaxWidth = this.config.config?.style?.fillParent ? 'none' : '100%';\n\n      this.iframe.style.cssText = `\n        width: ${iframeWidth};\n        max-width: ${iframeMaxWidth};\n        height: 196px;\n        min-height: 196px;\n        border: none;\n        display: block;\n        transition: height 0.2s ease;\n      `;\n\n      this.iframe.setAttribute('allow', 'payment');\n\n      // Append to container\n      this.containerElement.appendChild(this.iframe);\n\n      // Show loader\n      this.showLoader(this.containerElement);\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.api.inflowpay.com' ||\n            event.origin === 'https://pre-prod.api.inflowpay.xyz' ||\n            event.origin === 'https://api.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          this.hideLoader();\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, 196); // Minimum 196px\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          }\n          if (data.threeDsSessionUrl) {\n            if (this.config.debug) {\n              console.log('[SDK] Opening 3DS modal...');\n            }\n            this.open3DSModal(data.threeDsSessionUrl).then((success) => {\n              if (this.config.debug) {\n                console.log('[SDK] 3DS modal closed, result:', success);\n              }\n              if (this.iframe && this.iframe.contentWindow) {\n                const targetOrigin = this.getTargetOrigin();\n                this.iframe.contentWindow.postMessage({\n                  type: '3ds-result',\n                  success: success,\n                  paymentId: data.paymentId || this.config.config?.paymentId,\n                }, targetOrigin);\n              }\n            });\n          } else {\n            if (this.config.debug) {\n              console.error('[SDK] 3DS required but no threeDsSessionUrl provided');\n            }\n          }\n          break;\n\n        default:\n          if (this.config.debug) {\n            console.log('SDK: Received message:', data);\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        apiKey: this.config.apiKey,\n      },\n    };\n\n    const targetOrigin = this.getTargetOrigin();\n    this.iframe.contentWindow.postMessage(message, targetOrigin);\n  }\n\n  /**\n   * Show skeleton loader while iframe is connecting\n   */\n  private showLoader(container: HTMLElement): void {\n    // Hide iframe while loader is showing\n    if (this.iframe) {\n      this.iframe.style.display = 'none';\n    }\n    \n    // Detect dark mode\n    const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;\n    \n    // Color scheme based on dark mode\n    const inputBgColor = isDarkMode ? '#2d2d2d' : '#F5F5F5';\n    const shimmerBase = isDarkMode ? '#3d3d3d' : '#E5E5E5';\n    const shimmerLight = isDarkMode ? '#4d4d4d' : '#F0F0F0';\n    const shimmerGradient = `linear-gradient(90deg, ${shimmerBase} 25%, ${shimmerLight} 50%, ${shimmerBase} 75%)`;\n    \n    const loader = document.createElement('div');\n    loader.id = 'inflowpay-loader';\n    \n    // Get container width to match SDK structure\n    const containerWidth = this.config.config?.style?.fillParent ? '100%' : '344px';\n    \n    loader.style.cssText = `\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1000;\n      padding: 20px;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    `;\n\n    // Skeleton card element container (matching .inflowpay-card-element)\n    const skeletonCard = document.createElement('div');\n    skeletonCard.style.cssText = `\n      width: ${containerWidth};\n      max-width: 100%;\n      margin: 0 auto;\n      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    `;\n\n    // Input container skeleton (matching .inflowpay-card-inp-wrap)\n    const inputWrap = document.createElement('div');\n    inputWrap.style.cssText = `\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      background-color: ${inputBgColor};\n      padding: 8px;\n      border-radius: 8px;\n      margin-bottom: 20px;\n    `;\n\n    // Card number skeleton (flex: 1)\n    const cardNumberSkeleton = document.createElement('div');\n    cardNumberSkeleton.className = 'inflowpay-skeleton';\n    cardNumberSkeleton.style.cssText = `\n      flex: 1;\n      min-width: 0;\n      height: 32px;\n      border-radius: 6px;\n      background: ${shimmerGradient};\n      background-size: 200% 100%;\n      animation: inflowpay-shimmer 1.5s infinite;\n    `;\n\n    // Expiry skeleton (21.5% width)\n    const expirySkeleton = document.createElement('div');\n    expirySkeleton.className = 'inflowpay-skeleton';\n    expirySkeleton.style.cssText = `\n      width: 21.5%;\n      flex-shrink: 0;\n      height: 32px;\n      border-radius: 6px;\n      background: ${shimmerGradient};\n      background-size: 200% 100%;\n      animation: inflowpay-shimmer 1.5s infinite;\n    `;\n\n    // CVC skeleton (17.5% width)\n    const cvcSkeleton = document.createElement('div');\n    cvcSkeleton.className = 'inflowpay-skeleton';\n    cvcSkeleton.style.cssText = `\n      width: 17.5%;\n      flex-shrink: 0;\n      height: 32px;\n      border-radius: 6px;\n      background: ${shimmerGradient};\n      background-size: 200% 100%;\n      animation: inflowpay-shimmer 1.5s infinite;\n    `;\n\n    inputWrap.appendChild(cardNumberSkeleton);\n    inputWrap.appendChild(expirySkeleton);\n    inputWrap.appendChild(cvcSkeleton);\n\n    // Button skeleton (matching .inflowpay-button)\n    const buttonSkeleton = document.createElement('div');\n    buttonSkeleton.className = 'inflowpay-skeleton';\n    buttonSkeleton.style.cssText = `\n      width: 100%;\n      height: 42px;\n      border-radius: 8px;\n      background: ${shimmerGradient};\n      background-size: 200% 100%;\n      animation: inflowpay-shimmer 1.5s infinite;\n      margin-bottom: 16px;\n    `;\n\n    // Disclaimer skeleton (matching .inflowpay-disclaimer)\n    const disclaimerSkeleton = document.createElement('div');\n    disclaimerSkeleton.style.cssText = `\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 4px;\n      width: 100%;\n      margin-top: 16px;\n    `;\n\n    const disclaimerIconSkeleton = document.createElement('div');\n    disclaimerIconSkeleton.className = 'inflowpay-skeleton';\n    disclaimerIconSkeleton.style.cssText = `\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: ${shimmerGradient};\n      background-size: 200% 100%;\n      animation: inflowpay-shimmer 1.5s infinite;\n    `;\n\n    const disclaimerTextSkeleton = document.createElement('div');\n    disclaimerTextSkeleton.className = 'inflowpay-skeleton';\n    disclaimerTextSkeleton.style.cssText = `\n      width: 80%;\n      height: 16px;\n      border-radius: 4px;\n      background: ${shimmerGradient};\n      background-size: 200% 100%;\n      animation: inflowpay-shimmer 1.5s infinite;\n    `;\n\n    disclaimerSkeleton.appendChild(disclaimerIconSkeleton);\n    disclaimerSkeleton.appendChild(disclaimerTextSkeleton);\n\n    skeletonCard.appendChild(inputWrap);\n    skeletonCard.appendChild(buttonSkeleton);\n    skeletonCard.appendChild(disclaimerSkeleton);\n    loader.appendChild(skeletonCard);\n\n    // Add shimmer animation keyframes\n    if (!document.getElementById('inflowpay-loader-styles')) {\n      const style = document.createElement('style');\n      style.id = 'inflowpay-loader-styles';\n      style.textContent = `\n        @keyframes inflowpay-shimmer {\n          0% {\n            background-position: -200% 0;\n          }\n          100% {\n            background-position: 200% 0;\n          }\n        }\n      `;\n      document.head.appendChild(style);\n    }\n\n    container.appendChild(loader);\n  }\n\n  /**\n   * Hide loader\n   */\n  private hideLoader(): void {\n    const loader = document.getElementById('inflowpay-loader');\n    if (loader) {\n      loader.remove();\n    }\n    \n    // Show iframe again when loader is hidden\n    if (this.iframe) {\n      this.iframe.style.display = '';\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    this.hideLoader();\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      const overlay = document.getElementById('inflowpay-sdk-overlay');\n      if (overlay) {\n        overlay.remove();\n      }\n    } else {\n      // Clear container\n      if (this.containerElement) {\n        this.containerElement.innerHTML = '';\n      }\n    }\n\n    this.iframe = null;\n  }\n\n  /**\n   * Open 3DS authentication modal\n   * Called when iframe requests 3DS authentication\n   */\n  private open3DSModal(challengeUrl: string): Promise<boolean> {\n    if (this.config.debug) {\n      console.log('[SDK] open3DSModal called with URL:', challengeUrl);\n    }\n    return new Promise((resolve) => {\n      // Create overlay\n      const overlay = document.createElement('div');\n      overlay.id = 'inflowpay-3ds-overlay';\n      overlay.style.cssText = `\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: 999999;\n      `;\n\n      // Create modal\n      const modal = document.createElement('div');\n      modal.style.cssText = `\n        position: relative;\n        width: 90%;\n        max-width: 500px;\n        height: 90%;\n        max-height: 600px;\n        background: white;\n        border-radius: 8px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        display: flex;\n        flex-direction: column;\n      `;\n\n      // Create header\n      const header = document.createElement('div');\n      header.style.cssText = `\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 15px 20px;\n        border-bottom: 1px solid #e5e5e5;\n      `;\n      header.innerHTML = `\n        <h3 style=\"margin: 0; font-size: 18px; font-weight: 600;\">Secure Payment Authentication</h3>\n        <button id=\"inflowpay-3ds-close\" style=\"background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #333;\">×</button>\n      `;\n\n      // Create content with iframe\n      const content = document.createElement('div');\n      content.style.cssText = `\n        flex: 1;\n        position: relative;\n        overflow: hidden;\n      `;\n      const iframe = document.createElement('iframe');\n      iframe.src = challengeUrl;\n      iframe.style.cssText = `\n        width: 100%;\n        height: 100%;\n        border: none;\n      `;\n      iframe.setAttribute('allow', 'payment');\n      iframe.setAttribute('sandbox', 'allow-forms allow-scripts allow-same-origin allow-popups');\n      content.appendChild(iframe);\n\n      modal.appendChild(header);\n      modal.appendChild(content);\n      overlay.appendChild(modal);\n      document.body.appendChild(overlay);\n\n      // Close button handler\n      const closeBtn = overlay.querySelector('#inflowpay-3ds-close');\n      const closeHandler = () => {\n        overlay.remove();\n        window.removeEventListener('message', messageHandler);\n        resolve(false);\n      };\n      closeBtn?.addEventListener('click', closeHandler);\n\n      const messageHandler = (event: MessageEvent) => {\n        if (!event.data) return;\n\n        const allowed3DSOrigins = [\n          'https://dev.api.inflowpay.com',\n          'https://pre-prod.api.inflowpay.xyz',\n          'https://api.inflowpay.xyz',\n        ];\n\n        if (this.environment === 'sandbox' || this.environment === 'development') {\n          if (event.origin.includes('localhost') || event.origin.includes('127.0.0.1')) {\n            // Allow localhost in dev/sandbox\n          } else if (!allowed3DSOrigins.includes(event.origin)) {\n            if (this.config.debug) {\n              console.warn('[SDK] Rejected 3DS message from unauthorized origin:', event.origin);\n            }\n            return;\n          }\n        } else {\n          if (!allowed3DSOrigins.includes(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\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   * 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   * Detect environment from API key\n   */\n  private getEnvironmentFromApiKey(apiKey: string): 'sandbox' | 'production' | 'development' | 'preprod' {\n    if (!apiKey) return 'sandbox';\n    if (apiKey.includes('_local_') || apiKey.startsWith('inflow_local_')) {\n      return 'sandbox';\n    } else if (apiKey.includes('_prod_') && !apiKey.includes('_preprod_')) {\n      return 'production';\n    } else if (apiKey.includes('_preprod_') || apiKey.startsWith('inflow_preprod_')) {\n      return 'preprod';\n    } else if (apiKey.includes('_dev_')) {\n      return 'development';\n    }\n    return 'sandbox';\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 { SDK } from './sdk';\n\nimport type { CSSProperties } from './types';\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: { status: string; data?: any; error?: any }) => 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}\n\ninterface InternalSDKConfig {\n  apiKey: string;\n  iframeUrl: string;\n  timeout: number;\n  debug: boolean;\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      iframeUrl: config.iframeUrl,\n      apiKey: config.apiKey,\n      container: this.container,\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      },\n      onSuccess: (data) => {\n        if (options.onComplete) {\n          options.onComplete({\n            status: data?.data?.transaction?.status || 'CHECKOUT_SUCCESS',\n            data: data,\n          });\n        }\n      },\n      onError: (error) => {\n        if (options.onError) {\n          options.onError(error);\n        } else if (options.onComplete) {\n          options.onComplete({\n            status: 'PAYMENT_FAILED',\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 type { SDKConfig, PaymentConfig, CSSProperties } from './types';\nimport { CardElement } from './card-element';\n\nexport interface PaymentSDKConfig {\n  /** Public API key */\n  apiKey: string;\n  /** Backend API URL (optional, auto-detected from API key) */\n  iframeUrl?: string;\n  /** Request timeout in milliseconds (default: 30000) */\n  timeout?: number;\n  /** Enable debug logging (default: false, only allowed in local/dev environments) */\n  debug?: boolean;\n}\n\nexport class PaymentSDK {\n  private config: PaymentSDKConfig & { iframeUrl: string; timeout: number; 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.apiKey || typeof config.apiKey !== 'string') {\n      throw new Error('API key is required');\n    }\n\n    // Auto-detect iframe URL from API key if not provided\n    let iframeUrl = config.iframeUrl;\n    const environment = this.getEnvironmentFromApiKey(config.apiKey);\n    \n    if (!iframeUrl) {\n      if (environment === 'production') {\n        iframeUrl = 'https://api.inflowpay.xyz/iframe/checkout';\n      } else if (environment === 'preprod') {\n        iframeUrl = 'https://pre-prod.api.inflowpay.xyz/iframe/checkout';\n      } else if (environment === 'development') {\n        iframeUrl = 'https://dev.api.inflowpay.com/iframe/checkout';\n      } else {\n        // sandbox/local\n        iframeUrl = 'http://localhost:3000/iframe/checkout';\n      }\n    }\n\n    // Validate debug mode - only allowed in local/dev environments\n    const requestedDebug = config.debug ?? false;\n    if (requestedDebug && (environment === 'production' || environment === 'preprod')) {\n      console.warn('[InflowPay SDK] Debug mode is not allowed in production/pre-prod environments. Debug mode disabled.');\n    }\n    const debug = requestedDebug && (environment === 'sandbox' || environment === 'development');\n\n    this.config = {\n      apiKey: config.apiKey,\n      iframeUrl,\n      timeout: config.timeout ?? 30000,\n      debug,\n    };\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: { status: string; data?: any; error?: any }) => void;\n    onError?: (error: any) => void;\n    onClose?: () => void;\n  }): CardElement {\n    return new CardElement(this.config, options);\n  }\n\n  /**\n   * Get the iframe URL being used\n   */\n  getIframeUrl(): string {\n    return this.config.iframeUrl;\n  }\n\n  /**\n   * Get the API key\n   */\n  getApiKey(): string {\n    return this.config.apiKey;\n  }\n\n  /**\n   * Auto-detect environment from API key\n   */\n  private getEnvironmentFromApiKey(apiKey: string): 'sandbox' | 'production' | 'development' | 'preprod' {\n    if (apiKey.includes('_local_') || apiKey.startsWith('inflow_local_')) {\n      return 'sandbox';\n    } else if (apiKey.includes('_prod_') && !apiKey.includes('_preprod_')) {\n      return 'production';\n    } else if (apiKey.includes('_preprod_') || apiKey.startsWith('inflow_preprod_')) {\n      return 'preprod';\n    } else if (apiKey.includes('_dev_')) {\n      return 'development';\n    }\n    return 'sandbox';\n  }\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 React, { createContext, useContext, useEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { PaymentSDK } from '../payment-sdk';\nimport type { PaymentSDKConfig } from '../payment-sdk';\nimport type { CardElement as CardElementClass } from '../card-element';\nimport type { CardElementOptions } from '../card-element';\nimport type { CSSProperties } from '../types';\n\nexport interface SDKConfig {\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 PaymentResult {\n  status: string;\n  data?: any;\n  error?: {\n    code: string;\n    message: string;\n    retryable: boolean;\n  };\n}\n\nexport interface PaymentError {\n  code: string;\n  message: string;\n  retryable: boolean;\n}\n\nexport interface CardElementState {\n  complete: boolean;\n}\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}\n\ninterface InflowPayContextValue {\n  sdk: PaymentSDK;\n}\n\nconst InflowPayContext = createContext<InflowPayContextValue | null>(null);\n\n/**\n * InflowPayProvider - React component\n * \n * Same API as the original React SDK\n * \n * @example\n * ```tsx\n * <InflowPayProvider config={{ apiKey: 'inflow_pub_xxx' }}>\n *   <CardElement\n *     paymentId=\"pay_xxx\"\n *     onComplete={(result) => {\n *       if (result.status === 'CHECKOUT_SUCCESS') {\n *         window.location.href = '/success';\n *       }\n *     }}\n *   />\n * </InflowPayProvider>\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      apiKey: config.apiKey,\n      iframeUrl: config.iframeUrl,\n      timeout: config.timeout,\n      debug: config.debug,\n    };\n    return new PaymentSDK(sdkConfig);\n  });\n\n  return (\n    <InflowPayContext.Provider value={{ sdk }}>\n      {children}\n    </InflowPayContext.Provider>\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 <button onClick={checkStatus}>Check Status</button>;\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 * <CardElement\n *   paymentId=\"pay_xxx\"\n *   onComplete={(result) => {\n *     if (result.status === 'CHECKOUT_SUCCESS') {\n *       window.location.href = '/success';\n *     }\n *   }}\n * />\n * ```\n */\nexport function CardElement({\n  paymentId,\n  onReady,\n  onChange,\n  onComplete,\n  onError,\n  style,\n  buttonText,\n  placeholders,\n  config: propConfig,\n}: CardElementProps & { config?: SDKConfig }) {\n  const context = useContext(InflowPayContext);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cardElementRef = useRef<CardElementClass | null>(null);\n  const [mounted, setMounted] = useState(false);\n\n  const sdk = context?.sdk || (propConfig ? new PaymentSDK({\n    apiKey: propConfig.apiKey,\n    iframeUrl: propConfig.iframeUrl,\n    timeout: propConfig.timeout,\n    debug: propConfig.debug,\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      onComplete: (result) => {\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: 'PAYMENT_FAILED',\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]);\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    <div\n      ref={containerRef}\n      style={{\n        width: style?.fillParent ? \"100%\" : \"344px\"\n      }}\n    />\n  );\n}\n"],"names":["REACT_ELEMENT_TYPE","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","reactJsxRuntime_production","getComponentNameFromType","REACT_CLIENT_REFERENCE","REACT_PROFILER_TYPE","REACT_STRICT_MODE_TYPE","REACT_SUSPENSE_TYPE","REACT_SUSPENSE_LIST_TYPE","REACT_ACTIVITY_TYPE","REACT_PORTAL_TYPE","REACT_CONTEXT_TYPE","REACT_CONSUMER_TYPE","REACT_FORWARD_REF_TYPE","innerType","REACT_MEMO_TYPE","REACT_LAZY_TYPE","testStringCoercion","value","checkKeyStringCoercion","JSCompiler_inline_result","JSCompiler_temp_const","JSCompiler_inline_result$jscomp$0","getTaskName","name","getOwner","dispatcher","ReactSharedInternals","UnknownOwner","hasValidKey","hasOwnProperty","getter","defineKeyPropWarningGetter","props","displayName","warnAboutAccessingKey","specialPropKeyWarningShown","elementRefGetterWithDeprecationWarning","componentName","didWarnAboutElementRef","ReactElement","owner","debugStack","debugTask","refProp","jsxDEVImpl","isStaticChildren","children","isArrayImpl","validateChildKeys","keys","k","didWarnAboutKeySpread","node","isValidElement","object","React","require$$0","createTask","callStackForError","unknownOwnerDebugStack","unknownOwnerDebugTask","reactJsxRuntime_development","trackActualOwner","jsxRuntimeModule","require$$1","SDK","url","iframeSrc","overlay","container","closeButton","e","currentStyle","iframeWidth","iframeMaxWidth","event","allowedOrigin","isAllowedOrigin","data","height","success","targetOrigin","message","isDarkMode","inputBgColor","shimmerBase","shimmerGradient","loader","containerWidth","skeletonCard","inputWrap","cardNumberSkeleton","expirySkeleton","cvcSkeleton","buttonSkeleton","disclaimerSkeleton","disclaimerIconSkeleton","disclaimerTextSkeleton","style","challengeUrl","resolve","modal","header","content","iframe","closeBtn","closeHandler","messageHandler","allowed3DSOrigins","is3DSComplete","isSuccess","isFailure","apiKey","CardElement$1","options","containerElement","error","PaymentSDK","iframeUrl","environment","requestedDebug","debug","CardElement","InflowPayContext","createContext","InflowPayProvider","sdk","useState","sdkConfig","jsx","useInflowPay","context","useContext","paymentId","onReady","onChange","onComplete","onError","buttonText","placeholders","propConfig","containerRef","useRef","cardElementRef","mounted","setMounted","useEffect","cardElementOptions","result","cardElement","timer"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/sdk.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./payment-sdk-BWb7DDT1.js");class d{constructor(e){const E={apiKey:e.config.apiKey,iframeUrl:e.config.iframeUrl,timeout:e.config.timeout,debug:e.config.debug};this.sdk=new o.PaymentSDK(E)}createCardElement(e){let E;if(e.container)E=e.container;else{const t=document.createElement("div");t.id="inflowpay-card-element-container",document.body.appendChild(t),E=t}const l={container:E,paymentId:e.paymentId,...e.style&&{style:e.style},...e.buttonText&&{buttonText:e.buttonText},...e.placeholders&&{placeholders:e.placeholders},onComplete:t=>{e.onComplete&&e.onComplete(t)},onError:e.onError,onClose:e.onClose},C=this.sdk.createCardElement(l);if(e.onReady){const t=C.mount.bind(C);C.mount=()=>{t(),setTimeout(()=>{e.onReady&&e.onReady()},100)}}return e.onChange&&setTimeout(()=>{e.onChange&&e.onChange({complete:!1})},100),C}getSDK(){return this.sdk}}var i=(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))(i||{});const a="0.0.1";exports.CardElement=o.CardElement;exports.PaymentSDK=o.PaymentSDK;exports.SDK=o.SDK;exports.InflowPayProvider=d;exports.PaymentStatus=i;exports.VERSION=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./payment-sdk-CvXfOxY6.js");class d{constructor(e){const E={apiKey:e.config.apiKey,iframeUrl:e.config.iframeUrl,timeout:e.config.timeout,debug:e.config.debug};this.sdk=new o.PaymentSDK(E)}createCardElement(e){let E;if(e.container)E=e.container;else{const t=document.createElement("div");t.id="inflowpay-card-element-container",document.body.appendChild(t),E=t}const l={container:E,paymentId:e.paymentId,...e.style&&{style:e.style},...e.buttonText&&{buttonText:e.buttonText},...e.placeholders&&{placeholders:e.placeholders},onComplete:t=>{e.onComplete&&e.onComplete(t)},onError:e.onError,onClose:e.onClose},C=this.sdk.createCardElement(l);if(e.onReady){const t=C.mount.bind(C);C.mount=()=>{t(),setTimeout(()=>{e.onReady&&e.onReady()},100)}}return e.onChange&&setTimeout(()=>{e.onChange&&e.onChange({complete:!1})},100),C}getSDK(){return this.sdk}}var i=(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))(i||{});const a="0.0.1";exports.CardElement=o.CardElement;exports.PaymentSDK=o.PaymentSDK;exports.SDK=o.SDK;exports.InflowPayProvider=d;exports.PaymentStatus=i;exports.VERSION=a;
 //# sourceMappingURL=sdk.cjs.map

package/dist/sdk.d.ts

@@ -5,8 +5,8 @@ declare interface ButtonBaseStyles {
     borderColor?: string;
     borderEnabled?: boolean;
     fontSize?: string;
-    fontWeight?: string;
-    opacity?: string;
+    fontWeight?: FontWeight;
+    opacity?: Opacity;
 }
 
 declare interface ButtonStyles extends ButtonBaseStyles {
@@ -105,6 +105,8 @@ declare interface CSSProperties {
  */
 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';
+
 declare interface GeneralMessageStyles {
     textColor?: string;
     backgroundColor?: string;
@@ -114,12 +116,13 @@ declare interface GeneralMessageStyles {
 }
 
 export declare interface IframeMessage {
-    type: 'sdkData' | 'success' | 'error' | 'close' | '3ds-required' | '3ds-result' | 'iframe-ready';
+    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;
 }
 
 /**
@@ -194,6 +197,8 @@ declare interface InternalSDKConfig {
     debug: boolean;
 }
 
+declare type Opacity = number | string;
+
 export declare interface PaymentConfig {
     name?: string;
     amount?: number;
@@ -343,6 +348,14 @@ export declare class SDK {
      * 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
      */

package/dist/sdk.esm.js

@@ -1,5 +1,5 @@
-import { P as i } from "./payment-sdk-CH8ugKck.mjs";
-import { C as m, S as f } from "./payment-sdk-CH8ugKck.mjs";
+import { P as i } from "./payment-sdk-DK3VOIGL.mjs";
+import { C as m, S as f } from "./payment-sdk-DK3VOIGL.mjs";
 class d {
   constructor(e) {
     const C = {

package/dist/sdk.umd.js

@@ -1,4 +1,4 @@
-(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.InflowPaySDK={}))})(this,function(s){"use strict";class c{constructor(e){if(this.iframe=null,this.messageListener=null,this.containerElement=null,this.config=e,this.iframeUrl=e.iframeUrl||"http://localhost:3000/iframe/checkout",this.environment=this.getEnvironmentFromApiKey(e.apiKey||""),this.usePopup=!e.container,e.container)if(typeof e.container=="string"){if(this.containerElement=document.querySelector(e.container),!this.containerElement)throw new Error(`Container not found: ${e.container}`)}else this.containerElement=e.container}init(){this.iframe||(this.createIframe(),this.addMessageListener())}createIframe(){const e=new URL(this.iframeUrl);this.config.apiKey&&e.searchParams.set("apiKey",this.config.apiKey),this.config.config?.paymentId&&e.searchParams.set("paymentId",this.config.config.paymentId);const t=e.toString();if(this.usePopup){const i=document.createElement("div");i.id="inflowpay-sdk-overlay",i.style.cssText=`
+(function(d,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(d=typeof globalThis<"u"?globalThis:d||self,p(d.InflowPaySDK={}))})(this,function(d){"use strict";class p{constructor(e){if(this.iframe=null,this.messageListener=null,this.containerElement=null,this.config=e,this.iframeUrl=e.iframeUrl||"http://localhost:3000/iframe/checkout",this.environment=this.getEnvironmentFromApiKey(e.apiKey||""),this.usePopup=!e.container,e.container)if(typeof e.container=="string"){if(this.containerElement=document.querySelector(e.container),!this.containerElement)throw new Error(`Container not found: ${e.container}`)}else this.containerElement=e.container}init(){this.iframe||(this.createIframe(),this.addMessageListener())}createIframe(){const e=new URL(this.iframeUrl);this.config.apiKey&&e.searchParams.set("apiKey",this.config.apiKey),this.config.config?.paymentId&&e.searchParams.set("paymentId",this.config.config.paymentId);const t=e.toString();if(this.usePopup){const i=document.createElement("div");i.id="inflowpay-sdk-overlay",i.style.cssText=`
         position: fixed;
         top: 0;
         left: 0;
@@ -38,14 +38,104 @@
         height: 100%;
         border: none;
         border-radius: 8px;
-      `,this.iframe.setAttribute("allow","payment"),o.appendChild(n),o.appendChild(this.iframe),i.appendChild(o),document.body.appendChild(i),i.addEventListener("click",a=>{a.target===i&&this.close()})}else{if(!this.containerElement)throw new Error("Container element is required for inline mode");if(this.containerElement.innerHTML="",this.containerElement instanceof HTMLElement){const n=this.containerElement.getAttribute("style")||"";n.includes("min-height")||(this.containerElement.style.minHeight="175px"),n.includes("position")||(this.containerElement.style.position="relative"),n.includes("overflow")||(this.containerElement.style.overflow="hidden")}this.iframe=document.createElement("iframe"),this.iframe.src=t;const i=this.config.config?.style?.fillParent?"100%":"344px",o=this.config.config?.style?.fillParent?"none":"100%";this.iframe.style.cssText=`
+      `,this.iframe.setAttribute("allow","payment"),o.appendChild(n),o.appendChild(this.iframe),i.appendChild(o),document.body.appendChild(i),this.showLoader(o),i.addEventListener("click",s=>{s.target===i&&this.close()})}else{if(!this.containerElement)throw new Error("Container element is required for inline mode");if(this.containerElement.innerHTML="",this.containerElement instanceof HTMLElement){const n=this.containerElement.getAttribute("style")||"";n.includes("min-height")||(this.containerElement.style.minHeight="196px"),n.includes("position")||(this.containerElement.style.position="relative"),n.includes("overflow")||(this.containerElement.style.overflow="hidden")}this.iframe=document.createElement("iframe"),this.iframe.src=t;const i=this.config.config?.style?.fillParent?"100%":"344px",o=this.config.config?.style?.fillParent?"none":"100%";this.iframe.style.cssText=`
         width: ${i};
         max-width: ${o};
-        height: 100%;
-        min-height: 175px;
+        height: 196px;
+        min-height: 196px;
         border: none;
         display: block;
-      `,this.iframe.setAttribute("allow","payment"),this.containerElement.appendChild(this.iframe)}}addMessageListener(){this.messageListener=e=>{const t=new URL(this.iframeUrl).origin;let o=e.origin===t;if(o||((this.environment==="sandbox"||this.environment==="development")&&(o=(e.origin.includes("localhost")||e.origin.includes("127.0.0.1"))&&(t.includes("localhost")||t.includes("127.0.0.1"))),o||(o=e.origin==="https://dev.api.inflowpay.com"||e.origin==="https://pre-prod.api.inflowpay.xyz"||e.origin==="https://api.inflowpay.xyz")),!o){this.config.debug&&console.warn("[SDK] Rejected message from unauthorized origin:",e.origin);return}const n=e.data;if(!(!n||!n.type))switch(n.type){case"iframe-ready":this.sendConfigToIframe();break;case"close":this.close();break;case"success":this.config.onSuccess&&this.config.onSuccess(n.data);break;case"error":this.config.onError&&this.config.onError(n.data);break;case"3ds-required":this.config.debug&&console.log("[SDK] Received 3DS request:",n.threeDsSessionUrl),n.threeDsSessionUrl?(this.config.debug&&console.log("[SDK] Opening 3DS modal..."),this.open3DSModal(n.threeDsSessionUrl).then(a=>{if(this.config.debug&&console.log("[SDK] 3DS modal closed, result:",a),this.iframe&&this.iframe.contentWindow){const d=this.getTargetOrigin();this.iframe.contentWindow.postMessage({type:"3ds-result",success:a,paymentId:n.paymentId||this.config.config?.paymentId},d)}})):this.config.debug&&console.error("[SDK] 3DS required but no threeDsSessionUrl provided");break;default:this.config.debug&&console.log("SDK: Received message:",n)}},window.addEventListener("message",this.messageListener)}sendConfigToIframe(){if(!this.iframe||!this.iframe.contentWindow){this.iframe&&(this.iframe.onload=()=>{this.sendConfigToIframe()});return}const e={type:"sdkData",config:{...this.config.config||{},paymentId:this.config.config?.paymentId},data:{apiKey:this.config.apiKey}},t=this.getTargetOrigin();this.iframe.contentWindow.postMessage(e,t)}close(){if(this.config.onClose&&this.config.onClose(),this.messageListener&&(window.removeEventListener("message",this.messageListener),this.messageListener=null),this.usePopup){const e=document.getElementById("inflowpay-sdk-overlay");e&&e.remove()}else this.containerElement&&this.iframe&&this.containerElement.removeChild(this.iframe);this.iframe=null}open3DSModal(e){return this.config.debug&&console.log("[SDK] open3DSModal called with URL:",e),new Promise(t=>{const i=document.createElement("div");i.id="inflowpay-3ds-overlay",i.style.cssText=`
+        transition: height 0.2s ease;
+      `,this.iframe.setAttribute("allow","payment"),this.containerElement.appendChild(this.iframe),this.showLoader(this.containerElement)}}addMessageListener(){this.messageListener=e=>{const t=new URL(this.iframeUrl).origin;let o=e.origin===t;if(o||((this.environment==="sandbox"||this.environment==="development")&&(o=(e.origin.includes("localhost")||e.origin.includes("127.0.0.1"))&&(t.includes("localhost")||t.includes("127.0.0.1"))),o||(o=e.origin==="https://dev.api.inflowpay.com"||e.origin==="https://pre-prod.api.inflowpay.xyz"||e.origin==="https://api.inflowpay.xyz")),!o){this.config.debug&&console.warn("[SDK] Rejected message from unauthorized origin:",e.origin);return}const n=e.data;if(!(!n||!n.type))switch(n.type){case"iframe-ready":this.hideLoader(),this.sendConfigToIframe();break;case"content-height":if(n.height&&this.iframe){const s=Math.max(n.height,196);this.iframe.style.height=`${s}px`,this.containerElement&&(this.containerElement.style.minHeight=`${s}px`)}break;case"close":this.close();break;case"success":this.config.onSuccess&&this.config.onSuccess(n.data);break;case"error":this.config.onError&&this.config.onError(n.data);break;case"3ds-required":this.config.debug&&console.log("[SDK] Received 3DS request:",n.threeDsSessionUrl),n.threeDsSessionUrl?(this.config.debug&&console.log("[SDK] Opening 3DS modal..."),this.open3DSModal(n.threeDsSessionUrl).then(s=>{if(this.config.debug&&console.log("[SDK] 3DS modal closed, result:",s),this.iframe&&this.iframe.contentWindow){const a=this.getTargetOrigin();this.iframe.contentWindow.postMessage({type:"3ds-result",success:s,paymentId:n.paymentId||this.config.config?.paymentId},a)}})):this.config.debug&&console.error("[SDK] 3DS required but no threeDsSessionUrl provided");break;default:this.config.debug&&console.log("SDK: Received message:",n)}},window.addEventListener("message",this.messageListener)}sendConfigToIframe(){if(!this.iframe||!this.iframe.contentWindow){this.iframe&&(this.iframe.onload=()=>{this.sendConfigToIframe()});return}const e={type:"sdkData",config:{...this.config.config||{},paymentId:this.config.config?.paymentId},data:{apiKey:this.config.apiKey}},t=this.getTargetOrigin();this.iframe.contentWindow.postMessage(e,t)}showLoader(e){this.iframe&&(this.iframe.style.display="none");const t=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,i=t?"#2d2d2d":"#F5F5F5",o=t?"#3d3d3d":"#E5E5E5",s=`linear-gradient(90deg, ${o} 25%, ${t?"#4d4d4d":"#F0F0F0"} 50%, ${o} 75%)`,a=document.createElement("div");a.id="inflowpay-loader";const w=this.config.config?.style?.fillParent?"100%":"344px";a.style.cssText=`
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 1000;
+      padding: 20px;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+    `;const h=document.createElement("div");h.style.cssText=`
+      width: ${w};
+      max-width: 100%;
+      margin: 0 auto;
+      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+    `;const c=document.createElement("div");c.style.cssText=`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 6px;
+      background-color: ${i};
+      padding: 8px;
+      border-radius: 8px;
+      margin-bottom: 20px;
+    `;const l=document.createElement("div");l.className="inflowpay-skeleton",l.style.cssText=`
+      flex: 1;
+      min-width: 0;
+      height: 32px;
+      border-radius: 6px;
+      background: ${s};
+      background-size: 200% 100%;
+      animation: inflowpay-shimmer 1.5s infinite;
+    `;const g=document.createElement("div");g.className="inflowpay-skeleton",g.style.cssText=`
+      width: 21.5%;
+      flex-shrink: 0;
+      height: 32px;
+      border-radius: 6px;
+      background: ${s};
+      background-size: 200% 100%;
+      animation: inflowpay-shimmer 1.5s infinite;
+    `;const m=document.createElement("div");m.className="inflowpay-skeleton",m.style.cssText=`
+      width: 17.5%;
+      flex-shrink: 0;
+      height: 32px;
+      border-radius: 6px;
+      background: ${s};
+      background-size: 200% 100%;
+      animation: inflowpay-shimmer 1.5s infinite;
+    `,c.appendChild(l),c.appendChild(g),c.appendChild(m);const f=document.createElement("div");f.className="inflowpay-skeleton",f.style.cssText=`
+      width: 100%;
+      height: 42px;
+      border-radius: 8px;
+      background: ${s};
+      background-size: 200% 100%;
+      animation: inflowpay-shimmer 1.5s infinite;
+      margin-bottom: 16px;
+    `;const u=document.createElement("div");u.style.cssText=`
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 4px;
+      width: 100%;
+      margin-top: 16px;
+    `;const y=document.createElement("div");y.className="inflowpay-skeleton",y.style.cssText=`
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      background: ${s};
+      background-size: 200% 100%;
+      animation: inflowpay-shimmer 1.5s infinite;
+    `;const x=document.createElement("div");if(x.className="inflowpay-skeleton",x.style.cssText=`
+      width: 80%;
+      height: 16px;
+      border-radius: 4px;
+      background: ${s};
+      background-size: 200% 100%;
+      animation: inflowpay-shimmer 1.5s infinite;
+    `,u.appendChild(y),u.appendChild(x),h.appendChild(c),h.appendChild(f),h.appendChild(u),a.appendChild(h),!document.getElementById("inflowpay-loader-styles")){const E=document.createElement("style");E.id="inflowpay-loader-styles",E.textContent=`
+        @keyframes inflowpay-shimmer {
+          0% {
+            background-position: -200% 0;
+          }
+          100% {
+            background-position: 200% 0;
+          }
+        }
+      `,document.head.appendChild(E)}e.appendChild(a)}hideLoader(){const e=document.getElementById("inflowpay-loader");e&&e.remove(),this.iframe&&(this.iframe.style.display="")}close(){if(this.config.onClose&&this.config.onClose(),this.hideLoader(),this.messageListener&&(window.removeEventListener("message",this.messageListener),this.messageListener=null),this.usePopup){const e=document.getElementById("inflowpay-sdk-overlay");e&&e.remove()}else this.containerElement&&(this.containerElement.innerHTML="");this.iframe=null}open3DSModal(e){return this.config.debug&&console.log("[SDK] open3DSModal called with URL:",e),new Promise(t=>{const i=document.createElement("div");i.id="inflowpay-3ds-overlay",i.style.cssText=`
         position: fixed;
         top: 0;
         left: 0;
@@ -76,13 +166,13 @@
       `,n.innerHTML=`
         <h3 style="margin: 0; font-size: 18px; font-weight: 600;">Secure Payment Authentication</h3>
         <button id="inflowpay-3ds-close" style="background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #333;">×</button>
-      `;const a=document.createElement("div");a.style.cssText=`
+      `;const s=document.createElement("div");s.style.cssText=`
         flex: 1;
         position: relative;
         overflow: hidden;
-      `;const d=document.createElement("iframe");d.src=e,d.style.cssText=`
+      `;const a=document.createElement("iframe");a.src=e,a.style.cssText=`
         width: 100%;
         height: 100%;
         border: none;
-      `,d.setAttribute("allow","payment"),d.setAttribute("sandbox","allow-forms allow-scripts allow-same-origin allow-popups"),a.appendChild(d),o.appendChild(n),o.appendChild(a),i.appendChild(o),document.body.appendChild(i);const x=i.querySelector("#inflowpay-3ds-close"),v=()=>{i.remove(),window.removeEventListener("message",h),t(!1)};x?.addEventListener("click",v);const h=l=>{if(!l.data)return;const y=["https://dev.api.inflowpay.com","https://pre-prod.api.inflowpay.xyz","https://api.inflowpay.xyz"];if(this.environment==="sandbox"||this.environment==="development"){if(!(l.origin.includes("localhost")||l.origin.includes("127.0.0.1"))){if(!y.includes(l.origin)){this.config.debug&&console.warn("[SDK] Rejected 3DS message from unauthorized origin:",l.origin);return}}}else if(!y.includes(l.origin)){this.config.debug&&console.warn("[SDK] Rejected 3DS message from unauthorized origin:",l.origin);return}const f=l.data,m=f.type==="THREE_DS_COMPLETE"||f.type==="3ds-complete",E=f.status==="success",w=f.status==="failed"||f.status==="failure";if(m&&E){i.remove(),window.removeEventListener("message",h),t(!0);return}if(E&&!m){i.remove(),window.removeEventListener("message",h),t(!0);return}if(m&&w||f.type==="3ds-failed"||w){i.remove(),window.removeEventListener("message",h),t(!1);return}};window.addEventListener("message",h)})}getTargetOrigin(){return this.environment==="production"||this.environment==="preprod"?new URL(this.iframeUrl).origin:"*"}getEnvironmentFromApiKey(e){return!e||e.includes("_local_")||e.startsWith("inflow_local_")?"sandbox":e.includes("_prod_")&&!e.includes("_preprod_")?"production":e.includes("_preprod_")||e.startsWith("inflow_preprod_")?"preprod":e.includes("_dev_")?"development":"sandbox"}destroy(){this.close()}}class u{constructor(e,t){this.mounted=!1;let i;if(typeof t.container=="string"){if(i=document.querySelector(t.container),!i)throw new Error(`Container not found: ${t.container}`)}else i=t.container;this.container=i,this.sdk=new c({iframeUrl:e.iframeUrl,apiKey:e.apiKey,container:this.container,config:{paymentId:t.paymentId,...t.style&&{style:t.style},...t.buttonText&&{buttonText:t.buttonText},...t.placeholders&&{placeholders:t.placeholders}},onSuccess:o=>{t.onComplete&&t.onComplete({status:o?.data?.transaction?.status||"CHECKOUT_SUCCESS",data:o})},onError:o=>{t.onError?t.onError(o):t.onComplete&&t.onComplete({status:"PAYMENT_FAILED",error:o})},onClose:()=>{t.onClose&&t.onClose()}})}mount(){if(this.mounted)throw new Error("CardElement is already mounted");this.sdk.init(),this.mounted=!0}destroy(){this.mounted&&(this.sdk.destroy(),this.mounted=!1)}}class g{constructor(e){if(!e.apiKey||typeof e.apiKey!="string")throw new Error("API key is required");let t=e.iframeUrl;const i=this.getEnvironmentFromApiKey(e.apiKey);t||(i==="production"?t="https://api.inflowpay.xyz/iframe/checkout":i==="preprod"?t="https://pre-prod.api.inflowpay.xyz/iframe/checkout":i==="development"?t="https://dev.api.inflowpay.com/iframe/checkout":t="http://localhost:3000/iframe/checkout");const o=e.debug??!1;o&&(i==="production"||i==="preprod")&&console.warn("[InflowPay SDK] Debug mode is not allowed in production/pre-prod environments. Debug mode disabled.");const n=o&&(i==="sandbox"||i==="development");this.config={apiKey:e.apiKey,iframeUrl:t,timeout:e.timeout??3e4,debug:n}}createCardElement(e){return new u(this.config,e)}getIframeUrl(){return this.config.iframeUrl}getApiKey(){return this.config.apiKey}getEnvironmentFromApiKey(e){return e.includes("_local_")||e.startsWith("inflow_local_")?"sandbox":e.includes("_prod_")&&!e.includes("_preprod_")?"production":e.includes("_preprod_")||e.startsWith("inflow_preprod_")?"preprod":e.includes("_dev_")?"development":"sandbox"}}class b{constructor(e){const t={apiKey:e.config.apiKey,iframeUrl:e.config.iframeUrl,timeout:e.config.timeout,debug:e.config.debug};this.sdk=new g(t)}createCardElement(e){let t;if(e.container)t=e.container;else{const n=document.createElement("div");n.id="inflowpay-card-element-container",document.body.appendChild(n),t=n}const i={container:t,paymentId:e.paymentId,...e.style&&{style:e.style},...e.buttonText&&{buttonText:e.buttonText},...e.placeholders&&{placeholders:e.placeholders},onComplete:n=>{e.onComplete&&e.onComplete(n)},onError:e.onError,onClose:e.onClose},o=this.sdk.createCardElement(i);if(e.onReady){const n=o.mount.bind(o);o.mount=()=>{n(),setTimeout(()=>{e.onReady&&e.onReady()},100)}}return e.onChange&&setTimeout(()=>{e.onChange&&e.onChange({complete:!1})},100),o}getSDK(){return this.sdk}}var p=(r=>(r.INITIATION="INITIATION",r.CHECKOUT_PENDING="CHECKOUT_PENDING",r.CHECKOUT_SUCCESS="CHECKOUT_SUCCESS",r.CHECKOUT_CANCELED="CHECKOUT_CANCELED",r.CANCELED="CANCELED",r.PAYMENT_RECEIVED="PAYMENT_RECEIVED",r.PAYMENT_SUCCESS="PAYMENT_SUCCESS",r.PAYMENT_FAILED="PAYMENT_FAILED",r))(p||{});const C="0.0.1";s.CardElement=u,s.InflowPayProvider=b,s.PaymentSDK=g,s.PaymentStatus=p,s.SDK=c,s.VERSION=C,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+      `,a.setAttribute("allow","payment"),a.setAttribute("sandbox","allow-forms allow-scripts allow-same-origin allow-popups"),s.appendChild(a),o.appendChild(n),o.appendChild(s),i.appendChild(o),document.body.appendChild(i);const w=i.querySelector("#inflowpay-3ds-close"),h=()=>{i.remove(),window.removeEventListener("message",c),t(!1)};w?.addEventListener("click",h);const c=l=>{if(!l.data)return;const g=["https://dev.api.inflowpay.com","https://pre-prod.api.inflowpay.xyz","https://api.inflowpay.xyz"];if(this.environment==="sandbox"||this.environment==="development"){if(!(l.origin.includes("localhost")||l.origin.includes("127.0.0.1"))){if(!g.includes(l.origin)){this.config.debug&&console.warn("[SDK] Rejected 3DS message from unauthorized origin:",l.origin);return}}}else if(!g.includes(l.origin)){this.config.debug&&console.warn("[SDK] Rejected 3DS message from unauthorized origin:",l.origin);return}const m=l.data,f=m.type==="THREE_DS_COMPLETE"||m.type==="3ds-complete",u=m.status==="success",y=m.status==="failed"||m.status==="failure";if(f&&u){i.remove(),window.removeEventListener("message",c),t(!0);return}if(u&&!f){i.remove(),window.removeEventListener("message",c),t(!0);return}if(f&&y||m.type==="3ds-failed"||y){i.remove(),window.removeEventListener("message",c),t(!1);return}};window.addEventListener("message",c)})}getTargetOrigin(){return this.environment==="production"||this.environment==="preprod"?new URL(this.iframeUrl).origin:"*"}getEnvironmentFromApiKey(e){return!e||e.includes("_local_")||e.startsWith("inflow_local_")?"sandbox":e.includes("_prod_")&&!e.includes("_preprod_")?"production":e.includes("_preprod_")||e.startsWith("inflow_preprod_")?"preprod":e.includes("_dev_")?"development":"sandbox"}destroy(){this.close()}}class b{constructor(e,t){this.mounted=!1;let i;if(typeof t.container=="string"){if(i=document.querySelector(t.container),!i)throw new Error(`Container not found: ${t.container}`)}else i=t.container;this.container=i,this.sdk=new p({iframeUrl:e.iframeUrl,apiKey:e.apiKey,container:this.container,config:{paymentId:t.paymentId,...t.style&&{style:t.style},...t.buttonText&&{buttonText:t.buttonText},...t.placeholders&&{placeholders:t.placeholders}},onSuccess:o=>{t.onComplete&&t.onComplete({status:o?.data?.transaction?.status||"CHECKOUT_SUCCESS",data:o})},onError:o=>{t.onError?t.onError(o):t.onComplete&&t.onComplete({status:"PAYMENT_FAILED",error:o})},onClose:()=>{t.onClose&&t.onClose()}})}mount(){if(this.mounted)throw new Error("CardElement is already mounted");this.sdk.init(),this.mounted=!0}destroy(){this.mounted&&(this.sdk.destroy(),this.mounted=!1)}}class C{constructor(e){if(!e.apiKey||typeof e.apiKey!="string")throw new Error("API key is required");let t=e.iframeUrl;const i=this.getEnvironmentFromApiKey(e.apiKey);t||(i==="production"?t="https://api.inflowpay.xyz/iframe/checkout":i==="preprod"?t="https://pre-prod.api.inflowpay.xyz/iframe/checkout":i==="development"?t="https://dev.api.inflowpay.com/iframe/checkout":t="http://localhost:3000/iframe/checkout");const o=e.debug??!1;o&&(i==="production"||i==="preprod")&&console.warn("[InflowPay SDK] Debug mode is not allowed in production/pre-prod environments. Debug mode disabled.");const n=o&&(i==="sandbox"||i==="development");this.config={apiKey:e.apiKey,iframeUrl:t,timeout:e.timeout??3e4,debug:n}}createCardElement(e){return new b(this.config,e)}getIframeUrl(){return this.config.iframeUrl}getApiKey(){return this.config.apiKey}getEnvironmentFromApiKey(e){return e.includes("_local_")||e.startsWith("inflow_local_")?"sandbox":e.includes("_prod_")&&!e.includes("_preprod_")?"production":e.includes("_preprod_")||e.startsWith("inflow_preprod_")?"preprod":e.includes("_dev_")?"development":"sandbox"}}class k{constructor(e){const t={apiKey:e.config.apiKey,iframeUrl:e.config.iframeUrl,timeout:e.config.timeout,debug:e.config.debug};this.sdk=new C(t)}createCardElement(e){let t;if(e.container)t=e.container;else{const n=document.createElement("div");n.id="inflowpay-card-element-container",document.body.appendChild(n),t=n}const i={container:t,paymentId:e.paymentId,...e.style&&{style:e.style},...e.buttonText&&{buttonText:e.buttonText},...e.placeholders&&{placeholders:e.placeholders},onComplete:n=>{e.onComplete&&e.onComplete(n)},onError:e.onError,onClose:e.onClose},o=this.sdk.createCardElement(i);if(e.onReady){const n=o.mount.bind(o);o.mount=()=>{n(),setTimeout(()=>{e.onReady&&e.onReady()},100)}}return e.onChange&&setTimeout(()=>{e.onChange&&e.onChange({complete:!1})},100),o}getSDK(){return this.sdk}}var S=(r=>(r.INITIATION="INITIATION",r.CHECKOUT_PENDING="CHECKOUT_PENDING",r.CHECKOUT_SUCCESS="CHECKOUT_SUCCESS",r.CHECKOUT_CANCELED="CHECKOUT_CANCELED",r.CANCELED="CANCELED",r.PAYMENT_RECEIVED="PAYMENT_RECEIVED",r.PAYMENT_SUCCESS="PAYMENT_SUCCESS",r.PAYMENT_FAILED="PAYMENT_FAILED",r))(S||{});const v="0.0.1";d.CardElement=b,d.InflowPayProvider=k,d.PaymentSDK=C,d.PaymentStatus=S,d.SDK=p,d.VERSION=v,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=sdk.umd.js.map