npm - @nowramp/form - Versions diffs - 0.2.0-beta.22 → 0.2.0-beta.24 - Mend

@nowramp/form 0.2.0-beta.22 → 0.2.0-beta.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs +1 -1
package/dist/index.cjs.map +1 -1
package/dist/index.js +441 -431
package/dist/index.js.map +1 -1
package/dist/nowramp-form.iife.js +1 -1
package/dist/nowramp-form.iife.js.map +1 -1
package/package.json +2 -2

package/dist/index.js CHANGED Viewed

@@ -13,8 +13,8 @@ import ke, { useState as w, useRef as I, useCallback as O, useEffect as B, useMe
 import { RampApi as gt } from "@nowramp/sdk";
 import { createPortal as oa } from "react-dom";
 function nn(t, a, n) {
-  const [r, o] = w(null), [s, u] = w(!0), [l, d] = w(null), c = I(null);
-  (!c.current || c.current !== t) && (c.current = new gt({ apiKey: "", ...t }));
+  const [r, o] = w(null), [c, u] = w(!0), [l, d] = w(null), s = I(null);
+  (!s.current || s.current !== t) && (s.current = new gt({ apiKey: "", ...t }));
   const h = O(async () => {
     if (!t.projectId) {
       d(new Error("projectId is required")), u(!1);
@@ -24,7 +24,7 @@ function nn(t, a, n) {
     try {
       const p = {};
       a && (p.orderType = a), n && (p.country = n);
-      const f = await c.current.getSupported(p);
+      const f = await s.current.getSupported(p);
       o(f);
     } catch (p) {
       d(p instanceof Error ? p : new Error("Failed to fetch config"));
@@ -34,45 +34,45 @@ function nn(t, a, n) {
   }, [t.projectId, a, n]);
   return B(() => {
     h();
-  }, [h]), { config: r, loading: s, error: l, refetch: h };
+  }, [h]), { config: r, loading: c, error: l, refetch: h };
 }
 function rn(t, a) {
-  const [n, r] = w(null), [o, s] = w(!1), [u, l] = w(null), d = I(null), c = I(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!d.current || c.current !== h) && (d.current = new gt({ apiKey: "", ...t }), c.current = h);
+  const [n, r] = w(null), [o, c] = w(!1), [u, l] = w(null), d = I(null), s = I(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!d.current || s.current !== h) && (d.current = new gt({ apiKey: "", ...t }), s.current = h);
   const p = I(0);
   B(() => {
     const g = ++p.current;
     if (!a || !t.projectId) {
-      r(null), s(!1);
+      r(null), c(!1);
       return;
     }
-    s(!0), l(null), d.current.getQuotes(a).then(
+    c(!0), l(null), d.current.getQuotes(a).then(
       (k) => {
-        p.current === g && (r(k), s(!1));
+        p.current === g && (r(k), c(!1));
       },
       (k) => {
-        p.current === g && (l(k instanceof Error ? k : new Error("Failed to fetch quotes")), r(null), s(!1));
+        p.current === g && (l(k instanceof Error ? k : new Error("Failed to fetch quotes")), r(null), c(!1));
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
   const f = O(async () => {
     if (!(!a || !t.projectId)) {
-      s(!0), l(null);
+      c(!0), l(null);
       try {
         const g = await d.current.getQuotes(a);
         r(g);
       } catch (g) {
         l(g instanceof Error ? g : new Error("Failed to fetch quotes"));
       } finally {
-        s(!1);
+        c(!1);
       }
     }
   }, [t.projectId, a]);
   return { quotes: n, loading: o, error: u, refetch: f };
 }
 function on(t) {
-  const [a, n] = w(null), [r, o] = w(!1), [s, u] = w(null), l = I(null), d = I(""), c = `${t.apiUrl}|${t.projectId}`;
-  (!l.current || d.current !== c) && (l.current = new gt({ apiKey: "", ...t }), d.current = c);
+  const [a, n] = w(null), [r, o] = w(!1), [c, u] = w(null), l = I(null), d = I(""), s = `${t.apiUrl}|${t.projectId}`;
+  (!l.current || d.current !== s) && (l.current = new gt({ apiKey: "", ...t }), d.current = s);
   const h = O(async (f) => {
     o(!0), u(null);
     try {
@@ -87,16 +87,16 @@ function on(t) {
   }, []), p = O(() => {
     n(null), u(null);
   }, []);
-  return { order: a, loading: r, error: s, createOrder: h, reset: p };
+  return { order: a, loading: r, error: c, createOrder: h, reset: p };
 }
 function ln(t, a, n) {
-  const [r, o] = w(null), [s, u] = w(!1), [l, d] = w(null), c = I(null);
-  c.current || (c.current = new gt({ apiKey: "", projectId: "", ...t }));
+  const [r, o] = w(null), [c, u] = w(!1), [l, d] = w(null), s = I(null);
+  s.current || (s.current = new gt({ apiKey: "", projectId: "", ...t }));
   const h = O(async () => {
     if (a) {
       u(!0), d(null);
       try {
-        const p = await c.current.getTransaction(a);
+        const p = await s.current.getTransaction(a);
         o(p);
       } catch (p) {
         d(p instanceof Error ? p : new Error("Failed to fetch status"));
@@ -118,7 +118,7 @@ function ln(t, a, n) {
       return;
     const f = setInterval(h, n.pollInterval);
     return () => clearInterval(f);
-  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: s, error: l, refetch: h };
+  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: c, error: l, refetch: h };
 }
 const ft = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
@@ -315,7 +315,7 @@ const ft = [
 ], Ot = Object.fromEntries(
   ft.map((t) => [t.code, t])
 );
-function Dt(t, a) {
+function Mt(t, a) {
   if (!t) return "USD";
   const n = Ot[t.toLowerCase()], r = (n == null ? void 0 : n.defaultFiat) || "USD";
   return !a || a.length === 0 || a.includes(r) ? r : a.includes("USD") ? "USD" : a[0] || "USD";
@@ -330,11 +330,11 @@ function cn(t, a, n = xt) {
 function sn(t, a, n = xt) {
   const r = [];
   for (const o of t) {
-    const s = o.networks.filter(
+    const c = o.networks.filter(
       (u) => Kt(u.providers, a, n)
     );
-    s.length > 0 && r.push(
-      s.length === o.networks.length ? o : { ...o, networks: s }
+    c.length > 0 && r.push(
+      c.length === o.networks.length ? o : { ...o, networks: c }
     );
   }
   return r;
@@ -351,15 +351,15 @@ function un(t, a, n) {
     if (!(t.cryptoCurrency && a.availableCryptos.some(
       (l) => l.code === t.cryptoCurrency && l.networks.some((d) => d.id === t.network)
     )) && a.availableCryptos.length > 0) {
-      const d = a.availableCryptos.find((h) => h.code === "BTC") || a.availableCryptos[0], c = d.networks.find((h) => h.isDefault) || d.networks[0];
-      d.code !== t.cryptoCurrency && (r.cryptoCurrency = d.code, o = !0), c && c.id !== t.network && (r.network = c.id, o = !0);
+      const d = a.availableCryptos.find((h) => h.code === "BTC") || a.availableCryptos[0], s = d.networks.find((h) => h.isDefault) || d.networks[0];
+      d.code !== t.cryptoCurrency && (r.cryptoCurrency = d.code, o = !0), s && s.id !== t.network && (r.network = s.id, o = !0);
     }
   } else if (!n.cryptoLocked && n.networkLocked) {
     if (!(t.cryptoCurrency && a.availableCryptos.some(
       (l) => l.code === t.cryptoCurrency && l.networks.some((d) => d.id === t.network)
     ))) {
       const l = a.availableCryptos.find(
-        (d) => d.networks.some((c) => c.id === t.network)
+        (d) => d.networks.some((s) => s.id === t.network)
       );
       l && l.code !== t.cryptoCurrency && (r.cryptoCurrency = l.code, o = !0);
     }
@@ -370,12 +370,12 @@ function un(t, a, n) {
     if (u && !u.networks.some(
       (d) => d.id === t.network
     ) && u.networks.length > 0) {
-      const d = u.networks.find((c) => c.isDefault) || u.networks[0];
+      const d = u.networks.find((s) => s.isDefault) || u.networks[0];
       d.id !== t.network && (r.network = d.id, o = !0);
     }
   }
   if (!n.fiatLocked && !(t.fiatCurrency && a.availableFiats.some((l) => l.code === t.fiatCurrency)) && a.availableFiats.length > 0) {
-    const d = a.availableFiats.find((c) => c.code === "USD") || a.availableFiats[0];
+    const d = a.availableFiats.find((s) => s.code === "USD") || a.availableFiats[0];
     d.code !== t.fiatCurrency && (r.fiatCurrency = d.code, o = !0);
   }
   if (!(t.paymentMethodId && a.availablePaymentMethods.some(
@@ -389,18 +389,18 @@ function un(t, a, n) {
   return o ? r : null;
 }
 function mn(t, a, n, r) {
-  var o, s, u;
+  var o, c, u;
   if (n.cryptoLocked) {
     const l = (o = t.cryptos) == null ? void 0 : o.find(
-      (c) => c.code === a.cryptoCurrency
+      (s) => s.code === a.cryptoCurrency
     );
     if (!l) return !0;
-    const d = (s = l.networks) == null ? void 0 : s.find((c) => c.id === a.network);
+    const d = (c = l.networks) == null ? void 0 : c.find((s) => s.id === a.network);
     if (!d || d.providers !== void 0 && d.providers.length === 0 || d.providers !== void 0 && (r.availableFiats.length === 0 || r.availablePaymentMethods.length === 0))
       return !0;
   }
   if (n.networkLocked && !n.cryptoLocked && !r.availableCryptos.some(
-    (d) => d.networks.some((c) => c.id === a.network)
+    (d) => d.networks.some((s) => s.id === a.network)
   ))
     return !0;
   if (n.fiatLocked) {
@@ -453,7 +453,7 @@ const yn = ["completed", "failed", "cancelled", "expired", "refunded"], va = {
   errorMessage: null
 };
 function gn(t, a) {
-  var n, r, o, s, u, l, d, c;
+  var n, r, o, c, u, l, d, s;
   switch (a.type) {
     case "SET_STEP":
       return { ...t, step: a.step, errorMessage: null };
@@ -464,8 +464,8 @@ function gn(t, a) {
         fiatAmount: "",
         cryptoAmount: "",
         fiatCurrency: (r = (n = a.fieldLocks) == null ? void 0 : n.sourceCurrency) != null && r.locked ? t.fiatCurrency : "",
-        cryptoCurrency: (s = (o = a.fieldLocks) == null ? void 0 : o.destinationCurrency) != null && s.locked ? t.cryptoCurrency : "",
-        network: (l = (u = a.fieldLocks) == null ? void 0 : u.network) != null && l.locked || (c = (d = a.fieldLocks) == null ? void 0 : d.destinationCurrency) != null && c.locked ? t.network : "",
+        cryptoCurrency: (c = (o = a.fieldLocks) == null ? void 0 : o.destinationCurrency) != null && c.locked ? t.cryptoCurrency : "",
+        network: (l = (u = a.fieldLocks) == null ? void 0 : u.network) != null && l.locked || (s = (d = a.fieldLocks) == null ? void 0 : d.destinationCurrency) != null && s.locked ? t.network : "",
         paymentMethodId: "",
         selectedQuote: null,
         selectedProvider: null,
@@ -519,81 +519,81 @@ function xn(t) {
     projectId: n,
     apiUrl: r = "https://api.nowramp.com",
     assetBaseUrl: o = "",
-    flowType: s = "buy",
+    flowType: c = "buy",
     customerId: u = "",
     brandId: l,
     defaultFiatCurrency: d = "USD",
-    defaultCryptoCurrency: c = "BTC",
+    defaultCryptoCurrency: s = "BTC",
     defaultNetwork: h = "",
     defaultFiatAmount: p = "",
     defaultCryptoAmount: f = "",
     defaultWalletAddress: g = "",
     defaultGateway: k,
-    defaultCountry: E,
+    defaultCountry: R,
     fieldLocks: y,
-    partnerMetadata: R,
+    partnerMetadata: E,
     statusPollInterval: K = 5e3,
     onComplete: ee,
     onError: z,
     children: ie
-  } = t, J = W(() => ({ apiUrl: r, projectId: n }), [r, n]), q = h || (c === "BTC" ? "bitcoin" : c ? c.toLowerCase() : ""), Ce = s === "sell", te = Ce ? !!f : !!p, C = (Ce ? !!(te && c && q) : !!(te && c && q && g)) && k ? "confirm" : "amount", F = p || (s === "buy" ? "250" : ""), [m, D] = an(gn, {
+  } = t, J = W(() => ({ apiUrl: r, projectId: n }), [r, n]), q = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), Ce = c === "sell", te = Ce ? !!f : !!p, C = (Ce ? !!(te && s && q) : !!(te && s && q && g)) && k ? "confirm" : "amount", F = p || (c === "buy" ? "250" : ""), [m, M] = an(gn, {
     ...va,
     step: C,
-    flowType: s,
+    flowType: c,
     fiatCurrency: d,
-    cryptoCurrency: c,
+    cryptoCurrency: s,
     network: q,
     fiatAmount: ia(F, 2),
     cryptoAmount: ia(f, 6),
     walletAddress: g,
     customerId: u,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...E ? { country: E.toLowerCase(), countrySource: "manual" } : {}
+    ...R ? { country: R.toLowerCase(), countrySource: "manual" } : {}
   }), N = m.flowType === "sell", {
     config: S,
     loading: ae,
     error: pe
   } = nn(J, m.flowType, m.country || void 0), be = I(!1);
   ke.useEffect(() => {
-    var M, U;
+    var D, U;
     if (be.current || !(S != null && S.detectedCountry) || m.country) return;
     be.current = !0;
     const v = S.detectedCountry.toLowerCase();
-    D({ type: "SET_COUNTRY_AUTO", country: v });
-    const A = (M = S.fiats) == null ? void 0 : M.map((_) => _.code), L = Dt(v, A);
-    L !== m.fiatCurrency && !((U = y == null ? void 0 : y.sourceCurrency) != null && U.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: L });
+    M({ type: "SET_COUNTRY_AUTO", country: v });
+    const A = (D = S.fiats) == null ? void 0 : D.map((_) => _.code), L = Mt(v, A);
+    L !== m.fiatCurrency && !((U = y == null ? void 0 : y.sourceCurrency) != null && U.locked) && !a.current && M({ type: "SET_FIAT_CURRENCY", currency: L });
   }, [S, m.country, m.fiatCurrency, y]);
   const Te = I(!1);
   ke.useEffect(() => {
-    var L, M;
-    if (Te.current || !E || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
+    var L, D;
+    if (Te.current || !R || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
     Te.current = !0;
-    const v = S.fiats.map((U) => U.code), A = Dt(E, v);
-    A !== m.fiatCurrency && !((M = y == null ? void 0 : y.sourceCurrency) != null && M.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [E, S, m.fiatCurrency, y]);
+    const v = S.fiats.map((U) => U.code), A = Mt(R, v);
+    A !== m.fiatCurrency && !((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked) && !a.current && M({ type: "SET_FIAT_CURRENCY", currency: A });
+  }, [R, S, m.fiatCurrency, y]);
   const he = I(m.country);
   ke.useEffect(() => {
-    var L, M;
+    var L, D;
     if (m.country === he.current || (he.current = m.country, m.countrySource === "manual" && (_e.current = !1), m.countrySource !== "manual") || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
-    const v = S.fiats.map((U) => U.code), A = Dt(m.country, v);
-    A !== m.fiatCurrency && !((M = y == null ? void 0 : y.sourceCurrency) != null && M.locked) && D({ type: "SET_FIAT_CURRENCY", currency: A });
+    const v = S.fiats.map((U) => U.code), A = Mt(m.country, v);
+    A !== m.fiatCurrency && !((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked) && M({ type: "SET_FIAT_CURRENCY", currency: A });
   }, [m.country, m.countrySource, S, m.fiatCurrency, y]);
   const le = I(m.fiatCurrency);
   ke.useEffect(() => {
-    var M;
-    if (m.fiatCurrency === le.current || (le.current = m.fiatCurrency, N || !((M = S == null ? void 0 : S.fiats) != null && M.length) || !m.fiatAmount)) return;
+    var D;
+    if (m.fiatCurrency === le.current || (le.current = m.fiatCurrency, N || !((D = S == null ? void 0 : S.fiats) != null && D.length) || !m.fiatAmount)) return;
     const v = S.fiats.find((U) => U.code === m.fiatCurrency);
     if (!(v != null && v.minAmount)) return;
     const A = parseFloat(m.fiatAmount), L = parseFloat(v.minAmount);
-    !isNaN(A) && !isNaN(L) && A < L && D({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(L)) });
+    !isNaN(A) && !isNaN(L) && A < L && M({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(L)) });
   }, [m.fiatCurrency, m.fiatAmount, S, N]);
   const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = W(() => {
-    var L, M, U;
+    var L, D, U;
     if (!S)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
     let v;
     if (m.cryptoCurrency && m.network) {
-      const _ = (L = S.cryptos) == null ? void 0 : L.find((Se) => Se.code === m.cryptoCurrency), ue = (M = _ == null ? void 0 : _.networks) == null ? void 0 : M.find((Se) => Se.id === m.network);
+      const _ = (L = S.cryptos) == null ? void 0 : L.find((Se) => Se.code === m.cryptoCurrency), ue = (D = _ == null ? void 0 : _.networks) == null ? void 0 : D.find((Se) => Se.id === m.network);
       !_ || !ue ? v = [] : v = ue.providers;
     }
     let A;
@@ -634,7 +634,7 @@ function xn(t) {
     fe
   ]);
   ke.useEffect(() => {
-    var A, L, M;
+    var A, L, D;
     if (ae || ce.length === 0 && X.length === 0) return;
     const v = un(
       {
@@ -647,10 +647,10 @@ function xn(t) {
       {
         cryptoLocked: !!((A = y == null ? void 0 : y.destinationCurrency) != null && A.locked),
         networkLocked: !!((L = y == null ? void 0 : y.network) != null && L.locked),
-        fiatLocked: !!((M = y == null ? void 0 : y.sourceCurrency) != null && M.locked)
+        fiatLocked: !!((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked)
       }
     );
-    v && (v.cryptoCurrency !== void 0 && D({ type: "SET_CRYPTO_CURRENCY", currency: v.cryptoCurrency }), v.network !== void 0 && D({ type: "SET_NETWORK", network: v.network }), v.fiatCurrency !== void 0 && D({ type: "SET_FIAT_CURRENCY", currency: v.fiatCurrency }), v.paymentMethodId !== void 0 && D({ type: "SET_PAYMENT_METHOD", methodId: v.paymentMethodId }));
+    v && (v.cryptoCurrency !== void 0 && M({ type: "SET_CRYPTO_CURRENCY", currency: v.cryptoCurrency }), v.network !== void 0 && M({ type: "SET_NETWORK", network: v.network }), v.fiatCurrency !== void 0 && M({ type: "SET_FIAT_CURRENCY", currency: v.fiatCurrency }), v.paymentMethodId !== void 0 && M({ type: "SET_PAYMENT_METHOD", methodId: v.paymentMethodId }));
   }, [
     ae,
     ce,
@@ -661,7 +661,7 @@ function xn(t) {
     m.fiatCurrency,
     m.paymentMethodId,
     y,
-    D
+    M
   ]);
   const re = W(() => {
     if (N) {
@@ -674,11 +674,11 @@ function xn(t) {
     if (isNaN(v)) return null;
     const A = S.fiats.find((U) => U.code === m.fiatCurrency);
     if (!A) return null;
-    const L = parseFloat(A.minAmount), M = parseFloat(A.maxAmount);
-    return !isNaN(L) && v < L ? `Minimum amount is ${A.minAmount} ${m.fiatCurrency}` : !isNaN(M) && v > M ? `Maximum amount is ${A.maxAmount} ${m.fiatCurrency}` : null;
+    const L = parseFloat(A.minAmount), D = parseFloat(A.maxAmount);
+    return !isNaN(L) && v < L ? `Minimum amount is ${A.minAmount} ${m.fiatCurrency}` : !isNaN(D) && v > D ? `Maximum amount is ${A.maxAmount} ${m.fiatCurrency}` : null;
   }, [S, m.fiatAmount, m.fiatCurrency, m.cryptoAmount, N]), ye = W(() => {
     const v = N ? !!m.cryptoAmount : !!m.fiatAmount;
-    return !S || !v || !m.fiatCurrency || !m.cryptoCurrency || !m.network || re || S.detectedCountry && m.countrySource === "" && !E ? null : {
+    return !S || !v || !m.fiatCurrency || !m.cryptoCurrency || !m.network || re || S.detectedCountry && m.countrySource === "" && !R ? null : {
       fiatCurrency: m.fiatCurrency,
       ...N ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
       cryptoCurrency: m.cryptoCurrency,
@@ -687,7 +687,7 @@ function xn(t) {
       country: m.country || void 0,
       orderType: m.flowType
     };
-  }, [S, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, re, N, m.flowType, E]), {
+  }, [S, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, re, N, m.flowType, R]), {
     quotes: G,
     loading: Ke,
     error: ze,
@@ -695,7 +695,7 @@ function xn(t) {
   } = rn(J, ye), se = pn(Ke, G, ye), _e = I(!1);
   ke.useEffect(() => {
     var v;
-    _e.current || m.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !G || G.bestQuote || m.fiatCurrency !== "USD" && (_e.current = !0, D({ type: "SET_FIAT_CURRENCY", currency: "USD" }), D({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+    _e.current || m.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !G || G.bestQuote || m.fiatCurrency !== "USD" && (_e.current = !0, M({ type: "SET_FIAT_CURRENCY", currency: "USD" }), M({ type: "SET_FIAT_AMOUNT", amount: "250" })));
   }, [G, Ke, ze, ye, m.countrySource, m.fiatCurrency]);
   const {
     order: Le,
@@ -727,11 +727,11 @@ function xn(t) {
   const et = I(l);
   et.current = l;
   const Ue = O(async () => {
-    var A, L, M;
-    const v = ((A = m.selectedQuote) == null ? void 0 : A.gatewayId) || ((M = (L = qe.current) == null ? void 0 : L.bestQuote) == null ? void 0 : M.gatewayId) || je.current;
+    var A, L, D;
+    const v = ((A = m.selectedQuote) == null ? void 0 : A.gatewayId) || ((D = (L = qe.current) == null ? void 0 : L.bestQuote) == null ? void 0 : D.gatewayId) || je.current;
     if (!v || !m.walletAddress) {
       const U = [!v && "gateway", !m.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      D({ type: "SET_ERROR", message: `Missing required fields: ${U}` });
+      M({ type: "SET_ERROR", message: `Missing required fields: ${U}` });
       return;
     }
     try {
@@ -747,17 +747,17 @@ function xn(t) {
         email: m.email || void 0,
         orderType: m.flowType,
         ...et.current ? { metadata: { brand: et.current } } : {},
-        ...R && Object.keys(R).length > 0 ? { partnerMetadata: R } : {}
-      }), D({ type: "SET_STEP", step: "checkout" });
+        ...E && Object.keys(E).length > 0 ? { partnerMetadata: E } : {}
+      }), M({ type: "SET_STEP", step: "checkout" });
     } catch (U) {
       const _ = U instanceof Error ? U.message : "Failed to create order";
-      /wallet|address/i.test(_) ? D({ type: "SET_WALLET_ERROR", message: _.replace(/^Failed to create checkout intent:\s*/i, "") }) : D({ type: "SET_ERROR", message: _ });
+      /wallet|address/i.test(_) ? M({ type: "SET_WALLET_ERROR", message: _.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: _ });
     }
-  }, [m, j, N, R]), tt = O((v) => {
-    D({ type: "SET_STEP", step: v });
+  }, [m, j, N, E]), tt = O((v) => {
+    M({ type: "SET_STEP", step: v });
   }, []), St = O(() => {
     const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = v.indexOf(m.step);
-    A > 0 && D({ type: "SET_STEP", step: v[A - 1] });
+    A > 0 && M({ type: "SET_STEP", step: v[A - 1] });
   }, [m.step, N]), wt = W(() => {
     const v = N ? !!m.cryptoAmount : !!m.fiatAmount;
     switch (m.step) {
@@ -779,7 +779,7 @@ function xn(t) {
     configLoading: ae,
     configError: pe,
     state: m,
-    dispatch: D,
+    dispatch: M,
     quotes: G,
     quotesLoading: Ke,
     quotesError: ze,
@@ -1099,29 +1099,29 @@ function vn({
   defaultLocale: t = "en",
   children: a
 }) {
-  const [n, r] = w(t), [o, s] = w(Be[t] || it);
+  const [n, r] = w(t), [o, c] = w(Be[t] || it);
   B(() => {
     if (r(t), Be[t])
-      s(Be[t]);
+      c(Be[t]);
     else {
-      const c = la[t];
-      c && c().then((h) => {
-        Be[t] = h.default, s(h.default);
+      const s = la[t];
+      s && s().then((h) => {
+        Be[t] = h.default, c(h.default);
       });
     }
   }, [t]);
-  const u = O((c) => {
-    if (r(c), Be[c]) {
-      s(Be[c]);
+  const u = O((s) => {
+    if (r(s), Be[s]) {
+      c(Be[s]);
       return;
     }
-    const h = la[c];
+    const h = la[s];
     h && h().then((p) => {
-      Be[c] = p.default, s(p.default);
+      Be[s] = p.default, c(p.default);
     });
   }, []), l = O(
-    (c, h) => {
-      const p = o[c] || it[c] || c;
+    (s, h) => {
+      const p = o[s] || it[s] || s;
       return Sa(p, h);
     },
     [o]
@@ -1238,22 +1238,22 @@ function bn({
   redirectDelay: n = 3e3
 }) {
   var g;
-  const { order: r, orderStatus: o, goToStep: s, goBack: u } = Xe(), l = P(), [d, c] = w(!1), [h, p] = w(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  const { order: r, orderStatus: o, goToStep: c, goBack: u } = Xe(), l = P(), [d, s] = w(!1), [h, p] = w(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
   if (B(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
       p(Math.ceil(n / 1e3));
       const k = setTimeout(() => {
         window.location.href = r.checkout.url;
-      }, n), E = setInterval(() => {
+      }, n), R = setInterval(() => {
         p((y) => y && y > 1 ? y - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(k), clearInterval(E);
+        clearTimeout(k), clearInterval(R);
       };
     }
   }, [r, a, n, f]), B(() => {
-    o && (o.status === "completed" ? s("complete") : ["failed", "cancelled", "expired"].includes(o.status) && s("error"));
-  }, [o == null ? void 0 : o.status, s]), !r)
+    o && (o.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(o.status) && c("error"));
+  }, [o == null ? void 0 : o.status, c]), !r)
     return /* @__PURE__ */ i(
       "div",
       {
@@ -1307,7 +1307,7 @@ function bn({
       }
     );
   if (r.checkout.method === "iframe") {
-    const k = r.checkout.url, E = ((g = r.checkout.allowedFeatures) == null ? void 0 : g.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const k = r.checkout.url, R = ((g = r.checkout.allowedFeatures) == null ? void 0 : g.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return oa(
       /* @__PURE__ */ i(
         "div",
@@ -1386,8 +1386,8 @@ function bn({
                     height: "100%",
                     border: "none"
                   },
-                  allow: E,
-                  onLoad: () => c(!0),
+                  allow: R,
+                  onLoad: () => s(!0),
                   title: l("checkout.iframeTitle")
                 }
               )
@@ -1489,7 +1489,7 @@ function bn({
                     border: "none"
                   },
                   allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
-                  onLoad: () => c(!0),
+                  onLoad: () => s(!0),
                   title: l("checkout.widgetTitle")
                 }
               )
@@ -1538,7 +1538,7 @@ function wn({ className: t = "" }) {
   B(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
-  const s = () => {
+  const c = () => {
     if (!a) return o("processing.default");
     switch (a.status) {
       case "pending":
@@ -1551,7 +1551,7 @@ function wn({ className: t = "" }) {
   };
   return /* @__PURE__ */ i("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "mb-6", style: { animation: "processingPulse 1500ms ease-in-out infinite" }, children: /* @__PURE__ */ e(Ee, { size: 64 }) }),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: s() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: c() }),
     n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: o("processing.checkingStatus") }),
     a && /* @__PURE__ */ i("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: [
       /* @__PURE__ */ e($e, { label: o("processing.orderId"), value: a.orderId, mono: !0 }),
@@ -1612,7 +1612,7 @@ function kn({
   onDone: n,
   doneButtonText: r
 }) {
-  const { orderStatus: o, state: s, dispatch: u } = Xe(), l = P(), d = s.flowType === "sell", c = () => {
+  const { orderStatus: o, state: c, dispatch: u } = Xe(), l = P(), d = c.flowType === "sell", s = () => {
     if (!(o != null && o.transactionHash)) return null;
     if (!a) {
       const f = {
@@ -1626,12 +1626,12 @@ function kn({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (f[s.network] || f.ethereum).replace("{txHash}", o.transactionHash);
+      return (f[c.network] || f.ethereum).replace("{txHash}", o.transactionHash);
     }
     return a.replace("{txHash}", o.transactionHash);
   }, h = () => {
     n ? n() : u({ type: "RESET" });
-  }, p = c();
+  }, p = s();
   return /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1650,7 +1650,7 @@ function kn({
       }
     ),
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: l(d ? "complete.sellTitle" : "complete.buyTitle") }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: d ? l("complete.sellDesc", { fiat: (o == null ? void 0 : o.fiatCurrency) || s.fiatCurrency }) : l("complete.buyDesc", { crypto: (o == null ? void 0 : o.cryptoCurrency) || s.cryptoCurrency }) }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: d ? l("complete.sellDesc", { fiat: (o == null ? void 0 : o.fiatCurrency) || c.fiatCurrency }) : l("complete.buyDesc", { crypto: (o == null ? void 0 : o.cryptoCurrency) || c.cryptoCurrency }) }),
     o && /* @__PURE__ */ i("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: [
       /* @__PURE__ */ e(
         Ne,
@@ -1745,37 +1745,37 @@ function Nn({
   doneButtonText: r,
   supportEmail: o = "support@nowramp.com"
 }) {
-  const { state: s, orderStatus: u, dispatch: l, goToStep: d } = Xe(), c = P(), h = s.flowType === "sell", p = () => {
+  const { state: c, orderStatus: u, dispatch: l, goToStep: d } = Xe(), s = P(), h = c.flowType === "sell", p = () => {
     if (u)
       switch (u.status) {
         case "failed":
-          return c("errorStep.failed");
+          return s("errorStep.failed");
         case "cancelled":
-          return c("errorStep.cancelled");
+          return s("errorStep.cancelled");
         case "expired":
-          return c("errorStep.expired");
+          return s("errorStep.expired");
         case "refunded":
-          return c("errorStep.refunded");
+          return s("errorStep.refunded");
         default:
-          return c("errorStep.unknown");
+          return s("errorStep.unknown");
       }
-    return c("errorStep.unknown");
+    return s("errorStep.unknown");
   }, f = () => {
-    if (s.errorMessage) return s.errorMessage;
+    if (c.errorMessage) return c.errorMessage;
     if (u)
       switch (u.status) {
         case "failed":
-          return c(h ? "errorStep.failedSell" : "errorStep.failedBuy");
+          return s(h ? "errorStep.failedSell" : "errorStep.failedBuy");
         case "cancelled":
-          return c(h ? "errorStep.cancelledSell" : "errorStep.cancelledBuy");
+          return s(h ? "errorStep.cancelledSell" : "errorStep.cancelledBuy");
         case "expired":
-          return c(h ? "errorStep.expiredSell" : "errorStep.expiredBuy");
+          return s(h ? "errorStep.expiredSell" : "errorStep.expiredBuy");
         case "refunded":
-          return c(h ? "errorStep.refundedSell" : "errorStep.refundedBuy");
+          return s(h ? "errorStep.refundedSell" : "errorStep.refundedBuy");
         default:
-          return c("errorStep.genericDesc");
+          return s("errorStep.genericDesc");
       }
-    return c("errorStep.genericDesc");
+    return s("errorStep.genericDesc");
   }, g = () => {
     l({ type: "CLEAR_ERROR" }), a ? a() : (l({ type: "RESET" }), d("amount"));
   }, k = () => {
@@ -1793,7 +1793,7 @@ function Nn({
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: p() }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
     u && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-2", children: [
-      /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: c("errorStep.orderId") }),
+      /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: s("errorStep.orderId") }),
       /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: u.orderId })
     ] }) }),
     /* @__PURE__ */ i("div", { className: "w-full flex flex-col gap-2", children: [
@@ -1803,7 +1803,7 @@ function Nn({
           className: "w-full font-semibold text-[16px] transition-all",
           style: { height: 60, borderRadius: "var(--t-cta-radius, 100px)", background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
           onClick: g,
-          children: c("errorStep.tryAgain")
+          children: s("errorStep.tryAgain")
         }
       ),
       /* @__PURE__ */ e(
@@ -1812,7 +1812,7 @@ function Nn({
           className: "w-full font-semibold text-[14px] transition-all",
           style: { height: 48, borderRadius: "var(--t-cta-radius, 100px)", background: "var(--t-surface)", color: "var(--t-text)" },
           onClick: k,
-          children: c("errorStep.startOver")
+          children: s("errorStep.startOver")
         }
       ),
       n && /* @__PURE__ */ e(
@@ -1827,14 +1827,14 @@ function Nn({
             border: "1px solid var(--t-divider)"
           },
           onClick: n,
-          "aria-label": r || c("errorStep.returnToMerchant"),
-          children: r || c("errorStep.return")
+          "aria-label": r || s("errorStep.returnToMerchant"),
+          children: r || s("errorStep.return")
         }
       )
     ] }),
     /* @__PURE__ */ i("div", { className: "mt-6", children: [
       /* @__PURE__ */ i("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: [
-        c("errorStep.needHelp"),
+        s("errorStep.needHelp"),
         " ",
         /* @__PURE__ */ e(
           "a",
@@ -1846,7 +1846,7 @@ function Nn({
           }
         )
       ] }),
-      u && /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: c("errorStep.reference", { orderId: u.orderId }) })
+      u && /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: s("errorStep.reference", { orderId: u.orderId }) })
     ] })
   ] });
 }
@@ -2255,7 +2255,7 @@ function yt(t) {
 function Na(t, a = "") {
   return `${a}/provider-icons/${t.toLowerCase()}.svg`;
 }
-function Mt(t, a = "") {
+function Dt(t, a = "") {
   const n = yt(t);
   return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
@@ -2318,7 +2318,7 @@ const ca = [
 function Ea(t) {
   return Tn.has(t.toUpperCase());
 }
-function Ur(t, a) {
+function Ir(t, a) {
   var n, r;
   return ((n = da[t]) == null ? void 0 : n[a]) ?? ((r = da.USDC) == null ? void 0 : r[a]) ?? 1;
 }
@@ -2348,16 +2348,16 @@ function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
   const {
     config: r,
     configLoading: o,
-    state: s,
+    state: c,
     defaultGateway: u,
     quotes: l,
     fetchQuotes: d,
-    createOrder: c,
+    createOrder: s,
     orderLoading: h
-  } = Xe(), p = P(), f = s.flowType === "sell", [g, k] = w(null), E = r == null ? void 0 : r.gateways.find((q) => q.id === u), y = (J = l == null ? void 0 : l.bestQuote) != null && J.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, R = parseFloat(s.fiatAmount) || 0, K = !!(a && n && !f && Ea(s.cryptoCurrency) && y), ee = K && s.cryptoCurrency.toUpperCase().includes(s.fiatCurrency.toUpperCase()), z = K && R > 0 ? Bt(ee ? R : R / y) : null, ie = async () => {
+  } = Xe(), p = P(), f = c.flowType === "sell", [g, k] = w(null), R = r == null ? void 0 : r.gateways.find((q) => q.id === u), y = (J = l == null ? void 0 : l.bestQuote) != null && J.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, E = parseFloat(c.fiatAmount) || 0, K = !!(a && n && !f && Ea(c.cryptoCurrency) && y), ee = K && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), z = K && E > 0 ? Bt(ee ? E : E / y) : null, ie = async () => {
     k(null);
     try {
-      d(), await c();
+      d(), await s();
     } catch (q) {
       const Ce = q instanceof Error ? q.message : p("error.createOrderFailed");
       k(Ce);
@@ -2369,30 +2369,30 @@ function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
   ] }) : /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: p(f ? "confirm.sellTitle" : "confirm.buyTitle") }),
     /* @__PURE__ */ i("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: [
-      E && /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+      R && /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
         /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: p("confirm.provider") }),
         /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
-          E.logo && /* @__PURE__ */ e("img", { src: E.logo, alt: E.name, width: 20, height: 20, style: { borderRadius: 4 } }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: E.name })
+          R.logo && /* @__PURE__ */ e("img", { src: R.logo, alt: R.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R.name })
         ] })
       ] }),
       f ? /* @__PURE__ */ i(Z, { children: [
-        /* @__PURE__ */ e(He, { label: p("confirm.youSell"), value: `${s.cryptoAmount} ${s.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(He, { label: p("confirm.youReceive"), value: p("confirm.payout", { currency: s.fiatCurrency }) })
+        /* @__PURE__ */ e(He, { label: p("confirm.youSell"), value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(He, { label: p("confirm.youReceive"), value: p("confirm.payout", { currency: c.fiatCurrency }) })
       ] }) : /* @__PURE__ */ i(Z, { children: [
-        /* @__PURE__ */ e(He, { label: p("confirm.youPay"), value: `${s.fiatAmount} ${s.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(He, { label: p("confirm.youPay"), value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
           He,
           {
             label: p("confirm.youReceive"),
-            value: z ? `${z} ${s.cryptoCurrency}` : p("confirm.cryptoOnNetwork", { crypto: s.cryptoCurrency, network: s.network })
+            value: z ? `${z} ${c.cryptoCurrency}` : p("confirm.cryptoOnNetwork", { crypto: c.cryptoCurrency, network: c.network })
           }
         ),
-        /* @__PURE__ */ e(He, { label: p("confirm.wallet"), value: pa(s.walletAddress), mono: !0 }),
-        K && z && /* @__PURE__ */ e("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: p("confirm.parityNote", { amount: z, crypto: s.cryptoCurrency, partner: n }) })
+        /* @__PURE__ */ e(He, { label: p("confirm.wallet"), value: pa(c.walletAddress), mono: !0 }),
+        K && z && /* @__PURE__ */ e("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: p("confirm.parityNote", { amount: z, crypto: c.cryptoCurrency, partner: n }) })
       ] }),
-      /* @__PURE__ */ e(He, { label: p("confirm.network"), value: s.network }),
-      f && s.walletAddress && /* @__PURE__ */ e(He, { label: p("confirm.refundAddress"), value: pa(s.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(He, { label: p("confirm.network"), value: c.network }),
+      f && c.walletAddress && /* @__PURE__ */ e(He, { label: p("confirm.refundAddress"), value: pa(c.walletAddress), mono: !0 })
     ] }),
     g && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: g }),
     /* @__PURE__ */ e(
@@ -2429,13 +2429,13 @@ function Pe({
   children: n,
   variant: r = "bottom"
 }) {
-  const [o, s] = w(!1), [u, l] = w(!1);
+  const [o, c] = w(!1), [u, l] = w(!1);
   B(() => {
     if (t)
-      s(!0), requestAnimationFrame(() => requestAnimationFrame(() => l(!0)));
+      c(!0), requestAnimationFrame(() => requestAnimationFrame(() => l(!0)));
     else if (o) {
       l(!1);
-      const p = setTimeout(() => s(!1), 250);
+      const p = setTimeout(() => c(!1), 250);
       return () => clearTimeout(p);
     }
   }, [t]);
@@ -2508,8 +2508,8 @@ function Ra({
   className: r = "",
   background: o
 }) {
-  const [s, u] = w(!1), [l, d] = w(!1), c = I(t);
-  c.current !== t && (c.current = t, u(!1), d(!1));
+  const [c, u] = w(!1), [l, d] = w(!1), s = I(t);
+  s.current !== t && (s.current = t, u(!1), d(!1));
   const h = O(() => u(!0), []), p = O(() => d(!0), []);
   return /* @__PURE__ */ i(
     "div",
@@ -2517,7 +2517,7 @@ function Ra({
       className: `relative rounded-full shrink-0 ${r}`,
       style: { width: n, height: n, background: o },
       children: [
-        !s && !l && /* @__PURE__ */ e(
+        !c && !l && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full animate-pulse",
@@ -2544,7 +2544,7 @@ function Ra({
             height: n,
             onLoad: h,
             onError: p,
-            className: `rounded-full ${s ? "opacity-100" : "opacity-0"}`,
+            className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
             style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
           }
         )
@@ -2579,7 +2579,7 @@ function Ta({ size: t = 32, color: a = "#888" }) {
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function Ir({ size: t = 24 }) {
+function Mr({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2596,7 +2596,7 @@ function Ir({ size: t = 24 }) {
     }
   );
 }
-function Dn({ size: t = 32 }) {
+function Mn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2622,7 +2622,7 @@ function Dr({ size: t = 32 }) {
     }
   );
 }
-function Mr({ size: t = 32 }) {
+function Br({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2637,7 +2637,7 @@ function Mr({ size: t = 32 }) {
     }
   );
 }
-function Mn({ size: t = 32 }) {
+function Dn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2678,7 +2678,7 @@ function Hn({ size: t = 32 }) {
     }
   );
 }
-function Br({ size: t = 32 }) {
+function Hr({ size: t = 32 }) {
   const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), o = a * 0.2;
   return /* @__PURE__ */ i("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
@@ -2729,7 +2729,7 @@ function Br({ size: t = 32 }) {
     )
   ] });
 }
-function Hr({ size: t = 18 }) {
+function Pr({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2745,7 +2745,7 @@ function Re() {
 function Pn() {
   return /* @__PURE__ */ e("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7L1 13", stroke: "var(--t-icon-stroke)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Pr({ onClick: t }) {
+function Or({ onClick: t }) {
   return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
     "path",
     {
@@ -2754,7 +2754,7 @@ function Pr({ onClick: t }) {
     }
   ) }) });
 }
-function Or({ size: t = 40 }) {
+function Kr({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2828,7 +2828,7 @@ function jn({ size: t = 20 }) {
     }
   );
 }
-function Kr({ size: t = 24 }) {
+function _r({ size: t = 24 }) {
   const a = t * 1.15;
   return /* @__PURE__ */ i("svg", { width: a, height: t, viewBox: "0 0 48 32", fill: "none", preserveAspectRatio: "xMidYMid meet", children: [
     /* @__PURE__ */ e("path", { d: "M0 0H5.76C11.0619 0 15.36 4.47715 15.36 10V32H0V0Z", fill: "var(--t-text)" }),
@@ -2877,13 +2877,13 @@ function Vn({ onClick: t }) {
     }
   );
 }
-function _r({ size: t = 16 }) {
+function jr({ size: t = 16 }) {
   return /* @__PURE__ */ i("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "5.25", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" }),
     /* @__PURE__ */ e("path", { d: "M11 11l3.5 3.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round" })
   ] });
 }
-function jr({ size: t = 12 }) {
+function Vr({ size: t = 12 }) {
   return /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M6 10V2M6 2L2.5 5.5M6 2l3.5 3.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function Wn({ size: t = 14 }) {
@@ -2903,9 +2903,9 @@ function Gn(t, a = 32, n) {
     case "googlepay":
       return /* @__PURE__ */ e(jn, { size: a });
     case "revolut":
-      return /* @__PURE__ */ e(Dn, { size: a });
-    case "paypal":
       return /* @__PURE__ */ e(Mn, { size: a });
+    case "paypal":
+      return /* @__PURE__ */ e(Dn, { size: a });
     case "visa":
       return /* @__PURE__ */ e(Bn, { size: a });
     case "mastercard":
@@ -2915,7 +2915,7 @@ function Gn(t, a = 32, n) {
   }
 }
 function $n({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
-  const [s, u] = w(!1), [l, d] = w(!1), c = O(() => {
+  const [c, u] = w(!1), [l, d] = w(!1), s = O(() => {
     d(!0), setTimeout(() => {
       u(!1), d(!1), o();
     }, 200);
@@ -2923,10 +2923,10 @@ function $n({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
   return B(() => {
     r && (u(!0), d(!1));
   }, [r]), B(() => {
-    if (!r || !s) return;
-    const p = setTimeout(c, 5e3);
+    if (!r || !c) return;
+    const p = setTimeout(s, 5e3);
     return () => clearTimeout(p);
-  }, [r, s, c]), s ? /* @__PURE__ */ e(
+  }, [r, c, s]), c ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute top-0 left-0 right-0 z-[25] px-3 pt-3",
@@ -2945,7 +2945,7 @@ function $n({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: c,
+                onClick: s,
                 className: "shrink-0 opacity-80 hover:opacity-100 transition-opacity mt-0.5",
                 children: /* @__PURE__ */ e(Pt, { size: 10 })
               }
@@ -3083,14 +3083,14 @@ function Qn({
   assetBaseUrl: r = "",
   selectedCode: o
 }) {
-  const s = P(), [u, l] = w(""), d = W(() => {
+  const c = P(), [u, l] = w(""), d = W(() => {
     if (!n || n.length === 0) return ca;
     const h = new Map(ca.map((p) => [p.code, p.name]));
     return n.map((p) => ({
       code: p.code,
       name: p.name || h.get(p.code) || p.code
     }));
-  }, [n]), c = W(() => {
+  }, [n]), s = W(() => {
     const h = u.trim().toLowerCase();
     if (!h) {
       if (o) {
@@ -3109,12 +3109,12 @@ function Qn({
   return /* @__PURE__ */ i(Z, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
-      /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: s("modal.selectFiat") }),
+      /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: c("modal.selectFiat") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: u, onChange: l, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      c.map((h, p) => {
+      s.map((h, p) => {
         const f = o === h.code;
         return /* @__PURE__ */ i(
           "button",
@@ -3126,7 +3126,7 @@ function Qn({
               /* @__PURE__ */ e(jt, { currencyCode: h.code, size: 32, baseUrl: r }),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: h.code }),
-                Yn.includes(h.code) && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: s("modal.popular") }),
+                Yn.includes(h.code) && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: c("modal.popular") }),
                 f && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                   "path",
                   {
@@ -3143,17 +3143,17 @@ function Qn({
           h.code
         );
       }),
-      c.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: s("modal.noCurrencies") })
+      s.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: c("modal.noCurrencies") })
     ] })
   ] });
 }
 const ha = ["BTC", "ETH", "SOL"];
 function fa({ src: t, alt: a, size: n, className: r, style: o }) {
-  const [s, u] = w(!1), [l, d] = w(!1), c = I(t);
-  c.current !== t && (c.current = t, u(!1), d(!1));
+  const [c, u] = w(!1), [l, d] = w(!1), s = I(t);
+  s.current !== t && (s.current = t, u(!1), d(!1));
   const h = O(() => u(!0), []), p = O(() => d(!0), []);
   return /* @__PURE__ */ i("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
-    !s && !l && /* @__PURE__ */ e(
+    !c && !l && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full animate-pulse",
@@ -3176,55 +3176,55 @@ function fa({ src: t, alt: a, size: n, className: r, style: o }) {
         height: n,
         onLoad: h,
         onError: p,
-        className: `rounded-full ${s ? "opacity-100" : "opacity-0"}`,
+        className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
         style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
       }
     )
   ] });
 }
-function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: s }) {
-  const u = P(), [l, d] = w(""), c = W(() => {
+function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: c }) {
+  const u = P(), [l, d] = w(""), s = W(() => {
     if (!n || n.length === 0) return Fn;
     const f = [];
     for (const g of n) {
-      const k = g.networks || [], E = g.name || En[g.code] || g.code;
+      const k = g.networks || [], R = g.name || En[g.code] || g.code;
       if (k.length === 0)
-        f.push({ code: g.code, name: E, chain: g.code, popular: ha.includes(g.code) });
+        f.push({ code: g.code, name: R, chain: g.code, popular: ha.includes(g.code) });
       else
         for (const y of k) {
-          const R = y.code || y.id || y.name || g.code;
+          const E = y.code || y.id || y.name || g.code;
           f.push({
             code: g.code,
-            name: E,
-            chain: R,
+            name: R,
+            chain: E,
             chainName: y.name,
             popular: ha.includes(g.code)
           });
         }
     }
     return f;
-  }, [n]), h = O((f, g) => o === f && s === g, [o, s]), p = W(() => {
-    var E;
+  }, [n]), h = O((f, g) => o === f && c === g, [o, c]), p = W(() => {
+    var R;
     const f = l.trim().toLowerCase();
     if (!f) {
-      if (o && s) {
-        const y = c.find((R) => R.code === o && R.chain === s);
+      if (o && c) {
+        const y = s.find((E) => E.code === o && E.chain === c);
         if (y) {
-          const R = c.filter((K) => !(K.code === o && K.chain === s));
-          return [y, ...R];
+          const E = s.filter((K) => !(K.code === o && K.chain === c));
+          return [y, ...E];
         }
       }
-      return c;
+      return s;
     }
     const g = f.split(/\s+/), k = [];
-    for (const y of c) {
-      const R = yt(y.chain), K = R ? R.name.toLowerCase() : "", ee = ((E = R == null ? void 0 : R.shortName) == null ? void 0 : E.toLowerCase()) || "", z = y.chain.toLowerCase(), ie = y.code.toLowerCase(), J = y.name.toLowerCase(), q = [ie, J, K, ee, z];
+    for (const y of s) {
+      const E = yt(y.chain), K = E ? E.name.toLowerCase() : "", ee = ((R = E == null ? void 0 : E.shortName) == null ? void 0 : R.toLowerCase()) || "", z = y.chain.toLowerCase(), ie = y.code.toLowerCase(), J = y.name.toLowerCase(), q = [ie, J, K, ee, z];
       if (!g.every((T) => q.some((C) => C.includes(T)))) continue;
       let te = 0;
       ie === f ? te += 100 : ie.startsWith(g[0]) && (te += 50), y.popular && (te += 10), g.length > 1 && (K.includes(g[1]) || ee.includes(g[1]) || z.includes(g[1])) && (te += 25), k.push({ item: y, score: te });
     }
-    return k.sort((y, R) => R.score - y.score), k.map((y) => y.item);
-  }, [c, l, o, s]);
+    return k.sort((y, E) => E.score - y.score), k.map((y) => y.item);
+  }, [s, l, o, c]);
   return /* @__PURE__ */ i(Z, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
@@ -3234,7 +3234,7 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
       p.map((f, g) => {
-        const k = yt(f.chain), E = (k == null ? void 0 : k.name) || f.chainName || f.chain, y = h(f.code, f.chain);
+        const k = yt(f.chain), R = (k == null ? void 0 : k.name) || f.chainName || f.chain, y = h(f.code, f.chain);
         return /* @__PURE__ */ i(
           "button",
           {
@@ -3272,7 +3272,7 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                     children: /* @__PURE__ */ e(
                       fa,
                       {
-                        src: Mt(f.chain, r),
+                        src: Dt(f.chain, r),
                         alt: f.chain,
                         size: 16
                       }
@@ -3282,7 +3282,7 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
               ] }),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: f.code }),
-                /* @__PURE__ */ e("span", { className: "text-[15px]", style: { color: "var(--t-text-secondary)" }, children: E }),
+                /* @__PURE__ */ e("span", { className: "text-[15px]", style: { color: "var(--t-text-secondary)" }, children: R }),
                 f.popular && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: u("modal.popular") }),
                 y && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                   "path",
@@ -3325,12 +3325,21 @@ const Jn = {
   "payid-bank-transfer": "PayID",
   paypal: "PayPal",
   revolut: "Revolut"
+}, tr = {
+  "sepa-bank-transfer": "SEPA",
+  sepa: "SEPA",
+  "bank-transfer": "Bank",
+  "ach-bank-transfer": "ACH"
 };
-function Vt(t, a, n) {
-  const r = er[t];
-  if (r) return r;
-  const o = qn[t];
-  return o && n ? n(o) : o && {
+function Vt(t, a, n, r = !1) {
+  if (r) {
+    const u = tr[t];
+    if (u) return u;
+  }
+  const o = er[t];
+  if (o) return o;
+  const c = qn[t];
+  return c && n ? n(c) : c && {
     "debit-credit-card": "Card",
     "bank-transfer": "Bank Transfer",
     "ach-bank-transfer": "ACH"
@@ -3340,17 +3349,17 @@ function Wt(t, a, n = 24) {
   const r = Jn[t];
   return r ? Gn(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(Ta, { size: n });
 }
-function Vr({
+function Wr({
   methods: t,
   selectedId: a,
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const o = P(), s = W(
+  const o = P(), c = W(
     () => t.filter((l) => l.supportedFiats.includes(r)),
     [t, r]
-  ), u = s.find((l) => l.id === a) || s[0];
-  return s.length === 0 ? /* @__PURE__ */ e(
+  ), u = c.find((l) => l.id === a) || c[0];
+  return c.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
@@ -3389,15 +3398,15 @@ function Vr({
     }
   ) });
 }
-function tr({
+function ar({
   methods: t,
   selectedId: a,
   onSelect: n,
   onClose: r
 }) {
-  const o = P(), [s, u] = w(""), l = t.length > 0 ? t[0].id : "", d = W(() => {
-    const c = s.trim().toLowerCase();
-    if (!c) {
+  const o = P(), [c, u] = w(""), l = t.length > 0 ? t[0].id : "", d = W(() => {
+    const s = c.trim().toLowerCase();
+    if (!s) {
       if (a) {
         const h = t.find((p) => p.id === a);
         if (h) {
@@ -3408,23 +3417,23 @@ function tr({
       return t;
     }
     return t.filter(
-      (h) => h.id.toLowerCase().includes(c) || h.name.toLowerCase().includes(c) || h.description && h.description.toLowerCase().includes(c)
+      (h) => h.id.toLowerCase().includes(s) || h.name.toLowerCase().includes(s) || h.description && h.description.toLowerCase().includes(s)
     );
-  }, [t, s, a]);
+  }, [t, c, a]);
   return /* @__PURE__ */ i(Z, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: o("modal.choosePayment") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: r }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: s, onChange: u, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: c, onChange: u, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      d.map((c, h) => {
-        const p = c.id === a, f = Vt(c.id, c.name, o);
+      d.map((s, h) => {
+        const p = s.id === a, f = Vt(s.id, s.name, o);
         return /* @__PURE__ */ i(
           "button",
           {
-            onClick: () => n(c.id),
+            onClick: () => n(s.id),
             className: "flex items-center w-full card-press hover-item modal-item-in",
             style: { gap: 16, animationDelay: `${Math.min(h * 45, 350)}ms` },
             children: [
@@ -3433,12 +3442,12 @@ function tr({
                 {
                   className: "flex items-center justify-center shrink-0",
                   style: { width: 32, height: 32 },
-                  children: Wt(c.id, c.icon, 32)
+                  children: Wt(s.id, s.icon, 32)
                 }
               ),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: f }),
-                c.id === l && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: o("modal.recommended") }),
+                s.id === l && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: o("modal.recommended") }),
                 p && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                   "path",
                   {
@@ -3452,14 +3461,14 @@ function tr({
               ] })
             ]
           },
-          c.id
+          s.id
         );
       }),
       d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: o("modal.noPaymentMethods") })
     ] })
   ] });
 }
-function ar({
+function nr({
   checked: t,
   onChange: a,
   accentColor: n
@@ -3491,28 +3500,28 @@ function ar({
     }
   );
 }
-const nr = [
+const rr = [
   { key: "settings.privacy", href: "https://nowramp.com/privacy-policy" },
   { key: "settings.terms", href: "https://nowramp.com/terms-and-conditions" }
 ], ht = {
   background: "var(--t-surface)",
   borderRadius: "var(--t-card-radius)"
 };
-function rr({
+function or({
   onClose: t,
   darkMode: a,
   onToggleDarkMode: n,
   skinId: r,
   onSelectSkin: o,
-  showThemeToggle: s = !0,
+  showThemeToggle: c = !0,
   country: u,
   countryName: l,
   onLocationPress: d,
-  onLanguagePress: c,
+  onLanguagePress: s,
   assetBaseUrl: h = ""
 }) {
   var y;
-  const { t: p, locale: f, languages: g } = _t(), [k, E] = w(!1);
+  const { t: p, locale: f, languages: g } = _t(), [k, R] = w(!1);
   return /* @__PURE__ */ i(Z, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 80, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
@@ -3537,9 +3546,9 @@ function rr({
                     width: 28,
                     height: 28,
                     style: { width: 28, height: 28, borderRadius: "50%", objectFit: "cover" },
-                    onError: () => E(!0)
+                    onError: () => R(!0)
                   }
-                ) : /* @__PURE__ */ e(or, { size: 28 }),
+                ) : /* @__PURE__ */ e(ir, { size: 28 }),
                 /* @__PURE__ */ e("span", { className: "text-[15px] font-medium", style: { color: "var(--t-text)" }, children: l || u })
               ] }),
               /* @__PURE__ */ e(Re, {})
@@ -3547,48 +3556,48 @@ function rr({
           ]
         }
       ),
-      s && /* @__PURE__ */ i(
+      c && /* @__PURE__ */ i(
         "div",
         {
           className: "flex items-center justify-between w-full px-4 modal-item-in",
           style: { ...ht, paddingTop: 14, paddingBottom: 14, animationDelay: "60ms" },
           children: [
             /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p("settings.darkMode") }),
-            /* @__PURE__ */ e(ar, { checked: a, onChange: n })
+            /* @__PURE__ */ e(nr, { checked: a, onChange: n })
           ]
         }
       ),
-      c && /* @__PURE__ */ i(
+      s && /* @__PURE__ */ i(
         "button",
         {
-          onClick: c,
+          onClick: s,
           className: "flex items-center justify-between w-full transition-colors card-press modal-item-in",
           style: { ...ht, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "14px 16px", margin: 0, textAlign: "left", animationDelay: "120ms" },
           children: [
             /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p("settings.language") }),
-            /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: ((y = g.find((R) => R.code === f)) == null ? void 0 : y.name) || f })
+            /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: ((y = g.find((E) => E.code === f)) == null ? void 0 : y.name) || f })
           ]
         }
       ),
-      nr.map((R, K) => /* @__PURE__ */ i(
+      rr.map((E, K) => /* @__PURE__ */ i(
         "a",
         {
-          href: R.href,
+          href: E.href,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "flex items-center justify-between w-full px-4 transition-colors card-press modal-item-in",
           style: { ...ht, textDecoration: "none", color: "inherit", paddingTop: 14, paddingBottom: 14, animationDelay: `${180 + K * 60}ms` },
           children: [
-            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p(R.key) }),
+            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p(E.key) }),
             /* @__PURE__ */ e(Pn, {})
           ]
         },
-        R.key
+        E.key
       ))
     ] })
   ] });
 }
-function or({ size: t = 28 }) {
+function ir({ size: t = 28 }) {
   return /* @__PURE__ */ i("svg", { width: t, height: t, viewBox: "0 0 40 40", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "20", cy: "20", r: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ e("ellipse", { cx: "20", cy: "20", rx: "9", ry: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
@@ -3596,46 +3605,46 @@ function or({ size: t = 28 }) {
     /* @__PURE__ */ e("path", { d: "M5 12h30M5 28h30", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" })
   ] });
 }
-function ir({
+function lr({
   onClose: t,
   onSelect: a,
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const o = P(), [s, u] = w(""), l = W(() => {
-    const d = s.trim().toLowerCase();
+  const o = P(), [c, u] = w(""), l = W(() => {
+    const d = c.trim().toLowerCase();
     if (!d) {
       if (r) {
-        const c = r.toLowerCase(), h = Ot[c];
+        const s = r.toLowerCase(), h = Ot[s];
         if (h) {
-          const p = ft.filter((f) => f.code !== c);
+          const p = ft.filter((f) => f.code !== s);
           return [h, ...p];
         }
       }
       return ft;
     }
     return ft.filter(
-      (c) => c.name.toLowerCase().includes(d) || c.code.includes(d) || c.defaultFiat.toLowerCase().includes(d)
+      (s) => s.name.toLowerCase().includes(d) || s.code.includes(d) || s.defaultFiat.toLowerCase().includes(d)
     );
-  }, [s, r]);
+  }, [c, r]);
   return /* @__PURE__ */ i(Z, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: o("modal.selectCountry") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: s, onChange: u, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: c, onChange: u, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      l.map((d, c) => {
+      l.map((d, s) => {
         const h = (r == null ? void 0 : r.toLowerCase()) === d.code;
         return /* @__PURE__ */ i(
           "button",
           {
             onClick: () => a(d.code),
             className: "flex items-center w-full card-press hover-item modal-item-in",
-            style: { gap: 16, animationDelay: `${Math.min(c * 45, 350)}ms` },
+            style: { gap: 16, animationDelay: `${Math.min(s * 45, 350)}ms` },
             children: [
-              /* @__PURE__ */ e(lr, { code: d.code, size: 32, baseUrl: n }),
+              /* @__PURE__ */ e(cr, { code: d.code, size: 32, baseUrl: n }),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: d.name }),
                 h && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
@@ -3658,7 +3667,7 @@ function ir({
     ] })
   ] });
 }
-function lr({ code: t, size: a = 32, baseUrl: n = "" }) {
+function cr({ code: t, size: a = 32, baseUrl: n = "" }) {
   const [r, o] = w(!1);
   return r ? /* @__PURE__ */ e(
     "div",
@@ -3688,19 +3697,19 @@ function lr({ code: t, size: a = 32, baseUrl: n = "" }) {
     }
   );
 }
-function cr({
+function sr({
   onClose: t,
   onSelect: a,
   selectedCode: n
 }) {
-  const r = P(), [o, s] = w(""), u = W(() => {
+  const r = P(), [o, c] = w(""), u = W(() => {
     const l = o.trim().toLowerCase();
     if (!l) {
       if (n) {
-        const d = Ze.find((c) => c.code === n);
+        const d = Ze.find((s) => s.code === n);
         if (d) {
-          const c = Ze.filter((h) => h.code !== n);
-          return [d, ...c];
+          const s = Ze.filter((h) => h.code !== n);
+          return [d, ...s];
         }
       }
       return Ze;
@@ -3714,11 +3723,11 @@ function cr({
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: r("modal.selectLanguage") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: o, onChange: s, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: o, onChange: c, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
       u.map((l, d) => {
-        const c = n === l.code;
+        const s = n === l.code;
         return /* @__PURE__ */ e(
           "button",
           {
@@ -3728,7 +3737,7 @@ function cr({
             children: /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, paddingLeft: 4, gap: 10 }, children: [
               /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: l.name }),
               /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: l.english }),
-              c && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+              s && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                 "path",
                 {
                   d: "M13.5 4.5L6 12L2.5 8.5",
@@ -3747,14 +3756,14 @@ function cr({
     ] })
   ] });
 }
-function sr({
+function dr({
   tab: t,
   onTabSwitch: a,
   showFlowToggle: n,
   showSettings: r,
   onOpenSettings: o
 }) {
-  const s = P();
+  const c = P();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -3808,7 +3817,7 @@ function sr({
                     borderRadius: "var(--t-pill-radius)",
                     color: t === "buy" ? "var(--t-tab-active-text)" : "var(--t-tab-inactive-text)"
                   },
-                  children: s("header.buy")
+                  children: c("header.buy")
                 }
               ),
               /* @__PURE__ */ e(
@@ -3824,7 +3833,7 @@ function sr({
                     borderRadius: "var(--t-pill-radius)",
                     color: t === "sell" ? "var(--t-tab-active-text)" : "var(--t-tab-inactive-text)"
                   },
-                  children: s("header.sell")
+                  children: c("header.sell")
                 }
               )
             ]
@@ -3835,25 +3844,25 @@ function sr({
     }
   );
 }
-function dr({
+function ur({
   amount: t,
   onAmountChange: a,
   currencyCode: n,
   isBuy: r,
   onOpenModal: o,
-  assetBaseUrl: s,
+  assetBaseUrl: c,
   error: u,
   fieldLocks: l,
   onBlur: d,
-  inputRef: c,
+  inputRef: s,
   chainCode: h,
   chainDisplay: p,
   getChainIconUrl: f,
   shaking: g,
   onFocus: k
 }) {
-  var y, R, K;
-  const E = P();
+  var y, E, K;
+  const R = P();
   return /* @__PURE__ */ i(Z, { children: [
     /* @__PURE__ */ i(
       "div",
@@ -3865,18 +3874,18 @@ function dr({
           ...u ? { border: "1px solid var(--t-error)" } : {}
         },
         children: [
-          /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: E("spend.label") }),
+          /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: R("spend.label") }),
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ e(
               "input",
               {
-                ref: c,
+                ref: s,
                 type: "text",
                 value: t,
                 onChange: a,
                 onFocus: k,
                 onBlur: d,
-                placeholder: E(r ? "spend.placeholderFiat" : "spend.placeholderCrypto"),
+                placeholder: R(r ? "spend.placeholderFiat" : "spend.placeholderCrypto"),
                 className: "bg-transparent outline-none w-0 flex-1 mr-3",
                 style: {
                   color: "var(--t-text)",
@@ -3910,9 +3919,9 @@ function dr({
                   backdropFilter: "blur(4px)",
                   WebkitBackdropFilter: "blur(4px)"
                 },
-                disabled: !!((R = l == null ? void 0 : l.sourceCurrency) != null && R.locked),
+                disabled: !!((E = l == null ? void 0 : l.sourceCurrency) != null && E.locked),
                 children: [
-                  /* @__PURE__ */ e(jt, { currencyCode: n, size: 24, baseUrl: s }),
+                  /* @__PURE__ */ e(jt, { currencyCode: n, size: 24, baseUrl: c }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: n }),
                   /* @__PURE__ */ e(Re, {})
                 ]
@@ -3936,7 +3945,7 @@ function dr({
                   },
                   disabled: !!((K = l == null ? void 0 : l.destinationCurrency) != null && K.locked),
                   children: [
-                    /* @__PURE__ */ e(Aa, { ticker: n, size: 24, baseUrl: s }),
+                    /* @__PURE__ */ e(Aa, { ticker: n, size: 24, baseUrl: c }),
                     /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: n }),
                     /* @__PURE__ */ e(Re, {})
                   ]
@@ -3946,7 +3955,7 @@ function dr({
                 /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                   "img",
                   {
-                    src: f(h, s),
+                    src: f(h, c),
                     alt: h,
                     width: 14,
                     height: 14,
@@ -3964,37 +3973,37 @@ function dr({
     u && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 text-center", style: { color: "var(--t-error)" }, children: u })
   ] });
 }
-function ur({ char: t, height: a = 38 }) {
+function mr({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
   return r === -1 ? /* @__PURE__ */ e("span", { style: { display: "inline-block", textAlign: "center" }, children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px`, textAlign: "center" }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((o) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: o }, o)) }) });
 }
-function mr({
+function pr({
   value: t,
   height: a = 38,
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", fontVariantNumeric: "tabular-nums", ...r }, children: t.split("").map((o, s) => /* @__PURE__ */ e(ur, { char: o, height: a }, s)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", fontVariantNumeric: "tabular-nums", ...r }, children: t.split("").map((o, c) => /* @__PURE__ */ e(mr, { char: o, height: a }, c)) });
 }
-function pr({
+function hr({
   amount: t,
   currencyCode: a,
   chainCode: n,
   chainDisplay: r,
   isBuy: o,
-  onOpenModal: s,
+  onOpenModal: c,
   displayRate: u,
   assetBaseUrl: l,
   quotesLoading: d,
-  onOpenRateBreakdown: c,
+  onOpenRateBreakdown: s,
   fieldLocks: h,
   spendNumeric: p,
   getChainIconUrl: f,
   autoSelectPending: g,
   rateFlash: k
 }) {
-  var y, R;
-  const E = P();
+  var y, E;
+  const R = P();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -4005,11 +4014,11 @@ function pr({
         background: "transparent"
       },
       children: /* @__PURE__ */ i("div", { className: "flex flex-col gap-[20px]", children: [
-        /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: E("receive.label") }),
+        /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: R("receive.label") }),
         /* @__PURE__ */ i("div", { className: "flex flex-col gap-[8px]", children: [
           /* @__PURE__ */ i("div", { className: "flex items-start justify-between", children: [
             /* @__PURE__ */ e("div", { className: k ? "rate-flash" : "", children: /* @__PURE__ */ e(
-              mr,
+              pr,
               {
                 value: p > 0 ? t : "0",
                 height: 32,
@@ -4023,7 +4032,7 @@ function pr({
             o ? /* @__PURE__ */ e("div", { className: "flex flex-col items-end shrink-0", children: /* @__PURE__ */ i(
               "button",
               {
-                onClick: s,
+                onClick: c,
                 className: "flex items-center gap-[4px] transition-colors",
                 style: {
                   background: "var(--t-pill-solid-bg)",
@@ -4046,7 +4055,7 @@ function pr({
             ) }) : /* @__PURE__ */ i(
               "button",
               {
-                onClick: s,
+                onClick: c,
                 className: "flex items-center gap-[4px] shrink-0 transition-colors",
                 style: {
                   background: "var(--t-pill-solid-bg)",
@@ -4059,7 +4068,7 @@ function pr({
                   backdropFilter: "blur(4px)",
                   WebkitBackdropFilter: "blur(4px)"
                 },
-                disabled: !!((R = h == null ? void 0 : h.sourceCurrency) != null && R.locked),
+                disabled: !!((E = h == null ? void 0 : h.sourceCurrency) != null && E.locked),
                 children: [
                   /* @__PURE__ */ e(jt, { currencyCode: a, size: 24, baseUrl: l }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: a }),
@@ -4071,13 +4080,13 @@ function pr({
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ e("div", { className: "flex items-center gap-[4px]", children: d && !g ? /* @__PURE__ */ i(Z, { children: [
               /* @__PURE__ */ e(Ee, { size: 12 }),
-              /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: E("receive.fetchingRate") })
+              /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: R("receive.fetchingRate") })
             ] }) : /* @__PURE__ */ i(Z, { children: [
               /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: u || " " }),
               u && /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: c,
+                  onClick: s,
                   className: "flex items-center justify-center opacity-60 hover:opacity-100 transition-opacity",
                   children: /* @__PURE__ */ e(Ht, { size: 12 })
                 }
@@ -4103,7 +4112,7 @@ function pr({
     }
   );
 }
-function hr({
+function fr({
   selectedMethod: t,
   onOpenModal: a,
   getMethodIcon: n,
@@ -4116,8 +4125,8 @@ function hr({
       role: "button",
       tabIndex: 0,
       onClick: a,
-      onKeyDown: (s) => {
-        (s.key === "Enter" || s.key === " ") && a();
+      onKeyDown: (c) => {
+        (c.key === "Enter" || c.key === " ") && a();
       },
       className: "flex items-center gap-[4px] p-4 transition-colors cursor-pointer card-press card-hover",
       style: {
@@ -4138,7 +4147,7 @@ function hr({
     }
   );
 }
-function fr({
+function yr({
   selectedQuote: t,
   quotesLoading: a,
   onOpenModal: n,
@@ -4151,8 +4160,8 @@ function fr({
       role: "button",
       tabIndex: 0,
       onClick: n,
-      onKeyDown: (s) => {
-        (s.key === "Enter" || s.key === " ") && n();
+      onKeyDown: (c) => {
+        (c.key === "Enter" || c.key === " ") && n();
       },
       className: "flex items-center gap-[4px] p-4 transition-colors cursor-pointer card-press card-hover",
       style: {
@@ -4174,8 +4183,8 @@ function fr({
                 height: 20,
                 className: "rounded-full",
                 style: { width: 20, height: 20, objectFit: "cover" },
-                onError: (s) => {
-                  t.gatewayLogo && s.target.src !== t.gatewayLogo && (s.target.src = t.gatewayLogo);
+                onError: (c) => {
+                  t.gatewayLogo && c.target.src !== t.gatewayLogo && (c.target.src = t.gatewayLogo);
                 }
               }
             ) }),
@@ -4187,22 +4196,22 @@ function fr({
     }
   );
 }
-function yr() {
+function gr() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: /* @__PURE__ */ e("path", { d: "M8 1l2.12 4.3 4.74.69-3.43 3.34.81 4.72L8 11.77l-4.24 2.28.81-4.72L1.14 5.99l4.74-.69L8 1z", fill: "var(--t-success)" }) });
 }
-function gr() {
+function xr() {
   return /* @__PURE__ */ i("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: [
     /* @__PURE__ */ e("path", { d: "M14 7.5a6 6 0 11-12 0 6 6 0 0112 0z", stroke: "var(--t-accent)", strokeWidth: "1.5" }),
     /* @__PURE__ */ e("path", { d: "M5.5 8l2 2 3.5-4", stroke: "var(--t-accent)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function xr({ quote: t }) {
+function vr({ quote: t }) {
   const a = P();
   return t.isBestRate ? /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ e(yr, {}),
+    /* @__PURE__ */ e(gr, {}),
     /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-success)" }, children: a("modal.bestPrice") })
   ] }) : t.isRecommended ? /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ e(gr, {}),
+    /* @__PURE__ */ e(xr, {}),
     /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-accent)" }, children: a("modal.recommended") })
   ] }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ i("div", { className: "text-[11px]", style: { color: "var(--t-text-muted)" }, children: [
     "#",
@@ -4226,7 +4235,7 @@ function ya({ gatewayId: t, gatewayLogo: a, assetBaseUrl: n = "" }) {
     }
   ) });
 }
-function vr({ pct: t }) {
+function Cr({ pct: t }) {
   if (t === 0) return null;
   const a = t > 0 ? "var(--t-success)" : "var(--t-error)", n = t > 0 ? "+" : "";
   return /* @__PURE__ */ i("span", { className: "text-[11px] font-medium", style: { color: a }, children: [
@@ -4235,7 +4244,7 @@ function vr({ pct: t }) {
     "%"
   ] });
 }
-function Cr() {
+function br() {
   return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ i(
     "div",
     {
@@ -4263,16 +4272,16 @@ function Cr() {
     t
   )) });
 }
-function br({
+function Sr({
   onClose: t,
   onSelect: a,
   quotes: n,
   quotesLoading: r,
   cryptoCurrency: o,
-  selectedGatewayId: s,
+  selectedGatewayId: c,
   assetBaseUrl: u = ""
 }) {
-  const l = P(), [d, c] = w(""), h = W(() => {
+  const l = P(), [d, s] = w(""), h = W(() => {
     if (!(n != null && n.quotes)) return [];
     const f = d.trim().toLowerCase();
     return f ? n.quotes.filter((g) => g.gatewayName.toLowerCase().includes(f)) : n.quotes;
@@ -4287,10 +4296,10 @@ function br({
         children: l("modal.chooseRamp")
       }
     ),
-    /* @__PURE__ */ e(Ye, { value: d, onChange: c }),
+    /* @__PURE__ */ e(Ye, { value: d, onChange: s }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(Cr, {}) : h.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? l("modal.noQuotes") : l("modal.noProvidersFound") }) : h.map((f, g) => {
-        const k = g === 0, E = s === f.gatewayId, y = parseFloat(f.cryptoAmount), R = y >= 1 ? y.toFixed(4) : y.toPrecision(6), K = !k && p > 0 ? (y - p) / p * 100 : 0;
+      r ? /* @__PURE__ */ e(br, {}) : h.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? l("modal.noQuotes") : l("modal.noProvidersFound") }) : h.map((f, g) => {
+        const k = g === 0, R = c === f.gatewayId, y = parseFloat(f.cryptoAmount), E = y >= 1 ? y.toFixed(4) : y.toPrecision(6), K = !k && p > 0 ? (y - p) / p * 100 : 0;
         return /* @__PURE__ */ i(
           "button",
           {
@@ -4299,22 +4308,22 @@ function br({
             style: {
               borderRadius: "var(--t-card-radius)",
               padding: "12px 16px",
-              border: E ? "1.5px solid var(--t-accent)" : "1.5px solid transparent",
-              background: E ? "transparent" : "var(--t-surface)",
+              border: R ? "1.5px solid var(--t-accent)" : "1.5px solid transparent",
+              background: "var(--t-surface)",
               animationDelay: `${Math.min(g * 45, 350)}ms`
             },
             children: [
               /* @__PURE__ */ e(ya, { gatewayId: f.gatewayId, gatewayLogo: f.gatewayLogo, assetBaseUrl: u }),
               /* @__PURE__ */ i("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[14px] leading-[18px]", style: { color: "var(--t-text)" }, children: f.gatewayName }),
-                /* @__PURE__ */ e(xr, { quote: f })
+                /* @__PURE__ */ e(vr, { quote: f })
               ] }),
               /* @__PURE__ */ i("div", { className: "text-right shrink-0", children: [
-                /* @__PURE__ */ e("div", { className: "text-[11px] leading-[14px]", style: { color: "var(--t-text-secondary)" }, children: k ? l("receive.label") : /* @__PURE__ */ e(vr, { pct: K }) }),
+                /* @__PURE__ */ e("div", { className: "text-[11px] leading-[14px]", style: { color: "var(--t-text-secondary)" }, children: k ? l("receive.label") : /* @__PURE__ */ e(Cr, { pct: K }) }),
                 /* @__PURE__ */ i("div", { className: "font-medium text-[13px] leading-[18px]", style: { color: "var(--t-text)" }, children: [
                   /* @__PURE__ */ e("span", { className: "text-[10px] font-normal", style: { color: "var(--t-text-secondary)" }, children: o }),
                   " ",
-                  R
+                  E
                 ] })
               ] })
             ]
@@ -4329,6 +4338,7 @@ function br({
           style: {
             borderRadius: "var(--t-card-radius)",
             padding: "10px 16px",
+            background: "var(--t-surface)",
             opacity: 0.45,
             animationDelay: `${Math.min((h.length + g) * 45, 500)}ms`
           },
@@ -4343,18 +4353,18 @@ function br({
     ] })
   ] });
 }
-function Sr({
+function wr({
   address: t,
   onChange: a,
   placeholder: n,
   error: r,
   validating: o,
-  disabled: s,
+  disabled: c,
   onFocus: u,
   onBlur: l,
   focused: d
 }) {
-  const c = P(), h = o && t.trim().length >= 10, [p, f] = w(!1), g = I(r);
+  const s = P(), h = o && t.trim().length >= 10, [p, f] = w(!1), g = I(r);
   return B(() => {
     if (r && !g.current) {
       f(!0);
@@ -4372,7 +4382,7 @@ function Sr({
           borderRadius: "var(--t-card-radius)"
         },
         children: [
-          /* @__PURE__ */ e("div", { className: "text-[13px]", style: { color: "var(--t-text-secondary)", letterSpacing: "0.13px", lineHeight: "20px" }, children: c("wallet.label") }),
+          /* @__PURE__ */ e("div", { className: "text-[13px]", style: { color: "var(--t-text-secondary)", letterSpacing: "0.13px", lineHeight: "20px" }, children: s("wallet.label") }),
           /* @__PURE__ */ i("div", { className: "relative flex items-center", children: [
             /* @__PURE__ */ e(
               "input",
@@ -4396,11 +4406,11 @@ function Sr({
                   letterSpacing: "0.13px",
                   backgroundColor: "transparent"
                 },
-                disabled: s
+                disabled: c
               }
             ),
             h && /* @__PURE__ */ e("div", { className: "absolute right-0 top-0 bottom-0 flex items-center", children: /* @__PURE__ */ e(Ee, { size: 14 }) }),
-            !t && d && !s && /* @__PURE__ */ e(
+            !t && d && !c && /* @__PURE__ */ e(
               "div",
               {
                 className: "absolute left-0 top-0 bottom-0 flex items-center",
@@ -4425,7 +4435,7 @@ function Sr({
     r && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 text-center", style: { color: "var(--t-error)" }, children: r })
   ] });
 }
-function wr({ label: t, disabled: a, loading: n, onClick: r }) {
+function kr({ label: t, disabled: a, loading: n, onClick: r }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -4456,22 +4466,22 @@ function wr({ label: t, disabled: a, loading: n, onClick: r }) {
     }
   );
 }
-function kr() {
+function Nr() {
   const t = P();
   return /* @__PURE__ */ i("div", { className: "text-center py-3", style: { height: 16, lineHeight: "16px" }, children: [
     /* @__PURE__ */ e("span", { style: { fontSize: 9, opacity: 0.5, color: "var(--t-text)", letterSpacing: "0.27px" }, children: t("footer.poweredBy") }),
     /* @__PURE__ */ e("span", { style: { fontSize: 9, opacity: 0.65, color: "var(--t-text)", letterSpacing: "0.27px" }, children: t("footer.brand") })
   ] });
 }
-function Nr({
+function Er({
   quote: t,
   isOpen: a,
   onClose: n,
   countdown: r,
   quotesLoading: o
 }) {
-  var c, h;
-  const s = P();
+  var s, h;
+  const c = P();
   if (!a) return null;
   const u = (p) => String(p).padStart(2, "0"), l = (t == null ? void 0 : t.fiatCurrency) === "USD" ? "$" : (t == null ? void 0 : t.fiatCurrency) === "EUR" ? "€" : (t == null ? void 0 : t.fiatCurrency) === "GBP" ? "£" : t != null && t.fiatCurrency ? `${t.fiatCurrency} ` : "$", d = (p) => {
     const f = typeof p == "string" ? parseFloat(p) : p;
@@ -4480,7 +4490,7 @@ function Nr({
   return /* @__PURE__ */ i("div", { className: "px-5 py-5", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o ? /* @__PURE__ */ e(Ee, { size: 16 }) : /* @__PURE__ */ i(Z, { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: s("rate.updatesInLabel") }),
+        /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: c("rate.updatesInLabel") }),
         /* @__PURE__ */ i(
           "span",
           {
@@ -4497,7 +4507,7 @@ function Nr({
             "div",
             {
               className: "flex items-center justify-center opacity-60 hover:opacity-100 transition-opacity cursor-help",
-              "aria-label": s("rate.rateTooltip"),
+              "aria-label": c("rate.rateTooltip"),
               children: /* @__PURE__ */ e(Ht, { size: 12 })
             }
           ),
@@ -4506,7 +4516,7 @@ function Nr({
             {
               className: "info-tooltip pointer-events-none absolute left-1/2 z-50 w-[200px] px-3 py-2 rounded-xl text-[11px] leading-snug font-medium opacity-0 group-hover:opacity-100 transition-opacity duration-200",
               style: { background: "var(--t-tooltip-bg)", color: "var(--t-tooltip-text)", top: "calc(100% + 8px)", transform: "translateX(-50%)" },
-              children: s("rate.rateTooltip")
+              children: c("rate.rateTooltip")
             }
           )
         ] })
@@ -4523,22 +4533,22 @@ function Nr({
     ] }),
     t ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: [
       t.exchangeRate && /* @__PURE__ */ e("div", { className: "text-[28px] font-semibold", style: { color: "var(--t-text)" }, children: d(t.exchangeRate) }),
-      ((c = t.fees) == null ? void 0 : c.processingFee) && /* @__PURE__ */ i("div", { children: [
+      ((s = t.fees) == null ? void 0 : s.processingFee) && /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ i("span", { className: "text-[13px] block mb-0.5", style: { color: "var(--t-text-secondary)" }, children: [
-          s("rate.processingFee"),
-          t.fees.feePercentage ? ` ${s("rate.feeIncluded", { percentage: Math.round(parseFloat(String(t.fees.feePercentage)) * 100) / 100 })}` : ""
+          c("rate.processingFee"),
+          t.fees.feePercentage ? ` ${c("rate.feeIncluded", { percentage: Math.round(parseFloat(String(t.fees.feePercentage)) * 100) / 100 })}` : ""
         ] }),
         /* @__PURE__ */ e("span", { className: "text-[15px] font-semibold", style: { color: "var(--t-text)" }, children: d(t.fees.processingFee) })
       ] }),
       ((h = t.fees) == null ? void 0 : h.networkFee) && /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ i("span", { className: "flex items-center gap-1 text-[13px] mb-0.5", style: { color: "var(--t-text-secondary)" }, children: [
-          s("rate.networkFeeIncl"),
+          c("rate.networkFeeIncl"),
           /* @__PURE__ */ i("div", { className: "relative group", children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "flex items-center justify-center opacity-60 hover:opacity-100 transition-opacity cursor-help",
-                "aria-label": s("rate.networkFeeTooltip"),
+                "aria-label": c("rate.networkFeeTooltip"),
                 children: /* @__PURE__ */ e(Ht, { size: 12 })
               }
             ),
@@ -4547,7 +4557,7 @@ function Nr({
               {
                 className: "info-tooltip pointer-events-none absolute left-1/2 z-50 w-[220px] px-3 py-2 rounded-xl text-[11px] leading-snug font-medium opacity-0 group-hover:opacity-100 transition-opacity duration-200",
                 style: { background: "var(--t-tooltip-bg)", color: "var(--t-tooltip-text)", bottom: "calc(100% + 8px)", transform: "translateX(-50%)" },
-                children: s("rate.networkFeeTooltip")
+                children: c("rate.networkFeeTooltip")
               }
             )
           ] })
@@ -4563,28 +4573,28 @@ function Nr({
           ] })
         ] })
       ] })
-    ] }) : /* @__PURE__ */ e("div", { className: "text-[13px] py-4 text-center", style: { color: "var(--t-text-muted)" }, children: s("rate.noQuote") })
+    ] }) : /* @__PURE__ */ e("div", { className: "text-[13px] py-4 text-center", style: { color: "var(--t-text-muted)" }, children: c("rate.noQuote") })
   ] });
 }
-function Er({
+function Rr({
   className: t = "",
   theme: a = "dark",
   skinId: n = "mono",
   accentColor: r,
   bgColor: o,
-  bgImage: s,
+  bgImage: c,
   borderColor: u,
   borderRadius: l,
   surfaceColor: d,
-  inputBgColor: c,
+  inputBgColor: s,
   textColor: h,
   textSecondaryColor: p,
   textMutedColor: f,
   successColor: g,
   showFlowToggle: k = !0,
-  showSettings: E = !0,
+  showSettings: R = !0,
   showThemeToggle: y = !0,
-  autoRedirect: R = !1,
+  autoRedirect: E = !1,
   explorerUrl: K,
   doneButtonText: ee,
   supportEmail: z,
@@ -4599,7 +4609,7 @@ function Er({
     state: C,
     dispatch: F,
     config: m,
-    configLoading: D,
+    configLoading: M,
     quotes: N,
     quotesLoading: S,
     quotesError: ae,
@@ -4616,17 +4626,17 @@ function Er({
     selectionUnsupported: ye,
     quotesEmpty: G,
     bestUnavailableReason: Ke
-  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, j] = w(null), [lt, $] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, A] = w(!1), [L, M] = w(!1), [U, _] = w(null), [ue, Se] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = I(null), Nt = I(), Et = I(C.flowType), Da = q ?? 640, Zt = I(N);
+  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, j] = w(null), [lt, $] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, A] = w(!1), [L, D] = w(!1), [U, _] = w(null), [ue, Se] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = I(null), Nt = I(), Et = I(C.flowType), Ma = q ?? 640, Zt = I(N);
   B(() => {
-    N && N !== Zt.current && M(!1), Zt.current = N;
+    N && N !== Zt.current && D(!1), Zt.current = N;
   }, [N]), B(() => {
     L || v || N != null && N.bestQuote && F({ type: "SELECT_QUOTE", quote: N.bestQuote });
   }, [N == null ? void 0 : N.bestQuote, L, v, F]), B(() => {
     _e(a === "dark");
   }, [a]), B(() => {
-    const x = setTimeout(() => St(!1), D ? 0 : 800);
+    const x = setTimeout(() => St(!1), M ? 0 : 800);
     return () => clearTimeout(x);
-  }, [D]), B(() => {
+  }, [M]), B(() => {
     if (Et.current !== C.flowType && !tt) {
       Et.current = C.flowType, st(!0), $(!1), Je(!1);
       const x = setTimeout(() => st(!1), 350);
@@ -4653,9 +4663,9 @@ function Er({
     }
     At.current = Ie;
   }, [Ie]);
-  const nt = !!(ie && J && H && Ea(ne) && we), Ma = nt && ne.toUpperCase().includes(ge.toUpperCase()), Xt = nt && oe > 0 ? Bt(Ma ? oe : oe / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = W(() => {
-    var Y, Me, Ge;
-    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), b = we ? ne : (Me = at.current) == null ? void 0 : Me.crypto, V = we ? ge : (Ge = at.current) == null ? void 0 : Ge.fiat;
+  const nt = !!(ie && J && H && Ea(ne) && we), Da = nt && ne.toUpperCase().includes(ge.toUpperCase()), Xt = nt && oe > 0 ? Bt(Da ? oe : oe / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = W(() => {
+    var Y, De, Ge;
+    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), b = we ? ne : (De = at.current) == null ? void 0 : De.crypto, V = we ? ge : (Ge = at.current) == null ? void 0 : Ge.fiat;
     return !x || !b || !V ? "" : `1 ${b} ≈ ${x.toFixed(2)} ${V}`;
   }, [ne, ge, we]);
   B(() => {
@@ -4667,7 +4677,7 @@ function Er({
     qe(!0), Ue(null);
     const V = new AbortController();
     return clearTimeout(Nt.current), Nt.current = setTimeout(async () => {
-      var Y, Me, Ge;
+      var Y, De, Ge;
       try {
         const Ut = await (await fetch(`${ce.apiUrl}/public/validate/address`, {
           method: "POST",
@@ -4679,7 +4689,7 @@ function Er({
           Ue(!0), F({ type: "SET_WALLET_ERROR", message: "" });
         else {
           Ue(!1);
-          const tn = ((Me = It.errors) == null ? void 0 : Me[0]) || ((Ge = It.details) == null ? void 0 : Ge.formatMessage) || T("wallet.invalidServer");
+          const tn = ((De = It.errors) == null ? void 0 : De[0]) || ((Ge = It.details) == null ? void 0 : Ge.formatMessage) || T("wallet.invalidServer");
           F({ type: "SET_WALLET_ERROR", message: tn });
         }
       } catch (Ft) {
@@ -4772,8 +4782,8 @@ function Er({
     ue && Ve && !S && kt(30);
   }, [S, ue, Ve]);
   const Jt = se ? "theme-dark" : "theme-light", mt = sa.find((x) => x.id === Le) || sa[0], Qa = mt.accent === null, za = r ? ve(r) : !1, qt = (x) => {
-    const b = x.replace("#", ""), V = parseInt(b.substring(0, 2), 16), Y = parseInt(b.substring(2, 4), 16), Me = parseInt(b.substring(4, 6), 16);
-    return (0.299 * V + 0.587 * Y + 0.114 * Me) / 255 > 0.5 ? "#000000" : "#ffffff";
+    const b = x.replace("#", ""), V = parseInt(b.substring(0, 2), 16), Y = parseInt(b.substring(2, 4), 16), De = parseInt(b.substring(4, 6), 16);
+    return (0.299 * V + 0.587 * Y + 0.114 * De) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, ea = za ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": qt(r) } : Qa ? {
     "--t-accent": se ? "#ffffff" : "#111111",
     "--t-cta-bg": se ? "#ffffff" : "#111111",
@@ -4783,21 +4793,21 @@ function Er({
     "--t-cta-bg": mt.accent,
     "--t-cta-text": qt(mt.accent)
   }, me = {};
-  d && ve(d) && (me["--t-surface"] = d, me["--t-modal-bg"] = d), c && ve(c) && (me["--t-pill-bg"] = c, me["--t-close-bg"] = c), h && ve(h) && (me["--t-text"] = h), p && ve(p) && (me["--t-text-secondary"] = p), f && ve(f) && (me["--t-text-muted"] = f, me["--t-text-tertiary"] = f), g && ve(g) && (me["--t-success"] = g);
-  const De = {};
-  o && ve(o) ? De.backgroundColor = o : De.backgroundColor = "var(--t-bg)", s && (s.startsWith("https://") || s.startsWith("data:image/")) && (De.backgroundImage = `url(${s})`, De.backgroundSize = "cover", De.backgroundPosition = "center");
+  d && ve(d) && (me["--t-surface"] = d, me["--t-modal-bg"] = d), s && ve(s) && (me["--t-pill-bg"] = s, me["--t-close-bg"] = s), h && ve(h) && (me["--t-text"] = h), p && ve(p) && (me["--t-text-secondary"] = p), f && ve(f) && (me["--t-text-muted"] = f, me["--t-text-tertiary"] = f), g && ve(g) && (me["--t-success"] = g);
+  const Me = {};
+  o && ve(o) ? Me.backgroundColor = o : Me.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Me.backgroundImage = `url(${c})`, Me.backgroundSize = "cover", Me.backgroundPosition = "center");
   const pt = {};
   u && ve(u) && (pt.border = `1px solid ${u}`), l && (pt.borderRadius = l);
-  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? T("error.amountZero") : H ? T("error.minAmountFiat", { min: String(ua), currency: ge }) : T("error.minAmountCrypto", { min: String(ma), currency: ne }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? T("wallet.invalid") : void 0, Lt = re.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(bn, { autoRedirect: R }) : C.step === "processing" ? /* @__PURE__ */ e(wn, {}) : C.step === "complete" ? /* @__PURE__ */ e(kn, { explorerUrl: K, doneButtonText: ee, onDone: te }) : C.step === "error" ? /* @__PURE__ */ e(Nn, { supportEmail: z, onDone: te, doneButtonText: ee }) : C.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: nt, partnerName: J }) : null;
+  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? T("error.amountZero") : H ? T("error.minAmountFiat", { min: String(ua), currency: ge }) : T("error.minAmountCrypto", { min: String(ma), currency: ne }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? T("wallet.invalid") : void 0, Lt = re.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(bn, { autoRedirect: E }) : C.step === "processing" ? /* @__PURE__ */ e(wn, {}) : C.step === "complete" ? /* @__PURE__ */ e(kn, { explorerUrl: K, doneButtonText: ee, onDone: te }) : C.step === "error" ? /* @__PURE__ */ e(Nn, { supportEmail: z, onDone: te, doneButtonText: ee }) : C.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: nt, partnerName: J }) : null;
   return aa ? /* @__PURE__ */ e(
     "div",
     {
       className: `${Jt} relative w-full max-w-[390px] overflow-hidden flex flex-col select-none transition-colors duration-[400ms] ${t}`,
       style: {
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-        height: Da,
+        height: Ma,
         borderRadius: "var(--t-container-radius)",
-        ...De,
+        ...Me,
         ...ea,
         ...me,
         ...pt
@@ -4812,26 +4822,26 @@ function Er({
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
         minHeight: 640,
         borderRadius: "var(--t-container-radius)",
-        ...De,
+        ...Me,
         ...ea,
         ...me,
         ...pt
       },
       children: [
         /* @__PURE__ */ e(
-          sr,
+          dr,
           {
             tab: dt,
             onTabSwitch: _a,
             showFlowToggle: k,
-            showSettings: E,
+            showSettings: R,
             onOpenSettings: () => j("settings"),
             darkMode: se
           }
         ),
-        tt || wt || D ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: D ? /* @__PURE__ */ e(In, {}) : /* @__PURE__ */ e(Zn, {}) }) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden pt-[88px] px-3 flex flex-col gap-1 tab-fade-in", children: [
+        tt || wt || M ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: M ? /* @__PURE__ */ e(In, {}) : /* @__PURE__ */ e(Zn, {}) }) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden pt-[88px] px-3 flex flex-col gap-1 tab-fade-in", children: [
           /* @__PURE__ */ e(
-            dr,
+            ur,
             {
               amount: Rt,
               onAmountChange: Ka,
@@ -4845,12 +4855,12 @@ function Er({
               inputRef: Ia,
               chainCode: H ? void 0 : rt,
               chainDisplay: H ? void 0 : ta,
-              getChainIconUrl: H ? void 0 : Mt,
+              getChainIconUrl: H ? void 0 : Dt,
               shaking: Ua
             }
           ),
           /* @__PURE__ */ e(
-            pr,
+            hr,
             {
               amount: Ba,
               currencyCode: H ? ne : ge,
@@ -4864,7 +4874,7 @@ function Er({
               onOpenRateBreakdown: () => Se(!0),
               fieldLocks: le,
               spendNumeric: oe,
-              getChainIconUrl: H ? Mt : void 0,
+              getChainIconUrl: H ? Dt : void 0,
               autoSelectPending: v,
               rateFlash: Fa
             }
@@ -4892,7 +4902,7 @@ function Er({
             }
           ),
           (N || S) && /* @__PURE__ */ e(
-            fr,
+            yr,
             {
               selectedQuote: C.selectedQuote,
               quotesLoading: S,
@@ -4901,13 +4911,13 @@ function Er({
             }
           ),
           (re.length > 0 || (m == null ? void 0 : m.paymentMethods) && m.paymentMethods.length > 0) && (Lt.length > 0 ? /* @__PURE__ */ e(
-            hr,
+            fr,
             {
               selectedMethod: en,
               onOpenModal: () => j("payment"),
               darkMode: se,
               getMethodIcon: Wt,
-              getMethodDisplayName: (x, b) => Vt(x, b, T)
+              getMethodDisplayName: (x, b) => Vt(x, b, T, !0)
             }
           ) : /* @__PURE__ */ e(
             "div",
@@ -4922,7 +4932,7 @@ function Er({
             }
           )),
           H && /* @__PURE__ */ e(
-            Sr,
+            wr,
             {
               address: C.walletAddress,
               onChange: (x) => F({ type: "SET_WALLET_ADDRESS", address: x }),
@@ -4942,7 +4952,7 @@ function Er({
           ye && /* @__PURE__ */ e("div", { className: "text-[12px] text-center mb-2", style: { color: "var(--t-error)" }, children: T(H ? "error.currencyUnavailableBuy" : "error.currencyUnavailableSell") }),
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-3 pb-3", children: [
             /* @__PURE__ */ e(
-              wr,
+              kr,
               {
                 label: H ? T("cta.buy", { crypto: ne }) : T("cta.sell", { crypto: ne }),
                 disabled: !Qt || Te || v || ye || G,
@@ -4950,7 +4960,7 @@ function Er({
                 onClick: Ya
               }
             ),
-            /* @__PURE__ */ e(kr, {})
+            /* @__PURE__ */ e(Nr, {})
           ] })
         ] }, dt),
         U && /* @__PURE__ */ e(
@@ -4964,7 +4974,7 @@ function Er({
           }
         ),
         /* @__PURE__ */ e(Xn, { isOpen: ue, onClose: () => Se(!1), children: /* @__PURE__ */ e(
-          Nr,
+          Er,
           {
             quote: xe,
             isOpen: ue,
@@ -5006,7 +5016,7 @@ function Er({
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "payment", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          tr,
+          ar,
           {
             methods: re,
             selectedId: C.paymentMethodId,
@@ -5017,7 +5027,7 @@ function Er({
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "provider", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          br,
+          Sr,
           {
             quotes: N,
             quotesLoading: S,
@@ -5025,13 +5035,13 @@ function Er({
             selectedGatewayId: C.selectedProvider,
             assetBaseUrl: X,
             onSelect: (b) => {
-              M(!0), F({ type: "SELECT_QUOTE", quote: b }), x();
+              D(!0), F({ type: "SELECT_QUOTE", quote: b }), x();
             },
             onClose: x
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "settings", onClose: () => j(null), variant: "right", children: (x) => /* @__PURE__ */ e(
-          rr,
+          or,
           {
             onClose: x,
             darkMode: se,
@@ -5049,7 +5059,7 @@ function Er({
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "country", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          ir,
+          lr,
           {
             onClose: x,
             onSelect: (b) => {
@@ -5060,7 +5070,7 @@ function Er({
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "language", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          cr,
+          sr,
           {
             onClose: x,
             onSelect: (b) => {
@@ -5073,25 +5083,25 @@ function Er({
     }
   );
 }
-function Rr({
+function Ar({
   projectId: t,
   apiUrl: a,
   assetBaseUrl: n,
   flowType: r,
   customerId: o,
-  brandId: s,
+  brandId: c,
   defaultFiatCurrency: u,
   defaultCryptoCurrency: l,
   defaultNetwork: d,
-  defaultFiatAmount: c,
+  defaultFiatAmount: s,
   defaultCryptoAmount: h,
   defaultWalletAddress: p,
   defaultGateway: f,
   defaultCountry: g,
   fieldLocks: k,
-  partnerMetadata: E,
+  partnerMetadata: R,
   statusPollInterval: y,
-  onComplete: R,
+  onComplete: E,
   onError: K,
   className: ee,
   theme: z,
@@ -5104,7 +5114,7 @@ function Rr({
   surfaceColor: C,
   inputBgColor: F,
   textColor: m,
-  textSecondaryColor: D,
+  textSecondaryColor: M,
   textMutedColor: N,
   successColor: S,
   showFlowToggle: ae,
@@ -5128,22 +5138,22 @@ function Rr({
       assetBaseUrl: n,
       flowType: r,
       customerId: o,
-      brandId: s,
+      brandId: c,
       defaultFiatCurrency: u,
       defaultCryptoCurrency: l,
       defaultNetwork: d,
-      defaultFiatAmount: c,
+      defaultFiatAmount: s,
       defaultCryptoAmount: h,
       defaultWalletAddress: p,
       defaultGateway: f,
       defaultCountry: g,
       fieldLocks: k,
-      partnerMetadata: E,
+      partnerMetadata: R,
       statusPollInterval: y,
-      onComplete: R,
+      onComplete: E,
       onError: K,
       children: /* @__PURE__ */ e(vn, { defaultLocale: re || "en", children: /* @__PURE__ */ e(
-        Er,
+        Rr,
         {
           className: ee,
           theme: z,
@@ -5156,7 +5166,7 @@ function Rr({
           surfaceColor: C,
           inputBgColor: F,
           textColor: m,
-          textSecondaryColor: D,
+          textSecondaryColor: M,
           textMutedColor: N,
           successColor: S,
           showFlowToggle: ae,
@@ -5175,21 +5185,21 @@ function Rr({
     }
   );
 }
-function Wr({
+function Gr({
   submitButtonText: t,
   rateRefreshInterval: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(Rr, { ...n });
+  return /* @__PURE__ */ e(Ar, { ...n });
 }
-function Gr({
+function $r({
   skin: t,
   active: a,
   onClick: n,
   darkMode: r,
   dimmed: o
 }) {
-  const s = t.accent === null, u = 32;
+  const c = t.accent === null, u = 32;
   return /* @__PURE__ */ i(
     "button",
     {
@@ -5197,7 +5207,7 @@ function Gr({
       className: "relative shrink-0",
       style: { width: u, height: u, opacity: o ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
-        s ? /* @__PURE__ */ i("svg", { width: u, height: u, viewBox: "0 0 32 32", children: [
+        c ? /* @__PURE__ */ i("svg", { width: u, height: u, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("clipPath", { id: "mono-right", children: /* @__PURE__ */ e("rect", { x: "16", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#111111", clipPath: "url(#mono-left)" }),
@@ -5216,85 +5226,85 @@ function Gr({
   );
 }
 export {
-  ur as AnimatedDigit,
-  mr as AnimatedNumber,
+  mr as AnimatedDigit,
+  pr as AnimatedNumber,
   Dr as ApplePayIcon,
-  jr as ArrowUpIcon,
+  Vr as ArrowUpIcon,
   ot as BLOCKCHAINS,
-  Ir as BankIcon,
+  Mr as BankIcon,
   Xn as BottomSheet,
   ft as COUNTRIES,
   Ot as COUNTRY_MAP,
   Fn as CRYPTO_CHAIN_COMBOS,
   wa as CRYPTO_CURRENCIES,
-  Br as CardIcon,
+  Hr as CardIcon,
   Wn as CheckmarkIcon,
-  Wr as CheckoutForm,
+  Gr as CheckoutForm,
   bn as CheckoutStep,
   Re as ChevronDown,
   Pn as ChevronRight,
-  br as ChooseRampModal,
+  Sr as ChooseRampModal,
   Oe as CloseButton,
-  Hr as CoinifyIcon,
+  Pr as CoinifyIcon,
   kn as CompleteStep,
   Un as ConfirmStep,
-  ir as CountryPickerModal,
+  lr as CountryPickerModal,
   zn as CryptoCurrencyModal,
   Aa as CryptoIcon,
-  wr as CtaButton,
-  Or as DarkModeIcon,
+  kr as CtaButton,
+  Kr as DarkModeIcon,
   Nn as ErrorStep,
   ca as FIAT_CURRENCIES,
   Rn as FIAT_TO_COUNTRY,
   Qn as FiatCurrencyModal,
   jt as FiatFlag,
-  kr as Footer,
+  Nr as Footer,
   In as FormSkeleton,
   Ta as GenericCoinIcon,
-  Mr as GooglePayIcon,
-  sr as HeaderBar,
+  Br as GooglePayIcon,
+  dr as HeaderBar,
   vn as I18nProvider,
   Ht as InfoIcon,
   Ze as LANGUAGES,
   Zn as LoadingScreen,
   da as MOCK_RATES,
-  Pr as MenuIcon,
+  Or as MenuIcon,
   Pe as Modal,
   Vn as MoreDotsIcon,
   Ae as NRLogo,
-  Kr as NRLogoIcon,
-  Mn as PayPalIcon,
+  _r as NRLogoIcon,
+  Dn as PayPalIcon,
   _n as PaymentAppleIcon,
   On as PaymentBankIcon,
-  hr as PaymentCard,
+  fr as PaymentCard,
   Kn as PaymentCardsIcon,
   jn as PaymentGoogleIcon,
-  Vr as PaymentMethodSelector,
+  Wr as PaymentMethodSelector,
   wn as ProcessingStep,
-  Rr as RampForm,
+  Ar as RampForm,
   xn as RampProvider,
-  Nr as RateBreakdown,
-  pr as ReceiveCard,
+  Er as RateBreakdown,
+  hr as ReceiveCard,
   Cn as RedirectScreen,
-  Dn as RevolutIcon,
+  Mn as RevolutIcon,
   sa as SKINS,
-  _r as SearchIcon,
+  jr as SearchIcon,
   Ye as SearchInput,
-  rr as SettingsScreen,
+  or as SettingsScreen,
   Q as Skeleton,
-  Gr as SkinSwatch,
-  dr as SpendCard,
+  $r as SkinSwatch,
+  ur as SpendCard,
   Ee as Spinner,
   $n as Toast,
-  ar as ToggleSwitch,
-  Sr as WalletCard,
+  nr as ToggleSwitch,
+  wr as WalletCard,
   Pt as XIcon,
   Bt as formatOutput,
-  Mt as getChainIconUrl,
+  Dt as getChainIconUrl,
   ka as getCryptoIconUrl,
-  Dt as getDefaultFiatForCountry,
+  Mt as getDefaultFiatForCountry,
   An as getFiatFlagUrl,
-  Ur as getMockRate,
+  Ir as getMockRate,
   Gn as getPaymentIcon,
   Ea as isStablecoin,
   Ln as parseAmount,