@nowramp/form 0.1.72 → 0.1.74

package/dist/index.js

@@ -9,111 +9,111 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as o, Fragment as J } from "react/jsx-runtime";
-import ve, { useState as v, useRef as _, useCallback as I, useEffect as G, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
+import me, { useState as S, useRef as B, useCallback as O, useEffect as W, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
 import { RampApi as Qe } from "@nowramp/sdk";
 import { createPortal as Ut } from "react-dom";
 function ha(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!0), [s, d] = v(null), f = _(null);
+  const [r, l] = S(null), [c, m] = S(!0), [s, u] = S(null), f = B(null);
   (!f.current || f.current !== t) && (f.current = new Qe({ apiKey: "", ...t }));
-  const h = I(async () => {
+  const h = O(async () => {
     if (!t.projectId) {
-      d(new Error("projectId is required")), m(!1);
+      u(new Error("projectId is required")), m(!1);
       return;
     }
-    m(!0), d(null);
+    m(!0), u(null);
     try {
-      const u = {};
-      a && (u.orderType = a), n && (u.country = n);
-      const p = await f.current.getSupported(u);
-      i(p);
-    } catch (u) {
-      d(u instanceof Error ? u : new Error("Failed to fetch config"));
+      const d = {};
+      a && (d.orderType = a), n && (d.country = n);
+      const p = await f.current.getSupported(d);
+      l(p);
+    } catch (d) {
+      u(d instanceof Error ? d : new Error("Failed to fetch config"));
     } finally {
       m(!1);
     }
   }, [t.projectId, a, n]);
-  return G(() => {
+  return W(() => {
     h();
   }, [h]), { config: r, loading: c, error: s, refetch: h };
 }
 function pa(t, a) {
-  const [n, r] = v(null), [i, c] = v(!1), [m, s] = v(null), d = _(null), f = _(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!d.current || f.current !== h) && (d.current = new Qe({ apiKey: "", ...t }), f.current = h);
-  const u = _(0);
-  G(() => {
-    const g = ++u.current;
+  const [n, r] = S(null), [l, c] = S(!1), [m, s] = S(null), u = B(null), f = B(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!u.current || f.current !== h) && (u.current = new Qe({ apiKey: "", ...t }), f.current = h);
+  const d = B(0);
+  W(() => {
+    const C = ++d.current;
     if (!a || !t.projectId) {
       r(null), c(!1);
       return;
     }
-    c(!0), s(null), d.current.getQuotes(a).then(
+    c(!0), s(null), u.current.getQuotes(a).then(
       (A) => {
-        u.current === g && (r(A), c(!1));
+        d.current === C && (r(A), c(!1));
       },
       (A) => {
-        u.current === g && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
+        d.current === C && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
-  const p = I(async () => {
+  const p = O(async () => {
     if (!(!a || !t.projectId)) {
       c(!0), s(null);
       try {
-        const g = await d.current.getQuotes(a);
-        r(g);
-      } catch (g) {
-        s(g instanceof Error ? g : new Error("Failed to fetch quotes"));
+        const C = await u.current.getQuotes(a);
+        r(C);
+      } catch (C) {
+        s(C instanceof Error ? C : new Error("Failed to fetch quotes"));
       } finally {
         c(!1);
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: i, error: m, refetch: p };
+  return { quotes: n, loading: l, error: m, refetch: p };
 }
 function ya(t) {
-  const [a, n] = v(null), [r, i] = v(!1), [c, m] = v(null), s = _(null), d = _(""), f = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || d.current !== f) && (s.current = new Qe({ apiKey: "", ...t }), d.current = f);
-  const h = I(async (p) => {
-    i(!0), m(null);
+  const [a, n] = S(null), [r, l] = S(!1), [c, m] = S(null), s = B(null), u = B(""), f = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || u.current !== f) && (s.current = new Qe({ apiKey: "", ...t }), u.current = f);
+  const h = O(async (p) => {
+    l(!0), m(null);
     try {
-      const g = await s.current.createCheckoutIntent(p);
-      return n(g), g;
-    } catch (g) {
-      const A = g instanceof Error ? g : new Error("Failed to create checkout intent");
+      const C = await s.current.createCheckoutIntent(p);
+      return n(C), C;
+    } catch (C) {
+      const A = C instanceof Error ? C : new Error("Failed to create checkout intent");
       throw m(A), A;
     } finally {
-      i(!1);
+      l(!1);
     }
-  }, []), u = I(() => {
+  }, []), d = O(() => {
     n(null), m(null);
   }, []);
-  return { order: a, loading: r, error: c, createOrder: h, reset: u };
+  return { order: a, loading: r, error: c, createOrder: h, reset: d };
 }
 function xa(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!1), [s, d] = v(null), f = _(null);
+  const [r, l] = S(null), [c, m] = S(!1), [s, u] = S(null), f = B(null);
   f.current || (f.current = new Qe({ apiKey: "", projectId: "", ...t }));
-  const h = I(async () => {
+  const h = O(async () => {
     if (a) {
-      m(!0), d(null);
+      m(!0), u(null);
       try {
-        const u = await f.current.getTransaction(a);
-        i(u);
-      } catch (u) {
-        d(u instanceof Error ? u : new Error("Failed to fetch status"));
+        const d = await f.current.getTransaction(a);
+        l(d);
+      } catch (d) {
+        u(d instanceof Error ? d : new Error("Failed to fetch status"));
       } finally {
         m(!1);
       }
     }
   }, [a]);
-  return G(() => {
+  return W(() => {
     if (!a) return;
-    const u = (n == null ? void 0 : n.initialDelay) ?? 0;
-    if (u > 0) {
-      const p = setTimeout(h, u);
+    const d = (n == null ? void 0 : n.initialDelay) ?? 0;
+    if (d > 0) {
+      const p = setTimeout(h, d);
       return () => clearTimeout(p);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), G(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), W(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
     const p = setInterval(h, n.pollInterval);
@@ -409,208 +409,217 @@ function Ca({
   apiUrl: a = "https://api.nowramp.com",
   assetBaseUrl: n = "",
   flowType: r = "buy",
-  customerId: i = "",
+  customerId: l = "",
   brandId: c,
   defaultFiatCurrency: m = "USD",
   defaultCryptoCurrency: s = "BTC",
-  defaultNetwork: d = "",
+  defaultNetwork: u = "",
   defaultFiatAmount: f = "",
   defaultCryptoAmount: h = "",
-  defaultWalletAddress: u = "",
+  defaultWalletAddress: d = "",
   defaultGateway: p,
-  defaultCountry: g,
+  defaultCountry: C,
   fieldLocks: A,
-  statusPollInterval: E = 5e3,
+  statusPollInterval: w = 5e3,
   onComplete: R,
-  onError: H,
-  children: ne
+  onError: P,
+  children: re
 }) {
-  const V = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = d || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, y = (q ? !!($ && s && Z) : !!($ && s && Z && u)) && p ? "confirm" : "amount", L = f || (r === "buy" ? "250" : ""), [l, M] = ua(ga, {
+  const j = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = u || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, x = (q ? !!($ && s && Z) : !!($ && s && Z && d)) && p ? "confirm" : "amount", k = f || (r === "buy" ? "250" : ""), [i, I] = ua(ga, {
     ...Vt,
-    step: y,
+    step: x,
     flowType: r,
     fiatCurrency: m,
     cryptoCurrency: s,
     network: Z,
-    fiatAmount: Dt(L, 2),
+    fiatAmount: Dt(k, 2),
     cryptoAmount: Dt(h, 6),
-    walletAddress: u,
-    customerId: i,
+    walletAddress: d,
+    customerId: l,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...g ? { country: g.toLowerCase(), countrySource: "manual" } : {}
-  }), w = l.flowType === "sell", {
-    config: S,
-    loading: he,
-    error: pe
-  } = ha(V, l.flowType, l.country || void 0), ye = _(!1);
-  ve.useEffect(() => {
-    var D;
-    if (ye.current || !(S != null && S.detectedCountry) || l.country) return;
-    ye.current = !0;
-    const C = S.detectedCountry.toLowerCase();
-    M({ type: "SET_COUNTRY_AUTO", country: C });
-    const b = (D = S.fiats) == null ? void 0 : D.map((F) => F.code), U = ot(C, b);
-    U !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: U });
-  }, [S, l.country, l.fiatCurrency]);
-  const ie = _(!1);
-  ve.useEffect(() => {
+    ...C ? { country: C.toLowerCase(), countrySource: "manual" } : {}
+  }), N = i.flowType === "sell", {
+    config: v,
+    loading: pe,
+    error: ye
+  } = ha(j, i.flowType, i.country || void 0), xe = B(!1);
+  me.useEffect(() => {
+    var L;
+    if (xe.current || !(v != null && v.detectedCountry) || i.country) return;
+    xe.current = !0;
+    const y = v.detectedCountry.toLowerCase();
+    I({ type: "SET_COUNTRY_AUTO", country: y });
+    const b = (L = v.fiats) == null ? void 0 : L.map((F) => F.code), U = ot(y, b);
+    U !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: U });
+  }, [v, i.country, i.fiatCurrency]);
+  const le = B(!1);
+  me.useEffect(() => {
     var U;
-    if (ie.current || !g || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
-    ie.current = !0;
-    const C = S.fiats.map((D) => D.code), b = ot(g, C);
-    b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
-  }, [g, S, l.fiatCurrency]);
-  const se = _(l.country);
-  ve.useEffect(() => {
+    if (le.current || !C || !((U = v == null ? void 0 : v.fiats) != null && U.length)) return;
+    le.current = !0;
+    const y = v.fiats.map((L) => L.code), b = ot(C, y);
+    b !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: b });
+  }, [C, v, i.fiatCurrency]);
+  const de = B(i.country);
+  me.useEffect(() => {
     var U;
-    if (l.country === se.current || (se.current = l.country, l.countrySource !== "manual") || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
-    const C = S.fiats.map((D) => D.code), b = ot(l.country, C);
-    b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
-  }, [l.country, l.countrySource, S, l.fiatCurrency]), ve.useEffect(() => {
-    var U, D, F;
-    if (!S || !l.cryptoCurrency || l.network) return;
-    const C = (U = S.cryptos) == null ? void 0 : U.find((X) => X.code === l.cryptoCurrency), b = ((D = C == null ? void 0 : C.networks) == null ? void 0 : D.find((X) => X.isDefault)) || ((F = C == null ? void 0 : C.networks) == null ? void 0 : F[0]);
-    b != null && b.id && M({ type: "SET_NETWORK", network: b.id });
-  }, [S, l.cryptoCurrency, l.network]), ve.useEffect(() => {
-    var F, X;
-    if (!((F = S == null ? void 0 : S.paymentMethods) != null && F.length)) return;
-    const C = l.fiatCurrency, b = S.paymentMethods;
-    if (l.paymentMethodId && b.some(
-      (P) => P.id === l.paymentMethodId && P.supportedFiats.includes(C)
+    if (i.country === de.current || (de.current = i.country, i.countrySource !== "manual") || !((U = v == null ? void 0 : v.fiats) != null && U.length)) return;
+    const y = v.fiats.map((L) => L.code), b = ot(i.country, y);
+    b !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: b });
+  }, [i.country, i.countrySource, v, i.fiatCurrency]);
+  const D = B(i.fiatCurrency);
+  me.useEffect(() => {
+    var L;
+    if (i.fiatCurrency === D.current || (D.current = i.fiatCurrency, N || !((L = v == null ? void 0 : v.fiats) != null && L.length) || !i.fiatAmount)) return;
+    const y = v.fiats.find((F) => F.code === i.fiatCurrency);
+    if (!(y != null && y.minAmount)) return;
+    const b = parseFloat(i.fiatAmount), U = parseFloat(y.minAmount);
+    !isNaN(b) && !isNaN(U) && b < U && I({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(U)) });
+  }, [i.fiatCurrency, i.fiatAmount, v, N]), me.useEffect(() => {
+    var U, L, F;
+    if (!v || !i.cryptoCurrency || i.network) return;
+    const y = (U = v.cryptos) == null ? void 0 : U.find((K) => K.code === i.cryptoCurrency), b = ((L = y == null ? void 0 : y.networks) == null ? void 0 : L.find((K) => K.isDefault)) || ((F = y == null ? void 0 : y.networks) == null ? void 0 : F[0]);
+    b != null && b.id && I({ type: "SET_NETWORK", network: b.id });
+  }, [v, i.cryptoCurrency, i.network]), me.useEffect(() => {
+    var F, K;
+    if (!((F = v == null ? void 0 : v.paymentMethods) != null && F.length)) return;
+    const y = i.fiatCurrency, b = v.paymentMethods;
+    if (i.paymentMethodId && b.some(
+      (_) => _.id === i.paymentMethodId && _.supportedFiats.includes(y)
     ))
       return;
-    const D = b.find(
-      (Q) => Q.supportedFiats.includes(C) && (Q.id.includes("card") || Q.id.includes("debit"))
-    ) || b.find((Q) => Q.supportedFiats.includes(C));
-    M({ type: "SET_PAYMENT_METHOD", methodId: (D == null ? void 0 : D.id) || ((X = b[0]) == null ? void 0 : X.id) || "" });
-  }, [S, l.fiatCurrency, l.paymentMethodId]);
-  const k = Y(() => {
-    if (w) {
-      if (!l.cryptoAmount) return null;
-      const F = parseFloat(l.cryptoAmount);
+    const L = b.find(
+      (M) => M.supportedFiats.includes(y) && (M.id.includes("card") || M.id.includes("debit"))
+    ) || b.find((M) => M.supportedFiats.includes(y));
+    I({ type: "SET_PAYMENT_METHOD", methodId: (L == null ? void 0 : L.id) || ((K = b[0]) == null ? void 0 : K.id) || "" });
+  }, [v, i.fiatCurrency, i.paymentMethodId]);
+  const ee = Y(() => {
+    if (N) {
+      if (!i.cryptoAmount) return null;
+      const F = parseFloat(i.cryptoAmount);
       return isNaN(F) || F <= 0 ? "Enter a valid amount" : null;
     }
-    if (!S || !l.fiatAmount) return null;
-    const C = parseFloat(l.fiatAmount);
-    if (isNaN(C)) return null;
-    const b = S.fiats.find((F) => F.code === l.fiatCurrency);
+    if (!v || !i.fiatAmount) return null;
+    const y = parseFloat(i.fiatAmount);
+    if (isNaN(y)) return null;
+    const b = v.fiats.find((F) => F.code === i.fiatCurrency);
     if (!b) return null;
-    const U = parseFloat(b.minAmount), D = parseFloat(b.maxAmount);
-    return !isNaN(U) && C < U ? `Minimum amount is ${b.minAmount} ${l.fiatCurrency}` : !isNaN(D) && C > D ? `Maximum amount is ${b.maxAmount} ${l.fiatCurrency}` : null;
-  }, [S, l.fiatAmount, l.fiatCurrency, l.cryptoAmount, w]), be = Y(() => {
-    const C = w ? !!l.cryptoAmount : !!l.fiatAmount;
-    return !S || !C || !l.cryptoCurrency || !l.network || k ? null : {
-      fiatCurrency: l.fiatCurrency,
-      ...w ? { cryptoAmount: l.cryptoAmount } : { fiatAmount: l.fiatAmount },
-      cryptoCurrency: l.cryptoCurrency,
-      network: l.network,
-      paymentMethodId: l.paymentMethodId || void 0,
-      country: l.country || void 0,
-      orderType: l.flowType
+    const U = parseFloat(b.minAmount), L = parseFloat(b.maxAmount);
+    return !isNaN(U) && y < U ? `Minimum amount is ${b.minAmount} ${i.fiatCurrency}` : !isNaN(L) && y > L ? `Maximum amount is ${b.maxAmount} ${i.fiatCurrency}` : null;
+  }, [v, i.fiatAmount, i.fiatCurrency, i.cryptoAmount, N]), X = Y(() => {
+    const y = N ? !!i.cryptoAmount : !!i.fiatAmount;
+    return !v || !y || !i.cryptoCurrency || !i.network || ee || v.detectedCountry && i.countrySource === "" && !C ? null : {
+      fiatCurrency: i.fiatCurrency,
+      ...N ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+      cryptoCurrency: i.cryptoCurrency,
+      network: i.network,
+      paymentMethodId: i.paymentMethodId || void 0,
+      country: i.country || void 0,
+      orderType: i.flowType
     };
-  }, [S, l.fiatCurrency, l.fiatAmount, l.cryptoAmount, l.cryptoCurrency, l.network, l.paymentMethodId, l.country, k, w, l.flowType]), {
-    quotes: j,
-    loading: re,
+  }, [v, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, i.countrySource, ee, N, i.flowType, C]), {
+    quotes: Q,
+    loading: be,
     error: Ne,
-    refetch: Ee
-  } = pa(V, be), {
-    order: de,
-    loading: xe,
-    error: B,
-    createOrder: we
-  } = ya(V), _e = 15e3, {
-    status: ee,
-    loading: Ve
+    refetch: Ue
+  } = pa(j, X), {
+    order: oe,
+    loading: G,
+    error: ge,
+    createOrder: De
+  } = ya(j), _e = 15e3, {
+    status: te,
+    loading: ze
   } = xa(
     { apiUrl: a },
-    (de == null ? void 0 : de.orderId) ?? null,
-    { pollInterval: E, initialDelay: _e }
+    (oe == null ? void 0 : oe.orderId) ?? null,
+    { pollInterval: w, initialDelay: _e }
   );
-  ve.useEffect(() => {
-    (ee == null ? void 0 : ee.status) === "completed" && R && R(ee);
-  }, [ee == null ? void 0 : ee.status, R]), ve.useEffect(() => {
-    const C = pe || B;
-    C && H && H(C);
-  }, [pe, B, H]);
-  const Fe = p || (S == null ? void 0 : S.defaultGateway) || null, Me = _(Fe);
-  Me.current = Fe;
-  const Ae = _(j);
-  Ae.current = j;
-  const Re = _(c);
-  Re.current = c;
-  const ze = I(async () => {
-    var b, U, D;
-    const C = ((b = l.selectedQuote) == null ? void 0 : b.gatewayId) || ((D = (U = Ae.current) == null ? void 0 : U.bestQuote) == null ? void 0 : D.gatewayId) || Me.current;
-    if (!C || !l.walletAddress) {
-      const F = [!C && "gateway", !l.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      M({ type: "SET_ERROR", message: `Missing required fields: ${F}` });
+  me.useEffect(() => {
+    (te == null ? void 0 : te.status) === "completed" && R && R(te);
+  }, [te == null ? void 0 : te.status, R]), me.useEffect(() => {
+    const y = ye || ge;
+    y && P && P(y);
+  }, [ye, ge, P]);
+  const Ee = p || (v == null ? void 0 : v.defaultGateway) || null, we = B(Ee);
+  we.current = Ee;
+  const Fe = B(Q);
+  Fe.current = Q;
+  const Me = B(c);
+  Me.current = c;
+  const Ce = O(async () => {
+    var b, U, L;
+    const y = ((b = i.selectedQuote) == null ? void 0 : b.gatewayId) || ((L = (U = Fe.current) == null ? void 0 : U.bestQuote) == null ? void 0 : L.gatewayId) || we.current;
+    if (!y || !i.walletAddress) {
+      const F = [!y && "gateway", !i.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      I({ type: "SET_ERROR", message: `Missing required fields: ${F}` });
       return;
     }
     try {
-      await we({
-        gateway: C,
-        customerId: l.customerId || void 0,
-        fiatCurrency: l.fiatCurrency,
-        ...w ? { cryptoAmount: l.cryptoAmount } : { fiatAmount: l.fiatAmount },
-        cryptoCurrency: l.cryptoCurrency,
-        network: l.network,
-        walletAddress: l.walletAddress,
-        paymentMethodId: l.paymentMethodId || void 0,
-        email: l.email || void 0,
-        orderType: l.flowType,
-        ...Re.current ? { metadata: { brand: Re.current } } : {}
-      }), M({ type: "SET_STEP", step: "checkout" });
+      await De({
+        gateway: y,
+        customerId: i.customerId || void 0,
+        fiatCurrency: i.fiatCurrency,
+        ...N ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+        cryptoCurrency: i.cryptoCurrency,
+        network: i.network,
+        walletAddress: i.walletAddress,
+        paymentMethodId: i.paymentMethodId || void 0,
+        email: i.email || void 0,
+        orderType: i.flowType,
+        ...Me.current ? { metadata: { brand: Me.current } } : {}
+      }), I({ type: "SET_STEP", step: "checkout" });
     } catch (F) {
-      const X = F instanceof Error ? F.message : "Failed to create order";
-      /wallet|address/i.test(X) ? M({ type: "SET_WALLET_ERROR", message: X.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: X });
+      const K = F instanceof Error ? F.message : "Failed to create order";
+      /wallet|address/i.test(K) ? I({ type: "SET_WALLET_ERROR", message: K.replace(/^Failed to create checkout intent:\s*/i, "") }) : I({ type: "SET_ERROR", message: K });
     }
-  }, [l, we, w]), ge = I((C) => {
-    M({ type: "SET_STEP", step: C });
-  }, []), Ie = I(() => {
-    const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], b = C.indexOf(l.step);
-    b > 0 && M({ type: "SET_STEP", step: C[b - 1] });
-  }, [l.step, w]), Je = Y(() => {
-    const C = w ? !!l.cryptoAmount : !!l.fiatAmount;
-    switch (l.step) {
+  }, [i, De, N]), Ie = O((y) => {
+    I({ type: "SET_STEP", step: y });
+  }, []), Je = O(() => {
+    const y = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], b = y.indexOf(i.step);
+    b > 0 && I({ type: "SET_STEP", step: y[b - 1] });
+  }, [i.step, N]), qe = Y(() => {
+    const y = N ? !!i.cryptoAmount : !!i.fiatAmount;
+    switch (i.step) {
       case "confirm":
-        return !!(C && l.cryptoCurrency && l.network && l.walletAddress && !k);
+        return !!(y && i.cryptoCurrency && i.network && i.walletAddress && !ee);
       case "amount":
-        return !!(C && l.cryptoCurrency && l.network && !k);
+        return !!(y && i.cryptoCurrency && i.network && !ee);
       case "quotes":
-        return !!l.selectedQuote;
+        return !!i.selectedQuote;
       case "wallet":
-        return !!l.walletAddress;
+        return !!i.walletAddress;
       default:
         return !1;
     }
-  }, [l, k, w]), qe = {
-    apiConfig: V,
+  }, [i, ee, N]), Ve = {
+    apiConfig: j,
     assetBaseUrl: n,
-    config: S,
-    configLoading: he,
-    configError: pe,
-    state: l,
-    dispatch: M,
-    quotes: j,
-    quotesLoading: re,
+    config: v,
+    configLoading: pe,
+    configError: ye,
+    state: i,
+    dispatch: I,
+    quotes: Q,
+    quotesLoading: be,
     quotesError: Ne,
-    fetchQuotes: Ee,
-    order: de,
-    orderLoading: xe,
-    orderError: B,
-    createOrder: ze,
-    orderStatus: ee,
-    orderStatusLoading: Ve,
+    fetchQuotes: Ue,
+    order: oe,
+    orderLoading: G,
+    orderError: ge,
+    createOrder: Ce,
+    orderStatus: te,
+    orderStatusLoading: ze,
     fieldLocks: A || null,
-    defaultGateway: Fe,
-    amountError: k,
-    goToStep: ge,
-    goBack: Ie,
-    canProceed: Je
+    defaultGateway: Ee,
+    amountError: ee,
+    goToStep: Ie,
+    goBack: Je,
+    canProceed: qe
   };
-  return /* @__PURE__ */ e(jt.Provider, { value: qe, children: ne });
+  return /* @__PURE__ */ e(jt.Provider, { value: Ve, children: re });
 }
-function Ue() {
+function ke() {
   const t = ma(jt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
@@ -1096,7 +1105,7 @@ function lt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
+const se = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
   const t = [];
   for (const a of Gt)
     for (const n of a.chains)
@@ -1108,18 +1117,16 @@ function Wt({
   alt: a,
   size: n,
   className: r = "",
-  background: i
+  background: l
 }) {
-  const [c, m] = v(!1), [s, d] = v(!1);
-  G(() => {
-    m(!1), d(!1);
-  }, [t]);
-  const f = I(() => m(!0), []), h = I(() => d(!0), []);
+  const [c, m] = S(!1), [s, u] = S(!1), f = B(t);
+  f.current !== t && (f.current = t, m(!1), u(!1));
+  const h = O(() => m(!0), []), d = O(() => u(!0), []);
   return /* @__PURE__ */ o(
     "div",
     {
       className: `relative rounded-full shrink-0 ${r}`,
-      style: { width: n, height: n, background: i },
+      style: { width: n, height: n, background: l },
       children: [
         !c && !s && /* @__PURE__ */ e(
           "div",
@@ -1146,8 +1153,8 @@ function Wt({
             alt: a,
             width: n,
             height: n,
-            onLoad: f,
-            onError: h,
+            onLoad: h,
+            onError: d,
             className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
             style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
           }
@@ -1283,7 +1290,7 @@ function Da({ size: t = 32 }) {
   );
 }
 function Fa({ size: t = 32 }) {
-  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), i = a * 0.2;
+  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), l = a * 0.2;
   return /* @__PURE__ */ o("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1316,7 +1323,7 @@ function Fa({ size: t = 32 }) {
           height: n,
           background: "#252525",
           borderRadius: r,
-          marginLeft: -i,
+          marginLeft: -l,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -1427,11 +1434,11 @@ function Pa({
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const i = Y(
+  const l = Y(
     () => t.filter((m) => m.supportedFiats.includes(r)),
     [t, r]
-  ), c = i.find((m) => m.id === a) || i[0];
-  return i.length === 0 ? /* @__PURE__ */ e(
+  ), c = l.find((m) => m.id === a) || l[0];
+  return l.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
@@ -1479,22 +1486,22 @@ function Ka({
   redirectDelay: n = 3e3
 }) {
   var p;
-  const { order: r, orderStatus: i, goToStep: c, goBack: m } = Ue(), [s, d] = v(!1), [f, h] = v(null), u = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (G(() => {
-    if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !u) {
+  const { order: r, orderStatus: l, goToStep: c, goBack: m } = ke(), [s, u] = S(!1), [f, h] = S(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (W(() => {
+    if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !d) {
       h(Math.ceil(n / 1e3));
-      const g = setTimeout(() => {
+      const C = setTimeout(() => {
         window.location.href = r.checkout.url;
       }, n), A = setInterval(() => {
-        h((E) => E && E > 1 ? E - 1 : null);
+        h((w) => w && w > 1 ? w - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(g), clearInterval(A);
+        clearTimeout(C), clearInterval(A);
       };
     }
-  }, [r, a, n, u]), G(() => {
-    i && (i.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(i.status) && c("error"));
-  }, [i == null ? void 0 : i.status, c]), !r)
+  }, [r, a, n, d]), W(() => {
+    l && (l.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(l.status) && c("error"));
+  }, [l == null ? void 0 : l.status, c]), !r)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1521,7 +1528,7 @@ function Ka({
         ]
       }
     );
-  if (u)
+  if (d)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1548,7 +1555,7 @@ function Ka({
       }
     );
   if (r.checkout.method === "iframe") {
-    const g = r.checkout.url, A = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const C = r.checkout.url, A = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return Ut(
       /* @__PURE__ */ o(
         "div",
@@ -1620,7 +1627,7 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: g,
+                  src: C,
                   style: {
                     display: s ? "block" : "none",
                     width: "100%",
@@ -1628,7 +1635,7 @@ function Ka({
                     border: "none"
                   },
                   allow: A,
-                  onLoad: () => d(!0),
+                  onLoad: () => u(!0),
                   title: "Provider Checkout"
                 }
               )
@@ -1696,7 +1703,7 @@ function Ka({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const g = _a(r.checkout.url, r.widgetConfig);
+    const C = _a(r.checkout.url, r.widgetConfig);
     return Ut(
       /* @__PURE__ */ o(
         "div",
@@ -1768,7 +1775,7 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: g,
+                  src: C,
                   style: {
                     display: s ? "block" : "none",
                     width: "100%",
@@ -1776,7 +1783,7 @@ function Ka({
                     border: "none"
                   },
                   allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
-                  onLoad: () => d(!0),
+                  onLoad: () => u(!0),
                   title: "Payment Checkout"
                 }
               )
@@ -1816,16 +1823,16 @@ function Ka({
 }
 function _a(t, a) {
   const n = new URL("/en/partner/widget", t);
-  for (const [r, i] of Object.entries(a))
-    i != null && i !== "" && n.searchParams.set(r, String(i));
+  for (const [r, l] of Object.entries(a))
+    l != null && l !== "" && n.searchParams.set(r, String(l));
   return n.toString();
 }
 function Va({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Ue();
-  G(() => {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = ke();
+  W(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
-  const i = () => {
+  const l = () => {
     if (!a) return "Processing your order...";
     switch (a.status) {
       case "pending":
@@ -1838,28 +1845,28 @@ function Va({ className: t = "" }) {
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "nramp-spinner-large nramp-spinner" }) }),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: i() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
     n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
     a && /* @__PURE__ */ o("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      /* @__PURE__ */ e(Le, { label: "Order ID", value: a.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Le, { label: "Provider", value: a.gateway }),
+      /* @__PURE__ */ e(Te, { label: "Order ID", value: a.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Te, { label: "Provider", value: a.gateway }),
       /* @__PURE__ */ e(
-        Le,
+        Te,
         {
           label: "Amount",
           value: `${a.fiatAmount} ${a.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Le,
+        Te,
         {
           label: "Receiving",
           value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Le, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(Te, { label: "Network", value: a.network }),
       /* @__PURE__ */ e(
-        Le,
+        Te,
         {
           label: "To Address",
           value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
@@ -1873,7 +1880,7 @@ function Va({ className: t = "" }) {
     ] })
   ] });
 }
-function Le({ label: t, value: a, mono: n }) {
+function Te({ label: t, value: a, mono: n }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1899,10 +1906,10 @@ function ja({
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: i, state: c, dispatch: m } = Ue(), s = c.flowType === "sell", d = () => {
-    if (!(i != null && i.transactionHash)) return null;
+  const { orderStatus: l, state: c, dispatch: m } = ke(), s = c.flowType === "sell", u = () => {
+    if (!(l != null && l.transactionHash)) return null;
     if (!a) {
-      const u = {
+      const d = {
         ethereum: "https://etherscan.io/tx/{txHash}",
         polygon: "https://polygonscan.com/tx/{txHash}",
         arbitrum: "https://arbiscan.io/tx/{txHash}",
@@ -1913,12 +1920,12 @@ function ja({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (u[c.network] || u.ethereum).replace("{txHash}", i.transactionHash);
+      return (d[c.network] || d.ethereum).replace("{txHash}", l.transactionHash);
     }
-    return a.replace("{txHash}", i.transactionHash);
+    return a.replace("{txHash}", l.transactionHash);
   }, f = () => {
     n ? n() : m({ type: "RESET" });
-  }, h = d();
+  }, h = u();
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1929,47 +1936,47 @@ function ja({
       }
     ),
     /* @__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 ${(i == null ? void 0 : i.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(i == null ? void 0 : i.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
-    i && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+    /* @__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__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        me,
+        fe,
         {
           label: s ? "Amount Sold" : "Amount Received",
-          value: `${i.cryptoAmount} ${i.cryptoCurrency}`,
+          value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        me,
+        fe,
         {
           label: s ? "Payout Amount" : "Amount Paid",
-          value: `${i.fiatAmount} ${i.fiatCurrency}`
+          value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(me, { label: "Network", value: i.network }),
+      /* @__PURE__ */ e(fe, { label: "Network", value: l.network }),
       /* @__PURE__ */ e(
-        me,
+        fe,
         {
           label: "Wallet",
-          value: `${i.walletAddress.slice(0, 10)}...${i.walletAddress.slice(-8)}`,
+          value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
           mono: !0
         }
       ),
-      i.transactionHash && /* @__PURE__ */ e(
-        me,
+      l.transactionHash && /* @__PURE__ */ e(
+        fe,
         {
           label: "Transaction",
-          value: `${i.transactionHash.slice(0, 10)}...${i.transactionHash.slice(-8)}`,
+          value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(me, { label: "Provider", value: i.gateway }),
-      /* @__PURE__ */ e(me, { label: "Order ID", value: i.orderId, mono: !0 }),
-      i.completedAt && /* @__PURE__ */ e(
-        me,
+      /* @__PURE__ */ e(fe, { label: "Provider", value: l.gateway }),
+      /* @__PURE__ */ e(fe, { label: "Order ID", value: l.orderId, mono: !0 }),
+      l.completedAt && /* @__PURE__ */ e(
+        fe,
         {
           label: "Completed",
-          value: new Date(i.completedAt).toLocaleString()
+          value: new Date(l.completedAt).toLocaleString()
         }
       )
     ] }),
@@ -1997,7 +2004,7 @@ function ja({
     ] })
   ] });
 }
-function me({ label: t, value: a, mono: n, highlight: r }) {
+function fe({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2022,9 +2029,9 @@ function Ga({
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: i, dispatch: c, goToStep: m } = Ue(), s = r.flowType === "sell", d = () => {
-    if (i)
-      switch (i.status) {
+  const { state: r, orderStatus: l, dispatch: c, goToStep: m } = ke(), s = r.flowType === "sell", u = () => {
+    if (l)
+      switch (l.status) {
         case "failed":
           return "Payment Failed";
         case "cancelled":
@@ -2039,8 +2046,8 @@ function Ga({
     return "Something Went Wrong";
   }, f = () => {
     if (r.errorMessage) return r.errorMessage;
-    if (i)
-      switch (i.status) {
+    if (l)
+      switch (l.status) {
         case "failed":
           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":
@@ -2055,7 +2062,7 @@ function Ga({
     return "An unexpected error occurred. Please try again.";
   }, h = () => {
     c({ type: "CLEAR_ERROR" }), a ? a() : (c({ type: "RESET" }), m("amount"));
-  }, u = () => {
+  }, d = () => {
     c({ type: "RESET" }), m("amount");
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
@@ -2067,11 +2074,11 @@ function Ga({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: d() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: u() }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
-    i && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
+    l && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
       /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
-      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: i.orderId })
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: l.orderId })
     ] }) }),
     /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ e(
@@ -2088,7 +2095,7 @@ function Ga({
         {
           className: "w-full font-semibold text-[14px] transition-all",
           style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
-          onClick: u,
+          onClick: d,
           children: "Start Over"
         }
       )
@@ -2107,9 +2114,9 @@ function Ga({
           }
         )
       ] }),
-      i && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
+      l && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
         "Reference: ",
-        i.orderId
+        l.orderId
       ] })
     ] })
   ] });
@@ -2121,27 +2128,27 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
   var q;
   const {
     config: r,
-    configLoading: i,
+    configLoading: l,
     state: c,
     defaultGateway: m,
     quotes: s,
-    fetchQuotes: d,
+    fetchQuotes: u,
     createOrder: f,
     orderLoading: h
-  } = Ue(), u = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find(($) => $.id === m), E = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, H = !!(a && n && !u && Xt(c.cryptoCurrency) && E), ne = H && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), V = H && R > 0 ? lt(ne ? R : R / E) : null, Z = async () => {
-    g(null);
+  } = ke(), d = c.flowType === "sell", [p, C] = S(null), A = r == null ? void 0 : r.gateways.find(($) => $.id === m), w = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, P = !!(a && n && !d && Xt(c.cryptoCurrency) && w), re = P && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), j = P && R > 0 ? lt(re ? R : R / w) : null, Z = async () => {
+    C(null);
     try {
-      d(), await f();
+      u(), await f();
     } catch ($) {
-      const fe = $ instanceof Error ? $.message : "Failed to create order";
-      g(fe);
+      const he = $ instanceof Error ? $.message : "Failed to create order";
+      C(he);
     }
   };
-  return i ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
+  return l ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
   ] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: u ? "Confirm Sale" : "Confirm Purchase" }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: d ? "Confirm Sale" : "Confirm Purchase" }),
     /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       A && /* @__PURE__ */ o("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: "Provider" }),
@@ -2150,7 +2157,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: A.name })
         ] })
       ] }),
-      u ? /* @__PURE__ */ o(J, { children: [
+      d ? /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e(Se, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(Se, { label: "You receive", value: `${c.fiatCurrency} payout` })
       ] }) : /* @__PURE__ */ o(J, { children: [
@@ -2159,13 +2166,13 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           Se,
           {
             label: "You receive",
-            value: V ? `${V} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
+            value: j ? `${j} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
           }
         ),
         /* @__PURE__ */ e(Se, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
-        H && V && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        P && j && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
-          V,
+          j,
           " ",
           c.cryptoCurrency,
           " will be credited to your ",
@@ -2174,7 +2181,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         ] })
       ] }),
       /* @__PURE__ */ e(Se, { label: "Network", value: c.network }),
-      u && c.walletAddress && /* @__PURE__ */ e(Se, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
+      d && c.walletAddress && /* @__PURE__ */ e(Se, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
     ] }),
     p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
     /* @__PURE__ */ e(
@@ -2187,7 +2194,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         children: h ? /* @__PURE__ */ o(J, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
-        ] }) : u ? "Confirm & Sell" : "Confirm & Pay"
+        ] }) : d ? "Confirm & Sell" : "Confirm & Pay"
       }
     )
   ] });
@@ -2210,25 +2217,25 @@ function He({
   onClose: a,
   children: n
 }) {
-  const [r, i] = v(!1), [c, m] = v(!1);
-  G(() => {
+  const [r, l] = S(!1), [c, m] = S(!1);
+  W(() => {
     if (t)
-      i(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
+      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (r) {
       m(!1);
-      const d = setTimeout(() => i(!1), 250);
-      return () => clearTimeout(d);
+      const u = setTimeout(() => l(!1), 250);
+      return () => clearTimeout(u);
     }
   }, [t]);
-  const s = I(() => {
+  const s = O(() => {
     m(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return G(() => {
+  return W(() => {
     if (!t) return;
-    const d = (f) => {
+    const u = (f) => {
       f.key === "Escape" && s();
     };
-    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
   }, [t, s]), r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2247,7 +2254,7 @@ function He({
 }
 function Xa({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
-  return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((i) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: i }, i)) }) });
+  return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: l }, l)) }) });
 }
 function Wa({
   value: t,
@@ -2255,9 +2262,9 @@ function Wa({
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((i, c) => /* @__PURE__ */ e(Xa, { char: i, height: a }, c)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((l, c) => /* @__PURE__ */ e(Xa, { char: l, height: a }, c)) });
 }
-function K({
+function V({
   w: t,
   h: a,
   className: n = ""
@@ -2267,33 +2274,33 @@ function K({
 function Ya() {
   return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(K, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(K, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(K, { w: 75, h: 32 })
+        /* @__PURE__ */ e(V, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(K, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(K, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(K, { w: 85, h: 32 })
+        /* @__PURE__ */ e(V, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(K, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(K, { w: 90, h: 12 })
+      /* @__PURE__ */ e(V, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(V, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ o("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(K, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(K, { w: "100%", h: 47 })
+      /* @__PURE__ */ e(V, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(V, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(K, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(V, { w: "100%", h: 60, className: "mb-2" }),
     /* @__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 De({ onClick: t }) {
+function Le({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2311,7 +2318,7 @@ function Ke({
   onChange: a,
   placeholder: n = ""
 }) {
-  const [r, i] = v(!1);
+  const [r, l] = S(!1);
   return /* @__PURE__ */ o("div", { className: "relative mx-5 mb-5", children: [
     /* @__PURE__ */ e(
       "input",
@@ -2319,8 +2326,8 @@ function Ke({
         type: "text",
         value: t,
         onChange: (c) => a(c.target.value),
-        onFocus: () => i(!0),
-        onBlur: () => i(!1),
+        onFocus: () => l(!0),
+        onBlur: () => l(!1),
         placeholder: n,
         style: { height: 47, borderRadius: 4.5, border: `1px solid ${r ? "var(--t-border-focus)" : "var(--t-border)"}`, outline: "none", boxShadow: "none", color: "var(--t-text)", padding: `0 ${t ? 40 : 14}px 0 14px`, fontSize: 14, backgroundColor: "transparent" },
         className: "w-full outline-none transition-colors"
@@ -2342,23 +2349,23 @@ function Za({
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
-  selectedCode: i
+  selectedCode: l
 }) {
-  const [c, m] = v(""), s = Y(() => {
+  const [c, m] = S(""), s = Y(() => {
     if (!n || n.length === 0) return Ft;
     const f = new Map(Ft.map((h) => [h.code, h.name]));
     return n.map((h) => ({
       code: h.code,
       name: h.name || f.get(h.code) || h.code
     }));
-  }, [n]), d = Y(() => {
+  }, [n]), u = Y(() => {
     const f = c.trim().toLowerCase();
     if (!f) {
-      if (i) {
-        const h = s.find((u) => u.code === i);
+      if (l) {
+        const h = s.find((d) => d.code === l);
         if (h) {
-          const u = s.filter((p) => p.code !== i);
-          return [h, ...u];
+          const d = s.filter((p) => p.code !== l);
+          return [h, ...d];
         }
       }
       return s;
@@ -2366,9 +2373,9 @@ function Za({
     return s.filter(
       (h) => h.code.toLowerCase().includes(f) || h.name.toLowerCase().includes(f)
     );
-  }, [s, c, i]);
+  }, [s, c, l]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2385,8 +2392,8 @@ function Za({
     ),
     /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      d.map((f, h) => {
-        const u = f.name !== f.code ? f.name : "", p = i === f.code;
+      u.map((f, h) => {
+        const d = f.name !== f.code ? f.name : "", p = l === f.code;
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2398,7 +2405,7 @@ function Za({
                 /* @__PURE__ */ e(ct, { currencyCode: f.code, size: 32, baseUrl: r }),
                 /* @__PURE__ */ o("div", { className: "text-left flex-1 flex items-center gap-2", children: [
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: f.code }),
-                  u && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: u })
+                  d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
                 ] }),
                 p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
@@ -2413,7 +2420,7 @@ function Za({
               ]
             }
           ),
-          h < d.length - 1 && /* @__PURE__ */ e(
+          h < u.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
@@ -2421,17 +2428,15 @@ function Za({
           )
         ] }, f.code);
       }),
-      d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
-function _t({ src: t, alt: a, size: n, className: r, style: i }) {
-  const [c, m] = v(!1), [s, d] = v(!1);
-  G(() => {
-    m(!1), d(!1);
-  }, [t]);
-  const f = I(() => m(!0), []), h = I(() => d(!0), []);
-  return /* @__PURE__ */ o("div", { className: r, style: { ...i, width: n, height: n, position: "relative" }, children: [
+function _t({ src: t, alt: a, size: n, className: r, style: l }) {
+  const [c, m] = S(!1), [s, u] = S(!1), f = B(t);
+  f.current !== t && (f.current = t, m(!1), u(!1));
+  const h = O(() => m(!0), []), d = O(() => u(!0), []);
+  return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: n, height: n, position: "relative" }, children: [
     !c && !s && /* @__PURE__ */ e(
       "div",
       {
@@ -2453,59 +2458,59 @@ function _t({ src: t, alt: a, size: n, className: r, style: i }) {
         alt: a,
         width: n,
         height: n,
-        onLoad: f,
-        onError: h,
+        onLoad: h,
+        onError: d,
         className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
         style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
       }
     )
   ] });
 }
-function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: i, selectedChain: c }) {
-  const [m, s] = v(""), d = Y(() => {
+function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: l, selectedChain: c }) {
+  const [m, s] = S(""), u = Y(() => {
     if (!n || n.length === 0) return wa;
-    const u = [];
+    const d = [];
     for (const p of n) {
-      const g = p.networks || [], A = p.name || va[p.code] || p.code;
-      if (g.length === 0)
-        u.push({ code: p.code, name: A, chain: p.code, popular: !1 });
+      const C = p.networks || [], A = p.name || va[p.code] || p.code;
+      if (C.length === 0)
+        d.push({ code: p.code, name: A, chain: p.code, popular: !1 });
       else
-        for (const E of g) {
-          const R = E.code || E.id || E.name || p.code;
-          u.push({
+        for (const w of C) {
+          const R = w.code || w.id || w.name || p.code;
+          d.push({
             code: p.code,
             name: A,
             chain: R,
-            chainName: E.name,
+            chainName: w.name,
             popular: !1
           });
         }
     }
-    return u;
-  }, [n]), f = I((u, p) => i === u && c === p, [i, c]), h = Y(() => {
+    return d;
+  }, [n]), f = O((d, p) => l === d && c === p, [l, c]), h = Y(() => {
     var A;
-    const u = m.trim().toLowerCase();
-    if (!u) {
-      if (i && c) {
-        const E = d.find((R) => R.code === i && R.chain === c);
-        if (E) {
-          const R = d.filter((H) => !(H.code === i && H.chain === c));
-          return [E, ...R];
+    const d = m.trim().toLowerCase();
+    if (!d) {
+      if (l && c) {
+        const w = u.find((R) => R.code === l && R.chain === c);
+        if (w) {
+          const R = u.filter((P) => !(P.code === l && P.chain === c));
+          return [w, ...R];
         }
       }
-      return d;
+      return u;
     }
-    const p = u.split(/\s+/), g = [];
-    for (const E of d) {
-      const R = Ze(E.chain), H = R ? R.name.toLowerCase() : "", ne = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", V = E.chain.toLowerCase(), Z = E.code.toLowerCase(), q = E.name.toLowerCase(), $ = [Z, q, H, ne, V];
-      if (!p.every((L) => $.some((l) => l.includes(L)))) continue;
-      let y = 0;
-      Z === u ? y += 100 : Z.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (H.includes(p[1]) || ne.includes(p[1]) || V.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
+    const p = d.split(/\s+/), C = [];
+    for (const w of u) {
+      const R = Ze(w.chain), P = R ? R.name.toLowerCase() : "", re = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", j = w.chain.toLowerCase(), Z = w.code.toLowerCase(), q = w.name.toLowerCase(), $ = [Z, q, P, re, j];
+      if (!p.every((k) => $.some((i) => i.includes(k)))) continue;
+      let x = 0;
+      Z === d ? x += 100 : Z.startsWith(p[0]) && (x += 50), w.popular && (x += 10), p.length > 1 && (P.includes(p[1]) || re.includes(p[1]) || j.includes(p[1])) && (x += 25), C.push({ item: w, score: x });
     }
-    return g.sort((E, R) => R.score - E.score), g.map((E) => E.item);
-  }, [d, m, i, c]);
+    return C.sort((w, R) => R.score - w.score), C.map((w) => w.item);
+  }, [u, m, l, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2516,13 +2521,13 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     ),
     /* @__PURE__ */ e(Ke, { value: m, onChange: s }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      h.map((u, p) => {
-        const g = Ze(u.chain), A = (g == null ? void 0 : g.name) || u.chainName || u.chain, E = u.name !== u.code ? u.name : "", R = f(u.code, u.chain);
+      h.map((d, p) => {
+        const C = Ze(d.chain), A = (C == null ? void 0 : C.name) || d.chainName || d.chain, w = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
             {
-              onClick: () => a(u.code, u.chain),
+              onClick: () => a(d.code, d.chain),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
@@ -2535,8 +2540,8 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: /* @__PURE__ */ e(
                         _t,
                         {
-                          src: $t(u.code, r),
-                          alt: u.code,
+                          src: $t(d.code, r),
+                          alt: d.code,
                           size: 32
                         }
                       )
@@ -2556,8 +2561,8 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: /* @__PURE__ */ e(
                         _t,
                         {
-                          src: it(u.chain, r),
-                          alt: u.chain,
+                          src: it(d.chain, r),
+                          alt: d.chain,
                           size: 16
                         }
                       )
@@ -2570,15 +2575,15 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                     {
                       className: "font-semibold text-[15px]",
                       style: { color: "var(--t-text)" },
-                      children: u.code
+                      children: d.code
                     }
                   ),
-                  E && /* @__PURE__ */ e(
+                  w && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: E
+                      children: w
                     }
                   )
                 ] }) }),
@@ -2599,7 +2604,7 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
             }
           ),
           p < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, `${u.code}-${u.chain}`);
+        ] }, `${d.code}-${d.chain}`);
       }),
       h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
@@ -2611,24 +2616,24 @@ function za({
   onSelect: n,
   onClose: r
 }) {
-  const [i, c] = v(""), m = Y(() => {
-    const s = i.trim().toLowerCase();
+  const [l, c] = S(""), m = Y(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (a) {
-        const d = t.find((f) => f.id === a);
-        if (d) {
+        const u = t.find((f) => f.id === a);
+        if (u) {
           const f = t.filter((h) => h.id !== a);
-          return [d, ...f];
+          return [u, ...f];
         }
       }
       return t;
     }
     return t.filter(
-      (d) => d.id.toLowerCase().includes(s) || d.name.toLowerCase().includes(s) || d.description && d.description.toLowerCase().includes(s)
+      (u) => u.id.toLowerCase().includes(s) || u.name.toLowerCase().includes(s) || u.description && u.description.toLowerCase().includes(s)
     );
-  }, [t, i, a]);
+  }, [t, l, a]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: r }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2637,9 +2642,9 @@ function za({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
+    /* @__PURE__ */ e(Ke, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, d) => {
+      m.map((s, u) => {
         const f = s.id === a, h = Yt(s.id, s.name);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
@@ -2688,7 +2693,7 @@ function za({
               ]
             }
           ),
-          d < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+          u < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
         ] }, 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" })
@@ -2734,22 +2739,22 @@ function en({
   darkMode: a,
   onToggleDarkMode: n,
   skinId: r,
-  onSelectSkin: i,
+  onSelectSkin: l,
   showThemeToggle: c = !0,
   country: m,
   countryName: s,
-  onLocationPress: d,
+  onLocationPress: u,
   assetBaseUrl: f = ""
 }) {
-  const [h, u] = v(!1);
+  const [h, d] = S(!1);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      d && /* @__PURE__ */ o(J, { children: [
+      u && /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o(
           "button",
           {
-            onClick: d,
+            onClick: u,
             className: "flex items-center justify-between w-full py-5 transition-colors",
             style: { color: "inherit", background: "none", border: "none", cursor: "pointer", padding: "20px 0" },
             children: [
@@ -2762,7 +2767,7 @@ function en({
                     width: 40,
                     height: 40,
                     style: { width: 40, height: 40, borderRadius: "50%", objectFit: "cover" },
-                    onError: () => u(!0)
+                    onError: () => d(!0)
                   }
                 ) : /* @__PURE__ */ e(tn, { size: 40 }),
                 /* @__PURE__ */ o("div", { className: "text-left", children: [
@@ -2791,7 +2796,7 @@ function en({
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
       c && /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e("div", { style: { borderTop: d ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: u ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
           /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
             /* @__PURE__ */ e(Ia, { size: 40 }),
             /* @__PURE__ */ e(
@@ -2848,24 +2853,24 @@ function an({
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [i, c] = v(""), m = Y(() => {
-    const s = i.trim().toLowerCase();
+  const [l, c] = S(""), m = Y(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (r) {
-        const d = r.toLowerCase(), f = st[d];
+        const u = r.toLowerCase(), f = st[u];
         if (f) {
-          const h = Ye.filter((u) => u.code !== d);
+          const h = Ye.filter((d) => d.code !== u);
           return [f, ...h];
         }
       }
       return Ye;
     }
     return Ye.filter(
-      (d) => d.name.toLowerCase().includes(s) || d.code.includes(s) || d.defaultFiat.toLowerCase().includes(s)
+      (u) => u.name.toLowerCase().includes(s) || u.code.includes(s) || u.defaultFiat.toLowerCase().includes(s)
     );
-  }, [i, r]);
+  }, [l, r]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2880,9 +2885,9 @@ function an({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
+    /* @__PURE__ */ e(Ke, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, d) => {
+      m.map((s, u) => {
         const f = (r == null ? void 0 : r.toLowerCase()) === s.code;
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
@@ -2910,7 +2915,7 @@ function an({
               ]
             }
           ),
-          d < m.length - 1 && /* @__PURE__ */ e(
+          u < m.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
@@ -2923,7 +2928,7 @@ function an({
   ] });
 }
 function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
-  const [r, i] = v(!1);
+  const [r, l] = S(!1);
   return r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2948,7 +2953,7 @@ function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
       width: a,
       height: a,
       style: { width: a, height: a, borderRadius: "50%", objectFit: "cover" },
-      onError: () => i(!0)
+      onError: () => l(!0)
     }
   );
 }
@@ -2957,168 +2962,168 @@ function rn({
   theme: a = "dark",
   skinId: n = "mono",
   accentColor: r,
-  bgColor: i,
+  bgColor: l,
   bgImage: c,
   borderColor: m,
   borderRadius: s,
-  surfaceColor: d,
+  surfaceColor: u,
   inputBgColor: f,
   textColor: h,
-  textSecondaryColor: u,
+  textSecondaryColor: d,
   textMutedColor: p,
-  successColor: g,
+  successColor: C,
   showFlowToggle: A = !0,
-  showSettings: E = !0,
+  showSettings: w = !0,
   showThemeToggle: R = !0,
-  autoRedirect: H = !1,
-  explorerUrl: ne,
-  doneButtonText: V = "Done",
+  autoRedirect: P = !1,
+  explorerUrl: re,
+  doneButtonText: j = "Done",
   supportEmail: Z,
   stablecoinParity: q,
   partnerName: $,
-  onDone: fe
+  onDone: he
 }) {
   var bt, Nt, Et, wt, At, Rt, Tt, kt, Lt;
   const {
-    state: y,
-    dispatch: L,
-    config: l,
-    configLoading: M,
-    quotes: w,
-    quotesLoading: S,
-    quotesError: he,
-    fetchQuotes: pe,
-    createOrder: ye,
-    orderLoading: ie,
-    amountError: se,
-    fieldLocks: k,
-    apiConfig: be,
-    assetBaseUrl: j
-  } = Ue(), [re, Ne] = v(a === "dark"), [Ee, de] = v(n), [xe, B] = v(null), [we, _e] = v(!1), [ee, Ve] = v(!1), [Fe, Me] = v(!1), [Ae, Re] = v(!1), [ze, ge] = v(null), [Ie, Je] = v(!0), [qe, C] = v(!1), [b, U] = v(!1), D = _(null), F = _(), X = _(y.flowType);
-  G(() => {
-    Ne(a === "dark");
-  }, [a]), G(() => {
-    const x = setTimeout(() => Je(!1), M ? 0 : 800);
-    return () => clearTimeout(x);
-  }, [M]), G(() => {
-    if (X.current !== y.flowType && !Ie) {
-      X.current = y.flowType, C(!0), _e(!1), Ve(!1);
-      const x = setTimeout(() => C(!1), 350);
-      return () => clearTimeout(x);
+    state: x,
+    dispatch: k,
+    config: i,
+    configLoading: I,
+    quotes: N,
+    quotesLoading: v,
+    quotesError: pe,
+    fetchQuotes: ye,
+    createOrder: xe,
+    orderLoading: le,
+    amountError: de,
+    fieldLocks: D,
+    apiConfig: ee,
+    assetBaseUrl: X
+  } = ke(), [Q, be] = S(a === "dark"), [Ne, Ue] = S(n), [oe, G] = S(null), [ge, De] = S(!1), [_e, te] = S(!1), [ze, Ee] = S(!1), [we, Fe] = S(!1), [Me, Ce] = S(null), [Ie, Je] = S(!0), [qe, Ve] = S(!1), [y, b] = S(!1), U = B(null), L = B(), F = B(x.flowType);
+  W(() => {
+    be(a === "dark");
+  }, [a]), W(() => {
+    const g = setTimeout(() => Je(!1), I ? 0 : 800);
+    return () => clearTimeout(g);
+  }, [I]), W(() => {
+    if (F.current !== x.flowType && !Ie) {
+      F.current = x.flowType, Ve(!0), De(!1), te(!1);
+      const g = setTimeout(() => Ve(!1), 350);
+      return () => clearTimeout(g);
     }
-    X.current = y.flowType;
-  }, [y.flowType, Ie]);
-  const Q = y.flowType, P = Q === "buy", W = y.cryptoCurrency || "BTC", te = y.fiatCurrency || "USD", et = P ? y.fiatAmount : y.cryptoAmount, z = Ea(et), ue = (bt = w == null ? void 0 : w.bestQuote) != null && bt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, je = _(null);
-  ue && W && te && (je.current = { rate: ue, crypto: W, fiat: te });
+    F.current = x.flowType;
+  }, [x.flowType, Ie]);
+  const K = x.flowType, M = K === "buy", _ = x.cryptoCurrency || "BTC", ae = x.fiatCurrency || "USD", et = M ? x.fiatAmount : x.cryptoAmount, z = Ea(et), ue = (bt = N == null ? void 0 : N.bestQuote) != null && bt.exchangeRate ? parseFloat(N.bestQuote.exchangeRate) : null, je = B(null);
+  ue && _ && ae && (je.current = { rate: ue, crypto: _, fiat: ae });
   const ut = Y(() => {
-    if (w != null && w.bestQuote) {
-      const x = P ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
-      if (x) return x;
+    if (N != null && N.bestQuote) {
+      const g = M ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
+      if (g) return g;
     }
     return "0";
-  }, [w, P]), Be = !!(q && $ && P && Xt(W) && ue), Qt = Be && W.toUpperCase().includes(te.toUpperCase()), mt = Be && z > 0 ? lt(Qt ? z : z / ue) : null, zt = Be && mt ? mt : ut, Jt = Y(() => {
-    var O, oe, ke;
-    const x = ue || ((O = je.current) == null ? void 0 : O.rate), N = ue ? W : (oe = je.current) == null ? void 0 : oe.crypto, T = ue ? te : (ke = je.current) == null ? void 0 : ke.fiat;
-    return !x || !N || !T ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${T}`;
-  }, [W, te, ue]);
-  G(() => {
-    const x = y.walletAddress.trim(), N = y.network;
-    if (!x || x.length < 10) {
-      ge(null), L({ type: "SET_WALLET_ERROR", message: "" });
+  }, [N, M]), Be = !!(q && $ && M && Xt(_) && ue), Qt = Be && _.toUpperCase().includes(ae.toUpperCase()), mt = Be && z > 0 ? lt(Qt ? z : z / ue) : null, zt = Be && mt ? mt : ut, Jt = Y(() => {
+    var H, ie, Re;
+    const g = ue || ((H = je.current) == null ? void 0 : H.rate), E = ue ? _ : (ie = je.current) == null ? void 0 : ie.crypto, T = ue ? ae : (Re = je.current) == null ? void 0 : Re.fiat;
+    return !g || !E || !T ? "" : `1 ${E} ≈ ${g.toFixed(2)} ${T}`;
+  }, [_, ae, ue]);
+  W(() => {
+    const g = x.walletAddress.trim(), E = x.network;
+    if (!g || g.length < 10) {
+      Ce(null), k({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Re(!0), ge(null);
+    Fe(!0), Ce(null);
     const T = new AbortController();
-    return clearTimeout(F.current), F.current = setTimeout(async () => {
-      var O, oe, ke;
+    return clearTimeout(L.current), L.current = setTimeout(async () => {
+      var H, ie, Re;
       try {
-        const nt = await (await fetch(`${be.apiUrl}/public/validate/address`, {
+        const nt = await (await fetch(`${ee.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
+          body: JSON.stringify({ address: g, ...E ? { network: E } : {} }),
           signal: T.signal
-        })).json(), rt = ((O = nt.data) == null ? void 0 : O.attributes) || nt.data || nt;
+        })).json(), rt = ((H = nt.data) == null ? void 0 : H.attributes) || nt.data || nt;
         if (rt.isValid)
-          ge(!0), L({ type: "SET_WALLET_ERROR", message: "" });
+          Ce(!0), k({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          ge(!1);
-          const da = ((oe = rt.errors) == null ? void 0 : oe[0]) || ((ke = rt.details) == null ? void 0 : ke.formatMessage) || "Invalid wallet address";
-          L({ type: "SET_WALLET_ERROR", message: da });
+          Ce(!1);
+          const da = ((ie = rt.errors) == null ? void 0 : ie[0]) || ((Re = rt.details) == null ? void 0 : Re.formatMessage) || "Invalid wallet address";
+          k({ type: "SET_WALLET_ERROR", message: da });
         }
       } catch (at) {
         if (at instanceof DOMException && at.name === "AbortError") return;
-        ge(null);
+        Ce(null);
       } finally {
-        T.signal.aborted || Re(!1);
+        T.signal.aborted || Fe(!1);
       }
     }, 500), () => {
-      clearTimeout(F.current), T.abort();
+      clearTimeout(L.current), T.abort();
     };
-  }, [y.walletAddress, y.network, be.apiUrl]);
-  const ft = !et || z === 0, ht = z > 0 && (P ? z < Bt : z < Ot), pt = !!se || ht || we && ft, qt = z > 0 && !se && !ht, tt = y.walletAddress.trim().length >= 10 && ze !== !1 && !Ae, Ge = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
-    let N = x.target.value.replace(/[^0-9.,]/g, "");
-    const T = P ? 2 : 6, O = N.indexOf(".");
-    O !== -1 && N.length - O - 1 > T && (N = N.slice(0, O + T + 1)), L(P ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
-  }, yt = (x) => {
-    x !== Q && L({ type: "SET_FLOW_TYPE", flowType: x });
-  }, ta = I(
-    (x) => {
-      L({ type: "SET_FIAT_CURRENCY", currency: x });
+  }, [x.walletAddress, x.network, ee.apiUrl]);
+  const ft = !et || z === 0, ht = z > 0 && (M ? z < Bt : z < Ot), pt = !!de || ht || ge && ft, qt = z > 0 && !de && !ht, tt = x.walletAddress.trim().length >= 10 && Me !== !1 && !we, Ge = qt && tt && !!x.cryptoCurrency && !!x.network, ea = (g) => {
+    let E = g.target.value.replace(/[^0-9.,]/g, "");
+    const T = M ? 2 : 6, H = E.indexOf(".");
+    H !== -1 && E.length - H - 1 > T && (E = E.slice(0, H + T + 1)), k(M ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
+  }, yt = (g) => {
+    g !== K && k({ type: "SET_FLOW_TYPE", flowType: g });
+  }, ta = O(
+    (g) => {
+      k({ type: "SET_FIAT_CURRENCY", currency: g });
     },
-    [L]
-  ), aa = I(
-    (x, N) => {
-      L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: N });
+    [k]
+  ), aa = O(
+    (g, E) => {
+      k({ type: "SET_CRYPTO_CURRENCY", currency: g }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
     },
-    [L]
-  ), na = I(
-    (x) => {
-      L({ type: "SET_PAYMENT_METHOD", methodId: x });
+    [k]
+  ), na = O(
+    (g) => {
+      k({ type: "SET_PAYMENT_METHOD", methodId: g });
     },
-    [L]
-  ), ra = I(
-    (x) => {
-      L({ type: "SET_COUNTRY", country: x }), B(null);
+    [k]
+  ), ra = O(
+    (g) => {
+      k({ type: "SET_COUNTRY", country: g }), G(null);
     },
-    [L]
-  ), oa = I(() => {
-    B(null), setTimeout(() => B("country"), 280);
-  }, []), ia = y.country ? (Nt = st[y.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
-    Ge && (U(!0), pe());
+    [k]
+  ), oa = O(() => {
+    G(null), setTimeout(() => G("country"), 280);
+  }, []), ia = x.country ? (Nt = st[x.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
+    Ge && (b(!0), ye());
   };
-  G(() => {
-    var x;
-    if (!(!b || S)) {
-      if (w != null && w.bestQuote)
-        U(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), ye().catch(() => {
+  W(() => {
+    var g;
+    if (!(!y || v)) {
+      if (N != null && N.bestQuote)
+        b(!1), k({ type: "SELECT_QUOTE", quote: N.bestQuote }), xe().catch(() => {
         });
-      else if (he)
-        U(!1), L({ type: "SET_ERROR", message: he.message || "No quotes available" });
-      else if (w && !w.bestQuote) {
-        U(!1);
-        const N = (x = w.unavailableGateways) == null ? void 0 : x.map((O) => O.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
-        L({ type: "SET_ERROR", message: T });
+      else if (pe)
+        b(!1), k({ type: "SET_ERROR", message: pe.message || "No quotes available" });
+      else if (N && !N.bestQuote) {
+        b(!1);
+        const E = (g = N.unavailableGateways) == null ? void 0 : g.map((H) => H.reason).filter(Boolean), T = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
+        k({ type: "SET_ERROR", message: T });
       }
     }
-  }, [b, w, S, he, L, ye]);
-  const xt = re ? "theme-dark" : "theme-light", $e = Mt.find((x) => x.id === Ee) || Mt[0], ca = $e.accent === null, sa = r ? ce(r) : !1, gt = (x) => {
-    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), O = parseInt(N.substring(2, 4), 16), oe = parseInt(N.substring(4, 6), 16);
-    return (0.299 * T + 0.587 * O + 0.114 * oe) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, [y, N, v, pe, k, xe]);
+  const xt = Q ? "theme-dark" : "theme-light", $e = Mt.find((g) => g.id === Ne) || Mt[0], ca = $e.accent === null, sa = r ? se(r) : !1, gt = (g) => {
+    const E = g.replace("#", ""), T = parseInt(E.substring(0, 2), 16), H = parseInt(E.substring(2, 4), 16), ie = parseInt(E.substring(4, 6), 16);
+    return (0.299 * T + 0.587 * H + 0.114 * ie) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Ct = sa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": gt(r) } : ca ? {
-    "--t-accent": re ? "#ffffff" : "#111111",
-    "--t-cta-bg": re ? "#ffffff" : "#111111",
-    "--t-cta-text": re ? "#000000" : "#ffffff"
+    "--t-accent": Q ? "#ffffff" : "#111111",
+    "--t-cta-bg": Q ? "#ffffff" : "#111111",
+    "--t-cta-text": Q ? "#000000" : "#ffffff"
   } : {
     "--t-accent": $e.accent,
     "--t-cta-bg": $e.accent,
     "--t-cta-text": gt($e.accent)
-  }, ae = {};
-  d && ce(d) && (ae["--t-surface"] = d, ae["--t-modal-bg"] = d), f && ce(f) && (ae["--t-pill-bg"] = f, ae["--t-close-bg"] = f), h && ce(h) && (ae["--t-text"] = h), u && ce(u) && (ae["--t-text-secondary"] = u), p && ce(p) && (ae["--t-text-muted"] = p, ae["--t-text-tertiary"] = p), g && ce(g) && (ae["--t-success"] = g);
-  const Ce = {};
-  i && ce(i) ? Ce.backgroundColor = i : Ce.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Ce.backgroundImage = `url(${c})`, Ce.backgroundSize = "cover", Ce.backgroundPosition = "center");
-  const Xe = re ? "#ffffff" : "#111111", We = {};
-  m && ce(m) && (We.border = `1px solid ${m}`), s && (We.borderRadius = s);
-  const vt = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: H }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ne, doneButtonText: V, onDone: fe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: $ }) : null;
+  }, ne = {};
+  u && se(u) && (ne["--t-surface"] = u, ne["--t-modal-bg"] = u), f && se(f) && (ne["--t-pill-bg"] = f, ne["--t-close-bg"] = f), h && se(h) && (ne["--t-text"] = h), d && se(d) && (ne["--t-text-secondary"] = d), p && se(p) && (ne["--t-text-muted"] = p, ne["--t-text-tertiary"] = p), C && se(C) && (ne["--t-success"] = C);
+  const ve = {};
+  l && se(l) ? ve.backgroundColor = l : ve.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (ve.backgroundImage = `url(${c})`, ve.backgroundSize = "cover", ve.backgroundPosition = "center");
+  const Xe = Q ? "#ffffff" : "#111111", We = {};
+  m && se(m) && (We.border = `1px solid ${m}`), s && (We.borderRadius = s);
+  const vt = x.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: P }) : x.step === "processing" ? /* @__PURE__ */ e(Va, {}) : x.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: re, doneButtonText: j, onDone: he }) : x.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : x.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: $ }) : null;
   if (vt)
     return /* @__PURE__ */ e(
       "div",
@@ -3126,28 +3131,28 @@ function rn({
         className: `${xt} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-          ...Ce,
+          ...ve,
           ...Ct,
-          ...ae,
+          ...ne,
           ...We
         },
         children: vt
       }
     );
-  const le = y.network, Te = le ? Ze(le) : null, St = (Te == null ? void 0 : Te.shortName) || (Te == null ? void 0 : Te.name) || le;
+  const ce = x.network, Ae = ce ? Ze(ce) : null, St = (Ae == null ? void 0 : Ae.shortName) || (Ae == null ? void 0 : Ae.name) || ce;
   return /* @__PURE__ */ o(
     "div",
     {
       className: `${xt} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-        ...Ce,
+        ...ve,
         ...Ct,
-        ...ae,
+        ...ne,
         ...We
       },
       children: [
-        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => B("settings") }) }),
+        w && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => G("settings") }) }),
         A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
@@ -3155,7 +3160,7 @@ function rn({
               {
                 onClick: () => yt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Q === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: K === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
@@ -3164,7 +3169,7 @@ function rn({
               {
                 onClick: () => yt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Q === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: K === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
@@ -3177,14 +3182,14 @@ function rn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: Q === "buy" ? "0%" : "50%",
+                  left: K === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        Ie || qe || M ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        Ie || qe || I ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ o(
             "div",
             {
@@ -3192,7 +3197,7 @@ function rn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: we && pt ? "1px solid #EF4444" : "1px solid transparent",
+                border: ge && pt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -3201,22 +3206,22 @@ function rn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: D,
+                      ref: U,
                       type: "text",
                       value: et,
                       onChange: ea,
-                      onBlur: () => _e(!0),
-                      placeholder: P ? "250" : "0.01",
+                      onBlur: () => De(!0),
+                      placeholder: M ? "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: !!((Et = k == null ? void 0 : k.sourceAmount) != null && Et.locked)
+                      disabled: !!((Et = D == null ? void 0 : D.sourceAmount) != null && Et.locked)
                     }
                   ),
-                  P ? /* @__PURE__ */ o(
+                  M ? /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => B("fiat"),
+                      onClick: () => G("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3225,10 +3230,10 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((wt = k == null ? void 0 : k.sourceCurrency) != null && wt.locked),
+                      disabled: !!((wt = D == null ? void 0 : D.sourceCurrency) != null && wt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: te, size: 16, baseUrl: j }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: te }),
+                        /* @__PURE__ */ e(ct, { currencyCode: ae, size: 16, baseUrl: X }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: ae }),
                         /* @__PURE__ */ e(Pe, {})
                       ]
                     }
@@ -3236,7 +3241,7 @@ function rn({
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => B("crypto"),
+                        onClick: () => G("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3245,20 +3250,20 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((At = k == null ? void 0 : k.destinationCurrency) != null && At.locked),
+                        disabled: !!((At = D == null ? void 0 : D.destinationCurrency) != null && At.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: W, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: W }),
+                          /* @__PURE__ */ e(Ht, { ticker: _, size: 16, baseUrl: X }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: _ }),
                           /* @__PURE__ */ e(Pe, {})
                         ]
                       }
                     ),
-                    le && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    ce && /* @__PURE__ */ o("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: it(le, j),
-                          alt: le,
+                          src: it(ce, X),
+                          alt: ce,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
@@ -3272,7 +3277,7 @@ function rn({
               ]
             }
           ),
-          we && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: se || (ft ? "Amount should be more than 0" : P ? `Minimum amount is ${Bt} ${te}` : `Minimum amount is ${Ot} ${W}`) }),
+          ge && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: de || (ft ? "Amount should be more than 0" : M ? `Minimum amount is ${Bt} ${ae}` : `Minimum amount is ${Ot} ${_}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -3289,7 +3294,7 @@ function rn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
-                  S && !b ? /* @__PURE__ */ e(K, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  v && !y ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     Wa,
                     {
                       value: z > 0 ? zt : "0",
@@ -3298,11 +3303,11 @@ function rn({
                       style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  P ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                  M ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => B("crypto"),
+                        onClick: () => G("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3311,20 +3316,20 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Rt = k == null ? void 0 : k.destinationCurrency) != null && Rt.locked),
+                        disabled: !!((Rt = D == null ? void 0 : D.destinationCurrency) != null && Rt.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: W, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: W }),
+                          /* @__PURE__ */ e(Ht, { ticker: _, size: 16, baseUrl: X }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: _ }),
                           /* @__PURE__ */ e(Pe, {})
                         ]
                       }
                     ),
-                    le && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    ce && /* @__PURE__ */ o("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: it(le, j),
-                          alt: le,
+                          src: it(ce, X),
+                          alt: ce,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
@@ -3336,7 +3341,7 @@ function rn({
                   ] }) : /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => B("fiat"),
+                      onClick: () => G("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3345,10 +3350,10 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Tt = k == null ? void 0 : k.sourceCurrency) != null && Tt.locked),
+                      disabled: !!((Tt = D == null ? void 0 : D.sourceCurrency) != null && Tt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: te, size: 16, baseUrl: j }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: te }),
+                        /* @__PURE__ */ e(ct, { currencyCode: ae, size: 16, baseUrl: X }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: ae }),
                         /* @__PURE__ */ e(Pe, {})
                       ]
                     }
@@ -3357,7 +3362,7 @@ function rn({
               ]
             }
           ),
-          Be && z > 0 && (w == null ? void 0 : w.bestQuote) && /* @__PURE__ */ o(
+          Be && z > 0 && (N == null ? void 0 : N.bestQuote) && /* @__PURE__ */ o(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -3371,11 +3376,11 @@ function rn({
                   "You will be charged for ",
                   ut,
                   " ",
-                  W,
+                  _,
                   ", the rest up to ",
                   lt(z),
                   " ",
-                  te,
+                  ae,
                   " will be credited to your ",
                   $,
                   " account"
@@ -3389,38 +3394,38 @@ function rn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(kt = l == null ? void 0 : l.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(kt = i == null ? void 0 : i.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: g ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: C ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
             }
           ),
-          (l == null ? void 0 : l.paymentMethods) && l.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
+          (i == null ? void 0 : i.paymentMethods) && i.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
             Pa,
             {
-              methods: l.paymentMethods,
-              selectedId: y.paymentMethodId,
-              onOpenModal: () => B("payment"),
-              fiatCurrency: y.fiatCurrency
+              methods: i.paymentMethods,
+              selectedId: x.paymentMethodId,
+              onOpenModal: () => G("payment"),
+              fiatCurrency: x.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: P ? "Receiving wallet address" : "Sending wallet address" }),
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: M ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: y.walletAddress,
-                onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
-                onFocus: () => Me(!0),
+                value: x.walletAddress,
+                onChange: (g) => k({ type: "SET_WALLET_ADDRESS", address: g.target.value }),
+                onFocus: () => Ee(!0),
                 onBlur: () => {
-                  Me(!1), Ve(!0);
+                  Ee(!1), te(!0);
                 },
-                placeholder: P ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: M ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
                 style: {
-                  border: y.walletError || ee && !tt ? "1px solid #EF4444" : Fe ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: x.walletError || _e && !tt ? "1px solid #EF4444" : ze ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3430,16 +3435,16 @@ function rn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((Lt = k == null ? void 0 : k.destinationAddress) != null && Lt.locked)
+                disabled: !!((Lt = D == null ? void 0 : D.destinationAddress) != null && Lt.locked)
               }
             ),
-            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : ee && !tt && !Ae ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ae && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            x.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: x.walletError }) : _e && !tt && !we ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : we && x.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1", style: { minHeight: 16 } }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Ge || ie || b,
+              disabled: !Ge || le || y,
               onClick: la,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -3447,92 +3452,92 @@ function rn({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Ge && !ie && !b ? 1 : 0.4,
-                cursor: Ge && !ie && !b ? "pointer" : "not-allowed"
+                opacity: Ge && !le && !y ? 1 : 0.4,
+                cursor: Ge && !le && !y ? "pointer" : "not-allowed"
               },
-              children: b ? "Getting best price..." : ie ? "Processing..." : P ? `Buy ${W}` : `Sell ${W}`
+              children: y ? "Getting best price..." : le ? "Processing..." : M ? `Buy ${_}` : `Sell ${_}`
             }
           ),
           /* @__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" }) })
-        ] }, Q),
-        /* @__PURE__ */ e(He, { isOpen: xe === "fiat", onClose: () => B(null), children: (x) => {
-          var N;
+        ] }, K),
+        /* @__PURE__ */ e(He, { isOpen: oe === "fiat", onClose: () => G(null), children: (g) => {
+          var E;
           return /* @__PURE__ */ e(
             Za,
             {
-              onClose: x,
+              onClose: g,
               onSelect: (T) => {
-                ta(T), x();
+                ta(T), g();
               },
-              currencies: (N = l == null ? void 0 : l.fiats) == null ? void 0 : N.map((T) => ({ code: T.code, name: T.code })),
-              assetBaseUrl: j,
-              selectedCode: y.fiatCurrency
+              currencies: (E = i == null ? void 0 : i.fiats) == null ? void 0 : E.map((T) => ({ code: T.code, name: T.code })),
+              assetBaseUrl: X,
+              selectedCode: x.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "crypto", onClose: () => B(null), children: (x) => {
-          var N;
+        /* @__PURE__ */ e(He, { isOpen: oe === "crypto", onClose: () => G(null), children: (g) => {
+          var E;
           return /* @__PURE__ */ e(
             Qa,
             {
-              onClose: x,
-              onSelect: (T, O) => {
-                aa(T, O), x();
+              onClose: g,
+              onSelect: (T, H) => {
+                aa(T, H), g();
               },
-              cryptos: (N = l == null ? void 0 : l.cryptos) == null ? void 0 : N.map((T) => {
-                var O;
+              cryptos: (E = i == null ? void 0 : i.cryptos) == null ? void 0 : E.map((T) => {
+                var H;
                 return {
                   code: T.code,
                   name: T.code,
-                  networks: (O = T.networks) == null ? void 0 : O.map((oe) => ({ code: oe.id, name: oe.name }))
+                  networks: (H = T.networks) == null ? void 0 : H.map((ie) => ({ code: ie.id, name: ie.name }))
                 };
               }),
-              assetBaseUrl: j,
-              selectedCode: y.cryptoCurrency,
-              selectedChain: y.network
+              assetBaseUrl: X,
+              selectedCode: x.cryptoCurrency,
+              selectedChain: x.network
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "payment", onClose: () => B(null), children: (x) => {
-          var N;
+        /* @__PURE__ */ e(He, { isOpen: oe === "payment", onClose: () => G(null), children: (g) => {
+          var E;
           return /* @__PURE__ */ e(
             za,
             {
-              methods: ((N = l == null ? void 0 : l.paymentMethods) == null ? void 0 : N.filter((T) => T.supportedFiats.includes(y.fiatCurrency))) || [],
-              selectedId: y.paymentMethodId,
+              methods: ((E = i == null ? void 0 : i.paymentMethods) == null ? void 0 : E.filter((T) => T.supportedFiats.includes(x.fiatCurrency))) || [],
+              selectedId: x.paymentMethodId,
               onSelect: (T) => {
-                na(T), x();
+                na(T), g();
               },
-              onClose: x
+              onClose: g
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "settings", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(He, { isOpen: oe === "settings", onClose: () => G(null), children: (g) => /* @__PURE__ */ e(
           en,
           {
-            onClose: x,
-            darkMode: re,
-            onToggleDarkMode: Ne,
-            skinId: Ee,
-            onSelectSkin: (N) => {
-              de(N);
+            onClose: g,
+            darkMode: Q,
+            onToggleDarkMode: be,
+            skinId: Ne,
+            onSelectSkin: (E) => {
+              Ue(E);
             },
             showThemeToggle: R,
-            country: y.country,
+            country: x.country,
             countryName: ia,
             onLocationPress: oa,
-            assetBaseUrl: j
+            assetBaseUrl: X
           }
         ) }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "country", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(He, { isOpen: oe === "country", onClose: () => G(null), children: (g) => /* @__PURE__ */ e(
           an,
           {
-            onClose: x,
-            onSelect: (N) => {
-              ra(N), x();
+            onClose: g,
+            onSelect: (E) => {
+              ra(E), g();
             },
-            assetBaseUrl: j,
-            selectedCode: y.country
+            assetBaseUrl: X,
+            selectedCode: x.country
           }
         ) })
       ]
@@ -3544,44 +3549,44 @@ function on({
   apiUrl: a,
   assetBaseUrl: n,
   flowType: r,
-  customerId: i,
+  customerId: l,
   brandId: c,
   defaultFiatCurrency: m,
   defaultCryptoCurrency: s,
-  defaultNetwork: d,
+  defaultNetwork: u,
   defaultFiatAmount: f,
   defaultCryptoAmount: h,
-  defaultWalletAddress: u,
+  defaultWalletAddress: d,
   defaultGateway: p,
-  defaultCountry: g,
+  defaultCountry: C,
   fieldLocks: A,
-  statusPollInterval: E,
+  statusPollInterval: w,
   onComplete: R,
-  onError: H,
-  className: ne,
-  theme: V,
+  onError: P,
+  className: re,
+  theme: j,
   skinId: Z,
   accentColor: q,
   bgColor: $,
-  bgImage: fe,
-  borderColor: y,
-  borderRadius: L,
-  surfaceColor: l,
-  inputBgColor: M,
-  textColor: w,
-  textSecondaryColor: S,
-  textMutedColor: he,
-  successColor: pe,
-  showFlowToggle: ye,
-  showSettings: ie,
-  showThemeToggle: se,
-  autoRedirect: k,
-  explorerUrl: be,
-  doneButtonText: j,
-  supportEmail: re,
-  stablecoinParity: Ne,
-  partnerName: Ee,
-  onDone: de
+  bgImage: he,
+  borderColor: x,
+  borderRadius: k,
+  surfaceColor: i,
+  inputBgColor: I,
+  textColor: N,
+  textSecondaryColor: v,
+  textMutedColor: pe,
+  successColor: ye,
+  showFlowToggle: xe,
+  showSettings: le,
+  showThemeToggle: de,
+  autoRedirect: D,
+  explorerUrl: ee,
+  doneButtonText: X,
+  supportEmail: Q,
+  stablecoinParity: be,
+  partnerName: Ne,
+  onDone: Ue
 }) {
   return /* @__PURE__ */ e(
     Ca,
@@ -3590,47 +3595,47 @@ function on({
       apiUrl: a,
       assetBaseUrl: n,
       flowType: r,
-      customerId: i,
+      customerId: l,
       brandId: c,
       defaultFiatCurrency: m,
       defaultCryptoCurrency: s,
-      defaultNetwork: d,
+      defaultNetwork: u,
       defaultFiatAmount: f,
       defaultCryptoAmount: h,
-      defaultWalletAddress: u,
+      defaultWalletAddress: d,
       defaultGateway: p,
-      defaultCountry: g,
+      defaultCountry: C,
       fieldLocks: A,
-      statusPollInterval: E,
+      statusPollInterval: w,
       onComplete: R,
-      onError: H,
+      onError: P,
       children: /* @__PURE__ */ e(
         rn,
         {
-          className: ne,
-          theme: V,
+          className: re,
+          theme: j,
           skinId: Z,
           accentColor: q,
           bgColor: $,
-          bgImage: fe,
-          borderColor: y,
-          borderRadius: L,
-          surfaceColor: l,
-          inputBgColor: M,
-          textColor: w,
-          textSecondaryColor: S,
-          textMutedColor: he,
-          successColor: pe,
-          showFlowToggle: ye,
-          showSettings: ie,
-          showThemeToggle: se,
-          autoRedirect: k,
-          explorerUrl: be,
-          doneButtonText: j,
-          supportEmail: re,
-          stablecoinParity: Ne,
-          partnerName: Ee,
-          onDone: de
+          bgImage: he,
+          borderColor: x,
+          borderRadius: k,
+          surfaceColor: i,
+          inputBgColor: I,
+          textColor: N,
+          textSecondaryColor: v,
+          textMutedColor: pe,
+          successColor: ye,
+          showFlowToggle: xe,
+          showSettings: le,
+          showThemeToggle: de,
+          autoRedirect: D,
+          explorerUrl: ee,
+          doneButtonText: X,
+          supportEmail: Q,
+          stablecoinParity: be,
+          partnerName: Ne,
+          onDone: Ue
         }
       )
     }
@@ -3648,7 +3653,7 @@ function xn({
   active: a,
   onClick: n,
   darkMode: r,
-  dimmed: i
+  dimmed: l
 }) {
   const c = t.accent === null, m = 32;
   return /* @__PURE__ */ o(
@@ -3656,7 +3661,7 @@ function xn({
     {
       onClick: n,
       className: "relative shrink-0",
-      style: { width: m, height: m, opacity: i ? 0.4 : 1, transition: "opacity 0.2s" },
+      style: { width: m, height: m, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
         c ? /* @__PURE__ */ o("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" }) }),
@@ -3665,7 +3670,7 @@ function xn({
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#ffffff", clipPath: "url(#mono-right)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "none", stroke: r ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)", strokeWidth: "1" })
         ] }) : /* @__PURE__ */ e("svg", { width: m, height: m, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
-        a && !i && /* @__PURE__ */ e(
+        a && !l && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full",
@@ -3708,14 +3713,14 @@ function sn() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(K, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(V, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(K, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(K, { w: 60, h: 12 })
+          /* @__PURE__ */ e(V, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ o("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(K, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(K, { w: 80, h: 14 })
+          /* @__PURE__ */ e(V, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 80, h: 14 })
         ] })
       ]
     },
@@ -3727,15 +3732,15 @@ function gn({
   onSelect: a,
   quotes: n,
   quotesLoading: r,
-  cryptoCurrency: i
+  cryptoCurrency: l
 }) {
-  const [c, m] = v(""), s = Y(() => {
+  const [c, m] = S(""), s = Y(() => {
     if (!(n != null && n.quotes)) return [];
-    const d = c.trim().toLowerCase();
-    return d ? n.quotes.filter((f) => f.gatewayName.toLowerCase().includes(d)) : n.quotes;
+    const u = c.trim().toLowerCase();
+    return u ? n.quotes.filter((f) => f.gatewayName.toLowerCase().includes(u)) : n.quotes;
   }, [n, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3746,12 +3751,12 @@ function gn({
     ),
     /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(sn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((d, f) => {
-        const h = f === 0, u = parseFloat(d.cryptoAmount), p = u >= 1 ? u.toFixed(4) : u.toPrecision(6);
+      r ? /* @__PURE__ */ e(sn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((u, f) => {
+        const h = f === 0, d = parseFloat(u.cryptoAmount), p = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
         return /* @__PURE__ */ o(
           "button",
           {
-            onClick: () => a(d),
+            onClick: () => a(u),
             className: "w-full flex items-center gap-3.5 transition-colors",
             style: {
               borderRadius: h ? 4.5 : 5,
@@ -3762,35 +3767,35 @@ function gn({
               background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(cn, { quote: d }),
+              /* @__PURE__ */ e(cn, { quote: u }),
               /* @__PURE__ */ o("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(ln, { quote: d })
+                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: u.gatewayName }),
+                /* @__PURE__ */ e(ln, { quote: u })
               ] }),
               /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
-                  i,
+                  l,
                   " ",
                   p
                 ] })
               ] })
             ]
           },
-          d.gatewayId
+          u.gatewayId
         );
       }),
-      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((d) => /* @__PURE__ */ o(
+      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((u) => /* @__PURE__ */ o(
         "div",
         {
           className: "flex items-center justify-between py-2 text-[12px]",
           style: { color: "var(--t-text-muted)" },
           children: [
-            /* @__PURE__ */ e("span", { children: d.gatewayName }),
-            /* @__PURE__ */ e("span", { children: d.reason })
+            /* @__PURE__ */ e("span", { children: u.gatewayName }),
+            /* @__PURE__ */ e("span", { children: u.reason })
           ]
         },
-        d.gatewayId
+        u.gatewayId
       )) })
     ] })
   ] });
@@ -3811,7 +3816,7 @@ export {
   Pe as ChevronDown,
   Pt as ChevronRight,
   gn as ChooseRampModal,
-  De as CloseButton,
+  Le as CloseButton,
   pn as CoinifyIcon,
   ja as CompleteStep,
   $a as ConfirmStep,
@@ -3839,7 +3844,7 @@ export {
   Mt as SKINS,
   Ke as SearchInput,
   en as SettingsScreen,
-  K as Skeleton,
+  V as Skeleton,
   xn as SkinSwatch,
   Ja as ToggleSwitch,
   lt as formatOutput,
@@ -3853,7 +3858,7 @@ export {
   Ea as parseAmount,
   ya as useCheckoutIntent,
   pa as useQuotes,
-  Ue as useRamp,
+  ke as useRamp,
   ha as useRampConfig,
   xa as useTransaction
 };