@inflow_pay/sdk 0.0.1

package/dist/sdk.esm.js

@@ -0,0 +1,459 @@
+class E {
+  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;
+  }
+  /**
+   * Initialize and open the payment iframe
+   */
+  init() {
+    this.iframe || (this.createIframe(), this.addMessageListener(), this.sendConfigToIframe());
+  }
+  /**
+   * Create and append the iframe to the document
+   */
+  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;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 999999;
+      `;
+      const n = document.createElement("div");
+      n.style.cssText = `
+        position: relative;
+        width: 90%;
+        max-width: 500px;
+        height: 90%;
+        max-height: 600px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+      `;
+      const o = document.createElement("button");
+      o.innerHTML = "×", o.style.cssText = `
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        width: 30px;
+        height: 30px;
+        border: none;
+        background: transparent;
+        font-size: 24px;
+        cursor: pointer;
+        z-index: 1000000;
+        color: #333;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      `, o.onclick = () => this.close(), this.iframe = document.createElement("iframe"), this.iframe.src = t, this.iframe.style.cssText = `
+        width: 100%;
+        height: 100%;
+        border: none;
+        border-radius: 8px;
+      `, this.iframe.setAttribute("allow", "payment"), n.appendChild(o), n.appendChild(this.iframe), i.appendChild(n), document.body.appendChild(i), 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 i = this.containerElement.getAttribute("style") || "";
+        i.includes("min-height") || (this.containerElement.style.minHeight = "300px"), i.includes("position") || (this.containerElement.style.position = "relative"), i.includes("overflow") || (this.containerElement.style.overflow = "hidden");
+      }
+      this.iframe = document.createElement("iframe"), this.iframe.src = t, this.iframe.style.cssText = `
+        width: 100%;
+        height: 100%;
+        min-height: 300px;
+        border: none;
+        display: block;
+      `, this.iframe.setAttribute("allow", "payment"), this.containerElement.appendChild(this.iframe);
+    }
+  }
+  /**
+   * Add message listener for communication with iframe
+   */
+  addMessageListener() {
+    this.messageListener = (e) => {
+      const t = new URL(this.iframeUrl).origin;
+      let n = e.origin === t;
+      if (n || ((this.environment === "sandbox" || this.environment === "development") && (n = (e.origin.includes("localhost") || e.origin.includes("127.0.0.1")) && (t.includes("localhost") || t.includes("127.0.0.1"))), n || (n = e.origin === "https://dev.api.inflowpay.com" || e.origin === "https://pre-prod.api.inflowpay.xyz" || e.origin === "https://api.inflowpay.xyz")), !n) {
+        this.config.debug && console.warn("[SDK] Rejected message from unauthorized origin:", e.origin);
+        return;
+      }
+      const o = e.data;
+      if (!(!o || !o.type))
+        switch (o.type) {
+          case "close":
+            this.close();
+            break;
+          case "success":
+            this.config.onSuccess && this.config.onSuccess(o.data);
+            break;
+          case "error":
+            this.config.onError && this.config.onError(o.data);
+            break;
+          case "3ds-required":
+            this.config.debug && console.log("[SDK] Received 3DS request:", o.threeDsSessionUrl), o.threeDsSessionUrl ? (this.config.debug && console.log("[SDK] Opening 3DS modal..."), this.open3DSModal(o.threeDsSessionUrl).then((s) => {
+              if (this.config.debug && console.log("[SDK] 3DS modal closed, result:", s), this.iframe && this.iframe.contentWindow) {
+                const l = this.getTargetOrigin();
+                this.iframe.contentWindow.postMessage({
+                  type: "3ds-result",
+                  success: s,
+                  paymentId: o.paymentId || this.config.config?.paymentId
+                }, l);
+              }
+            })) : this.config.debug && console.error("[SDK] 3DS required but no threeDsSessionUrl provided");
+            break;
+          default:
+            this.config.debug && console.log("SDK: Received message:", o);
+        }
+    }, window.addEventListener("message", this.messageListener);
+  }
+  /**
+   * Send configuration to the iframe
+   */
+  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 the iframe and cleanup
+   */
+  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;
+  }
+  /**
+   * Open 3DS authentication modal
+   * Called when iframe requests 3DS authentication
+   */
+  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;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.7);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 999999;
+      `;
+      const n = document.createElement("div");
+      n.style.cssText = `
+        position: relative;
+        width: 90%;
+        max-width: 500px;
+        height: 90%;
+        max-height: 600px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+        display: flex;
+        flex-direction: column;
+      `;
+      const o = document.createElement("div");
+      o.style.cssText = `
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 15px 20px;
+        border-bottom: 1px solid #e5e5e5;
+      `, o.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 s = document.createElement("div");
+      s.style.cssText = `
+        flex: 1;
+        position: relative;
+        overflow: hidden;
+      `;
+      const l = document.createElement("iframe");
+      l.src = e, l.style.cssText = `
+        width: 100%;
+        height: 100%;
+        border: none;
+      `, l.setAttribute("allow", "payment"), l.setAttribute("sandbox", "allow-forms allow-scripts allow-same-origin allow-popups"), s.appendChild(l), n.appendChild(o), n.appendChild(s), i.appendChild(n), document.body.appendChild(i);
+      const p = i.querySelector("#inflowpay-3ds-close"), g = () => {
+        i.remove(), window.removeEventListener("message", c), t(!1);
+      };
+      p?.addEventListener("click", g);
+      const c = (a) => {
+        if (!a.data) return;
+        const f = [
+          "https://dev.api.inflowpay.com",
+          "https://pre-prod.api.inflowpay.xyz",
+          "https://api.inflowpay.xyz"
+        ];
+        if (this.environment === "sandbox" || this.environment === "development") {
+          if (!(a.origin.includes("localhost") || a.origin.includes("127.0.0.1"))) {
+            if (!f.includes(a.origin)) {
+              this.config.debug && console.warn("[SDK] Rejected 3DS message from unauthorized origin:", a.origin);
+              return;
+            }
+          }
+        } else if (!f.includes(a.origin)) {
+          this.config.debug && console.warn("[SDK] Rejected 3DS message from unauthorized origin:", a.origin);
+          return;
+        }
+        const d = a.data, m = d.type === "THREE_DS_COMPLETE" || d.type === "3ds-complete", h = d.status === "success", u = d.status === "failed" || d.status === "failure";
+        if (m && h) {
+          i.remove(), window.removeEventListener("message", c), t(!0);
+          return;
+        }
+        if (h && !m) {
+          i.remove(), window.removeEventListener("message", c), t(!0);
+          return;
+        }
+        if (m && u || d.type === "3ds-failed" || u) {
+          i.remove(), window.removeEventListener("message", c), t(!1);
+          return;
+        }
+      };
+      window.addEventListener("message", c);
+    });
+  }
+  /**
+   * Get target origin for postMessage based on environment
+   * In production/pre-prod: use exact origin for security
+   * In dev/sandbox: use wildcard for development flexibility
+   */
+  getTargetOrigin() {
+    return this.environment === "production" || this.environment === "preprod" ? new URL(this.iframeUrl).origin : "*";
+  }
+  /**
+   * Detect environment from API key
+   */
+  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";
+  }
+  /**
+   * Public method to close the iframe
+   */
+  destroy() {
+    this.close();
+  }
+}
+class y {
+  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 E({
+      iframeUrl: e.iframeUrl,
+      apiKey: e.apiKey,
+      container: this.container,
+      config: {
+        paymentId: t.paymentId
+      },
+      onSuccess: (n) => {
+        t.onComplete && t.onComplete({
+          status: n?.data?.transaction?.status || "CHECKOUT_SUCCESS",
+          data: n
+        });
+      },
+      onError: (n) => {
+        t.onError ? t.onError(n) : t.onComplete && t.onComplete({
+          status: "PAYMENT_FAILED",
+          error: n
+        });
+      },
+      onClose: () => {
+        t.onClose && t.onClose();
+      }
+    });
+  }
+  /**
+   * Mount the CardElement to the DOM
+   * This will create and display the iframe
+   */
+  mount() {
+    if (this.mounted)
+      throw new Error("CardElement is already mounted");
+    this.sdk.init(), this.mounted = !0;
+  }
+  /**
+   * Destroy the CardElement and cleanup
+   */
+  destroy() {
+    this.mounted && (this.sdk.destroy(), this.mounted = !1);
+  }
+}
+class w {
+  /**
+   * Initialize the InflowPay Payment SDK
+   * 
+   * @param config - SDK configuration
+   * 
+   * @example
+   * ```typescript
+   * const sdk = new PaymentSDK({
+   *   apiKey: 'inflow_pub_local_xxx'
+   * });
+   * ```
+   */
+  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 n = e.debug ?? !1;
+    n && (i === "production" || i === "preprod") && console.warn("[InflowPay SDK] Debug mode is not allowed in production/pre-prod environments. Debug mode disabled.");
+    const o = n && (i === "sandbox" || i === "development");
+    this.config = {
+      apiKey: e.apiKey,
+      iframeUrl: t,
+      timeout: e.timeout ?? 3e4,
+      debug: o
+    };
+  }
+  /**
+   * Create a CardElement for iframe-based payment UI
+   * 
+   * @param options - CardElement configuration
+   * @returns CardElement instance
+   * 
+   * @example
+   * ```typescript
+   * const cardElement = sdk.createCardElement({
+   *   container: '#card-container',
+   *   paymentId: 'pay_123',
+   *   onComplete: (result) => {
+   *     if (result.status === 'CHECKOUT_SUCCESS') {
+   *       window.location.href = '/success';
+   *     }
+   *   }
+   * });
+   * 
+   * cardElement.mount();
+   * ```
+   */
+  createCardElement(e) {
+    return new y(this.config, e);
+  }
+  /**
+   * Get the iframe URL being used
+   */
+  getIframeUrl() {
+    return this.config.iframeUrl;
+  }
+  /**
+   * Get the API key
+   */
+  getApiKey() {
+    return this.config.apiKey;
+  }
+  /**
+   * Auto-detect environment from API key
+   */
+  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 x {
+  constructor(e) {
+    const t = {
+      apiKey: e.config.apiKey,
+      iframeUrl: e.config.iframeUrl,
+      timeout: e.config.timeout,
+      debug: e.config.debug
+    };
+    this.sdk = new w(t);
+  }
+  /**
+   * Create a CardElement (similar to React's <CardElement />)
+   * 
+   * @param props - CardElement props (same as React SDK)
+   * @returns CardElement instance
+   */
+  createCardElement(e) {
+    let t;
+    if (e.container)
+      t = e.container;
+    else {
+      const o = document.createElement("div");
+      o.id = "inflowpay-card-element-container", document.body.appendChild(o), t = o;
+    }
+    const i = {
+      container: t,
+      paymentId: e.paymentId,
+      onComplete: (o) => {
+        e.onComplete && e.onComplete(o);
+      },
+      onError: e.onError,
+      onClose: e.onClose
+    }, n = this.sdk.createCardElement(i);
+    if (e.onReady) {
+      const o = n.mount.bind(n);
+      n.mount = () => {
+        o(), setTimeout(() => {
+          e.onReady && e.onReady();
+        }, 100);
+      };
+    }
+    return e.onChange && setTimeout(() => {
+      e.onChange && e.onChange({ complete: !1 });
+    }, 100), n;
+  }
+  /**
+   * Get the underlying PaymentSDK instance
+   */
+  getSDK() {
+    return this.sdk;
+  }
+}
+var C = /* @__PURE__ */ ((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))(C || {});
+const b = "2.0.0";
+export {
+  y as CardElement,
+  x as InflowPayProvider,
+  w as PaymentSDK,
+  C as PaymentStatus,
+  E as SDK,
+  b as VERSION
+};
+//# sourceMappingURL=sdk.esm.js.map

package/dist/sdk.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.esm.js","sources":["../src/sdk.ts","../src/card-element.ts","../src/payment-sdk.ts","../src/inflowpay-provider.ts","../src/index.ts"],"sourcesContent":["/**\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    this.sendConfigToIframe();\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 = '300px';\n        }\n        if (!currentStyle.includes('position')) {\n          this.containerElement.style.position = 'relative';\n        }\n        if (!currentStyle.includes('overflow')) {\n          this.containerElement.style.overflow = 'hidden';\n        }\n      }\n\n      // Create iframe\n      this.iframe = document.createElement('iframe');\n      this.iframe.src = iframeSrc;\n      this.iframe.style.cssText = `\n        width: 100%;\n        height: 100%;\n        min-height: 300px;\n        border: none;\n        display: block;\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 '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 type { SDKConfig } from './types';\nimport { SDK } from './sdk';\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}\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      },\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 } 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    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 * InflowPayProvider - Compatibility layer for React SDK API\n * \n * Provides the same API structure as the original React SDK\n * but works with vanilla JavaScript\n */\n\nimport { PaymentSDK } from './payment-sdk';\nimport type { PaymentSDKConfig } from './payment-sdk';\nimport { CardElement } from './card-element';\nimport type { CardElementOptions } from './card-element';\n\nexport interface InflowPayProviderConfig {\n  apiKey: string;\n  iframeUrl?: string;\n  timeout?: number;\n  /** Enable debug logging (default: false, only allowed in local/dev environments) */\n  debug?: boolean;\n}\n\nexport interface CardElementProps {\n  paymentId: string;\n  container?: string | HTMLElement;\n  onComplete?: (result: { status: string; data?: any; error?: any }) => void;\n  onError?: (error: any) => void;\n  onClose?: () => void;\n  onReady?: () => void;\n  onChange?: (state: { complete: boolean }) => void;\n  buttonText?: string;\n  buttonStyle?: any;\n  style?: any;\n  placeholders?: {\n    cardNumber?: string;\n    expiry?: string;\n    cvc?: string;\n  };\n}\n\n/**\n * InflowPayProvider - Global SDK configuration\n * \n * Similar to React's InflowPayProvider but for vanilla JS\n * \n * @example\n * ```typescript\n * const provider = new InflowPayProvider({\n *   config: { apiKey: 'inflow_pub_xxx' }\n * });\n * \n * const cardElement = provider.createCardElement({\n *   paymentId: 'pay_xxx',\n *   onComplete: (result) => {\n *     if (result.status === 'CHECKOUT_SUCCESS') {\n *       window.location.href = '/success';\n *     }\n *   }\n * });\n * \n * cardElement.mount();\n * ```\n */\nexport class InflowPayProvider {\n  private sdk: PaymentSDK;\n\n  constructor(options: { config: InflowPayProviderConfig }) {\n    const config: PaymentSDKConfig = {\n      apiKey: options.config.apiKey,\n      iframeUrl: options.config.iframeUrl,\n      timeout: options.config.timeout,\n      debug: options.config.debug,\n    };\n\n    this.sdk = new PaymentSDK(config);\n  }\n\n  /**\n   * Create a CardElement (similar to React's <CardElement />)\n   * \n   * @param props - CardElement props (same as React SDK)\n   * @returns CardElement instance\n   */\n  createCardElement(props: CardElementProps): CardElement {\n    let container: string | HTMLElement;\n    if (props.container) {\n      container = props.container;\n    } else {\n      const defaultContainer = document.createElement('div');\n      defaultContainer.id = 'inflowpay-card-element-container';\n      document.body.appendChild(defaultContainer);\n      container = defaultContainer;\n    }\n\n    const cardElementOptions: CardElementOptions = {\n      container: container,\n      paymentId: props.paymentId,\n      onComplete: (result) => {\n        if (props.onComplete) {\n          props.onComplete(result);\n        }\n      },\n      onError: props.onError,\n      onClose: props.onClose,\n    };\n\n    const cardElement = this.sdk.createCardElement(cardElementOptions);\n\n    if (props.onReady) {\n      const originalMount = cardElement.mount.bind(cardElement);\n      cardElement.mount = () => {\n        originalMount();\n        setTimeout(() => {\n          if (props.onReady) {\n            props.onReady();\n          }\n        }, 100);\n      };\n    }\n\n    if (props.onChange) {\n      setTimeout(() => {\n        if (props.onChange) {\n          props.onChange({ complete: false });\n        }\n      }, 100);\n    }\n\n    return cardElement;\n  }\n\n  /**\n   * Get the underlying PaymentSDK instance\n   */\n  getSDK(): PaymentSDK {\n    return this.sdk;\n  }\n}\n\n","/**\n * InflowPay SDK v2 - Entry point\n * \n * Provides the same API as the original React SDK but using iframe-based payment flow\n * Compatible with vanilla JavaScript and easy migration from React SDK\n */\n\nexport { InflowPayProvider } from './inflowpay-provider';\nexport type { CardElementProps, InflowPayProviderConfig } from './inflowpay-provider';\n\nexport { PaymentSDK } from './payment-sdk';\nexport type { PaymentSDKConfig } from './payment-sdk';\n\nexport { CardElement } from './card-element';\nexport type { CardElementOptions } from './card-element';\n\nexport { SDK } from './sdk';\n\nexport type { IframeMessage, PaymentConfig, TransactionData } from './types';\n\nexport enum PaymentStatus {\n  INITIATION = 'INITIATION',\n  CHECKOUT_PENDING = 'CHECKOUT_PENDING',\n  CHECKOUT_SUCCESS = 'CHECKOUT_SUCCESS',\n  CHECKOUT_CANCELED = 'CHECKOUT_CANCELED',\n  CANCELED = 'CANCELED',\n  PAYMENT_RECEIVED = 'PAYMENT_RECEIVED',\n  PAYMENT_SUCCESS = 'PAYMENT_SUCCESS',\n  PAYMENT_FAILED = 'PAYMENT_FAILED',\n}\n\nexport type PaymentResult = {\n  status: string;\n  data?: any;\n  alreadyProcessed?: boolean;\n  error?: {\n    code: string;\n    message: string;\n    retryable: boolean;\n  };\n};\n\nexport type PaymentError = {\n  code: string;\n  message: string;\n  retryable: boolean;\n};\n\nexport type CardElementState = {\n  complete: boolean;\n};\n\nexport const VERSION = '2.0.0';\n"],"names":["SDK","config","url","iframeSrc","overlay","container","closeButton","e","currentStyle","event","allowedOrigin","isAllowedOrigin","data","success","targetOrigin","message","challengeUrl","resolve","modal","header","content","iframe","closeBtn","closeHandler","messageHandler","allowed3DSOrigins","is3DSComplete","isSuccess","isFailure","apiKey","CardElement","options","containerElement","error","PaymentSDK","iframeUrl","environment","requestedDebug","debug","InflowPayProvider","props","defaultContainer","cardElementOptions","result","cardElement","originalMount","PaymentStatus","VERSION"],"mappings":"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"}

package/dist/sdk.umd.js

@@ -0,0 +1,87 @@
+(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(),this.sendConfigToIframe())}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;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 999999;
+      `;const n=document.createElement("div");n.style.cssText=`
+        position: relative;
+        width: 90%;
+        max-width: 500px;
+        height: 90%;
+        max-height: 600px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+      `;const o=document.createElement("button");o.innerHTML="×",o.style.cssText=`
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        width: 30px;
+        height: 30px;
+        border: none;
+        background: transparent;
+        font-size: 24px;
+        cursor: pointer;
+        z-index: 1000000;
+        color: #333;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      `,o.onclick=()=>this.close(),this.iframe=document.createElement("iframe"),this.iframe.src=t,this.iframe.style.cssText=`
+        width: 100%;
+        height: 100%;
+        border: none;
+        border-radius: 8px;
+      `,this.iframe.setAttribute("allow","payment"),n.appendChild(o),n.appendChild(this.iframe),i.appendChild(n),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 i=this.containerElement.getAttribute("style")||"";i.includes("min-height")||(this.containerElement.style.minHeight="300px"),i.includes("position")||(this.containerElement.style.position="relative"),i.includes("overflow")||(this.containerElement.style.overflow="hidden")}this.iframe=document.createElement("iframe"),this.iframe.src=t,this.iframe.style.cssText=`
+        width: 100%;
+        height: 100%;
+        min-height: 300px;
+        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 n=e.origin===t;if(n||((this.environment==="sandbox"||this.environment==="development")&&(n=(e.origin.includes("localhost")||e.origin.includes("127.0.0.1"))&&(t.includes("localhost")||t.includes("127.0.0.1"))),n||(n=e.origin==="https://dev.api.inflowpay.com"||e.origin==="https://pre-prod.api.inflowpay.xyz"||e.origin==="https://api.inflowpay.xyz")),!n){this.config.debug&&console.warn("[SDK] Rejected message from unauthorized origin:",e.origin);return}const o=e.data;if(!(!o||!o.type))switch(o.type){case"close":this.close();break;case"success":this.config.onSuccess&&this.config.onSuccess(o.data);break;case"error":this.config.onError&&this.config.onError(o.data);break;case"3ds-required":this.config.debug&&console.log("[SDK] Received 3DS request:",o.threeDsSessionUrl),o.threeDsSessionUrl?(this.config.debug&&console.log("[SDK] Opening 3DS modal..."),this.open3DSModal(o.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:o.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:",o)}},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=`
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.7);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 999999;
+      `;const n=document.createElement("div");n.style.cssText=`
+        position: relative;
+        width: 90%;
+        max-width: 500px;
+        height: 90%;
+        max-height: 600px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+        display: flex;
+        flex-direction: column;
+      `;const o=document.createElement("div");o.style.cssText=`
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 15px 20px;
+        border-bottom: 1px solid #e5e5e5;
+      `,o.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=`
+        flex: 1;
+        position: relative;
+        overflow: hidden;
+      `;const d=document.createElement("iframe");d.src=e,d.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),n.appendChild(o),n.appendChild(a),i.appendChild(n),document.body.appendChild(i);const x=i.querySelector("#inflowpay-3ds-close"),v=()=>{i.remove(),window.removeEventListener("message",m),t(!1)};x?.addEventListener("click",v);const m=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,h=f.type==="THREE_DS_COMPLETE"||f.type==="3ds-complete",E=f.status==="success",w=f.status==="failed"||f.status==="failure";if(h&&E){i.remove(),window.removeEventListener("message",m),t(!0);return}if(E&&!h){i.remove(),window.removeEventListener("message",m),t(!0);return}if(h&&w||f.type==="3ds-failed"||w){i.remove(),window.removeEventListener("message",m),t(!1);return}};window.addEventListener("message",m)})}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},onSuccess:n=>{t.onComplete&&t.onComplete({status:n?.data?.transaction?.status||"CHECKOUT_SUCCESS",data:n})},onError:n=>{t.onError?t.onError(n):t.onComplete&&t.onComplete({status:"PAYMENT_FAILED",error:n})},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 p{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 n=e.debug??!1;n&&(i==="production"||i==="preprod")&&console.warn("[InflowPay SDK] Debug mode is not allowed in production/pre-prod environments. Debug mode disabled.");const o=n&&(i==="sandbox"||i==="development");this.config={apiKey:e.apiKey,iframeUrl:t,timeout:e.timeout??3e4,debug:o}}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 C{constructor(e){const t={apiKey:e.config.apiKey,iframeUrl:e.config.iframeUrl,timeout:e.config.timeout,debug:e.config.debug};this.sdk=new p(t)}createCardElement(e){let t;if(e.container)t=e.container;else{const o=document.createElement("div");o.id="inflowpay-card-element-container",document.body.appendChild(o),t=o}const i={container:t,paymentId:e.paymentId,onComplete:o=>{e.onComplete&&e.onComplete(o)},onError:e.onError,onClose:e.onClose},n=this.sdk.createCardElement(i);if(e.onReady){const o=n.mount.bind(n);n.mount=()=>{o(),setTimeout(()=>{e.onReady&&e.onReady()},100)}}return e.onChange&&setTimeout(()=>{e.onChange&&e.onChange({complete:!1})},100),n}getSDK(){return this.sdk}}var g=(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))(g||{});const b="2.0.0";s.CardElement=u,s.InflowPayProvider=C,s.PaymentSDK=p,s.PaymentStatus=g,s.SDK=c,s.VERSION=b,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=sdk.umd.js.map