@paynext/sdk 0.0.163 → 0.0.164

package/README.md

@@ -120,6 +120,13 @@ interface LoadedResult {
   success: boolean
   error?: CheckoutError
 }
+
+interface AttemptResult {
+  paymentMethod: PaymentMethod
+  cardType: string
+}
+
+Use `result.cardType` inside `onCheckoutAttempt` to track the backend-reported brand (`'visa'`, `'maestro'`, etc.) for card and wallet payments. PayPal and Venmo attempts emit an empty string because no card brand is involved.
 ```
 
 ### Add a Submit Button Icon

package/dist/index.d.ts

@@ -352,14 +352,18 @@ declare enum PaymentStatus {
 
 export declare class PayNextCheckout {
     private cdnInstance;
+    private iframeInstance;
     private initPromise;
+    private mode;
     constructor();
     private initialize;
     private waitForReady;
-    mount(containerId: string, config: PayNextConfig): Promise<void>;
+    mount(containerId: string, config: PayNextConfigExtended): Promise<void>;
     unmount(): Promise<void>;
-    updateConfig(config: any): Promise<void>;
-    static preload(envType: 'develop' | 'staging' | 'sandbox' | 'production'): Promise<void>;
+    updateConfig(config: Partial<PayNextConfigExtended>): Promise<void>;
+    static preload(envType: 'develop' | 'staging' | 'sandbox' | 'production', options?: {
+        iframeMode?: boolean;
+    }): Promise<void>;
 }
 
 export declare interface PayNextConfig {
@@ -379,6 +383,15 @@ export declare interface PayNextConfig {
     _themeExplicit?: boolean;
 }
 
+declare interface PayNextConfigExtended extends PayNextConfig {
+    /**
+     * Enable PCI-compliant iframe mode
+     * @default false
+     * @description When true, checkout will be rendered in isolated iframe for better PCI compliance
+     */
+    iframeMode?: boolean;
+}
+
 export declare const PayNextSDK: {
     preload: typeof PayNextCheckout.preload;
 };

package/dist/index.es.js

@@ -1,47 +1,211 @@
-var l = Object.defineProperty;
-var u = (t, n, e) => n in t ? l(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
-var d = (t, n, e) => u(t, typeof n != "symbol" ? n + "" : n, e);
-const w = "https://cdn-sdk-dev.paynext.com/index.cdn.js", P = "https://cdn-sdk.paynext.com/index.cdn.js";
-let i = null, a = null;
-async function c(t) {
-  if (a)
-    return a;
-  if (i)
-    return i;
-  const n = t?.toLowerCase()?.includes("develop") || t?.toLowerCase()?.includes("staging") ? "develop" : "production";
-  return i = new Promise((e, s) => {
+var f = Object.defineProperty;
+var p = (o, t, e) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var s = (o, t, e) => p(o, typeof t != "symbol" ? t + "" : t, e);
+const l = "https://cdn-sdk-dev.paynext.com/checkout.html", h = "https://cdn-sdk.paynext.com/checkout.html", w = {
+  develop: "https://cdn-sdk-dev.paynext.com",
+  production: "https://cdn-sdk.paynext.com"
+};
+class u {
+  constructor() {
+    s(this, "iframe", null);
+    s(this, "container", null);
+    s(this, "config", null);
+    s(this, "messageHandlers", /* @__PURE__ */ new Map());
+    s(this, "pendingRequests", /* @__PURE__ */ new Map());
+    s(this, "isReady", !1);
+    s(this, "allowedOrigin", "");
+    this.handleMessage = this.handleMessage.bind(this);
+  }
+  // generate unique request ID
+  generateRequestId() {
+    return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  }
+  // send message to iframe
+  sendMessage(t, e) {
+    return new Promise((n, i) => {
+      if (!this.iframe || !this.iframe.contentWindow) {
+        i(new Error("Iframe not initialized"));
+        return;
+      }
+      const a = this.generateRequestId(), c = { type: t, payload: e, requestId: a };
+      this.pendingRequests.set(a, { resolve: n, reject: i }), setTimeout(() => {
+        this.pendingRequests.has(a) && (this.pendingRequests.delete(a), i(new Error(`Request timeout: ${t}`)));
+      }, 3e4), this.iframe.contentWindow.postMessage(c, this.allowedOrigin);
+    });
+  }
+  // handle messages from iframe
+  handleMessage(t) {
+    if (t.origin !== this.allowedOrigin) {
+      console.warn("[PayNext Iframe] Message from unauthorized origin:", t.origin);
+      return;
+    }
+    const e = t.data;
+    if (!(!e.type || !e.type.startsWith("paynext:"))) {
+      if (e.requestId && this.pendingRequests.has(e.requestId)) {
+        const { resolve: n } = this.pendingRequests.get(e.requestId);
+        this.pendingRequests.delete(e.requestId), n(e.payload);
+        return;
+      }
+      switch (e.type) {
+        case "paynext:ready":
+          this.isReady = !0, console.log("[PayNext Iframe] SDK ready");
+          break;
+        case "paynext:loaded":
+          this.config?.onCheckoutLoaded && this.config.onCheckoutLoaded(e.payload);
+          break;
+        case "paynext:attempt":
+          this.config?.onCheckoutAttempt && this.config.onCheckoutAttempt(e.payload);
+          break;
+        case "paynext:complete":
+          this.config?.onCheckoutComplete && this.config.onCheckoutComplete(e.payload);
+          break;
+        case "paynext:fail":
+          this.config?.onCheckoutFail && this.config.onCheckoutFail(e.payload);
+          break;
+        case "paynext:error":
+          console.error("[PayNext Iframe] Error:", e.payload);
+          break;
+        case "paynext:resize":
+          this.iframe && e.payload?.height && (this.iframe.style.height = `${e.payload.height}px`);
+          break;
+        default:
+          console.warn("[PayNext Iframe] Unknown message type:", e.type);
+      }
+    }
+  }
+  // create and configure iframe
+  createIframe(t) {
+    const e = t.environment?.toLowerCase()?.includes("develop") || t.environment?.toLowerCase()?.includes("staging") ? "develop" : "production";
+    this.allowedOrigin = w[e];
+    const n = document.createElement("iframe"), i = e === "develop" ? l : h;
+    return n.src = i, n.style.border = "none", n.style.width = "100%", n.style.minHeight = "400px", n.style.display = "block", n.allow = "payment *", n.sandbox.add(
+      "allow-scripts",
+      // required for SDK execution
+      "allow-same-origin",
+      // required for postMessage
+      "allow-forms",
+      // required for form submission
+      "allow-popups",
+      // required for 3DS redirects
+      "allow-popups-to-escape-sandbox",
+      // required for payment popups
+      "allow-top-navigation-by-user-activation"
+      // required for redirects
+    ), n.setAttribute("referrerpolicy", "strict-origin-when-cross-origin"), n.setAttribute("importance", "high"), n;
+  }
+  // wait for iframe to be ready
+  async waitForReady(t = 1e4) {
+    const e = Date.now();
+    for (; !this.isReady; ) {
+      if (Date.now() - e > t)
+        throw new Error("Iframe initialization timeout");
+      await new Promise((n) => setTimeout(n, 100));
+    }
+  }
+  // mount checkout in iframe
+  async mount(t, e) {
+    try {
+      const n = document.getElementById(t);
+      if (!n)
+        throw new Error(`Container element "${t}" not found`);
+      this.container = n, this.config = e, this.iframe && await this.unmount(), this.iframe = this.createIframe(e), window.addEventListener("message", this.handleMessage), n.innerHTML = "", n.appendChild(this.iframe), await new Promise((i, a) => {
+        const c = setTimeout(() => {
+          a(new Error("Iframe load timeout"));
+        }, 1e4);
+        this.iframe.onload = () => {
+          clearTimeout(c), i();
+        }, this.iframe.onerror = () => {
+          clearTimeout(c), a(new Error("Iframe failed to load"));
+        };
+      }), await this.waitForReady(), await this.sendMessage("paynext:mount", {
+        config: {
+          ...e,
+          // remove callbacks from config sent to iframe
+          onCheckoutLoaded: void 0,
+          onCheckoutAttempt: void 0,
+          onCheckoutComplete: void 0,
+          onCheckoutFail: void 0
+        }
+      }), console.log("[PayNext Iframe] Checkout mounted successfully");
+    } catch (n) {
+      throw console.error("[PayNext Iframe] Mount failed:", n), await this.unmount(), n;
+    }
+  }
+  // unmount checkout
+  async unmount() {
+    try {
+      this.iframe && (this.isReady && await this.sendMessage(
+        "paynext:unmount"
+        /* UNMOUNT */
+      ).catch(() => {
+      }), this.iframe.parentNode && this.iframe.parentNode.removeChild(this.iframe), this.iframe = null), window.removeEventListener("message", this.handleMessage), this.container && (this.container.innerHTML = "", this.container = null), this.isReady = !1, this.config = null, this.pendingRequests.clear(), this.messageHandlers.clear(), console.log("[PayNext Iframe] Checkout unmounted");
+    } catch (t) {
+      console.error("[PayNext Iframe] Unmount failed:", t);
+    }
+  }
+  // update configuration
+  async updateConfig(t) {
+    if (!this.isReady)
+      throw new Error("Iframe not ready");
+    this.config = { ...this.config, ...t }, await this.sendMessage("paynext:updateConfig", {
+      config: {
+        ...t,
+        onCheckoutLoaded: void 0,
+        onCheckoutAttempt: void 0,
+        onCheckoutComplete: void 0,
+        onCheckoutFail: void 0
+      }
+    });
+  }
+  // preload iframe (optional optimization)
+  static async preload(t) {
+    const n = (t?.toLowerCase()?.includes("develop") || t?.toLowerCase()?.includes("staging") ? "develop" : "production") === "develop" ? l : h, i = document.createElement("link");
+    i.rel = "preconnect", i.href = new URL(n).origin, document.head.appendChild(i);
+    const a = document.createElement("link");
+    a.rel = "dns-prefetch", a.href = new URL(n).origin, document.head.appendChild(a);
+  }
+}
+const y = "https://cdn-sdk-dev.paynext.com/index.cdn.js", g = "https://cdn-sdk.paynext.com/index.cdn.js";
+let r = null, d = null;
+async function m(o) {
+  if (d)
+    return d;
+  if (r)
+    return r;
+  const t = o?.toLowerCase()?.includes("develop") || o?.toLowerCase()?.includes("staging") ? "develop" : "production";
+  return r = new Promise((e, n) => {
     if (typeof window > "u") {
-      s(new Error("PayNext SDK can only be loaded in browser environment"));
+      n(new Error("PayNext SDK can only be loaded in browser environment"));
       return;
     }
     if (window.PayNextSDK) {
-      console.log("[PayNext CDN] SDK already loaded from cache"), a = window.PayNextSDK, e(a);
+      console.log("[PayNext CDN] SDK already loaded from cache"), d = window.PayNextSDK, e(d);
       return;
     }
-    const o = document.createElement("script");
-    o.src = n === "develop" ? w : P, o.crossOrigin = "*", o.async = !0, o.onload = () => {
-      setTimeout(() => {
-        const r = window.PayNextSDK;
-        if (!r) {
-          console.error("[PayNext CDN] PayNextSDK not found in window after load"), i = null, document.head.removeChild(o), s(new Error("PayNextSDK not found in global scope after loading"));
-          return;
-        }
-        a = r, e(r);
-      }, 10);
-    }, o.onerror = (r) => {
-      console.error("[PayNext CDN] Failed to load script:", r), i = null, document.head.removeChild(o), s(new Error("Failed to load PayNext SDK script from CDN"));
-    }, document.head.appendChild(o);
-  }), i;
+    const i = document.createElement("script");
+    i.src = t === "develop" ? y : g, i.crossOrigin = "*", i.async = !0, i.onload = () => {
+      const a = window.PayNextSDK;
+      if (!a) {
+        console.error("[PayNext CDN] PayNextSDK not found in window after load"), r = null, document.head.removeChild(i), n(new Error("PayNextSDK not found in global scope after loading"));
+        return;
+      }
+      d = a, e(a);
+    }, i.onerror = (a) => {
+      console.error("[PayNext CDN] Failed to load script:", a), r = null, document.head.removeChild(i), n(new Error("Failed to load PayNext SDK script from CDN"));
+    }, document.head.appendChild(i);
+  }), r;
 }
-class h {
+class C {
   constructor() {
-    d(this, "cdnInstance", null);
-    d(this, "initPromise", null);
+    s(this, "cdnInstance", null);
+    s(this, "iframeInstance", null);
+    s(this, "initPromise", null);
+    s(this, "mode", "direct");
   }
   // initialize
-  async initialize(n) {
+  async initialize(t) {
     try {
-      if (this.initPromise = await c(n), !this.initPromise.PayNextCheckout)
+      if (this.initPromise = await m(t), !this.initPromise.PayNextCheckout)
         throw new Error("PayNextCheckout not found in CDN module");
       this.cdnInstance = new this.initPromise.PayNextCheckout();
     } catch (e) {
@@ -55,31 +219,35 @@ class h {
     if (!this.cdnInstance)
       throw new Error("SDK instance not created");
   }
-  // mount
-  async mount(n, e) {
-    return await this.initialize(e.environment), this.waitForReady(), this.cdnInstance?.mount(n, e);
+  // mount with iframe mode support
+  async mount(t, e) {
+    return e.iframeMode === !0 ? (this.mode = "iframe", this.iframeInstance || (this.iframeInstance = new u()), this.iframeInstance.mount(t, e)) : (this.mode = "direct", await this.initialize(e.environment), this.waitForReady(), this.cdnInstance?.mount(t, e));
   }
-  // unmount
+  // unmount with mode detection
   async unmount() {
+    if (this.mode === "iframe" && this.iframeInstance)
+      return this.iframeInstance.unmount();
     if (this.waitForReady(), this.cdnInstance?.unmount)
       return this.cdnInstance.unmount();
   }
-  // update config
-  async updateConfig(n) {
+  // update config with mode detection
+  async updateConfig(t) {
+    if (this.mode === "iframe" && this.iframeInstance)
+      return this.iframeInstance.updateConfig(t);
     if (this.waitForReady(), this.cdnInstance?.updateConfig)
-      return this.cdnInstance.updateConfig(n);
+      return this.cdnInstance.updateConfig(t);
   }
   // preload (optional optimization)
-  static async preload(n) {
-    await c(n);
+  static async preload(t, e) {
+    e?.iframeMode ? await u.preload(t) : await m(t);
   }
 }
-const m = {
-  preload: h.preload
+const P = {
+  preload: C.preload
 };
-var y = /* @__PURE__ */ ((t) => (t.PAYPAL = "PAYPAL", t.APPLE_PAY = "APPLEPAY", t.GOOGLE_PAY = "GPAY", t.CARD = "CARD", t.VENMO = "VENMO", t))(y || {});
+var x = /* @__PURE__ */ ((o) => (o.PAYPAL = "PAYPAL", o.APPLE_PAY = "APPLEPAY", o.GOOGLE_PAY = "GPAY", o.CARD = "CARD", o.VENMO = "VENMO", o))(x || {});
 export {
-  h as PayNextCheckout,
-  m as PayNextSDK,
-  y as PaymentMethod
+  C as PayNextCheckout,
+  P as PayNextSDK,
+  x as PaymentMethod
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e["PayNext SDK"]={}))})(this,(function(e){"use strict";var w=Object.defineProperty;var m=(e,n,a)=>n in e?w(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a;var l=(e,n,a)=>m(e,typeof n!="symbol"?n+"":n,a);const n="https://cdn-sdk-dev.paynext.com/index.cdn.js",a="https://cdn-sdk.paynext.com/index.cdn.js";let d=null,s=null;async function P(t){if(s)return s;if(d)return d;const o=t?.toLowerCase()?.includes("develop")||t?.toLowerCase()?.includes("staging")?"develop":"production";return d=new Promise((i,u)=>{if(typeof window>"u"){u(new Error("PayNext SDK can only be loaded in browser environment"));return}if(window.PayNextSDK){console.log("[PayNext CDN] SDK already loaded from cache"),s=window.PayNextSDK,i(s);return}const r=document.createElement("script");r.src=o==="develop"?n:a,r.crossOrigin="*",r.async=!0,r.onload=()=>{setTimeout(()=>{const c=window.PayNextSDK;if(!c){console.error("[PayNext CDN] PayNextSDK not found in window after load"),d=null,document.head.removeChild(r),u(new Error("PayNextSDK not found in global scope after loading"));return}s=c,i(c)},10)},r.onerror=c=>{console.error("[PayNext CDN] Failed to load script:",c),d=null,document.head.removeChild(r),u(new Error("Failed to load PayNext SDK script from CDN"))},document.head.appendChild(r)}),d}class y{constructor(){l(this,"cdnInstance",null);l(this,"initPromise",null)}async initialize(o){try{if(this.initPromise=await P(o),!this.initPromise.PayNextCheckout)throw new Error("PayNextCheckout not found in CDN module");this.cdnInstance=new this.initPromise.PayNextCheckout}catch(i){throw console.error("[PayNext CDN] Failed to initialize:",i),i}}waitForReady(){if(!this.initPromise)throw new Error("SDK initialization not started");if(!this.cdnInstance)throw new Error("SDK instance not created")}async mount(o,i){return await this.initialize(i.environment),this.waitForReady(),this.cdnInstance?.mount(o,i)}async unmount(){if(this.waitForReady(),this.cdnInstance?.unmount)return this.cdnInstance.unmount()}async updateConfig(o){if(this.waitForReady(),this.cdnInstance?.updateConfig)return this.cdnInstance.updateConfig(o)}static async preload(o){await P(o)}}const h={preload:y.preload};var f=(t=>(t.PAYPAL="PAYPAL",t.APPLE_PAY="APPLEPAY",t.GOOGLE_PAY="GPAY",t.CARD="CARD",t.VENMO="VENMO",t))(f||{});e.PayNextCheckout=y,e.PayNextSDK=h,e.PaymentMethod=f,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+(function(a,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(a=typeof globalThis<"u"?globalThis:a||self,s(a["PayNext SDK"]={}))})(this,(function(a){"use strict";var P=Object.defineProperty;var k=(a,s,c)=>s in a?P(a,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[s]=c;var r=(a,s,c)=>k(a,typeof s!="symbol"?s+"":s,c);const s="https://cdn-sdk-dev.paynext.com/checkout.html",c="https://cdn-sdk.paynext.com/checkout.html",w={develop:"https://cdn-sdk-dev.paynext.com",production:"https://cdn-sdk.paynext.com"};class m{constructor(){r(this,"iframe",null);r(this,"container",null);r(this,"config",null);r(this,"messageHandlers",new Map);r(this,"pendingRequests",new Map);r(this,"isReady",!1);r(this,"allowedOrigin","");this.handleMessage=this.handleMessage.bind(this)}generateRequestId(){return`${Date.now()}-${Math.random().toString(36).substr(2,9)}`}sendMessage(t,e){return new Promise((n,i)=>{if(!this.iframe||!this.iframe.contentWindow){i(new Error("Iframe not initialized"));return}const o=this.generateRequestId(),u={type:t,payload:e,requestId:o};this.pendingRequests.set(o,{resolve:n,reject:i}),setTimeout(()=>{this.pendingRequests.has(o)&&(this.pendingRequests.delete(o),i(new Error(`Request timeout: ${t}`)))},3e4),this.iframe.contentWindow.postMessage(u,this.allowedOrigin)})}handleMessage(t){if(t.origin!==this.allowedOrigin){console.warn("[PayNext Iframe] Message from unauthorized origin:",t.origin);return}const e=t.data;if(!(!e.type||!e.type.startsWith("paynext:"))){if(e.requestId&&this.pendingRequests.has(e.requestId)){const{resolve:n}=this.pendingRequests.get(e.requestId);this.pendingRequests.delete(e.requestId),n(e.payload);return}switch(e.type){case"paynext:ready":this.isReady=!0,console.log("[PayNext Iframe] SDK ready");break;case"paynext:loaded":this.config?.onCheckoutLoaded&&this.config.onCheckoutLoaded(e.payload);break;case"paynext:attempt":this.config?.onCheckoutAttempt&&this.config.onCheckoutAttempt(e.payload);break;case"paynext:complete":this.config?.onCheckoutComplete&&this.config.onCheckoutComplete(e.payload);break;case"paynext:fail":this.config?.onCheckoutFail&&this.config.onCheckoutFail(e.payload);break;case"paynext:error":console.error("[PayNext Iframe] Error:",e.payload);break;case"paynext:resize":this.iframe&&e.payload?.height&&(this.iframe.style.height=`${e.payload.height}px`);break;default:console.warn("[PayNext Iframe] Unknown message type:",e.type)}}}createIframe(t){const e=t.environment?.toLowerCase()?.includes("develop")||t.environment?.toLowerCase()?.includes("staging")?"develop":"production";this.allowedOrigin=w[e];const n=document.createElement("iframe"),i=e==="develop"?s:c;return n.src=i,n.style.border="none",n.style.width="100%",n.style.minHeight="400px",n.style.display="block",n.allow="payment *",n.sandbox.add("allow-scripts","allow-same-origin","allow-forms","allow-popups","allow-popups-to-escape-sandbox","allow-top-navigation-by-user-activation"),n.setAttribute("referrerpolicy","strict-origin-when-cross-origin"),n.setAttribute("importance","high"),n}async waitForReady(t=1e4){const e=Date.now();for(;!this.isReady;){if(Date.now()-e>t)throw new Error("Iframe initialization timeout");await new Promise(n=>setTimeout(n,100))}}async mount(t,e){try{const n=document.getElementById(t);if(!n)throw new Error(`Container element "${t}" not found`);this.container=n,this.config=e,this.iframe&&await this.unmount(),this.iframe=this.createIframe(e),window.addEventListener("message",this.handleMessage),n.innerHTML="",n.appendChild(this.iframe),await new Promise((i,o)=>{const u=setTimeout(()=>{o(new Error("Iframe load timeout"))},1e4);this.iframe.onload=()=>{clearTimeout(u),i()},this.iframe.onerror=()=>{clearTimeout(u),o(new Error("Iframe failed to load"))}}),await this.waitForReady(),await this.sendMessage("paynext:mount",{config:{...e,onCheckoutLoaded:void 0,onCheckoutAttempt:void 0,onCheckoutComplete:void 0,onCheckoutFail:void 0}}),console.log("[PayNext Iframe] Checkout mounted successfully")}catch(n){throw console.error("[PayNext Iframe] Mount failed:",n),await this.unmount(),n}}async unmount(){try{this.iframe&&(this.isReady&&await this.sendMessage("paynext:unmount").catch(()=>{}),this.iframe.parentNode&&this.iframe.parentNode.removeChild(this.iframe),this.iframe=null),window.removeEventListener("message",this.handleMessage),this.container&&(this.container.innerHTML="",this.container=null),this.isReady=!1,this.config=null,this.pendingRequests.clear(),this.messageHandlers.clear(),console.log("[PayNext Iframe] Checkout unmounted")}catch(t){console.error("[PayNext Iframe] Unmount failed:",t)}}async updateConfig(t){if(!this.isReady)throw new Error("Iframe not ready");this.config={...this.config,...t},await this.sendMessage("paynext:updateConfig",{config:{...t,onCheckoutLoaded:void 0,onCheckoutAttempt:void 0,onCheckoutComplete:void 0,onCheckoutFail:void 0}})}static async preload(t){const n=(t?.toLowerCase()?.includes("develop")||t?.toLowerCase()?.includes("staging")?"develop":"production")==="develop"?s:c,i=document.createElement("link");i.rel="preconnect",i.href=new URL(n).origin,document.head.appendChild(i);const o=document.createElement("link");o.rel="dns-prefetch",o.href=new URL(n).origin,document.head.appendChild(o)}}const g="https://cdn-sdk-dev.paynext.com/index.cdn.js",C="https://cdn-sdk.paynext.com/index.cdn.js";let l=null,h=null;async function f(d){if(h)return h;if(l)return l;const t=d?.toLowerCase()?.includes("develop")||d?.toLowerCase()?.includes("staging")?"develop":"production";return l=new Promise((e,n)=>{if(typeof window>"u"){n(new Error("PayNext SDK can only be loaded in browser environment"));return}if(window.PayNextSDK){console.log("[PayNext CDN] SDK already loaded from cache"),h=window.PayNextSDK,e(h);return}const i=document.createElement("script");i.src=t==="develop"?g:C,i.crossOrigin="*",i.async=!0,i.onload=()=>{const o=window.PayNextSDK;if(!o){console.error("[PayNext CDN] PayNextSDK not found in window after load"),l=null,document.head.removeChild(i),n(new Error("PayNextSDK not found in global scope after loading"));return}h=o,e(o)},i.onerror=o=>{console.error("[PayNext CDN] Failed to load script:",o),l=null,document.head.removeChild(i),n(new Error("Failed to load PayNext SDK script from CDN"))},document.head.appendChild(i)}),l}class p{constructor(){r(this,"cdnInstance",null);r(this,"iframeInstance",null);r(this,"initPromise",null);r(this,"mode","direct")}async initialize(t){try{if(this.initPromise=await f(t),!this.initPromise.PayNextCheckout)throw new Error("PayNextCheckout not found in CDN module");this.cdnInstance=new this.initPromise.PayNextCheckout}catch(e){throw console.error("[PayNext CDN] Failed to initialize:",e),e}}waitForReady(){if(!this.initPromise)throw new Error("SDK initialization not started");if(!this.cdnInstance)throw new Error("SDK instance not created")}async mount(t,e){return e.iframeMode===!0?(this.mode="iframe",this.iframeInstance||(this.iframeInstance=new m),this.iframeInstance.mount(t,e)):(this.mode="direct",await this.initialize(e.environment),this.waitForReady(),this.cdnInstance?.mount(t,e))}async unmount(){if(this.mode==="iframe"&&this.iframeInstance)return this.iframeInstance.unmount();if(this.waitForReady(),this.cdnInstance?.unmount)return this.cdnInstance.unmount()}async updateConfig(t){if(this.mode==="iframe"&&this.iframeInstance)return this.iframeInstance.updateConfig(t);if(this.waitForReady(),this.cdnInstance?.updateConfig)return this.cdnInstance.updateConfig(t)}static async preload(t,e){e?.iframeMode?await m.preload(t):await f(t)}}const x={preload:p.preload};var y=(d=>(d.PAYPAL="PAYPAL",d.APPLE_PAY="APPLEPAY",d.GOOGLE_PAY="GPAY",d.CARD="CARD",d.VENMO="VENMO",d))(y||{});a.PayNextCheckout=p,a.PayNextSDK=x,a.PaymentMethod=y,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paynext/sdk",
-  "version": "0.0.163",
+  "version": "0.0.164",
   "description": "PayNext SDK - Payment processing with automatic CDN loading",
   "type": "module",
   "main": "dist/index.es.js",
@@ -34,9 +34,9 @@
   "scripts": {
     "type-check": "tsc --noEmit",
     "format": "yarn type-check && yarn lint && yarn prettier",
-    "preview": "PREVIEW=true vite --host",
-    "preview:cdn": "yarn wrangler dev",
+    "preview": "PREVIEW=true NODE_ENV=development vite --host",
     "preview-host": "PREVIEW=true yarn build-preview && vite preview --host",
+    "preview:cdn": "yarn wrangler dev",
     "build-preview": "PREVIEW=true yarn build",
     "build": "tsc -b && vite build",
     "build:cdn": "CDN=true tsc -b && CDN=true vite build",