@w3payments/react 1.1.1 → 1.1.3

package/dist/index.mjs

@@ -1,15 +1,15 @@
 import './assets/main.css';var Re = Object.defineProperty, Oe = Object.defineProperties;
 var Le = Object.getOwnPropertyDescriptors;
-var ye = Object.getOwnPropertySymbols;
+var Te = 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) => {
+var re = (n, e, o) => e in n ? Re(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o, f = (n, e) => {
   for (var o in e || (e = {}))
     Be.call(e, o) && re(n, o, e[o]);
-  if (ye)
-    for (var o of ye(e))
+  if (Te)
+    for (var o of Te(e))
       je.call(e, o) && re(n, o, e[o]);
   return n;
-}, P = (n, e) => Oe(n, Le(e));
+}, N = (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) => {
@@ -27,12 +27,12 @@ var S = (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 He, { createContext as Xe, useMemo as me, useEffect as Ve, useContext as We, useState as ee, Children as Ge, isValidElement as ae } from "react";
+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;
+var De;
 function Ze() {
-  if (Te) return _;
-  Te = 1;
+  if (De) return _;
+  De = 1;
   var n = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function o(t, r, i) {
     var a = null;
@@ -52,13 +52,13 @@ function Ze() {
   return _.Fragment = e, _.jsx = o, _.jsxs = o, _;
 }
 var $ = {};
-var De;
+var ke;
 function ze() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && (function() {
+  return ke || (ke = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(s) {
       if (s == null) return null;
       if (typeof s == "function")
-        return s.$$typeof === N ? null : s.displayName || s.name || null;
+        return s.$$typeof === P ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
         case T:
@@ -82,7 +82,7 @@ function ze() {
             return "Portal";
           case M:
             return s.displayName || "Context";
-          case W:
+          case G:
             return (s._context.displayName || "Context") + ".Consumer";
           case K:
             var p = s.render;
@@ -110,11 +110,11 @@ function ze() {
       }
       if (p) {
         p = console;
-        var h = p.error, f = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        var h = p.error, v = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return h.call(
           p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
+          v
         ), e(s);
       }
     }
@@ -161,15 +161,15 @@ function ze() {
         "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, J, ce) {
-      var v = h.ref;
+    function u(s, p, h, v, J, ce) {
+      var y = h.ref;
       return s = {
         $$typeof: x,
         type: s,
         key: p,
         props: h,
-        _owner: f
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(s, "ref", {
+        _owner: v
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: d
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
@@ -194,61 +194,61 @@ function ze() {
         value: ce
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function w(s, p, h, f, J, ce) {
-      var v = p.children;
-      if (v !== void 0)
-        if (f)
-          if (se(v)) {
-            for (f = 0; f < v.length; f++)
-              U(v[f]);
-            Object.freeze && Object.freeze(v);
+    function U(s, p, h, v, J, ce) {
+      var y = p.children;
+      if (y !== void 0)
+        if (v)
+          if (se(y)) {
+            for (v = 0; v < y.length; v++)
+              w(y[v]);
+            Object.freeze && Object.freeze(y);
           } 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 U(v);
+        else w(y);
       if (z.call(p, "key")) {
-        v = n(s);
-        var G = Object.keys(p).filter(function(Pe) {
+        y = n(s);
+        var W = Object.keys(p).filter(function(Pe) {
           return Pe !== "key";
         });
-        f = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ve[v + f] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ye[y + v] || (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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          f,
           v,
-          G,
-          v
-        ), ve[v + f] = !0);
+          y,
+          W,
+          y
+        ), ye[y + v] = !0);
       }
-      if (v = null, h !== void 0 && (o(h), v = "" + h), a(p) && (o(p.key), v = "" + p.key), "key" in p) {
+      if (y = null, h !== void 0 && (o(h), y = "" + h), a(p) && (o(p.key), y = "" + p.key), "key" in p) {
         h = {};
         for (var ie in p)
           ie !== "key" && (h[ie] = p[ie]);
       } else h = p;
-      return v && l(
+      return y && l(
         h,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
       ), u(
         s,
-        v,
+        y,
         h,
         r(),
         J,
         ce
       );
     }
-    function U(s) {
+    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 C(s) {
       return typeof s == "object" && s !== null && s.$$typeof === x;
     }
-    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"), W = 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() {
+    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"), P = 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;
     };
     E = {
@@ -259,33 +259,33 @@ React keys must be passed directly to JSX without using spread:
     var Y, m = {}, b = E.react_stack_bottom_frame.bind(
       E,
       i
-    )(), k = F(t(i)), ve = {};
+    )(), k = F(t(i)), ye = {};
     $.Fragment = T, $.jsx = function(s, p, h) {
-      var f = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return w(
+      var v = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return U(
         s,
         p,
         h,
         !1,
-        f ? Error("react-stack-top-frame") : b,
-        f ? F(t(s)) : k
+        v ? Error("react-stack-top-frame") : b,
+        v ? F(t(s)) : k
       );
     }, $.jsxs = function(s, p, h) {
-      var f = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return w(
+      var v = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return U(
         s,
         p,
         h,
         !0,
-        f ? Error("react-stack-top-frame") : b,
-        f ? F(t(s)) : k
+        v ? Error("react-stack-top-frame") : b,
+        v ? F(t(s)) : k
       );
     };
   })()), $;
 }
-var ke;
+var Se;
 function Fe() {
-  return ke || (ke = 1, process.env.NODE_ENV === "production" ? q.exports = Ze() : q.exports = ze()), q.exports;
+  return Se || (Se = 1, process.env.NODE_ENV === "production" ? q.exports = Ze() : q.exports = ze()), q.exports;
 }
 var c = Fe();
 const H = class H {
@@ -431,17 +431,13 @@ const H = class H {
     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 H = class H {
   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],
@@ -521,7 +510,7 @@ const H = class H {
 };
 g(H, "instance");
 let be = H;
-const Se = be.getInstance(), X = class X {
+const Ue = be.getInstance(), X = class X {
   constructor() {
     g(this, "currencies", /* @__PURE__ */ new Map());
     g(this, "supportedCurrencies", {
@@ -635,7 +624,7 @@ const Se = be.getInstance(), X = class X {
 };
 g(X, "instance");
 let ge = X;
-const we = ge.getInstance(), V = class V {
+const ue = ge.getInstance(), V = class V {
   constructor() {
     g(this, "networks", /* @__PURE__ */ new Map());
   }
@@ -692,8 +681,8 @@ const we = ge.getInstance(), V = class V {
   }
 };
 g(V, "instance");
-let ue = V;
-const Ue = ue.getInstance(), le = /* @__PURE__ */ new Map();
+let he = V;
+const we = he.getInstance(), le = /* @__PURE__ */ new Map();
 function Ye(n, e = !1) {
   const o = `${n}-${e}`;
   return le.has(o) || le.set(
@@ -744,7 +733,7 @@ function Je(n) {
   const e = Ke();
   switch (n) {
     case "dark":
-      return P(y({}, e), {
+      return N(f({}, e), {
         colorPrimary: "#6366f1",
         colorPrimaryHover: "#7c3aed",
         colorPrimaryLight: "#1e1b4b",
@@ -761,7 +750,7 @@ function Je(n) {
 }
 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);
+  const o = typeof n == "string" ? { theme: n } : n, t = Je((i = o.theme) != null ? i : "light"), r = f(f({}, t), o.variables);
   Object.entries(r).forEach(([a, l]) => {
     if (l !== void 0) {
       const d = `--${Ee(a)}`;
@@ -866,7 +855,7 @@ const so = {
   "coinbase-pro": "https://assets.coincap.io/assets/icons/256/coinbase.png",
   "binance-us": "https://assets.coincap.io/assets/icons/256/binance.png"
 };
-function xe(n) {
+function Ne(n) {
   return so[n.toLowerCase()];
 }
 const co = {
@@ -885,7 +874,7 @@ const co = {
   bank: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgN1YxN0gyMVY3SDNaTTQgOEgyMFYxNkg0VjhaTTYgMTBWMTRIOVYxMEg2Wk0xMCAxMFYxMUgxOFYxMEgxMFpNMTAgMTJWMTNIMTVWMTJIMTBaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+",
   other: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhDMTMuMSA4IDE0IDcuMSAxNCA2UzEzLjEgNCAxMiA0IDEwIDQuOSAxMCA2UzEwLjkgOCAxMiA4Wk0xMiAxMEMxMC45IDEwIDEwIDEwLjkgMTAgMTJTMTAuOSAxNCAxMiAxNFMxNCAxMy4xIDE0IDEyUzEzLjEgMTAgMTIgMTBaTTEyIDE2QzEwLjkgMTYgMTAgMTYuOSAxMCAxOFMxMC45IDIwIDEyIDIwUzE0IDE5LjEgMTQgMThTMTMuMSAxNiAxMiAxNloiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K"
 };
-function Ne(n) {
+function xe(n) {
   return co[n.toLowerCase()];
 }
 var io = {
@@ -4499,22 +4488,38 @@ var bo = class {
     return S(this, null, function* () {
       if (!this.config)
         throw new Error("Adapter not initialized");
-      const e = {
+      const e = ue.getCurrency(n.currency), o = (e == null ? void 0 : e.type) === "fiat";
+      if (console.log("MeshPay createCheckoutSession:", {
+        currency: n.currency,
+        amount: n.amount,
+        currencyType: e == null ? void 0 : e.type,
+        isFiatCurrency: o,
+        destinations: n.destinations
+      }), o && n.currency !== "USD")
+        throw new Error(
+          `MeshPay adapter only supports USD as fiat currency, received: ${n.currency}`
+        );
+      const t = {
         userId: n.customerId,
         configurationId: this.config.configurationId,
         restrictMultipleAccounts: !0,
-        transferOptions: {
-          toAddresses: n.destinations.map((r) => ({
-            networkId: this.getNetworkIdFromName(r.networkId),
-            symbol: r.symbol,
-            address: r.address
-          })),
-          amountInFiat: n.amount,
+        transferOptions: N(f({
+          toAddresses: n.destinations.map((a) => {
+            const l = this.getNetworkIdFromName(a.networkId);
+            return f({
+              networkId: l,
+              symbol: a.symbol,
+              address: a.address
+            }, !o && { amount: n.amount });
+          })
+        }, o && { amountInFiat: n.amount }), {
           isInclusiveFeeEnabled: !1,
           generatePayLink: !1
-        },
+        }),
         disableApiKeyGeneration: !1
-      }, o = yield globalThis.fetch(
+      };
+      console.log("MeshPay linkTokenRequest:", JSON.stringify(t, null, 2));
+      const r = yield globalThis.fetch(
         `${this.config.baseUrl}/api/v1/linktoken`,
         {
           method: "POST",
@@ -4523,21 +4528,21 @@ var bo = class {
             "X-Client-Id": this.config.clientId,
             "X-Client-Secret": this.config.clientSecret
           },
-          body: JSON.stringify(e)
+          body: JSON.stringify(t)
         }
       );
-      if (!o.ok) {
-        const r = yield o.text();
+      if (!r.ok) {
+        const a = yield r.text();
         throw new Error(
-          `LinkToken generation failed: ${o.status} ${r}`
+          `LinkToken generation failed: ${r.status} ${a}`
         );
       }
-      const t = yield o.json();
-      if (t.status !== "ok")
+      const i = yield r.json();
+      if (i.status !== "ok")
         throw new Error(
-          `MeshPay API error: ${t.message || "Unknown error"}`
+          `MeshPay API error: ${i.message || "Unknown error"}`
         );
-      return t.content;
+      return i.content;
     });
   }
   /**
@@ -4553,11 +4558,9 @@ var bo = class {
       return new Promise((o, t) => {
         e({
           clientId: n.metadata.clientId,
-          onIntegrationConnected: (i) => {
-            console.log("MeshPay integration connected:", i);
+          onIntegrationConnected: () => {
           },
           onTransferFinished: (i) => {
-            console.log("MeshPay transfer finished:", i);
             const a = i.status === "success";
             o({
               id: n.id,
@@ -4578,7 +4581,7 @@ var bo = class {
             });
           },
           onExit: (i) => {
-            console.log("MeshPay link exited:", i), i ? t(new Error(`MeshPay error: ${i.message || i}`)) : o({
+            i ? t(new Error(`MeshPay error: ${i.message || i}`)) : o({
               id: n.id,
               status: "cancelled",
               data: {
@@ -4761,12 +4764,12 @@ class Ce {
     return o && this.adapters.size === 0 && (this.initialized = !1), o;
   }
 }
-class he {
+class fe {
   constructor(e) {
     g(this, "registry");
-    g(this, "currencyService", we);
-    g(this, "networkService", Ue);
-    g(this, "paymentMethodService", Se);
+    g(this, "currencyService", ue);
+    g(this, "networkService", we);
+    g(this, "paymentMethodService", Ue);
     g(this, "options");
     g(this, "clientMode", !1);
     /**
@@ -4799,7 +4802,7 @@ class he {
           currency: e.currency,
           customerId: e.customerId,
           destinations: e.destinations,
-          metadata: P(y({}, e.metadata), {
+          metadata: N(f({}, e.metadata), {
             selectedBy: "w3payments-core",
             selectionReason: "auto-selected",
             selectedVendor: o
@@ -4807,7 +4810,7 @@ class he {
         };
         try {
           const a = yield this.registry.get(o).createCheckoutSession(t);
-          return P(y({}, a), {
+          return N(f({}, a), {
             selectedVendor: ((r = a.metadata) == null ? void 0 : r.selectedVendor) || o
           });
         } catch (i) {
@@ -4844,8 +4847,8 @@ class he {
    * Only initializes currencies, networks, and registers adapters without API initialization
    */
   static createClient(e = "sandbox") {
-    const o = Object.create(he.prototype);
-    return o.currencyService = we, o.networkService = Ue, o.paymentMethodService = Se, o.registry = new Ce(), o.clientMode = !0, o.options = {
+    const o = Object.create(fe.prototype);
+    return o.currencyService = ue, o.networkService = we, o.paymentMethodService = Ue, o.registry = new Ce(), o.clientMode = !0, o.options = {
       config: {
         environment: e
       }
@@ -4876,7 +4879,7 @@ class he {
    */
   initialize() {
     return S(this, null, function* () {
-      const e = P(y({}, this.options.config), {
+      const e = N(f({}, this.options.config), {
         environment: this.options.environment || this.options.config.environment
       });
       yield this.registry.initialize(e), this.registerPaymentMethods();
@@ -4971,8 +4974,8 @@ class fo {
   }
   makeRequest(t) {
     return S(this, arguments, function* (e, o = {}) {
-      const r = yield globalThis.fetch(`${this.config.endpoint}${e}`, y({
-        headers: y(y({
+      const r = yield globalThis.fetch(`${this.config.endpoint}${e}`, f({
+        headers: f(f({
           "Content-Type": "application/json"
         }, this.config.headers), o.headers)
       }, o));
@@ -5000,10 +5003,10 @@ class fo {
     return !!this.config.endpoint;
   }
 }
-const fe = Xe(
+const ve = Xe(
   null
 );
-fe.displayName = "W3PaymentsContext";
+ve.displayName = "W3PaymentsContext";
 const Co = ({
   endpoint: n,
   environment: e = "sandbox",
@@ -5013,28 +5016,28 @@ const Co = ({
   const { w3payments: r, httpClient: i, isInitialized: a, initError: l } = me(() => {
     try {
       console.debug("W3PaymentsProvider: Initializing clients...");
-      const u = he.createClient(e), w = new fo({ endpoint: n });
+      const u = fe.createClient(e), U = new fo({ endpoint: n });
       return console.debug(
         "W3PaymentsProvider: Both clients initialized successfully"
       ), {
         w3payments: u,
-        httpClient: w,
+        httpClient: U,
         isInitialized: !0,
         initError: null
       };
     } catch (u) {
-      const w = 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: w
+        initError: U
       };
     }
   }, [n, e]);
   Ve(() => {
-    o && document.querySelectorAll(".w3-widget").forEach((w) => {
-      qe(o, w);
+    o && document.querySelectorAll(".w3-widget").forEach((U) => {
+      qe(o, U);
     });
   }, [o]);
   const d = {
@@ -5061,7 +5064,7 @@ const Co = ({
         /* @__PURE__ */ c.jsx("p", { style: { margin: "8px 0 0 0" }, children: l })
       ]
     }
-  ) : a ? /* @__PURE__ */ c.jsx(fe.Provider, { value: d, children: t }) : /* @__PURE__ */ c.jsx(
+  ) : a ? /* @__PURE__ */ c.jsx(ve.Provider, { value: d, children: t }) : /* @__PURE__ */ c.jsx(
     "div",
     {
       className: "w3-loading-container",
@@ -5075,7 +5078,7 @@ const Co = ({
     }
   );
 }, vo = () => {
-  const n = We(fe);
+  const n = Ge(ve);
   if (!n)
     throw new Error(
       "useW3Payments must be used within W3PaymentsProvider. Make sure your component is wrapped with <W3PaymentsProvider>."
@@ -5116,14 +5119,14 @@ const Co = ({
   onAmountChange: i,
   className: a = ""
 }) => {
-  const [l, d] = ee(null), u = (w) => {
-    const U = w.target.value;
-    if (U && !$e(U, t)) {
-      const C = Qe(U, t);
+  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(U);
+    i == null || i(w);
   };
   return /* @__PURE__ */ c.jsxs("div", { className: `${a}`, children: [
     n && /* @__PURE__ */ c.jsx(
@@ -5255,13 +5258,13 @@ const Co = ({
   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 && 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, w, U, C, E, x;
+    var u, U, w, C, E, x;
     if (!ae(i) || !ae(a)) return 0;
-    const l = (U = (w = (u = i.props) == null ? void 0 : u.method) == null ? void 0 : w.enabled) != null ? U : !0, d = (x = (E = (C = a.props) == null ? void 0 : C.method) == null ? void 0 : E.enabled) != null ? x : !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(
@@ -5307,7 +5310,7 @@ const Co = ({
   const t = n.enabled === !1, i = ((a) => {
     const l = a.toLowerCase();
     let d = Me(a);
-    if (d || (d = xe(l), d) || (d = Ne(l), d)) return d;
+    if (d || (d = Ne(l), d) || (d = xe(l), d)) return d;
   })(n.displayName);
   return /* @__PURE__ */ c.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ c.jsxs(
@@ -5353,7 +5356,7 @@ const Co = ({
   const r = ((i) => {
     const a = i.toLowerCase();
     let l = Me(i);
-    if (l || (l = xe(a), l) || (l = Ne(a), l)) return l;
+    if (l || (l = Ne(a), l) || (l = xe(a), l)) return l;
   })(n.displayName);
   return /* @__PURE__ */ c.jsx(
     "div",
@@ -5511,7 +5514,7 @@ const Co = ({
       ] })
     }
   );
-}, wo = ({
+}, Uo = ({
   brandingText: n = "Payments",
   showSecured: e = !0
 }) => /* @__PURE__ */ c.jsx(
@@ -5609,8 +5612,8 @@ const Co = ({
   currency: l = "USD",
   targetCurrency: d,
   targetNetwork: u,
-  destinations: w,
-  walletFilter: U,
+  destinations: U,
+  walletFilter: w,
   exchangeFilter: C,
   fiatFilter: E,
   onInitiate: x,
@@ -5618,28 +5621,28 @@ const Co = ({
   onError: T
 }) => {
   var Y;
-  const { w3payments: I, httpClient: ne, isInitialized: W } = vo(), [M, K] = ee(r), [D, L] = ee(), [te, B] = ee(!1), A = me(() => I ? I.getCurrency(l) : null, [I, l]), N = me(() => !W || !I ? [] : I.paymentMethodService.getDisplayOptions({
-    walletFilter: U,
+  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]), P = me(() => !G || !I ? [] : I.paymentMethodService.getDisplayOptions({
+    walletFilter: w,
     exchangeFilter: C,
     fiatFilter: E,
     targetCurrency: d,
     targetNetwork: u
   }), [
-    W,
+    G,
     I,
-    U,
+    w,
     C,
     E,
     d,
     u
-  ]), Z = (m) => N.find((b) => b.id === m), z = () => !!(M && D && A && I && W), se = () => {
+  ]), Z = (m) => P.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 (!(!z() || !I || !A)) {
       B(!0);
       try {
-        yield x == null ? void 0 : x(y({
+        yield x == null ? void 0 : x(f({
           amount: M,
           currency: A.code,
           paymentMethodId: D
@@ -5653,7 +5656,7 @@ const Co = ({
           amount: parseFloat(M),
           currency: A.code,
           customerId: o || "anonymous",
-          destinations: w,
+          destinations: U,
           metadata: {
             paymentMethodId: D
           }
@@ -5664,7 +5667,7 @@ const Co = ({
               id: b.id,
               url: b.url,
               expiresAt: b.expiresAt,
-              metadata: P(y({}, b.metadata), {
+              metadata: N(f({}, b.metadata), {
                 selectedVendor: b.selectedVendor,
                 vendorId: b.selectedVendor
               })
@@ -5686,7 +5689,7 @@ const Co = ({
               });
               return;
             } else
-              R == null || R(P(y({
+              R == null || R(N(f({
                 amount: M,
                 currency: A.code,
                 paymentMethodId: D,
@@ -5705,7 +5708,7 @@ const Co = ({
             });
           }
         else
-          R == null || R(y({
+          R == null || R(f({
             amount: M,
             currency: A.code,
             paymentMethodId: D,
@@ -5714,7 +5717,7 @@ const Co = ({
             status: "pending"
           }, o && { userId: o }));
       } catch (b) {
-        console.error("Payment failed:", b), T == null || T(P(y(y({
+        console.error("Payment failed:", b), T == null || T(N(f(f({
           message: b instanceof Error ? b.message : "Payment failed"
         }, t && { transactionId: t }), o && { userId: o }), {
           details: b
@@ -5724,7 +5727,7 @@ const Co = ({
       }
     }
   });
-  return W ? /* @__PURE__ */ c.jsxs(
+  return G ? /* @__PURE__ */ c.jsxs(
     "div",
     {
       className: `
@@ -5740,7 +5743,7 @@ const Co = ({
       `,
       children: [
         /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-0.5 flex-1 overflow-y-auto pb-1", children: [
-          /* @__PURE__ */ c.jsx(yo, y({ title: n }, e && { logo: e })),
+          /* @__PURE__ */ c.jsx(yo, f({ title: n }, e && { logo: e })),
           A && /* @__PURE__ */ c.jsx("div", { className: "px-[var(--spacing)]", children: /* @__PURE__ */ c.jsx(
             To,
             {
@@ -5753,10 +5756,10 @@ const Co = ({
           ) }),
           /* @__PURE__ */ c.jsxs(
             Do,
-            P(y({}, D && { selectedMethodId: D }), {
+            N(f({}, D && { selectedMethodId: D }), {
               onMethodSelect: L,
               children: [
-                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(
+                P.filter((m) => m.method === "wallet").length > 0 && /* @__PURE__ */ c.jsx(de, { label: "Crypto Wallets", children: P.filter((m) => m.method === "wallet").map((m, b) => /* @__PURE__ */ c.jsx(
                   pe,
                   {
                     data: {
@@ -5768,7 +5771,7 @@ const Co = ({
                   },
                   b
                 )) }),
-                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(
+                P.filter((m) => m.method === "exchange").length > 0 && /* @__PURE__ */ c.jsx(de, { label: "Exchanges", children: P.filter((m) => m.method === "exchange").map((m, b) => /* @__PURE__ */ c.jsx(
                   pe,
                   {
                     data: {
@@ -5780,7 +5783,7 @@ const Co = ({
                   },
                   b
                 )) }),
-                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(
+                P.filter((m) => m.method === "fiat").length > 0 && /* @__PURE__ */ c.jsx(de, { label: "Traditional Payment", children: P.filter((m) => m.method === "fiat").map((m, b) => /* @__PURE__ */ c.jsx(
                   pe,
                   {
                     data: {
@@ -5816,17 +5819,17 @@ const Co = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ c.jsx(wo, {})
+        /* @__PURE__ */ c.jsx(Uo, {})
       ]
     }
   ) : /* @__PURE__ */ c.jsx("div", { children: "Loading payment widget..." });
-}, Uo = "1.0.0", Mo = {
-  W3_PAYMENTS_REACT_VERSION: Uo
+}, wo = "1.0.0", Mo = {
+  W3_PAYMENTS_REACT_VERSION: wo
 };
 export {
   Eo as W3PaymentWidget,
   Co as W3PaymentsProvider,
-  Uo as W3_PAYMENTS_REACT_VERSION,
+  wo as W3_PAYMENTS_REACT_VERSION,
   Mo as default,
   vo as useW3Payments
 };