@w3payments/react 1.1.2 → 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) => {
@@ -29,10 +29,10 @@ var S = (n, e, o) => new Promise((t, r) => {
 });
 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:
@@ -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,48 +194,48 @@ function ze() {
         value: ce
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function U(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++)
-              w(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 w(v);
+        else w(y);
       if (z.call(p, "key")) {
-        v = n(s);
+        y = n(s);
         var W = Object.keys(p).filter(function(Pe) {
           return Pe !== "key";
         });
-        f = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ve[v + f] || (W = 0 < W.length ? "{" + W.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,
+          y,
           W,
-          v
-        ), ve[v + f] = !0);
+          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,
@@ -248,7 +248,7 @@ React keys must be passed directly to JSX without using spread:
     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"), 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() {
+    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++;
+      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++;
+      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 {
@@ -510,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", {
@@ -624,7 +624,7 @@ const Se = be.getInstance(), X = class X {
 };
 g(X, "instance");
 let ge = X;
-const Ue = ge.getInstance(), V = class V {
+const ue = ge.getInstance(), V = class V {
   constructor() {
     g(this, "networks", /* @__PURE__ */ new Map());
   }
@@ -681,8 +681,8 @@ const Ue = ge.getInstance(), V = class V {
   }
 };
 g(V, "instance");
-let ue = V;
-const we = 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(
@@ -733,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",
@@ -750,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)}`;
@@ -855,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 = {
@@ -874,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 = {
@@ -4488,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",
@@ -4512,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;
     });
   }
   /**
@@ -4542,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,
@@ -4567,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: {
@@ -4750,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", Ue);
+    g(this, "currencyService", ue);
     g(this, "networkService", we);
-    g(this, "paymentMethodService", Se);
+    g(this, "paymentMethodService", Ue);
     g(this, "options");
     g(this, "clientMode", !1);
     /**
@@ -4788,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
@@ -4796,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) {
@@ -4833,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 = Ue, o.networkService = we, 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
       }
@@ -4865,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();
@@ -4960,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));
@@ -4989,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",
@@ -5002,7 +5016,7 @@ const Co = ({
   const { w3payments: r, httpClient: i, isInitialized: a, initError: l } = me(() => {
     try {
       console.debug("W3PaymentsProvider: Initializing clients...");
-      const u = he.createClient(e), U = new fo({ endpoint: n });
+      const u = fe.createClient(e), U = new fo({ endpoint: n });
       return console.debug(
         "W3PaymentsProvider: Both clients initialized successfully"
       ), {
@@ -5050,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",
@@ -5064,7 +5078,7 @@ const Co = ({
     }
   );
 }, vo = () => {
-  const n = Ge(fe);
+  const n = Ge(ve);
   if (!n)
     throw new Error(
       "useW3Payments must be used within W3PaymentsProvider. Make sure your component is wrapped with <W3PaymentsProvider>."
@@ -5296,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(
@@ -5342,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",
@@ -5607,7 +5621,7 @@ const Co = ({
   onError: T
 }) => {
   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({
+  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,
@@ -5621,14 +5635,14 @@ const Co = ({
     E,
     d,
     u
-  ]), Z = (m) => N.find((b) => b.id === m), z = () => !!(M && D && A && I && G), 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 +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
               })
@@ -5675,7 +5689,7 @@ const Co = ({
               });
               return;
             } else
-              R == null || R(P(y({
+              R == null || R(N(f({
                 amount: M,
                 currency: A.code,
                 paymentMethodId: D,
@@ -5694,7 +5708,7 @@ const Co = ({
             });
           }
         else
-          R == null || R(y({
+          R == null || R(f({
             amount: M,
             currency: A.code,
             paymentMethodId: D,
@@ -5703,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
@@ -5729,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,
             {
@@ -5742,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: {
@@ -5757,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: {
@@ -5769,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: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@w3payments/react",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "React component library for universal Web3 payment processing with multi-vendor support",
   "type": "module",
   "main": "dist/index.js",
@@ -56,9 +56,9 @@
     "@storybook/react-vite": "^10.1.10",
     "@tailwindcss/vite": "^4.1.18",
     "tailwindcss": "^4.1.18",
-    "@w3payments/adapters": "1.1.1",
-    "@w3payments/core": "1.1.1",
-    "@w3payments/common": "1.1.1"
+    "@w3payments/common": "1.1.2",
+    "@w3payments/adapters": "1.1.2",
+    "@w3payments/core": "1.1.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0",