coinley-checkout 0.1.0 → 0.1.2

package/dist/coinley-checkout.es.js

@@ -1,5 +1,5 @@
-import Qe, { createContext as Ze, useContext as Be, useState as O, useEffect as B, forwardRef as pr, useImperativeHandle as Nr } from "react";
-var Te = { exports: {} }, oe = {};
+import We, { createContext as Be, useContext as Ze, useState as O, useEffect as X, forwardRef as pt, useImperativeHandle as vt } from "react";
+var De = { exports: {} }, le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -9,25 +9,25 @@ var Te = { exports: {} }, oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var We;
-function vr() {
-  if (We)
-    return oe;
-  We = 1;
-  var n = Qe, a = Symbol.for("react.element"), i = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, x = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function j(S, o, D) {
-    var y, T = {}, P = null, N = null;
-    D !== void 0 && (P = "" + D), o.key !== void 0 && (P = "" + o.key), o.ref !== void 0 && (N = o.ref);
-    for (y in o)
-      l.call(o, y) && !f.hasOwnProperty(y) && (T[y] = o[y]);
-    if (S && S.defaultProps)
-      for (y in o = S.defaultProps, o)
-        T[y] === void 0 && (T[y] = o[y]);
-    return { $$typeof: a, type: S, key: P, ref: N, props: T, _owner: x.current };
+var Qe;
+function Nt() {
+  if (Qe)
+    return le;
+  Qe = 1;
+  var a = We, n = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function s(y, i, N) {
+    var x, T = {}, $ = null, L = null;
+    N !== void 0 && ($ = "" + N), i.key !== void 0 && ($ = "" + i.key), i.ref !== void 0 && (L = i.ref);
+    for (x in i)
+      c.call(i, x) && !f.hasOwnProperty(x) && (T[x] = i[x]);
+    if (y && y.defaultProps)
+      for (x in i = y.defaultProps, i)
+        T[x] === void 0 && (T[x] = i[x]);
+    return { $$typeof: n, type: y, key: $, ref: L, props: T, _owner: u.current };
   }
-  return oe.Fragment = i, oe.jsx = j, oe.jsxs = j, oe;
+  return le.Fragment = l, le.jsx = s, le.jsxs = s, le;
 }
-var ie = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,53 +38,53 @@ var ie = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ge;
-function br() {
+function bt() {
   return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Qe, a = Symbol.for("react.element"), i = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), S = Symbol.for("react.context"), o = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), R = Symbol.iterator, z = "@@iterator";
-    function W(e) {
+    var a = We, n = Symbol.for("react.element"), l = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), y = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), z = Symbol.iterator, U = "@@iterator";
+    function G(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = R && e[R] || e[z];
-      return typeof t == "function" ? t : null;
+      var r = z && e[z] || e[U];
+      return typeof r == "function" ? r : null;
     }
-    var I = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var D = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function v(e) {
       {
-        for (var t = arguments.length, s = new Array(t > 1 ? t - 1 : 0), c = 1; c < t; c++)
-          s[c - 1] = arguments[c];
-        K("error", e, s);
+        for (var r = arguments.length, o = new Array(r > 1 ? r - 1 : 0), d = 1; d < r; d++)
+          o[d - 1] = arguments[d];
+        se("error", e, o);
       }
     }
-    function K(e, t, s) {
+    function se(e, r, o) {
       {
-        var c = I.ReactDebugCurrentFrame, M = c.getStackAddendum();
-        M !== "" && (t += "%s", s = s.concat([M]));
-        var m = s.map(function(g) {
-          return String(g);
+        var d = D.ReactDebugCurrentFrame, j = d.getStackAddendum();
+        j !== "" && (r += "%s", o = o.concat([j]));
+        var w = o.map(function(M) {
+          return String(M);
         });
-        m.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, m);
+        w.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, w);
       }
     }
-    var _ = !1, H = !1, ee = !1, re = !1, Y = !1, V;
-    V = Symbol.for("react.module.reference");
-    function Q(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === f || Y || e === x || e === D || e === y || re || e === N || _ || H || ee || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === T || e.$$typeof === j || e.$$typeof === S || e.$$typeof === o || // This needs to include all possible module reference object
+    var F = !1, W = !1, J = !1, oe = !1, Y = !1, K;
+    K = Symbol.for("react.module.reference");
+    function B(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === c || e === f || Y || e === u || e === N || e === x || oe || e === L || F || W || J || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === T || e.$$typeof === s || e.$$typeof === y || e.$$typeof === i || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === V || e.getModuleId !== void 0));
+      e.$$typeof === K || e.getModuleId !== void 0));
     }
-    function G(e, t, s) {
-      var c = e.displayName;
-      if (c)
-        return c;
-      var M = t.displayName || t.name || "";
-      return M !== "" ? s + "(" + M + ")" : s;
+    function ee(e, r, o) {
+      var d = e.displayName;
+      if (d)
+        return d;
+      var j = r.displayName || r.name || "";
+      return j !== "" ? o + "(" + j + ")" : o;
     }
-    function U(e) {
+    function _(e) {
       return e.displayName || "Context";
     }
-    function h(e) {
+    function I(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -92,36 +92,36 @@ function br() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case l:
+        case c:
           return "Fragment";
-        case i:
+        case l:
           return "Portal";
         case f:
           return "Profiler";
-        case x:
+        case u:
           return "StrictMode";
-        case D:
+        case N:
           return "Suspense";
-        case y:
+        case x:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case S:
-            var t = e;
-            return U(t) + ".Consumer";
-          case j:
-            var s = e;
-            return U(s._context) + ".Provider";
-          case o:
-            return G(e, e.render, "ForwardRef");
+          case y:
+            var r = e;
+            return _(r) + ".Consumer";
+          case s:
+            var o = e;
+            return _(o._context) + ".Provider";
+          case i:
+            return ee(e, e.render, "ForwardRef");
           case T:
-            var c = e.displayName || null;
-            return c !== null ? c : h(e.type) || "Memo";
-          case P: {
-            var M = e, m = M._payload, g = M._init;
+            var d = e.displayName || null;
+            return d !== null ? d : I(e.type) || "Memo";
+          case $: {
+            var j = e, w = j._payload, M = j._init;
             try {
-              return h(g(m));
+              return I(M(w));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function br() {
         }
       return null;
     }
-    var $ = Object.assign, w = 0, ce, te, le, ne, ue, u, b;
-    function de() {
+    var E = Object.assign, p = 0, H, Z, q, C, de, m, h;
+    function fe() {
     }
-    de.__reactDisabledLog = !0;
-    function xe() {
+    fe.__reactDisabledLog = !0;
+    function me() {
       {
-        if (w === 0) {
-          ce = console.log, te = console.info, le = console.warn, ne = console.error, ue = console.group, u = console.groupCollapsed, b = console.groupEnd;
+        if (p === 0) {
+          H = console.log, Z = console.info, q = console.warn, C = console.error, de = console.group, m = console.groupCollapsed, h = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: de,
+            value: fe,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,208 +153,208 @@ function br() {
             groupEnd: e
           });
         }
-        w++;
+        p++;
       }
     }
-    function fe() {
+    function he() {
       {
-        if (w--, w === 0) {
+        if (p--, p === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, e, {
-              value: ce
+            log: E({}, e, {
+              value: H
             }),
-            info: $({}, e, {
-              value: te
+            info: E({}, e, {
+              value: Z
             }),
-            warn: $({}, e, {
-              value: le
+            warn: E({}, e, {
+              value: q
             }),
-            error: $({}, e, {
-              value: ne
+            error: E({}, e, {
+              value: C
             }),
-            group: $({}, e, {
-              value: ue
+            group: E({}, e, {
+              value: de
             }),
-            groupCollapsed: $({}, e, {
-              value: u
+            groupCollapsed: E({}, e, {
+              value: m
             }),
-            groupEnd: $({}, e, {
-              value: b
+            groupEnd: E({}, e, {
+              value: h
             })
           });
         }
-        w < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        p < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = I.ReactCurrentDispatcher, je;
-    function ge(e, t, s) {
+    var te = D.ReactCurrentDispatcher, je;
+    function ge(e, r, o) {
       {
         if (je === void 0)
           try {
             throw Error();
-          } catch (M) {
-            var c = M.stack.trim().match(/\n( *(at )?)/);
-            je = c && c[1] || "";
+          } catch (j) {
+            var d = j.stack.trim().match(/\n( *(at )?)/);
+            je = d && d[1] || "";
           }
         return `
 ` + je + e;
       }
     }
-    var we = !1, Me;
+    var we = !1, ye;
     {
-      var Je = typeof WeakMap == "function" ? WeakMap : Map;
-      Me = new Je();
+      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
+      ye = new Ve();
     }
-    function Ie(e, t) {
+    function Ce(e, r) {
       if (!e || we)
         return "";
       {
-        var s = Me.get(e);
-        if (s !== void 0)
-          return s;
+        var o = ye.get(e);
+        if (o !== void 0)
+          return o;
       }
-      var c;
+      var d;
       we = !0;
-      var M = Error.prepareStackTrace;
+      var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var m;
-      m = he.current, he.current = null, xe();
+      var w;
+      w = te.current, te.current = null, me();
       try {
-        if (t) {
-          var g = function() {
+        if (r) {
+          var M = function() {
             throw Error();
           };
-          if (Object.defineProperty(g.prototype, "props", {
+          if (Object.defineProperty(M.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(g, []);
-            } catch (E) {
-              c = E;
+              Reflect.construct(M, []);
+            } catch (k) {
+              d = k;
             }
-            Reflect.construct(e, [], g);
+            Reflect.construct(e, [], M);
           } else {
             try {
-              g.call();
-            } catch (E) {
-              c = E;
+              M.call();
+            } catch (k) {
+              d = k;
             }
-            e.call(g.prototype);
+            e.call(M.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (E) {
-            c = E;
+          } catch (k) {
+            d = k;
           }
           e();
         }
-      } catch (E) {
-        if (E && c && typeof E.stack == "string") {
-          for (var d = E.stack.split(`
-`), C = c.stack.split(`
-`), p = d.length - 1, L = C.length - 1; p >= 1 && L >= 0 && d[p] !== C[L]; )
-            L--;
-          for (; p >= 1 && L >= 0; p--, L--)
-            if (d[p] !== C[L]) {
-              if (p !== 1 || L !== 1)
+      } catch (k) {
+        if (k && d && typeof k.stack == "string") {
+          for (var g = k.stack.split(`
+`), A = d.stack.split(`
+`), b = g.length - 1, S = A.length - 1; b >= 1 && S >= 0 && g[b] !== A[S]; )
+            S--;
+          for (; b >= 1 && S >= 0; b--, S--)
+            if (g[b] !== A[S]) {
+              if (b !== 1 || S !== 1)
                 do
-                  if (p--, L--, L < 0 || d[p] !== C[L]) {
-                    var A = `
-` + d[p].replace(" at new ", " at ");
-                    return e.displayName && A.includes("<anonymous>") && (A = A.replace("<anonymous>", e.displayName)), typeof e == "function" && Me.set(e, A), A;
+                  if (b--, S--, S < 0 || g[b] !== A[S]) {
+                    var R = `
+` + g[b].replace(" at new ", " at ");
+                    return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && ye.set(e, R), R;
                   }
-                while (p >= 1 && L >= 0);
+                while (b >= 1 && S >= 0);
               break;
             }
         }
       } finally {
-        we = !1, he.current = m, fe(), Error.prepareStackTrace = M;
+        we = !1, te.current = w, he(), Error.prepareStackTrace = j;
       }
-      var q = e ? e.displayName || e.name : "", Z = q ? ge(q) : "";
-      return typeof e == "function" && Me.set(e, Z), Z;
+      var ae = e ? e.displayName || e.name : "", V = ae ? ge(ae) : "";
+      return typeof e == "function" && ye.set(e, V), V;
     }
-    function qe(e, t, s) {
-      return Ie(e, !1);
+    function Xe(e, r, o) {
+      return Ce(e, !1);
     }
-    function Xe(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
+    function Je(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
     }
-    function ye(e, t, s) {
+    function Me(e, r, o) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Ie(e, Xe(e));
+        return Ce(e, Je(e));
       if (typeof e == "string")
         return ge(e);
       switch (e) {
-        case D:
+        case N:
           return ge("Suspense");
-        case y:
+        case x:
           return ge("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case o:
-            return qe(e.render);
+          case i:
+            return Xe(e.render);
           case T:
-            return ye(e.type, t, s);
-          case P: {
-            var c = e, M = c._payload, m = c._init;
+            return Me(e.type, r, o);
+          case $: {
+            var d = e, j = d._payload, w = d._init;
             try {
-              return ye(m(M), t, s);
+              return Me(w(j), r, o);
             } catch {
             }
           }
         }
       return "";
     }
-    var ae = Object.prototype.hasOwnProperty, Ce = {}, Ee = I.ReactDebugCurrentFrame;
-    function me(e) {
+    var ie = Object.prototype.hasOwnProperty, Ae = {}, Ie = D.ReactDebugCurrentFrame;
+    function xe(e) {
       if (e) {
-        var t = e._owner, s = ye(e.type, e._source, t ? t.type : null);
-        Ee.setExtraStackFrame(s);
+        var r = e._owner, o = Me(e.type, e._source, r ? r.type : null);
+        Ie.setExtraStackFrame(o);
       } else
-        Ee.setExtraStackFrame(null);
+        Ie.setExtraStackFrame(null);
     }
-    function Ke(e, t, s, c, M) {
+    function Ke(e, r, o, d, j) {
       {
-        var m = Function.call.bind(ae);
-        for (var g in e)
-          if (m(e, g)) {
-            var d = void 0;
+        var w = Function.call.bind(ie);
+        for (var M in e)
+          if (w(e, M)) {
+            var g = void 0;
             try {
-              if (typeof e[g] != "function") {
-                var C = Error((c || "React class") + ": " + s + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw C.name = "Invariant Violation", C;
+              if (typeof e[M] != "function") {
+                var A = Error((d || "React class") + ": " + o + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw A.name = "Invariant Violation", A;
               }
-              d = e[g](t, g, c, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (p) {
-              d = p;
+              g = e[M](r, M, d, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (b) {
+              g = b;
             }
-            d && !(d instanceof Error) && (me(M), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", s, g, typeof d), me(null)), d instanceof Error && !(d.message in Ce) && (Ce[d.message] = !0, me(M), v("Failed %s type: %s", s, d.message), me(null));
+            g && !(g instanceof Error) && (xe(j), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", o, M, typeof g), xe(null)), g instanceof Error && !(g.message in Ae) && (Ae[g.message] = !0, xe(j), v("Failed %s type: %s", o, g.message), xe(null));
           }
       }
     }
-    var er = Array.isArray;
+    var et = Array.isArray;
     function pe(e) {
-      return er(e);
+      return et(e);
     }
-    function rr(e) {
+    function tt(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, s = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return s;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, o = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o;
       }
     }
-    function tr(e) {
+    function rt(e) {
       try {
         return ke(e), !1;
       } catch {
@@ -364,125 +364,125 @@ function br() {
     function ke(e) {
       return "" + e;
     }
-    function Ae(e) {
-      if (tr(e))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), ke(e);
+    function Ee(e) {
+      if (rt(e))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", tt(e)), ke(e);
     }
-    var se = I.ReactCurrentOwner, nr = {
+    var ce = D.ReactCurrentOwner, at = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Oe, Pe, Ne;
-    Ne = {};
-    function ar(e) {
-      if (ae.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
+    }, Oe, Pe, ve;
+    ve = {};
+    function nt(e) {
+      if (ie.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function sr(e) {
-      if (ae.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
+    function st(e) {
+      if (ie.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function or(e, t) {
-      if (typeof e.ref == "string" && se.current && t && se.current.stateNode !== t) {
-        var s = h(se.current.type);
-        Ne[s] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', h(se.current.type), e.ref), Ne[s] = !0);
+    function ot(e, r) {
+      if (typeof e.ref == "string" && ce.current && r && ce.current.stateNode !== r) {
+        var o = I(ce.current.type);
+        ve[o] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', I(ce.current.type), e.ref), ve[o] = !0);
       }
     }
-    function ir(e, t) {
+    function it(e, r) {
       {
-        var s = function() {
-          Oe || (Oe = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        var o = function() {
+          Oe || (Oe = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        s.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: s,
+        o.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: o,
           configurable: !0
         });
       }
     }
-    function cr(e, t) {
+    function ct(e, r) {
       {
-        var s = function() {
-          Pe || (Pe = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+        var o = function() {
+          Pe || (Pe = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
-        s.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: s,
+        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: o,
           configurable: !0
         });
       }
     }
-    var lr = function(e, t, s, c, M, m, g) {
-      var d = {
+    var lt = function(e, r, o, d, j, w, M) {
+      var g = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: a,
+        $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
-        key: t,
-        ref: s,
-        props: g,
+        key: r,
+        ref: o,
+        props: M,
         // Record the component responsible for creating this element.
-        _owner: m
+        _owner: w
       };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
+      return g._store = {}, Object.defineProperty(g._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(d, "_self", {
+      }), Object.defineProperty(g, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: c
-      }), Object.defineProperty(d, "_source", {
+        value: d
+      }), Object.defineProperty(g, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: M
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+        value: j
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function ur(e, t, s, c, M) {
+    function ut(e, r, o, d, j) {
       {
-        var m, g = {}, d = null, C = null;
-        s !== void 0 && (Ae(s), d = "" + s), sr(t) && (Ae(t.key), d = "" + t.key), ar(t) && (C = t.ref, or(t, M));
-        for (m in t)
-          ae.call(t, m) && !nr.hasOwnProperty(m) && (g[m] = t[m]);
+        var w, M = {}, g = null, A = null;
+        o !== void 0 && (Ee(o), g = "" + o), st(r) && (Ee(r.key), g = "" + r.key), nt(r) && (A = r.ref, ot(r, j));
+        for (w in r)
+          ie.call(r, w) && !at.hasOwnProperty(w) && (M[w] = r[w]);
         if (e && e.defaultProps) {
-          var p = e.defaultProps;
-          for (m in p)
-            g[m] === void 0 && (g[m] = p[m]);
+          var b = e.defaultProps;
+          for (w in b)
+            M[w] === void 0 && (M[w] = b[w]);
         }
-        if (d || C) {
-          var L = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && ir(g, L), C && cr(g, L);
+        if (g || A) {
+          var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          g && it(M, S), A && ct(M, S);
         }
-        return lr(e, d, C, M, c, se.current, g);
+        return lt(e, g, A, j, d, ce.current, M);
       }
     }
-    var ve = I.ReactCurrentOwner, Re = I.ReactDebugCurrentFrame;
-    function J(e) {
+    var Ne = D.ReactCurrentOwner, Re = D.ReactDebugCurrentFrame;
+    function re(e) {
       if (e) {
-        var t = e._owner, s = ye(e.type, e._source, t ? t.type : null);
-        Re.setExtraStackFrame(s);
+        var r = e._owner, o = Me(e.type, e._source, r ? r.type : null);
+        Re.setExtraStackFrame(o);
       } else
         Re.setExtraStackFrame(null);
     }
     var be;
     be = !1;
     function Le(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === a;
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function ze() {
+    function $e() {
       {
-        if (ve.current) {
-          var e = h(ve.current.type);
+        if (Ne.current) {
+          var e = I(Ne.current.type);
           if (e)
             return `
 
@@ -491,268 +491,268 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function dr(e) {
+    function dt(e) {
       {
         if (e !== void 0) {
-          var t = e.fileName.replace(/^.*[\\\/]/, ""), s = e.lineNumber;
+          var r = e.fileName.replace(/^.*[\\\/]/, ""), o = e.lineNumber;
           return `
 
-Check your code at ` + t + ":" + s + ".";
+Check your code at ` + r + ":" + o + ".";
         }
         return "";
       }
     }
-    var _e = {};
-    function fr(e) {
+    var ze = {};
+    function ft(e) {
       {
-        var t = ze();
-        if (!t) {
-          var s = typeof e == "string" ? e : e.displayName || e.name;
-          s && (t = `
+        var r = $e();
+        if (!r) {
+          var o = typeof e == "string" ? e : e.displayName || e.name;
+          o && (r = `
 
-Check the top-level render call using <` + s + ">.");
+Check the top-level render call using <` + o + ">.");
         }
-        return t;
+        return r;
       }
     }
-    function Ye(e, t) {
+    function Ue(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var s = fr(t);
-        if (_e[s])
+        var o = ft(r);
+        if (ze[o])
           return;
-        _e[s] = !0;
-        var c = "";
-        e && e._owner && e._owner !== ve.current && (c = " It was passed a child from " + h(e._owner.type) + "."), J(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, c), J(null);
+        ze[o] = !0;
+        var d = "";
+        e && e._owner && e._owner !== Ne.current && (d = " It was passed a child from " + I(e._owner.type) + "."), re(e), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, d), re(null);
       }
     }
-    function Ue(e, t) {
+    function Ye(e, r) {
       {
         if (typeof e != "object")
           return;
         if (pe(e))
-          for (var s = 0; s < e.length; s++) {
-            var c = e[s];
-            Le(c) && Ye(c, t);
+          for (var o = 0; o < e.length; o++) {
+            var d = e[o];
+            Le(d) && Ue(d, r);
           }
         else if (Le(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var M = W(e);
-          if (typeof M == "function" && M !== e.entries)
-            for (var m = M.call(e), g; !(g = m.next()).done; )
-              Le(g.value) && Ye(g.value, t);
+          var j = G(e);
+          if (typeof j == "function" && j !== e.entries)
+            for (var w = j.call(e), M; !(M = w.next()).done; )
+              Le(M.value) && Ue(M.value, r);
         }
       }
     }
-    function gr(e) {
+    function gt(e) {
       {
-        var t = e.type;
-        if (t == null || typeof t == "string")
+        var r = e.type;
+        if (r == null || typeof r == "string")
           return;
-        var s;
-        if (typeof t == "function")
-          s = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === o || // Note: Memo only checks outer props here.
+        var o;
+        if (typeof r == "function")
+          o = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === T))
-          s = t.propTypes;
+        r.$$typeof === T))
+          o = r.propTypes;
         else
           return;
-        if (s) {
-          var c = h(t);
-          Ke(s, e.props, "prop", c, e);
-        } else if (t.PropTypes !== void 0 && !be) {
+        if (o) {
+          var d = I(r);
+          Ke(o, e.props, "prop", d, e);
+        } else if (r.PropTypes !== void 0 && !be) {
           be = !0;
-          var M = h(t);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
+          var j = I(r);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Mr(e) {
+    function yt(e) {
       {
-        for (var t = Object.keys(e.props), s = 0; s < t.length; s++) {
-          var c = t[s];
-          if (c !== "children" && c !== "key") {
-            J(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), J(null);
+        for (var r = Object.keys(e.props), o = 0; o < r.length; o++) {
+          var d = r[o];
+          if (d !== "children" && d !== "key") {
+            re(e), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), re(null);
             break;
           }
         }
-        e.ref !== null && (J(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), J(null));
+        e.ref !== null && (re(e), v("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
       }
     }
-    var $e = {};
-    function Fe(e, t, s, c, M, m) {
+    var Fe = {};
+    function _e(e, r, o, d, j, w) {
       {
-        var g = Q(e);
-        if (!g) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var C = dr(M);
-          C ? d += C : d += ze();
-          var p;
-          e === null ? p = "null" : pe(e) ? p = "array" : e !== void 0 && e.$$typeof === a ? (p = "<" + (h(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : p = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, d);
+        var M = B(e);
+        if (!M) {
+          var g = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var A = dt(j);
+          A ? g += A : g += $e();
+          var b;
+          e === null ? b = "null" : pe(e) ? b = "array" : e !== void 0 && e.$$typeof === n ? (b = "<" + (I(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : b = typeof e, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, g);
         }
-        var L = ur(e, t, s, M, m);
-        if (L == null)
-          return L;
-        if (g) {
-          var A = t.children;
-          if (A !== void 0)
-            if (c)
-              if (pe(A)) {
-                for (var q = 0; q < A.length; q++)
-                  Ue(A[q], e);
-                Object.freeze && Object.freeze(A);
+        var S = ut(e, r, o, j, w);
+        if (S == null)
+          return S;
+        if (M) {
+          var R = r.children;
+          if (R !== void 0)
+            if (d)
+              if (pe(R)) {
+                for (var ae = 0; ae < R.length; ae++)
+                  Ye(R[ae], e);
+                Object.freeze && Object.freeze(R);
               } else
                 v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Ue(A, e);
+              Ye(R, e);
         }
-        if (ae.call(t, "key")) {
-          var Z = h(e), E = Object.keys(t).filter(function(wr) {
-            return wr !== "key";
-          }), Se = E.length > 0 ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!$e[Z + Se]) {
-            var jr = E.length > 0 ? "{" + E.join(": ..., ") + ": ...}" : "{}";
+        if (ie.call(r, "key")) {
+          var V = I(e), k = Object.keys(r).filter(function(wt) {
+            return wt !== "key";
+          }), Se = k.length > 0 ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Fe[V + Se]) {
+            var jt = k.length > 0 ? "{" + k.join(": ..., ") + ": ...}" : "{}";
             v(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Se, Z, jr, Z), $e[Z + Se] = !0;
+  <%s key={someKey} {...props} />`, Se, V, jt, V), Fe[V + Se] = !0;
           }
         }
-        return e === l ? Mr(L) : gr(L), L;
+        return e === c ? yt(S) : gt(S), S;
       }
     }
-    function yr(e, t, s) {
-      return Fe(e, t, s, !0);
+    function Mt(e, r, o) {
+      return _e(e, r, o, !0);
     }
-    function mr(e, t, s) {
-      return Fe(e, t, s, !1);
+    function xt(e, r, o) {
+      return _e(e, r, o, !1);
     }
-    var xr = mr, hr = yr;
-    ie.Fragment = l, ie.jsx = xr, ie.jsxs = hr;
-  }()), ie;
+    var mt = xt, ht = Mt;
+    ue.Fragment = c, ue.jsx = mt, ue.jsxs = ht;
+  }()), ue;
 }
-process.env.NODE_ENV === "production" ? Te.exports = vr() : Te.exports = br();
-var r = Te.exports;
-const He = Ze(), Lr = () => Be(He), zr = ({ initialTheme: n = "light", children: a }) => {
-  const [i, l] = O(n), x = () => {
-    l((f) => f === "light" ? "dark" : "light");
+process.env.NODE_ENV === "production" ? De.exports = Nt() : De.exports = bt();
+var t = De.exports;
+const He = Be(), Lt = () => Ze(He), Ut = ({ initialTheme: a = "light", children: n }) => {
+  const [l, c] = O(a), u = () => {
+    c((f) => f === "light" ? "dark" : "light");
   };
-  return B(() => {
-    document.documentElement.classList.remove("light", "dark"), document.documentElement.classList.add(i);
-  }, [i]), /* @__PURE__ */ r.jsx(He.Provider, { value: { theme: i, setTheme: l, toggleTheme: x }, children: a });
+  return X(() => {
+    document.documentElement.classList.remove("light", "dark"), document.documentElement.classList.add(l);
+  }, [l]), /* @__PURE__ */ t.jsx(He.Provider, { value: { theme: l, setTheme: c, toggleTheme: u }, children: n });
 };
-let k = {
+let P = {
   apiKey: null,
   apiSecret: null,
-  apiUrl: "http://localhost:9000"
+  apiUrl: "https://coinleyserver-production.up.railway.app"
 };
-const Sr = (n) => {
-  k = { ...k, ...n }, console.log("API initialized with:", k);
-}, X = () => ({
+const St = (a) => {
+  P = { ...P, ...a }, console.log("API initialized with:", P);
+}, ne = () => ({
   "Content-Type": "application/json",
-  "x-api-key": k.apiKey,
-  "x-api-secret": k.apiSecret
-}), Dr = async (n) => {
+  "x-api-key": P.apiKey,
+  "x-api-secret": P.apiSecret
+}), Tt = async (a) => {
   try {
-    console.log("Creating payment with data:", n), console.log("API URL:", `${k.apiUrl}/api/payments/create`);
-    const a = await fetch(`${k.apiUrl}/api/payments/create`, {
+    console.log("Creating payment with data:", a), console.log("API URL:", `${P.apiUrl}/api/payments/create`);
+    const n = await fetch(`${P.apiUrl}/api/payments/create`, {
       method: "POST",
-      headers: X(),
-      body: JSON.stringify(n)
+      headers: ne(),
+      body: JSON.stringify(a)
     });
-    if (console.log("Create payment response status:", a.status), !a.ok) {
-      const l = await a.json();
-      throw console.error("Error creating payment:", l), new Error(l.error || `Failed to create payment: ${a.status}`);
+    if (console.log("Create payment response status:", n.status), !n.ok) {
+      const c = await n.json();
+      throw console.error("Error creating payment:", c), new Error(c.error || `Failed to create payment: ${n.status}`);
     }
-    const i = await a.json();
-    return console.log("Create payment response data:", i), i;
-  } catch (a) {
-    throw console.error("Create payment error:", a), a;
+    const l = await n.json();
+    return console.log("Create payment response data:", l), l;
+  } catch (n) {
+    throw console.error("Create payment error:", n), n;
   }
-}, _r = async (n) => {
+}, Yt = async (a) => {
   try {
-    console.log("Getting payment:", n);
-    const a = await fetch(`${k.apiUrl}/api/payments/${n}`, {
+    console.log("Getting payment:", a);
+    const n = await fetch(`${P.apiUrl}/api/payments/${a}`, {
       method: "GET",
-      headers: X()
+      headers: ne()
     });
-    if (!a.ok) {
-      const l = await a.json();
-      throw console.error("Error getting payment:", l), new Error(l.error || `Failed to get payment: ${a.status}`);
+    if (!n.ok) {
+      const c = await n.json();
+      throw console.error("Error getting payment:", c), new Error(c.error || `Failed to get payment: ${n.status}`);
     }
-    const i = await a.json();
-    return console.log("Get payment response:", i), i;
-  } catch (a) {
-    throw console.error("Get payment error:", a), a;
+    const l = await n.json();
+    return console.log("Get payment response:", l), l;
+  } catch (n) {
+    throw console.error("Get payment error:", n), n;
   }
-}, Tr = async (n) => {
+}, Dt = async (a) => {
   try {
-    console.log("Processing payment with data:", n), console.log("API URL:", `${k.apiUrl}/api/payments/process`);
-    const a = await fetch(`${k.apiUrl}/api/payments/process`, {
+    console.log("Processing payment with data:", a), console.log("API URL:", `${P.apiUrl}/api/payments/process`);
+    const n = await fetch(`${P.apiUrl}/api/payments/process`, {
       method: "POST",
-      headers: X(),
-      body: JSON.stringify(n)
+      headers: ne(),
+      body: JSON.stringify(a)
     });
-    if (console.log("Process payment response status:", a.status), !a.ok) {
-      const l = await a.json();
-      throw console.error("Error processing payment:", l), new Error(l.error || `Failed to process payment: ${a.status}`);
+    if (console.log("Process payment response status:", n.status), !n.ok) {
+      const c = await n.json();
+      throw console.error("Error processing payment:", c), new Error(c.error || `Failed to process payment: ${n.status}`);
     }
-    const i = await a.json();
-    return console.log("Process payment response data:", i), i;
-  } catch (a) {
-    throw console.error("Process payment error:", a), a;
+    const l = await n.json();
+    return console.log("Process payment response data:", l), l;
+  } catch (n) {
+    throw console.error("Process payment error:", n), n;
   }
-}, Yr = async (n = {}) => {
+}, Ft = async (a = {}) => {
   try {
-    const { page: a = 1, limit: i = 10, status: l, currency: x, startDate: f, endDate: j, search: S } = n, o = new URLSearchParams();
-    o.append("page", a), o.append("limit", i), l && o.append("status", l), x && o.append("currency", x), f && o.append("startDate", f), j && o.append("endDate", j), S && o.append("search", S);
-    const D = `${k.apiUrl}/api/payments/merchant/list?${o.toString()}`, y = await fetch(D, {
+    const { page: n = 1, limit: l = 10, status: c, currency: u, startDate: f, endDate: s, search: y } = a, i = new URLSearchParams();
+    i.append("page", n), i.append("limit", l), c && i.append("status", c), u && i.append("currency", u), f && i.append("startDate", f), s && i.append("endDate", s), y && i.append("search", y);
+    const N = `${P.apiUrl}/api/payments/merchant/list?${i.toString()}`, x = await fetch(N, {
       method: "GET",
-      headers: X()
+      headers: ne()
     });
-    if (!y.ok) {
-      const T = await y.json();
-      throw new Error(T.error || `Failed to get payments: ${y.status}`);
+    if (!x.ok) {
+      const T = await x.json();
+      throw new Error(T.error || `Failed to get payments: ${x.status}`);
     }
-    return await y.json();
-  } catch (a) {
-    throw console.error("Get merchant payments error:", a), a;
+    return await x.json();
+  } catch (n) {
+    throw console.error("Get merchant payments error:", n), n;
   }
-}, Ur = async () => {
+}, _t = async () => {
   try {
-    const n = await fetch(`${k.apiUrl}/api/payments/merchant/stats`, {
+    const a = await fetch(`${P.apiUrl}/api/payments/merchant/stats`, {
       method: "GET",
-      headers: X()
+      headers: ne()
     });
-    if (!n.ok) {
-      const a = await n.json();
-      throw new Error(a.error || `Failed to get payment stats: ${n.status}`);
+    if (!a.ok) {
+      const n = await a.json();
+      throw new Error(n.error || `Failed to get payment stats: ${a.status}`);
     }
-    return await n.json();
-  } catch (n) {
-    throw console.error("Get merchant payment stats error:", n), n;
+    return await a.json();
+  } catch (a) {
+    throw console.error("Get merchant payment stats error:", a), a;
   }
-}, $r = async () => {
+}, Qt = async () => {
   try {
-    const n = await fetch(`${k.apiUrl}/api/payments/currencies`, {
+    const a = await fetch(`${P.apiUrl}/api/payments/currencies`, {
       method: "GET",
-      headers: X()
+      headers: ne()
     });
-    if (!n.ok) {
-      const a = await n.json();
-      throw new Error(a.error || `Failed to get currencies: ${n.status}`);
+    if (!a.ok) {
+      const n = await a.json();
+      throw new Error(n.error || `Failed to get currencies: ${a.status}`);
     }
-    return await n.json();
-  } catch (n) {
-    return console.error("Get supported currencies error:", n), {
+    return await a.json();
+  } catch (a) {
+    return console.error("Get supported currencies error:", a), {
       currencies: [
         { id: "USDT", name: "Tether USD", network: "ethereum" },
         { id: "USDC", name: "USD Coin", network: "ethereum" },
@@ -762,37 +762,37 @@ const Sr = (n) => {
       ]
     };
   }
-}, Ve = Ze(), Ir = () => Be(Ve), Fr = ({
-  apiKey: n,
-  apiSecret: a,
-  apiUrl: i = "http://localhost:9000",
-  debug: l = !1,
-  children: x
+}, qe = Be(), Ct = () => Ze(qe), Gt = ({
+  apiKey: a,
+  apiSecret: n,
+  apiUrl: l = "https://coinleyserver-production.up.railway.app",
+  debug: c = !1,
+  children: u
 }) => {
-  const [f, j] = O(!1), [S, o] = O(null);
-  B(() => {
-    if (!n || !a) {
-      o("API key and secret are required");
+  const [f, s] = O(!1), [y, i] = O(null);
+  X(() => {
+    if (!a || !n) {
+      i("API key and secret are required");
       return;
     }
     try {
-      Sr({ apiKey: n, apiSecret: a, apiUrl: i }), j(!0), l && console.log("Coinley SDK initialized with:", { apiKey: n, apiUrl: i });
-    } catch (y) {
-      o(y.message), l && console.error("Coinley SDK initialization error:", y);
+      St({ apiKey: a, apiSecret: n, apiUrl: l }), s(!0), c && console.log("Coinley SDK initialized with:", { apiKey: a, apiUrl: l });
+    } catch (x) {
+      i(x.message), c && console.error("Coinley SDK initialization error:", x);
     }
-  }, [n, a, i, l]);
-  const D = {
-    apiKey: n,
-    apiSecret: a,
-    apiUrl: i,
+  }, [a, n, l, c]);
+  const N = {
+    apiKey: a,
+    apiSecret: n,
+    apiUrl: l,
     isInitialized: f,
-    error: S,
-    debug: l
+    error: y,
+    debug: c
   };
-  return /* @__PURE__ */ r.jsx(Ve.Provider, { value: D, children: x });
-}, Cr = ({ onSelect: n, selected: a, theme: i = "light" }) => {
-  console.log("PaymentMethods render:", { selected: a });
-  const l = [
+  return /* @__PURE__ */ t.jsx(qe.Provider, { value: N, children: u });
+}, At = ({ onSelect: a, selected: n, theme: l = "light" }) => {
+  console.log("PaymentMethods render:", { selected: n });
+  const c = [
     {
       id: "USDT",
       name: "USDT",
@@ -823,30 +823,30 @@ const Sr = (n) => {
       description: "USD Coin on Solana",
       logo: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNiIgZmlsbD0iIzJCNzVFRCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMS4yMDkgOS43MzlsLTIuOTQxIDIuOTQxYTMuMTMyIDMuMTMyIDAgMDAtNC41MzYgMGwtMi45NDItMi45NDFhNy42MjMgNy42MjMgMCAwMTEwLjQxOSAwek0xMC43OTEgMjIuMjYxbDIuOTQxLTIuOTQxYTMuMTMyIDMuMTMyIDAgMDA0LjUzNiAwbDIuOTQyIDIuOTQxYTcuNjIzIDcuNjIzIDAgMDEtMTAuNDE5IDB6bTExLjU3NS00LjI2MWgtNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAtNC41MzdoNC4xNTNhNy42MjEgNy42MjEgMCAwMTAgNC41Mzd6bS0xMy43OTMtNC41MzdoNC4xNTNhMy4xMzMgMy4xMzMgMCAwMDAgNC41MzdIOS42ODZhNy42MjEgNy42MjEgMCAwMTAtNC41Mzd6Ii8+PC9nPjwvc3ZnPg=="
     }
-  ], x = (f) => {
-    console.log("Method selected:", f), n(f);
+  ], u = (f) => {
+    console.log("Method selected:", f), a(f);
   };
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    /* @__PURE__ */ r.jsx("h3", { className: `text-lg font-medium mb-3 ${i === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
-    /* @__PURE__ */ r.jsx("div", { className: "space-y-2", children: l.map((f) => /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { children: [
+    /* @__PURE__ */ t.jsx("h3", { className: `text-lg font-medium mb-3 ${l === "dark" ? "text-white" : "text-gray-800"}`, children: "Select Payment Method" }),
+    /* @__PURE__ */ t.jsx("div", { className: "space-y-2", children: c.map((f) => /* @__PURE__ */ t.jsxs(
       "button",
       {
-        onClick: () => x(f.id),
-        className: `w-full flex items-center p-3 rounded-lg transition-colors ${a === f.id ? i === "dark" ? "bg-blue-900/30 border border-blue-500" : "bg-blue-50 border border-blue-500" : i === "dark" ? "bg-gray-700 hover:bg-gray-600 border border-gray-700" : "bg-white hover:bg-gray-50 border border-gray-200"}`,
+        onClick: () => u(f.id),
+        className: `w-full flex items-center p-3 rounded-lg transition-colors ${n === f.id ? l === "dark" ? "bg-blue-900/30 border border-blue-500" : "bg-blue-50 border border-blue-500" : l === "dark" ? "bg-gray-700 hover:bg-gray-600 border border-gray-700" : "bg-white hover:bg-gray-50 border border-gray-200"}`,
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3", children: /* @__PURE__ */ r.jsx("img", { src: f.logo, alt: f.name, className: "h-6 w-6" }) }),
-          /* @__PURE__ */ r.jsxs("div", { className: "flex-1 text-left", children: [
-            /* @__PURE__ */ r.jsx("h4", { className: `font-medium ${i === "dark" ? "text-white" : "text-gray-900"}`, children: f.name }),
-            /* @__PURE__ */ r.jsx("p", { className: `text-sm ${i === "dark" ? "text-gray-300" : "text-gray-500"}`, children: f.description })
+          /* @__PURE__ */ t.jsx("div", { className: "flex-shrink-0 h-10 w-10 bg-white rounded-full flex items-center justify-center mr-3", children: /* @__PURE__ */ t.jsx("img", { src: f.logo, alt: f.name, className: "h-6 w-6" }) }),
+          /* @__PURE__ */ t.jsxs("div", { className: "flex-1 text-left", children: [
+            /* @__PURE__ */ t.jsx("h4", { className: `font-medium ${l === "dark" ? "text-white" : "text-gray-900"}`, children: f.name }),
+            /* @__PURE__ */ t.jsx("p", { className: `text-sm ${l === "dark" ? "text-gray-300" : "text-gray-500"}`, children: f.description })
           ] }),
-          a === f.id && /* @__PURE__ */ r.jsx(
+          n === f.id && /* @__PURE__ */ t.jsx(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
               className: "h-5 w-5 text-blue-500",
               viewBox: "0 0 20 20",
               fill: "currentColor",
-              children: /* @__PURE__ */ r.jsx(
+              children: /* @__PURE__ */ t.jsx(
                 "path",
                 {
                   fillRule: "evenodd",
@@ -861,14 +861,14 @@ const Sr = (n) => {
       f.id
     )) })
   ] });
-}, De = ({ status: n, theme: a = "light", message: i }) => {
-  console.log("PaymentStatus render:", { status: n, message: i });
-  const l = () => {
-    switch (n) {
+}, Te = ({ status: a, theme: n = "light", message: l }) => {
+  console.log("PaymentStatus render:", { status: a, message: l });
+  const c = () => {
+    switch (a) {
       case "processing":
-        return /* @__PURE__ */ r.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20" });
+        return /* @__PURE__ */ t.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-t-blue-500 border-blue-500/20" });
       case "success":
-        return /* @__PURE__ */ r.jsx("div", { className: "rounded-full h-12 w-12 bg-green-100 flex items-center justify-center", children: /* @__PURE__ */ r.jsx(
+        return /* @__PURE__ */ t.jsx("div", { className: "rounded-full h-12 w-12 bg-green-100 flex items-center justify-center", children: /* @__PURE__ */ t.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -877,11 +877,11 @@ const Sr = (n) => {
             viewBox: "0 0 24 24",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+            children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
           }
         ) });
       case "error":
-        return /* @__PURE__ */ r.jsx("div", { className: "rounded-full h-12 w-12 bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ r.jsx(
+        return /* @__PURE__ */ t.jsx("div", { className: "rounded-full h-12 w-12 bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ t.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -890,14 +890,14 @@ const Sr = (n) => {
             viewBox: "0 0 24 24",
             stroke: "currentColor",
             strokeWidth: 2,
-            children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+            children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
           }
         ) });
       default:
         return null;
     }
-  }, x = () => {
-    switch (n) {
+  }, u = () => {
+    switch (a) {
       case "processing":
         return "Processing Payment";
       case "success":
@@ -908,82 +908,134 @@ const Sr = (n) => {
         return "Unknown Status";
     }
   }, f = () => {
-    switch (n) {
+    switch (a) {
       case "processing":
-        return a === "dark" ? "text-blue-300" : "text-blue-600";
+        return n === "dark" ? "text-blue-300" : "text-blue-600";
       case "success":
-        return a === "dark" ? "text-green-300" : "text-green-600";
+        return n === "dark" ? "text-green-300" : "text-green-600";
       case "error":
-        return a === "dark" ? "text-red-300" : "text-red-600";
+        return n === "dark" ? "text-red-300" : "text-red-600";
       default:
-        return a === "dark" ? "text-gray-300" : "text-gray-600";
+        return n === "dark" ? "text-gray-300" : "text-gray-600";
     }
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
-    /* @__PURE__ */ r.jsx("div", { className: "mb-4", children: l() }),
-    /* @__PURE__ */ r.jsx("h3", { className: `text-xl font-bold mb-2 ${a === "dark" ? "text-white" : "text-gray-900"}`, children: x() }),
-    /* @__PURE__ */ r.jsx("p", { className: `text-center ${f()}`, children: i }),
-    n === "processing" && /* @__PURE__ */ r.jsx("div", { className: `mt-4 text-xs ${a === "dark" ? "text-gray-400" : "text-gray-500"}`, children: "This may take a few moments. Please do not close this window." }),
-    n === "success" && /* @__PURE__ */ r.jsx("div", { className: `mt-4 p-2 rounded ${a === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: /* @__PURE__ */ r.jsx("p", { className: `text-xs ${a === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Your payment has been successfully processed. You will receive a confirmation shortly." }) })
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center justify-center py-6", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "mb-4", children: c() }),
+    /* @__PURE__ */ t.jsx("h3", { className: `text-xl font-bold mb-2 ${n === "dark" ? "text-white" : "text-gray-900"}`, children: u() }),
+    /* @__PURE__ */ t.jsx("p", { className: `text-center ${f()}`, children: l }),
+    a === "processing" && /* @__PURE__ */ t.jsx("div", { className: `mt-4 text-xs ${n === "dark" ? "text-gray-400" : "text-gray-500"}`, children: "This may take a few moments. Please do not close this window." }),
+    a === "success" && /* @__PURE__ */ t.jsx("div", { className: `mt-4 p-2 rounded ${n === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: /* @__PURE__ */ t.jsx("p", { className: `text-xs ${n === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Your payment has been successfully processed. You will receive a confirmation shortly." }) })
+  ] });
+}, It = ({
+  walletAddress: a,
+  amount: n,
+  currency: l,
+  theme: c = "light",
+  size: u = 200
+}) => {
+  const f = () => {
+    const s = Math.floor(u / 10);
+    let y = `<svg xmlns="http://www.w3.org/2000/svg" width="${u}" height="${u}" viewBox="0 0 ${u} ${u}">`;
+    y += `<rect width="${u}" height="${u}" fill="${c === "dark" ? "#1f2937" : "white"}"/>`, y += `<rect x="${s}" y="${s}" width="${s * 3}" height="${s * 3}" fill="${c === "dark" ? "white" : "black"}"/>`, y += `<rect x="${s * 1.5}" y="${s * 1.5}" width="${s * 2}" height="${s * 2}" fill="${c === "dark" ? "#1f2937" : "white"}"/>`, y += `<rect x="${s * 2}" y="${s * 2}" width="${s}" height="${s}" fill="${c === "dark" ? "white" : "black"}"/>`, y += `<rect x="${u - s * 4}" y="${s}" width="${s * 3}" height="${s * 3}" fill="${c === "dark" ? "white" : "black"}"/>`, y += `<rect x="${u - s * 3.5}" y="${s * 1.5}" width="${s * 2}" height="${s * 2}" fill="${c === "dark" ? "#1f2937" : "white"}"/>`, y += `<rect x="${u - s * 3}" y="${s * 2}" width="${s}" height="${s}" fill="${c === "dark" ? "white" : "black"}"/>`, y += `<rect x="${s}" y="${u - s * 4}" width="${s * 3}" height="${s * 3}" fill="${c === "dark" ? "white" : "black"}"/>`, y += `<rect x="${s * 1.5}" y="${u - s * 3.5}" width="${s * 2}" height="${s * 2}" fill="${c === "dark" ? "#1f2937" : "white"}"/>`, y += `<rect x="${s * 2}" y="${u - s * 3}" width="${s}" height="${s}" fill="${c === "dark" ? "white" : "black"}"/>`, l.length + ((a == null ? void 0 : a.length) || 0);
+    for (let i = 0; i < 50; i++) {
+      const N = s * (1 + Math.floor(Math.random() * 8)), x = s * (1 + Math.floor(Math.random() * 8));
+      N < s * 4 && x < s * 4 || N > u - s * 5 && x < s * 4 || N < s * 4 && x > u - s * 5 || (y += `<rect x="${N}" y="${x}" width="${s}" height="${s}" fill="${c === "dark" ? "white" : "black"}"/>`);
+    }
+    return y += `<rect x="${u / 2 - s * 3}" y="${u / 2 - s * 1.5}" width="${s * 6}" height="${s * 3}" fill="${c === "dark" ? "#1f2937" : "white"}"/>`, y += `<text x="${u / 2}" y="${u / 2 + s / 2}" font-family="Arial" font-size="${s * 2}" font-weight="bold" text-anchor="middle" fill="${c === "dark" ? "white" : "black"}">${l}</text>`, y += "</svg>", y;
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: `p-4 rounded-lg ${c === "dark" ? "bg-gray-700" : "bg-white"} mb-3`,
+        dangerouslySetInnerHTML: { __html: f() }
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: `text-center text-sm ${c === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Scan with your wallet app to pay" }),
+    a && /* @__PURE__ */ t.jsxs("div", { className: "mt-3 w-full", children: [
+      /* @__PURE__ */ t.jsxs("p", { className: `text-xs ${c === "dark" ? "text-gray-400" : "text-gray-500"} mb-1`, children: [
+        "Send ",
+        n,
+        " ",
+        l,
+        " to:"
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { className: `text-xs font-mono p-2 rounded overflow-auto break-all ${c === "dark" ? "bg-gray-800 text-gray-300" : "bg-gray-100 text-gray-700"}`, children: a })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-4 w-full", children: /* @__PURE__ */ t.jsxs("div", { className: `p-3 rounded ${c === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
+      /* @__PURE__ */ t.jsx("h4", { className: `text-sm font-medium mb-2 ${c === "dark" ? "text-white" : "text-gray-800"}`, children: "Payment Instructions" }),
+      /* @__PURE__ */ t.jsxs("ol", { className: `text-xs space-y-2 ${c === "dark" ? "text-gray-300" : "text-gray-600"}`, children: [
+        /* @__PURE__ */ t.jsx("li", { children: "1. Open your crypto wallet app" }),
+        /* @__PURE__ */ t.jsx("li", { children: "2. Scan the QR code above" }),
+        /* @__PURE__ */ t.jsxs("li", { children: [
+          "3. Confirm the payment amount (",
+          n,
+          " ",
+          l,
+          ")"
+        ] }),
+        /* @__PURE__ */ t.jsx("li", { children: '4. Click "Pay Now" button below after sending the payment' })
+      ] })
+    ] }) })
   ] });
-}, F = () => typeof window < "u" && typeof window.ethereum < "u", Er = async () => {
-  if (!F())
+}, Q = () => typeof window < "u" && typeof window.ethereum < "u", kt = async () => {
+  if (!Q())
     throw new Error("MetaMask is not installed");
   try {
     return await window.ethereum.request({ method: "eth_requestAccounts" });
-  } catch (n) {
-    throw console.error("Error connecting to wallet:", n), n;
+  } catch (a) {
+    throw console.error("Error connecting to wallet:", a), a;
   }
-}, kr = async () => {
-  if (!F())
+}, Et = async () => {
+  if (!Q())
     throw new Error("MetaMask is not installed");
   try {
     return await window.ethereum.request({ method: "eth_accounts" });
-  } catch (n) {
-    throw console.error("Error getting accounts:", n), n;
+  } catch (a) {
+    throw console.error("Error getting accounts:", a), a;
   }
-}, Wr = async () => {
-  if (!F())
+}, Wt = async () => {
+  if (!Q())
     throw new Error("MetaMask is not installed");
   try {
     return await window.ethereum.request({ method: "eth_chainId" });
-  } catch (n) {
-    throw console.error("Error getting chain ID:", n), n;
+  } catch (a) {
+    throw console.error("Error getting chain ID:", a), a;
   }
-}, Ar = async (n) => {
-  if (!F())
+}, Ot = async (a) => {
+  if (!Q())
     throw new Error("MetaMask is not installed");
   try {
     return await window.ethereum.request({
       method: "eth_sendTransaction",
-      params: [n]
+      params: [a]
     });
-  } catch (a) {
-    throw console.error("Error sending transaction:", a), a;
+  } catch (n) {
+    throw console.error("Error sending transaction:", n), n;
   }
-}, Gr = async (n, a, i) => {
-  if (!F())
+}, Bt = async (a, n, l) => {
+  if (!Q())
     throw new Error("MetaMask is not installed");
   try {
-    const x = (await window.ethereum.request({ method: "eth_requestAccounts" }))[0], f = "0xa9059cbb", j = a.slice(2).padStart(64, "0"), S = i.toString(16).padStart(64, "0"), o = `${f}${j}${S}`, D = {
-      from: x,
-      to: n,
-      data: o
+    const u = (await window.ethereum.request({ method: "eth_requestAccounts" }))[0], f = "0xa9059cbb", s = n.slice(2).padStart(64, "0"), y = l.toString(16).padStart(64, "0"), i = `${f}${s}${y}`, N = {
+      from: u,
+      to: a,
+      data: i
     };
     return await window.ethereum.request({
       method: "eth_sendTransaction",
-      params: [D]
+      params: [N]
     });
-  } catch (l) {
-    throw console.error("Error sending token:", l), l;
+  } catch (c) {
+    throw console.error("Error sending token:", c), c;
   }
-}, Qr = async () => {
+}, Zt = async () => {
   try {
-    return (await kr()).length > 0;
+    return (await Et()).length > 0;
   } catch {
     return !1;
   }
-}, Zr = (n) => ({
+}, Ht = (a) => ({
   "0x1": "Ethereum Mainnet",
   "0x3": "Ropsten Testnet",
   "0x4": "Rinkeby Testnet",
@@ -992,141 +1044,163 @@ const Sr = (n) => {
   "0x38": "Binance Smart Chain",
   "0x89": "Polygon",
   "0xa86a": "Avalanche"
-})[n] || `Unknown Network (${n})`, Br = async (n, a) => {
-  if (!F())
+})[a] || `Unknown Network (${a})`, qt = async (a, n) => {
+  if (!Q())
     throw new Error("MetaMask is not installed");
   try {
-    const i = "0x70a08231", l = a.slice(2).padStart(64, "0"), x = `${i}${l}`, f = await window.ethereum.request({
+    const l = "0x70a08231", c = n.slice(2).padStart(64, "0"), u = `${l}${c}`, f = await window.ethereum.request({
       method: "eth_call",
       params: [
         {
-          to: n,
-          data: x
+          to: a,
+          data: u
         },
         "latest"
       ]
     });
     return parseInt(f, 16).toString();
-  } catch (i) {
-    throw console.error("Error getting token balance:", i), i;
+  } catch (l) {
+    throw console.error("Error getting token balance:", l), l;
   }
-}, Hr = {
+}, Vt = {
   USDT: "0xdAC17F958D2ee523a2206206994597C13D831ec7",
   USDC: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
   DAI: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
   WETH: "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2",
   WBTC: "0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599"
-}, Or = ({
-  isOpen: n,
-  onClose: a,
-  payment: i,
-  paymentStatus: l,
-  selectedCurrency: x,
+}, Pt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAcCAYAAACqAXueAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAiaSURBVHgB7VrdddNIFL4zNuDAw2orQDQATgUoUABQAU4FOGcLiF0BpoI4FcQ0QLQVxAHOvqLtwDyQOBBr9rszI2n058jeBEhOvnNkS6M7o7m6c39HRA3Qf/bxLR+l9uDIR/sXHD26trjTJeoMiO6/pEuCEBuHOBQfZuxfB9mQjpnv958d9/O9W2/w6+N4StcSHV+INoQhdoVQB7ju0Q1DUwFbiN1Cw6Wt+l+EHg4vu5TXdKHWIydgmFyv//xjWWhCzOyZB5pA0xo63zSrf0vjQNvZhNPvjTB/Gf9NNwx5DZZyQIoOSn5VOYxLaRaAUkHaFotpcgqhdmG6j7Aq4LNbXfqtMQ+VUts4xkrRDq7HdMOQF3BMkT3zcez1n30yJjmOJymNsv5WyCdZx0XIvzvB59cQ7qHur1SUtP/eYKHOt4lOR3QD0XYvRuGTUX/r+A1Msm9a1ACm9isEPMYFm2kP94zPUsq3/+9H4eaMNVdJTWe7iiG301ro+PgJKHUBEhYixjGPGvRN+uFQeD5bl3l4wbMskvE98Di3vrmDMWaz8thaGcJmc1r67ICW8unOxZ1jHfL07dJ9Fb8iobXQErGpJTxUDe15kX6kfa1sHTiNEO6TMa2MTsARLRmm3YfwPLC27o/jOB5WMSnlxhuY2QHlgiZh/zcijIu+J8NiP7R/SZ+iOltmMcz7dh5o4+vONq73yvPSY09g4ndWE/QqfM67oD3M5rixs8zaCHGGeYqXhlaFpSgaWjeleAFGKdM+0dodfXiCQdU7HO/to94ZQW6GEC5P1rftQ9AOaEWwgCwjQR0NJtwDzVE+Z/U8zjshXGbaq+nqo+8AL+4or7EXA8/zL5jXS3Pf85qMJ+X93YZ8Hpq5ausTZvOhF1QLzZsbJO+3jfZx4CTYp7JQjyHgEMcm/OyhNtfCTAaCS/NgI/CMSdNXC3cNX9bpWQG5mIHRqWFKcLCWvEAIVO0pdSci+jHFimXLEbgdMdbUmGfd17mnoA3yQClvKzO7F8LPxlUhadOsMAfZde75rPX4HywbyFgZNSjwOMF/koU8dearFxbmugkrMnTaA+MqKt1OULgO22lQlJtJi61FSAqarAiMtJavznixzYOt53O52JDLr8E0DV0zpJSmGzh0nonQdZQeZHRaANuuuYTZ5fHZtdiVrbpNhFFAhLG3KsblxaUzBZxDeN6ofuF0fOtCLMRUsTssmHaMG9hx+Z37Up7txvF8h90MpXLSJjgsPgH9XmfjiDHeYSTRGlEVWGtli/3TbBQ+HtMSQLCT9QMqN8jgiZ1vVfuY+YBTGRYijkcc/eYXhg6mtsq+cA7hnOJF0iSlhDCamlQzJ7VdPS773hQY75tfP4roU2aFoirh2nHBn9jOns3FGM/Ds/bTkQS9Ls8/DdgsYk0vaXH+yvjTGiR57xWhvOp+TOupWfCJENOI1vb9sU1LUBbGSUDNMKuPwovt9ZYOQnmazUWEy4OykwllMRBHxZBBZ1Ro6xc6Bc55lMytbTWPq04jaCwTvchSoRj+OF7Dp66EbnZ6/p6aw3fOZ8sXBoNf6MY0e572oRO6AEkccAlI+UQMAYFtBNQcPpt+mO93idXC/wvX5BurZGAWkEEaRUPQESpSEbH0uUihCxViqtuvFs6qlyuYeeVqS9N+67qRy4b2rxccVdZg7Jx3rRUja54dRYnTdFDnwbqurAiBiC1eZOih0OGvk/asAFNAMfAb9yLhCqupP23sd68ALp8cPa+ymC2ttkIhWXPM2qw4GDb+PcHUNf9tXY7Mh+55xDVB2OWBTWDAJ+yPMeFxs24trvokF96S1MGiuMppCe2VIOUTPO5X+NBGwMIopExcBzh74dzPxVMw0apXMxavmjFJVb3D5KAffO7SmkA06frdgOjB6zpaUyTY+GL2bb/xC4uSe6bSVBcZ80uQTqUtC0J+FvDi0w0bEwUvK7gwH3V708XCh64D+A5B6FJL5LA7lAUSM53/mqiaA5CeLk9ih+mvZ/88pDrIeFd/9YFtQloZG2PKCSoesyDzL8DzUCR4a4sEvhFmZ8Cr2RkI7WdHmV9KwHnl90OT/xpAg+qzhitDPgo2laq7FYrD+fXZAfOI97BXtRDKSpG0cxaSj84FVaD//NMRqPNayZUt2YYpiL9ytcp83SEejj483tGCFfIIKjbjtGv1wEwn94cVNyL77xfa2YdtMjNSdsZgrKj1eJHsWpRX7AvhYuHqvFjDfFaT3FO2Fp0VVUzxhFOzalT159IppeaYF+F8YPns2Zp2kUdU5ATz5FOpKuf2T6DNMtcovDztAnx9z2UGpVq0/vaqKFwdUetS5AC7RMbe6wqXTq8CnWpx4s4TRGVsdU3Wyf0rKke5PpWFG5liiFmpqPL0KjTSsxrr59ngYsG9pfny1WJu951z8HG85PozNRIug1OmUu0iKgqXUfyiw+e/IhFv/dkNhTKEabebFK/0hFvtNYR8wrsym27FpgBmaqjUvc1yznvaNxv3VJmzcrutRvVWqEFfEU5HXIlbwifZat1WtXATaJPv9MlyXxc5Ew2zOyh/d6Xe8SYDf+VBZo/VXh/jATa5jhd/JqVK+0UHm6gJzPea2qL3NB0NXEBwD6JmwtE+yx6cVzfdR/5V4JhBgt/YM/O9GzbkM2fubfk2KlLl94MV+XmRW2Ga77B83RQnKyX7TAcC5WBhzKesyaDXO1HWfIe0MjSDYaGNmkEzGdG1QTGaP7m4S2GDxsYJURVlQcDxAIHUQ+1z48V+Jhzp+OSFEWy8mECwdgXlfbYNsh6tF1Xfoh7GslnN9Z0btZay8MmOFkw5YpR2MKW3BCNLO0O0HZqP78QfVYP/jx2mW5TAmcbZYTHxsYFYVNer2XfRyobjxWh1cT607T7d4qejPsrO0EzAgv0u/HH4OBeGaxPO94Q6plv8FECovJc8uTjKNvgPcUpIo0ZgmzUAAAAASUVORK5CYII=", Rt = ({
+  isOpen: a,
+  onClose: n,
+  payment: l,
+  paymentStatus: c,
+  selectedCurrency: u,
   onCurrencySelect: f,
-  onPayment: j,
-  error: S,
-  theme: o = "light",
-  merchantName: D,
-  transactionHash: y,
+  onPayment: s,
+  error: y,
+  theme: i = "light",
+  merchantName: N,
+  transactionHash: x,
   walletConnected: T,
-  onConnectWallet: P,
-  testMode: N = !1
+  onConnectWallet: $,
+  testMode: L = !1
 }) => {
-  const [R, z] = O("select-currency"), [W, I] = O(!1);
-  B(() => {
-    I(F());
-  }, []), B(() => {
-    l === "loading" ? z("processing") : l === "success" ? z("success") : l === "error" ? z("error") : l === "idle" && i && z("select-currency");
-  }, [l, i]);
-  const v = (h) => {
-    f(h), z("confirm");
-  }, K = () => {
-    j();
-  }, _ = () => {
-    R === "confirm" && z("select-currency");
-  }, H = () => {
-    a();
-  }, ee = (h) => parseFloat(h).toFixed(2), re = (h) => h ? h.length <= 14 ? h : `${h.slice(0, 8)}...${h.slice(-6)}` : "", Y = `fixed inset-0 z-50 overflow-y-auto ${o === "dark" ? "bg-gray-900/75" : "bg-black/50"}`, V = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${o === "dark" ? "bg-gray-800 text-white" : "bg-white text-gray-800"}`, Q = `text-xl font-bold mb-4 ${o === "dark" ? "text-white" : "text-gray-900"}`, G = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${o === "dark" ? "bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500" : "bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500"}`, U = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${o === "dark" ? "bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500" : "bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500"}`;
-  return n ? /* @__PURE__ */ r.jsx("div", { className: Y, children: /* @__PURE__ */ r.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ r.jsxs("div", { className: V, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between items-center mb-6", children: [
-      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ r.jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 24 24",
-            fill: "currentColor",
-            className: "w-6 h-6 mr-2 text-blue-500",
-            children: /* @__PURE__ */ r.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.31-8.86c-1.77-.45-2.34-.94-2.34-1.67 0-.84.79-1.43 2.1-1.43 1.38 0 1.9.66 1.94 1.64h1.71c-.05-1.34-.87-2.57-2.49-2.97V5H10.9v1.69c-1.51.32-2.72 1.3-2.72 2.81 0 1.79 1.49 2.69 3.66 3.21 1.95.46 2.34 1.15 2.34 1.87 0 .53-.39 1.39-2.1 1.39-1.6 0-2.23-.72-2.32-1.64H8.04c.1 1.7 1.36 2.66 2.86 2.97V19h2.34v-1.67c1.52-.29 2.72-1.16 2.73-2.77-.01-2.2-1.9-2.96-3.66-3.42z" })
-          }
-        ),
-        /* @__PURE__ */ r.jsx("h2", { className: Q, children: "Coinley Pay" })
+  const [z, U] = O("select-currency"), [G, D] = O(!1), [v, se] = O("wallet");
+  X(() => {
+    typeof window < "u" && D(Q());
+  }, []), X(() => {
+    c === "loading" ? U("processing") : c === "success" ? U("success") : c === "error" ? U("error") : c === "idle" && l && U("select-currency");
+  }, [c, l]);
+  const F = (C) => {
+    f(C), U("confirm");
+  }, W = () => {
+    s(v === "qrcode");
+  }, J = () => {
+    z === "confirm" && U("select-currency");
+  }, oe = () => {
+    n();
+  }, Y = (C) => parseFloat(C).toFixed(2), K = (C) => C ? C.length <= 14 ? C : `${C.slice(0, 8)}...${C.slice(-6)}` : "", B = (C) => {
+    se(C);
+  }, ee = `fixed inset-0 z-50 overflow-y-auto ${i === "dark" ? "bg-gray-900/75" : "bg-black/50"}`, _ = `relative p-6 w-full max-w-md mx-auto rounded-lg shadow-xl ${i === "dark" ? "bg-gray-800 text-white" : "bg-white text-gray-800"}`, I = `text-xl font-bold mb-4 ${i === "dark" ? "text-white" : "text-gray-900"}`, E = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${i === "dark" ? "bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500" : "bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500"}`, p = `w-full py-2 px-4 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${i === "dark" ? "bg-gray-700 hover:bg-gray-600 text-white focus:ring-gray-500" : "bg-gray-200 hover:bg-gray-300 text-gray-800 focus:ring-gray-500"}`, H = "py-2 px-4 text-sm font-medium focus:outline-none transition-colors", Z = `${i === "dark" ? "bg-gray-700 text-white" : "bg-gray-100 text-gray-800"} rounded-t-md`, q = `${i === "dark" ? "text-gray-400 hover:text-gray-300" : "text-gray-500 hover:text-gray-700"}`;
+  return a ? /* @__PURE__ */ t.jsx("div", { className: ee, children: /* @__PURE__ */ t.jsx("div", { className: "flex min-h-screen items-center justify-center p-4", children: /* @__PURE__ */ t.jsxs("div", { className: _, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center mb-6", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ t.jsx("img", { src: Pt, alt: "Coinley Logo", className: "h-8 mr-2" }),
+        /* @__PURE__ */ t.jsx("h2", { className: I, children: "Coinley Pay" })
       ] }),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.jsx(
         "button",
         {
-          onClick: H,
-          className: `text-gray-500 hover:text-gray-700 focus:outline-none ${o === "dark" ? "text-gray-400 hover:text-gray-300" : ""}`,
-          children: /* @__PURE__ */ r.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          onClick: oe,
+          className: `text-gray-500 hover:text-gray-700 focus:outline-none ${i === "dark" ? "text-gray-400 hover:text-gray-300" : ""}`,
+          children: /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: "mb-6", children: [
-      i && /* @__PURE__ */ r.jsxs("div", { className: `mb-6 p-4 rounded-lg ${o === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
-        /* @__PURE__ */ r.jsx("p", { className: `text-sm ${o === "dark" ? "text-gray-300" : "text-gray-600"}`, children: D }),
-        /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between items-center mt-2", children: [
-          /* @__PURE__ */ r.jsx("span", { className: `font-medium ${o === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Amount:" }),
-          /* @__PURE__ */ r.jsxs("span", { className: "font-bold text-xl", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "mb-6", children: [
+      l && /* @__PURE__ */ t.jsxs("div", { className: `mb-6 p-4 rounded-lg ${i === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
+        /* @__PURE__ */ t.jsx("p", { className: `text-sm ${i === "dark" ? "text-gray-300" : "text-gray-600"}`, children: N }),
+        /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center mt-2", children: [
+          /* @__PURE__ */ t.jsx("span", { className: `font-medium ${i === "dark" ? "text-gray-300" : "text-gray-700"}`, children: "Amount:" }),
+          /* @__PURE__ */ t.jsxs("span", { className: "font-bold text-xl", children: [
             "$",
-            ee(i.totalAmount || i.amount)
+            Y(l.totalAmount || l.amount)
           ] })
         ] }),
-        /* @__PURE__ */ r.jsx("div", { className: "text-xs mt-1 text-right", children: /* @__PURE__ */ r.jsxs("span", { className: `${o === "dark" ? "text-gray-400" : "text-gray-500"}`, children: [
+        /* @__PURE__ */ t.jsx("div", { className: "text-xs mt-1 text-right", children: /* @__PURE__ */ t.jsxs("span", { className: `${i === "dark" ? "text-gray-400" : "text-gray-500"}`, children: [
           "Payment ID: ",
-          i.id.slice(0, 8),
+          l.id.slice(0, 8),
           "..."
         ] }) })
       ] }),
-      R === "select-currency" && /* @__PURE__ */ r.jsx(
-        Cr,
+      z === "select-currency" && /* @__PURE__ */ t.jsx(
+        At,
         {
-          onSelect: v,
-          selected: x,
-          theme: o
+          onSelect: F,
+          selected: u,
+          theme: i
         }
       ),
-      R === "confirm" && i && /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsxs("div", { className: `p-4 rounded-lg mb-4 ${o === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
-          /* @__PURE__ */ r.jsx("h3", { className: `text-lg font-medium mb-2 ${o === "dark" ? "text-white" : "text-gray-800"}`, children: "Payment Details" }),
-          /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ r.jsx("span", { className: o === "dark" ? "text-gray-300" : "text-gray-600", children: "Currency:" }),
-              /* @__PURE__ */ r.jsx("span", { className: "font-medium", children: x })
+      z === "confirm" && l && /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsxs("div", { className: `p-4 rounded-lg mb-4 ${i === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
+          /* @__PURE__ */ t.jsx("h3", { className: `text-lg font-medium mb-2 ${i === "dark" ? "text-white" : "text-gray-800"}`, children: "Payment Details" }),
+          /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ t.jsx("span", { className: i === "dark" ? "text-gray-300" : "text-gray-600", children: "Currency:" }),
+              /* @__PURE__ */ t.jsx("span", { className: "font-medium", children: u })
             ] }),
-            /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ r.jsx("span", { className: o === "dark" ? "text-gray-300" : "text-gray-600", children: "Network:" }),
-              /* @__PURE__ */ r.jsx("span", { className: "font-medium", children: x === "SOL" || x === "USDC_SOL" ? "Solana" : "Ethereum" })
+            /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ t.jsx("span", { className: i === "dark" ? "text-gray-300" : "text-gray-600", children: "Network:" }),
+              /* @__PURE__ */ t.jsx("span", { className: "font-medium", children: u === "SOL" || u === "USDC_SOL" ? "Solana" : "Ethereum" })
             ] }),
-            /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ r.jsx("span", { className: o === "dark" ? "text-gray-300" : "text-gray-600", children: "Fee:" }),
-              /* @__PURE__ */ r.jsx("span", { className: "font-medium", children: "1.75%" })
+            /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ t.jsx("span", { className: i === "dark" ? "text-gray-300" : "text-gray-600", children: "Fee:" }),
+              /* @__PURE__ */ t.jsx("span", { className: "font-medium", children: "1.75%" })
             ] })
           ] })
         ] }),
-        N ? (
+        /* @__PURE__ */ t.jsx("div", { className: "mb-4", children: /* @__PURE__ */ t.jsxs("div", { className: "flex border-b border-gray-200", children: [
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              onClick: () => B("wallet"),
+              className: `${H} ${v === "wallet" ? Z : q}`,
+              children: "Connect Wallet"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              onClick: () => B("qrcode"),
+              className: `${H} ${v === "qrcode" ? Z : q}`,
+              children: "QR Code"
+            }
+          )
+        ] }) }),
+        L ? (
           // Test mode payment option
-          /* @__PURE__ */ r.jsx("div", { className: `p-4 rounded-lg mb-4 ${o === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ r.jsx("div", { className: "bg-blue-500 rounded-full p-2 mr-3", children: /* @__PURE__ */ r.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }),
-            /* @__PURE__ */ r.jsxs("div", { children: [
-              /* @__PURE__ */ r.jsx("h3", { className: `font-medium ${o === "dark" ? "text-white" : "text-gray-800"}`, children: "Test Mode Payment" }),
-              /* @__PURE__ */ r.jsx("p", { className: `text-sm ${o === "dark" ? "text-gray-300" : "text-gray-600"}`, children: 'Click "Pay Now" to simulate a successful payment' })
+          /* @__PURE__ */ t.jsx("div", { className: `p-4 rounded-lg mb-4 ${i === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ t.jsx("div", { className: "bg-blue-500 rounded-full p-2 mr-3", children: /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 10V3L4 14h7v7l9-11h-7z" }) }) }),
+            /* @__PURE__ */ t.jsxs("div", { children: [
+              /* @__PURE__ */ t.jsx("h3", { className: `font-medium ${i === "dark" ? "text-white" : "text-gray-800"}`, children: "Test Mode Payment" }),
+              /* @__PURE__ */ t.jsx("p", { className: `text-sm ${i === "dark" ? "text-gray-300" : "text-gray-600"}`, children: 'Click "Pay Now" to simulate a successful payment' })
             ] })
           ] }) })
-        ) : W ? (
+        ) : v === "qrcode" ? (
+          // QR Code payment option
+          /* @__PURE__ */ t.jsx("div", { className: `p-4 rounded-lg mb-4 ${i === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: /* @__PURE__ */ t.jsx(
+            It,
+            {
+              walletAddress: l.walletAddress || "0x742d35Cc6634C0532925a3b844Bc454e4438f44e",
+              amount: l.totalAmount || l.amount,
+              currency: u,
+              theme: i
+            }
+          ) })
+        ) : G ? (
           // MetaMask available option
-          /* @__PURE__ */ r.jsxs("div", { className: `p-4 rounded-lg mb-4 ${o === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: [
-            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsxs("div", { className: `p-4 rounded-lg mb-4 ${i === "dark" ? "bg-blue-900/20" : "bg-blue-50"}`, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ t.jsx(
                 "img",
                 {
                   src: "https://metamask.io/images/metamask-fox.svg",
@@ -1134,286 +1208,290 @@ const Sr = (n) => {
                   className: "w-8 h-8 mr-2"
                 }
               ),
-              /* @__PURE__ */ r.jsxs("div", { children: [
-                /* @__PURE__ */ r.jsx("h3", { className: `font-medium ${o === "dark" ? "text-white" : "text-gray-800"}`, children: "Pay with MetaMask" }),
-                /* @__PURE__ */ r.jsx("p", { className: `text-sm ${o === "dark" ? "text-gray-300" : "text-gray-600"}`, children: T ? "Your wallet is connected. Click 'Pay Now' to proceed." : "Click 'Connect Wallet' to proceed with payment." })
+              /* @__PURE__ */ t.jsxs("div", { children: [
+                /* @__PURE__ */ t.jsx("h3", { className: `font-medium ${i === "dark" ? "text-white" : "text-gray-800"}`, children: "Pay with MetaMask" }),
+                /* @__PURE__ */ t.jsx("p", { className: `text-sm ${i === "dark" ? "text-gray-300" : "text-gray-600"}`, children: T ? "Your wallet is connected. Click 'Pay Now' to proceed." : "Click 'Connect Wallet' to proceed with payment." })
               ] })
             ] }),
-            !T && /* @__PURE__ */ r.jsx(
+            !T && /* @__PURE__ */ t.jsx(
               "button",
               {
-                onClick: P,
-                className: `mt-3 ${G}`,
+                onClick: $,
+                className: `mt-3 ${E}`,
                 children: "Connect Wallet"
               }
             )
           ] })
         ) : (
           // MetaMask not available warning
-          /* @__PURE__ */ r.jsxs("div", { className: `p-4 rounded-lg mb-4 ${o === "dark" ? "bg-yellow-900/20" : "bg-yellow-50"}`, children: [
-            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ r.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-yellow-500 mr-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
-              /* @__PURE__ */ r.jsxs("div", { children: [
-                /* @__PURE__ */ r.jsx("h3", { className: `font-medium ${o === "dark" ? "text-white" : "text-gray-800"}`, children: "MetaMask Not Detected" }),
-                /* @__PURE__ */ r.jsx("p", { className: `text-sm ${o === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Please install MetaMask extension to make payments" })
+          /* @__PURE__ */ t.jsxs("div", { className: `p-4 rounded-lg mb-4 ${i === "dark" ? "bg-yellow-900/20" : "bg-yellow-50"}`, children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ t.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6 text-yellow-500 mr-2", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+              /* @__PURE__ */ t.jsxs("div", { children: [
+                /* @__PURE__ */ t.jsx("h3", { className: `font-medium ${i === "dark" ? "text-white" : "text-gray-800"}`, children: "MetaMask Not Detected" }),
+                /* @__PURE__ */ t.jsx("p", { className: `text-sm ${i === "dark" ? "text-gray-300" : "text-gray-600"}`, children: "Please install MetaMask extension to make payments" })
               ] })
             ] }),
-            /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ t.jsx(
               "a",
               {
                 href: "https://metamask.io/download/",
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: `block mt-3 text-center ${G}`,
+                className: `block mt-3 text-center ${E}`,
                 children: "Install MetaMask"
               }
             )
           ] })
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t.jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               type: "button",
-              onClick: _,
-              className: U,
+              onClick: J,
+              className: p,
               children: "Back"
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               type: "button",
-              onClick: K,
-              className: G,
-              disabled: !N && W && !T,
+              onClick: W,
+              className: E,
+              disabled: !L && v === "wallet" && G && !T,
               children: "Pay Now"
             }
           )
         ] })
       ] }),
-      R === "processing" && /* @__PURE__ */ r.jsx(
-        De,
+      z === "processing" && /* @__PURE__ */ t.jsx(
+        Te,
         {
           status: "processing",
-          theme: o,
+          theme: i,
           message: "Processing your payment..."
         }
       ),
-      R === "success" && /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(
-          De,
+      z === "success" && /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(
+          Te,
           {
             status: "success",
-            theme: o,
+            theme: i,
             message: "Payment successful!"
           }
         ),
-        y && /* @__PURE__ */ r.jsxs("div", { className: `mt-4 p-3 rounded-lg ${o === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
-          /* @__PURE__ */ r.jsx("p", { className: `text-xs ${o === "dark" ? "text-gray-300" : "text-gray-600"} mb-1`, children: "Transaction Hash:" }),
-          /* @__PURE__ */ r.jsx("p", { className: `text-sm font-mono break-all ${o === "dark" ? "text-white" : "text-gray-800"}`, children: re(y) }),
-          /* @__PURE__ */ r.jsx(
+        x && /* @__PURE__ */ t.jsxs("div", { className: `mt-4 p-3 rounded-lg ${i === "dark" ? "bg-gray-700" : "bg-gray-100"}`, children: [
+          /* @__PURE__ */ t.jsx("p", { className: `text-xs ${i === "dark" ? "text-gray-300" : "text-gray-600"} mb-1`, children: "Transaction Hash:" }),
+          /* @__PURE__ */ t.jsx("p", { className: `text-sm font-mono break-all ${i === "dark" ? "text-white" : "text-gray-800"}`, children: K(x) }),
+          /* @__PURE__ */ t.jsx(
             "a",
             {
-              href: `https://etherscan.io/tx/${y}`,
+              href: `https://etherscan.io/tx/${x}`,
               target: "_blank",
               rel: "noopener noreferrer",
-              className: `text-xs ${o === "dark" ? "text-blue-400" : "text-blue-600"} mt-2 inline-block`,
+              className: `text-xs ${i === "dark" ? "text-blue-400" : "text-blue-600"} mt-2 inline-block`,
               children: "View on Etherscan →"
             }
           )
         ] })
       ] }),
-      R === "error" && /* @__PURE__ */ r.jsxs("div", { children: [
-        /* @__PURE__ */ r.jsx(
-          De,
+      z === "error" && /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(
+          Te,
           {
             status: "error",
-            theme: o,
-            message: S || "An error occurred while processing your payment."
+            theme: i,
+            message: y || "An error occurred while processing your payment."
           }
         ),
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
-            onClick: _,
-            className: `mt-4 ${U}`,
+            onClick: J,
+            className: `mt-4 ${p}`,
             children: "Try Again"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: `text-center text-xs ${o === "dark" ? "text-gray-400" : "text-gray-500"}`, children: /* @__PURE__ */ r.jsx("p", { children: "Powered by Coinley - Secure Cryptocurrency Payments" }) })
+    /* @__PURE__ */ t.jsx("div", { className: `text-center text-xs ${i === "dark" ? "text-gray-400" : "text-gray-500"}`, children: /* @__PURE__ */ t.jsx("p", { children: "Powered by Coinley - Secure Cryptocurrency Payments" }) })
   ] }) }) }) : null;
-}, Pr = pr(({
-  apiKey: n,
-  apiSecret: a,
-  apiUrl: i,
-  customerEmail: l,
-  merchantName: x = "Merchant",
+}, $t = pt(({
+  apiKey: a,
+  apiSecret: n,
+  apiUrl: l,
+  customerEmail: c,
+  merchantName: u = "Merchant",
   onSuccess: f,
-  onError: j,
-  onClose: S,
-  theme: o,
-  autoOpen: D = !1,
-  debug: y = !1,
+  onError: s,
+  onClose: y,
+  theme: i,
+  autoOpen: N = !1,
+  debug: x = !1,
   testMode: T = !1
-  // Add testMode flag for development
-}, P) => {
-  const N = Ir(), { theme: R } = Lr(), [z, W] = O(D), [I, v] = O(null), [K, _] = O("idle"), [H, ee] = O("USDT"), [re, Y] = O(null), [V, Q] = O(null), [G, U] = O(!1);
-  n || (N == null || N.apiKey), a || (N == null || N.apiSecret), i || (N == null || N.apiUrl);
-  const h = o || R, $ = y || (N == null ? void 0 : N.debug);
-  Nr(P, () => ({
-    open: (u) => {
-      ce(u);
+}, $) => {
+  const L = Ct(), { theme: z } = Lt(), [U, G] = O(N), [D, v] = O(null), [se, F] = O("idle"), [W, J] = O("USDT"), [oe, Y] = O(null), [K, B] = O(null), [ee, _] = O(!1);
+  a || (L == null || L.apiKey), n || (L == null || L.apiSecret), l || (L == null || L.apiUrl);
+  const I = i || z, E = x || (L == null ? void 0 : L.debug);
+  vt($, () => ({
+    open: (m) => {
+      H(m);
     },
     close: () => {
-      te();
+      Z();
     },
-    getPayment: () => I
+    getPayment: () => D
   }));
-  const w = (u, b) => {
-    $ && console.log(`[Coinley SDK] ${u}`, b);
+  const p = (m, h) => {
+    E && console.log(`[Coinley SDK] ${m}`, h);
   };
-  B(() => {
+  X(() => {
     (async () => {
-      if (F())
+      if (Q())
         try {
-          const b = await window.ethereum.request({ method: "eth_accounts" });
-          U(b && b.length > 0);
-        } catch (b) {
-          w("Error checking wallet connection:", b), U(!1);
+          const h = await window.ethereum.request({ method: "eth_accounts" });
+          _(h && h.length > 0);
+        } catch (h) {
+          p("Error checking wallet connection:", h), _(!1);
         }
       else
-        U(!1);
+        _(!1);
     })();
-  }, []), B(() => {
-    const u = (b) => {
-      U(b.length > 0);
+  }, []), X(() => {
+    const m = (h) => {
+      _(h.length > 0);
     };
-    return window.ethereum && window.ethereum.on("accountsChanged", u), () => {
-      window.ethereum && window.ethereum.removeListener("accountsChanged", u);
+    return typeof window < "u" && window.ethereum && window.ethereum.on("accountsChanged", m), () => {
+      typeof window < "u" && window.ethereum && window.ethereum.removeListener("accountsChanged", m);
     };
   }, []);
-  const ce = async (u) => {
-    if (!u || !u.amount) {
-      Y("Payment amount is required"), j && j(new Error("Payment amount is required"));
+  const H = async (m) => {
+    if (!m || !m.amount) {
+      Y("Payment amount is required"), s && s(new Error("Payment amount is required"));
       return;
     }
-    _("loading"), W(!0);
+    F("loading"), G(!0);
     try {
-      w("Creating payment with details:", u);
-      const b = await Dr({
-        amount: u.amount,
-        currency: u.currency || "USDT",
-        customerEmail: u.customerEmail || l,
-        callbackUrl: u.callbackUrl,
-        metadata: u.metadata || {}
+      p("Creating payment with details:", m);
+      const h = await Tt({
+        amount: m.amount,
+        currency: m.currency || "USDT",
+        customerEmail: m.customerEmail || c,
+        callbackUrl: m.callbackUrl,
+        metadata: m.metadata || {}
+      });
+      p("Payment created:", h), v(h.payment), F("idle"), Y(null), p("Payment created and state updated:", {
+        payment: h.payment,
+        status: "idle"
       });
-      w("Payment created:", b), v(b.payment), _("idle"), Y(null);
-    } catch (b) {
-      w("Error creating payment:", b), Y(b.message || "Failed to create payment"), _("error"), j && j(b);
+    } catch (h) {
+      p("Error creating payment:", h), Y(h.message || "Failed to create payment"), F("error"), s && s(h);
     }
-  }, te = () => {
-    W(!1), Q(null), S && S();
-  }, le = (u) => {
-    w("Currency selected:", u), ee(u);
-  }, ne = async () => {
-    if (!F())
+  }, Z = () => {
+    G(!1), B(null), y && y();
+  }, q = (m) => {
+    p("Currency selected:", m), J(m);
+  }, C = async () => {
+    if (!Q())
       return Y("MetaMask is not installed. Please install MetaMask to make payments."), !1;
     try {
-      const u = await Er();
-      return U(u.length > 0), u.length > 0;
-    } catch (u) {
-      return w("Error connecting to wallet:", u), Y(u.message || "Failed to connect to wallet"), !1;
+      const m = await kt();
+      return _(m.length > 0), m.length > 0;
+    } catch (m) {
+      return p("Error connecting to wallet:", m), Y(m.message || "Failed to connect to wallet"), !1;
     }
-  }, ue = async () => {
-    if (!I) {
+  }, de = async (m = !1) => {
+    if (!D) {
       Y("No active payment to process");
       return;
     }
-    w("Starting payment process..."), _("loading"), Q(null);
+    p("Starting payment process...", { isQrCodeMode: m }), F("loading"), B(null);
     try {
-      w("Processing payment:", { paymentId: I.id, currency: H });
-      let u;
+      p("Processing payment:", { paymentId: D.id, currency: W, isQrCodeMode: m });
+      let h;
       if (T)
-        w("Test mode: Generating mock transaction..."), u = `0x${Array.from({ length: 64 }, () => Math.floor(Math.random() * 16).toString(16)).join("")}`;
+        p("Test mode: Generating mock transaction..."), h = `0x${Array.from({ length: 64 }, () => Math.floor(Math.random() * 16).toString(16)).join("")}`;
+      else if (m)
+        p("QR code payment: User confirms payment was sent"), h = `qrcode_${Date.now().toString(16)}_${Math.random().toString(16).substring(2, 10)}`;
       else {
-        if (!G && !await ne())
+        if (!ee && !await C())
           throw new Error("Please connect your wallet to proceed with payment");
-        const de = I.merchantAddress || "0x742d35Cc6634C0532925a3b844Bc454e4438f44e", xe = {
-          from: await window.ethereum.request({ method: "eth_requestAccounts" }).then((fe) => fe[0]),
-          to: de,
+        const me = D.walletAddress || "0x742d35Cc6634C0532925a3b844Bc454e4438f44e", he = {
+          from: await window.ethereum.request({ method: "eth_requestAccounts" }).then((te) => te[0]),
+          to: me,
           value: "0x0",
           // For ERC-20 tokens, value is 0
           data: "0x"
           // Would include token transfer data for ERC-20
         };
-        w("Sending transaction to wallet for approval..."), u = await Ar(xe);
+        p("Sending transaction to wallet for approval..."), h = await Ot(he);
       }
-      w("Transaction hash:", u), Q(u), w("Sending process payment request to API...");
-      const b = await Tr({
-        paymentId: I.id,
-        transactionHash: u,
-        network: "ethereum"
-        // Or determine based on selected currency
+      p("Transaction hash:", h), B(h), p("Sending process payment request to API...");
+      const fe = await Dt({
+        paymentId: D.id,
+        transactionHash: h,
+        network: W === "SOL" || W === "USDC_SOL" ? "solana" : "ethereum"
       });
-      w("Payment processed successfully:", b), _("success"), f && (w("Calling onSuccess callback..."), f(I.id, u));
-    } catch (u) {
-      w("Payment error:", u), Y(u.message || "Failed to process payment"), _("error"), j && j(u);
+      p("Payment processed successfully:", fe), F("success"), f && (p("Calling onSuccess callback..."), f(D.id, h));
+    } catch (h) {
+      p("Payment error:", h), Y(h.message || "Failed to process payment"), F("error"), s && s(h);
     }
   };
-  return B(() => {
-    D && I && W(!0);
-  }, [D, I]), /* @__PURE__ */ r.jsx(r.Fragment, { children: z && /* @__PURE__ */ r.jsx(
-    Or,
+  return X(() => {
+    N && D && G(!0);
+  }, [N, D]), /* @__PURE__ */ t.jsx(t.Fragment, { children: U && /* @__PURE__ */ t.jsx(
+    Rt,
     {
-      isOpen: z,
-      onClose: te,
-      payment: I,
-      paymentStatus: K,
-      selectedCurrency: H,
-      onCurrencySelect: le,
-      onPayment: ue,
-      error: re,
-      theme: h,
-      merchantName: x,
-      transactionHash: V,
-      walletConnected: G,
-      onConnectWallet: ne,
+      isOpen: U,
+      onClose: Z,
+      payment: D,
+      paymentStatus: se,
+      selectedCurrency: W,
+      onCurrencySelect: q,
+      onPayment: de,
+      error: oe,
+      theme: I,
+      merchantName: u,
+      transactionHash: K,
+      walletConnected: ee,
+      onConnectWallet: C,
       testMode: T
     }
   ) });
 });
-Pr.displayName = "CoinleyCheckout";
-const Vr = {
-  apiUrl: "http://localhost:9000",
+$t.displayName = "CoinleyCheckout";
+const Xt = {
+  apiUrl: "https://coinleyserver-production.up.railway.app",
   debug: !1,
   testMode: !1,
   theme: "light"
-}, Jr = "1.0.0";
+}, Jt = "1.0.2";
 export {
-  Pr as CoinleyCheckout,
-  Or as CoinleyModal,
-  Fr as CoinleyProvider,
-  Vr as DEFAULT_CONFIG,
-  Hr as TOKEN_ADDRESSES,
-  zr as ThemeProvider,
-  Jr as VERSION,
-  Er as connectWallet,
-  Dr as createPayment,
-  kr as getAccounts,
-  Wr as getChainId,
-  Ur as getMerchantPaymentStats,
-  Yr as getMerchantPayments,
-  Zr as getNetworkName,
-  _r as getPayment,
-  $r as getSupportedCurrencies,
-  Br as getTokenBalance,
-  F as isMetaMaskInstalled,
-  Qr as isWalletConnected,
-  Tr as processPayment,
-  Gr as sendToken,
-  Ar as sendTransaction
+  $t as CoinleyCheckout,
+  Rt as CoinleyModal,
+  Gt as CoinleyProvider,
+  Xt as DEFAULT_CONFIG,
+  It as QRCode,
+  Vt as TOKEN_ADDRESSES,
+  Ut as ThemeProvider,
+  Jt as VERSION,
+  kt as connectWallet,
+  Tt as createPayment,
+  Et as getAccounts,
+  Wt as getChainId,
+  _t as getMerchantPaymentStats,
+  Ft as getMerchantPayments,
+  Ht as getNetworkName,
+  Yt as getPayment,
+  Qt as getSupportedCurrencies,
+  qt as getTokenBalance,
+  Q as isMetaMaskInstalled,
+  Zt as isWalletConnected,
+  Dt as processPayment,
+  Bt as sendToken,
+  Ot as sendTransaction
 };