@nowramp/form 0.1.59 → 0.1.60

package/dist/index.js

@@ -8,73 +8,73 @@
 }`;
   document.head.appendChild(s);
 })();
-import { jsx as e, jsxs as r, Fragment as ae } from "react/jsx-runtime";
-import _e, { useState as b, useRef as _, useCallback as B, useEffect as D, useMemo as W, useReducer as Qt, useContext as zt, createContext as Jt } from "react";
+import { jsx as e, jsxs as r, Fragment as re } from "react/jsx-runtime";
+import _e, { useState as b, useRef as _, useCallback as B, useEffect as D, useMemo as W, useReducer as zt, useContext as Jt, createContext as qt } from "react";
 import { RampApi as $e } from "@nowramp/sdk";
-import { createPortal as bt } from "react-dom";
-function qt(t, n) {
-  const [a, o] = b(null), [l, s] = b(!0), [m, c] = b(null), d = _(null);
+import { createPortal as vt } from "react-dom";
+function en(t, n) {
+  const [a, o] = b(null), [l, c] = b(!0), [m, s] = b(null), d = _(null);
   (!d.current || d.current !== t) && (d.current = new $e({ apiKey: "", ...t }));
   const p = B(async () => {
     if (!t.projectId) {
-      c(new Error("projectId is required")), s(!1);
+      s(new Error("projectId is required")), c(!1);
       return;
     }
-    s(!0), c(null);
+    c(!0), s(null);
     try {
       const h = await d.current.getSupported(n);
       o(h);
     } catch (h) {
-      c(h instanceof Error ? h : new Error("Failed to fetch config"));
+      s(h instanceof Error ? h : new Error("Failed to fetch config"));
     } finally {
-      s(!1);
+      c(!1);
     }
   }, [t.projectId, n]);
   return D(() => {
     p();
   }, [p]), { config: a, loading: l, error: m, refetch: p };
 }
-function en(t, n) {
-  const [a, o] = b(null), [l, s] = b(!1), [m, c] = b(null), d = _(null), p = _(""), h = `${t.apiUrl}|${t.projectId}`;
+function tn(t, n) {
+  const [a, o] = b(null), [l, c] = b(!1), [m, s] = b(null), d = _(null), p = _(""), h = `${t.apiUrl}|${t.projectId}`;
   (!d.current || p.current !== h) && (d.current = new $e({ apiKey: "", ...t }), p.current = h);
   const u = _(0);
   D(() => {
     const x = ++u.current;
     if (!n || !t.projectId) {
-      o(null), s(!1);
+      o(null), c(!1);
       return;
     }
-    s(!0), c(null), d.current.getQuotes(n).then(
+    c(!0), s(null), d.current.getQuotes(n).then(
       (E) => {
-        u.current === x && (o(E), s(!1));
+        u.current === x && (o(E), c(!1));
       },
       (E) => {
-        u.current === x && (c(E instanceof Error ? E : new Error("Failed to fetch quotes")), o(null), s(!1));
+        u.current === x && (s(E instanceof Error ? E : new Error("Failed to fetch quotes")), o(null), c(!1));
       }
     );
   }, [t.projectId, n == null ? void 0 : n.fiatCurrency, n == null ? void 0 : n.fiatAmount, n == null ? void 0 : n.cryptoAmount, n == null ? void 0 : n.cryptoCurrency, n == null ? void 0 : n.network, n == null ? void 0 : n.paymentMethodId, n == null ? void 0 : n.country, n == null ? void 0 : n.orderType]);
   const f = B(async () => {
     if (!(!n || !t.projectId)) {
-      s(!0), c(null);
+      c(!0), s(null);
       try {
         const x = await d.current.getQuotes(n);
         o(x);
       } catch (x) {
-        c(x instanceof Error ? x : new Error("Failed to fetch quotes"));
+        s(x instanceof Error ? x : new Error("Failed to fetch quotes"));
       } finally {
-        s(!1);
+        c(!1);
       }
     }
   }, [t.projectId, n]);
   return { quotes: a, loading: l, error: m, refetch: f };
 }
-function tn(t) {
-  const [n, a] = b(null), [o, l] = b(!1), [s, m] = b(null), c = _(null), d = _(""), p = `${t.apiUrl}|${t.projectId}`;
-  (!c.current || d.current !== p) && (c.current = new $e({ apiKey: "", ...t }), d.current = p);
+function nn(t) {
+  const [n, a] = b(null), [o, l] = b(!1), [c, m] = b(null), s = _(null), d = _(""), p = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || d.current !== p) && (s.current = new $e({ apiKey: "", ...t }), d.current = p);
   const h = B(async (f) => {
     l(!0), m(null);
     try {
-      const x = await c.current.createCheckoutIntent(f);
+      const x = await s.current.createCheckoutIntent(f);
       return a(x), x;
     } catch (x) {
       const E = x instanceof Error ? x : new Error("Failed to create checkout intent");
@@ -85,10 +85,10 @@ function tn(t) {
   }, []), u = B(() => {
     a(null), m(null);
   }, []);
-  return { order: n, loading: o, error: s, createOrder: h, reset: u };
+  return { order: n, loading: o, error: c, createOrder: h, reset: u };
 }
-function nn(t, n, a) {
-  const [o, l] = b(null), [s, m] = b(!1), [c, d] = b(null), p = _(null);
+function an(t, n, a) {
+  const [o, l] = b(null), [c, m] = b(!1), [s, d] = b(null), p = _(null);
   p.current || (p.current = new $e({ apiKey: "", projectId: "", ...t }));
   const h = B(async () => {
     if (n) {
@@ -116,16 +116,16 @@ function nn(t, n, a) {
       return;
     const f = setInterval(h, a.pollInterval);
     return () => clearInterval(f);
-  }, [n, a == null ? void 0 : a.pollInterval, o == null ? void 0 : o.status, h]), { status: o, loading: s, error: c, refetch: h };
+  }, [n, a == null ? void 0 : a.pollInterval, o == null ? void 0 : o.status, h]), { status: o, loading: c, error: s, refetch: h };
 }
-function Nt(t, n) {
+function bt(t, n) {
   if (!t) return t;
   const a = t.indexOf(".");
   if (a === -1) return t;
   let o = t;
   return o.length - a - 1 > n && (o = o.slice(0, a + n + 1)), o = o.replace(/0+$/, "").replace(/\.$/, ""), o;
 }
-const It = {
+const Lt = {
   step: "amount",
   flowType: "buy",
   fiatCurrency: "USD",
@@ -143,7 +143,7 @@ const It = {
   country: "",
   errorMessage: null
 };
-function an(t, n) {
+function rn(t, n) {
   switch (n.type) {
     case "SET_STEP":
       return { ...t, step: n.step, errorMessage: null };
@@ -193,21 +193,21 @@ function an(t, n) {
     case "CLEAR_ERROR":
       return { ...t, errorMessage: null };
     case "RESET":
-      return It;
+      return Lt;
     default:
       return t;
   }
 }
-const Mt = Jt(null);
-function rn({
+const It = qt(null);
+function on({
   projectId: t,
   apiUrl: n = "https://api.nowramp.com",
   assetBaseUrl: a = "",
   flowType: o = "buy",
   customerId: l = "",
-  brandId: s,
+  brandId: c,
   defaultFiatCurrency: m = "USD",
-  defaultCryptoCurrency: c = "BTC",
+  defaultCryptoCurrency: s = "BTC",
   defaultNetwork: d = "",
   defaultFiatAmount: p = "",
   defaultCryptoAmount: h = "",
@@ -217,24 +217,24 @@ function rn({
   statusPollInterval: E = 5e3,
   onComplete: v,
   onError: S,
-  children: F
+  children: P
 }) {
-  const P = W(() => ({ apiUrl: n, projectId: t }), [n, t]), G = d || (c ? c.toLowerCase() : ""), V = o === "sell", X = V ? !!h : !!p, ve = (V ? !!(X && c && G) : !!(X && c && G && u)) && f ? "confirm" : "amount", y = p || (o === "buy" ? "250" : ""), [i, w] = Qt(an, {
-    ...It,
-    step: ve,
+  const V = W(() => ({ apiUrl: n, projectId: t }), [n, t]), U = d || (s ? s.toLowerCase() : ""), G = o === "sell", z = G ? !!h : !!p, de = (G ? !!(z && s && U) : !!(z && s && U && u)) && f ? "confirm" : "amount", y = p || (o === "buy" ? "250" : ""), [i, w] = zt(rn, {
+    ...Lt,
+    step: de,
     flowType: o,
     fiatCurrency: m,
-    cryptoCurrency: c,
-    network: G,
-    fiatAmount: Nt(y, 2),
-    cryptoAmount: Nt(h, 6),
+    cryptoCurrency: s,
+    network: U,
+    fiatAmount: bt(y, 2),
+    cryptoAmount: bt(h, 6),
     walletAddress: u,
     customerId: l
   }), O = i.flowType === "sell", {
     config: C,
-    loading: me,
-    error: re
-  } = qt(P, i.flowType);
+    loading: pe,
+    error: oe
+  } = en(V, i.flowType);
   _e.useEffect(() => {
     var Z, L, I;
     if (!C || !i.cryptoCurrency || i.network) return;
@@ -249,11 +249,11 @@ function rn({
     ))
       return;
     const L = T.find(
-      (te) => te.supportedFiats.includes(N) && (te.id.includes("card") || te.id.includes("debit"))
-    ) || T.find((te) => te.supportedFiats.includes(N));
+      (ne) => ne.supportedFiats.includes(N) && (ne.id.includes("card") || ne.id.includes("debit"))
+    ) || T.find((ne) => ne.supportedFiats.includes(N));
     w({ type: "SET_PAYMENT_METHOD", methodId: (L == null ? void 0 : L.id) || ((Q = T[0]) == null ? void 0 : Q.id) || "" });
   }, [C, i.fiatCurrency, i.paymentMethodId]);
-  const q = W(() => {
+  const ee = W(() => {
     if (O) {
       if (!i.cryptoAmount) return null;
       const I = parseFloat(i.cryptoAmount);
@@ -268,7 +268,7 @@ function rn({
     return !isNaN(Z) && N < Z ? `Minimum amount is ${T.minAmount} ${i.fiatCurrency}` : !isNaN(L) && N > L ? `Maximum amount is ${T.maxAmount} ${i.fiatCurrency}` : null;
   }, [C, i.fiatAmount, i.fiatCurrency, i.cryptoAmount, O]), be = W(() => {
     const N = O ? !!i.cryptoAmount : !!i.fiatAmount;
-    return !C || !N || !i.cryptoCurrency || !i.network || q ? null : {
+    return !C || !N || !i.cryptoCurrency || !i.network || ee ? null : {
       fiatCurrency: i.fiatCurrency,
       ...O ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
       cryptoCurrency: i.cryptoCurrency,
@@ -277,36 +277,36 @@ function rn({
       country: i.country || void 0,
       orderType: i.flowType
     };
-  }, [C, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, q, O, i.flowType]), {
-    quotes: ee,
-    loading: he,
+  }, [C, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, ee, O, i.flowType]), {
+    quotes: te,
+    loading: fe,
     error: k,
     refetch: Ne
-  } = en(P, be), {
-    order: U,
-    loading: oe,
-    error: ce,
-    createOrder: pe
-  } = tn(P), We = 15e3, {
+  } = tn(V, be), {
+    order: F,
+    loading: le,
+    error: ue,
+    createOrder: ye
+  } = nn(V), We = 15e3, {
     status: $,
     loading: Y
-  } = nn(
+  } = an(
     { apiUrl: n },
-    (U == null ? void 0 : U.orderId) ?? null,
+    (F == null ? void 0 : F.orderId) ?? null,
     { pollInterval: E, initialDelay: We }
   );
   _e.useEffect(() => {
     ($ == null ? void 0 : $.status) === "completed" && v && v($);
   }, [$ == null ? void 0 : $.status, v]), _e.useEffect(() => {
-    const N = re || ce;
+    const N = oe || ue;
     N && S && S(N);
-  }, [re, ce, S]);
-  const fe = f || (C == null ? void 0 : C.defaultGateway) || null, ke = _(fe);
-  ke.current = fe;
-  const Le = _(ee);
-  Le.current = ee;
-  const Ee = _(s);
-  Ee.current = s;
+  }, [oe, ue, S]);
+  const xe = f || (C == null ? void 0 : C.defaultGateway) || null, ke = _(xe);
+  ke.current = xe;
+  const Le = _(te);
+  Le.current = te;
+  const Ee = _(c);
+  Ee.current = c;
   const Ie = B(async () => {
     var T, Z, L;
     const N = ((T = i.selectedQuote) == null ? void 0 : T.gatewayId) || ((L = (Z = Le.current) == null ? void 0 : Z.bestQuote) == null ? void 0 : L.gatewayId) || ke.current;
@@ -316,7 +316,7 @@ function rn({
       return;
     }
     try {
-      await pe({
+      await ye({
         gateway: N,
         customerId: i.customerId || void 0,
         fiatCurrency: i.fiatCurrency,
@@ -333,18 +333,18 @@ function rn({
       const Q = I instanceof Error ? I.message : "Failed to create order";
       /wallet|address/i.test(Q) ? w({ type: "SET_WALLET_ERROR", message: Q.replace(/^Failed to create checkout intent:\s*/i, "") }) : w({ type: "SET_ERROR", message: Q });
     }
-  }, [i, pe, O]), De = B((N) => {
+  }, [i, ye, O]), Pe = B((N) => {
     w({ type: "SET_STEP", step: N });
   }, []), Ge = B(() => {
     const N = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], T = N.indexOf(i.step);
     T > 0 && w({ type: "SET_STEP", step: N[T - 1] });
-  }, [i.step, O]), ye = W(() => {
+  }, [i.step, O]), ge = W(() => {
     const N = O ? !!i.cryptoAmount : !!i.fiatAmount;
     switch (i.step) {
       case "confirm":
-        return !!(N && i.cryptoCurrency && i.network && i.walletAddress && !q);
+        return !!(N && i.cryptoCurrency && i.network && i.walletAddress && !ee);
       case "amount":
-        return !!(N && i.cryptoCurrency && i.network && !q);
+        return !!(N && i.cryptoCurrency && i.network && !ee);
       case "quotes":
         return !!i.selectedQuote;
       case "wallet":
@@ -352,40 +352,40 @@ function rn({
       default:
         return !1;
     }
-  }, [i, q, O]), Me = {
-    apiConfig: P,
+  }, [i, ee, O]), Me = {
+    apiConfig: V,
     assetBaseUrl: a,
     config: C,
-    configLoading: me,
-    configError: re,
+    configLoading: pe,
+    configError: oe,
     state: i,
     dispatch: w,
-    quotes: ee,
-    quotesLoading: he,
+    quotes: te,
+    quotesLoading: fe,
     quotesError: k,
     fetchQuotes: Ne,
-    order: U,
-    orderLoading: oe,
-    orderError: ce,
+    order: F,
+    orderLoading: le,
+    orderError: ue,
     createOrder: Ie,
     orderStatus: $,
     orderStatusLoading: Y,
     fieldLocks: x || null,
-    defaultGateway: fe,
-    amountError: q,
-    goToStep: De,
+    defaultGateway: xe,
+    amountError: ee,
+    goToStep: Pe,
     goBack: Ge,
-    canProceed: ye
+    canProceed: ge
   };
-  return /* @__PURE__ */ e(Mt.Provider, { value: Me, children: F });
+  return /* @__PURE__ */ e(It.Provider, { value: Me, children: P });
 }
 function Te() {
-  const t = zt(Mt);
+  const t = Jt(It);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Be = {
+const Oe = {
   // Canonical IDs (returned by the API — lowercase full names)
   // These cover cases where the canonical ID differs from the legacy uppercase key
   ethereum: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
@@ -547,7 +547,7 @@ const Be = {
   OKC: { name: "OKX Chain", icon: "eth" },
   UNI_CHAIN: { name: "UNI", icon: "uni" },
   ZEC: { name: "ZCash", icon: "zec" }
-}, Bt = [
+}, Mt = [
   // --- Popular / Top coins ---
   { code: "BTC", name: "Bitcoin", chains: ["BTC", "LN"], popular: !0 },
   { code: "ETH", name: "Ethereum", chains: ["ETH", "ARB", "BASE", "BSC", "OPTIMISM", "LINEA", "ZKSYNC", "LRC", "STARK", "APE", "ECLIPSE", "FUEL", "INK", "SOPHON", "UNICHAIN", "WLD"], popular: !0 },
@@ -740,9 +740,9 @@ const Be = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], on = Object.fromEntries(
-  Bt.map((t) => [t.code, t.name])
-), ln = {
+], ln = Object.fromEntries(
+  Mt.map((t) => [t.code, t.name])
+), cn = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -777,21 +777,21 @@ const Be = {
   VND: "vn",
   ZAR: "za"
 };
-function Ot(t, n = "") {
+function Bt(t, n = "") {
   return `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 function sn(t, n = "") {
-  const a = ln[t] || "us";
+  const a = cn[t] || "us";
   return `${n}/flags/${a}.svg`;
 }
 function Xe(t) {
-  return Be[t] || Be[t.toLowerCase()] || Be[t.toUpperCase()] || Be[t.toUpperCase().replace(/-/g, "_")] || Be[t.toLowerCase().replace(/-/g, "_")];
+  return Oe[t] || Oe[t.toLowerCase()] || Oe[t.toUpperCase()] || Oe[t.toUpperCase().replace(/-/g, "_")] || Oe[t.toLowerCase().replace(/-/g, "_")];
 }
 function tt(t, n = "") {
   const a = Xe(t);
   return a ? `${n}/crypto-icons/${a.icon}.svg` : `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-const Et = [
+const Nt = [
   { code: "ALL", name: "Albania Lek" },
   { code: "ARS", name: "Argentina Peso" },
   { code: "AUD", name: "Australian Dollar" },
@@ -804,14 +804,14 @@ const Et = [
   { code: "CHF", name: "Swiss Franc" },
   { code: "MXN", name: "Mexican Peso" },
   { code: "INR", name: "Indian Rupee" }
-], wt = [
+], Et = [
   { id: "blue", name: "Blue", accent: "#0077FF" },
   { id: "violet", name: "Violet", accent: "#7C3AED" },
   { id: "green", name: "Green", accent: "#10B981" },
   { id: "orange", name: "Orange", accent: "#F59E0B" },
   { id: "rose", name: "Rose", accent: "#F43F5E" },
   { id: "mono", name: "Mono", accent: null }
-], At = {
+], wt = {
   USDC: { USD: 0.9962, EUR: 1.0814, GBP: 1.2573, JPY: 667e-5, CAD: 0.7198, AUD: 0.6384, BRL: 0.1726, CHF: 1.1306, MXN: 0.0487, INR: 0.01187, ARS: 855e-6, ALL: 0.01058 },
   USDT: { USD: 0.9958, EUR: 1.081, GBP: 1.2568, JPY: 666e-5, CAD: 0.7194, AUD: 0.638, BRL: 0.1724, CHF: 1.1301, MXN: 0.0486, INR: 0.01186, ARS: 854e-6, ALL: 0.01057 },
   BTC: { USD: 104e-7, EUR: 1129e-8, GBP: 1313e-8, JPY: 696e-10, CAD: 751e-8, AUD: 666e-8, BRL: 18e-7, CHF: 118e-7, MXN: 508e-9, INR: 124e-9, ARS: 892e-11, ALL: 11e-8 },
@@ -820,7 +820,7 @@ const Et = [
   XRP: { USD: 0.4081, EUR: 0.4432, GBP: 0.5153, JPY: 273e-5, CAD: 0.2948, AUD: 0.2614, BRL: 0.0707, CHF: 0.463, MXN: 0.01992, INR: 486e-5, ARS: 35e-5, ALL: 433e-5 },
   DOGE: { USD: 3.896, EUR: 4.232, GBP: 4.92, JPY: 0.02607, CAD: 2.815, AUD: 2.496, BRL: 0.675, CHF: 4.421, MXN: 0.1902, INR: 0.04641, ARS: 3345e-6, ALL: 0.04134 },
   ADA: { USD: 1.333, EUR: 1.448, GBP: 1.683, JPY: 892e-5, CAD: 0.963, AUD: 0.854, BRL: 0.2309, CHF: 1.512, MXN: 0.0651, INR: 0.01588, ARS: 1145e-6, ALL: 0.01414 }
-}, cn = /* @__PURE__ */ new Set([
+}, dn = /* @__PURE__ */ new Set([
   "USDC",
   "USDT",
   "DAI",
@@ -847,17 +847,17 @@ const Et = [
   "EURR",
   "ZCHF"
 ]);
-function Ht(t) {
-  return cn.has(t.toUpperCase());
+function Ot(t) {
+  return dn.has(t.toUpperCase());
 }
-function Jn(t, n) {
+function qn(t, n) {
   var a, o;
-  return ((a = At[t]) == null ? void 0 : a[n]) ?? ((o = At.USDC) == null ? void 0 : o[n]) ?? 1;
+  return ((a = wt[t]) == null ? void 0 : a[n]) ?? ((o = wt.USDC) == null ? void 0 : o[n]) ?? 1;
 }
-function dn(t) {
+function un(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
-function Dt(t) {
+function Ht(t) {
   if (t === 0) return "0";
   if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
   if (t >= 1) return t.toFixed(2);
@@ -865,21 +865,21 @@ function Dt(t) {
   const n = t.toPrecision(4);
   return parseFloat(n).toString();
 }
-const se = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), St = 10, Rt = 1e-4, un = (() => {
+const se = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), At = 10, St = 1e-4, mn = (() => {
   const t = [];
-  for (const n of Bt)
+  for (const n of Mt)
     for (const a of n.chains)
       t.push({ code: n.code, name: n.name, chain: a, popular: n.popular });
   return t;
 })();
-function Pt({
+function Dt({
   src: t,
   alt: n,
   size: a,
   className: o = "",
   background: l
 }) {
-  const [s, m] = b(!1), [c, d] = b(!1);
+  const [c, m] = b(!1), [s, d] = b(!1);
   D(() => {
     m(!1), d(!1);
   }, [t]);
@@ -890,14 +890,14 @@ function Pt({
       className: `relative rounded-full shrink-0 ${o}`,
       style: { width: a, height: a, background: l },
       children: [
-        !s && !c && /* @__PURE__ */ e(
+        !c && !s && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full animate-pulse",
             style: { background: "var(--t-pill-bg, #333)" }
           }
         ),
-        c ? /* @__PURE__ */ e(
+        s ? /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
@@ -918,7 +918,7 @@ function Pt({
             loading: "lazy",
             onLoad: p,
             onError: h,
-            className: `rounded-full ${s ? "opacity-100" : "opacity-0"}`,
+            className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
             style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
           }
         )
@@ -926,11 +926,11 @@ function Pt({
     }
   );
 }
-function Tt({ ticker: t, size: n = 32, baseUrl: a = "" }) {
+function Rt({ ticker: t, size: n = 32, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    Pt,
+    Dt,
     {
-      src: Ot(t, a),
+      src: Bt(t, a),
       alt: t,
       size: n,
       background: "#ffffff"
@@ -939,7 +939,7 @@ function Tt({ ticker: t, size: n = 32, baseUrl: a = "" }) {
 }
 function nt({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    Pt,
+    Dt,
     {
       src: sn(t, a),
       alt: t,
@@ -953,7 +953,7 @@ function at({ size: t = 32, color: n = "#888" }) {
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function mn({ size: t = 24 }) {
+function hn({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -970,7 +970,7 @@ function mn({ size: t = 24 }) {
     }
   );
 }
-function hn({ size: t = 32 }) {
+function pn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -980,7 +980,7 @@ function hn({ size: t = 32 }) {
     }
   );
 }
-function pn({ size: t = 32 }) {
+function fn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -996,7 +996,7 @@ function pn({ size: t = 32 }) {
     }
   );
 }
-function fn({ size: t = 32 }) {
+function yn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1011,7 +1011,7 @@ function fn({ size: t = 32 }) {
     }
   );
 }
-function yn({ size: t = 32 }) {
+function xn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1021,7 +1021,7 @@ function yn({ size: t = 32 }) {
     }
   );
 }
-function xn({ size: t = 32 }) {
+function gn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1037,7 +1037,7 @@ function xn({ size: t = 32 }) {
     }
   );
 }
-function gn({ size: t = 32 }) {
+function Cn({ size: t = 32 }) {
   const n = t * 0.8;
   return /* @__PURE__ */ e(
     "div",
@@ -1052,7 +1052,7 @@ function gn({ size: t = 32 }) {
     }
   );
 }
-function Cn({ size: t = 32 }) {
+function vn({ size: t = 32 }) {
   const n = t * 0.56, a = n * 0.65, o = Math.max(2, n * 0.1), l = n * 0.2;
   return /* @__PURE__ */ r("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
@@ -1103,7 +1103,7 @@ function Cn({ size: t = 32 }) {
     )
   ] });
 }
-function qn({ size: t = 18 }) {
+function ea({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1113,13 +1113,13 @@ function qn({ size: t = 18 }) {
     }
   );
 }
-function Oe() {
+function He() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function vn() {
+function bn() {
   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 bn({ onClick: t }) {
+function Nn({ 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",
     {
@@ -1128,7 +1128,7 @@ function bn({ onClick: t }) {
     }
   ) }) });
 }
-function Nn({ size: t = 40 }) {
+function En({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1141,29 +1141,29 @@ function Nn({ size: t = 40 }) {
     }
   );
 }
-function En(t, n = 32) {
+function wn(t, n = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(hn, { size: n });
-    case "applepay":
       return /* @__PURE__ */ e(pn, { size: n });
+    case "applepay":
+      return /* @__PURE__ */ e(fn, { size: n });
     case "card":
-      return /* @__PURE__ */ e(Cn, { size: n });
+      return /* @__PURE__ */ e(vn, { size: n });
     case "googlepay":
-      return /* @__PURE__ */ e(fn, { size: n });
-    case "paypal":
       return /* @__PURE__ */ e(yn, { size: n });
+    case "paypal":
+      return /* @__PURE__ */ e(xn, { size: n });
     case "bank":
-      return /* @__PURE__ */ e(mn, { size: n });
+      return /* @__PURE__ */ e(hn, { size: n });
     case "visa":
-      return /* @__PURE__ */ e(xn, { size: n });
-    case "mastercard":
       return /* @__PURE__ */ e(gn, { size: n });
+    case "mastercard":
+      return /* @__PURE__ */ e(Cn, { size: n });
     default:
       return /* @__PURE__ */ e(at, { size: n });
   }
 }
-const wn = {
+const An = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "ach-bank-transfer": "bank",
@@ -1174,7 +1174,7 @@ const wn = {
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, An = {
+}, Sn = {
   "debit-credit-card": "Card",
   "bank-transfer": "Bank Transfer",
   "ach-bank-transfer": "ACH",
@@ -1184,14 +1184,14 @@ const wn = {
   paypal: "PayPal",
   revolut: "Revolut"
 };
-function Ut(t, n) {
-  return An[t] || n;
+function Pt(t, n) {
+  return Sn[t] || n;
 }
-function Ft(t, n, a = 24) {
-  const o = wn[t];
-  return o ? En(o, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(at, { size: a });
+function Ut(t, n, a = 24) {
+  const o = An[t];
+  return o ? wn(o, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(at, { size: a });
 }
-function Sn({
+function Rn({
   methods: t,
   selectedId: n,
   onOpenModal: a,
@@ -1200,7 +1200,7 @@ function Sn({
   const l = W(
     () => t.filter((m) => m.supportedFiats.includes(o)),
     [t, o]
-  ), s = l.find((m) => m.id === n) || l[0];
+  ), c = l.find((m) => m.id === n) || l[0];
   return l.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
@@ -1215,7 +1215,7 @@ function Sn({
         o
       ] })
     }
-  ) : /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(
     "div",
     {
       role: "button",
@@ -1235,21 +1235,21 @@ function Sn({
       children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Payment method" }),
         /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: s && Ft(s.id, s.icon, 20) }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: s ? Ut(s.id, s.name) : "Select" }),
-          /* @__PURE__ */ e(Oe, {})
+          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: c && Ut(c.id, c.icon, 20) }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: c ? Pt(c.id, c.name) : "Select" }),
+          /* @__PURE__ */ e(He, {})
         ] })
       ]
     }
   ) });
 }
-function Rn({
+function Tn({
   className: t = "",
   autoRedirect: n = !1,
   redirectDelay: a = 3e3
 }) {
   var f;
-  const { order: o, orderStatus: l, goToStep: s, goBack: m } = Te(), [c, d] = b(!1), [p, h] = b(null), u = o != null && o.checkout.expiresAt ? Date.now() > o.checkout.expiresAt : !1;
+  const { order: o, orderStatus: l, goToStep: c, goBack: m } = Te(), [s, d] = b(!1), [p, h] = b(null), u = o != null && o.checkout.expiresAt ? Date.now() > o.checkout.expiresAt : !1;
   if (D(() => {
     if ((o == null ? void 0 : o.checkout.method) === "redirect" && n && !u) {
       h(Math.ceil(a / 1e3));
@@ -1263,8 +1263,8 @@ function Rn({
       };
     }
   }, [o, n, a, u]), D(() => {
-    l && (l.status === "completed" ? s("complete") : ["failed", "cancelled", "expired"].includes(l.status) && s("error"));
-  }, [l == null ? void 0 : l.status, s]), !o)
+    l && (l.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(l.status) && c("error"));
+  }, [l == null ? void 0 : l.status, c]), !o)
     return /* @__PURE__ */ r(
       "div",
       {
@@ -1319,7 +1319,7 @@ function Rn({
     );
   if (o.checkout.method === "iframe") {
     const x = o.checkout.url, E = ((f = o.checkout.allowedFeatures) == null ? void 0 : f.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
-    return bt(
+    return vt(
       /* @__PURE__ */ r(
         "div",
         {
@@ -1370,7 +1370,7 @@ function Rn({
               }
             ),
             /* @__PURE__ */ r("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !c && /* @__PURE__ */ r(
+              !s && /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
@@ -1392,7 +1392,7 @@ function Rn({
                 {
                   src: x,
                   style: {
-                    display: c ? "block" : "none",
+                    display: s ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
@@ -1466,8 +1466,8 @@ function Rn({
       }
     );
   if (o.checkout.method === "widget" && o.widgetConfig) {
-    const x = Tn(o.checkout.url, o.widgetConfig);
-    return bt(
+    const x = kn(o.checkout.url, o.widgetConfig);
+    return vt(
       /* @__PURE__ */ r(
         "div",
         {
@@ -1518,7 +1518,7 @@ function Rn({
               }
             ),
             /* @__PURE__ */ r("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !c && /* @__PURE__ */ r(
+              !s && /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
@@ -1540,7 +1540,7 @@ function Rn({
                 {
                   src: x,
                   style: {
-                    display: c ? "block" : "none",
+                    display: s ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
@@ -1584,13 +1584,13 @@ function Rn({
     }
   );
 }
-function Tn(t, n) {
+function kn(t, n) {
   const a = new URL("/en/partner/widget", t);
   for (const [o, l] of Object.entries(n))
     l != null && l !== "" && a.searchParams.set(o, String(l));
   return a.toString();
 }
-function kn({ className: t = "" }) {
+function Ln({ className: t = "" }) {
   const { orderStatus: n, orderStatusLoading: a, goToStep: o } = Te();
   D(() => {
     n && (n.status === "completed" ? o("complete") : ["failed", "cancelled", "expired", "refunded"].includes(n.status) && o("error"));
@@ -1663,13 +1663,13 @@ function Re({ label: t, value: n, mono: a }) {
     }
   );
 }
-function Ln({
+function In({
   className: t = "",
   explorerUrl: n,
   onDone: a,
   doneButtonText: o = "Done"
 }) {
-  const { orderStatus: l, state: s, dispatch: m } = Te(), c = s.flowType === "sell", d = () => {
+  const { orderStatus: l, state: c, dispatch: m } = Te(), s = c.flowType === "sell", d = () => {
     if (!(l != null && l.transactionHash)) return null;
     if (!n) {
       const u = {
@@ -1683,7 +1683,7 @@ function Ln({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (u[s.network] || u.ethereum).replace("{txHash}", l.transactionHash);
+      return (u[c.network] || u.ethereum).replace("{txHash}", l.transactionHash);
     }
     return n.replace("{txHash}", l.transactionHash);
   }, p = () => {
@@ -1698,27 +1698,27 @@ function Ln({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: c ? "Sale Complete!" : "Purchase Complete!" }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: c ? `Your ${(l == null ? void 0 : l.fiatCurrency) || s.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || s.cryptoCurrency} has been sent to your wallet.` }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s ? "Sale Complete!" : "Purchase Complete!" }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(l == null ? void 0 : l.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
     l && /* @__PURE__ */ r("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        ue,
+        he,
         {
-          label: c ? "Amount Sold" : "Amount Received",
+          label: s ? "Amount Sold" : "Amount Received",
           value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        ue,
+        he,
         {
-          label: c ? "Payout Amount" : "Amount Paid",
+          label: s ? "Payout Amount" : "Amount Paid",
           value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(ue, { label: "Network", value: l.network }),
+      /* @__PURE__ */ e(he, { label: "Network", value: l.network }),
       /* @__PURE__ */ e(
-        ue,
+        he,
         {
           label: "Wallet",
           value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
@@ -1726,17 +1726,17 @@ function Ln({
         }
       ),
       l.transactionHash && /* @__PURE__ */ e(
-        ue,
+        he,
         {
           label: "Transaction",
           value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(ue, { label: "Provider", value: l.gateway }),
-      /* @__PURE__ */ e(ue, { label: "Order ID", value: l.orderId, mono: !0 }),
+      /* @__PURE__ */ e(he, { label: "Provider", value: l.gateway }),
+      /* @__PURE__ */ e(he, { label: "Order ID", value: l.orderId, mono: !0 }),
       l.completedAt && /* @__PURE__ */ e(
-        ue,
+        he,
         {
           label: "Completed",
           value: new Date(l.completedAt).toLocaleString()
@@ -1767,7 +1767,7 @@ function Ln({
     ] })
   ] });
 }
-function ue({ label: t, value: n, mono: a, highlight: o }) {
+function he({ label: t, value: n, mono: a, highlight: o }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -1787,12 +1787,12 @@ function ue({ label: t, value: n, mono: a, highlight: o }) {
     }
   );
 }
-function In({
+function Mn({
   className: t = "",
   onRetry: n,
   supportEmail: a = "support@nowramp.com"
 }) {
-  const { state: o, orderStatus: l, dispatch: s, goToStep: m } = Te(), c = o.flowType === "sell", d = () => {
+  const { state: o, orderStatus: l, dispatch: c, goToStep: m } = Te(), s = o.flowType === "sell", d = () => {
     if (l)
       switch (l.status) {
         case "failed":
@@ -1812,21 +1812,21 @@ function In({
     if (l)
       switch (l.status) {
         case "failed":
-          return c ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
+          return s ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
         case "cancelled":
-          return c ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
+          return s ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
         case "expired":
-          return c ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
+          return s ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
         case "refunded":
-          return c ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
+          return s ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
         default:
           return "An unexpected error occurred. Please try again.";
       }
     return "An unexpected error occurred. Please try again.";
   }, h = () => {
-    s({ type: "CLEAR_ERROR" }), n ? n() : (s({ type: "RESET" }), m("amount"));
+    c({ type: "CLEAR_ERROR" }), n ? n() : (c({ type: "RESET" }), m("amount"));
   }, u = () => {
-    s({ type: "RESET" }), m("amount");
+    c({ type: "RESET" }), m("amount");
   };
   return /* @__PURE__ */ r("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
@@ -1884,27 +1884,27 @@ function In({
     ] })
   ] });
 }
-function kt(t) {
+function Tt(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function Mn({ className: t = "", stablecoinParity: n, partnerName: a }) {
-  var V;
+function Bn({ className: t = "", stablecoinParity: n, partnerName: a }) {
+  var z;
   const {
     config: o,
     configLoading: l,
-    state: s,
+    state: c,
     defaultGateway: m,
-    quotes: c,
+    quotes: s,
     fetchQuotes: d,
     createOrder: p,
     orderLoading: h
-  } = Te(), u = s.flowType === "sell", [f, x] = b(null), E = o == null ? void 0 : o.gateways.find((X) => X.id === m), v = (V = c == null ? void 0 : c.bestQuote) != null && V.exchangeRate ? parseFloat(c.bestQuote.exchangeRate) : null, S = parseFloat(s.fiatAmount) || 0, F = !!(n && a && !u && Ht(s.cryptoCurrency) && v), P = F && S > 0 ? Dt(S) : null, G = async () => {
+  } = Te(), u = c.flowType === "sell", [f, x] = b(null), E = o == null ? void 0 : o.gateways.find((X) => X.id === m), v = (z = s == null ? void 0 : s.bestQuote) != null && z.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, S = parseFloat(c.fiatAmount) || 0, P = !!(n && a && !u && Ot(c.cryptoCurrency) && v), V = P && v >= 0.95 && v <= 1.05, U = P && S > 0 ? Ht(V ? S : S / v) : null, G = async () => {
     x(null);
     try {
       d(), await p();
     } catch (X) {
-      const J = X instanceof Error ? X.message : "Failed to create order";
-      x(J);
+      const de = X instanceof Error ? X.message : "Failed to create order";
+      x(de);
     }
   };
   return l ? /* @__PURE__ */ r("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
@@ -1920,27 +1920,30 @@ function Mn({ className: t = "", stablecoinParity: n, partnerName: a }) {
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: E.name })
         ] })
       ] }),
-      u ? /* @__PURE__ */ r(ae, { children: [
-        /* @__PURE__ */ e(Ce, { label: "You sell", value: `${s.cryptoAmount} ${s.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(Ce, { label: "You receive", value: `${s.fiatCurrency} payout` })
-      ] }) : /* @__PURE__ */ r(ae, { children: [
-        /* @__PURE__ */ e(Ce, { label: "You pay", value: `${s.fiatAmount} ${s.fiatCurrency}`, highlight: !0 }),
+      u ? /* @__PURE__ */ r(re, { children: [
+        /* @__PURE__ */ e(ve, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(ve, { label: "You receive", value: `${c.fiatCurrency} payout` })
+      ] }) : /* @__PURE__ */ r(re, { children: [
+        /* @__PURE__ */ e(ve, { label: "You pay", value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          Ce,
+          ve,
           {
             label: "You receive",
-            value: P ? `${P} ${s.cryptoCurrency}` : `${s.cryptoCurrency} on ${s.network}`
+            value: U ? `${U} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
           }
         ),
-        /* @__PURE__ */ e(Ce, { label: "Wallet", value: kt(s.walletAddress), mono: !0 }),
-        F && P && /* @__PURE__ */ r("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
-          "Charged amount from provider may differ. The rest will be credited to your ",
+        /* @__PURE__ */ e(ve, { label: "Wallet", value: Tt(c.walletAddress), mono: !0 }),
+        P && U && /* @__PURE__ */ r("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+          U,
+          " ",
+          c.cryptoCurrency,
+          " will be credited to your ",
           a,
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(Ce, { label: "Network", value: s.network }),
-      u && s.walletAddress && /* @__PURE__ */ e(Ce, { label: "Refund address", value: kt(s.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(ve, { label: "Network", value: c.network }),
+      u && c.walletAddress && /* @__PURE__ */ e(ve, { label: "Refund address", value: Tt(c.walletAddress), mono: !0 })
     ] }),
     f && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: f }),
     /* @__PURE__ */ e(
@@ -1950,7 +1953,7 @@ function Mn({ className: t = "", stablecoinParity: n, partnerName: a }) {
         style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
         onClick: G,
-        children: h ? /* @__PURE__ */ r(ae, { children: [
+        children: h ? /* @__PURE__ */ r(re, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
         ] }) : u ? "Confirm & Sell" : "Confirm & Pay"
@@ -1958,7 +1961,7 @@ function Mn({ className: t = "", stablecoinParity: n, partnerName: a }) {
     )
   ] });
 }
-function Ce({ label: t, value: n, mono: a, highlight: o }) {
+function ve({ label: t, value: n, mono: a, highlight: o }) {
   return /* @__PURE__ */ r("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: t }),
     /* @__PURE__ */ e(
@@ -1976,7 +1979,7 @@ function Ve({
   onClose: n,
   children: a
 }) {
-  const [o, l] = b(!1), [s, m] = b(!1);
+  const [o, l] = b(!1), [c, m] = b(!1);
   D(() => {
     if (t)
       l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
@@ -1986,42 +1989,42 @@ function Ve({
       return () => clearTimeout(d);
     }
   }, [t]);
-  const c = B(() => {
+  const s = B(() => {
     m(!1), setTimeout(() => n(), 250);
   }, [n]);
   return D(() => {
     if (!t) return;
     const d = (p) => {
-      p.key === "Escape" && c();
+      p.key === "Escape" && s();
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [t, c]), o ? /* @__PURE__ */ e(
+  }, [t, s]), o ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 z-20 transition-opacity duration-250",
-      style: { opacity: s ? 1 : 0 },
+      style: { opacity: c ? 1 : 0 },
       children: /* @__PURE__ */ e(
         "div",
         {
           className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
-          style: { background: "var(--t-modal-bg)", transform: s ? "translateY(0)" : "translateY(24px)" },
-          children: typeof a == "function" ? a(c) : a
+          style: { background: "var(--t-modal-bg)", transform: c ? "translateY(0)" : "translateY(24px)" },
+          children: typeof a == "function" ? a(s) : a
         }
       )
     }
   ) : null;
 }
-function Bn({ char: t, height: n = 38 }) {
+function On({ char: t, height: n = 38 }) {
   const a = "0123456789", o = a.indexOf(t);
   return o === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: n, lineHeight: `${n}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${o * n}px)` }, children: a.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: n, lineHeight: `${n}px` }, children: l }, l)) }) });
 }
-function On({
+function Hn({
   value: t,
   height: n = 38,
   className: a = "",
   style: o = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...o }, children: t.split("").map((l, s) => /* @__PURE__ */ e(Bn, { char: l, height: n }, s)) });
+  return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...o }, children: t.split("").map((l, c) => /* @__PURE__ */ e(On, { char: l, height: n }, c)) });
 }
 function M({
   w: t,
@@ -2030,7 +2033,7 @@ function M({
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${a}`, style: { width: t, height: n } });
 }
-function Hn() {
+function Dn() {
   return /* @__PURE__ */ r("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ r("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
       /* @__PURE__ */ e(M, { w: 70, h: 14, className: "mb-3" }),
@@ -2059,7 +2062,7 @@ function Hn() {
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
-function He({ onClick: t }) {
+function De({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2100,38 +2103,38 @@ function je({
     )
   ] });
 }
-function Dn({
+function Pn({
   onClose: t,
   onSelect: n,
   currencies: a,
   assetBaseUrl: o = "",
   selectedCode: l
 }) {
-  const [s, m] = b(""), c = W(() => {
-    if (!a || a.length === 0) return Et;
-    const p = new Map(Et.map((h) => [h.code, h.name]));
+  const [c, m] = b(""), s = W(() => {
+    if (!a || a.length === 0) return Nt;
+    const p = new Map(Nt.map((h) => [h.code, h.name]));
     return a.map((h) => ({
       code: h.code,
       name: h.name || p.get(h.code) || h.code
     }));
   }, [a]), d = W(() => {
-    const p = s.trim().toLowerCase();
+    const p = c.trim().toLowerCase();
     if (!p) {
       if (l) {
-        const h = c.find((u) => u.code === l);
+        const h = s.find((u) => u.code === l);
         if (h) {
-          const u = c.filter((f) => f.code !== l);
+          const u = s.filter((f) => f.code !== l);
           return [h, ...u];
         }
       }
-      return c;
+      return s;
     }
-    return c.filter(
+    return s.filter(
       (h) => h.code.toLowerCase().includes(p) || h.name.toLowerCase().includes(p)
     );
-  }, [c, s, l]);
-  return /* @__PURE__ */ r(ae, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(He, { onClick: t }) }),
+  }, [s, c, l]);
+  return /* @__PURE__ */ r(re, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2146,7 +2149,7 @@ function Dn({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(je, { value: s, onChange: m }),
+    /* @__PURE__ */ e(je, { value: c, onChange: m }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       d.map((p, h) => {
         const u = p.name !== p.code ? p.name : "", f = l === p.code;
@@ -2188,21 +2191,21 @@ function Dn({
     ] })
   ] });
 }
-function Lt({ src: t, alt: n, size: a, className: o, style: l }) {
-  const [s, m] = b(!1), [c, d] = b(!1);
+function kt({ src: t, alt: n, size: a, className: o, style: l }) {
+  const [c, m] = b(!1), [s, d] = b(!1);
   D(() => {
     m(!1), d(!1);
   }, [t]);
   const p = B(() => m(!0), []), h = B(() => d(!0), []);
   return /* @__PURE__ */ r("div", { className: o, style: { ...l, width: a, height: a, position: "relative" }, children: [
-    !s && !c && /* @__PURE__ */ e(
+    !c && !s && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full animate-pulse",
         style: { background: "var(--t-pill-bg, #333)" }
       }
     ),
-    c ? /* @__PURE__ */ e(
+    s ? /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
@@ -2219,18 +2222,18 @@ function Lt({ src: t, alt: n, size: a, className: o, style: l }) {
         loading: "lazy",
         onLoad: p,
         onError: h,
-        className: `rounded-full ${s ? "opacity-100" : "opacity-0"}`,
+        className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
         style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
       }
     )
   ] });
 }
-function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selectedCode: l, selectedChain: s }) {
-  const [m, c] = b(""), d = W(() => {
-    if (!a || a.length === 0) return un;
+function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selectedCode: l, selectedChain: c }) {
+  const [m, s] = b(""), d = W(() => {
+    if (!a || a.length === 0) return mn;
     const u = [];
     for (const f of a) {
-      const x = f.networks || [], E = f.name || on[f.code] || f.code;
+      const x = f.networks || [], E = f.name || ln[f.code] || f.code;
       if (x.length === 0)
         u.push({ code: f.code, name: E, chain: f.code, popular: !1 });
       else
@@ -2246,14 +2249,14 @@ function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
         }
     }
     return u;
-  }, [a]), p = B((u, f) => l === u && s === f, [l, s]), h = W(() => {
+  }, [a]), p = B((u, f) => l === u && c === f, [l, c]), h = W(() => {
     var E;
     const u = m.trim().toLowerCase();
     if (!u) {
-      if (l && s) {
-        const v = d.find((S) => S.code === l && S.chain === s);
+      if (l && c) {
+        const v = d.find((S) => S.code === l && S.chain === c);
         if (v) {
-          const S = d.filter((F) => !(F.code === l && F.chain === s));
+          const S = d.filter((P) => !(P.code === l && P.chain === c));
           return [v, ...S];
         }
       }
@@ -2261,15 +2264,15 @@ function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
     }
     const f = u.split(/\s+/), x = [];
     for (const v of d) {
-      const S = Xe(v.chain), F = S ? S.name.toLowerCase() : "", P = ((E = S == null ? void 0 : S.shortName) == null ? void 0 : E.toLowerCase()) || "", G = v.chain.toLowerCase(), V = v.code.toLowerCase(), X = v.name.toLowerCase(), J = [V, X, F, P, G];
-      if (!f.every((i) => J.some((w) => w.includes(i)))) continue;
+      const S = Xe(v.chain), P = S ? S.name.toLowerCase() : "", V = ((E = S == null ? void 0 : S.shortName) == null ? void 0 : E.toLowerCase()) || "", U = v.chain.toLowerCase(), G = v.code.toLowerCase(), z = v.name.toLowerCase(), X = [G, z, P, V, U];
+      if (!f.every((i) => X.some((w) => w.includes(i)))) continue;
       let y = 0;
-      V === u ? y += 100 : V.startsWith(f[0]) && (y += 50), v.popular && (y += 10), f.length > 1 && (F.includes(f[1]) || P.includes(f[1]) || G.includes(f[1])) && (y += 25), x.push({ item: v, score: y });
+      G === u ? y += 100 : G.startsWith(f[0]) && (y += 50), v.popular && (y += 10), f.length > 1 && (P.includes(f[1]) || V.includes(f[1]) || U.includes(f[1])) && (y += 25), x.push({ item: v, score: y });
     }
     return x.sort((v, S) => S.score - v.score), x.map((v) => v.item);
-  }, [d, m, l, s]);
-  return /* @__PURE__ */ r(ae, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(He, { onClick: t }) }),
+  }, [d, m, l, c]);
+  return /* @__PURE__ */ r(re, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2278,7 +2281,7 @@ function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(je, { value: m, onChange: c }),
+    /* @__PURE__ */ e(je, { value: m, onChange: s }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       h.map((u, f) => {
         const x = Xe(u.chain), E = (x == null ? void 0 : x.name) || u.chainName || u.chain, v = u.name !== u.code ? u.name : "", S = p(u.code, u.chain);
@@ -2297,9 +2300,9 @@ function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
                       className: "absolute top-0 left-0",
                       style: { background: "#ffffff", borderRadius: "50%" },
                       children: /* @__PURE__ */ e(
-                        Lt,
+                        kt,
                         {
-                          src: Ot(u.code, o),
+                          src: Bt(u.code, o),
                           alt: u.code,
                           size: 32
                         }
@@ -2318,7 +2321,7 @@ function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
                         background: "#ffffff"
                       },
                       children: /* @__PURE__ */ e(
-                        Lt,
+                        kt,
                         {
                           src: tt(u.chain, o),
                           alt: u.chain,
@@ -2369,15 +2372,15 @@ function Pn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
     ] })
   ] });
 }
-function Un({
+function Fn({
   methods: t,
   selectedId: n,
   onSelect: a,
   onClose: o
 }) {
-  const [l, s] = b(""), m = W(() => {
-    const c = l.trim().toLowerCase();
-    if (!c) {
+  const [l, c] = b(""), m = W(() => {
+    const s = l.trim().toLowerCase();
+    if (!s) {
       if (n) {
         const d = t.find((p) => p.id === n);
         if (d) {
@@ -2388,11 +2391,11 @@ function Un({
       return t;
     }
     return t.filter(
-      (d) => d.id.toLowerCase().includes(c) || d.name.toLowerCase().includes(c) || d.description && d.description.toLowerCase().includes(c)
+      (d) => d.id.toLowerCase().includes(s) || d.name.toLowerCase().includes(s) || d.description && d.description.toLowerCase().includes(s)
     );
   }, [t, l, n]);
-  return /* @__PURE__ */ r(ae, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(He, { onClick: o }) }),
+  return /* @__PURE__ */ r(re, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: o }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2401,24 +2404,24 @@ function Un({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(je, { value: l, onChange: s }),
+    /* @__PURE__ */ e(je, { value: l, onChange: c }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((c, d) => {
-        const p = c.id === n, h = Ut(c.id, c.name);
+      m.map((s, d) => {
+        const p = s.id === n, h = Pt(s.id, s.name);
         return /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => a(c.id),
-              className: `flex w-full transition-colors rounded-lg hover-item ${c.description ? "items-start" : "items-center"}`,
+              onClick: () => a(s.id),
+              className: `flex w-full transition-colors rounded-lg hover-item ${s.description ? "items-start" : "items-center"}`,
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: `flex items-center justify-center shrink-0 ${c.description ? "mt-0.5" : ""}`,
+                    className: `flex items-center justify-center shrink-0 ${s.description ? "mt-0.5" : ""}`,
                     style: { width: 32, height: 32 },
-                    children: Ft(c.id, c.icon, 32)
+                    children: Ut(s.id, s.icon, 32)
                   }
                 ),
                 /* @__PURE__ */ r("div", { className: "text-left flex-1", children: [
@@ -2430,12 +2433,12 @@ function Un({
                       children: h
                     }
                   ),
-                  c.description && /* @__PURE__ */ e(
+                  s.description && /* @__PURE__ */ e(
                     "div",
                     {
                       className: "text-[13px] leading-snug mt-1",
                       style: { color: "var(--t-text-secondary)" },
-                      children: c.description
+                      children: s.description
                     }
                   )
                 ] }),
@@ -2453,13 +2456,13 @@ function Un({
             }
           ),
           d < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, c.id);
+        ] }, s.id);
       }),
       m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
     ] })
   ] });
 }
-function Fn({
+function Kn({
   checked: t,
   onChange: n,
   accentColor: a = "var(--t-accent)"
@@ -2489,25 +2492,25 @@ function Fn({
     }
   );
 }
-const Kn = [
+const _n = [
   { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
   { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
 ];
-function _n({
+function Vn({
   onClose: t,
   darkMode: n,
   onToggleDarkMode: a,
   skinId: o,
   onSelectSkin: l,
-  showThemeToggle: s = !0
+  showThemeToggle: c = !0
 }) {
-  return /* @__PURE__ */ r(ae, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(He, { onClick: t }) }),
+  return /* @__PURE__ */ r(re, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
     /* @__PURE__ */ r("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      s && /* @__PURE__ */ r(ae, { children: [
+      c && /* @__PURE__ */ r(re, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full py-5", children: [
           /* @__PURE__ */ r("div", { className: "flex items-center gap-3.5", children: [
-            /* @__PURE__ */ e(Nn, { size: 40 }),
+            /* @__PURE__ */ e(En, { size: 40 }),
             /* @__PURE__ */ e(
               "span",
               {
@@ -2517,11 +2520,11 @@ function _n({
               }
             )
           ] }),
-          /* @__PURE__ */ e(Fn, { checked: n, onChange: a, accentColor: "#4CD964" })
+          /* @__PURE__ */ e(Kn, { checked: n, onChange: a, accentColor: "#4CD964" })
         ] }) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      Kn.map((m) => /* @__PURE__ */ r("div", { children: [
+      _n.map((m) => /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ r(
           "a",
           {
@@ -2539,7 +2542,7 @@ function _n({
                   children: m.label
                 }
               ),
-              /* @__PURE__ */ e(vn, {})
+              /* @__PURE__ */ e(bn, {})
             ]
           }
         ),
@@ -2548,15 +2551,15 @@ function _n({
     ] })
   ] });
 }
-function Vn({
+function Xn({
   className: t = "",
   theme: n = "dark",
   skinId: a = "mono",
   accentColor: o,
   bgColor: l,
-  bgImage: s,
+  bgImage: c,
   borderColor: m,
-  borderRadius: c,
+  borderRadius: s,
   surfaceColor: d,
   inputBgColor: p,
   textColor: h,
@@ -2566,33 +2569,33 @@ function Vn({
   showFlowToggle: E = !0,
   showSettings: v = !0,
   showThemeToggle: S = !0,
-  autoRedirect: F = !1,
-  explorerUrl: P,
-  doneButtonText: G = "Done",
-  supportEmail: V,
-  stablecoinParity: X,
-  partnerName: J,
-  onDone: ve
+  autoRedirect: P = !1,
+  explorerUrl: V,
+  doneButtonText: U = "Done",
+  supportEmail: G,
+  stablecoinParity: z,
+  partnerName: X,
+  onDone: de
 }) {
-  var ht, pt, ft, yt, xt, gt, Ct, vt;
+  var mt, ht, pt, ft, yt, xt, gt, Ct;
   const {
     state: y,
     dispatch: i,
     config: w,
     configLoading: O,
     quotes: C,
-    quotesLoading: me,
-    quotesError: re,
-    fetchQuotes: q,
+    quotesLoading: pe,
+    quotesError: oe,
+    fetchQuotes: ee,
     createOrder: be,
-    orderLoading: ee,
-    amountError: he,
+    orderLoading: te,
+    amountError: fe,
     fieldLocks: k,
     apiConfig: Ne,
-    assetBaseUrl: U
-  } = Te(), [oe, ce] = b(n === "dark"), [pe, We] = b(a), [$, Y] = b(null), [fe, ke] = b(!1), [Le, Ee] = b(!1), [Ie, De] = b(!1), [Ge, ye] = b(null), [Me, N] = b(!0), [T, Z] = b(!1), [L, I] = b(!1), Q = _(null), te = _(), we = _(y.flowType);
+    assetBaseUrl: F
+  } = Te(), [le, ue] = b(n === "dark"), [ye, We] = b(a), [$, Y] = b(null), [xe, ke] = b(!1), [Le, Ee] = b(!1), [Ie, Pe] = b(!1), [Ge, ge] = b(null), [Me, N] = b(!0), [T, Z] = b(!1), [L, I] = b(!1), Q = _(null), ne = _(), we = _(y.flowType);
   D(() => {
-    ce(n === "dark");
+    ue(n === "dark");
   }, [n]), D(() => {
     const g = setTimeout(() => N(!1), O ? 0 : 800);
     return () => clearTimeout(g);
@@ -2604,27 +2607,27 @@ function Vn({
     }
     we.current = y.flowType;
   }, [y.flowType, Me]);
-  const Ae = y.flowType, K = Ae === "buy", j = y.cryptoCurrency || "BTC", le = y.fiatCurrency || "USD", Ye = K ? y.fiatAmount : y.cryptoAmount, ne = dn(Ye), xe = (ht = C == null ? void 0 : C.bestQuote) != null && ht.exchangeRate ? parseFloat(C.bestQuote.exchangeRate) : null, Pe = _(null);
-  xe && j && le && (Pe.current = { rate: xe, crypto: j, fiat: le });
-  const rt = W(() => {
+  const Ae = y.flowType, K = Ae === "buy", j = y.cryptoCurrency || "BTC", ie = y.fiatCurrency || "USD", Ye = K ? y.fiatAmount : y.cryptoAmount, J = un(Ye), ae = (mt = C == null ? void 0 : C.bestQuote) != null && mt.exchangeRate ? parseFloat(C.bestQuote.exchangeRate) : null, Ue = _(null);
+  ae && j && ie && (Ue.current = { rate: ae, crypto: j, fiat: ie });
+  const Ft = W(() => {
     if (C != null && C.bestQuote) {
       const g = K ? C.bestQuote.cryptoAmount : C.bestQuote.fiatAmount;
       if (g) return g;
     }
     return "0";
-  }, [C, K]), Ue = !!(X && J && K && Ht(j) && xe), Ze = Ue && ne > 0 ? Dt(ne) : null, Kt = Ue && Ze ? Ze : rt, _t = W(() => {
-    var H, de, Je;
-    const g = xe || ((H = Pe.current) == null ? void 0 : H.rate), A = xe ? j : (de = Pe.current) == null ? void 0 : de.crypto, R = xe ? le : (Je = Pe.current) == null ? void 0 : Je.fiat;
+  }, [C, K]), Be = !!(z && X && K && Ot(j) && ae), Kt = Be && ae >= 0.95 && ae <= 1.05, Ze = Be && J > 0 ? Ht(Kt ? J : J / ae) : null, _t = Be && Ze ? Ze : Ft, Vt = W(() => {
+    var H, me, Je;
+    const g = ae || ((H = Ue.current) == null ? void 0 : H.rate), A = ae ? j : (me = Ue.current) == null ? void 0 : me.crypto, R = ae ? ie : (Je = Ue.current) == null ? void 0 : Je.fiat;
     return !g || !A || !R ? "" : `1 ${A} ≈ ${g.toFixed(2)} ${R}`;
-  }, [j, le, xe]);
+  }, [j, ie, ae]);
   D(() => {
     const g = y.walletAddress.trim(), A = y.network;
     if (!g || g.length < 10) {
-      ye(null), i({ type: "SET_WALLET_ERROR", message: "" });
+      ge(null), i({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    return De(!0), ye(null), clearTimeout(te.current), te.current = setTimeout(async () => {
-      var R, H, de;
+    return Pe(!0), ge(null), clearTimeout(ne.current), ne.current = setTimeout(async () => {
+      var R, H, me;
       try {
         const qe = await (await fetch(`${Ne.apiUrl}/public/validate/address`, {
           method: "POST",
@@ -2632,108 +2635,108 @@ function Vn({
           body: JSON.stringify({ address: g, ...A ? { network: A } : {} })
         })).json(), et = ((R = qe.data) == null ? void 0 : R.attributes) || qe.data || qe;
         if (et.isValid)
-          ye(!0), i({ type: "SET_WALLET_ERROR", message: "" });
+          ge(!0), i({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          ye(!1);
-          const Zt = ((H = et.errors) == null ? void 0 : H[0]) || ((de = et.details) == null ? void 0 : de.formatMessage) || "Invalid wallet address";
-          i({ type: "SET_WALLET_ERROR", message: Zt });
+          ge(!1);
+          const Qt = ((H = et.errors) == null ? void 0 : H[0]) || ((me = et.details) == null ? void 0 : me.formatMessage) || "Invalid wallet address";
+          i({ type: "SET_WALLET_ERROR", message: Qt });
         }
       } catch {
-        ye(null);
+        ge(null);
       } finally {
-        De(!1);
+        Pe(!1);
       }
-    }, 500), () => clearTimeout(te.current);
+    }, 500), () => clearTimeout(ne.current);
   }, [y.walletAddress, y.network, Ne.apiUrl]);
-  const ot = !Ye || ne === 0, lt = ne > 0 && (K ? ne < St : ne < Rt), it = !!he || lt || fe && ot, Vt = ne > 0 && !he && !lt, Qe = y.walletAddress.trim().length >= 10 && Ge !== !1 && !Ie, Fe = Vt && Qe && !!y.cryptoCurrency && !!y.network, Xt = (g) => {
+  const rt = !Ye || J === 0, ot = J > 0 && (K ? J < At : J < St), lt = !!fe || ot || xe && rt, Xt = J > 0 && !fe && !ot, Qe = y.walletAddress.trim().length >= 10 && Ge !== !1 && !Ie, Fe = Xt && Qe && !!y.cryptoCurrency && !!y.network, $t = (g) => {
     let A = g.target.value.replace(/[^0-9.,]/g, "");
     const R = K ? 2 : 6, H = A.indexOf(".");
     H !== -1 && A.length - H - 1 > R && (A = A.slice(0, H + R + 1)), i(K ? { type: "SET_FIAT_AMOUNT", amount: A } : { type: "SET_CRYPTO_AMOUNT", amount: A });
-  }, st = (g) => {
+  }, it = (g) => {
     g !== Ae && i({ type: "SET_FLOW_TYPE", flowType: g });
-  }, $t = B(
+  }, jt = B(
     (g) => {
       i({ type: "SET_FIAT_CURRENCY", currency: g });
     },
     [i]
-  ), jt = B(
+  ), Wt = B(
     (g, A) => {
       i({ type: "SET_CRYPTO_CURRENCY", currency: g }), i({ type: "SET_CRYPTO_CHAIN", chain: A });
     },
     [i]
-  ), Wt = B(
+  ), Gt = B(
     (g) => {
       i({ type: "SET_PAYMENT_METHOD", methodId: g });
     },
     [i]
-  ), Gt = () => {
-    Fe && (I(!0), q());
+  ), Yt = () => {
+    Fe && (I(!0), ee());
   };
   D(() => {
     var g;
-    if (!(!L || me)) {
+    if (!(!L || pe)) {
       if (C != null && C.bestQuote)
         I(!1), i({ type: "SELECT_QUOTE", quote: C.bestQuote }), be().catch(() => {
         });
-      else if (re)
-        I(!1), i({ type: "SET_ERROR", message: re.message || "No quotes available" });
+      else if (oe)
+        I(!1), i({ type: "SET_ERROR", message: oe.message || "No quotes available" });
       else if (C && !C.bestQuote) {
         I(!1);
         const A = (g = C.unavailableGateways) == null ? void 0 : g.map((H) => H.reason).filter(Boolean), R = A != null && A.length ? `No providers available: ${A.join("; ")}` : "No providers available for this currency/network combination";
         i({ type: "SET_ERROR", message: R });
       }
     }
-  }, [L, C, me, re, i, be]);
-  const ct = oe ? "theme-dark" : "theme-light", ze = wt.find((g) => g.id === pe) || wt[0], Yt = ze.accent === null, dt = (o ? se(o) : !1) ? { "--t-accent": o, "--t-cta-bg": o, "--t-cta-text": "#ffffff" } : Yt ? {
-    "--t-accent": oe ? "#ffffff" : "#111111",
-    "--t-cta-bg": oe ? "#ffffff" : "#111111",
-    "--t-cta-text": oe ? "#000000" : "#ffffff"
+  }, [L, C, pe, oe, i, be]);
+  const ct = le ? "theme-dark" : "theme-light", ze = Et.find((g) => g.id === ye) || Et[0], Zt = ze.accent === null, st = (o ? se(o) : !1) ? { "--t-accent": o, "--t-cta-bg": o, "--t-cta-text": "#ffffff" } : Zt ? {
+    "--t-accent": le ? "#ffffff" : "#111111",
+    "--t-cta-bg": le ? "#ffffff" : "#111111",
+    "--t-cta-text": le ? "#000000" : "#ffffff"
   } : {
     "--t-accent": ze.accent,
     "--t-cta-bg": ze.accent,
     "--t-cta-text": "#ffffff"
-  }, z = {};
-  d && se(d) && (z["--t-surface"] = d, z["--t-modal-bg"] = d), p && se(p) && (z["--t-pill-bg"] = p, z["--t-close-bg"] = p), h && se(h) && (z["--t-text"] = h), u && se(u) && (z["--t-text-secondary"] = u), f && se(f) && (z["--t-text-muted"] = f, z["--t-text-tertiary"] = f), x && se(x) && (z["--t-success"] = x);
-  const ge = {};
-  l && se(l) ? ge.backgroundColor = l : ge.backgroundColor = "var(--t-bg)", s && (ge.backgroundImage = `url(${s})`, ge.backgroundSize = "cover", ge.backgroundPosition = "center");
+  }, q = {};
+  d && se(d) && (q["--t-surface"] = d, q["--t-modal-bg"] = d), p && se(p) && (q["--t-pill-bg"] = p, q["--t-close-bg"] = p), h && se(h) && (q["--t-text"] = h), u && se(u) && (q["--t-text-secondary"] = u), f && se(f) && (q["--t-text-muted"] = f, q["--t-text-tertiary"] = f), x && se(x) && (q["--t-success"] = x);
+  const Ce = {};
+  l && se(l) ? Ce.backgroundColor = l : Ce.backgroundColor = "var(--t-bg)", c && (Ce.backgroundImage = `url(${c})`, Ce.backgroundSize = "cover", Ce.backgroundPosition = "center");
   const Ke = {};
-  m && se(m) && (Ke.border = `1px solid ${m}`), c && (Ke.borderRadius = c);
-  const ut = y.step === "checkout" ? /* @__PURE__ */ e(Rn, { autoRedirect: F }) : y.step === "processing" ? /* @__PURE__ */ e(kn, {}) : y.step === "complete" ? /* @__PURE__ */ e(Ln, { explorerUrl: P, doneButtonText: G, onDone: ve }) : y.step === "error" ? /* @__PURE__ */ e(In, { supportEmail: V }) : y.step === "confirm" ? /* @__PURE__ */ e(Mn, { stablecoinParity: Ue, partnerName: J }) : null;
-  if (ut)
+  m && se(m) && (Ke.border = `1px solid ${m}`), s && (Ke.borderRadius = s);
+  const dt = y.step === "checkout" ? /* @__PURE__ */ e(Tn, { autoRedirect: P }) : y.step === "processing" ? /* @__PURE__ */ e(Ln, {}) : y.step === "complete" ? /* @__PURE__ */ e(In, { explorerUrl: V, doneButtonText: U, onDone: de }) : y.step === "error" ? /* @__PURE__ */ e(Mn, { supportEmail: G }) : y.step === "confirm" ? /* @__PURE__ */ e(Bn, { stablecoinParity: Be, partnerName: X }) : null;
+  if (dt)
     return /* @__PURE__ */ e(
       "div",
       {
         className: `${ct} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-          ...ge,
-          ...dt,
-          ...z,
+          ...Ce,
+          ...st,
+          ...q,
           ...Ke
         },
-        children: ut
+        children: dt
       }
     );
-  const ie = y.network, Se = ie ? Xe(ie) : null, mt = (Se == null ? void 0 : Se.shortName) || (Se == null ? void 0 : Se.name) || ie;
+  const ce = y.network, Se = ce ? Xe(ce) : null, ut = (Se == null ? void 0 : Se.shortName) || (Se == null ? void 0 : Se.name) || ce;
   return /* @__PURE__ */ r(
     "div",
     {
       className: `${ct} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-        ...ge,
-        ...dt,
-        ...z,
+        ...Ce,
+        ...st,
+        ...q,
         ...Ke
       },
       children: [
-        v && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${E ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(bn, { onClick: () => Y("settings") }) }),
+        v && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${E ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Nn, { onClick: () => Y("settings") }) }),
         E ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ r("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => st("buy"),
+                onClick: () => it("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
                 style: { color: Ae === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
@@ -2742,7 +2745,7 @@ function Vn({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => st("sell"),
+                onClick: () => it("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
                 style: { color: Ae === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
@@ -2764,7 +2767,7 @@ function Vn({
             )
           ] })
         ] }) : null,
-        Me || T || O ? /* @__PURE__ */ e(Hn, {}) : /* @__PURE__ */ r("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        Me || T || O ? /* @__PURE__ */ e(Dn, {}) : /* @__PURE__ */ r("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ r(
             "div",
             {
@@ -2772,7 +2775,7 @@ function Vn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: fe && it ? "1px solid #EF4444" : "1px solid transparent",
+                border: xe && lt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -2784,13 +2787,13 @@ function Vn({
                       ref: Q,
                       type: "text",
                       value: Ye,
-                      onChange: Xt,
+                      onChange: $t,
                       onBlur: () => ke(!0),
                       placeholder: K ? "250" : "0.01",
                       className: "bg-transparent outline-none w-0 flex-1 mr-3",
                       style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
                       inputMode: "decimal",
-                      disabled: !!((pt = k == null ? void 0 : k.sourceAmount) != null && pt.locked)
+                      disabled: !!((ht = k == null ? void 0 : k.sourceAmount) != null && ht.locked)
                     }
                   ),
                   K ? /* @__PURE__ */ r(
@@ -2805,11 +2808,11 @@ function Vn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((ft = k == null ? void 0 : k.sourceCurrency) != null && ft.locked),
+                      disabled: !!((pt = k == null ? void 0 : k.sourceCurrency) != null && pt.locked),
                       children: [
-                        /* @__PURE__ */ e(nt, { currencyCode: le, size: 16, baseUrl: U }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: le }),
-                        /* @__PURE__ */ e(Oe, {})
+                        /* @__PURE__ */ e(nt, { currencyCode: ie, size: 16, baseUrl: F }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: ie }),
+                        /* @__PURE__ */ e(He, {})
                       ]
                     }
                   ) : /* @__PURE__ */ r("div", { className: "flex flex-col items-end shrink-0", children: [
@@ -2825,34 +2828,34 @@ function Vn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((yt = k == null ? void 0 : k.destinationCurrency) != null && yt.locked),
+                        disabled: !!((ft = k == null ? void 0 : k.destinationCurrency) != null && ft.locked),
                         children: [
-                          /* @__PURE__ */ e(Tt, { ticker: j, size: 16, baseUrl: U }),
+                          /* @__PURE__ */ e(Rt, { ticker: j, size: 16, baseUrl: F }),
                           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: j }),
-                          /* @__PURE__ */ e(Oe, {})
+                          /* @__PURE__ */ e(He, {})
                         ]
                       }
                     ),
-                    ie && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    ce && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: tt(ie, U),
-                          alt: ie,
+                          src: tt(ce, F),
+                          alt: ce,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: mt })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: ut })
                     ] })
                   ] })
                 ] })
               ]
             }
           ),
-          fe && it && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: he || (ot ? "Amount should be more than 0" : K ? `Minimum amount is ${St} ${le}` : `Minimum amount is ${Rt} ${j}`) }),
+          xe && lt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: fe || (rt ? "Amount should be more than 0" : K ? `Minimum amount is ${At} ${ie}` : `Minimum amount is ${St} ${j}`) }),
           /* @__PURE__ */ r(
             "div",
             {
@@ -2869,13 +2872,13 @@ function Vn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
-                  me && !L ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
-                    On,
+                  pe && !L ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    Hn,
                     {
-                      value: ne > 0 ? Kt : "0",
+                      value: J > 0 ? _t : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: ne > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: J > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
                   K ? /* @__PURE__ */ r("div", { className: "flex flex-col items-end shrink-0", children: [
@@ -2891,27 +2894,27 @@ function Vn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((xt = k == null ? void 0 : k.destinationCurrency) != null && xt.locked),
+                        disabled: !!((yt = k == null ? void 0 : k.destinationCurrency) != null && yt.locked),
                         children: [
-                          /* @__PURE__ */ e(Tt, { ticker: j, size: 16, baseUrl: U }),
+                          /* @__PURE__ */ e(Rt, { ticker: j, size: 16, baseUrl: F }),
                           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: j }),
-                          /* @__PURE__ */ e(Oe, {})
+                          /* @__PURE__ */ e(He, {})
                         ]
                       }
                     ),
-                    ie && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    ce && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: tt(ie, U),
-                          alt: ie,
+                          src: tt(ce, F),
+                          alt: ce,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: mt })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: ut })
                     ] })
                   ] }) : /* @__PURE__ */ r(
                     "button",
@@ -2925,11 +2928,11 @@ function Vn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((gt = k == null ? void 0 : k.sourceCurrency) != null && gt.locked),
+                      disabled: !!((xt = k == null ? void 0 : k.sourceCurrency) != null && xt.locked),
                       children: [
-                        /* @__PURE__ */ e(nt, { currencyCode: le, size: 16, baseUrl: U }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: le }),
-                        /* @__PURE__ */ e(Oe, {})
+                        /* @__PURE__ */ e(nt, { currencyCode: ie, size: 16, baseUrl: F }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: ie }),
+                        /* @__PURE__ */ e(He, {})
                       ]
                     }
                   )
@@ -2937,7 +2940,7 @@ function Vn({
               ]
             }
           ),
-          Ue && ne > 0 && (C == null ? void 0 : C.bestQuote) && /* @__PURE__ */ r(
+          Be && J > 0 && (C == null ? void 0 : C.bestQuote) && /* @__PURE__ */ r(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -2948,14 +2951,11 @@ function Vn({
                   /* @__PURE__ */ e("path", { d: "M8 7v4M8 5.5v-.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
                 ] }),
                 /* @__PURE__ */ r("span", { children: [
-                  "You will be charged for ",
-                  rt,
+                  Ze,
                   " ",
                   j,
-                  ", the rest up to ",
-                  Ze,
                   " will be credited to your ",
-                  J,
+                  X,
                   " account"
                 ] })
               ]
@@ -2967,13 +2967,13 @@ function Vn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(Ct = w == null ? void 0 : w.paymentMethods) != null && Ct.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(gt = w == null ? void 0 : w.paymentMethods) != null && gt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: x ? "var(--t-success)" : "var(--t-text-secondary)" }, children: _t || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: x ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Vt || " " })
             }
           ),
           (w == null ? void 0 : w.paymentMethods) && w.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
-            Sn,
+            Rn,
             {
               methods: w.paymentMethods,
               selectedId: y.paymentMethodId,
@@ -3003,7 +3003,7 @@ function Vn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((vt = k == null ? void 0 : k.destinationAddress) != null && vt.locked)
+                disabled: !!((Ct = k == null ? void 0 : k.destinationAddress) != null && Ct.locked)
               }
             ),
             y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : Le && !Qe && !Ie ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ie && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
@@ -3012,18 +3012,18 @@ function Vn({
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Fe || ee || L,
-              onClick: Gt,
+              disabled: !Fe || te || L,
+              onClick: Yt,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
                 height: 60,
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Fe && !ee && !L ? 1 : 0.4,
-                cursor: Fe && !ee && !L ? "pointer" : "not-allowed"
+                opacity: Fe && !te && !L ? 1 : 0.4,
+                cursor: Fe && !te && !L ? "pointer" : "not-allowed"
               },
-              children: L ? "Getting best price..." : ee ? "Processing..." : K ? `Buy ${j}` : `Sell ${j}`
+              children: L ? "Getting best price..." : te ? "Processing..." : K ? `Buy ${j}` : `Sell ${j}`
             }
           ),
           /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
@@ -3031,14 +3031,14 @@ function Vn({
         /* @__PURE__ */ e(Ve, { isOpen: $ === "fiat", onClose: () => Y(null), children: (g) => {
           var A;
           return /* @__PURE__ */ e(
-            Dn,
+            Pn,
             {
               onClose: g,
               onSelect: (R) => {
-                $t(R), g();
+                jt(R), g();
               },
               currencies: (A = w == null ? void 0 : w.fiats) == null ? void 0 : A.map((R) => ({ code: R.code, name: R.code })),
-              assetBaseUrl: U,
+              assetBaseUrl: F,
               selectedCode: y.fiatCurrency
             }
           );
@@ -3046,21 +3046,21 @@ function Vn({
         /* @__PURE__ */ e(Ve, { isOpen: $ === "crypto", onClose: () => Y(null), children: (g) => {
           var A;
           return /* @__PURE__ */ e(
-            Pn,
+            Un,
             {
               onClose: g,
               onSelect: (R, H) => {
-                jt(R, H), g();
+                Wt(R, H), g();
               },
               cryptos: (A = w == null ? void 0 : w.cryptos) == null ? void 0 : A.map((R) => {
                 var H;
                 return {
                   code: R.code,
                   name: R.code,
-                  networks: (H = R.networks) == null ? void 0 : H.map((de) => ({ code: de.id, name: de.name }))
+                  networks: (H = R.networks) == null ? void 0 : H.map((me) => ({ code: me.id, name: me.name }))
                 };
               }),
-              assetBaseUrl: U,
+              assetBaseUrl: F,
               selectedCode: y.cryptoCurrency,
               selectedChain: y.network
             }
@@ -3069,24 +3069,24 @@ function Vn({
         /* @__PURE__ */ e(Ve, { isOpen: $ === "payment", onClose: () => Y(null), children: (g) => {
           var A;
           return /* @__PURE__ */ e(
-            Un,
+            Fn,
             {
               methods: ((A = w == null ? void 0 : w.paymentMethods) == null ? void 0 : A.filter((R) => R.supportedFiats.includes(y.fiatCurrency))) || [],
               selectedId: y.paymentMethodId,
               onSelect: (R) => {
-                Wt(R), g();
+                Gt(R), g();
               },
               onClose: g
             }
           );
         } }),
         /* @__PURE__ */ e(Ve, { isOpen: $ === "settings", onClose: () => Y(null), children: (g) => /* @__PURE__ */ e(
-          _n,
+          Vn,
           {
             onClose: g,
-            darkMode: oe,
-            onToggleDarkMode: ce,
-            skinId: pe,
+            darkMode: le,
+            onToggleDarkMode: ue,
+            skinId: ye,
             onSelectSkin: (A) => {
               We(A);
             },
@@ -3097,15 +3097,15 @@ function Vn({
     }
   );
 }
-function Xn({
+function $n({
   projectId: t,
   apiUrl: n,
   assetBaseUrl: a,
   flowType: o,
   customerId: l,
-  brandId: s,
+  brandId: c,
   defaultFiatCurrency: m,
-  defaultCryptoCurrency: c,
+  defaultCryptoCurrency: s,
   defaultNetwork: d,
   defaultFiatAmount: p,
   defaultCryptoAmount: h,
@@ -3115,42 +3115,42 @@ function Xn({
   statusPollInterval: E,
   onComplete: v,
   onError: S,
-  className: F,
-  theme: P,
-  skinId: G,
-  accentColor: V,
-  bgColor: X,
-  bgImage: J,
-  borderColor: ve,
+  className: P,
+  theme: V,
+  skinId: U,
+  accentColor: G,
+  bgColor: z,
+  bgImage: X,
+  borderColor: de,
   borderRadius: y,
   surfaceColor: i,
   inputBgColor: w,
   textColor: O,
   textSecondaryColor: C,
-  textMutedColor: me,
-  successColor: re,
-  showFlowToggle: q,
+  textMutedColor: pe,
+  successColor: oe,
+  showFlowToggle: ee,
   showSettings: be,
-  showThemeToggle: ee,
-  autoRedirect: he,
+  showThemeToggle: te,
+  autoRedirect: fe,
   explorerUrl: k,
   doneButtonText: Ne,
-  supportEmail: U,
-  stablecoinParity: oe,
-  partnerName: ce,
-  onDone: pe
+  supportEmail: F,
+  stablecoinParity: le,
+  partnerName: ue,
+  onDone: ye
 }) {
   return /* @__PURE__ */ e(
-    rn,
+    on,
     {
       projectId: t,
       apiUrl: n,
       assetBaseUrl: a,
       flowType: o,
       customerId: l,
-      brandId: s,
+      brandId: c,
       defaultFiatCurrency: m,
-      defaultCryptoCurrency: c,
+      defaultCryptoCurrency: s,
       defaultNetwork: d,
       defaultFiatAmount: p,
       defaultCryptoAmount: h,
@@ -3161,52 +3161,52 @@ function Xn({
       onComplete: v,
       onError: S,
       children: /* @__PURE__ */ e(
-        Vn,
+        Xn,
         {
-          className: F,
-          theme: P,
-          skinId: G,
-          accentColor: V,
-          bgColor: X,
-          bgImage: J,
-          borderColor: ve,
+          className: P,
+          theme: V,
+          skinId: U,
+          accentColor: G,
+          bgColor: z,
+          bgImage: X,
+          borderColor: de,
           borderRadius: y,
           surfaceColor: i,
           inputBgColor: w,
           textColor: O,
           textSecondaryColor: C,
-          textMutedColor: me,
-          successColor: re,
-          showFlowToggle: q,
+          textMutedColor: pe,
+          successColor: oe,
+          showFlowToggle: ee,
           showSettings: be,
-          showThemeToggle: ee,
-          autoRedirect: he,
+          showThemeToggle: te,
+          autoRedirect: fe,
           explorerUrl: k,
           doneButtonText: Ne,
-          supportEmail: U,
-          stablecoinParity: oe,
-          partnerName: ce,
-          onDone: pe
+          supportEmail: F,
+          stablecoinParity: le,
+          partnerName: ue,
+          onDone: ye
         }
       )
     }
   );
 }
-function ea({
+function ta({
   submitButtonText: t,
   rateRefreshInterval: n,
   ...a
 }) {
-  return /* @__PURE__ */ e(Xn, { ...a });
+  return /* @__PURE__ */ e($n, { ...a });
 }
-function ta({
+function na({
   skin: t,
   active: n,
   onClick: a,
   darkMode: o,
   dimmed: l
 }) {
-  const s = t.accent === null, m = 32;
+  const c = t.accent === null, m = 32;
   return /* @__PURE__ */ r(
     "button",
     {
@@ -3214,7 +3214,7 @@ function ta({
       className: "relative shrink-0",
       style: { width: m, height: m, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
-        s ? /* @__PURE__ */ r("svg", { width: m, height: m, viewBox: "0 0 32 32", children: [
+        c ? /* @__PURE__ */ r("svg", { width: m, height: m, 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)" }),
@@ -3232,13 +3232,13 @@ function ta({
     }
   );
 }
-function $n({ quote: t }) {
+function jn({ quote: t }) {
   return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ r("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
     "#",
     t.rank
   ] }) : null;
 }
-function jn({ quote: t }) {
+function Wn({ quote: t }) {
   return t.gatewayLogo ? /* @__PURE__ */ e(
     "img",
     {
@@ -3251,7 +3251,7 @@ function jn({ quote: t }) {
     }
   ) : /* @__PURE__ */ e(at, { size: 36 });
 }
-function Wn() {
+function Gn() {
   return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ r(
     "div",
     {
@@ -3278,20 +3278,20 @@ function Wn() {
     t
   )) });
 }
-function na({
+function aa({
   onClose: t,
   onSelect: n,
   quotes: a,
   quotesLoading: o,
   cryptoCurrency: l
 }) {
-  const [s, m] = b(""), c = W(() => {
+  const [c, m] = b(""), s = W(() => {
     if (!(a != null && a.quotes)) return [];
-    const d = s.trim().toLowerCase();
+    const d = c.trim().toLowerCase();
     return d ? a.quotes.filter((p) => p.gatewayName.toLowerCase().includes(d)) : a.quotes;
-  }, [a, s]);
-  return /* @__PURE__ */ r(ae, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(He, { onClick: t }) }),
+  }, [a, c]);
+  return /* @__PURE__ */ r(re, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3300,9 +3300,9 @@ function na({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(je, { value: s, onChange: m }),
+    /* @__PURE__ */ e(je, { value: c, onChange: m }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      o ? /* @__PURE__ */ e(Wn, {}) : c.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : c.map((d, p) => {
+      o ? /* @__PURE__ */ e(Gn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((d, p) => {
         const h = p === 0, u = parseFloat(d.cryptoAmount), f = u >= 1 ? u.toFixed(4) : u.toPrecision(6);
         return /* @__PURE__ */ r(
           "button",
@@ -3318,10 +3318,10 @@ function na({
               background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(jn, { quote: d }),
+              /* @__PURE__ */ e(Wn, { quote: d }),
               /* @__PURE__ */ r("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: d.gatewayName }),
-                /* @__PURE__ */ e($n, { quote: d })
+                /* @__PURE__ */ e(jn, { quote: d })
               ] }),
               /* @__PURE__ */ r("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
@@ -3352,61 +3352,61 @@ function na({
   ] });
 }
 export {
-  Bn as AnimatedDigit,
-  On as AnimatedNumber,
-  pn as ApplePayIcon,
-  Be as BLOCKCHAINS,
-  mn as BankIcon,
-  un as CRYPTO_CHAIN_COMBOS,
-  Bt as CRYPTO_CURRENCIES,
-  Cn as CardIcon,
-  ea as CheckoutForm,
-  Rn as CheckoutStep,
-  Oe as ChevronDown,
-  vn as ChevronRight,
-  na as ChooseRampModal,
-  He as CloseButton,
-  qn as CoinifyIcon,
-  Ln as CompleteStep,
-  Mn as ConfirmStep,
-  Pn as CryptoCurrencyModal,
-  Tt as CryptoIcon,
-  Nn as DarkModeIcon,
-  In as ErrorStep,
-  Et as FIAT_CURRENCIES,
-  ln as FIAT_TO_COUNTRY,
-  Dn as FiatCurrencyModal,
+  On as AnimatedDigit,
+  Hn as AnimatedNumber,
+  fn as ApplePayIcon,
+  Oe as BLOCKCHAINS,
+  hn as BankIcon,
+  mn as CRYPTO_CHAIN_COMBOS,
+  Mt as CRYPTO_CURRENCIES,
+  vn as CardIcon,
+  ta as CheckoutForm,
+  Tn as CheckoutStep,
+  He as ChevronDown,
+  bn as ChevronRight,
+  aa as ChooseRampModal,
+  De as CloseButton,
+  ea as CoinifyIcon,
+  In as CompleteStep,
+  Bn as ConfirmStep,
+  Un as CryptoCurrencyModal,
+  Rt as CryptoIcon,
+  En as DarkModeIcon,
+  Mn as ErrorStep,
+  Nt as FIAT_CURRENCIES,
+  cn as FIAT_TO_COUNTRY,
+  Pn as FiatCurrencyModal,
   nt as FiatFlag,
-  Hn as FormSkeleton,
+  Dn as FormSkeleton,
   at as GenericCoinIcon,
-  fn as GooglePayIcon,
-  At as MOCK_RATES,
-  bn as MenuIcon,
+  yn as GooglePayIcon,
+  wt as MOCK_RATES,
+  Nn as MenuIcon,
   Ve as Modal,
-  yn as PayPalIcon,
-  Sn as PaymentMethodSelector,
-  kn as ProcessingStep,
-  Xn as RampForm,
-  rn as RampProvider,
-  hn as RevolutIcon,
-  wt as SKINS,
+  xn as PayPalIcon,
+  Rn as PaymentMethodSelector,
+  Ln as ProcessingStep,
+  $n as RampForm,
+  on as RampProvider,
+  pn as RevolutIcon,
+  Et as SKINS,
   je as SearchInput,
-  _n as SettingsScreen,
+  Vn as SettingsScreen,
   M as Skeleton,
-  ta as SkinSwatch,
-  Fn as ToggleSwitch,
-  Dt as formatOutput,
+  na as SkinSwatch,
+  Kn as ToggleSwitch,
+  Ht as formatOutput,
   tt as getChainIconUrl,
-  Ot as getCryptoIconUrl,
+  Bt as getCryptoIconUrl,
   sn as getFiatFlagUrl,
-  Jn as getMockRate,
-  En as getPaymentIcon,
-  Ht as isStablecoin,
-  dn as parseAmount,
-  tn as useCheckoutIntent,
-  en as useQuotes,
+  qn as getMockRate,
+  wn as getPaymentIcon,
+  Ot as isStablecoin,
+  un as parseAmount,
+  nn as useCheckoutIntent,
+  tn as useQuotes,
   Te as useRamp,
-  qt as useRampConfig,
-  nn as useTransaction
+  en as useRampConfig,
+  an as useTransaction
 };
 //# sourceMappingURL=index.js.map