@nowramp/form 0.1.74 → 0.1.77

package/dist/index.js

@@ -9,13 +9,13 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as o, Fragment as J } from "react/jsx-runtime";
-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 de, { useState as v, useRef as O, useCallback as P, useEffect as Y, useMemo as Z, useReducer as ua, useContext as ma, createContext as fa } from "react";
+import { RampApi as ze } from "@nowramp/sdk";
 import { createPortal as Ut } from "react-dom";
 function ha(t, a, n) {
-  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 = O(async () => {
+  const [r, l] = v(null), [c, m] = v(!0), [s, u] = v(null), f = O(null);
+  (!f.current || f.current !== t) && (f.current = new ze({ apiKey: "", ...t }));
+  const h = P(async () => {
     if (!t.projectId) {
       u(new Error("projectId is required")), m(!1);
       return;
@@ -32,37 +32,37 @@ function ha(t, a, n) {
       m(!1);
     }
   }, [t.projectId, a, n]);
-  return W(() => {
+  return Y(() => {
     h();
   }, [h]), { config: r, loading: c, error: s, refetch: h };
 }
 function pa(t, a) {
-  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;
+  const [n, r] = v(null), [l, c] = v(!1), [m, s] = v(null), u = O(null), f = O(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!u.current || f.current !== h) && (u.current = new ze({ apiKey: "", ...t }), f.current = h);
+  const d = O(0);
+  Y(() => {
+    const g = ++d.current;
     if (!a || !t.projectId) {
       r(null), c(!1);
       return;
     }
     c(!0), s(null), u.current.getQuotes(a).then(
       (A) => {
-        d.current === C && (r(A), c(!1));
+        d.current === g && (r(A), c(!1));
       },
       (A) => {
-        d.current === C && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
+        d.current === g && (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 = O(async () => {
+  const p = P(async () => {
     if (!(!a || !t.projectId)) {
       c(!0), s(null);
       try {
-        const C = await u.current.getQuotes(a);
-        r(C);
-      } catch (C) {
-        s(C instanceof Error ? C : new Error("Failed to fetch quotes"));
+        const g = await u.current.getQuotes(a);
+        r(g);
+      } catch (g) {
+        s(g instanceof Error ? g : new Error("Failed to fetch quotes"));
       } finally {
         c(!1);
       }
@@ -71,28 +71,28 @@ function pa(t, a) {
   return { quotes: n, loading: l, error: m, refetch: p };
 }
 function ya(t) {
-  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) => {
+  const [a, n] = v(null), [r, l] = v(!1), [c, m] = v(null), s = O(null), u = O(""), f = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || u.current !== f) && (s.current = new ze({ apiKey: "", ...t }), u.current = f);
+  const h = P(async (p) => {
     l(!0), m(null);
     try {
-      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");
+      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");
       throw m(A), A;
     } finally {
       l(!1);
     }
-  }, []), d = O(() => {
+  }, []), d = P(() => {
     n(null), m(null);
   }, []);
   return { order: a, loading: r, error: c, createOrder: h, reset: d };
 }
 function xa(t, a, n) {
-  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 = O(async () => {
+  const [r, l] = v(null), [c, m] = v(!1), [s, u] = v(null), f = O(null);
+  f.current || (f.current = new ze({ apiKey: "", projectId: "", ...t }));
+  const h = P(async () => {
     if (a) {
       m(!0), u(null);
       try {
@@ -105,7 +105,7 @@ function xa(t, a, n) {
       }
     }
   }, [a]);
-  return W(() => {
+  return Y(() => {
     if (!a) return;
     const d = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (d > 0) {
@@ -113,14 +113,14 @@ function xa(t, a, n) {
       return () => clearTimeout(p);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), W(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), Y(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
     const p = setInterval(h, n.pollInterval);
     return () => clearInterval(p);
   }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: c, error: s, refetch: h };
 }
-const Ye = [
+const Ze = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
   { code: "ae", name: "United Arab Emirates", defaultFiat: "AED" },
   { code: "af", name: "Afghanistan", defaultFiat: "USD" },
@@ -313,7 +313,7 @@ const Ye = [
   { code: "zm", name: "Zambia", defaultFiat: "USD" },
   { code: "zw", name: "Zimbabwe", defaultFiat: "USD" }
 ], st = Object.fromEntries(
-  Ye.map((t) => [t.code, t])
+  Ze.map((t) => [t.code, t])
 );
 function ot(t, a) {
   if (!t) return "USD";
@@ -418,173 +418,177 @@ function Ca({
   defaultCryptoAmount: h = "",
   defaultWalletAddress: d = "",
   defaultGateway: p,
-  defaultCountry: C,
+  defaultCountry: g,
   fieldLocks: A,
-  statusPollInterval: w = 5e3,
+  statusPollInterval: E = 5e3,
   onComplete: R,
-  onError: P,
-  children: re
+  onError: _,
+  children: ae
 }) {
-  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, {
+  const j = Z(() => ({ apiUrl: a, projectId: t }), [a, t]), Q = u || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, y = (q ? !!($ && s && Q) : !!($ && s && Q && d)) && p ? "confirm" : "amount", k = f || (r === "buy" ? "250" : ""), [i, I] = ua(ga, {
     ...Vt,
-    step: x,
+    step: y,
     flowType: r,
     fiatCurrency: m,
     cryptoCurrency: s,
-    network: Z,
+    network: Q,
     fiatAmount: Dt(k, 2),
     cryptoAmount: Dt(h, 6),
     walletAddress: d,
     customerId: l,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...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 (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(() => {
+    ...g ? { country: g.toLowerCase(), countrySource: "manual" } : {}
+  }), b = i.flowType === "sell", {
+    config: S,
+    loading: ge,
+    error: Ce
+  } = ha(j, i.flowType, i.country || void 0), Se = O(!1);
+  de.useEffect(() => {
     var U;
-    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(() => {
+    if (Se.current || !(S != null && S.detectedCountry) || i.country) return;
+    Se.current = !0;
+    const C = S.detectedCountry.toLowerCase();
+    I({ type: "SET_COUNTRY_AUTO", country: C });
+    const w = (U = S.fiats) == null ? void 0 : U.map((D) => D.code), L = ot(C, w);
+    L !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: L });
+  }, [S, i.country, i.fiatCurrency]);
+  const oe = O(!1);
+  de.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)
+    if (oe.current || !g || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
+    oe.current = !0;
+    const C = S.fiats.map((U) => U.code), w = ot(g, C);
+    w !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: w });
+  }, [g, S, i.fiatCurrency]);
+  const me = O(i.country);
+  de.useEffect(() => {
+    var L;
+    if (i.country === me.current || (me.current = i.country, i.countrySource === "manual" && (ie.current = !1), i.countrySource !== "manual") || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
+    const C = S.fiats.map((U) => U.code), w = ot(i.country, C);
+    w !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: w });
+  }, [i.country, i.countrySource, S, i.fiatCurrency]);
+  const M = O(i.fiatCurrency);
+  de.useEffect(() => {
+    var U;
+    if (i.fiatCurrency === M.current || (M.current = i.fiatCurrency, b || !((U = S == null ? void 0 : S.fiats) != null && U.length) || !i.fiatAmount)) return;
+    const C = S.fiats.find((D) => D.code === i.fiatCurrency);
+    if (!(C != null && C.minAmount)) return;
+    const w = parseFloat(i.fiatAmount), L = parseFloat(C.minAmount);
+    !isNaN(w) && !isNaN(L) && w < L && I({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(L)) });
+  }, [i.fiatCurrency, i.fiatAmount, S, b]), de.useEffect(() => {
+    var L, U, D;
+    if (!S || !i.cryptoCurrency || i.network) return;
+    const C = (L = S.cryptos) == null ? void 0 : L.find((F) => F.code === i.cryptoCurrency), w = ((U = C == null ? void 0 : C.networks) == null ? void 0 : U.find((F) => F.isDefault)) || ((D = C == null ? void 0 : C.networks) == null ? void 0 : D[0]);
+    w != null && w.id && I({ type: "SET_NETWORK", network: w.id });
+  }, [S, i.cryptoCurrency, i.network]), de.useEffect(() => {
+    var D, F;
+    if (!((D = S == null ? void 0 : S.paymentMethods) != null && D.length)) return;
+    const C = i.fiatCurrency, w = S.paymentMethods;
+    if (i.paymentMethodId && w.some(
+      (W) => W.id === i.paymentMethodId && W.supportedFiats.includes(C)
     ))
       return;
-    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) {
+    const U = w.find(
+      (B) => B.supportedFiats.includes(C) && (B.id.includes("card") || B.id.includes("debit"))
+    ) || w.find((B) => B.supportedFiats.includes(C));
+    I({ type: "SET_PAYMENT_METHOD", methodId: (U == null ? void 0 : U.id) || ((F = w[0]) == null ? void 0 : F.id) || "" });
+  }, [S, i.fiatCurrency, i.paymentMethodId]);
+  const ee = Z(() => {
+    if (b) {
       if (!i.cryptoAmount) return null;
-      const F = parseFloat(i.cryptoAmount);
-      return isNaN(F) || F <= 0 ? "Enter a valid amount" : null;
+      const D = parseFloat(i.cryptoAmount);
+      return isNaN(D) || D <= 0 ? "Enter a valid amount" : null;
     }
-    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), 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 : {
+    if (!S || !i.fiatAmount) return null;
+    const C = parseFloat(i.fiatAmount);
+    if (isNaN(C)) return null;
+    const w = S.fiats.find((D) => D.code === i.fiatCurrency);
+    if (!w) return null;
+    const L = parseFloat(w.minAmount), U = parseFloat(w.maxAmount);
+    return !isNaN(L) && C < L ? `Minimum amount is ${w.minAmount} ${i.fiatCurrency}` : !isNaN(U) && C > U ? `Maximum amount is ${w.maxAmount} ${i.fiatCurrency}` : null;
+  }, [S, i.fiatAmount, i.fiatCurrency, i.cryptoAmount, b]), G = Z(() => {
+    const C = b ? !!i.cryptoAmount : !!i.fiatAmount;
+    return !S || !C || !i.cryptoCurrency || !i.network || ee || S.detectedCountry && i.countrySource === "" && !g ? null : {
       fiatCurrency: i.fiatCurrency,
-      ...N ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+      ...b ? { 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
     };
-  }, [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: Ue
-  } = pa(j, X), {
-    order: oe,
-    loading: G,
-    error: ge,
+  }, [S, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, i.countrySource, ee, b, i.flowType, g]), {
+    quotes: X,
+    loading: fe,
+    error: he,
+    refetch: Le
+  } = pa(j, G), ie = O(!1);
+  de.useEffect(() => {
+    ie.current || i.countrySource === "auto" && (fe || !G || he || !X || X.bestQuote || i.fiatCurrency !== "USD" && (ie.current = !0, I({ type: "SET_FIAT_CURRENCY", currency: "USD" }), I({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [X, fe, he, G, i.countrySource, i.fiatCurrency]);
+  const {
+    order: H,
+    loading: Ue,
+    error: Ee,
     createOrder: De
-  } = ya(j), _e = 15e3, {
-    status: te,
-    loading: ze
+  } = ya(j), Ke = 15e3, {
+    status: ne,
+    loading: _e
   } = xa(
     { apiUrl: a },
-    (oe == null ? void 0 : oe.orderId) ?? null,
-    { pollInterval: w, initialDelay: _e }
+    (H == null ? void 0 : H.orderId) ?? null,
+    { pollInterval: E, initialDelay: Ke }
   );
-  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}` });
+  de.useEffect(() => {
+    (ne == null ? void 0 : ne.status) === "completed" && R && R(ne);
+  }, [ne == null ? void 0 : ne.status, R]), de.useEffect(() => {
+    const C = Ce || Ee;
+    C && _ && _(C);
+  }, [Ce, Ee, _]);
+  const ve = p || (S == null ? void 0 : S.defaultGateway) || null, Fe = O(ve);
+  Fe.current = ve;
+  const Ve = O(X);
+  Ve.current = X;
+  const le = O(c);
+  le.current = c;
+  const Me = P(async () => {
+    var w, L, U;
+    const C = ((w = i.selectedQuote) == null ? void 0 : w.gatewayId) || ((U = (L = Ve.current) == null ? void 0 : L.bestQuote) == null ? void 0 : U.gatewayId) || Fe.current;
+    if (!C || !i.walletAddress) {
+      const D = [!C && "gateway", !i.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      I({ type: "SET_ERROR", message: `Missing required fields: ${D}` });
       return;
     }
     try {
       await De({
-        gateway: y,
+        gateway: C,
         customerId: i.customerId || void 0,
         fiatCurrency: i.fiatCurrency,
-        ...N ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+        ...b ? { 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 } } : {}
+        ...le.current ? { metadata: { brand: le.current } } : {}
       }), I({ type: "SET_STEP", step: "checkout" });
-    } catch (F) {
-      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 });
+    } catch (D) {
+      const F = D instanceof Error ? D.message : "Failed to create order";
+      /wallet|address/i.test(F) ? I({ type: "SET_WALLET_ERROR", message: F.replace(/^Failed to create checkout intent:\s*/i, "") }) : I({ type: "SET_ERROR", message: F });
     }
-  }, [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;
+  }, [i, De, b]), Je = P((C) => {
+    I({ type: "SET_STEP", step: C });
+  }, []), qe = P(() => {
+    const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], w = C.indexOf(i.step);
+    w > 0 && I({ type: "SET_STEP", step: C[w - 1] });
+  }, [i.step, b]), je = Z(() => {
+    const C = b ? !!i.cryptoAmount : !!i.fiatAmount;
     switch (i.step) {
       case "confirm":
-        return !!(y && i.cryptoCurrency && i.network && i.walletAddress && !ee);
+        return !!(C && i.cryptoCurrency && i.network && i.walletAddress && !ee);
       case "amount":
-        return !!(y && i.cryptoCurrency && i.network && !ee);
+        return !!(C && i.cryptoCurrency && i.network && !ee);
       case "quotes":
         return !!i.selectedQuote;
       case "wallet":
@@ -592,40 +596,40 @@ function Ca({
       default:
         return !1;
     }
-  }, [i, ee, N]), Ve = {
+  }, [i, ee, b]), ce = {
     apiConfig: j,
     assetBaseUrl: n,
-    config: v,
-    configLoading: pe,
-    configError: ye,
+    config: S,
+    configLoading: ge,
+    configError: Ce,
     state: i,
     dispatch: I,
-    quotes: Q,
-    quotesLoading: be,
-    quotesError: Ne,
-    fetchQuotes: Ue,
-    order: oe,
-    orderLoading: G,
-    orderError: ge,
-    createOrder: Ce,
-    orderStatus: te,
-    orderStatusLoading: ze,
+    quotes: X,
+    quotesLoading: fe,
+    quotesError: he,
+    fetchQuotes: Le,
+    order: H,
+    orderLoading: Ue,
+    orderError: Ee,
+    createOrder: Me,
+    orderStatus: ne,
+    orderStatusLoading: _e,
     fieldLocks: A || null,
-    defaultGateway: Ee,
+    defaultGateway: ve,
     amountError: ee,
-    goToStep: Ie,
-    goBack: Je,
-    canProceed: qe
+    goToStep: Je,
+    goBack: qe,
+    canProceed: je
   };
-  return /* @__PURE__ */ e(jt.Provider, { value: Ve, children: re });
+  return /* @__PURE__ */ e(jt.Provider, { value: ce, children: ae });
 }
-function ke() {
+function Te() {
   const t = ma(jt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Oe = {
+const Be = {
   // Canonical IDs (returned by the API — lowercase full names)
   // These cover cases where the canonical ID differs from the legacy uppercase key
   ethereum: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
@@ -980,9 +984,9 @@ const Oe = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], va = Object.fromEntries(
+], Sa = Object.fromEntries(
   Gt.map((t) => [t.code, t.name])
-), Sa = {
+), va = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -1021,14 +1025,14 @@ function $t(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 function ba(t, a = "") {
-  const n = Sa[t] || "us";
+  const n = va[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
-function Ze(t) {
-  return Oe[t] || Oe[t.toLowerCase()] || Oe[t.toUpperCase()] || Oe[t.toUpperCase().replace(/-/g, "_")] || Oe[t.toLowerCase().replace(/-/g, "_")];
+function Qe(t) {
+  return Be[t] || Be[t.toLowerCase()] || Be[t.toUpperCase()] || Be[t.toUpperCase().replace(/-/g, "_")] || Be[t.toLowerCase().replace(/-/g, "_")];
 }
 function it(t, a = "") {
-  const n = Ze(t);
+  const n = Qe(t);
   return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 const Ft = [
@@ -1105,7 +1109,7 @@ function lt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const se = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
+const ue = (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)
@@ -1119,9 +1123,9 @@ function Wt({
   className: r = "",
   background: l
 }) {
-  const [c, m] = S(!1), [s, u] = S(!1), f = B(t);
+  const [c, m] = v(!1), [s, u] = v(!1), f = O(t);
   f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = O(() => m(!0), []), d = O(() => u(!0), []);
+  const h = P(() => m(!0), []), d = P(() => u(!0), []);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1350,7 +1354,7 @@ function pn({ size: t = 18 }) {
     }
   );
 }
-function Pe() {
+function He() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function Pt() {
@@ -1434,7 +1438,7 @@ function Pa({
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const l = Y(
+  const l = Z(
     () => t.filter((m) => m.supportedFiats.includes(r)),
     [t, r]
   ), c = l.find((m) => m.id === a) || l[0];
@@ -1474,7 +1478,7 @@ function Pa({
         /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: c && Zt(c.id, c.icon, 20) }),
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: c ? Yt(c.id, c.name) : "Select" }),
-          /* @__PURE__ */ e(Pe, {})
+          /* @__PURE__ */ e(He, {})
         ] })
       ]
     }
@@ -1486,20 +1490,20 @@ function Ka({
   redirectDelay: n = 3e3
 }) {
   var p;
-  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(() => {
+  const { order: r, orderStatus: l, goToStep: c, goBack: m } = Te(), [s, u] = v(!1), [f, h] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (Y(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !d) {
       h(Math.ceil(n / 1e3));
-      const C = setTimeout(() => {
+      const g = setTimeout(() => {
         window.location.href = r.checkout.url;
       }, n), A = setInterval(() => {
-        h((w) => w && w > 1 ? w - 1 : null);
+        h((E) => E && E > 1 ? E - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(C), clearInterval(A);
+        clearTimeout(g), clearInterval(A);
       };
     }
-  }, [r, a, n, d]), W(() => {
+  }, [r, a, n, d]), Y(() => {
     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(
@@ -1555,7 +1559,7 @@ function Ka({
       }
     );
   if (r.checkout.method === "iframe") {
-    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";
+    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";
     return Ut(
       /* @__PURE__ */ o(
         "div",
@@ -1627,7 +1631,7 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: C,
+                  src: g,
                   style: {
                     display: s ? "block" : "none",
                     width: "100%",
@@ -1703,7 +1707,7 @@ function Ka({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const C = _a(r.checkout.url, r.widgetConfig);
+    const g = _a(r.checkout.url, r.widgetConfig);
     return Ut(
       /* @__PURE__ */ o(
         "div",
@@ -1775,7 +1779,7 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: C,
+                  src: g,
                   style: {
                     display: s ? "block" : "none",
                     width: "100%",
@@ -1828,8 +1832,8 @@ function _a(t, a) {
   return n.toString();
 }
 function Va({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = ke();
-  W(() => {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Te();
+  Y(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
   const l = () => {
@@ -1848,25 +1852,25 @@ function Va({ className: t = "" }) {
     /* @__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(Te, { label: "Order ID", value: a.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Te, { label: "Provider", value: a.gateway }),
+      /* @__PURE__ */ e(Re, { label: "Order ID", value: a.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Re, { label: "Provider", value: a.gateway }),
       /* @__PURE__ */ e(
-        Te,
+        Re,
         {
           label: "Amount",
           value: `${a.fiatAmount} ${a.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Te,
+        Re,
         {
           label: "Receiving",
           value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Te, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(Re, { label: "Network", value: a.network }),
       /* @__PURE__ */ e(
-        Te,
+        Re,
         {
           label: "To Address",
           value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
@@ -1880,7 +1884,7 @@ function Va({ className: t = "" }) {
     ] })
   ] });
 }
-function Te({ label: t, value: a, mono: n }) {
+function Re({ label: t, value: a, mono: n }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1906,7 +1910,7 @@ function ja({
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: l, state: c, dispatch: m } = ke(), s = c.flowType === "sell", u = () => {
+  const { orderStatus: l, state: c, dispatch: m } = Te(), s = c.flowType === "sell", u = () => {
     if (!(l != null && l.transactionHash)) return null;
     if (!a) {
       const d = {
@@ -1939,7 +1943,7 @@ function ja({
     /* @__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(
-        fe,
+        ye,
         {
           label: s ? "Amount Sold" : "Amount Received",
           value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
@@ -1947,15 +1951,15 @@ function ja({
         }
       ),
       /* @__PURE__ */ e(
-        fe,
+        ye,
         {
           label: s ? "Payout Amount" : "Amount Paid",
           value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(fe, { label: "Network", value: l.network }),
+      /* @__PURE__ */ e(ye, { label: "Network", value: l.network }),
       /* @__PURE__ */ e(
-        fe,
+        ye,
         {
           label: "Wallet",
           value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
@@ -1963,17 +1967,17 @@ function ja({
         }
       ),
       l.transactionHash && /* @__PURE__ */ e(
-        fe,
+        ye,
         {
           label: "Transaction",
           value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(fe, { label: "Provider", value: l.gateway }),
-      /* @__PURE__ */ e(fe, { label: "Order ID", value: l.orderId, mono: !0 }),
+      /* @__PURE__ */ e(ye, { label: "Provider", value: l.gateway }),
+      /* @__PURE__ */ e(ye, { label: "Order ID", value: l.orderId, mono: !0 }),
       l.completedAt && /* @__PURE__ */ e(
-        fe,
+        ye,
         {
           label: "Completed",
           value: new Date(l.completedAt).toLocaleString()
@@ -2004,7 +2008,7 @@ function ja({
     ] })
   ] });
 }
-function fe({ label: t, value: a, mono: n, highlight: r }) {
+function ye({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2029,7 +2033,7 @@ function Ga({
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: l, dispatch: c, goToStep: m } = ke(), s = r.flowType === "sell", u = () => {
+  const { state: r, orderStatus: l, dispatch: c, goToStep: m } = Te(), s = r.flowType === "sell", u = () => {
     if (l)
       switch (l.status) {
         case "failed":
@@ -2135,13 +2139,13 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
     fetchQuotes: u,
     createOrder: f,
     orderLoading: h
-  } = 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);
+  } = Te(), d = 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, _ = !!(a && n && !d && Xt(c.cryptoCurrency) && E), ae = _ && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), j = _ && R > 0 ? lt(ae ? R : R / E) : null, Q = async () => {
+    g(null);
     try {
       u(), await f();
     } catch ($) {
-      const he = $ instanceof Error ? $.message : "Failed to create order";
-      C(he);
+      const xe = $ instanceof Error ? $.message : "Failed to create order";
+      g(xe);
     }
   };
   return l ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
@@ -2158,19 +2162,19 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         ] })
       ] }),
       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__ */ e(Ne, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ne, { label: "You receive", value: `${c.fiatCurrency} payout` })
       ] }) : /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(Se, { label: "You pay", value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ne, { label: "You pay", value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          Se,
+          Ne,
           {
             label: "You receive",
             value: j ? `${j} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
           }
         ),
-        /* @__PURE__ */ e(Se, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
-        P && j && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        /* @__PURE__ */ e(Ne, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
+        _ && 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 ",
           j,
           " ",
@@ -2180,8 +2184,8 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(Se, { label: "Network", value: c.network }),
-      d && c.walletAddress && /* @__PURE__ */ e(Se, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(Ne, { label: "Network", value: c.network }),
+      d && c.walletAddress && /* @__PURE__ */ e(Ne, { 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(
@@ -2190,7 +2194,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
         style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
-        onClick: Z,
+        onClick: Q,
         children: h ? /* @__PURE__ */ o(J, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
@@ -2199,7 +2203,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
     )
   ] });
 }
-function Se({ label: t, value: a, mono: n, highlight: r }) {
+function Ne({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__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: t }),
     /* @__PURE__ */ e(
@@ -2212,13 +2216,13 @@ function Se({ label: t, value: a, mono: n, highlight: r }) {
     )
   ] });
 }
-function He({
+function Oe({
   isOpen: t,
   onClose: a,
   children: n
 }) {
-  const [r, l] = S(!1), [c, m] = S(!1);
-  W(() => {
+  const [r, l] = v(!1), [c, m] = v(!1);
+  Y(() => {
     if (t)
       l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (r) {
@@ -2227,10 +2231,10 @@ function He({
       return () => clearTimeout(u);
     }
   }, [t]);
-  const s = O(() => {
+  const s = P(() => {
     m(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return W(() => {
+  return Y(() => {
     if (!t) return;
     const u = (f) => {
       f.key === "Escape" && s();
@@ -2300,7 +2304,7 @@ function Ya() {
     /* @__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 Le({ onClick: t }) {
+function ke({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2313,12 +2317,12 @@ function Le({ onClick: t }) {
     }
   );
 }
-function Ke({
+function Pe({
   value: t,
   onChange: a,
   placeholder: n = ""
 }) {
-  const [r, l] = S(!1);
+  const [r, l] = v(!1);
   return /* @__PURE__ */ o("div", { className: "relative mx-5 mb-5", children: [
     /* @__PURE__ */ e(
       "input",
@@ -2351,14 +2355,14 @@ function Za({
   assetBaseUrl: r = "",
   selectedCode: l
 }) {
-  const [c, m] = S(""), s = Y(() => {
+  const [c, m] = v(""), s = Z(() => {
     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]), u = Y(() => {
+  }, [n]), u = Z(() => {
     const f = c.trim().toLowerCase();
     if (!f) {
       if (l) {
@@ -2375,7 +2379,7 @@ function Za({
     );
   }, [s, c, l]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2390,7 +2394,7 @@ function Za({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
+    /* @__PURE__ */ e(Pe, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       u.map((f, h) => {
         const d = f.name !== f.code ? f.name : "", p = l === f.code;
@@ -2433,9 +2437,9 @@ function Za({
   ] });
 }
 function _t({ src: t, alt: a, size: n, className: r, style: l }) {
-  const [c, m] = S(!1), [s, u] = S(!1), f = B(t);
+  const [c, m] = v(!1), [s, u] = v(!1), f = O(t);
   f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = O(() => m(!0), []), d = O(() => u(!0), []);
+  const h = P(() => m(!0), []), d = P(() => u(!0), []);
   return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: n, height: n, position: "relative" }, children: [
     !c && !s && /* @__PURE__ */ e(
       "div",
@@ -2467,50 +2471,50 @@ function _t({ src: t, alt: a, size: n, className: r, style: l }) {
   ] });
 }
 function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: l, selectedChain: c }) {
-  const [m, s] = S(""), u = Y(() => {
+  const [m, s] = v(""), u = Z(() => {
     if (!n || n.length === 0) return wa;
     const d = [];
     for (const p of n) {
-      const C = p.networks || [], A = p.name || va[p.code] || p.code;
-      if (C.length === 0)
+      const g = p.networks || [], A = p.name || Sa[p.code] || p.code;
+      if (g.length === 0)
         d.push({ code: p.code, name: A, chain: p.code, popular: !1 });
       else
-        for (const w of C) {
-          const R = w.code || w.id || w.name || p.code;
+        for (const E of g) {
+          const R = E.code || E.id || E.name || p.code;
           d.push({
             code: p.code,
             name: A,
             chain: R,
-            chainName: w.name,
+            chainName: E.name,
             popular: !1
           });
         }
     }
     return d;
-  }, [n]), f = O((d, p) => l === d && c === p, [l, c]), h = Y(() => {
+  }, [n]), f = P((d, p) => l === d && c === p, [l, c]), h = Z(() => {
     var A;
     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];
+        const E = u.find((R) => R.code === l && R.chain === c);
+        if (E) {
+          const R = u.filter((_) => !(_.code === l && _.chain === c));
+          return [E, ...R];
         }
       }
       return u;
     }
-    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];
+    const p = d.split(/\s+/), g = [];
+    for (const E of u) {
+      const R = Qe(E.chain), _ = R ? R.name.toLowerCase() : "", ae = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", j = E.chain.toLowerCase(), Q = E.code.toLowerCase(), q = E.name.toLowerCase(), $ = [Q, q, _, ae, 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 });
+      let y = 0;
+      Q === d ? y += 100 : Q.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (_.includes(p[1]) || ae.includes(p[1]) || j.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
     }
-    return C.sort((w, R) => R.score - w.score), C.map((w) => w.item);
+    return g.sort((E, R) => R.score - E.score), g.map((E) => E.item);
   }, [u, m, l, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2519,10 +2523,10 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: m, onChange: s }),
+    /* @__PURE__ */ e(Pe, { value: m, onChange: s }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       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);
+        const g = Qe(d.chain), A = (g == null ? void 0 : g.name) || d.chainName || d.chain, E = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2578,12 +2582,12 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: d.code
                     }
                   ),
-                  w && /* @__PURE__ */ e(
+                  E && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: w
+                      children: E
                     }
                   )
                 ] }) }),
@@ -2616,7 +2620,7 @@ function za({
   onSelect: n,
   onClose: r
 }) {
-  const [l, c] = S(""), m = Y(() => {
+  const [l, c] = v(""), m = Z(() => {
     const s = l.trim().toLowerCase();
     if (!s) {
       if (a) {
@@ -2633,7 +2637,7 @@ function za({
     );
   }, [t, l, a]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: r }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2642,7 +2646,7 @@ function za({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: l, onChange: c }),
+    /* @__PURE__ */ e(Pe, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((s, u) => {
         const f = s.id === a, h = Yt(s.id, s.name);
@@ -2746,9 +2750,9 @@ function en({
   onLocationPress: u,
   assetBaseUrl: f = ""
 }) {
-  const [h, d] = S(!1);
+  const [h, d] = v(!1);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
       u && /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o(
@@ -2853,24 +2857,24 @@ function an({
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [l, c] = S(""), m = Y(() => {
+  const [l, c] = v(""), m = Z(() => {
     const s = l.trim().toLowerCase();
     if (!s) {
       if (r) {
         const u = r.toLowerCase(), f = st[u];
         if (f) {
-          const h = Ye.filter((d) => d.code !== u);
+          const h = Ze.filter((d) => d.code !== u);
           return [f, ...h];
         }
       }
-      return Ye;
+      return Ze;
     }
-    return Ye.filter(
+    return Ze.filter(
       (u) => u.name.toLowerCase().includes(s) || u.code.includes(s) || u.defaultFiat.toLowerCase().includes(s)
     );
   }, [l, r]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2885,7 +2889,7 @@ function an({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: l, onChange: c }),
+    /* @__PURE__ */ e(Pe, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((s, u) => {
         const f = (r == null ? void 0 : r.toLowerCase()) === s.code;
@@ -2928,7 +2932,7 @@ function an({
   ] });
 }
 function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
-  const [r, l] = S(!1);
+  const [r, l] = v(!1);
   return r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2971,188 +2975,188 @@ function rn({
   textColor: h,
   textSecondaryColor: d,
   textMutedColor: p,
-  successColor: C,
+  successColor: g,
   showFlowToggle: A = !0,
-  showSettings: w = !0,
+  showSettings: E = !0,
   showThemeToggle: R = !0,
-  autoRedirect: P = !1,
-  explorerUrl: re,
+  autoRedirect: _ = !1,
+  explorerUrl: ae,
   doneButtonText: j = "Done",
-  supportEmail: Z,
+  supportEmail: Q,
   stablecoinParity: q,
   partnerName: $,
-  onDone: he
+  onDone: xe
 }) {
   var bt, Nt, Et, wt, At, Rt, Tt, kt, Lt;
   const {
-    state: x,
+    state: y,
     dispatch: k,
     config: i,
     configLoading: I,
-    quotes: N,
-    quotesLoading: v,
-    quotesError: pe,
-    fetchQuotes: ye,
-    createOrder: xe,
-    orderLoading: le,
-    amountError: de,
-    fieldLocks: D,
+    quotes: b,
+    quotesLoading: S,
+    quotesError: ge,
+    fetchQuotes: Ce,
+    createOrder: Se,
+    orderLoading: oe,
+    amountError: me,
+    fieldLocks: M,
     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);
+    assetBaseUrl: G
+  } = Te(), [X, fe] = v(a === "dark"), [he, Le] = v(n), [ie, H] = v(null), [Ue, Ee] = v(!1), [De, Ke] = v(!1), [ne, _e] = v(!1), [ve, Fe] = v(!1), [Ve, le] = v(null), [Me, Je] = v(!0), [qe, je] = v(!1), [ce, C] = v(!1), w = O(null), L = O(), U = O(y.flowType);
+  Y(() => {
+    fe(a === "dark");
+  }, [a]), Y(() => {
+    const x = setTimeout(() => Je(!1), I ? 0 : 800);
+    return () => clearTimeout(x);
+  }, [I]), Y(() => {
+    if (U.current !== y.flowType && !Me) {
+      U.current = y.flowType, je(!0), Ee(!1), Ke(!1);
+      const x = setTimeout(() => je(!1), 350);
+      return () => clearTimeout(x);
     }
-    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 (N != null && N.bestQuote) {
-      const g = M ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
-      if (g) return g;
+    U.current = y.flowType;
+  }, [y.flowType, Me]);
+  const D = y.flowType, F = D === "buy", B = y.cryptoCurrency || "BTC", W = y.fiatCurrency || "USD", et = F ? y.fiatAmount : y.cryptoAmount, z = Ea(et), pe = (bt = b == null ? void 0 : b.bestQuote) != null && bt.exchangeRate ? parseFloat(b.bestQuote.exchangeRate) : null, Ge = O(null);
+  pe && B && W && (Ge.current = { rate: pe, crypto: B, fiat: W });
+  const ut = Z(() => {
+    if (b != null && b.bestQuote) {
+      const x = F ? b.bestQuote.cryptoAmount : b.bestQuote.fiatAmount;
+      if (x) return x;
     }
     return "0";
-  }, [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: "" });
+  }, [b, F]), Ie = !!(q && $ && F && Xt(B) && pe), Qt = Ie && B.toUpperCase().includes(W.toUpperCase()), mt = Ie && z > 0 ? lt(Qt ? z : z / pe) : null, zt = Ie && mt ? mt : ut, Jt = Z(() => {
+    var K, re, Ae;
+    const x = pe || ((K = Ge.current) == null ? void 0 : K.rate), N = pe ? B : (re = Ge.current) == null ? void 0 : re.crypto, T = pe ? W : (Ae = Ge.current) == null ? void 0 : Ae.fiat;
+    return !x || !N || !T ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${T}`;
+  }, [B, W, pe]);
+  Y(() => {
+    const x = y.walletAddress.trim(), N = y.network;
+    if (!x || x.length < 10) {
+      le(null), k({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Fe(!0), Ce(null);
+    Fe(!0), le(null);
     const T = new AbortController();
     return clearTimeout(L.current), L.current = setTimeout(async () => {
-      var H, ie, Re;
+      var K, re, Ae;
       try {
         const nt = await (await fetch(`${ee.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: g, ...E ? { network: E } : {} }),
+          body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
           signal: T.signal
-        })).json(), rt = ((H = nt.data) == null ? void 0 : H.attributes) || nt.data || nt;
+        })).json(), rt = ((K = nt.data) == null ? void 0 : K.attributes) || nt.data || nt;
         if (rt.isValid)
-          Ce(!0), k({ type: "SET_WALLET_ERROR", message: "" });
+          le(!0), k({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          Ce(!1);
-          const da = ((ie = rt.errors) == null ? void 0 : ie[0]) || ((Re = rt.details) == null ? void 0 : Re.formatMessage) || "Invalid wallet address";
+          le(!1);
+          const da = ((re = rt.errors) == null ? void 0 : re[0]) || ((Ae = rt.details) == null ? void 0 : Ae.formatMessage) || "Invalid wallet address";
           k({ type: "SET_WALLET_ERROR", message: da });
         }
       } catch (at) {
         if (at instanceof DOMException && at.name === "AbortError") return;
-        Ce(null);
+        le(null);
       } finally {
         T.signal.aborted || Fe(!1);
       }
     }, 500), () => {
       clearTimeout(L.current), T.abort();
     };
-  }, [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 });
+  }, [y.walletAddress, y.network, ee.apiUrl]);
+  const ft = !et || z === 0, ht = z > 0 && (F ? z < Bt : z < Ot), pt = !!me || ht || Ue && ft, qt = z > 0 && !me && !ht, tt = y.walletAddress.trim().length >= 10 && Ve !== !1 && !ve, $e = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
+    let N = x.target.value.replace(/[^0-9.,]/g, "");
+    const T = F ? 2 : 6, K = N.indexOf(".");
+    K !== -1 && N.length - K - 1 > T && (N = N.slice(0, K + T + 1)), k(F ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
+  }, yt = (x) => {
+    x !== D && k({ type: "SET_FLOW_TYPE", flowType: x });
+  }, ta = P(
+    (x) => {
+      k({ type: "SET_FIAT_CURRENCY", currency: x });
     },
     [k]
-  ), aa = O(
-    (g, E) => {
-      k({ type: "SET_CRYPTO_CURRENCY", currency: g }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
+  ), aa = P(
+    (x, N) => {
+      k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: N });
     },
     [k]
-  ), na = O(
-    (g) => {
-      k({ type: "SET_PAYMENT_METHOD", methodId: g });
+  ), na = P(
+    (x) => {
+      k({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
     [k]
-  ), ra = O(
-    (g) => {
-      k({ type: "SET_COUNTRY", country: g }), G(null);
+  ), ra = P(
+    (x) => {
+      k({ type: "SET_COUNTRY", country: x }), H(null);
     },
     [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());
+  ), oa = P(() => {
+    H(null), setTimeout(() => H("country"), 280);
+  }, []), ia = y.country ? (Nt = st[y.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
+    $e && (C(!0), Ce());
   };
-  W(() => {
-    var g;
-    if (!(!y || v)) {
-      if (N != null && N.bestQuote)
-        b(!1), k({ type: "SELECT_QUOTE", quote: N.bestQuote }), xe().catch(() => {
+  Y(() => {
+    var x;
+    if (!(!ce || S)) {
+      if (b != null && b.bestQuote)
+        C(!1), k({ type: "SELECT_QUOTE", quote: b.bestQuote }), Se().catch(() => {
         });
-      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";
+      else if (ge)
+        C(!1), k({ type: "SET_ERROR", message: ge.message || "No quotes available" });
+      else if (b && !b.bestQuote) {
+        C(!1);
+        const N = (x = b.unavailableGateways) == null ? void 0 : x.map((K) => K.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
         k({ type: "SET_ERROR", message: T });
       }
     }
-  }, [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";
+  }, [ce, b, S, ge, k, Se]);
+  const xt = X ? "theme-dark" : "theme-light", Xe = Mt.find((x) => x.id === he) || Mt[0], ca = Xe.accent === null, sa = r ? ue(r) : !1, gt = (x) => {
+    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), K = parseInt(N.substring(2, 4), 16), re = parseInt(N.substring(4, 6), 16);
+    return (0.299 * T + 0.587 * K + 0.114 * re) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Ct = sa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": gt(r) } : ca ? {
-    "--t-accent": Q ? "#ffffff" : "#111111",
-    "--t-cta-bg": Q ? "#ffffff" : "#111111",
-    "--t-cta-text": Q ? "#000000" : "#ffffff"
+    "--t-accent": X ? "#ffffff" : "#111111",
+    "--t-cta-bg": X ? "#ffffff" : "#111111",
+    "--t-cta-text": X ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": $e.accent,
-    "--t-cta-bg": $e.accent,
-    "--t-cta-text": gt($e.accent)
-  }, 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)
+    "--t-accent": Xe.accent,
+    "--t-cta-bg": Xe.accent,
+    "--t-cta-text": gt(Xe.accent)
+  }, te = {};
+  u && ue(u) && (te["--t-surface"] = u, te["--t-modal-bg"] = u), f && ue(f) && (te["--t-pill-bg"] = f, te["--t-close-bg"] = f), h && ue(h) && (te["--t-text"] = h), d && ue(d) && (te["--t-text-secondary"] = d), p && ue(p) && (te["--t-text-muted"] = p, te["--t-text-tertiary"] = p), g && ue(g) && (te["--t-success"] = g);
+  const be = {};
+  l && ue(l) ? be.backgroundColor = l : be.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (be.backgroundImage = `url(${c})`, be.backgroundSize = "cover", be.backgroundPosition = "center");
+  const We = X ? "#ffffff" : "#111111", Ye = {};
+  m && ue(m) && (Ye.border = `1px solid ${m}`), s && (Ye.borderRadius = s);
+  const St = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: _ }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ae, doneButtonText: j, onDone: xe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Q }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Ie, partnerName: $ }) : null;
+  if (St)
     return /* @__PURE__ */ e(
       "div",
       {
         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",
-          ...ve,
+          ...be,
           ...Ct,
-          ...ne,
-          ...We
+          ...te,
+          ...Ye
         },
-        children: vt
+        children: St
       }
     );
-  const ce = x.network, Ae = ce ? Ze(ce) : null, St = (Ae == null ? void 0 : Ae.shortName) || (Ae == null ? void 0 : Ae.name) || ce;
+  const se = y.network, we = se ? Qe(se) : null, vt = (we == null ? void 0 : we.shortName) || (we == null ? void 0 : we.name) || se;
   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",
-        ...ve,
+        ...be,
         ...Ct,
-        ...ne,
-        ...We
+        ...te,
+        ...Ye
       },
       children: [
-        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") }) }),
+        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => H("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(
@@ -3160,7 +3164,7 @@ function rn({
               {
                 onClick: () => yt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: K === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: D === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
@@ -3169,7 +3173,7 @@ function rn({
               {
                 onClick: () => yt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: K === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: D === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
@@ -3182,14 +3186,14 @@ function rn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: K === "buy" ? "0%" : "50%",
+                  left: D === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        Ie || qe || I ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        Me || 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",
             {
@@ -3197,7 +3201,7 @@ function rn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: ge && pt ? "1px solid #EF4444" : "1px solid transparent",
+                border: Ue && pt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -3206,22 +3210,22 @@ function rn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: U,
+                      ref: w,
                       type: "text",
                       value: et,
                       onChange: ea,
-                      onBlur: () => De(!0),
-                      placeholder: M ? "250" : "0.01",
+                      onBlur: () => Ee(!0),
+                      placeholder: F ? "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 = D == null ? void 0 : D.sourceAmount) != null && Et.locked)
+                      disabled: !!((Et = M == null ? void 0 : M.sourceAmount) != null && Et.locked)
                     }
                   ),
-                  M ? /* @__PURE__ */ o(
+                  F ? /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => G("fiat"),
+                      onClick: () => H("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3230,18 +3234,18 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((wt = D == null ? void 0 : D.sourceCurrency) != null && wt.locked),
+                      disabled: !!((wt = M == null ? void 0 : M.sourceCurrency) != null && wt.locked),
                       children: [
-                        /* @__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, {})
+                        /* @__PURE__ */ e(ct, { currencyCode: W, size: 16, baseUrl: G }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: W }),
+                        /* @__PURE__ */ e(He, {})
                       ]
                     }
                   ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => G("crypto"),
+                        onClick: () => H("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3250,34 +3254,34 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((At = D == null ? void 0 : D.destinationCurrency) != null && At.locked),
+                        disabled: !!((At = M == null ? void 0 : M.destinationCurrency) != null && At.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: _, size: 16, baseUrl: X }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: _ }),
-                          /* @__PURE__ */ e(Pe, {})
+                          /* @__PURE__ */ e(Ht, { ticker: B, size: 16, baseUrl: G }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: B }),
+                          /* @__PURE__ */ e(He, {})
                         ]
                       }
                     ),
-                    ce && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    se && /* @__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(ce, X),
-                          alt: ce,
+                          src: it(se, G),
+                          alt: se,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: St })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt })
                     ] })
                   ] })
                 ] })
               ]
             }
           ),
-          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} ${_}`) }),
+          Ue && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: me || (ft ? "Amount should be more than 0" : F ? `Minimum amount is ${Bt} ${W}` : `Minimum amount is ${Ot} ${B}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -3294,7 +3298,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: [
-                  v && !y ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  S && !ce ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     Wa,
                     {
                       value: z > 0 ? zt : "0",
@@ -3303,11 +3307,11 @@ function rn({
                       style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  M ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                  F ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => G("crypto"),
+                        onClick: () => H("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3316,32 +3320,32 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Rt = D == null ? void 0 : D.destinationCurrency) != null && Rt.locked),
+                        disabled: !!((Rt = M == null ? void 0 : M.destinationCurrency) != null && Rt.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: _, size: 16, baseUrl: X }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: _ }),
-                          /* @__PURE__ */ e(Pe, {})
+                          /* @__PURE__ */ e(Ht, { ticker: B, size: 16, baseUrl: G }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: B }),
+                          /* @__PURE__ */ e(He, {})
                         ]
                       }
                     ),
-                    ce && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    se && /* @__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(ce, X),
-                          alt: ce,
+                          src: it(se, G),
+                          alt: se,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: St })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt })
                     ] })
                   ] }) : /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => G("fiat"),
+                      onClick: () => H("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3350,11 +3354,11 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Tt = D == null ? void 0 : D.sourceCurrency) != null && Tt.locked),
+                      disabled: !!((Tt = M == null ? void 0 : M.sourceCurrency) != null && Tt.locked),
                       children: [
-                        /* @__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, {})
+                        /* @__PURE__ */ e(ct, { currencyCode: W, size: 16, baseUrl: G }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: W }),
+                        /* @__PURE__ */ e(He, {})
                       ]
                     }
                   )
@@ -3362,7 +3366,7 @@ function rn({
               ]
             }
           ),
-          Be && z > 0 && (N == null ? void 0 : N.bestQuote) && /* @__PURE__ */ o(
+          Ie && z > 0 && (b == null ? void 0 : b.bestQuote) && /* @__PURE__ */ o(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -3376,11 +3380,11 @@ function rn({
                   "You will be charged for ",
                   ut,
                   " ",
-                  _,
+                  B,
                   ", the rest up to ",
                   lt(z),
                   " ",
-                  ae,
+                  W,
                   " will be credited to your ",
                   $,
                   " account"
@@ -3396,36 +3400,36 @@ function rn({
                 background: "var(--t-surface)",
                 ...(kt = i == null ? void 0 : i.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: C ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: g ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
             }
           ),
           (i == null ? void 0 : i.paymentMethods) && i.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
             Pa,
             {
               methods: i.paymentMethods,
-              selectedId: x.paymentMethodId,
-              onOpenModal: () => G("payment"),
-              fiatCurrency: x.fiatCurrency
+              selectedId: y.paymentMethodId,
+              onOpenModal: () => H("payment"),
+              fiatCurrency: y.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__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("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: F ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: x.walletAddress,
-                onChange: (g) => k({ type: "SET_WALLET_ADDRESS", address: g.target.value }),
-                onFocus: () => Ee(!0),
+                value: y.walletAddress,
+                onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
+                onFocus: () => _e(!0),
                 onBlur: () => {
-                  Ee(!1), te(!0);
+                  _e(!1), Ke(!0);
                 },
-                placeholder: M ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: F ? "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: x.walletError || _e && !tt ? "1px solid #EF4444" : ze ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: y.walletError || De && !tt ? "1px solid #EF4444" : ne ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3435,16 +3439,16 @@ function rn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((Lt = D == null ? void 0 : D.destinationAddress) != null && Lt.locked)
+                disabled: !!((Lt = M == null ? void 0 : M.destinationAddress) != null && Lt.locked)
               }
             ),
-            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
+            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : De && !tt && !ve ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ve && y.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 || le || y,
+              disabled: !$e || oe || ce,
               onClick: la,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -3452,92 +3456,92 @@ function rn({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Ge && !le && !y ? 1 : 0.4,
-                cursor: Ge && !le && !y ? "pointer" : "not-allowed"
+                opacity: $e && !oe && !ce ? 1 : 0.4,
+                cursor: $e && !oe && !ce ? "pointer" : "not-allowed"
               },
-              children: y ? "Getting best price..." : le ? "Processing..." : M ? `Buy ${_}` : `Sell ${_}`
+              children: ce ? "Getting best price..." : oe ? "Processing..." : F ? `Buy ${B}` : `Sell ${B}`
             }
           ),
           /* @__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" }) })
-        ] }, K),
-        /* @__PURE__ */ e(He, { isOpen: oe === "fiat", onClose: () => G(null), children: (g) => {
-          var E;
+        ] }, D),
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "fiat", onClose: () => H(null), children: (x) => {
+          var N;
           return /* @__PURE__ */ e(
             Za,
             {
-              onClose: g,
+              onClose: x,
               onSelect: (T) => {
-                ta(T), g();
+                ta(T), x();
               },
-              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
+              currencies: (N = i == null ? void 0 : i.fiats) == null ? void 0 : N.map((T) => ({ code: T.code, name: T.code })),
+              assetBaseUrl: G,
+              selectedCode: y.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: oe === "crypto", onClose: () => G(null), children: (g) => {
-          var E;
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "crypto", onClose: () => H(null), children: (x) => {
+          var N;
           return /* @__PURE__ */ e(
             Qa,
             {
-              onClose: g,
-              onSelect: (T, H) => {
-                aa(T, H), g();
+              onClose: x,
+              onSelect: (T, K) => {
+                aa(T, K), x();
               },
-              cryptos: (E = i == null ? void 0 : i.cryptos) == null ? void 0 : E.map((T) => {
-                var H;
+              cryptos: (N = i == null ? void 0 : i.cryptos) == null ? void 0 : N.map((T) => {
+                var K;
                 return {
                   code: T.code,
                   name: T.code,
-                  networks: (H = T.networks) == null ? void 0 : H.map((ie) => ({ code: ie.id, name: ie.name }))
+                  networks: (K = T.networks) == null ? void 0 : K.map((re) => ({ code: re.id, name: re.name }))
                 };
               }),
-              assetBaseUrl: X,
-              selectedCode: x.cryptoCurrency,
-              selectedChain: x.network
+              assetBaseUrl: G,
+              selectedCode: y.cryptoCurrency,
+              selectedChain: y.network
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: oe === "payment", onClose: () => G(null), children: (g) => {
-          var E;
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "payment", onClose: () => H(null), children: (x) => {
+          var N;
           return /* @__PURE__ */ e(
             za,
             {
-              methods: ((E = i == null ? void 0 : i.paymentMethods) == null ? void 0 : E.filter((T) => T.supportedFiats.includes(x.fiatCurrency))) || [],
-              selectedId: x.paymentMethodId,
+              methods: ((N = i == null ? void 0 : i.paymentMethods) == null ? void 0 : N.filter((T) => T.supportedFiats.includes(y.fiatCurrency))) || [],
+              selectedId: y.paymentMethodId,
               onSelect: (T) => {
-                na(T), g();
+                na(T), x();
               },
-              onClose: g
+              onClose: x
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: oe === "settings", onClose: () => G(null), children: (g) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "settings", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
           en,
           {
-            onClose: g,
-            darkMode: Q,
-            onToggleDarkMode: be,
-            skinId: Ne,
-            onSelectSkin: (E) => {
-              Ue(E);
+            onClose: x,
+            darkMode: X,
+            onToggleDarkMode: fe,
+            skinId: he,
+            onSelectSkin: (N) => {
+              Le(N);
             },
             showThemeToggle: R,
-            country: x.country,
+            country: y.country,
             countryName: ia,
             onLocationPress: oa,
-            assetBaseUrl: X
+            assetBaseUrl: G
           }
         ) }),
-        /* @__PURE__ */ e(He, { isOpen: oe === "country", onClose: () => G(null), children: (g) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "country", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
           an,
           {
-            onClose: g,
-            onSelect: (E) => {
-              ra(E), g();
+            onClose: x,
+            onSelect: (N) => {
+              ra(N), x();
             },
-            assetBaseUrl: X,
-            selectedCode: x.country
+            assetBaseUrl: G,
+            selectedCode: y.country
           }
         ) })
       ]
@@ -3558,35 +3562,35 @@ function on({
   defaultCryptoAmount: h,
   defaultWalletAddress: d,
   defaultGateway: p,
-  defaultCountry: C,
+  defaultCountry: g,
   fieldLocks: A,
-  statusPollInterval: w,
+  statusPollInterval: E,
   onComplete: R,
-  onError: P,
-  className: re,
+  onError: _,
+  className: ae,
   theme: j,
-  skinId: Z,
+  skinId: Q,
   accentColor: q,
   bgColor: $,
-  bgImage: he,
-  borderColor: x,
+  bgImage: xe,
+  borderColor: y,
   borderRadius: k,
   surfaceColor: i,
   inputBgColor: I,
-  textColor: N,
-  textSecondaryColor: v,
-  textMutedColor: pe,
-  successColor: ye,
-  showFlowToggle: xe,
-  showSettings: le,
-  showThemeToggle: de,
-  autoRedirect: D,
+  textColor: b,
+  textSecondaryColor: S,
+  textMutedColor: ge,
+  successColor: Ce,
+  showFlowToggle: Se,
+  showSettings: oe,
+  showThemeToggle: me,
+  autoRedirect: M,
   explorerUrl: ee,
-  doneButtonText: X,
-  supportEmail: Q,
-  stablecoinParity: be,
-  partnerName: Ne,
-  onDone: Ue
+  doneButtonText: G,
+  supportEmail: X,
+  stablecoinParity: fe,
+  partnerName: he,
+  onDone: Le
 }) {
   return /* @__PURE__ */ e(
     Ca,
@@ -3604,38 +3608,38 @@ function on({
       defaultCryptoAmount: h,
       defaultWalletAddress: d,
       defaultGateway: p,
-      defaultCountry: C,
+      defaultCountry: g,
       fieldLocks: A,
-      statusPollInterval: w,
+      statusPollInterval: E,
       onComplete: R,
-      onError: P,
+      onError: _,
       children: /* @__PURE__ */ e(
         rn,
         {
-          className: re,
+          className: ae,
           theme: j,
-          skinId: Z,
+          skinId: Q,
           accentColor: q,
           bgColor: $,
-          bgImage: he,
-          borderColor: x,
+          bgImage: xe,
+          borderColor: y,
           borderRadius: k,
           surfaceColor: i,
           inputBgColor: I,
-          textColor: N,
-          textSecondaryColor: v,
-          textMutedColor: pe,
-          successColor: ye,
-          showFlowToggle: xe,
-          showSettings: le,
-          showThemeToggle: de,
-          autoRedirect: D,
+          textColor: b,
+          textSecondaryColor: S,
+          textMutedColor: ge,
+          successColor: Ce,
+          showFlowToggle: Se,
+          showSettings: oe,
+          showThemeToggle: me,
+          autoRedirect: M,
           explorerUrl: ee,
-          doneButtonText: X,
-          supportEmail: Q,
-          stablecoinParity: be,
-          partnerName: Ne,
-          onDone: Ue
+          doneButtonText: G,
+          supportEmail: X,
+          stablecoinParity: fe,
+          partnerName: he,
+          onDone: Le
         }
       )
     }
@@ -3734,13 +3738,13 @@ function gn({
   quotesLoading: r,
   cryptoCurrency: l
 }) {
-  const [c, m] = S(""), s = Y(() => {
+  const [c, m] = v(""), s = Z(() => {
     if (!(n != null && n.quotes)) return [];
     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(Le, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3749,7 +3753,7 @@ function gn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
+    /* @__PURE__ */ e(Pe, { 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((u, f) => {
         const h = f === 0, d = parseFloat(u.cryptoAmount), p = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
@@ -3804,19 +3808,19 @@ export {
   Xa as AnimatedDigit,
   Wa as AnimatedNumber,
   Ta as ApplePayIcon,
-  Oe as BLOCKCHAINS,
+  Be as BLOCKCHAINS,
   Aa as BankIcon,
-  Ye as COUNTRIES,
+  Ze as COUNTRIES,
   st as COUNTRY_MAP,
   wa as CRYPTO_CHAIN_COMBOS,
   Gt as CRYPTO_CURRENCIES,
   Fa as CardIcon,
   yn as CheckoutForm,
   Ka as CheckoutStep,
-  Pe as ChevronDown,
+  He as ChevronDown,
   Pt as ChevronRight,
   gn as ChooseRampModal,
-  Le as CloseButton,
+  ke as CloseButton,
   pn as CoinifyIcon,
   ja as CompleteStep,
   $a as ConfirmStep,
@@ -3826,7 +3830,7 @@ export {
   Ia as DarkModeIcon,
   Ga as ErrorStep,
   Ft as FIAT_CURRENCIES,
-  Sa as FIAT_TO_COUNTRY,
+  va as FIAT_TO_COUNTRY,
   Za as FiatCurrencyModal,
   ct as FiatFlag,
   Ya as FormSkeleton,
@@ -3834,7 +3838,7 @@ export {
   ka as GooglePayIcon,
   It as MOCK_RATES,
   Ma as MenuIcon,
-  He as Modal,
+  Oe as Modal,
   La as PayPalIcon,
   Pa as PaymentMethodSelector,
   Va as ProcessingStep,
@@ -3842,7 +3846,7 @@ export {
   Ca as RampProvider,
   Ra as RevolutIcon,
   Mt as SKINS,
-  Ke as SearchInput,
+  Pe as SearchInput,
   en as SettingsScreen,
   V as Skeleton,
   xn as SkinSwatch,
@@ -3858,7 +3862,7 @@ export {
   Ea as parseAmount,
   ya as useCheckoutIntent,
   pa as useQuotes,
-  ke as useRamp,
+  Te as useRamp,
   ha as useRampConfig,
   xa as useTransaction
 };