@one-payments/web-components 1.0.7 → 1.1.0

package/dist/index.js

@@ -45,7 +45,7 @@ const Bt = (t) => new ht(typeof t == "string" ? t : t + "", void 0, Ve), Ft = (t
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ut, defineProperty: zt, getOwnPropertyDescriptor: Ot, getOwnPropertyNames: qt, getOwnPropertySymbols: Vt, getPrototypeOf: Ht } = Object, z = globalThis, Xe = z.trustedTypes, jt = Xe ? Xe.emptyScript : "", Pe = z.reactiveElementPolyfillSupport, ie = (t, e) => t, be = { toAttribute(t, e) {
+const { is: Ut, defineProperty: Ot, getOwnPropertyDescriptor: zt, getOwnPropertyNames: qt, getOwnPropertySymbols: Vt, getPrototypeOf: Ht } = Object, O = globalThis, Xe = O.trustedTypes, jt = Xe ? Xe.emptyScript : "", Ie = O.reactiveElementPolyfillSupport, ie = (t, e) => t, be = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
       t = t ? jt : null;
@@ -74,7 +74,7 @@ const { is: Ut, defineProperty: zt, getOwnPropertyDescriptor: Ot, getOwnProperty
   }
   return n;
 } }, He = (t, e) => !Ut(t, e), et = { attribute: !0, type: String, converter: be, reflect: !1, useDefault: !1, hasChanged: He };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), O.litPropertyMetadata ?? (O.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let Q = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
@@ -85,11 +85,11 @@ let Q = class extends HTMLElement {
   static createProperty(e, n = et) {
     if (n.state && (n.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((n = Object.create(n)).wrapped = !0), this.elementProperties.set(e, n), !n.noAccessor) {
       const r = Symbol(), i = this.getPropertyDescriptor(e, r, n);
-      i !== void 0 && zt(this.prototype, e, i);
+      i !== void 0 && Ot(this.prototype, e, i);
     }
   }
   static getPropertyDescriptor(e, n, r) {
-    const { get: i, set: o } = Ot(this.prototype, e) ?? { get() {
+    const { get: i, set: o } = zt(this.prototype, e) ?? { get() {
       return this[n];
     }, set(s) {
       this[n] = s;
@@ -278,7 +278,7 @@ let Q = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-Q.elementStyles = [], Q.shadowRootOptions = { mode: "open" }, Q[ie("elementProperties")] = /* @__PURE__ */ new Map(), Q[ie("finalized")] = /* @__PURE__ */ new Map(), Pe == null || Pe({ ReactiveElement: Q }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.1.1");
+Q.elementStyles = [], Q.shadowRootOptions = { mode: "open" }, Q[ie("elementProperties")] = /* @__PURE__ */ new Map(), Q[ie("finalized")] = /* @__PURE__ */ new Map(), Ie == null || Ie({ ReactiveElement: Q }), (O.reactiveElementVersions ?? (O.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -286,7 +286,7 @@ Q.elementStyles = [], Q.shadowRootOptions = { mode: "open" }, Q[ie("elementPrope
  */
 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 = `[ 	
 \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"), P = Symbol.for("lit-nothing"), st = /* @__PURE__ */ new WeakMap(), V = Y.createTreeWalker(Y, 129);
+\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) {
   if (!je(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return tt !== void 0 ? tt.createHTML(e) : e;
@@ -381,7 +381,7 @@ class he {
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
   constructor(e, n, r, i) {
-    this.type = 2, this._$AH = P, this._$AN = void 0, this._$AA = e, this._$AB = n, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+    this.type = 2, this._$AH = I, this._$AN = void 0, this._$AA = e, this._$AB = n, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
@@ -395,7 +395,7 @@ class he {
     return this._$AB;
   }
   _$AI(e, n = this) {
-    e = J(this, e, n), de(e) ? e === P || e == null || e === "" ? (this._$AH !== P && this._$AR(), this._$AH = P) : e !== this._$AH && e !== G && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Kt(e) ? this.k(e) : this._(e);
+    e = J(this, e, n), de(e) ? e === I || e == null || e === "" ? (this._$AH !== I && this._$AR(), this._$AH = I) : e !== this._$AH && e !== G && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Kt(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,7 +404,7 @@ class he {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== P && de(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Y.createTextNode(e)), this._$AH = e;
+    this._$AH !== I && de(this._$AH) ? this._$AA.nextSibling.data = e : this.T(Y.createTextNode(e)), this._$AH = e;
   }
   $(e) {
     var o;
@@ -446,7 +446,7 @@ class Se {
     return this._$AM._$AU;
   }
   constructor(e, n, r, i, o) {
-    this.type = 1, this._$AH = P, this._$AN = void 0, this.element = e, this.name = n, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = P;
+    this.type = 1, this._$AH = I, this._$AN = void 0, this.element = e, this.name = n, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = I;
   }
   _$AI(e, n = this, r, i) {
     const o = this.strings;
@@ -455,12 +455,12 @@ class Se {
     else {
       const l = e;
       let a, d;
-      for (e = o[0], a = 0; a < o.length - 1; a++) d = J(this, l[r + a], n, a), d === G && (d = this._$AH[a]), s || (s = !de(d) || d !== this._$AH[a]), d === P ? e = P : e !== P && (e += (d ?? "") + o[a + 1]), this._$AH[a] = d;
+      for (e = o[0], a = 0; a < o.length - 1; a++) d = J(this, l[r + a], n, a), d === G && (d = this._$AH[a]), s || (s = !de(d) || d !== this._$AH[a]), d === I ? e = I : e !== I && (e += (d ?? "") + o[a + 1]), this._$AH[a] = d;
     }
     s && !i && this.j(e);
   }
   j(e) {
-    e === P ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === I ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
 class Jt extends Se {
@@ -468,7 +468,7 @@ class Jt extends Se {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === P ? void 0 : e;
+    this.element[this.name] = e === I ? void 0 : e;
   }
 }
 class Wt extends Se {
@@ -476,7 +476,7 @@ class Wt extends Se {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== P);
+    this.element.toggleAttribute(this.name, !!e && e !== I);
   }
 }
 class Xt extends Se {
@@ -484,8 +484,8 @@ class Xt extends Se {
     super(e, n, r, i, o), this.type = 5;
   }
   _$AI(e, n = this) {
-    if ((e = J(this, e, n, 0) ?? P) === G) return;
-    const r = this._$AH, i = e === P && r !== P || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== P && (r === P || i);
+    if ((e = J(this, e, n, 0) ?? I) === G) return;
+    const r = this._$AH, i = e === I && r !== I || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== I && (r === I || i);
     i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
@@ -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 Me = j.litElementPolyfillSupport;
-Me == null || Me({ LitElement: se });
+const $e = j.litElementPolyfillSupport;
+$e == null || $e({ LitElement: se });
 (j.litElementVersions ?? (j.litElementVersions = [])).push("4.2.1");
 /**
  * @license
@@ -587,7 +587,7 @@ const rn = { attribute: !0, type: String, converter: be, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + r);
 };
-function $(t) {
+function M(t) {
   return (e, n) => typeof n == "object" ? on(t, e, n) : ((r, i, o) => {
     const s = i.hasOwnProperty(o);
     return i.constructor.createProperty(o, r), s ? Object.getOwnPropertyDescriptor(i, o) : void 0;
@@ -599,12 +599,15 @@ function $(t) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function _(t) {
-  return $({ ...t, state: !0, attribute: !1 });
+  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"
-}, M = {
+}, $ = {
   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: M.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: M.INITIALIZING }), this.emit({
+    this.setState({ status: $.INITIALIZING }), this.emit({
       type: "initialize",
       payload: t
     });
@@ -811,15 +934,21 @@ 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: M.READY,
+        status: $.READY,
         ...t.metadata && { metadata: t.metadata }
       }, c = a.result.paymentMethods.map((h, f) => {
         let u = null;
@@ -831,7 +960,7 @@ var dn = class {
         };
       }).filter((h) => h !== null);
       return this.setState({
-        status: M.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: M.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: M.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: M.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 f = (r = a.response) == null ? void 0 : r.data, u = a.data;
+            f ? (d = f.message || ((i = f.error) == null ? void 0 : i.message) || a.message, c = f.code || ((o = f.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: M.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: M.REQUIRES_ACTION,
+        status: $.REQUIRES_ACTION,
         ...t.metadata && { metadata: t.metadata }
       };
       this.setState({
-        status: M.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: M.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: M.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);
@@ -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();
 };
@@ -1323,7 +1550,7 @@ bt.prototype = {
     return (t < 10 ? "0" : "") + t;
   }
 };
-var hn = bt, wt = function(t, e) {
+var fn = bt, wt = function(t, e) {
   var n = this;
   n.delimiter = e || e === "" ? e : " ", n.delimiterRE = e ? new RegExp("\\" + e, "g") : "", n.formatter = t;
 };
@@ -1339,7 +1566,7 @@ wt.prototype = {
     return n = n.replace(/[()]/g, ""), n = n.replace(/[\s-]/g, e.delimiter), n;
   }
 };
-var fn = wt, Fe = {
+var mn = wt, Fe = {
   blocks: {
     uatp: [4, 5, 6],
     amex: [4, 6, 5],
@@ -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) {
@@ -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, v = 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");
@@ -1552,16 +1779,16 @@ var fn = wt, Fe = {
       console.warn("[cleave.js] Multiple input fields matched, cleave.js will only take the first one.");
     } catch {
     }
-  e.initValue = n.element.value, n.properties = v.DefaultProperties.assign({}, e), n.init();
+  e.initValue = n.element.value, n.properties = x.DefaultProperties.assign({}, e), n.init();
 };
-v.prototype = {
+x.prototype = {
   init: function() {
     var t = this, e = t.properties;
     if (!e.numeral && !e.phone && !e.creditCard && !e.time && !e.date && e.blocksLength === 0 && !e.prefix) {
       t.onInput(e.initValue);
       return;
     }
-    e.maxLength = v.Util.getMaxLength(e.blocks), t.isAndroid = v.Util.isAndroid(), t.lastInputValue = "", t.isBackward = "", t.onChangeListener = t.onChange.bind(t), t.onKeyDownListener = t.onKeyDown.bind(t), t.onFocusListener = t.onFocus.bind(t), t.onCutListener = t.onCut.bind(t), t.onCopyListener = t.onCopy.bind(t), t.initSwapHiddenInput(), t.element.addEventListener("input", t.onChangeListener), t.element.addEventListener("keydown", t.onKeyDownListener), t.element.addEventListener("focus", t.onFocusListener), t.element.addEventListener("cut", t.onCutListener), t.element.addEventListener("copy", t.onCopyListener), t.initPhoneFormatter(), t.initDateFormatter(), t.initTimeFormatter(), t.initNumeralFormatter(), (e.initValue || e.prefix && !e.noImmediatePrefix) && t.onInput(e.initValue);
+    e.maxLength = x.Util.getMaxLength(e.blocks), t.isAndroid = x.Util.isAndroid(), t.lastInputValue = "", t.isBackward = "", t.onChangeListener = t.onChange.bind(t), t.onKeyDownListener = t.onKeyDown.bind(t), t.onFocusListener = t.onFocus.bind(t), t.onCutListener = t.onCut.bind(t), t.onCopyListener = t.onCopy.bind(t), t.initSwapHiddenInput(), t.element.addEventListener("input", t.onChangeListener), t.element.addEventListener("keydown", t.onKeyDownListener), t.element.addEventListener("focus", t.onFocusListener), t.element.addEventListener("cut", t.onCutListener), t.element.addEventListener("copy", t.onCopyListener), t.initPhoneFormatter(), t.initDateFormatter(), t.initTimeFormatter(), t.initNumeralFormatter(), (e.initValue || e.prefix && !e.noImmediatePrefix) && t.onInput(e.initValue);
   },
   initSwapHiddenInput: function() {
     var t = this, e = t.properties;
@@ -1572,7 +1799,7 @@ v.prototype = {
   },
   initNumeralFormatter: function() {
     var t = this, e = t.properties;
-    e.numeral && (e.numeralFormatter = new v.NumeralFormatter(
+    e.numeral && (e.numeralFormatter = new x.NumeralFormatter(
       e.numeralDecimalMark,
       e.numeralIntegerScale,
       e.numeralDecimalScale,
@@ -1587,17 +1814,17 @@ v.prototype = {
   },
   initTimeFormatter: function() {
     var t = this, e = t.properties;
-    e.time && (e.timeFormatter = new v.TimeFormatter(e.timePattern, e.timeFormat), e.blocks = e.timeFormatter.getBlocks(), e.blocksLength = e.blocks.length, e.maxLength = v.Util.getMaxLength(e.blocks));
+    e.time && (e.timeFormatter = new x.TimeFormatter(e.timePattern, e.timeFormat), e.blocks = e.timeFormatter.getBlocks(), e.blocksLength = e.blocks.length, e.maxLength = x.Util.getMaxLength(e.blocks));
   },
   initDateFormatter: function() {
     var t = this, e = t.properties;
-    e.date && (e.dateFormatter = new v.DateFormatter(e.datePattern, e.dateMin, e.dateMax), e.blocks = e.dateFormatter.getBlocks(), e.blocksLength = e.blocks.length, e.maxLength = v.Util.getMaxLength(e.blocks));
+    e.date && (e.dateFormatter = new x.DateFormatter(e.datePattern, e.dateMin, e.dateMax), e.blocks = e.dateFormatter.getBlocks(), e.blocksLength = e.blocks.length, e.maxLength = x.Util.getMaxLength(e.blocks));
   },
   initPhoneFormatter: function() {
     var t = this, e = t.properties;
     if (e.phone)
       try {
-        e.phoneFormatter = new v.PhoneFormatter(
+        e.phoneFormatter = new x.PhoneFormatter(
           new e.root.Cleave.AsYouTypeFormatter(e.phoneRegionCode),
           e.delimiter
         );
@@ -1610,23 +1837,23 @@ v.prototype = {
     e.lastInputValue = e.element.value, e.isBackward = n === 8;
   },
   onChange: function(t) {
-    var e = this, n = e.properties, r = v.Util;
+    var e = this, n = e.properties, r = x.Util;
     e.isBackward = e.isBackward || t.inputType === "deleteContentBackward";
     var i = r.getPostDelimiter(e.lastInputValue, n.delimiter, n.delimiters);
     e.isBackward && i ? n.postDelimiterBackspace = i : n.postDelimiterBackspace = !1, this.onInput(this.element.value);
   },
   onFocus: function() {
     var t = this, e = t.properties;
-    t.lastInputValue = t.element.value, e.prefix && e.noImmediatePrefix && !t.element.value && this.onInput(e.prefix), v.Util.fixPrefixCursor(t.element, e.prefix, e.delimiter, e.delimiters);
+    t.lastInputValue = t.element.value, e.prefix && e.noImmediatePrefix && !t.element.value && this.onInput(e.prefix), x.Util.fixPrefixCursor(t.element, e.prefix, e.delimiter, e.delimiters);
   },
   onCut: function(t) {
-    v.Util.checkFullSelection(this.element.value) && (this.copyClipboardData(t), this.onInput(""));
+    x.Util.checkFullSelection(this.element.value) && (this.copyClipboardData(t), this.onInput(""));
   },
   onCopy: function(t) {
-    v.Util.checkFullSelection(this.element.value) && this.copyClipboardData(t);
+    x.Util.checkFullSelection(this.element.value) && this.copyClipboardData(t);
   },
   copyClipboardData: function(t) {
-    var e = this, n = e.properties, r = v.Util, i = e.element.value, o = "";
+    var e = this, n = e.properties, r = x.Util, i = e.element.value, o = "";
     n.copyDelimiter ? o = i : o = r.stripDelimiters(i, n.delimiter, n.delimiters);
     try {
       t.clipboardData ? t.clipboardData.setData("Text", o) : window.clipboardData.setData("Text", o), t.preventDefault();
@@ -1634,7 +1861,7 @@ v.prototype = {
     }
   },
   onInput: function(t) {
-    var e = this, n = e.properties, r = v.Util, i = r.getPostDelimiter(t, n.delimiter, n.delimiters);
+    var e = this, n = e.properties, r = x.Util, i = r.getPostDelimiter(t, n.delimiter, n.delimiters);
     if (!n.numeral && n.postDelimiterBackspace && !i && (t = r.headStr(t, t.length - n.postDelimiterBackspace.length)), n.phone) {
       n.prefix && (!n.noImmediatePrefix || t.length) ? n.result = n.prefix + n.phoneFormatter.format(t).slice(n.prefix.length) : n.result = n.phoneFormatter.format(t), e.updateValueState();
       return;
@@ -1657,11 +1884,11 @@ v.prototype = {
     ), e.updateValueState();
   },
   updateCreditCardPropsByValue: function(t) {
-    var e = this, n = e.properties, r = v.Util, i;
-    r.headStr(n.result, 4) !== r.headStr(t, 4) && (i = v.CreditCardDetector.getInfo(t, n.creditCardStrictMode), n.blocks = i.blocks, n.blocksLength = n.blocks.length, n.maxLength = r.getMaxLength(n.blocks), n.creditCardType !== i.type && (n.creditCardType = i.type, n.onCreditCardTypeChanged.call(e, n.creditCardType)));
+    var e = this, n = e.properties, r = x.Util, i;
+    r.headStr(n.result, 4) !== r.headStr(t, 4) && (i = x.CreditCardDetector.getInfo(t, n.creditCardStrictMode), n.blocks = i.blocks, n.blocksLength = n.blocks.length, n.maxLength = r.getMaxLength(n.blocks), n.creditCardType !== i.type && (n.creditCardType = i.type, n.onCreditCardTypeChanged.call(e, n.creditCardType)));
   },
   updateValueState: function() {
-    var t = this, e = v.Util, n = t.properties;
+    var t = this, e = x.Util, n = t.properties;
     if (t.element) {
       var r = t.element.selectionEnd, i = t.element.value, o = n.result;
       if (r = e.getNextCursorPosition(r, i, o, n.delimiter, n.delimiters), t.isAndroid) {
@@ -1692,7 +1919,7 @@ v.prototype = {
     t = t != null ? t.toString() : "", n.numeral && (t = t.replace(".", n.numeralDecimalMark)), n.postDelimiterBackspace = !1, e.element.value = t, e.onInput(t);
   },
   getRawValue: function() {
-    var t = this, e = t.properties, n = v.Util, r = t.element.value;
+    var t = this, e = t.properties, n = x.Util, r = t.element.value;
     return e.rawValueTrimPrefix && (r = n.getPrefixStrippedValue(r, e.prefix, e.prefixLength, e.result, e.delimiter, e.delimiters, e.noImmediatePrefix, e.tailPrefix, e.signBeforePrefix)), e.numeral ? r = e.numeralFormatter.getRawValue(r) : r = n.stripDelimiters(r, e.delimiter, e.delimiters), r;
   },
   getISOFormatDate: function() {
@@ -1714,19 +1941,19 @@ v.prototype = {
     return "[Cleave Object]";
   }
 };
-v.NumeralFormatter = cn;
-v.DateFormatter = un;
-v.TimeFormatter = hn;
-v.PhoneFormatter = fn;
-v.CreditCardDetector = mn;
-v.Util = gn;
-v.DefaultProperties = bn;
-(typeof Z == "object" && Z ? Z : window).Cleave = v;
-var at = v, fe = {}, wn = function() {
+x.NumeralFormatter = un;
+x.DateFormatter = hn;
+x.TimeFormatter = fn;
+x.PhoneFormatter = mn;
+x.CreditCardDetector = pn;
+x.Util = yn;
+x.DefaultProperties = wn;
+(typeof Z == "object" && Z ? Z : window).Cleave = x;
+var at = x, fe = {}, vn = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
 }, vt = {}, D = {};
 let Ye;
-const vn = [
+const xn = [
   0,
   // Not used
   26,
@@ -1776,7 +2003,7 @@ D.getSymbolSize = function(e) {
   return e * 4 + 17;
 };
 D.getSymbolTotalCodewords = function(e) {
-  return vn[e];
+  return xn[e];
 };
 D.getBCHDigit = function(t) {
   let e = 0;
@@ -1850,7 +2077,7 @@ xt.prototype = {
     this.buffer.length <= e && this.buffer.push(0), t && (this.buffer[e] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var xn = xt;
+var Sn = xt;
 function me(t) {
   if (!t || t < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -1869,7 +2096,7 @@ me.prototype.xor = function(t, e, n) {
 me.prototype.isReserved = function(t, e) {
   return this.reservedBit[t * this.size + e];
 };
-var Sn = me, St = {};
+var Cn = me, St = {};
 (function(t) {
   const e = D.getSymbolSize;
   t.getRowColCoords = function(r) {
@@ -1889,9 +2116,9 @@ var Sn = me, St = {};
   };
 })(St);
 var Ct = {};
-const Cn = D.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],
@@ -2415,30 +2642,30 @@ Ke.prototype.encode = function(e) {
   }
   return r;
 };
-var kn = Ke, It = {}, O = {}, Qe = {};
+var En = Ke, Pt = {}, z = {}, Qe = {};
 Qe.isValid = function(e) {
   return !isNaN(e) && e >= 1 && e <= 40;
 };
 var R = {};
-const Pt = "[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.NUMERIC = new RegExp(Pt, "g");
-R.ALPHANUMERIC = new RegExp(En, "g");
-const In = new RegExp("^" + ue + "$"), Pn = new RegExp("^" + Pt + "$"), _n = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+R.BYTE = new RegExp(Pn, "g");
+R.NUMERIC = new RegExp(It, "g");
+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 In.test(e);
 };
 R.testNumeric = function(e) {
-  return Pn.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;
@@ -2498,9 +2725,9 @@ R.testAlphanumeric = function(e) {
       return s;
     }
   };
-})(O);
+})(z);
 (function(t) {
-  const e = D, n = ke, r = Ce, i = O, o = Qe, s = 7973, l = e.getBCHDigit(s);
+  const e = D, n = ke, r = Ce, i = z, o = Qe, s = 7973, l = e.getBCHDigit(s);
   function a(f, u, m) {
     for (let g = 1; g <= 40; g++)
       if (u <= t.getCapacity(g, m, f))
@@ -2561,18 +2788,18 @@ R.testAlphanumeric = function(e) {
       m ^= s << e.getBCHDigit(m) - l;
     return u << 12 | m;
   };
-})(It);
+})(Pt);
 var _t = {};
-const Le = D, Dt = 1335, Dn = 21522, dt = Le.getBCHDigit(Dt);
+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 ^= Dt << Le.getBCHDigit(i) - dt;
-  return (r << 10 | i) ^ Dn;
+  return (r << 10 | i) ^ $n;
 };
-var Mt = {};
-const Mn = O;
+var $t = {};
+const Mn = z;
 function W(t) {
   this.mode = Mn.NUMERIC, this.data = t.toString();
 }
@@ -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 $n = W;
-const Tn = O, $e = [
+var Tn = W;
+const Nn = z, Me = [
   "0",
   "1",
   "2",
@@ -2641,7 +2868,7 @@ const Tn = O, $e = [
   ":"
 ];
 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);
@@ -2655,15 +2882,15 @@ X.prototype.getBitsLength = function() {
 X.prototype.write = function(e) {
   let n;
   for (n = 0; n + 2 <= this.data.length; n += 2) {
-    let r = $e.indexOf(this.data[n]) * 45;
-    r += $e.indexOf(this.data[n + 1]), e.put(r, 11);
+    let r = Me.indexOf(this.data[n]) * 45;
+    r += Me.indexOf(this.data[n + 1]), e.put(r, 11);
   }
-  this.data.length % 2 && e.put($e.indexOf(this.data[n]), 6);
+  this.data.length % 2 && e.put(Me.indexOf(this.data[n]), 6);
 };
-var Nn = X;
-const Rn = O;
+var Rn = X;
+const Bn = z;
 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 = D;
+var Fn = ee;
+const Ln = z, 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, $t = { exports: {} };
+var On = te, Mt = { exports: {} };
 (function(t) {
   var e = {
     single_source_shortest_paths: function(n, r, i) {
@@ -2773,10 +3000,10 @@ var Un = te, $t = { exports: {} };
     }
   };
   t.exports = e;
-})($t);
-var zn = $t.exports;
+})(Mt);
+var zn = Mt.exports;
 (function(t) {
-  const e = O, n = $n, r = Nn, i = Bn, o = Un, s = R, l = D, a = zn;
+  const e = z, n = Tn, r = Rn, i = Fn, o = On, s = R, l = D, a = zn;
   function d(b) {
     return unescape(encodeURIComponent(b)).length;
   }
@@ -2795,13 +3022,13 @@ var zn = $t.exports;
   function h(b) {
     const w = c(s.NUMERIC, e.NUMERIC, b), y = c(s.ALPHANUMERIC, e.ALPHANUMERIC, b);
     let p, C;
-    return l.isKanjiModeEnabled() ? (p = c(s.BYTE, e.BYTE, b), C = c(s.KANJI, e.KANJI, b)) : (p = c(s.BYTE_KANJI, e.BYTE, b), C = []), w.concat(y, p, C).sort(function(I, T) {
-      return I.index - T.index;
-    }).map(function(I) {
+    return l.isKanjiModeEnabled() ? (p = c(s.BYTE, e.BYTE, b), C = c(s.KANJI, e.KANJI, b)) : (p = c(s.BYTE_KANJI, e.BYTE, b), C = []), w.concat(y, p, C).sort(function(P, T) {
+      return P.index - T.index;
+    }).map(function(P) {
       return {
-        data: I.data,
-        mode: I.mode,
-        length: I.length
+        data: P.data,
+        mode: P.mode,
+        length: P.length
       };
     });
   }
@@ -2859,12 +3086,12 @@ var zn = $t.exports;
     const y = {}, p = { start: {} };
     let C = ["start"];
     for (let E = 0; E < b.length; E++) {
-      const I = b[E], T = [];
-      for (let F = 0; F < I.length; F++) {
-        const N = I[F], ne = "" + E + F;
+      const P = b[E], T = [];
+      for (let F = 0; F < P.length; F++) {
+        const N = P[F], ne = "" + E + F;
         T.push(ne), y[ne] = { node: N, lastCount: 0 }, p[ne] = {};
-        for (let Ie = 0; Ie < C.length; Ie++) {
-          const B = C[Ie];
+        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));
         }
       }
@@ -2896,19 +3123,19 @@ var zn = $t.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), I = a.find_path(E.map, "start", "end"), T = [];
-    for (let F = 1; F < I.length - 1; F++)
-      T.push(E.table[I[F]].node);
+    const p = h(w, l.isKanjiModeEnabled()), C = m(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));
   }, t.rawSplit = function(w) {
     return t.fromArray(
       h(w, l.isKanjiModeEnabled())
     );
   };
-})(Mt);
-const Ae = D, Te = Ce, On = xn, qn = Sn, Vn = St, Hn = Ct, Ue = kt, ze = ke, jn = kn, xe = It, Yn = _t, Kn = O, Ne = Mt;
-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, Oe = ke, Yn = En, xe = Pt, Kn = _t, Qn = z, 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,28 +3189,28 @@ 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;
+  const i = Ae.getSymbolTotalCodewords(t), o = Oe.getTotalCodewordsCount(t, e), s = (i - o) * 8;
   for (r.getLengthInBits() + 4 <= s && r.put(0, 4); r.getLengthInBits() % 8 !== 0; )
     r.putBit(0);
   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);
+function tr(t, e, n) {
+  const r = Ae.getSymbolTotalCodewords(e), i = Oe.getTotalCodewordsCount(e, n), o = r - i, s = Oe.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 Yn(f);
   let m = 0;
   const g = new Array(s), k = new Array(s);
   let b = 0;
   const w = new Uint8Array(t.buffer);
-  for (let I = 0; I < s; I++) {
-    const T = I < a ? c : h;
-    g[I] = w.slice(m, m + T), k[I] = u.encode(g[I]), m += T, b = Math.max(b, T);
+  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);
   }
   const y = new Uint8Array(r);
   let p = 0, C, E;
@@ -2995,7 +3222,7 @@ function er(t, e, n) {
       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) {
@@ -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 + '"', f = '<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;
 };
-const ir = wn, Oe = vt, Rt = Tt, or = Nt;
+const or = vn, ze = 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)
@@ -3151,7 +3378,7 @@ function Ge(t, e, n, r, i) {
       throw new Error("Too few arguments provided");
     return s === 1 ? (n = e, e = r = void 0) : s === 2 && !e.getContext && (r = n, n = e, e = void 0), new Promise(function(a, d) {
       try {
-        const c = Oe.create(n, r);
+        const c = ze.create(n, r);
         a(t(c, e, r));
       } catch (c) {
         d(c);
@@ -3159,31 +3386,31 @@ function Ge(t, e, n, r, i) {
     });
   }
   try {
-    const a = Oe.create(n, r);
+    const a = ze.create(n, r);
     i(null, t(a, e, r));
   } catch (a) {
     i(a);
   }
 }
-fe.create = Oe.create;
+fe.create = ze.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);
+  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 x = class extends se {
+let v = class extends se {
   constructor() {
     super(...arguments), this.currentState = { status: "idle" }, this.selectedMethod = null, this.cardFormData = {
       cardNumber: "",
       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.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.handle3DSPostMessage = (t) => {
       t.data === "ON_AWX_3DS_START_PAGE_LEAVE" && (this.leaveEventsCounter++, this.leaveEventsCounter > 1 && this.handle3DSComplete());
     };
   }
@@ -3249,7 +3476,31 @@ let x = 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 },
@@ -3313,7 +3564,7 @@ let x = class extends se {
     this.paymentLocked || (this.selectedMethod = t);
   }
   handleQRScanned() {
-    this.qrAutoResumeTimer !== null && (clearTimeout(this.qrAutoResumeTimer), this.qrAutoResumeTimer = null), this.sdk && this.sdk.resumePolling();
+    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();
@@ -3590,12 +3841,13 @@ let x = class extends se {
           </div>
 
           <button
-            class="scanned-button"
+            class="scanned-button ${this.qrPollingInProgress ? "loading" : ""}"
             @click=${() => {
       this.handleQRScanned();
     }}
+            ?disabled=${this.qrPollingInProgress}
           >
-            I Have Scanned the QR Code
+            ${this.qrPollingInProgress ? "Verifying..." : "I Have Scanned the QR Code"}
           </button>
         </div>
       ` : A`
@@ -3732,7 +3984,7 @@ let x = class extends se {
     `;
   }
 };
-x.styles = Ft`
+v.styles = Ft`
     :host {
       display: block;
       font-family:
@@ -4997,87 +5249,90 @@ x.styles = Ft`
     }
   `;
 S([
-  $({ type: Object })
-], x.prototype, "config", 2);
+  M({ type: Object })
+], v.prototype, "config", 2);
 S([
-  $({ type: Object })
-], x.prototype, "adapters", 2);
+  M({ type: Object })
+], v.prototype, "adapters", 2);
 S([
-  $({ type: Number })
-], x.prototype, "amount", 2);
+  M({ type: Number })
+], v.prototype, "amount", 2);
 S([
-  $({ type: String })
-], x.prototype, "currency", 2);
+  M({ type: String })
+], v.prototype, "currency", 2);
 S([
-  $({ type: String })
-], x.prototype, "orderId", 2);
+  M({ type: String })
+], v.prototype, "orderId", 2);
 S([
-  $({ type: String })
-], x.prototype, "firstName", 2);
+  M({ type: String })
+], v.prototype, "firstName", 2);
 S([
-  $({ type: String })
-], x.prototype, "lastName", 2);
+  M({ type: String })
+], v.prototype, "lastName", 2);
 S([
-  $({ type: String })
-], x.prototype, "email", 2);
+  M({ type: String })
+], v.prototype, "email", 2);
 S([
-  $({ type: Array })
-], x.prototype, "excludePaymentMethods", 2);
+  M({ type: Array })
+], v.prototype, "excludePaymentMethods", 2);
 S([
-  $({ type: String })
-], x.prototype, "width", 2);
+  M({ type: String })
+], v.prototype, "width", 2);
 S([
-  $({ type: String })
-], x.prototype, "maxWidth", 2);
+  M({ type: String })
+], v.prototype, "maxWidth", 2);
+S([
+  _()
+], v.prototype, "currentState", 2);
 S([
   _()
-], x.prototype, "currentState", 2);
+], v.prototype, "selectedMethod", 2);
 S([
   _()
-], x.prototype, "selectedMethod", 2);
+], v.prototype, "cardFormData", 2);
 S([
   _()
-], x.prototype, "cardFormData", 2);
+], v.prototype, "formErrors", 2);
 S([
   _()
-], x.prototype, "formErrors", 2);
+], v.prototype, "paymentData", 2);
 S([
   _()
-], x.prototype, "paymentData", 2);
+], v.prototype, "feesExpanded", 2);
 S([
   _()
-], x.prototype, "feesExpanded", 2);
+], v.prototype, "isInitializing", 2);
 S([
   _()
-], x.prototype, "isInitializing", 2);
+], v.prototype, "cardBrand", 2);
 S([
   _()
-], x.prototype, "cardBrand", 2);
+], v.prototype, "paymentLocked", 2);
 S([
   _()
-], x.prototype, "paymentLocked", 2);
+], v.prototype, "show3DSModal", 2);
 S([
   _()
-], x.prototype, "show3DSModal", 2);
+], v.prototype, "showQRModal", 2);
 S([
   _()
-], x.prototype, "showQRModal", 2);
+], v.prototype, "nextActionUrl", 2);
 S([
   _()
-], x.prototype, "nextActionUrl", 2);
+], v.prototype, "qrCode", 2);
 S([
   _()
-], x.prototype, "qrCode", 2);
+], v.prototype, "qrCodeDataUrl", 2);
 S([
   _()
-], x.prototype, "qrCodeDataUrl", 2);
+], v.prototype, "qrAutoResumeTimer", 2);
 S([
   _()
-], x.prototype, "qrAutoResumeTimer", 2);
-x = S([
+], v.prototype, "qrPollingInProgress", 2);
+v = S([
   nn("one-payment")
-], x);
+], v);
 export {
-  x as OnePayment,
-  x as OnePaymentElement
+  v as OnePayment,
+  v as OnePaymentElement
 };