@one-payments/web-components 1.0.8 → 1.1.1

package/dist/index.js

@@ -284,7 +284,7 @@ Q.elementStyles = [], Q.shadowRootOptions = { mode: "open" }, Q[ie("elementPrope
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const oe = globalThis, we = oe.trustedTypes, tt = we ? we.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, ft = "$lit$", L = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + L, Yt = `<${mt}>`, Y = document, le = () => Y.createComment(""), de = (t) => t === null || typeof t != "object" && typeof t != "function", je = Array.isArray, Kt = (t) => je(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", _e = `[ 	
+const oe = globalThis, we = oe.trustedTypes, tt = we ? we.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, mt = "$lit$", L = `lit$${Math.random().toFixed(9).slice(2)}$`, ft = "?" + L, Yt = `<${ft}>`, Y = document, le = () => Y.createComment(""), de = (t) => t === null || typeof t != "object" && typeof t != "function", je = Array.isArray, Kt = (t) => je(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", _e = `[ 	
 \f\r]`, re = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, nt = /-->/g, rt = />/g, q = RegExp(`>|${_e}(?:([^\\s"'>=/]+)(${_e}*=${_e}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), it = /'/g, ot = /"/g, pt = /^(?:script|style|textarea|title)$/i, Qt = (t) => (e, ...n) => ({ _$litType$: t, strings: e, values: n }), A = Qt(1), G = Symbol.for("lit-noChange"), I = Symbol.for("lit-nothing"), st = /* @__PURE__ */ new WeakMap(), V = Y.createTreeWalker(Y, 129);
 function gt(t, e) {
@@ -296,10 +296,10 @@ const Zt = (t, e) => {
   let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", s = re;
   for (let l = 0; l < n; l++) {
     const a = t[l];
-    let d, c, h = -1, f = 0;
-    for (; f < a.length && (s.lastIndex = f, c = s.exec(a), c !== null); ) f = s.lastIndex, s === re ? c[1] === "!--" ? s = nt : c[1] !== void 0 ? s = rt : c[2] !== void 0 ? (pt.test(c[2]) && (i = RegExp("</" + c[2], "g")), s = q) : c[3] !== void 0 && (s = q) : s === q ? c[0] === ">" ? (s = i ?? re, h = -1) : c[1] === void 0 ? h = -2 : (h = s.lastIndex - c[2].length, d = c[1], s = c[3] === void 0 ? q : c[3] === '"' ? ot : it) : s === ot || s === it ? s = q : s === nt || s === rt ? s = re : (s = q, i = void 0);
+    let d, c, h = -1, m = 0;
+    for (; m < a.length && (s.lastIndex = m, c = s.exec(a), c !== null); ) m = s.lastIndex, s === re ? c[1] === "!--" ? s = nt : c[1] !== void 0 ? s = rt : c[2] !== void 0 ? (pt.test(c[2]) && (i = RegExp("</" + c[2], "g")), s = q) : c[3] !== void 0 && (s = q) : s === q ? c[0] === ">" ? (s = i ?? re, h = -1) : c[1] === void 0 ? h = -2 : (h = s.lastIndex - c[2].length, d = c[1], s = c[3] === void 0 ? q : c[3] === '"' ? ot : it) : s === ot || s === it ? s = q : s === nt || s === rt ? s = re : (s = q, i = void 0);
     const u = s === q && t[l + 1].startsWith("/>") ? " " : "";
-    o += s === re ? a + Yt : h >= 0 ? (r.push(d), a.slice(0, h) + ft + a.slice(h) + L + u) : a + L + (h === -2 ? l : u);
+    o += s === re ? a + Yt : h >= 0 ? (r.push(d), a.slice(0, h) + mt + a.slice(h) + L + u) : a + L + (h === -2 ? l : u);
   }
   return [gt(t, o + (t[n] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
 };
@@ -315,19 +315,19 @@ class ce {
     }
     for (; (i = V.nextNode()) !== null && a.length < l; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(ft)) {
-          const f = c[s++], u = i.getAttribute(h).split(L), m = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: o, name: m[2], strings: u, ctor: m[1] === "." ? Jt : m[1] === "?" ? Wt : m[1] === "@" ? Xt : Se }), i.removeAttribute(h);
+        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(mt)) {
+          const m = c[s++], u = i.getAttribute(h).split(L), f = /([.?@])?(.*)/.exec(m);
+          a.push({ type: 1, index: o, name: f[2], strings: u, ctor: f[1] === "." ? Jt : f[1] === "?" ? Wt : f[1] === "@" ? Xt : Se }), i.removeAttribute(h);
         } else h.startsWith(L) && (a.push({ type: 6, index: o }), i.removeAttribute(h));
         if (pt.test(i.tagName)) {
-          const h = i.textContent.split(L), f = h.length - 1;
-          if (f > 0) {
+          const h = i.textContent.split(L), m = h.length - 1;
+          if (m > 0) {
             i.textContent = we ? we.emptyScript : "";
-            for (let u = 0; u < f; u++) i.append(h[u], le()), V.nextNode(), a.push({ type: 2, index: ++o });
-            i.append(h[f], le());
+            for (let u = 0; u < m; u++) i.append(h[u], le()), V.nextNode(), a.push({ type: 2, index: ++o });
+            i.append(h[m], le());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === mt) a.push({ type: 2, index: o });
+      } else if (i.nodeType === 8) if (i.data === ft) a.push({ type: 2, index: o });
       else {
         let h = -1;
         for (; (h = i.data.indexOf(L, h + 1)) !== -1; ) a.push({ type: 7, index: o }), h += L.length - 1;
@@ -504,8 +504,8 @@ class en {
     J(this, e);
   }
 }
-const $e = oe.litHtmlPolyfillSupport;
-$e == null || $e(ce, he), (oe.litHtmlVersions ?? (oe.litHtmlVersions = [])).push("3.3.1");
+const De = oe.litHtmlPolyfillSupport;
+De == null || De(ce, he), (oe.litHtmlVersions ?? (oe.litHtmlVersions = [])).push("3.3.1");
 const tn = (t, e, n) => {
   const r = (n == null ? void 0 : n.renderBefore) ?? e;
   let i = r._$litPart$;
@@ -548,8 +548,8 @@ class se extends Q {
 }
 var ut;
 se._$litElement$ = !0, se.finalized = !0, (ut = j.litElementHydrateSupport) == null || ut.call(j, { LitElement: se });
-const De = j.litElementPolyfillSupport;
-De == null || De({ LitElement: se });
+const $e = j.litElementPolyfillSupport;
+$e == null || $e({ LitElement: se });
 (j.litElementVersions ?? (j.litElementVersions = [])).push("4.2.1");
 /**
  * @license
@@ -601,10 +601,13 @@ function M(t) {
 function _(t) {
   return M({ ...t, state: !0, attribute: !1 });
 }
+function sn(t) {
+  return t instanceof Error && ("response" in t && typeof t.response == "object" && t.response !== null || "data" in t && typeof t.data == "object" && t.data !== null);
+}
 var K = {
   CARD: "card",
   PAYNOW: "paynow"
-}, D = {
+}, $ = {
   IDLE: "idle",
   INITIALIZING: "initializing",
   READY: "ready",
@@ -613,10 +616,10 @@ var K = {
   SUCCEEDED: "succeeded",
   FAILED: "failed"
 };
-function sn(t) {
+function an(t) {
   return t === "paid" ? "succeeded" : t;
 }
-var an = class {
+var ln = class {
   constructor(t, e, n, r, i = {}) {
     this.isPolling = !1, this.attempts = 0, this.startTime = 0, this.pollTimeoutId = null, this.adapters = t, this.baseUrl = e, this.token = n, this.onStatusUpdate = r, this.config = {
       interval: i.interval ?? 3e3,
@@ -698,10 +701,13 @@ var an = class {
     if (this.isPolling) {
       this.attempts++;
       try {
-        const t = await this.adapters.http.get(`${this.baseUrl}/payment-intent/get-payment-data`, {
-          "x-token": this.token
-        }), e = {
-          status: sn(t.result.status),
+        const t = await this.adapters.http.get(
+          `${this.baseUrl}/payment-intent/get-payment-data`,
+          {
+            "x-token": this.token
+          }
+        ), e = {
+          status: an(t.result.status),
           // Map "paid" to "succeeded"
           paymentIntentId: t.result.paymentIntentId || "",
           ...t.result.amount !== void 0 && { amount: t.result.amount },
@@ -737,7 +743,7 @@ var an = class {
     }
   }
 };
-function ln(t) {
+function dn(t) {
   switch (t) {
     case "prod":
       return "https://public.one.ooo";
@@ -749,26 +755,75 @@ function ln(t) {
       return "https://public.dev.one.ooo";
   }
 }
-var dn = class {
+var cn = class {
   // Flag to ignore qrCode after user scans it
   constructor(t, e) {
-    this.state = { status: D.IDLE }, this.subscribers = /* @__PURE__ */ new Set(), this.eventListeners = {}, this.paymentToken = null, this.paymentIntentId = null, this.pollingService = null, this.ignore3DSInPolling = !1, this.ignoreQRInPolling = !1, this.config = t, this.adapters = e;
+    this.state = { status: $.IDLE }, this.subscribers = /* @__PURE__ */ new Set(), this.eventListeners = {}, this.paymentToken = null, this.paymentIntentId = null, this.pollingService = null, this.ignore3DSInPolling = !1, this.ignoreQRInPolling = !1, this.config = t, this.adapters = e;
   }
   /**
    * Get the API base URL - uses apiBaseUrl if provided, otherwise derives from environment
    */
   getApiBaseUrl() {
-    return this.config.apiBaseUrl ?? ln(this.config.environment);
+    return this.config.apiBaseUrl ?? dn(this.config.environment);
   }
   /**
-   * Get current state (immutable)
+   * Get the current payment state
+   *
+   * Returns an immutable snapshot of the current SDK state. The state follows a discriminated
+   * union pattern, where the `status` field determines which additional fields are available.
+   *
+   * @returns The current state object (readonly)
+   *
+   * @example
+   * ```typescript
+   * const state = sdk.getState();
+   *
+   * if (state.status === 'ready') {
+   *   console.log('Available methods:', state.availableMethods);
+   *   console.log('Payment intent:', state.paymentIntent);
+   * } else if (state.status === 'failed') {
+   *   console.error('Error:', state.error);
+   * }
+   * ```
+   *
+   * @public
    */
   getState() {
     return this.state;
   }
   /**
    * Subscribe to state changes
-   * @returns Unsubscribe function
+   *
+   * Registers a callback function that will be called immediately with the current state,
+   * and then again whenever the state changes. This is useful for reactive UI updates.
+   *
+   * @param subscriber - Callback function to be called with state updates
+   * @returns Unsubscribe function - call this to stop receiving updates
+   *
+   * @example
+   * ```typescript
+   * const unsubscribe = sdk.subscribe((state) => {
+   *   switch (state.status) {
+   *     case 'ready':
+   *       console.log('Ready to accept payment');
+   *       break;
+   *     case 'processing':
+   *       console.log('Processing payment...');
+   *       break;
+   *     case 'succeeded':
+   *       console.log('Payment succeeded!');
+   *       break;
+   *     case 'failed':
+   *       console.error('Payment failed:', state.error.message);
+   *       break;
+   *   }
+   * });
+   *
+   * // Later, when you want to stop listening:
+   * unsubscribe();
+   * ```
+   *
+   * @public
    */
   subscribe(t) {
     return this.subscribers.add(t), t(this.state), () => {
@@ -776,7 +831,39 @@ var dn = class {
     };
   }
   /**
-   * Add event listener with type safety
+   * Add an event listener for specific payment events
+   *
+   * Allows you to listen to specific payment lifecycle events with full type safety.
+   * Unlike `subscribe`, which receives all state changes, this method lets you listen
+   * to specific events like payment initialization, success, failure, etc.
+   *
+   * @param eventType - The type of event to listen for
+   * @param listener - Callback function to be called when the event occurs
+   * @returns Unsubscribe function - call this to remove the listener
+   *
+   * @example
+   * ```typescript
+   * // Listen for successful payments
+   * const removeListener = sdk.on('payment_succeeded', (event) => {
+   *   console.log('Payment succeeded!', event.payload.paymentIntent);
+   *   console.log('Method used:', event.payload.methodId);
+   * });
+   *
+   * // Listen for QR codes
+   * sdk.on('qr_code_received', (event) => {
+   *   displayQRCode(event.payload.qrCode);
+   * });
+   *
+   * // Listen for required actions (3DS)
+   * sdk.on('payment_requires_action', (event) => {
+   *   openAuthenticationWindow(event.payload.actionUrl);
+   * });
+   *
+   * // Later, remove the listener:
+   * removeListener();
+   * ```
+   *
+   * @public
    */
   on(t, e) {
     this.eventListeners[t] || (this.eventListeners[t] = []);
@@ -787,10 +874,46 @@ var dn = class {
     };
   }
   /**
-   * Initialize payment intent
+   * Initialize a new payment intent
+   *
+   * Creates a payment intent on the server and fetches available payment methods.
+   * This must be called before attempting to submit a payment. The SDK state will
+   * transition from 'idle' → 'initializing' → 'ready' (or 'failed' on error).
+   *
+   * @param params - Payment initialization parameters
+   * @param params.amount - Payment amount in smallest currency unit (e.g., cents for USD)
+   * @param params.currency - ISO 4217 currency code (e.g., 'USD', 'SGD', 'EUR')
+   * @param params.orderId - Your unique order/transaction identifier
+   * @param params.notes - Optional notes or description for the payment
+   * @param params.metadata - Optional metadata object with custom key-value pairs
+   * @returns Promise that resolves with the created payment intent
+   * @throws {Error} If initialization fails (network error, invalid credentials, etc.)
+   *
+   * @example
+   * ```typescript
+   * try {
+   *   const paymentIntent = await sdk.initialize({
+   *     amount: 5000, // $50.00
+   *     currency: 'USD',
+   *     orderId: 'ORDER-123',
+   *     notes: 'Premium subscription',
+   *     metadata: {
+   *       userId: '12345',
+   *       subscriptionId: 'sub_abc',
+   *     },
+   *   });
+   *
+   *   console.log('Payment intent created:', paymentIntent.id);
+   *   console.log('Amount with fees:', paymentIntent.amount);
+   * } catch (error) {
+   *   console.error('Failed to initialize:', error);
+   * }
+   * ```
+   *
+   * @public
    */
   async initialize(t) {
-    this.setState({ status: D.INITIALIZING }), this.emit({
+    this.setState({ status: $.INITIALIZING }), this.emit({
       type: "initialize",
       payload: t
     });
@@ -811,27 +934,33 @@ var dn = class {
       if (!s)
         throw new Error("No token found in redirectUrl");
       this.paymentToken = s, this.paymentIntentId = i.result.paymentIntentId;
-      const l = await this.adapters.http.get(`${this.getApiBaseUrl()}/payment-intent/get-payment-data`, {
-        "x-token": this.paymentToken
-      }), a = await this.adapters.http.get(`${this.getApiBaseUrl()}/payment-intent/available-methods`, {
-        "x-token": this.paymentToken
-      }), d = {
+      const l = await this.adapters.http.get(
+        `${this.getApiBaseUrl()}/payment-intent/get-payment-data`,
+        {
+          "x-token": this.paymentToken
+        }
+      ), a = await this.adapters.http.get(
+        `${this.getApiBaseUrl()}/payment-intent/available-methods`,
+        {
+          "x-token": this.paymentToken
+        }
+      ), d = {
         id: this.paymentIntentId,
         amount: l.result.customerAmount || t.amount,
         currency: l.result.currency || t.currency,
-        status: D.READY,
+        status: $.READY,
         ...t.metadata && { metadata: t.metadata }
-      }, c = a.result.paymentMethods.map((h, f) => {
+      }, c = a.result.paymentMethods.map((h, m) => {
         let u = null;
-        const m = h.type.toLowerCase(), g = h.capabilities || [];
-        return m.includes("card") ? u = "card" : (m.includes("paynow") || m.includes("bank transfer") || g.includes("payments_pay_now")) && (u = "paynow"), u === null ? null : {
+        const f = h.type.toLowerCase(), g = h.capabilities || [];
+        return f.includes("card") ? u = "card" : (f.includes("paynow") || f.includes("bank transfer") || g.includes("payments_pay_now")) && (u = "paynow"), u === null ? null : {
           id: u,
           enabled: !0,
-          priority: f
+          priority: m
         };
       }).filter((h) => h !== null);
       return this.setState({
-        status: D.READY,
+        status: $.READY,
         paymentIntent: d,
         availableMethods: c
       }), this.emit({
@@ -848,7 +977,7 @@ var dn = class {
         timestamp: this.adapters.timer.now()
       };
       throw this.setState({
-        status: D.FAILED,
+        status: $.FAILED,
         error: n
       }), this.emit({
         type: "payment_failed",
@@ -857,7 +986,56 @@ var dn = class {
     }
   }
   /**
-   * Submit payment with selected method
+   * Submit a payment with the selected payment method
+   *
+   * Processes a payment using the specified payment method and customer details.
+   * The SDK must be in 'ready' state before calling this method. After submission,
+   * the SDK automatically polls for payment status updates.
+   *
+   * For card payments, the payment may require 3D Secure authentication, which will
+   * trigger a 'payment_requires_action' event with an authentication URL.
+   *
+   * For PayNow/QR payments, a QR code will be provided via 'qr_code_received' event
+   * that the customer needs to scan with their mobile banking app.
+   *
+   * @param methodId - The payment method to use ('card' or 'paynow')
+   * @param paymentData - Payment details object containing customer and payment information
+   * @param paymentData.firstName - Customer's first name
+   * @param paymentData.lastName - Customer's last name
+   * @param paymentData.email - Customer's email address
+   * @param paymentData.cardNumber - Card number (for card payments)
+   * @param paymentData.expiryMonth - Card expiry month (for card payments)
+   * @param paymentData.expiryYear - Card expiry year (for card payments)
+   * @param paymentData.cvv - Card CVV code (for card payments)
+   * @returns Promise that resolves with the payment intent
+   * @throws {Error} If SDK is not in ready state, no payment token available, or submission fails
+   *
+   * @example
+   * ```typescript
+   * // Card payment
+   * try {
+   *   await sdk.submitPayment('card', {
+   *     firstName: 'John',
+   *     lastName: 'Doe',
+   *     email: 'john@example.com',
+   *     cardNumber: '4242424242424242',
+   *     expiryMonth: '12',
+   *     expiryYear: '2025',
+   *     cvv: '123',
+   *   });
+   * } catch (error) {
+   *   console.error('Payment failed:', error);
+   * }
+   *
+   * // PayNow payment
+   * await sdk.submitPayment('paynow', {
+   *   firstName: 'John',
+   *   lastName: 'Doe',
+   *   email: 'john@example.com',
+   * });
+   * ```
+   *
+   * @public
    */
   async submitPayment(t, e) {
     var r, i, o, s, l;
@@ -867,7 +1045,7 @@ var dn = class {
     if (!this.paymentToken)
       throw new Error("Cannot submit payment: No payment token available");
     this.ignore3DSInPolling = !1, this.ignoreQRInPolling = !1, this.setState({
-      status: D.PROCESSING,
+      status: $.PROCESSING,
       paymentIntent: n.paymentIntent,
       selectedMethod: t,
       availableMethods: n.availableMethods
@@ -880,16 +1058,16 @@ var dn = class {
     });
     try {
       const a = {
-        firstName: e.firstName,
-        lastName: e.lastName,
-        email: e.email,
+        firstName: String(e.firstName),
+        lastName: String(e.lastName),
+        email: String(e.email),
         paymentMethod: t === "card" ? {
           type: "card",
           card: {
-            number: e.cardNumber,
-            expiryMonth: e.expiryMonth,
-            expiryYear: e.expiryYear,
-            cvc: e.cvv
+            number: String(e.cardNumber),
+            expiryMonth: String(e.expiryMonth),
+            expiryYear: String(e.expiryYear),
+            cvc: String(e.cvv)
           }
         } : { type: "qr" }
       };
@@ -903,19 +1081,15 @@ var dn = class {
         id: this.paymentIntentId || "",
         amount: n.paymentIntent.amount,
         currency: n.paymentIntent.currency,
-        status: D.PROCESSING
+        status: $.PROCESSING
       };
     } catch (a) {
       let d = "Unknown error", c = "PAYMENT_FAILED";
       if (a instanceof Error)
         try {
-          const f = a;
-          if ((r = f.response) != null && r.data) {
-            const u = f.response.data;
-            d = u.message || ((i = u.error) == null ? void 0 : i.message) || a.message, c = u.code || ((o = u.error) == null ? void 0 : o.code) || c;
-          } else if (f.data) {
-            const u = f.data;
-            d = u.message || ((s = u.error) == null ? void 0 : s.message) || a.message, c = u.code || ((l = u.error) == null ? void 0 : l.code) || c;
+          if (sn(a)) {
+            const m = (r = a.response) == null ? void 0 : r.data, u = a.data;
+            m ? (d = m.message || ((i = m.error) == null ? void 0 : i.message) || a.message, c = m.code || ((o = m.error) == null ? void 0 : o.code) || c) : u ? (d = u.message || ((s = u.error) == null ? void 0 : s.message) || a.message, c = u.code || ((l = u.error) == null ? void 0 : l.code) || c) : d = a.message;
           } else
             d = a.message;
         } catch {
@@ -927,7 +1101,7 @@ var dn = class {
         timestamp: this.adapters.timer.now()
       };
       throw this.setState({
-        status: D.FAILED,
+        status: $.FAILED,
         error: h,
         paymentIntent: n.paymentIntent
       }), this.emit({
@@ -940,8 +1114,39 @@ var dn = class {
     }
   }
   /**
-   * Resume polling after 3DS or QR flow completes
-   * This is called by the UI layer after user completes 3DS authentication or scans QR code
+   * Resume polling after 3D Secure or QR code flow completes
+   *
+   * This method should be called after the user completes 3D Secure authentication
+   * or scans a QR code. It resumes payment status polling while ignoring subsequent
+   * action URLs or QR codes to prevent showing the same modal/action multiple times.
+   *
+   * The SDK will continue polling until it receives a terminal status (succeeded or failed).
+   *
+   * @example
+   * ```typescript
+   * // After 3DS authentication completes
+   * sdk.on('payment_requires_action', (event) => {
+   *   const authWindow = window.open(event.payload.actionUrl);
+   *
+   *   // Monitor when auth window closes
+   *   const checkClosed = setInterval(() => {
+   *     if (authWindow?.closed) {
+   *       clearInterval(checkClosed);
+   *       sdk.resumePolling(); // Resume polling for final status
+   *     }
+   *   }, 500);
+   * });
+   *
+   * // After QR code is scanned
+   * sdk.on('qr_code_received', (event) => {
+   *   displayQRCode(event.payload.qrCode);
+   *   // User scans QR code with their banking app
+   *   // Once they confirm payment in their app:
+   *   sdk.resumePolling(); // Resume polling for final status
+   * });
+   * ```
+   *
+   * @public
    */
   resumePolling() {
     if (!this.paymentToken) {
@@ -951,7 +1156,29 @@ var dn = class {
     this.ignore3DSInPolling = !0, this.ignoreQRInPolling = !0, this.startPolling();
   }
   /**
-   * Destroy SDK instance and cleanup
+   * Destroy the SDK instance and clean up all resources
+   *
+   * This method should be called when you're done with the SDK instance to:
+   * - Stop all polling operations
+   * - Remove all event listeners
+   * - Clear all state subscribers
+   * - Free up memory
+   *
+   * After calling destroy(), the SDK instance should not be used again.
+   *
+   * @example
+   * ```typescript
+   * // When component unmounts or page unloads
+   * useEffect(() => {
+   *   const sdk = new PaymentSDK(config, adapters);
+   *
+   *   return () => {
+   *     sdk.destroy(); // Cleanup on unmount
+   *   };
+   * }, []);
+   * ```
+   *
+   * @public
    */
   destroy() {
     this.stopPolling(), this.subscribers.clear(), Object.keys(this.eventListeners).forEach((t) => {
@@ -966,7 +1193,7 @@ var dn = class {
       console.warn("Cannot start polling: no payment token available");
       return;
     }
-    this.stopPolling(), this.pollingService = new an(
+    this.stopPolling(), this.pollingService = new ln(
       this.adapters,
       this.getApiBaseUrl(),
       this.paymentToken,
@@ -1031,11 +1258,11 @@ var dn = class {
         id: t.paymentIntentId,
         amount: t.amount ?? e.paymentIntent.amount,
         currency: t.currency ?? e.paymentIntent.currency,
-        status: D.REQUIRES_ACTION,
+        status: $.REQUIRES_ACTION,
         ...t.metadata && { metadata: t.metadata }
       };
       this.setState({
-        status: D.REQUIRES_ACTION,
+        status: $.REQUIRES_ACTION,
         paymentIntent: r,
         actionUrl: t.nextActionUrl,
         selectedMethod: e.selectedMethod,
@@ -1059,7 +1286,7 @@ var dn = class {
     };
     if (t.status === "succeeded")
       this.stopPolling(), this.setState({
-        status: D.SUCCEEDED,
+        status: $.SUCCEEDED,
         paymentIntent: n,
         selectedMethod: e.selectedMethod
       }), this.emit({
@@ -1077,7 +1304,7 @@ var dn = class {
         timestamp: this.adapters.timer.now()
       };
       this.setState({
-        status: D.FAILED,
+        status: $.FAILED,
         error: i,
         paymentIntent: n
       }), this.emit({
@@ -1143,7 +1370,7 @@ H.prototype = {
     return e.tailPrefix ? r + o.toString() + (e.numeralDecimalScale > 0 ? s.toString() : "") + e.prefix : i + o.toString() + (e.numeralDecimalScale > 0 ? s.toString() : "");
   }
 };
-var cn = H, yt = function(t, e, n) {
+var un = H, yt = function(t, e, n) {
   var r = this;
   r.date = [], r.blocks = [], r.datePattern = t, r.dateMin = e.split("-").reverse().map(function(i) {
     return parseInt(i, 10);
@@ -1183,7 +1410,7 @@ yt.prototype = {
     }), this.getFixedDateString(n);
   },
   getFixedDateString: function(t) {
-    var e = this, n = e.datePattern, r = [], i = 0, o = 0, s = 0, l = 0, a = 0, d = 0, c, h, f, u = !1;
+    var e = this, n = e.datePattern, r = [], i = 0, o = 0, s = 0, l = 0, a = 0, d = 0, c, h, m, u = !1;
     t.length === 4 && n[0].toLowerCase() !== "y" && n[1].toLowerCase() !== "y" && (l = n[0] === "d" ? 0 : 2, a = 2 - l, c = parseInt(t.slice(l, l + 2), 10), h = parseInt(t.slice(a, a + 2), 10), r = this.getFixedDate(c, h, 0)), t.length === 8 && (n.forEach(function(g, k) {
       switch (g) {
         case "d":
@@ -1196,8 +1423,8 @@ yt.prototype = {
           s = k;
           break;
       }
-    }), d = s * 2, l = i <= s ? i * 2 : i * 2 + 2, a = o <= s ? o * 2 : o * 2 + 2, c = parseInt(t.slice(l, l + 2), 10), h = parseInt(t.slice(a, a + 2), 10), f = parseInt(t.slice(d, d + 4), 10), u = t.slice(d, d + 4).length === 4, r = this.getFixedDate(c, h, f)), t.length === 4 && (n[0] === "y" || n[1] === "y") && (a = n[0] === "m" ? 0 : 2, d = 2 - a, h = parseInt(t.slice(a, a + 2), 10), f = parseInt(t.slice(d, d + 2), 10), u = t.slice(d, d + 2).length === 2, r = [0, h, f]), t.length === 6 && (n[0] === "Y" || n[1] === "Y") && (a = n[0] === "m" ? 0 : 4, d = 2 - 0.5 * a, h = parseInt(t.slice(a, a + 2), 10), f = parseInt(t.slice(d, d + 4), 10), u = t.slice(d, d + 4).length === 4, r = [0, h, f]), r = e.getRangeFixedDate(r), e.date = r;
-    var m = r.length === 0 ? t : n.reduce(function(g, k) {
+    }), d = s * 2, l = i <= s ? i * 2 : i * 2 + 2, a = o <= s ? o * 2 : o * 2 + 2, c = parseInt(t.slice(l, l + 2), 10), h = parseInt(t.slice(a, a + 2), 10), m = parseInt(t.slice(d, d + 4), 10), u = t.slice(d, d + 4).length === 4, r = this.getFixedDate(c, h, m)), t.length === 4 && (n[0] === "y" || n[1] === "y") && (a = n[0] === "m" ? 0 : 2, d = 2 - a, h = parseInt(t.slice(a, a + 2), 10), m = parseInt(t.slice(d, d + 2), 10), u = t.slice(d, d + 2).length === 2, r = [0, h, m]), t.length === 6 && (n[0] === "Y" || n[1] === "Y") && (a = n[0] === "m" ? 0 : 4, d = 2 - 0.5 * a, h = parseInt(t.slice(a, a + 2), 10), m = parseInt(t.slice(d, d + 4), 10), u = t.slice(d, d + 4).length === 4, r = [0, h, m]), r = e.getRangeFixedDate(r), e.date = r;
+    var f = r.length === 0 ? t : n.reduce(function(g, k) {
       switch (k) {
         case "d":
           return g + (r[0] === 0 ? "" : e.addLeadingZero(r[0]));
@@ -1209,7 +1436,7 @@ yt.prototype = {
           return g + (u ? e.addLeadingZeroForYear(r[2], !0) : "");
       }
     }, "");
-    return m;
+    return f;
   },
   getRangeFixedDate: function(t) {
     var e = this, n = e.datePattern, r = e.dateMin || [], i = e.dateMax || [];
@@ -1230,7 +1457,7 @@ yt.prototype = {
     return e ? (t < 10 ? "000" : t < 100 ? "00" : t < 1e3 ? "0" : "") + t : (t < 10 ? "0" : "") + t;
   }
 };
-var un = yt, bt = function(t, e) {
+var hn = yt, bt = function(t, e) {
   var n = this;
   n.time = [], n.blocks = [], n.timePattern = t, n.timeFormat = e, n.initBlocks();
 };
@@ -1283,30 +1510,30 @@ bt.prototype = {
     }), this.getFixedTimeString(n);
   },
   getFixedTimeString: function(t) {
-    var e = this, n = e.timePattern, r = [], i = 0, o = 0, s = 0, l = 0, a = 0, d = 0, c, h, f;
-    return t.length === 6 && (n.forEach(function(u, m) {
+    var e = this, n = e.timePattern, r = [], i = 0, o = 0, s = 0, l = 0, a = 0, d = 0, c, h, m;
+    return t.length === 6 && (n.forEach(function(u, f) {
       switch (u) {
         case "s":
-          i = m * 2;
+          i = f * 2;
           break;
         case "m":
-          o = m * 2;
+          o = f * 2;
           break;
         case "h":
-          s = m * 2;
+          s = f * 2;
           break;
       }
-    }), d = s, a = o, l = i, c = parseInt(t.slice(l, l + 2), 10), h = parseInt(t.slice(a, a + 2), 10), f = parseInt(t.slice(d, d + 2), 10), r = this.getFixedTime(f, h, c)), t.length === 4 && e.timePattern.indexOf("s") < 0 && (n.forEach(function(u, m) {
+    }), d = s, a = o, l = i, c = parseInt(t.slice(l, l + 2), 10), h = parseInt(t.slice(a, a + 2), 10), m = parseInt(t.slice(d, d + 2), 10), r = this.getFixedTime(m, h, c)), t.length === 4 && e.timePattern.indexOf("s") < 0 && (n.forEach(function(u, f) {
       switch (u) {
         case "m":
-          o = m * 2;
+          o = f * 2;
           break;
         case "h":
-          s = m * 2;
+          s = f * 2;
           break;
       }
-    }), d = s, a = o, c = 0, h = parseInt(t.slice(a, a + 2), 10), f = parseInt(t.slice(d, d + 2), 10), r = this.getFixedTime(f, h, c)), e.time = r, r.length === 0 ? t : n.reduce(function(u, m) {
-      switch (m) {
+    }), d = s, a = o, c = 0, h = parseInt(t.slice(a, a + 2), 10), m = parseInt(t.slice(d, d + 2), 10), r = this.getFixedTime(m, h, c)), e.time = r, r.length === 0 ? t : n.reduce(function(u, f) {
+      switch (f) {
         case "s":
           return u + e.addLeadingZero(r[2]);
         case "m":
@@ -1323,7 +1550,7 @@ bt.prototype = {
     return (t < 10 ? "0" : "") + t;
   }
 };
-var hn = bt, wt = function(t, e) {
+var mn = bt, wt = function(t, e) {
   var n = this;
   n.delimiter = e || e === "" ? e : " ", n.delimiterRE = e ? new RegExp("\\" + e, "g") : "", n.formatter = t;
 };
@@ -1406,7 +1633,7 @@ var fn = wt, Fe = {
       blocks: e ? this.getStrictBlocks(n.general) : n.general
     };
   }
-}, mn = Fe, pn = {
+}, pn = Fe, gn = {
   noop: function() {
   },
   strip: function(t, e) {
@@ -1482,8 +1709,8 @@ var fn = wt, Fe = {
     var s = "", l = i.length > 0, a = "";
     return n === 0 ? t : (e.forEach(function(d, c) {
       if (t.length > 0) {
-        var h = t.slice(0, d), f = t.slice(d);
-        l ? a = i[o ? c - 1 : c] || a : a = r, o ? (c > 0 && (s += a), s += h) : (s += h, h.length === d && c < n - 1 && (s += a)), t = f;
+        var h = t.slice(0, d), m = t.slice(d);
+        l ? a = i[o ? c - 1 : c] || a : a = r, o ? (c > 0 && (s += a), s += h) : (s += h, h.length === d && c < n - 1 && (s += a)), t = m;
       }
     }), s);
   },
@@ -1535,7 +1762,7 @@ var fn = wt, Fe = {
   isAndroidBackspaceKeydown: function(t, e) {
     return !this.isAndroid() || !t || !e ? !1 : e === t.slice(0, -1);
   }
-}, gn = pn, yn = {
+}, yn = gn, bn = {
   // Maybe change to object-assign
   // for now just keep it as simple
   assign: function(t, e) {
@@ -1543,7 +1770,7 @@ var fn = wt, Fe = {
     }, t.phone = !!e.phone, t.phoneRegionCode = e.phoneRegionCode || "AU", t.phoneFormatter = {}, t.time = !!e.time, t.timePattern = e.timePattern || ["h", "m", "s"], t.timeFormat = e.timeFormat || "24", t.timeFormatter = {}, t.date = !!e.date, t.datePattern = e.datePattern || ["d", "m", "Y"], t.dateMin = e.dateMin || "", t.dateMax = e.dateMax || "", t.dateFormatter = {}, t.numeral = !!e.numeral, t.numeralIntegerScale = e.numeralIntegerScale > 0 ? e.numeralIntegerScale : 0, t.numeralDecimalScale = e.numeralDecimalScale >= 0 ? e.numeralDecimalScale : 2, t.numeralDecimalMark = e.numeralDecimalMark || ".", t.numeralThousandsGroupStyle = e.numeralThousandsGroupStyle || "thousand", t.numeralPositiveOnly = !!e.numeralPositiveOnly, t.stripLeadingZeroes = e.stripLeadingZeroes !== !1, t.signBeforePrefix = !!e.signBeforePrefix, t.tailPrefix = !!e.tailPrefix, t.swapHiddenInput = !!e.swapHiddenInput, t.numericOnly = t.creditCard || t.date || !!e.numericOnly, t.uppercase = !!e.uppercase, t.lowercase = !!e.lowercase, t.prefix = t.creditCard || t.date ? "" : e.prefix || "", t.noImmediatePrefix = !!e.noImmediatePrefix, t.prefixLength = t.prefix.length, t.rawValueTrimPrefix = !!e.rawValueTrimPrefix, t.copyDelimiter = !!e.copyDelimiter, t.initValue = e.initValue !== void 0 && e.initValue !== null ? e.initValue.toString() : "", t.delimiter = e.delimiter || e.delimiter === "" ? e.delimiter : e.date ? "/" : e.time ? ":" : e.numeral ? "," : (e.phone, " "), t.delimiterLength = t.delimiter.length, t.delimiterLazyShow = !!e.delimiterLazyShow, t.delimiters = e.delimiters || [], t.blocks = e.blocks || [], t.blocksLength = t.blocks.length, t.root = typeof Z == "object" && Z ? Z : window, t.document = e.document || t.root.document, t.maxLength = 0, t.backspace = !1, t.result = "", t.onValueChanged = e.onValueChanged || function() {
     }, t;
   }
-}, bn = yn, x = function(t, e) {
+}, wn = bn, x = function(t, e) {
   var n = this, r = !1;
   if (typeof t == "string" ? (n.element = document.querySelector(t), r = document.querySelectorAll(t).length > 1) : typeof t.length < "u" && t.length > 0 ? (n.element = t[0], r = t.length > 1) : n.element = t, !n.element)
     throw new Error("[cleave.js] Please check the element");
@@ -1714,19 +1941,19 @@ x.prototype = {
     return "[Cleave Object]";
   }
 };
-x.NumeralFormatter = cn;
-x.DateFormatter = un;
-x.TimeFormatter = hn;
+x.NumeralFormatter = un;
+x.DateFormatter = hn;
+x.TimeFormatter = mn;
 x.PhoneFormatter = fn;
-x.CreditCardDetector = mn;
-x.Util = gn;
-x.DefaultProperties = bn;
+x.CreditCardDetector = pn;
+x.Util = yn;
+x.DefaultProperties = wn;
 (typeof Z == "object" && Z ? Z : window).Cleave = x;
-var at = x, fe = {}, wn = function() {
+var at = x, me = {}, vn = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
-}, vt = {}, $ = {};
+}, vt = {}, D = {};
 let Ye;
-const vn = [
+const xn = [
   0,
   // Not used
   26,
@@ -1770,29 +1997,29 @@ const vn = [
   3532,
   3706
 ];
-$.getSymbolSize = function(e) {
+D.getSymbolSize = function(e) {
   if (!e) throw new Error('"version" cannot be null or undefined');
   if (e < 1 || e > 40) throw new Error('"version" should be in range from 1 to 40');
   return e * 4 + 17;
 };
-$.getSymbolTotalCodewords = function(e) {
-  return vn[e];
+D.getSymbolTotalCodewords = function(e) {
+  return xn[e];
 };
-$.getBCHDigit = function(t) {
+D.getBCHDigit = function(t) {
   let e = 0;
   for (; t !== 0; )
     e++, t >>>= 1;
   return e;
 };
-$.setToSJISFunction = function(e) {
+D.setToSJISFunction = function(e) {
   if (typeof e != "function")
     throw new Error('"toSJISFunc" is not a valid function.');
   Ye = e;
 };
-$.isKanjiModeEnabled = function() {
+D.isKanjiModeEnabled = function() {
   return typeof Ye < "u";
 };
-$.toSJIS = function(e) {
+D.toSJIS = function(e) {
   return Ye(e);
 };
 var Ce = {};
@@ -1850,28 +2077,28 @@ xt.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var xn = xt;
-function me(t) {
+var Sn = xt;
+function fe(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
   this.size = t, this.data = new Uint8Array(t * t), this.reservedBit = new Uint8Array(t * t);
 }
-me.prototype.set = function(t, e, n, r) {
+fe.prototype.set = function(t, e, n, r) {
   const i = t * this.size + e;
   this.data[i] = n, r && (this.reservedBit[i] = !0);
 };
-me.prototype.get = function(t, e) {
+fe.prototype.get = function(t, e) {
   return this.data[t * this.size + e];
 };
-me.prototype.xor = function(t, e, n) {
+fe.prototype.xor = function(t, e, n) {
   this.data[t * this.size + e] ^= n;
 };
-me.prototype.isReserved = function(t, e) {
+fe.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var Sn = me, St = {};
+var Cn = fe, St = {};
 (function(t) {
-  const e = $.getSymbolSize;
+  const e = D.getSymbolSize;
   t.getRowColCoords = function(r) {
     if (r === 1) return [];
     const i = Math.floor(r / 7) + 2, o = e(r), s = o === 145 ? 26 : Math.ceil((o - 13) / (2 * i - 2)) * 2, l = [o - 7];
@@ -1889,9 +2116,9 @@ var Sn = me, St = {};
   };
 })(St);
 var Ct = {};
-const Cn = $.getSymbolSize, lt = 7;
+const kn = D.getSymbolSize, lt = 7;
 Ct.getPositions = function(e) {
-  const n = Cn(e);
+  const n = kn(e);
   return [
     // top-left
     [0, 0],
@@ -1928,9 +2155,9 @@ var kt = {};
     let s = 0, l = 0, a = 0, d = null, c = null;
     for (let h = 0; h < o; h++) {
       l = a = 0, d = c = null;
-      for (let f = 0; f < o; f++) {
-        let u = i.get(h, f);
-        u === d ? l++ : (l >= 5 && (s += e.N1 + (l - 5)), d = u, l = 1), u = i.get(f, h), u === c ? a++ : (a >= 5 && (s += e.N1 + (a - 5)), c = u, a = 1);
+      for (let m = 0; m < o; m++) {
+        let u = i.get(h, m);
+        u === d ? l++ : (l >= 5 && (s += e.N1 + (l - 5)), d = u, l = 1), u = i.get(m, h), u === c ? a++ : (a >= 5 && (s += e.N1 + (a - 5)), c = u, a = 1);
       }
       l >= 5 && (s += e.N1 + (l - 5)), a >= 5 && (s += e.N1 + (a - 5));
     }
@@ -2415,30 +2642,30 @@ Ke.prototype.encode = function(e) {
   }
   return r;
 };
-var kn = Ke, Pt = {}, O = {}, Qe = {};
+var En = Ke, Pt = {}, O = {}, Qe = {};
 Qe.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var R = {};
-const It = "[0-9]+", En = "[A-Z $%*+\\-./:]+";
+const It = "[0-9]+", An = "[A-Z $%*+\\-./:]+";
 let ue = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 ue = ue.replace(/u/g, "\\u");
-const An = "(?:(?![A-Z0-9 $%*+\\-./:]|" + ue + `)(?:.|[\r
+const Pn = "(?:(?![A-Z0-9 $%*+\\-./:]|" + ue + `)(?:.|[\r
 ]))+`;
 R.KANJI = new RegExp(ue, "g");
 R.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-R.BYTE = new RegExp(An, "g");
+R.BYTE = new RegExp(Pn, "g");
 R.NUMERIC = new RegExp(It, "g");
-R.ALPHANUMERIC = new RegExp(En, "g");
-const Pn = new RegExp("^" + ue + "$"), In = new RegExp("^" + It + "$"), _n = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+R.ALPHANUMERIC = new RegExp(An, "g");
+const In = new RegExp("^" + ue + "$"), _n = new RegExp("^" + It + "$"), Dn = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 R.testKanji = function(e) {
-  return Pn.test(e);
+  return In.test(e);
 };
 R.testNumeric = function(e) {
-  return In.test(e);
+  return _n.test(e);
 };
 R.testAlphanumeric = function(e) {
-  return _n.test(e);
+  return Dn.test(e);
 };
 (function(t) {
   const e = Qe, n = R;
@@ -2500,34 +2727,34 @@ R.testAlphanumeric = function(e) {
   };
 })(O);
 (function(t) {
-  const e = $, n = ke, r = Ce, i = O, o = Qe, s = 7973, l = e.getBCHDigit(s);
-  function a(f, u, m) {
+  const e = D, n = ke, r = Ce, i = O, o = Qe, s = 7973, l = e.getBCHDigit(s);
+  function a(m, u, f) {
     for (let g = 1; g <= 40; g++)
-      if (u <= t.getCapacity(g, m, f))
+      if (u <= t.getCapacity(g, f, m))
         return g;
   }
-  function d(f, u) {
-    return i.getCharCountIndicator(f, u) + 4;
+  function d(m, u) {
+    return i.getCharCountIndicator(m, u) + 4;
   }
-  function c(f, u) {
-    let m = 0;
-    return f.forEach(function(g) {
+  function c(m, u) {
+    let f = 0;
+    return m.forEach(function(g) {
       const k = d(g.mode, u);
-      m += k + g.getBitsLength();
-    }), m;
+      f += k + g.getBitsLength();
+    }), f;
   }
-  function h(f, u) {
-    for (let m = 1; m <= 40; m++)
-      if (c(f, m) <= t.getCapacity(m, u, i.MIXED))
-        return m;
+  function h(m, u) {
+    for (let f = 1; f <= 40; f++)
+      if (c(m, f) <= t.getCapacity(f, u, i.MIXED))
+        return f;
   }
-  t.from = function(u, m) {
-    return o.isValid(u) ? parseInt(u, 10) : m;
-  }, t.getCapacity = function(u, m, g) {
+  t.from = function(u, f) {
+    return o.isValid(u) ? parseInt(u, 10) : f;
+  }, t.getCapacity = function(u, f, g) {
     if (!o.isValid(u))
       throw new Error("Invalid QR Code version");
     typeof g > "u" && (g = i.BYTE);
-    const k = e.getSymbolTotalCodewords(u), b = n.getTotalCodewordsCount(u, m), w = (k - b) * 8;
+    const k = e.getSymbolTotalCodewords(u), b = n.getTotalCodewordsCount(u, f), w = (k - b) * 8;
     if (g === i.MIXED) return w;
     const y = w - d(g, u);
     switch (g) {
@@ -2541,9 +2768,9 @@ R.testAlphanumeric = function(e) {
       default:
         return Math.floor(y / 8);
     }
-  }, t.getBestVersionForData = function(u, m) {
+  }, t.getBestVersionForData = function(u, f) {
     let g;
-    const k = r.from(m, r.M);
+    const k = r.from(f, r.M);
     if (Array.isArray(u)) {
       if (u.length > 1)
         return h(u, k);
@@ -2556,25 +2783,25 @@ R.testAlphanumeric = function(e) {
   }, t.getEncodedBits = function(u) {
     if (!o.isValid(u) || u < 7)
       throw new Error("Invalid QR Code version");
-    let m = u << 12;
-    for (; e.getBCHDigit(m) - l >= 0; )
-      m ^= s << e.getBCHDigit(m) - l;
-    return u << 12 | m;
+    let f = u << 12;
+    for (; e.getBCHDigit(f) - l >= 0; )
+      f ^= s << e.getBCHDigit(f) - l;
+    return u << 12 | f;
   };
 })(Pt);
 var _t = {};
-const Le = $, $t = 1335, $n = 21522, dt = Le.getBCHDigit($t);
+const Le = D, Dt = 1335, $n = 21522, dt = Le.getBCHDigit(Dt);
 _t.getEncodedBits = function(e, n) {
   const r = e.bit << 3 | n;
   let i = r << 10;
   for (; Le.getBCHDigit(i) - dt >= 0; )
-    i ^= $t << Le.getBCHDigit(i) - dt;
+    i ^= Dt << Le.getBCHDigit(i) - dt;
   return (r << 10 | i) ^ $n;
 };
-var Dt = {};
-const Dn = O;
+var $t = {};
+const Mn = O;
 function W(t) {
-  this.mode = Dn.NUMERIC, this.data = t.toString();
+  this.mode = Mn.NUMERIC, this.data = t.toString();
 }
 W.getBitsLength = function(e) {
   return 10 * Math.floor(e / 3) + (e % 3 ? e % 3 * 3 + 1 : 0);
@@ -2592,8 +2819,8 @@ W.prototype.write = function(e) {
   const o = this.data.length - n;
   o > 0 && (r = this.data.substr(n), i = parseInt(r, 10), e.put(i, o * 3 + 1));
 };
-var Mn = W;
-const Tn = O, Me = [
+var Tn = W;
+const Nn = O, Me = [
   "0",
   "1",
   "2",
@@ -2641,7 +2868,7 @@ const Tn = O, Me = [
   ":"
 ];
 function X(t) {
-  this.mode = Tn.ALPHANUMERIC, this.data = t;
+  this.mode = Nn.ALPHANUMERIC, this.data = t;
 }
 X.getBitsLength = function(e) {
   return 11 * Math.floor(e / 2) + 6 * (e % 2);
@@ -2660,10 +2887,10 @@ X.prototype.write = function(e) {
   }
   this.data.length % 2 && e.put(Me.indexOf(this.data[n]), 6);
 };
-var Nn = X;
-const Rn = O;
+var Rn = X;
+const Bn = O;
 function ee(t) {
-  this.mode = Rn.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
+  this.mode = Bn.BYTE, typeof t == "string" ? this.data = new TextEncoder().encode(t) : this.data = new Uint8Array(t);
 }
 ee.getBitsLength = function(e) {
   return e * 8;
@@ -2678,10 +2905,10 @@ ee.prototype.write = function(t) {
   for (let e = 0, n = this.data.length; e < n; e++)
     t.put(this.data[e], 8);
 };
-var Bn = ee;
-const Fn = O, Ln = $;
+var Fn = ee;
+const Ln = O, Un = D;
 function te(t) {
-  this.mode = Fn.KANJI, this.data = t;
+  this.mode = Ln.KANJI, this.data = t;
 }
 te.getBitsLength = function(e) {
   return e * 13;
@@ -2695,7 +2922,7 @@ te.prototype.getBitsLength = function() {
 te.prototype.write = function(t) {
   let e;
   for (e = 0; e < this.data.length; e++) {
-    let n = Ln.toSJIS(this.data[e]);
+    let n = Un.toSJIS(this.data[e]);
     if (n >= 33088 && n <= 40956)
       n -= 33088;
     else if (n >= 57408 && n <= 60351)
@@ -2708,7 +2935,7 @@ Make sure your charset is UTF-8`
     n = (n >>> 8 & 255) * 192 + (n & 255), t.put(n, 13);
   }
 };
-var Un = te, Mt = { exports: {} };
+var zn = te, Mt = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(n, r, i) {
@@ -2716,10 +2943,10 @@ var Un = te, Mt = { exports: {} };
       s[r] = 0;
       var l = e.PriorityQueue.make();
       l.push(r, 0);
-      for (var a, d, c, h, f, u, m, g, k; !l.empty(); ) {
-        a = l.pop(), d = a.value, h = a.cost, f = n[d] || {};
-        for (c in f)
-          f.hasOwnProperty(c) && (u = f[c], m = h + u, g = s[c], k = typeof s[c] > "u", (k || g > m) && (s[c] = m, l.push(c, m), o[c] = d));
+      for (var a, d, c, h, m, u, f, g, k; !l.empty(); ) {
+        a = l.pop(), d = a.value, h = a.cost, m = n[d] || {};
+        for (c in m)
+          m.hasOwnProperty(c) && (u = m[c], f = h + u, g = s[c], k = typeof s[c] > "u", (k || g > f) && (s[c] = f, l.push(c, f), o[c] = d));
       }
       if (typeof i < "u" && typeof s[i] > "u") {
         var b = ["Could not find a path from ", r, " to ", i, "."].join("");
@@ -2774,9 +3001,9 @@ var Un = te, Mt = { exports: {} };
   };
   t.exports = e;
 })(Mt);
-var zn = Mt.exports;
+var On = Mt.exports;
 (function(t) {
-  const e = O, n = Mn, r = Nn, i = Bn, o = Un, s = R, l = $, a = zn;
+  const e = O, n = Tn, r = Rn, i = Fn, o = zn, s = R, l = D, a = On;
   function d(b) {
     return unescape(encodeURIComponent(b)).length;
   }
@@ -2805,7 +3032,7 @@ var zn = Mt.exports;
       };
     });
   }
-  function f(b, w) {
+  function m(b, w) {
     switch (w) {
       case e.NUMERIC:
         return n.getBitsLength(b);
@@ -2823,7 +3050,7 @@ var zn = Mt.exports;
       return p && p.mode === y.mode ? (w[w.length - 1].data += y.data, w) : (w.push(y), w);
     }, []);
   }
-  function m(b) {
+  function f(b) {
     const w = [];
     for (let y = 0; y < b.length; y++) {
       const p = b[y];
@@ -2865,7 +3092,7 @@ var zn = Mt.exports;
         T.push(ne), y[ne] = { node: N, lastCount: 0 }, p[ne] = {};
         for (let Pe = 0; Pe < C.length; Pe++) {
           const B = C[Pe];
-          y[B] && y[B].node.mode === N.mode ? (p[B][ne] = f(y[B].lastCount + N.length, N.mode) - f(y[B].lastCount, N.mode), y[B].lastCount += N.length) : (y[B] && (y[B].lastCount = N.length), p[B][ne] = f(N.length, N.mode) + 4 + e.getCharCountIndicator(N.mode, w));
+          y[B] && y[B].node.mode === N.mode ? (p[B][ne] = m(y[B].lastCount + N.length, N.mode) - m(y[B].lastCount, N.mode), y[B].lastCount += N.length) : (y[B] && (y[B].lastCount = N.length), p[B][ne] = m(N.length, N.mode) + 4 + e.getCharCountIndicator(N.mode, w));
         }
       }
       C = T;
@@ -2896,7 +3123,7 @@ var zn = Mt.exports;
       return typeof p == "string" ? y.push(k(p, null)) : p.data && y.push(k(p.data, p.mode)), y;
     }, []);
   }, t.fromString = function(w, y) {
-    const p = h(w, l.isKanjiModeEnabled()), C = m(p), E = g(C, y), P = a.find_path(E.map, "start", "end"), T = [];
+    const p = h(w, l.isKanjiModeEnabled()), C = f(p), E = g(C, y), P = a.find_path(E.map, "start", "end"), T = [];
     for (let F = 1; F < P.length - 1; F++)
       T.push(E.table[P[F]].node);
     return t.fromArray(u(T));
@@ -2905,10 +3132,10 @@ var zn = Mt.exports;
       h(w, l.isKanjiModeEnabled())
     );
   };
-})(Dt);
-const Ae = $, Te = Ce, On = xn, qn = Sn, Vn = St, Hn = Ct, Ue = kt, ze = ke, jn = kn, xe = Pt, Yn = _t, Kn = O, Ne = Dt;
-function Qn(t, e) {
-  const n = t.size, r = Hn.getPositions(e);
+})($t);
+const Ae = D, Te = Ce, qn = Sn, Vn = Cn, Hn = St, jn = Ct, Ue = kt, ze = ke, Yn = En, xe = Pt, Kn = _t, Qn = O, Ne = $t;
+function Zn(t, e) {
+  const n = t.size, r = jn.getPositions(e);
   for (let i = 0; i < r.length; i++) {
     const o = r[i][0], s = r[i][1];
     for (let l = -1; l <= 7; l++)
@@ -2917,15 +3144,15 @@ function Qn(t, e) {
           s + a <= -1 || n <= s + a || (l >= 0 && l <= 6 && (a === 0 || a === 6) || a >= 0 && a <= 6 && (l === 0 || l === 6) || l >= 2 && l <= 4 && a >= 2 && a <= 4 ? t.set(o + l, s + a, !0, !0) : t.set(o + l, s + a, !1, !0));
   }
 }
-function Zn(t) {
+function Gn(t) {
   const e = t.size;
   for (let n = 8; n < e - 8; n++) {
     const r = n % 2 === 0;
     t.set(n, 6, r, !0), t.set(6, n, r, !0);
   }
 }
-function Gn(t, e) {
-  const n = Vn.getPositions(e);
+function Jn(t, e) {
+  const n = Hn.getPositions(e);
   for (let r = 0; r < n.length; r++) {
     const i = n[r][0], o = n[r][1];
     for (let s = -2; s <= 2; s++)
@@ -2933,20 +3160,20 @@ function Gn(t, e) {
         s === -2 || s === 2 || l === -2 || l === 2 || s === 0 && l === 0 ? t.set(i + s, o + l, !0, !0) : t.set(i + s, o + l, !1, !0);
   }
 }
-function Jn(t, e) {
+function Wn(t, e) {
   const n = t.size, r = xe.getEncodedBits(e);
   let i, o, s;
   for (let l = 0; l < 18; l++)
     i = Math.floor(l / 3), o = l % 3 + n - 8 - 3, s = (r >> l & 1) === 1, t.set(i, o, s, !0), t.set(o, i, s, !0);
 }
 function Re(t, e, n) {
-  const r = t.size, i = Yn.getEncodedBits(e, n);
+  const r = t.size, i = Kn.getEncodedBits(e, n);
   let o, s;
   for (o = 0; o < 15; o++)
     s = (i >> o & 1) === 1, o < 6 ? t.set(o, 8, s, !0) : o < 8 ? t.set(o + 1, 8, s, !0) : t.set(r - 15 + o, 8, s, !0), o < 8 ? t.set(8, r - o - 1, s, !0) : o < 9 ? t.set(8, 15 - o - 1 + 1, s, !0) : t.set(8, 15 - o - 1, s, !0);
   t.set(r - 8, 8, 1, !0);
 }
-function Wn(t, e) {
+function Xn(t, e) {
   const n = t.size;
   let r = -1, i = n - 1, o = 7, s = 0;
   for (let l = n - 1; l > 0; l -= 2)
@@ -2962,10 +3189,10 @@ function Wn(t, e) {
       }
     }
 }
-function Xn(t, e, n) {
-  const r = new On();
+function er(t, e, n) {
+  const r = new qn();
   n.forEach(function(a) {
-    r.put(a.mode.bit, 4), r.put(a.getLength(), Kn.getCharCountIndicator(a.mode, t)), a.write(r);
+    r.put(a.mode.bit, 4), r.put(a.getLength(), Qn.getCharCountIndicator(a.mode, t)), a.write(r);
   });
   const i = Ae.getSymbolTotalCodewords(t), o = ze.getTotalCodewordsCount(t, e), s = (i - o) * 8;
   for (r.getLengthInBits() + 4 <= s && r.put(0, 4); r.getLengthInBits() % 8 !== 0; )
@@ -2973,29 +3200,29 @@ function Xn(t, e, n) {
   const l = (s - r.getLengthInBits()) / 8;
   for (let a = 0; a < l; a++)
     r.put(a % 2 ? 17 : 236, 8);
-  return er(r, t, e);
+  return tr(r, t, e);
 }
-function er(t, e, n) {
-  const r = Ae.getSymbolTotalCodewords(e), i = ze.getTotalCodewordsCount(e, n), o = r - i, s = ze.getBlocksCount(e, n), l = r % s, a = s - l, d = Math.floor(r / s), c = Math.floor(o / s), h = c + 1, f = d - c, u = new jn(f);
-  let m = 0;
+function tr(t, e, n) {
+  const r = Ae.getSymbolTotalCodewords(e), i = ze.getTotalCodewordsCount(e, n), o = r - i, s = ze.getBlocksCount(e, n), l = r % s, a = s - l, d = Math.floor(r / s), c = Math.floor(o / s), h = c + 1, m = d - c, u = new Yn(m);
+  let f = 0;
   const g = new Array(s), k = new Array(s);
   let b = 0;
   const w = new Uint8Array(t.buffer);
   for (let P = 0; P < s; P++) {
     const T = P < a ? c : h;
-    g[P] = w.slice(m, m + T), k[P] = u.encode(g[P]), m += T, b = Math.max(b, T);
+    g[P] = w.slice(f, f + T), k[P] = u.encode(g[P]), f += T, b = Math.max(b, T);
   }
   const y = new Uint8Array(r);
   let p = 0, C, E;
   for (C = 0; C < b; C++)
     for (E = 0; E < s; E++)
       C < g[E].length && (y[p++] = g[E][C]);
-  for (C = 0; C < f; C++)
+  for (C = 0; C < m; C++)
     for (E = 0; E < s; E++)
       y[p++] = k[E][C];
   return y;
 }
-function tr(t, e, n, r) {
+function nr(t, e, n, r) {
   let i;
   if (Array.isArray(t))
     i = Ne.fromArray(t);
@@ -3020,8 +3247,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + o + `.
 `
     );
-  const s = Xn(e, n, i), l = Ae.getSymbolSize(e), a = new qn(l);
-  return Qn(a, e), Zn(a), Gn(a, e), Re(a, n, 0), e >= 7 && Jn(a, e), Wn(a, s), isNaN(r) && (r = Ue.getBestMask(
+  const s = er(e, n, i), l = Ae.getSymbolSize(e), a = new Vn(l);
+  return Zn(a, e), Gn(a), Jn(a, e), Re(a, n, 0), e >= 7 && Wn(a, e), Xn(a, s), isNaN(r) && (r = Ue.getBestMask(
     a,
     Re.bind(null, a, n)
   )), Ue.applyMask(r, a), Re(a, n, r), {
@@ -3036,7 +3263,7 @@ vt.create = function(e, n) {
   if (typeof e > "u" || e === "")
     throw new Error("No input text");
   let r = Te.M, i, o;
-  return typeof n < "u" && (r = Te.from(n.errorCorrectionLevel, Te.M), i = xe.from(n.version), o = Ue.from(n.maskPattern), n.toSJISFunc && Ae.setToSJISFunction(n.toSJISFunc)), tr(e, i, r, o);
+  return typeof n < "u" && (r = Te.from(n.errorCorrectionLevel, Te.M), i = xe.from(n.version), o = Ue.from(n.maskPattern), n.toSJISFunc && Ae.setToSJISFunction(n.toSJISFunc)), nr(e, i, r, o);
 };
 var Tt = {}, Ze = {};
 (function(t) {
@@ -3079,14 +3306,14 @@ var Tt = {}, Ze = {};
     return Math.floor((r + i.margin * 2) * o);
   }, t.qrToImageData = function(r, i, o) {
     const s = i.modules.size, l = i.modules.data, a = t.getScale(s, o), d = Math.floor((s + o.margin * 2) * a), c = o.margin * a, h = [o.color.light, o.color.dark];
-    for (let f = 0; f < d; f++)
+    for (let m = 0; m < d; m++)
       for (let u = 0; u < d; u++) {
-        let m = (f * d + u) * 4, g = o.color.light;
-        if (f >= c && u >= c && f < d - c && u < d - c) {
-          const k = Math.floor((f - c) / a), b = Math.floor((u - c) / a);
+        let f = (m * d + u) * 4, g = o.color.light;
+        if (m >= c && u >= c && m < d - c && u < d - c) {
+          const k = Math.floor((m - c) / a), b = Math.floor((u - c) / a);
           g = h[l[k * s + b] ? 1 : 0];
         }
-        r[m++] = g.r, r[m++] = g.g, r[m++] = g.b, r[m] = g.a;
+        r[f++] = g.r, r[f++] = g.g, r[f++] = g.b, r[f] = g.a;
       }
   };
 })(Ze);
@@ -3105,8 +3332,8 @@ var Tt = {}, Ze = {};
   t.render = function(o, s, l) {
     let a = l, d = s;
     typeof a > "u" && (!s || !s.getContext) && (a = s, s = void 0), s || (d = r()), a = e.getOptions(a);
-    const c = e.getImageWidth(o.modules.size, a), h = d.getContext("2d"), f = h.createImageData(c, c);
-    return e.qrToImageData(f.data, o, a), n(h, d, c), h.putImageData(f, 0, 0), d;
+    const c = e.getImageWidth(o.modules.size, a), h = d.getContext("2d"), m = h.createImageData(c, c);
+    return e.qrToImageData(m.data, o, a), n(h, d, c), h.putImageData(m, 0, 0), d;
   }, t.renderToDataURL = function(o, s, l) {
     let a = l;
     typeof a > "u" && (!s || !s.getContext) && (a = s, s = void 0), a || (a = {});
@@ -3115,7 +3342,7 @@ var Tt = {}, Ze = {};
   };
 })(Tt);
 var Nt = {};
-const nr = Ze;
+const rr = Ze;
 function ct(t, e) {
   const n = t.a / 255, r = e + '="' + t.hex + '"';
   return n < 1 ? r + " " + e + '-opacity="' + n.toFixed(2).slice(1) + '"' : r;
@@ -3124,7 +3351,7 @@ function Be(t, e, n) {
   let r = t + e;
   return typeof n < "u" && (r += " " + n), r;
 }
-function rr(t, e, n) {
+function ir(t, e, n) {
   let r = "", i = 0, o = !1, s = 0;
   for (let l = 0; l < t.length; l++) {
     const a = Math.floor(l % e), d = Math.floor(l / e);
@@ -3133,14 +3360,14 @@ function rr(t, e, n) {
   return r;
 }
 Nt.render = function(e, n, r) {
-  const i = nr.getOptions(n), o = e.modules.size, s = e.modules.data, l = o + i.margin * 2, a = i.color.light.a ? "<path " + ct(i.color.light, "fill") + ' d="M0 0h' + l + "v" + l + 'H0z"/>' : "", d = "<path " + ct(i.color.dark, "stroke") + ' d="' + rr(s, o, i.margin) + '"/>', c = 'viewBox="0 0 ' + l + " " + l + '"', f = '<svg xmlns="http://www.w3.org/2000/svg" ' + (i.width ? 'width="' + i.width + '" height="' + i.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + a + d + `</svg>
+  const i = rr.getOptions(n), o = e.modules.size, s = e.modules.data, l = o + i.margin * 2, a = i.color.light.a ? "<path " + ct(i.color.light, "fill") + ' d="M0 0h' + l + "v" + l + 'H0z"/>' : "", d = "<path " + ct(i.color.dark, "stroke") + ' d="' + ir(s, o, i.margin) + '"/>', c = 'viewBox="0 0 ' + l + " " + l + '"', m = '<svg xmlns="http://www.w3.org/2000/svg" ' + (i.width ? 'width="' + i.width + '" height="' + i.width + '" ' : "") + c + ' shape-rendering="crispEdges">' + a + d + `</svg>
 `;
-  return typeof r == "function" && r(null, f), f;
+  return typeof r == "function" && r(null, m), m;
 };
-const ir = wn, Oe = vt, Rt = Tt, or = Nt;
+const or = vn, Oe = vt, Rt = Tt, sr = Nt;
 function Ge(t, e, n, r, i) {
   const o = [].slice.call(arguments, 1), s = o.length, l = typeof o[s - 1] == "function";
-  if (!l && !ir())
+  if (!l && !or())
     throw new Error("Callback required as last argument");
   if (l) {
     if (s < 2)
@@ -3165,16 +3392,16 @@ function Ge(t, e, n, r, i) {
     i(a);
   }
 }
-fe.create = Oe.create;
-fe.toCanvas = Ge.bind(null, Rt.render);
-fe.toDataURL = Ge.bind(null, Rt.renderToDataURL);
-fe.toString = Ge.bind(null, function(t, e, n) {
-  return or.render(t, n);
+me.create = Oe.create;
+me.toCanvas = Ge.bind(null, Rt.render);
+me.toDataURL = Ge.bind(null, Rt.renderToDataURL);
+me.toString = Ge.bind(null, function(t, e, n) {
+  return sr.render(t, n);
 });
-var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, S = (t, e, n, r) => {
-  for (var i = r > 1 ? void 0 : r ? ar(e, n) : e, o = t.length - 1, s; o >= 0; o--)
+var ar = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, S = (t, e, n, r) => {
+  for (var i = r > 1 ? void 0 : r ? lr(e, n) : e, o = t.length - 1, s; o >= 0; o--)
     (s = t[o]) && (i = (r ? s(e, n, i) : s(i)) || i);
-  return r && i && sr(e, n, i), i;
+  return r && i && ar(e, n, i), i;
 };
 let v = class extends se {
   constructor() {
@@ -3183,7 +3410,7 @@ let v = class extends se {
       expiry: "",
       cvv: "",
       cardholderName: ""
-    }, this.formErrors = {}, this.paymentData = null, this.feesExpanded = !1, this.isInitializing = !0, this.cardBrand = "unknown", this.paymentLocked = !1, this.show3DSModal = !1, this.showQRModal = !1, this.nextActionUrl = null, this.qrCode = null, this.qrCodeDataUrl = null, this.qrAutoResumeTimer = null, this.qrPollingInProgress = !1, this.sdk = null, this.isInitialized = !1, this.cardNumberCleave = null, this.expiryCleave = null, this.leaveEventsCounter = 0, this.handle3DSPostMessage = (t) => {
+    }, this.formErrors = {}, this.paymentData = null, this.feesExpanded = !1, this.isInitializing = !0, this.cardBrand = "unknown", this.paymentLocked = !1, this.show3DSModal = !1, this.showQRModal = !1, this.nextActionUrl = null, this.qrCode = null, this.qrCodeDataUrl = null, this.qrAutoResumeTimer = null, this.qrPollingInProgress = !1, this.sdk = null, this.isInitialized = !1, this.cardNumberCleave = null, this.expiryCleave = null, this.leaveEventsCounter = 0, this.threeDSTimeoutId = null, this.handle3DSPostMessage = (t) => {
       t.data === "ON_AWX_3DS_START_PAGE_LEAVE" && (this.leaveEventsCounter++, this.leaveEventsCounter > 1 && this.handle3DSComplete());
     };
   }
@@ -3196,7 +3423,7 @@ let v = class extends se {
   }
   disconnectedCallback() {
     var t;
-    super.disconnectedCallback(), (t = this.sdk) == null || t.destroy(), this.isInitialized = !1, this.destroyCleave(), window.removeEventListener("message", this.handle3DSPostMessage), this.qrAutoResumeTimer !== null && clearTimeout(this.qrAutoResumeTimer);
+    super.disconnectedCallback(), (t = this.sdk) == null || t.destroy(), this.isInitialized = !1, this.destroyCleave(), window.removeEventListener("message", this.handle3DSPostMessage), this.qrAutoResumeTimer !== null && clearTimeout(this.qrAutoResumeTimer), this.threeDSTimeoutId !== null && clearTimeout(this.threeDSTimeoutId);
   }
   // --- Cleave.js Setup ---
   setupCleave() {
@@ -3249,7 +3476,31 @@ let v = class extends se {
   }
   initializeSDK() {
     var t;
-    !this.config || !this.adapters || !this.amount || !this.currency || !this.orderId || this.isInitialized || (this.isInitialized = !0, (t = this.sdk) == null || t.destroy(), this.sdk = new dn(this.config, this.adapters), this.sdk.subscribe((e) => {
+    if (!this.config || !this.adapters || !this.amount || !this.currency || !this.orderId) {
+      console.error(
+        "OnePayment: Missing required props. Ensure config, adapters, amount, currency, and orderId are provided."
+      );
+      return;
+    }
+    if (!this.firstName || typeof this.firstName != "string" || this.firstName.trim() === "") {
+      console.error(
+        "OnePayment: firstName is required and must be a non-empty string. Customer information is required for all payment methods."
+      );
+      return;
+    }
+    if (!this.lastName || typeof this.lastName != "string" || this.lastName.trim() === "") {
+      console.error(
+        "OnePayment: lastName is required and must be a non-empty string. Customer information is required for all payment methods."
+      );
+      return;
+    }
+    if (!this.email || typeof this.email != "string" || this.email.trim() === "") {
+      console.error(
+        "OnePayment: email is required and must be a non-empty string. Customer information is required for all payment methods."
+      );
+      return;
+    }
+    this.isInitialized || (this.isInitialized = !0, (t = this.sdk) == null || t.destroy(), this.sdk = new cn(this.config, this.adapters), this.sdk.subscribe((e) => {
       this.currentState = e, this.dispatchEvent(
         new CustomEvent("state-change", {
           detail: { state: e },
@@ -3276,7 +3527,9 @@ let v = class extends se {
     }), this.sdk.on("initialized", (e) => {
       this.paymentData = e.payload.paymentData, this.isInitializing = !1;
     }), this.sdk.on("payment_requires_action", (e) => {
-      this.nextActionUrl = e.payload.actionUrl, this.show3DSModal = !0, this.paymentLocked = !0, this.leaveEventsCounter = 0;
+      this.nextActionUrl = e.payload.actionUrl, this.show3DSModal = !0, this.paymentLocked = !0, this.leaveEventsCounter = 0, this.threeDSTimeoutId = window.setTimeout(() => {
+        this.handle3DSComplete();
+      }, 6e4);
     }), this.sdk.on(
       "qr_code_received",
       async (e) => {
@@ -3285,7 +3538,7 @@ let v = class extends se {
         const n = this.qrCode.startsWith("http://") || this.qrCode.startsWith("https://"), r = this.qrCode.startsWith("data:image");
         if (!n && !r)
           try {
-            const i = await fe.toDataURL(this.qrCode, {
+            const i = await me.toDataURL(this.qrCode, {
               width: 300,
               margin: 2,
               color: {
@@ -3316,7 +3569,7 @@ let v = class extends se {
     this.qrAutoResumeTimer !== null && (clearTimeout(this.qrAutoResumeTimer), this.qrAutoResumeTimer = null), this.qrPollingInProgress = !0, this.sdk && this.sdk.resumePolling();
   }
   handle3DSComplete() {
-    this.show3DSModal = !1, this.nextActionUrl = null, this.leaveEventsCounter = 0, this.sdk && this.sdk.resumePolling();
+    this.threeDSTimeoutId !== null && (clearTimeout(this.threeDSTimeoutId), this.threeDSTimeoutId = null), this.show3DSModal = !1, this.nextActionUrl = null, this.leaveEventsCounter = 0, this.sdk && this.sdk.resumePolling();
   }
   handleInputChange(t, e) {
     if (this.cardFormData = { ...this.cardFormData, [t]: e }, this.formErrors[t]) {
@@ -3575,7 +3828,7 @@ let v = class extends se {
             @click=${this.handleCardPayment}
             ?disabled=${this.currentState.status === "processing" || this.currentState.status === "requires_action"}
           >
-            ${this.currentState.status === "processing" || this.currentState.status === "requires_action" ? "Processing..." : `Pay ${this.currency} ${(this.amount / 100).toFixed(2)}`}
+            ${this.currentState.status === "processing" || this.currentState.status === "requires_action" ? "Processing..." : `Pay ${this.currency} ${this.amount.toFixed(2)}`}
           </button>
         </div>
       </div>
@@ -3622,7 +3875,7 @@ let v = class extends se {
               @click=${this.handlePayNowPayment}
               ?disabled=${this.currentState.status === "processing" || this.currentState.status === "requires_action"}
             >
-              ${this.currentState.status === "processing" || this.currentState.status === "requires_action" ? "Processing..." : `Pay ${this.currency} ${(this.amount / 100).toFixed(2)}`}
+              ${this.currentState.status === "processing" || this.currentState.status === "requires_action" ? "Processing..." : `Pay ${this.currency} ${this.amount.toFixed(2)}`}
             </button>
           </div>
         </div>
@@ -3633,6 +3886,14 @@ let v = class extends se {
     return !this.show3DSModal || !this.nextActionUrl ? null : A`
       <div class="modal-overlay">
         <div class="modal-content iframe-modal">
+          <button
+            class="modal-close-button"
+            @click=${() => this.handle3DSComplete()}
+            title="Close 3DS authentication"
+            aria-label="Close 3DS authentication modal"
+          >
+            ✕
+          </button>
           <iframe
             class="modal-iframe"
             src="${this.nextActionUrl}"
@@ -4756,6 +5017,35 @@ v.styles = Ft`
       border: none;
     }
 
+    .modal-close-button {
+      position: absolute;
+      top: 12px;
+      right: 12px;
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background: rgba(0, 0, 0, 0.6);
+      color: white;
+      border: none;
+      font-size: 20px;
+      font-weight: bold;
+      cursor: pointer;
+      z-index: 10001;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: background 0.2s ease;
+      padding: 0;
+    }
+
+    .modal-close-button:hover {
+      background: rgba(0, 0, 0, 0.8);
+    }
+
+    .modal-close-button:active {
+      transform: scale(0.95);
+    }
+
     .modal-content .qr-code-section {
       padding: 2rem;
       min-height: 500px;