@w3payments/react 1.1.0 → 1.1.2

package/dist/index.mjs

@@ -1,17 +1,17 @@
-import './assets/main.css';var Pe = Object.defineProperty, Re = Object.defineProperties;
-var Oe = Object.getOwnPropertyDescriptors;
-var ve = Object.getOwnPropertySymbols;
-var Le = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var ie = (n, e, o) => e in n ? Pe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o, y = (n, e) => {
+import './assets/main.css';var Re = Object.defineProperty, Oe = Object.defineProperties;
+var Le = Object.getOwnPropertyDescriptors;
+var ye = Object.getOwnPropertySymbols;
+var Be = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
+var re = (n, e, o) => e in n ? Re(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o, y = (n, e) => {
   for (var o in e || (e = {}))
-    Le.call(e, o) && ie(n, o, e[o]);
-  if (ve)
-    for (var o of ve(e))
-      Be.call(e, o) && ie(n, o, e[o]);
+    Be.call(e, o) && re(n, o, e[o]);
+  if (ye)
+    for (var o of ye(e))
+      je.call(e, o) && re(n, o, e[o]);
   return n;
-}, P = (n, e) => Re(n, Oe(e));
-var g = (n, e, o) => ie(n, typeof e != "symbol" ? e + "" : e, o);
-var w = (n, e, o) => new Promise((t, r) => {
+}, P = (n, e) => Oe(n, Le(e));
+var g = (n, e, o) => re(n, typeof e != "symbol" ? e + "" : e, o);
+var S = (n, e, o) => new Promise((t, r) => {
   var i = (d) => {
     try {
       l(o.next(d));
@@ -27,12 +27,12 @@ var w = (n, e, o) => new Promise((t, r) => {
   }, l = (d) => d.done ? t(d.value) : Promise.resolve(d.value).then(i, a);
   l((o = o.apply(n, e)).next());
 });
-import je, { createContext as He, useMemo as de, useEffect as Xe, useContext as Ve, useState as J, Children as Ge, isValidElement as re } from "react";
-var K = { exports: {} }, Z = {};
-var ye;
-function We() {
-  if (ye) return Z;
-  ye = 1;
+import He, { createContext as Xe, useMemo as me, useEffect as Ve, useContext as Ge, useState as ee, Children as We, isValidElement as ae } from "react";
+var q = { exports: {} }, _ = {};
+var Te;
+function Ze() {
+  if (Te) return _;
+  Te = 1;
   var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function o(t, r, i) {
     var a = null;
@@ -49,47 +49,47 @@ function We() {
       props: i
     };
   }
-  return Z.Fragment = e, Z.jsx = o, Z.jsxs = o, Z;
+  return _.Fragment = e, _.jsx = o, _.jsxs = o, _;
 }
-var F = {};
-var Te;
+var $ = {};
+var De;
 function ze() {
-  return Te || (Te = 1, process.env.NODE_ENV !== "production" && (function() {
+  return De || (De = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(s) {
       if (s == null) return null;
       if (typeof s == "function")
-        return s.$$typeof === ne ? null : s.displayName || s.name || null;
+        return s.$$typeof === N ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
-        case I:
+        case T:
           return "Fragment";
-        case X:
+        case ne:
           return "Profiler";
-        case ee:
+        case I:
           return "StrictMode";
-        case O:
+        case D:
           return "Suspense";
-        case oe:
+        case L:
           return "SuspenseList";
-        case N:
+        case A:
           return "Activity";
       }
       if (typeof s == "object")
         switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), s.$$typeof) {
-          case A:
+          case R:
             return "Portal";
-          case _:
+          case M:
             return s.displayName || "Context";
-          case x:
+          case G:
             return (s._context.displayName || "Context") + ".Consumer";
-          case k:
+          case K:
             var p = s.render;
             return s = s.displayName, s || (s = p.displayName || p.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case z:
+          case te:
             return p = s.displayName || null, p !== null ? p : n(s.type) || "Memo";
-          case E:
+          case B:
             p = s._payload, s = s._init;
             try {
               return n(s(p));
@@ -105,7 +105,7 @@ function ze() {
       try {
         e(s);
         var p = !1;
-      } catch (Q) {
+      } catch (J) {
         p = !0;
       }
       if (p) {
@@ -119,8 +119,8 @@ function ze() {
       }
     }
     function t(s) {
-      if (s === I) return "<>";
-      if (typeof s == "object" && s !== null && s.$$typeof === E)
+      if (s === T) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === B)
         return "<...>";
       try {
         var p = n(s);
@@ -130,14 +130,14 @@ function ze() {
       }
     }
     function r() {
-      var s = V.A;
+      var s = Z.A;
       return s === null ? null : s.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function a(s) {
-      if ($.call(s, "key")) {
+      if (z.call(s, "key")) {
         var p = Object.getOwnPropertyDescriptor(s, "key").get;
         if (p && p.isReactWarning) return !1;
       }
@@ -145,7 +145,7 @@ function ze() {
     }
     function l(s, p) {
       function h() {
-        m || (m = !0, console.error(
+        Y || (Y = !0, console.error(
           "%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://react.dev/link/special-props)",
           p
         ));
@@ -157,14 +157,14 @@ function ze() {
     }
     function d() {
       var s = n(this.type);
-      return b[s] || (b[s] = !0, console.error(
+      return m[s] || (m[s] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function u(s, p, h, f, Q, se) {
+    function u(s, p, h, f, J, ce) {
       var v = h.ref;
       return s = {
-        $$typeof: C,
+        $$typeof: x,
         type: s,
         key: p,
         props: h,
@@ -186,33 +186,33 @@ function ze() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: J
       }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: se
+        value: ce
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function T(s, p, h, f, Q, se) {
+    function U(s, p, h, f, J, ce) {
       var v = p.children;
       if (v !== void 0)
         if (f)
-          if (te(v)) {
+          if (se(v)) {
             for (f = 0; f < v.length; f++)
-              M(v[f]);
+              w(v[f]);
             Object.freeze && Object.freeze(v);
           } else
             console.error(
               "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 M(v);
-      if ($.call(p, "key")) {
+        else w(v);
+      if (z.call(p, "key")) {
         v = n(s);
-        var W = Object.keys(p).filter(function(Ne) {
-          return Ne !== "key";
+        var W = Object.keys(p).filter(function(Pe) {
+          return Pe !== "key";
         });
-        f = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", fe[v + f] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ve[v + f] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -223,12 +223,12 @@ React keys must be passed directly to JSX without using spread:
           v,
           W,
           v
-        ), fe[v + f] = !0);
+        ), ve[v + f] = !0);
       }
       if (v = null, h !== void 0 && (o(h), v = "" + h), a(p) && (o(p.key), v = "" + p.key), "key" in p) {
         h = {};
-        for (var ce in p)
-          ce !== "key" && (h[ce] = p[ce]);
+        for (var ie in p)
+          ie !== "key" && (h[ie] = p[ie]);
       } else h = p;
       return v && l(
         h,
@@ -238,62 +238,62 @@ React keys must be passed directly to JSX without using spread:
         v,
         h,
         r(),
-        Q,
-        se
+        J,
+        ce
       );
     }
-    function M(s) {
-      U(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === E && (s._payload.status === "fulfilled" ? U(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    function w(s) {
+      C(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === B && (s._payload.status === "fulfilled" ? C(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
     }
-    function U(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === C;
+    function C(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === x;
     }
-    var D = je, C = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), I = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), X = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), V = D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, te = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var E = He, x = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), ne = Symbol.for("react.profiler"), G = Symbol.for("react.consumer"), M = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), Z = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, se = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    D = {
+    E = {
       react_stack_bottom_frame: function(s) {
         return s();
       }
     };
-    var m, b = {}, S = D.react_stack_bottom_frame.bind(
-      D,
+    var Y, m = {}, b = E.react_stack_bottom_frame.bind(
+      E,
       i
-    )(), he = G(t(i)), fe = {};
-    F.Fragment = I, F.jsx = function(s, p, h) {
-      var f = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return T(
+    )(), k = F(t(i)), ve = {};
+    $.Fragment = T, $.jsx = function(s, p, h) {
+      var f = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return U(
         s,
         p,
         h,
         !1,
-        f ? Error("react-stack-top-frame") : S,
-        f ? G(t(s)) : he
+        f ? Error("react-stack-top-frame") : b,
+        f ? F(t(s)) : k
       );
-    }, F.jsxs = function(s, p, h) {
-      var f = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return T(
+    }, $.jsxs = function(s, p, h) {
+      var f = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return U(
         s,
         p,
         h,
         !0,
-        f ? Error("react-stack-top-frame") : S,
-        f ? G(t(s)) : he
+        f ? Error("react-stack-top-frame") : b,
+        f ? F(t(s)) : k
       );
     };
-  })()), F;
+  })()), $;
 }
-var De;
-function Ze() {
-  return De || (De = 1, process.env.NODE_ENV === "production" ? K.exports = We() : K.exports = ze()), K.exports;
+var ke;
+function Fe() {
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? q.exports = Ze() : q.exports = ze()), q.exports;
 }
-var c = Ze();
-const B = class B {
+var c = Fe();
+const H = class H {
   constructor() {
     g(this, "paymentMethods", /* @__PURE__ */ new Map());
   }
   static getInstance() {
-    return B.instance || (B.instance = new B()), B.instance;
+    return H.instance || (H.instance = new H()), H.instance;
   }
   /**
    * Register a new payment method
@@ -431,17 +431,13 @@ const B = class B {
     const o = this.getCryptoPaymentMethods().filter(
       (r) => r.method === "wallet"
     );
-    if (console.log("getWalletMethods: All wallet methods:", o.length), console.log("getWalletMethods: Filters:", e), !e) return o;
-    const t = o.filter((r) => {
+    return e ? o.filter((r) => {
       var d;
       const i = !((d = e.currencies) != null && d.length) || e.currencies.some(
         (u) => r.currency.toLowerCase() === u.toLowerCase()
-      ), a = (!e.targetCurrency || r.currency.toLowerCase() === e.targetCurrency.toLowerCase()) && (!e.targetNetwork || r.network.toLowerCase() === e.targetNetwork.toLowerCase()), l = i && a;
-      return console.log(
-        `getWalletMethods: Method ${r.currency}/${r.network} - currencyMatches: ${i}, targetMatches: ${a}, overall: ${l}`
-      ), l;
-    });
-    return console.log("getWalletMethods: Filtered result:", t.length), t;
+      ), a = (!e.targetCurrency || r.currency.toLowerCase() === e.targetCurrency.toLowerCase()) && (!e.targetNetwork || r.network.toLowerCase() === e.targetNetwork.toLowerCase());
+      return i && a;
+    }) : o;
   }
   /**
    * Get exchange payment methods with optional exchange and target filters
@@ -476,23 +472,16 @@ const B = class B {
   getDisplayOptions(e) {
     var t, r, i;
     const o = [];
-    return console.log(
-      "getDisplayOptions: Processing walletFilter:",
-      e == null ? void 0 : e.walletFilter
-    ), (t = e == null ? void 0 : e.walletFilter) == null || t.forEach((a) => {
-      console.log(`getDisplayOptions: Processing wallet currency: ${a}`);
-      const l = this.getWalletMethods({
+    return (t = e == null ? void 0 : e.walletFilter) == null || t.forEach((a) => {
+      this.getWalletMethods({
         currencies: [a],
         targetCurrency: e.targetCurrency,
         targetNetwork: e.targetNetwork
-      });
-      console.log(
-        `getDisplayOptions: Found ${l.length} wallet methods for ${a}`
-      ), l.length > 0 && (o.push({
+      }).length > 0 && o.push({
         id: `wallet-${a.toLowerCase()}`,
         displayName: a,
         method: "wallet"
-      }), console.log(`getDisplayOptions: Added wallet option for ${a}`));
+      });
     }), (r = e == null ? void 0 : e.exchangeFilter) == null || r.forEach((a) => {
       this.getExchangeMethods({
         exchanges: [a],
@@ -519,9 +508,9 @@ const B = class B {
     this.paymentMethods.clear();
   }
 };
-g(B, "instance");
-let pe = B;
-const ke = pe.getInstance(), j = class j {
+g(H, "instance");
+let be = H;
+const Se = be.getInstance(), X = class X {
   constructor() {
     g(this, "currencies", /* @__PURE__ */ new Map());
     g(this, "supportedCurrencies", {
@@ -530,7 +519,7 @@ const ke = pe.getInstance(), j = class j {
     });
   }
   static getInstance() {
-    return j.instance || (j.instance = new j()), j.instance;
+    return X.instance || (X.instance = new X()), X.instance;
   }
   /**
    * Register a new currency
@@ -633,14 +622,14 @@ const ke = pe.getInstance(), j = class j {
     this.currencies.clear(), this.supportedCurrencies.sandbox.clear(), this.supportedCurrencies.production.clear();
   }
 };
-g(j, "instance");
-let me = j;
-const Se = me.getInstance(), H = class H {
+g(X, "instance");
+let ge = X;
+const Ue = ge.getInstance(), V = class V {
   constructor() {
     g(this, "networks", /* @__PURE__ */ new Map());
   }
   static getInstance() {
-    return H.instance || (H.instance = new H()), H.instance;
+    return V.instance || (V.instance = new V()), V.instance;
   }
   /**
    * Register a new network
@@ -691,9 +680,96 @@ const Se = me.getInstance(), H = class H {
     this.networks.clear();
   }
 };
-g(H, "instance");
-let be = H;
-const we = be.getInstance(), Fe = {
+g(V, "instance");
+let ue = V;
+const we = ue.getInstance(), le = /* @__PURE__ */ new Map();
+function Ye(n, e = !1) {
+  const o = `${n}-${e}`;
+  return le.has(o) || le.set(
+    o,
+    new Intl.NumberFormat("en-US", {
+      minimumFractionDigits: n,
+      maximumFractionDigits: n,
+      useGrouping: e
+    })
+  ), le.get(o);
+}
+function _e(n, e) {
+  const o = n;
+  return isNaN(o) ? "" : Ye(e, !1).format(o);
+}
+function $e(n, e) {
+  const o = n.split(".");
+  return o.length <= 1 ? !0 : o[1].length <= e.decimals;
+}
+function Qe(n, e) {
+  const o = n.split(".");
+  if (o.length <= 1) return n;
+  const t = o[1].substring(0, e.decimals);
+  return t.length > 0 ? `${o[0]}.${t}` : o[0];
+}
+function Ee(n) {
+  return n.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+function Ke() {
+  return {
+    colorPrimary: "#6366f1",
+    colorPrimaryHover: "#4f46e5",
+    colorPrimaryLight: "#e0e7ff",
+    colorBackground: "#ffffff",
+    colorText: "#1f2937",
+    colorTextMuted: "#6b7280",
+    colorBorder: "#e5e7eb",
+    colorBorderLight: "#f3f4f6",
+    colorDanger: "#ef4444",
+    colorSuccess: "#10b981",
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    fontSize: "1rem",
+    borderRadius: "0.5rem",
+    spacing: "1rem"
+  };
+}
+function Je(n) {
+  const e = Ke();
+  switch (n) {
+    case "dark":
+      return P(y({}, e), {
+        colorPrimary: "#6366f1",
+        colorPrimaryHover: "#7c3aed",
+        colorPrimaryLight: "#1e1b4b",
+        colorBackground: "#111827",
+        colorText: "#f9fafb",
+        colorTextMuted: "#9ca3af",
+        colorBorder: "#374151",
+        colorBorderLight: "#4b5563"
+      });
+    case "light":
+    default:
+      return e;
+  }
+}
+function qe(n, e) {
+  var i;
+  const o = typeof n == "string" ? { theme: n } : n, t = Je((i = o.theme) != null ? i : "light"), r = y(y({}, t), o.variables);
+  Object.entries(r).forEach(([a, l]) => {
+    if (l !== void 0) {
+      const d = `--${Ee(a)}`;
+      e.style.setProperty(d, l);
+    }
+  }), o.theme && e.setAttribute("data-theme", o.theme), o.rules && eo(o.rules);
+}
+function eo(n) {
+  const e = "w3-theme-rules";
+  let o = document.getElementById(e);
+  o || (o = document.createElement("style"), o.id = e, document.head.appendChild(o));
+  const t = Object.entries(n).map(([r, i]) => {
+    const a = Object.entries(i).map(([l, d]) => `${Ee(l)}: ${d};`).join(" ");
+    return `.w3-widget ${r} { ${a} }`;
+  }).join(`
+`);
+  o.textContent = t;
+}
+const oo = {
   USD: {
     code: "USD",
     name: "US Dollar",
@@ -723,7 +799,7 @@ const we = be.getInstance(), Fe = {
     isStablecoin: !1,
     iconUrl: "https://cdn.jsdelivr.net/gh/atomiclabs/cryptocurrency-icons@1a63530be6e374711a8554f31b17e4cb92c25fa5/svg/icon/eth.svg"
   }
-}, Ye = {
+}, no = {
   bitcoin: {
     id: "bitcoin",
     name: "Bitcoin",
@@ -735,7 +811,7 @@ const we = be.getInstance(), Fe = {
     symbol: "ETH",
     chainId: 1
   }
-}, _e = {
+}, to = {
   // Major Cryptocurrencies
   BTC: "https://cryptologos.cc/logos/bitcoin-btc-logo.svg",
   ETH: "https://cryptologos.cc/logos/ethereum-eth-logo.svg",
@@ -760,10 +836,10 @@ const we = be.getInstance(), Fe = {
   ADA: "https://cryptologos.cc/logos/cardano-ada-logo.svg",
   DOT: "https://cryptologos.cc/logos/polkadot-new-dot-logo.svg"
 };
-function Ce(n) {
-  return _e[n.toUpperCase()];
+function Me(n) {
+  return to[n.toUpperCase()];
 }
-const $e = {
+const so = {
   // Major Exchanges
   coinbase: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiMwMDUyRkYiLz4KPHJlY3QgeD0iOSIgeT0iOSIgd2lkdGg9IjYiIGhlaWdodD0iNiIgcng9IjEiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==",
   kraken: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIGZpbGw9IiM1NzQxOUEiLz4KPHBhdGggZD0iTTggN0wxNiA5VjE3TDggMTVWN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==",
@@ -779,10 +855,10 @@ const $e = {
   "coinbase-pro": "https://assets.coincap.io/assets/icons/256/coinbase.png",
   "binance-us": "https://assets.coincap.io/assets/icons/256/binance.png"
 };
-function Ee(n) {
-  return $e[n.toLowerCase()];
+function xe(n) {
+  return so[n.toLowerCase()];
 }
-const Qe = {
+const co = {
   // Bank Transfer Methods
   ach: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgN1YxN0gyMVY3SDNaTTQgOEgyMFYxNkg0VjhaTTYgMTBWMTRIOVYxMEg2Wk0xMCAxMFYxMUgxOFYxMEgxMFpNMTAgMTJWMTNIMTVWMTJIMTBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+",
   wire: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+",
@@ -798,10 +874,10 @@ const Qe = {
   bank: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgN1YxN0gyMVY3SDNaTTQgOEgyMFYxNkg0VjhaTTYgMTBWMTRIOVYxMEg2Wk0xMCAxMFYxMUgxOFYxMEgxMFpNMTAgMTJWMTNIMTVWMTJIMTBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+",
   other: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhDMTMuMSA4IDE0IDcuMSAxNCA2UzEzLjEgNCAxMiA0IDEwIDQuOSAxMCA2UzEwLjkgOCAxMiA4Wk0xMiAxMEMxMC45IDEwIDEwIDEwLjkgMTAgMTJTMTAuOSAxNCAxMiAxNFMxNCAxMy4xIDE0IDEyUzEzLjEgMTAgMTIgMTBaTTEyIDE2QzEwLjkgMTYgMTAgMTYuOSAxMCAxOFMxMC45IDIwIDEyIDIwUzE0IDE5LjEgMTQgMThTMTMuMSAxNiAxMiAxNloiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K"
 };
-function Me(n) {
-  return Qe[n.toLowerCase()];
+function Ne(n) {
+  return co[n.toLowerCase()];
 }
-var Ke = {
+var io = {
   content: {
     integrations: [
       {
@@ -2941,7 +3017,7 @@ var Ke = {
   message: "",
   errorHash: "41f47591",
   errorType: ""
-}, Je = {
+}, ro = {
   content: {
     networks: [
       {
@@ -4205,7 +4281,7 @@ var Ke = {
   message: "",
   errorHash: "41f47591",
   errorType: ""
-}, qe = {
+}, ao = {
   krakenDirect: "kraken",
   coinbase: "coinbase",
   binanceConnect: "binance",
@@ -4219,10 +4295,10 @@ var Ke = {
   robinhood: "robinhood",
   uphold: "uphold"
 };
-function eo(n) {
-  return qe[n] || null;
+function lo(n) {
+  return ao[n] || null;
 }
-var oo = {
+var po = {
   Ethereum: "ethereum",
   Bitcoin: "bitcoin",
   Solana: "solana",
@@ -4240,10 +4316,10 @@ var oo = {
   Injective: "injective",
   Moonbeam: "moonbeam"
 };
-function Ue(n) {
-  return oo[n] || n.toLowerCase();
+function Ie(n) {
+  return po[n] || n.toLowerCase();
 }
-var no = {
+var mo = {
   // Most currencies are already normalized, but add special cases here
   WETH: "ETH",
   // Wrapped ETH maps to ETH
@@ -4252,9 +4328,9 @@ var no = {
   // Add other wrapped/special tokens as needed
 };
 function Ae(n) {
-  return no[n] || n;
+  return mo[n] || n;
 }
-var to = class {
+var bo = class {
   constructor(n = "sandbox") {
     g(this, "id", "meshpay");
     g(this, "name", "MeshPay");
@@ -4264,7 +4340,7 @@ var to = class {
     this.environment = n;
   }
   initialize(n) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       const e = n[this.id];
       if (!(e != null && e.clientId) || !(e != null && e.clientSecret))
         throw new Error(
@@ -4289,7 +4365,7 @@ var to = class {
   mapExchanges() {
     const n = this.getIntegrationsData().content.integrations, e = [];
     return n.forEach((o) => {
-      const t = eo(o.type);
+      const t = lo(o.type);
       if (!t) {
         console.warn(
           `Skipping unknown MeshPay integration type: ${o.type}`
@@ -4297,7 +4373,7 @@ var to = class {
         return;
       }
       o.networks.forEach((r) => {
-        const i = Ue(r.name);
+        const i = Ie(r.name);
         r.supportedTokens.forEach((a) => {
           const l = Ae(a);
           e.push({
@@ -4328,7 +4404,7 @@ var to = class {
   mapWallets() {
     const n = this.getNetworksData().content.networks, e = [];
     return n.forEach((o) => {
-      const t = Ue(o.name);
+      const t = Ie(o.name);
       o.supportedTokens.forEach((r) => {
         const i = Ae(r);
         e.push({
@@ -4357,16 +4433,16 @@ var to = class {
   }
   getIntegrationsData() {
     if (this.environment === "sandbox")
-      return Ke;
+      return io;
     throw new Error("Production integrations data loading not implemented");
   }
   getNetworksData() {
     if (this.environment === "sandbox")
-      return Je;
+      return ro;
     throw new Error("Production networks data loading not implemented");
   }
   createCheckoutSession(n) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       if (!this.initialized)
         throw new Error("MeshPay adapter not initialized");
       try {
@@ -4409,7 +4485,7 @@ var to = class {
     return o.id;
   }
   generateLinkToken(n) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       if (!this.config)
         throw new Error("Adapter not initialized");
       const e = {
@@ -4457,7 +4533,7 @@ var to = class {
    * Open MeshPay checkout using their Web Link SDK
    */
   openCheckout(n) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       if (!n.metadata || !n.metadata.linkToken)
         throw new Error("Missing linkToken in checkout session metadata");
       if (!n.metadata.clientId)
@@ -4505,19 +4581,19 @@ var to = class {
     });
   }
   getPaymentStatus(n) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       throw new Error(
         "getPaymentStatus not implemented - MeshPay uses webhooks for status updates"
       );
     });
   }
 };
-class q extends Error {
+class oe extends Error {
   constructor(o, t = "PAYMENT_ERROR", r) {
     super(o);
     g(this, "code");
     g(this, "context");
-    this.name = "PaymentError", this.code = t, this.context = r, Error.captureStackTrace && Error.captureStackTrace(this, q);
+    this.name = "PaymentError", this.code = t, this.context = r, Error.captureStackTrace && Error.captureStackTrace(this, oe);
   }
   toJSON() {
     return {
@@ -4529,23 +4605,23 @@ class q extends Error {
     };
   }
 }
-class R extends q {
+class O extends oe {
   constructor(e, o) {
     super(e, "PAYMENT_VALIDATION_ERROR", o), this.name = "PaymentValidationError";
   }
 }
-class L extends q {
+class j extends oe {
   constructor(e, o) {
     super(e, "PAYMENT_EXECUTION_ERROR", o), this.name = "PaymentExecutionError";
   }
 }
-class Y extends Error {
+class Q extends Error {
   constructor(o, t = "ADAPTER_ERROR", r, i) {
     super(o);
     g(this, "code");
     g(this, "vendorId");
     g(this, "context");
-    this.name = "AdapterError", this.code = t, this.vendorId = r, this.context = i, Error.captureStackTrace && Error.captureStackTrace(this, Y);
+    this.name = "AdapterError", this.code = t, this.vendorId = r, this.context = i, Error.captureStackTrace && Error.captureStackTrace(this, Q);
   }
   toJSON() {
     return {
@@ -4558,7 +4634,7 @@ class Y extends Error {
     };
   }
 }
-class so extends Y {
+class go extends Q {
   constructor(e, o) {
     super(
       `Payment adapter for vendor "${e}" not found`,
@@ -4568,7 +4644,7 @@ class so extends Y {
     ), this.name = "AdapterNotFoundError";
   }
 }
-class co extends Y {
+class uo extends Q {
   constructor(e, o, t) {
     super(
       `Failed to initialize adapter for vendor "${e}": ${o}`,
@@ -4578,7 +4654,7 @@ class co extends Y {
     ), this.name = "AdapterInitializationError";
   }
 }
-class io extends Y {
+class ho extends Q {
   constructor(e, o, t) {
     super(
       `Configuration error for adapter "${e}": ${o}`,
@@ -4588,7 +4664,7 @@ class io extends Y {
     ), this.name = "AdapterConfigurationError";
   }
 }
-class Ie {
+class Ce {
   constructor() {
     g(this, "adapters", /* @__PURE__ */ new Map());
     g(this, "initialized", !1);
@@ -4598,7 +4674,7 @@ class Ie {
    */
   register(e) {
     if (this.adapters.has(e.id))
-      throw new io(
+      throw new ho(
         e.id,
         "Adapter already registered"
       );
@@ -4610,7 +4686,7 @@ class Ie {
   get(e) {
     const o = this.adapters.get(e);
     if (!o)
-      throw new so(e);
+      throw new go(e);
     return o;
   }
   /**
@@ -4635,15 +4711,15 @@ class Ie {
    * Initialize all registered adapters
    */
   initialize(e) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       if (this.initialized)
         return;
       const o = Array.from(this.adapters.entries()).map(
-        (i) => w(this, [i], function* ([t, r]) {
+        (i) => S(this, [i], function* ([t, r]) {
           try {
             yield r.initialize(e);
           } catch (a) {
-            throw new co(
+            throw new uo(
               t,
               a instanceof Error ? a.message : "Unknown error",
               { originalError: a }
@@ -4674,12 +4750,12 @@ class Ie {
     return o && this.adapters.size === 0 && (this.initialized = !1), o;
   }
 }
-class ge {
+class he {
   constructor(e) {
     g(this, "registry");
-    g(this, "currencyService", Se);
+    g(this, "currencyService", Ue);
     g(this, "networkService", we);
-    g(this, "paymentMethodService", ke);
+    g(this, "paymentMethodService", Se);
     g(this, "options");
     g(this, "clientMode", !1);
     /**
@@ -4690,20 +4766,20 @@ class ge {
        * Create a payment intent and checkout session
        * Automatically selects the best vendor
        */
-      create: (e) => w(this, null, function* () {
+      create: (e) => S(this, null, function* () {
         var r;
         if (!this.isInitialized())
-          throw new L("W3Payments client not initialized");
+          throw new j("W3Payments client not initialized");
         if (!e.amount || e.amount <= 0)
-          throw new R("Amount must be greater than 0");
+          throw new O("Amount must be greater than 0");
         if (!e.currency)
-          throw new R("Currency is required");
+          throw new O("Currency is required");
         if (!e.id)
-          throw new R("Payment ID is required");
+          throw new O("Payment ID is required");
         if (!e.customerId)
-          throw new R("Customer ID is required");
+          throw new O("Customer ID is required");
         if (!e.destinations || e.destinations.length === 0)
-          throw new R(
+          throw new O(
             "At least one destination is required"
           );
         const o = this.selectBestVendor(e), t = {
@@ -4724,7 +4800,7 @@ class ge {
             selectedVendor: ((r = a.metadata) == null ? void 0 : r.selectedVendor) || o
           });
         } catch (i) {
-          throw new L(
+          throw new j(
             `Payment creation failed: ${i instanceof Error ? i.message : "Unknown error"}`,
             { intent: t, selectedVendor: o, originalError: i }
           );
@@ -4733,32 +4809,32 @@ class ge {
       /**
        * Get payment status
        */
-      retrieve: (e, o) => w(this, null, function* () {
+      retrieve: (e, o) => S(this, null, function* () {
         if (!this.isInitialized())
-          throw new L("W3Payments client not initialized");
+          throw new j("W3Payments client not initialized");
         if (!e)
-          throw new R("Session ID is required");
+          throw new O("Session ID is required");
         if (!o)
-          throw new R("Vendor ID is required");
+          throw new O("Vendor ID is required");
         try {
           return yield this.registry.get(o).getPaymentStatus(e);
         } catch (t) {
-          throw new L(
+          throw new j(
             `Payment status retrieval failed: ${t instanceof Error ? t.message : "Unknown error"}`,
             { sessionId: e, vendorId: o, originalError: t }
           );
         }
       })
     });
-    this.options = e, this.registry = new Ie(), this.configureCurrencies(), this.configureNetworks(), this.registerAdapters();
+    this.options = e, this.registry = new Ce(), this.configureCurrencies(), this.configureNetworks(), this.registerAdapters();
   }
   /**
    * Create a client-only instance for data access (no vendor secrets needed)
    * Only initializes currencies, networks, and registers adapters without API initialization
    */
   static createClient(e = "sandbox") {
-    const o = Object.create(ge.prototype);
-    return o.currencyService = Se, o.networkService = we, o.paymentMethodService = ke, o.registry = new Ie(), o.clientMode = !0, o.options = {
+    const o = Object.create(he.prototype);
+    return o.currencyService = Ue, o.networkService = we, o.paymentMethodService = Se, o.registry = new Ce(), o.clientMode = !0, o.options = {
       config: {
         environment: e
       }
@@ -4768,13 +4844,13 @@ class ge {
    * Configure currencies from CURRENCIES data
    */
   configureCurrencies() {
-    this.currencyService.registerMany(Object.values(Fe));
+    this.currencyService.registerMany(Object.values(oo));
   }
   /**
    * Configure networks from NETWORKS data
    */
   configureNetworks() {
-    this.networkService.registerMany(Object.values(Ye));
+    this.networkService.registerMany(Object.values(no));
   }
   /**
    * Register all available adapters
@@ -4782,13 +4858,13 @@ class ge {
    */
   registerAdapters() {
     const e = this.options.config.environment || "sandbox";
-    this.registry.register(new to(e));
+    this.registry.register(new bo(e));
   }
   /**
    * Initialize the W3Payments client and all adapters
    */
   initialize() {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       const e = P(y({}, this.options.config), {
         environment: this.options.environment || this.options.config.environment
       });
@@ -4844,22 +4920,22 @@ class ge {
    * Uses the complete CheckoutSession returned from payment creation
    */
   openCheckout(e) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       var t, r;
       const o = ((t = e.metadata) == null ? void 0 : t.selectedVendor) || ((r = e.metadata) == null ? void 0 : r.vendorId);
       if (!o)
-        throw new R(
+        throw new O(
           "Vendor ID not found in session metadata"
         );
       try {
         const i = this.registry.get(o);
         if (!i.openCheckout)
-          throw new L(
+          throw new j(
             `Vendor ${o} does not support client-side checkout opening`
           );
         return yield i.openCheckout(e);
       } catch (i) {
-        throw new L(
+        throw new j(
           `Checkout opening failed: ${i instanceof Error ? i.message : "Unknown error"}`,
           { sessionId: e.id, vendorId: o, originalError: i }
         );
@@ -4873,78 +4949,17 @@ class ge {
   selectBestVendor(e) {
     const o = this.getAvailableVendors();
     if (o.length === 0)
-      throw new L("No payment vendors available");
+      throw new j("No payment vendors available");
     return e.preferredVendor && this.hasVendor(e.preferredVendor) ? e.preferredVendor : o[0];
   }
 }
-function xe(n) {
-  return n.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-}
-function ro() {
-  return {
-    colorPrimary: "#6366f1",
-    colorPrimaryHover: "#4f46e5",
-    colorPrimaryLight: "#e0e7ff",
-    colorBackground: "#ffffff",
-    colorText: "#1f2937",
-    colorTextMuted: "#6b7280",
-    colorBorder: "#e5e7eb",
-    colorBorderLight: "#f3f4f6",
-    colorDanger: "#ef4444",
-    colorSuccess: "#10b981",
-    fontFamily: "system-ui, -apple-system, sans-serif",
-    fontSize: "1rem",
-    borderRadius: "0.5rem",
-    spacing: "1rem"
-  };
-}
-function ao(n) {
-  const e = ro();
-  switch (n) {
-    case "dark":
-      return P(y({}, e), {
-        colorPrimary: "#6366f1",
-        colorPrimaryHover: "#7c3aed",
-        colorPrimaryLight: "#1e1b4b",
-        colorBackground: "#111827",
-        colorText: "#f9fafb",
-        colorTextMuted: "#9ca3af",
-        colorBorder: "#374151",
-        colorBorderLight: "#4b5563"
-      });
-    case "light":
-    default:
-      return e;
-  }
-}
-function lo(n, e) {
-  var i;
-  const o = typeof n == "string" ? { theme: n } : n, t = ao((i = o.theme) != null ? i : "light"), r = y(y({}, t), o.variables);
-  Object.entries(r).forEach(([a, l]) => {
-    if (l !== void 0) {
-      const d = `--${xe(a)}`;
-      e.style.setProperty(d, l);
-    }
-  }), o.theme && e.setAttribute("data-theme", o.theme), o.rules && po(o.rules);
-}
-function po(n) {
-  const e = "w3-theme-rules";
-  let o = document.getElementById(e);
-  o || (o = document.createElement("style"), o.id = e, document.head.appendChild(o));
-  const t = Object.entries(n).map(([r, i]) => {
-    const a = Object.entries(i).map(([l, d]) => `${xe(l)}: ${d};`).join(" ");
-    return `.w3-widget ${r} { ${a} }`;
-  }).join(`
-`);
-  o.textContent = t;
-}
-class mo {
+class fo {
   constructor(e) {
     g(this, "config");
     this.config = e;
   }
   makeRequest(t) {
-    return w(this, arguments, function* (e, o = {}) {
+    return S(this, arguments, function* (e, o = {}) {
       const r = yield globalThis.fetch(`${this.config.endpoint}${e}`, y({
         headers: y(y({
           "Content-Type": "application/json"
@@ -4956,7 +4971,7 @@ class mo {
     });
   }
   createPayment(e) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       return this.makeRequest("/payment/create", {
         method: "POST",
         body: JSON.stringify(e)
@@ -4964,7 +4979,7 @@ class mo {
     });
   }
   getPaymentStatus(e, o) {
-    return w(this, null, function* () {
+    return S(this, null, function* () {
       return this.makeRequest(`/payment/${e}?vendorId=${o}`, {
         method: "GET"
       });
@@ -4974,41 +4989,41 @@ class mo {
     return !!this.config.endpoint;
   }
 }
-const ue = He(
+const fe = Xe(
   null
 );
-ue.displayName = "W3PaymentsContext";
-const So = ({
+fe.displayName = "W3PaymentsContext";
+const Co = ({
   endpoint: n,
   environment: e = "sandbox",
   theme: o,
   children: t
 }) => {
-  const { w3payments: r, httpClient: i, isInitialized: a, initError: l } = de(() => {
+  const { w3payments: r, httpClient: i, isInitialized: a, initError: l } = me(() => {
     try {
       console.debug("W3PaymentsProvider: Initializing clients...");
-      const u = ge.createClient(e), T = new mo({ endpoint: n });
+      const u = he.createClient(e), U = new fo({ endpoint: n });
       return console.debug(
         "W3PaymentsProvider: Both clients initialized successfully"
       ), {
         w3payments: u,
-        httpClient: T,
+        httpClient: U,
         isInitialized: !0,
         initError: null
       };
     } catch (u) {
-      const T = u instanceof Error ? u.message : "Failed to initialize W3Payments clients";
+      const U = u instanceof Error ? u.message : "Failed to initialize W3Payments clients";
       return console.error("W3PaymentsProvider initialization error:", u), {
         w3payments: null,
         httpClient: null,
         isInitialized: !1,
-        initError: T
+        initError: U
       };
     }
   }, [n, e]);
-  Xe(() => {
-    o && document.querySelectorAll(".w3-widget").forEach((T) => {
-      lo(o, T);
+  Ve(() => {
+    o && document.querySelectorAll(".w3-widget").forEach((U) => {
+      qe(o, U);
     });
   }, [o]);
   const d = {
@@ -5035,7 +5050,7 @@ const So = ({
         /* @__PURE__ */ c.jsx("p", { style: { margin: "8px 0 0 0" }, children: l })
       ]
     }
-  ) : a ? /* @__PURE__ */ c.jsx(ue.Provider, { value: d, children: t }) : /* @__PURE__ */ c.jsx(
+  ) : a ? /* @__PURE__ */ c.jsx(fe.Provider, { value: d, children: t }) : /* @__PURE__ */ c.jsx(
     "div",
     {
       className: "w3-loading-container",
@@ -5048,14 +5063,14 @@ const So = ({
       children: "Initializing W3Payments..."
     }
   );
-}, bo = () => {
-  const n = Ve(ue);
+}, vo = () => {
+  const n = Ge(fe);
   if (!n)
     throw new Error(
       "useW3Payments must be used within W3PaymentsProvider. Make sure your component is wrapped with <W3PaymentsProvider>."
     );
   return n;
-}, go = ({
+}, yo = ({
   title: n,
   logo: e
 }) => /* @__PURE__ */ c.jsx(
@@ -5081,21 +5096,25 @@ const So = ({
       )
     ] })
   }
-), uo = ({
+), To = ({
   title: n,
   subtext: e,
   amount: o,
   currency: t,
   editable: r = !0,
-  usdConversion: i,
-  onAmountChange: a,
-  className: l = ""
+  onAmountChange: i,
+  className: a = ""
 }) => {
-  const [d, u] = J(null), T = (U) => {
-    const D = U.target.value;
-    a == null || a(D);
-  }, M = (U, D) => !D || !U || isNaN(Number(U)) ? "" : `≈ $${(Number(U) * D).toFixed(2)} USD`;
-  return /* @__PURE__ */ c.jsxs("div", { className: `${l}`, children: [
+  const [l, d] = ee(null), u = (U) => {
+    const w = U.target.value;
+    if (w && !$e(w, t)) {
+      const C = Qe(w, t);
+      i == null || i(C);
+      return;
+    }
+    i == null || i(w);
+  };
+  return /* @__PURE__ */ c.jsxs("div", { className: `${a}`, children: [
     n && /* @__PURE__ */ c.jsx(
       "h3",
       {
@@ -5121,7 +5140,7 @@ const So = ({
         children: e
       }
     ),
-    /* @__PURE__ */ c.jsxs(
+    /* @__PURE__ */ c.jsx(
       "div",
       {
         style: {
@@ -5129,86 +5148,73 @@ const So = ({
           flexDirection: "column",
           gap: "calc(var(--spacing) * 0.5)"
         },
-        children: [
-          /* @__PURE__ */ c.jsxs(
-            "div",
-            {
-              style: {
-                position: "relative",
-                display: "flex",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ c.jsx(
-                  "input",
-                  {
-                    type: "text",
-                    inputMode: "decimal",
-                    style: {
-                      width: "100%",
-                      padding: "calc(var(--spacing) * 0.75) calc(var(--spacing) * 3.5) calc(var(--spacing) * 0.75) var(--spacing)",
-                      fontSize: "var(--font-size-base)",
-                      fontWeight: 500,
-                      border: `1px solid ${d === "amount" ? "var(--color-primary)" : "var(--color-border)"}`,
-                      borderRadius: "var(--border-radius)",
-                      backgroundColor: r ? "var(--color-background)" : "var(--color-border-light)",
-                      color: "var(--color-text)",
-                      outline: "none",
-                      transition: "all 0.2s",
-                      boxShadow: d === "amount" ? "0 0 0 2px var(--primary-alpha-20)" : "none",
-                      cursor: r ? "text" : "not-allowed"
-                    },
-                    value: o,
-                    onChange: T,
-                    onFocus: () => u("amount"),
-                    onBlur: () => u(null),
-                    disabled: !r,
-                    placeholder: "0.00",
-                    "aria-label": "Payment amount"
-                  }
-                ),
-                /* @__PURE__ */ c.jsx(
-                  "div",
-                  {
-                    style: {
-                      position: "absolute",
-                      right: "var(--spacing)",
-                      top: "50%",
-                      transform: "translateY(-50%)",
-                      pointerEvents: "none"
-                    },
-                    children: /* @__PURE__ */ c.jsx(
-                      "span",
-                      {
-                        style: {
-                          fontSize: "var(--font-size-base)",
-                          fontWeight: 500,
-                          color: "var(--color-text-muted)"
-                        },
-                        children: typeof t == "string" ? t : t.code
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          i && o && (typeof t == "string" ? t : t.code) !== "USD" && /* @__PURE__ */ c.jsx(
-            "div",
-            {
-              style: {
-                fontSize: "var(--font-size-sm)",
-                color: "var(--text-secondary)",
-                textAlign: "right"
-              },
-              children: M(o, i)
-            }
-          )
-        ]
+        children: /* @__PURE__ */ c.jsxs(
+          "div",
+          {
+            style: {
+              position: "relative",
+              display: "flex",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ c.jsx(
+                "input",
+                {
+                  type: "text",
+                  inputMode: "decimal",
+                  style: {
+                    width: "100%",
+                    padding: "calc(var(--spacing) * 0.75) calc(var(--spacing) * 3.5) calc(var(--spacing) * 0.75) var(--spacing)",
+                    fontSize: "var(--font-size-base)",
+                    fontWeight: 500,
+                    border: `1px solid ${l === "amount" ? "var(--color-primary)" : "var(--color-border)"}`,
+                    borderRadius: "var(--border-radius)",
+                    backgroundColor: r ? "var(--color-background)" : "var(--color-border-light)",
+                    color: "var(--color-text)",
+                    outline: "none",
+                    transition: "all 0.2s",
+                    boxShadow: l === "amount" ? "0 0 0 2px var(--primary-alpha-20)" : "none",
+                    cursor: r ? "text" : "not-allowed"
+                  },
+                  value: o,
+                  onChange: u,
+                  onFocus: () => d("amount"),
+                  onBlur: () => d(null),
+                  disabled: !r,
+                  placeholder: _e(0, t.decimals),
+                  "aria-label": "Payment amount"
+                }
+              ),
+              /* @__PURE__ */ c.jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    right: "var(--spacing)",
+                    top: "50%",
+                    transform: "translateY(-50%)",
+                    pointerEvents: "none"
+                  },
+                  children: /* @__PURE__ */ c.jsx(
+                    "span",
+                    {
+                      style: {
+                        fontSize: "var(--font-size-base)",
+                        fontWeight: 500,
+                        color: "var(--color-text-muted)"
+                      },
+                      children: typeof t == "string" ? t : t.code
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
       }
     )
   ] });
-}, ho = ({
+}, Do = ({
   children: n,
   title: e = "Select Payment Method"
 }) => /* @__PURE__ */ c.jsxs(
@@ -5232,19 +5238,19 @@ const So = ({
       /* @__PURE__ */ c.jsx("div", { className: "space-y-0", children: n })
     ]
   }
-), ae = ({
+), de = ({
   label: n,
   description: e,
   children: o,
   showDisabled: t = !0
 }) => {
-  const r = Ge.toArray(o).filter((i) => {
+  const r = We.toArray(o).filter((i) => {
     var a, l, d;
-    return !t && re(i) && (d = (l = (a = i.props) == null ? void 0 : a.method) == null ? void 0 : l.enabled) != null ? d : !0;
+    return !t && ae(i) && (d = (l = (a = i.props) == null ? void 0 : a.method) == null ? void 0 : l.enabled) != null ? d : !0;
   }).sort((i, a) => {
-    var u, T, M, U, D, C;
-    if (!re(i) || !re(a)) return 0;
-    const l = (M = (T = (u = i.props) == null ? void 0 : u.method) == null ? void 0 : T.enabled) != null ? M : !0, d = (C = (D = (U = a.props) == null ? void 0 : U.method) == null ? void 0 : D.enabled) != null ? C : !0;
+    var u, U, w, C, E, x;
+    if (!ae(i) || !ae(a)) return 0;
+    const l = (w = (U = (u = i.props) == null ? void 0 : u.method) == null ? void 0 : U.enabled) != null ? w : !0, d = (x = (E = (C = a.props) == null ? void 0 : C.method) == null ? void 0 : E.enabled) != null ? x : !0;
     return l && !d ? -1 : !l && d ? 1 : 0;
   });
   return /* @__PURE__ */ c.jsxs(
@@ -5282,15 +5288,15 @@ const So = ({
       ]
     }
   );
-}, le = ({
+}, pe = ({
   data: n,
   selected: e = !1,
   onClick: o
 }) => {
   const t = n.enabled === !1, i = ((a) => {
     const l = a.toLowerCase();
-    let d = Ce(a);
-    if (d || (d = Ee(l), d) || (d = Me(l), d)) return d;
+    let d = Me(a);
+    if (d || (d = xe(l), d) || (d = Ne(l), d)) return d;
   })(n.displayName);
   return /* @__PURE__ */ c.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ c.jsxs(
@@ -5324,7 +5330,7 @@ const So = ({
     ),
     t && /* @__PURE__ */ c.jsx("div", { className: "absolute inset-0 bg-white/50 flex items-center justify-center pointer-events-none rounded-[var(--border-radius)]", children: /* @__PURE__ */ c.jsx("span", { className: "text-[0.5rem] font-semibold text-[var(--color-text-muted)] text-center", children: n.disabledMessage || "Not Available" }) })
   ] });
-}, fo = ({
+}, ko = ({
   selectedMethod: n,
   processingFee: e = 1.5,
   // @TODO: Make this dynamic based on payment method
@@ -5335,8 +5341,8 @@ const So = ({
     return null;
   const r = ((i) => {
     const a = i.toLowerCase();
-    let l = Ce(i);
-    if (l || (l = Ee(a), l) || (l = Me(a), l)) return l;
+    let l = Me(i);
+    if (l || (l = xe(a), l) || (l = Ne(a), l)) return l;
   })(n.displayName);
   return /* @__PURE__ */ c.jsx(
     "div",
@@ -5409,7 +5415,7 @@ const So = ({
       ] })
     }
   );
-}, vo = ({
+}, So = ({
   amount: n,
   currencySymbol: e = "$",
   disabled: o = !1,
@@ -5494,7 +5500,7 @@ const So = ({
       ] })
     }
   );
-}, yo = ({
+}, Uo = ({
   brandingText: n = "Payments",
   showSecured: e = !0
 }) => /* @__PURE__ */ c.jsx(
@@ -5581,68 +5587,69 @@ const So = ({
       }
     )
   }
-), wo = ({
+), Eo = ({
   title: n = "W3 Payments",
   logo: e,
   userId: o,
   transactionId: t,
-  editable: r = !0,
-  currency: i = "USD",
-  usdConversion: a = 1,
-  targetCurrency: l,
-  targetNetwork: d,
-  destinations: u,
-  walletFilter: T,
-  exchangeFilter: M,
-  fiatFilter: U,
-  onInitiate: D,
-  onComplete: C,
-  onError: A
+  amount: r = "",
+  editable: i = !0,
+  amountTitle: a = "Enter payment amount",
+  currency: l = "USD",
+  targetCurrency: d,
+  targetNetwork: u,
+  destinations: U,
+  walletFilter: w,
+  exchangeFilter: C,
+  fiatFilter: E,
+  onInitiate: x,
+  onComplete: R,
+  onError: T
 }) => {
-  var G;
-  const { w3payments: I, httpClient: ee, isInitialized: X } = bo(), [x, _] = J(""), [k, O] = J(), [oe, z] = J(!1), E = de(() => I ? I.getCurrency(i) : null, [I, i]), N = de(() => !X || !I ? [] : I.paymentMethodService.getDisplayOptions({
-    walletFilter: T,
-    exchangeFilter: M,
-    fiatFilter: U,
-    targetCurrency: l,
-    targetNetwork: d
+  var Y;
+  const { w3payments: I, httpClient: ne, isInitialized: G } = vo(), [M, K] = ee(r), [D, L] = ee(), [te, B] = ee(!1), A = me(() => I ? I.getCurrency(l) : null, [I, l]), N = me(() => !G || !I ? [] : I.paymentMethodService.getDisplayOptions({
+    walletFilter: w,
+    exchangeFilter: C,
+    fiatFilter: E,
+    targetCurrency: d,
+    targetNetwork: u
   }), [
-    X,
+    G,
     I,
-    T,
-    M,
-    U,
-    l,
-    d
-  ]), ne = (m) => N.find((b) => b.id === m), V = () => !!(x && k && E && I && X), $ = () => {
-    _(""), O(void 0), z(!1);
-  }, te = () => w(null, null, function* () {
+    w,
+    C,
+    E,
+    d,
+    u
+  ]), Z = (m) => N.find((b) => b.id === m), z = () => !!(M && D && A && I && G), se = () => {
+    K(""), L(void 0), B(!1);
+  }, F = () => S(null, null, function* () {
     var m;
-    if (!(!V() || !I || !E)) {
-      z(!0);
+    if (!(!z() || !I || !A)) {
+      B(!0);
       try {
-        yield D == null ? void 0 : D(y({
-          amount: x,
-          currency: E.code,
-          paymentMethodId: k
+        yield x == null ? void 0 : x(y({
+          amount: M,
+          currency: A.code,
+          paymentMethodId: D
         }, o && { userId: o })), console.log("Initiating payment with:", {
-          amount: x,
-          currency: E.code,
-          paymentMethodId: k
+          amount: M,
+          currency: A.code,
+          paymentMethodId: D
         });
-        const b = yield ee.createPayment({
+        const b = yield ne.createPayment({
           id: t || `payment_${Date.now()}`,
-          amount: parseFloat(x),
-          currency: E.code,
+          amount: parseFloat(M),
+          currency: A.code,
           customerId: o || "anonymous",
-          destinations: u,
+          destinations: U,
           metadata: {
-            paymentMethodId: k
+            paymentMethodId: D
           }
         });
         if (console.log("Payment session created successfully:", b), I && b)
           try {
-            const S = yield I.openCheckout({
+            const k = yield I.openCheckout({
               id: b.id,
               url: b.url,
               expiresAt: b.expiresAt,
@@ -5651,62 +5658,62 @@ const So = ({
                 vendorId: b.selectedVendor
               })
             });
-            if (console.log("Checkout result:", S), S.status === "cancelled") {
-              console.log("Payment cancelled by user"), A == null || A({
+            if (console.log("Checkout result:", k), k.status === "cancelled") {
+              console.log("Payment cancelled by user"), T == null || T({
                 message: "Payment cancelled by user",
                 transactionId: b.id,
                 userId: o || "anonymous",
                 code: "PAYMENT_CANCELLED"
               });
               return;
-            } else if (S.status === "failed") {
-              A == null || A({
-                message: ((m = S.data) == null ? void 0 : m.message) || "Payment failed",
+            } else if (k.status === "failed") {
+              T == null || T({
+                message: ((m = k.data) == null ? void 0 : m.message) || "Payment failed",
                 transactionId: b.id,
                 userId: o || "anonymous",
-                details: S.data
+                details: k.data
               });
               return;
             } else
-              C == null || C(P(y({
-                amount: x,
-                currency: E.code,
-                paymentMethodId: k,
-                transactionId: S.id,
+              R == null || R(P(y({
+                amount: M,
+                currency: A.code,
+                paymentMethodId: D,
+                transactionId: k.id,
                 vendorId: b.selectedVendor || "unknown",
-                status: S.status
+                status: k.status
               }, o && { userId: o }), {
-                checkoutData: S.data
-              })), $();
-          } catch (S) {
-            console.error("Checkout failed:", S), A == null || A({
-              message: `Checkout failed: ${S instanceof Error ? S.message : "Unknown error"}`,
+                checkoutData: k.data
+              })), se();
+          } catch (k) {
+            console.error("Checkout failed:", k), T == null || T({
+              message: `Checkout failed: ${k instanceof Error ? k.message : "Unknown error"}`,
               transactionId: b.id,
               userId: o || "anonymous",
-              details: S
+              details: k
             });
           }
         else
-          C == null || C(y({
-            amount: x,
-            currency: E.code,
-            paymentMethodId: k,
+          R == null || R(y({
+            amount: M,
+            currency: A.code,
+            paymentMethodId: D,
             transactionId: b.id,
             vendorId: b.selectedVendor || "unknown",
             status: "pending"
           }, o && { userId: o }));
       } catch (b) {
-        console.error("Payment failed:", b), A == null || A(P(y(y({
+        console.error("Payment failed:", b), T == null || T(P(y(y({
           message: b instanceof Error ? b.message : "Payment failed"
         }, t && { transactionId: t }), o && { userId: o }), {
           details: b
         }));
       } finally {
-        z(!1);
+        B(!1);
       }
     }
   });
-  return X ? /* @__PURE__ */ c.jsxs(
+  return G ? /* @__PURE__ */ c.jsxs(
     "div",
     {
       className: `
@@ -5722,56 +5729,55 @@ const So = ({
       `,
       children: [
         /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-0.5 flex-1 overflow-y-auto pb-1", children: [
-          /* @__PURE__ */ c.jsx(go, y({ title: n }, e && { logo: e })),
-          E && /* @__PURE__ */ c.jsx("div", { className: "px-[var(--spacing)]", children: /* @__PURE__ */ c.jsx(
-            uo,
+          /* @__PURE__ */ c.jsx(yo, y({ title: n }, e && { logo: e })),
+          A && /* @__PURE__ */ c.jsx("div", { className: "px-[var(--spacing)]", children: /* @__PURE__ */ c.jsx(
+            To,
             {
-              title: "Enter payment amount",
-              amount: x,
-              currency: E,
-              editable: r,
-              usdConversion: a,
-              onAmountChange: _
+              title: a,
+              amount: M,
+              currency: A,
+              editable: i,
+              onAmountChange: K
             }
           ) }),
           /* @__PURE__ */ c.jsxs(
-            ho,
-            P(y({}, k && { selectedMethodId: k }), {
-              onMethodSelect: O,
+            Do,
+            P(y({}, D && { selectedMethodId: D }), {
+              onMethodSelect: L,
               children: [
-                N.filter((m) => m.method === "wallet").length > 0 && /* @__PURE__ */ c.jsx(ae, { label: "Crypto Wallets", children: N.filter((m) => m.method === "wallet").map((m, b) => /* @__PURE__ */ c.jsx(
-                  le,
+                N.filter((m) => m.method === "wallet").length > 0 && /* @__PURE__ */ c.jsx(de, { label: "Crypto Wallets", children: N.filter((m) => m.method === "wallet").map((m, b) => /* @__PURE__ */ c.jsx(
+                  pe,
                   {
                     data: {
                       id: m.id,
                       displayName: m.displayName
                     },
-                    selected: k === m.id,
-                    onClick: () => O(m.id)
+                    selected: D === m.id,
+                    onClick: () => L(m.id)
                   },
                   b
                 )) }),
-                N.filter((m) => m.method === "exchange").length > 0 && /* @__PURE__ */ c.jsx(ae, { label: "Exchanges", children: N.filter((m) => m.method === "exchange").map((m, b) => /* @__PURE__ */ c.jsx(
-                  le,
+                N.filter((m) => m.method === "exchange").length > 0 && /* @__PURE__ */ c.jsx(de, { label: "Exchanges", children: N.filter((m) => m.method === "exchange").map((m, b) => /* @__PURE__ */ c.jsx(
+                  pe,
                   {
                     data: {
                       id: m.id,
                       displayName: m.displayName
                     },
-                    selected: k === m.id,
-                    onClick: () => O(m.id)
+                    selected: D === m.id,
+                    onClick: () => L(m.id)
                   },
                   b
                 )) }),
-                N.filter((m) => m.method === "fiat").length > 0 && /* @__PURE__ */ c.jsx(ae, { label: "Traditional Payment", children: N.filter((m) => m.method === "fiat").map((m, b) => /* @__PURE__ */ c.jsx(
-                  le,
+                N.filter((m) => m.method === "fiat").length > 0 && /* @__PURE__ */ c.jsx(de, { label: "Traditional Payment", children: N.filter((m) => m.method === "fiat").map((m, b) => /* @__PURE__ */ c.jsx(
+                  pe,
                   {
                     data: {
                       id: m.id,
                       displayName: m.displayName
                     },
-                    selected: k === m.id,
-                    onClick: () => O(m.id)
+                    selected: D === m.id,
+                    onClick: () => L(m.id)
                   },
                   b
                 )) })
@@ -5780,36 +5786,36 @@ const So = ({
           )
         ] }),
         /* @__PURE__ */ c.jsxs("div", { className: "bg-white border-t border-gray-100", children: [
-          k && /* @__PURE__ */ c.jsx("div", { className: "px-[var(--spacing)] pt-[calc(var(--spacing)*0.75)]", children: /* @__PURE__ */ c.jsx(
-            fo,
+          D && /* @__PURE__ */ c.jsx("div", { className: "px-[var(--spacing)] pt-[calc(var(--spacing)*0.75)]", children: /* @__PURE__ */ c.jsx(
+            ko,
             {
               selectedMethod: {
-                id: k,
-                displayName: ((G = ne(k)) == null ? void 0 : G.displayName) || ""
+                id: D,
+                displayName: ((Y = Z(D)) == null ? void 0 : Y.displayName) || ""
               }
             }
           ) }),
           /* @__PURE__ */ c.jsx("div", { className: "px-[var(--spacing)] py-[var(--spacing)]", children: /* @__PURE__ */ c.jsx(
-            vo,
+            So,
             {
-              amount: x || "0.00",
-              disabled: !V(),
-              loading: oe,
-              onClick: te
+              amount: M || "0.00",
+              disabled: !z(),
+              loading: te,
+              onClick: F
             }
           ) })
         ] }),
-        /* @__PURE__ */ c.jsx(yo, {})
+        /* @__PURE__ */ c.jsx(Uo, {})
       ]
     }
   ) : /* @__PURE__ */ c.jsx("div", { children: "Loading payment widget..." });
-}, To = "1.0.0", Uo = {
-  W3_PAYMENTS_REACT_VERSION: To
+}, wo = "1.0.0", Mo = {
+  W3_PAYMENTS_REACT_VERSION: wo
 };
 export {
-  wo as W3PaymentWidget,
-  So as W3PaymentsProvider,
-  To as W3_PAYMENTS_REACT_VERSION,
-  Uo as default,
-  bo as useW3Payments
+  Eo as W3PaymentWidget,
+  Co as W3PaymentsProvider,
+  wo as W3_PAYMENTS_REACT_VERSION,
+  Mo as default,
+  vo as useW3Payments
 };