@nowramp/form 0.1.73 → 0.1.74

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 ve, { useState as v, useRef as I, useCallback as B, useEffect as W, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
+import me, { useState as S, useRef as B, useCallback as O, useEffect as W, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
 import { RampApi as Qe } from "@nowramp/sdk";
 import { createPortal as Ut } from "react-dom";
 function ha(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!0), [s, u] = v(null), f = I(null);
+  const [r, l] = S(null), [c, m] = S(!0), [s, u] = S(null), f = B(null);
   (!f.current || f.current !== t) && (f.current = new Qe({ apiKey: "", ...t }));
-  const h = B(async () => {
+  const h = O(async () => {
     if (!t.projectId) {
       u(new Error("projectId is required")), m(!1);
       return;
@@ -25,7 +25,7 @@ function ha(t, a, n) {
       const d = {};
       a && (d.orderType = a), n && (d.country = n);
       const p = await f.current.getSupported(d);
-      i(p);
+      l(p);
     } catch (d) {
       u(d instanceof Error ? d : new Error("Failed to fetch config"));
     } finally {
@@ -37,67 +37,67 @@ function ha(t, a, n) {
   }, [h]), { config: r, loading: c, error: s, refetch: h };
 }
 function pa(t, a) {
-  const [n, r] = v(null), [i, c] = v(!1), [m, s] = v(null), u = I(null), f = I(""), h = `${t.apiUrl}|${t.projectId}`;
+  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 = I(0);
+  const d = B(0);
   W(() => {
-    const g = ++d.current;
+    const C = ++d.current;
     if (!a || !t.projectId) {
       r(null), c(!1);
       return;
     }
     c(!0), s(null), u.current.getQuotes(a).then(
       (A) => {
-        d.current === g && (r(A), c(!1));
+        d.current === C && (r(A), c(!1));
       },
       (A) => {
-        d.current === g && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
+        d.current === C && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
-  const p = B(async () => {
+  const p = O(async () => {
     if (!(!a || !t.projectId)) {
       c(!0), s(null);
       try {
-        const g = await u.current.getQuotes(a);
-        r(g);
-      } catch (g) {
-        s(g instanceof Error ? g : new Error("Failed to fetch quotes"));
+        const C = await u.current.getQuotes(a);
+        r(C);
+      } catch (C) {
+        s(C instanceof Error ? C : new Error("Failed to fetch quotes"));
       } finally {
         c(!1);
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: i, error: m, refetch: p };
+  return { quotes: n, loading: l, error: m, refetch: p };
 }
 function ya(t) {
-  const [a, n] = v(null), [r, i] = v(!1), [c, m] = v(null), s = I(null), u = I(""), f = `${t.apiUrl}|${t.projectId}`;
+  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 = B(async (p) => {
-    i(!0), m(null);
+  const h = O(async (p) => {
+    l(!0), m(null);
     try {
-      const g = await s.current.createCheckoutIntent(p);
-      return n(g), g;
-    } catch (g) {
-      const A = g instanceof Error ? g : new Error("Failed to create checkout intent");
+      const C = await s.current.createCheckoutIntent(p);
+      return n(C), C;
+    } catch (C) {
+      const A = C instanceof Error ? C : new Error("Failed to create checkout intent");
       throw m(A), A;
     } finally {
-      i(!1);
+      l(!1);
     }
-  }, []), d = B(() => {
+  }, []), d = O(() => {
     n(null), m(null);
   }, []);
   return { order: a, loading: r, error: c, createOrder: h, reset: d };
 }
 function xa(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!1), [s, u] = v(null), f = I(null);
+  const [r, l] = S(null), [c, m] = S(!1), [s, u] = S(null), f = B(null);
   f.current || (f.current = new Qe({ apiKey: "", projectId: "", ...t }));
-  const h = B(async () => {
+  const h = O(async () => {
     if (a) {
       m(!0), u(null);
       try {
         const d = await f.current.getTransaction(a);
-        i(d);
+        l(d);
       } catch (d) {
         u(d instanceof Error ? d : new Error("Failed to fetch status"));
       } finally {
@@ -409,7 +409,7 @@ function Ca({
   apiUrl: a = "https://api.nowramp.com",
   assetBaseUrl: n = "",
   flowType: r = "buy",
-  customerId: i = "",
+  customerId: l = "",
   brandId: c,
   defaultFiatCurrency: m = "USD",
   defaultCryptoCurrency: s = "BTC",
@@ -418,199 +418,208 @@ function Ca({
   defaultCryptoAmount: h = "",
   defaultWalletAddress: d = "",
   defaultGateway: p,
-  defaultCountry: g,
+  defaultCountry: C,
   fieldLocks: A,
-  statusPollInterval: E = 5e3,
+  statusPollInterval: w = 5e3,
   onComplete: R,
   onError: P,
-  children: ne
+  children: re
 }) {
-  const V = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = u || (s ? s.toLowerCase() : ""), q = r === "sell", G = q ? !!h : !!f, y = (q ? !!(G && s && Z) : !!(G && s && Z && d)) && p ? "confirm" : "amount", L = f || (r === "buy" ? "250" : ""), [l, M] = ua(ga, {
+  const j = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = u || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, x = (q ? !!($ && s && Z) : !!($ && s && Z && d)) && p ? "confirm" : "amount", k = f || (r === "buy" ? "250" : ""), [i, I] = ua(ga, {
     ...Vt,
-    step: y,
+    step: x,
     flowType: r,
     fiatCurrency: m,
     cryptoCurrency: s,
     network: Z,
-    fiatAmount: Dt(L, 2),
+    fiatAmount: Dt(k, 2),
     cryptoAmount: Dt(h, 6),
     walletAddress: d,
-    customerId: i,
+    customerId: l,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...g ? { country: g.toLowerCase(), countrySource: "manual" } : {}
-  }), w = l.flowType === "sell", {
-    config: S,
-    loading: he,
-    error: pe
-  } = ha(V, l.flowType, l.country || void 0), ye = I(!1);
-  ve.useEffect(() => {
-    var D;
-    if (ye.current || !(S != null && S.detectedCountry) || l.country) return;
-    ye.current = !0;
-    const C = S.detectedCountry.toLowerCase();
-    M({ type: "SET_COUNTRY_AUTO", country: C });
-    const b = (D = S.fiats) == null ? void 0 : D.map((F) => F.code), U = ot(C, b);
-    U !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: U });
-  }, [S, l.country, l.fiatCurrency]);
-  const ie = I(!1);
-  ve.useEffect(() => {
+    ...C ? { country: C.toLowerCase(), countrySource: "manual" } : {}
+  }), N = i.flowType === "sell", {
+    config: v,
+    loading: pe,
+    error: ye
+  } = ha(j, i.flowType, i.country || void 0), xe = B(!1);
+  me.useEffect(() => {
+    var L;
+    if (xe.current || !(v != null && v.detectedCountry) || i.country) return;
+    xe.current = !0;
+    const y = v.detectedCountry.toLowerCase();
+    I({ type: "SET_COUNTRY_AUTO", country: y });
+    const b = (L = v.fiats) == null ? void 0 : L.map((F) => F.code), U = ot(y, b);
+    U !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: U });
+  }, [v, i.country, i.fiatCurrency]);
+  const le = B(!1);
+  me.useEffect(() => {
     var U;
-    if (ie.current || !g || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
-    ie.current = !0;
-    const C = S.fiats.map((D) => D.code), b = ot(g, C);
-    b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
-  }, [g, S, l.fiatCurrency]);
-  const se = I(l.country);
-  ve.useEffect(() => {
+    if (le.current || !C || !((U = v == null ? void 0 : v.fiats) != null && U.length)) return;
+    le.current = !0;
+    const y = v.fiats.map((L) => L.code), b = ot(C, y);
+    b !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: b });
+  }, [C, v, i.fiatCurrency]);
+  const de = B(i.country);
+  me.useEffect(() => {
     var U;
-    if (l.country === se.current || (se.current = l.country, l.countrySource !== "manual") || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
-    const C = S.fiats.map((D) => D.code), b = ot(l.country, C);
-    b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
-  }, [l.country, l.countrySource, S, l.fiatCurrency]), ve.useEffect(() => {
-    var U, D, F;
-    if (!S || !l.cryptoCurrency || l.network) return;
-    const C = (U = S.cryptos) == null ? void 0 : U.find(($) => $.code === l.cryptoCurrency), b = ((D = C == null ? void 0 : C.networks) == null ? void 0 : D.find(($) => $.isDefault)) || ((F = C == null ? void 0 : C.networks) == null ? void 0 : F[0]);
-    b != null && b.id && M({ type: "SET_NETWORK", network: b.id });
-  }, [S, l.cryptoCurrency, l.network]), ve.useEffect(() => {
-    var F, $;
-    if (!((F = S == null ? void 0 : S.paymentMethods) != null && F.length)) return;
-    const C = l.fiatCurrency, b = S.paymentMethods;
-    if (l.paymentMethodId && b.some(
-      (K) => K.id === l.paymentMethodId && K.supportedFiats.includes(C)
+    if (i.country === de.current || (de.current = i.country, i.countrySource !== "manual") || !((U = v == null ? void 0 : v.fiats) != null && U.length)) return;
+    const y = v.fiats.map((L) => L.code), b = ot(i.country, y);
+    b !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: b });
+  }, [i.country, i.countrySource, v, i.fiatCurrency]);
+  const D = B(i.fiatCurrency);
+  me.useEffect(() => {
+    var L;
+    if (i.fiatCurrency === D.current || (D.current = i.fiatCurrency, N || !((L = v == null ? void 0 : v.fiats) != null && L.length) || !i.fiatAmount)) return;
+    const y = v.fiats.find((F) => F.code === i.fiatCurrency);
+    if (!(y != null && y.minAmount)) return;
+    const b = parseFloat(i.fiatAmount), U = parseFloat(y.minAmount);
+    !isNaN(b) && !isNaN(U) && b < U && I({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(U)) });
+  }, [i.fiatCurrency, i.fiatAmount, v, N]), me.useEffect(() => {
+    var U, L, F;
+    if (!v || !i.cryptoCurrency || i.network) return;
+    const y = (U = v.cryptos) == null ? void 0 : U.find((K) => K.code === i.cryptoCurrency), b = ((L = y == null ? void 0 : y.networks) == null ? void 0 : L.find((K) => K.isDefault)) || ((F = y == null ? void 0 : y.networks) == null ? void 0 : F[0]);
+    b != null && b.id && I({ type: "SET_NETWORK", network: b.id });
+  }, [v, i.cryptoCurrency, i.network]), me.useEffect(() => {
+    var F, K;
+    if (!((F = v == null ? void 0 : v.paymentMethods) != null && F.length)) return;
+    const y = i.fiatCurrency, b = v.paymentMethods;
+    if (i.paymentMethodId && b.some(
+      (_) => _.id === i.paymentMethodId && _.supportedFiats.includes(y)
     ))
       return;
-    const D = b.find(
-      (Q) => Q.supportedFiats.includes(C) && (Q.id.includes("card") || Q.id.includes("debit"))
-    ) || b.find((Q) => Q.supportedFiats.includes(C));
-    M({ type: "SET_PAYMENT_METHOD", methodId: (D == null ? void 0 : D.id) || (($ = b[0]) == null ? void 0 : $.id) || "" });
-  }, [S, l.fiatCurrency, l.paymentMethodId]);
-  const k = Y(() => {
-    if (w) {
-      if (!l.cryptoAmount) return null;
-      const F = parseFloat(l.cryptoAmount);
+    const L = b.find(
+      (M) => M.supportedFiats.includes(y) && (M.id.includes("card") || M.id.includes("debit"))
+    ) || b.find((M) => M.supportedFiats.includes(y));
+    I({ type: "SET_PAYMENT_METHOD", methodId: (L == null ? void 0 : L.id) || ((K = b[0]) == null ? void 0 : K.id) || "" });
+  }, [v, i.fiatCurrency, i.paymentMethodId]);
+  const ee = Y(() => {
+    if (N) {
+      if (!i.cryptoAmount) return null;
+      const F = parseFloat(i.cryptoAmount);
       return isNaN(F) || F <= 0 ? "Enter a valid amount" : null;
     }
-    if (!S || !l.fiatAmount) return null;
-    const C = parseFloat(l.fiatAmount);
-    if (isNaN(C)) return null;
-    const b = S.fiats.find((F) => F.code === l.fiatCurrency);
+    if (!v || !i.fiatAmount) return null;
+    const y = parseFloat(i.fiatAmount);
+    if (isNaN(y)) return null;
+    const b = v.fiats.find((F) => F.code === i.fiatCurrency);
     if (!b) return null;
-    const U = parseFloat(b.minAmount), D = parseFloat(b.maxAmount);
-    return !isNaN(U) && C < U ? `Minimum amount is ${b.minAmount} ${l.fiatCurrency}` : !isNaN(D) && C > D ? `Maximum amount is ${b.maxAmount} ${l.fiatCurrency}` : null;
-  }, [S, l.fiatAmount, l.fiatCurrency, l.cryptoAmount, w]), be = Y(() => {
-    const C = w ? !!l.cryptoAmount : !!l.fiatAmount;
-    return !S || !C || !l.cryptoCurrency || !l.network || k ? null : {
-      fiatCurrency: l.fiatCurrency,
-      ...w ? { cryptoAmount: l.cryptoAmount } : { fiatAmount: l.fiatAmount },
-      cryptoCurrency: l.cryptoCurrency,
-      network: l.network,
-      paymentMethodId: l.paymentMethodId || void 0,
-      country: l.country || void 0,
-      orderType: l.flowType
+    const U = parseFloat(b.minAmount), L = parseFloat(b.maxAmount);
+    return !isNaN(U) && y < U ? `Minimum amount is ${b.minAmount} ${i.fiatCurrency}` : !isNaN(L) && y > L ? `Maximum amount is ${b.maxAmount} ${i.fiatCurrency}` : null;
+  }, [v, i.fiatAmount, i.fiatCurrency, i.cryptoAmount, N]), X = Y(() => {
+    const y = N ? !!i.cryptoAmount : !!i.fiatAmount;
+    return !v || !y || !i.cryptoCurrency || !i.network || ee || v.detectedCountry && i.countrySource === "" && !C ? null : {
+      fiatCurrency: i.fiatCurrency,
+      ...N ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+      cryptoCurrency: i.cryptoCurrency,
+      network: i.network,
+      paymentMethodId: i.paymentMethodId || void 0,
+      country: i.country || void 0,
+      orderType: i.flowType
     };
-  }, [S, l.fiatCurrency, l.fiatAmount, l.cryptoAmount, l.cryptoCurrency, l.network, l.paymentMethodId, l.country, k, w, l.flowType]), {
-    quotes: j,
-    loading: re,
+  }, [v, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, i.countrySource, ee, N, i.flowType, C]), {
+    quotes: Q,
+    loading: be,
     error: Ne,
-    refetch: Ee
-  } = pa(V, be), {
-    order: de,
-    loading: xe,
-    error: O,
-    createOrder: we
-  } = ya(V), _e = 15e3, {
-    status: ee,
-    loading: Ve
+    refetch: Ue
+  } = pa(j, X), {
+    order: oe,
+    loading: G,
+    error: ge,
+    createOrder: De
+  } = ya(j), _e = 15e3, {
+    status: te,
+    loading: ze
   } = xa(
     { apiUrl: a },
-    (de == null ? void 0 : de.orderId) ?? null,
-    { pollInterval: E, initialDelay: _e }
+    (oe == null ? void 0 : oe.orderId) ?? null,
+    { pollInterval: w, initialDelay: _e }
   );
-  ve.useEffect(() => {
-    (ee == null ? void 0 : ee.status) === "completed" && R && R(ee);
-  }, [ee == null ? void 0 : ee.status, R]), ve.useEffect(() => {
-    const C = pe || O;
-    C && P && P(C);
-  }, [pe, O, P]);
-  const Fe = p || (S == null ? void 0 : S.defaultGateway) || null, Me = I(Fe);
-  Me.current = Fe;
-  const Ae = I(j);
-  Ae.current = j;
-  const Re = I(c);
-  Re.current = c;
-  const ze = B(async () => {
-    var b, U, D;
-    const C = ((b = l.selectedQuote) == null ? void 0 : b.gatewayId) || ((D = (U = Ae.current) == null ? void 0 : U.bestQuote) == null ? void 0 : D.gatewayId) || Me.current;
-    if (!C || !l.walletAddress) {
-      const F = [!C && "gateway", !l.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      M({ type: "SET_ERROR", message: `Missing required fields: ${F}` });
+  me.useEffect(() => {
+    (te == null ? void 0 : te.status) === "completed" && R && R(te);
+  }, [te == null ? void 0 : te.status, R]), me.useEffect(() => {
+    const y = ye || ge;
+    y && P && P(y);
+  }, [ye, ge, P]);
+  const Ee = p || (v == null ? void 0 : v.defaultGateway) || null, we = B(Ee);
+  we.current = Ee;
+  const Fe = B(Q);
+  Fe.current = Q;
+  const Me = B(c);
+  Me.current = c;
+  const Ce = O(async () => {
+    var b, U, L;
+    const y = ((b = i.selectedQuote) == null ? void 0 : b.gatewayId) || ((L = (U = Fe.current) == null ? void 0 : U.bestQuote) == null ? void 0 : L.gatewayId) || we.current;
+    if (!y || !i.walletAddress) {
+      const F = [!y && "gateway", !i.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      I({ type: "SET_ERROR", message: `Missing required fields: ${F}` });
       return;
     }
     try {
-      await we({
-        gateway: C,
-        customerId: l.customerId || void 0,
-        fiatCurrency: l.fiatCurrency,
-        ...w ? { cryptoAmount: l.cryptoAmount } : { fiatAmount: l.fiatAmount },
-        cryptoCurrency: l.cryptoCurrency,
-        network: l.network,
-        walletAddress: l.walletAddress,
-        paymentMethodId: l.paymentMethodId || void 0,
-        email: l.email || void 0,
-        orderType: l.flowType,
-        ...Re.current ? { metadata: { brand: Re.current } } : {}
-      }), M({ type: "SET_STEP", step: "checkout" });
+      await De({
+        gateway: y,
+        customerId: i.customerId || void 0,
+        fiatCurrency: i.fiatCurrency,
+        ...N ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+        cryptoCurrency: i.cryptoCurrency,
+        network: i.network,
+        walletAddress: i.walletAddress,
+        paymentMethodId: i.paymentMethodId || void 0,
+        email: i.email || void 0,
+        orderType: i.flowType,
+        ...Me.current ? { metadata: { brand: Me.current } } : {}
+      }), I({ type: "SET_STEP", step: "checkout" });
     } catch (F) {
-      const $ = F instanceof Error ? F.message : "Failed to create order";
-      /wallet|address/i.test($) ? M({ type: "SET_WALLET_ERROR", message: $.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: $ });
+      const K = F instanceof Error ? F.message : "Failed to create order";
+      /wallet|address/i.test(K) ? I({ type: "SET_WALLET_ERROR", message: K.replace(/^Failed to create checkout intent:\s*/i, "") }) : I({ type: "SET_ERROR", message: K });
     }
-  }, [l, we, w]), ge = B((C) => {
-    M({ type: "SET_STEP", step: C });
-  }, []), Ie = B(() => {
-    const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], b = C.indexOf(l.step);
-    b > 0 && M({ type: "SET_STEP", step: C[b - 1] });
-  }, [l.step, w]), Je = Y(() => {
-    const C = w ? !!l.cryptoAmount : !!l.fiatAmount;
-    switch (l.step) {
+  }, [i, De, N]), Ie = O((y) => {
+    I({ type: "SET_STEP", step: y });
+  }, []), Je = O(() => {
+    const y = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], b = y.indexOf(i.step);
+    b > 0 && I({ type: "SET_STEP", step: y[b - 1] });
+  }, [i.step, N]), qe = Y(() => {
+    const y = N ? !!i.cryptoAmount : !!i.fiatAmount;
+    switch (i.step) {
       case "confirm":
-        return !!(C && l.cryptoCurrency && l.network && l.walletAddress && !k);
+        return !!(y && i.cryptoCurrency && i.network && i.walletAddress && !ee);
       case "amount":
-        return !!(C && l.cryptoCurrency && l.network && !k);
+        return !!(y && i.cryptoCurrency && i.network && !ee);
       case "quotes":
-        return !!l.selectedQuote;
+        return !!i.selectedQuote;
       case "wallet":
-        return !!l.walletAddress;
+        return !!i.walletAddress;
       default:
         return !1;
     }
-  }, [l, k, w]), qe = {
-    apiConfig: V,
+  }, [i, ee, N]), Ve = {
+    apiConfig: j,
     assetBaseUrl: n,
-    config: S,
-    configLoading: he,
-    configError: pe,
-    state: l,
-    dispatch: M,
-    quotes: j,
-    quotesLoading: re,
+    config: v,
+    configLoading: pe,
+    configError: ye,
+    state: i,
+    dispatch: I,
+    quotes: Q,
+    quotesLoading: be,
     quotesError: Ne,
-    fetchQuotes: Ee,
-    order: de,
-    orderLoading: xe,
-    orderError: O,
-    createOrder: ze,
-    orderStatus: ee,
-    orderStatusLoading: Ve,
+    fetchQuotes: Ue,
+    order: oe,
+    orderLoading: G,
+    orderError: ge,
+    createOrder: Ce,
+    orderStatus: te,
+    orderStatusLoading: ze,
     fieldLocks: A || null,
-    defaultGateway: Fe,
-    amountError: k,
-    goToStep: ge,
-    goBack: Ie,
-    canProceed: Je
+    defaultGateway: Ee,
+    amountError: ee,
+    goToStep: Ie,
+    goBack: Je,
+    canProceed: qe
   };
-  return /* @__PURE__ */ e(jt.Provider, { value: qe, children: ne });
+  return /* @__PURE__ */ e(jt.Provider, { value: Ve, children: re });
 }
-function Ue() {
+function ke() {
   const t = ma(jt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
@@ -1096,7 +1105,7 @@ function lt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
+const se = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
   const t = [];
   for (const a of Gt)
     for (const n of a.chains)
@@ -1108,16 +1117,16 @@ function Wt({
   alt: a,
   size: n,
   className: r = "",
-  background: i
+  background: l
 }) {
-  const [c, m] = v(!1), [s, u] = v(!1), f = I(t);
+  const [c, m] = S(!1), [s, u] = S(!1), f = B(t);
   f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = B(() => m(!0), []), d = B(() => u(!0), []);
+  const h = O(() => m(!0), []), d = O(() => u(!0), []);
   return /* @__PURE__ */ o(
     "div",
     {
       className: `relative rounded-full shrink-0 ${r}`,
-      style: { width: n, height: n, background: i },
+      style: { width: n, height: n, background: l },
       children: [
         !c && !s && /* @__PURE__ */ e(
           "div",
@@ -1281,7 +1290,7 @@ function Da({ size: t = 32 }) {
   );
 }
 function Fa({ size: t = 32 }) {
-  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), i = a * 0.2;
+  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), l = a * 0.2;
   return /* @__PURE__ */ o("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1314,7 +1323,7 @@ function Fa({ size: t = 32 }) {
           height: n,
           background: "#252525",
           borderRadius: r,
-          marginLeft: -i,
+          marginLeft: -l,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -1425,11 +1434,11 @@ function Pa({
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const i = Y(
+  const l = Y(
     () => t.filter((m) => m.supportedFiats.includes(r)),
     [t, r]
-  ), c = i.find((m) => m.id === a) || i[0];
-  return i.length === 0 ? /* @__PURE__ */ e(
+  ), c = l.find((m) => m.id === a) || l[0];
+  return l.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
@@ -1477,22 +1486,22 @@ function Ka({
   redirectDelay: n = 3e3
 }) {
   var p;
-  const { order: r, orderStatus: i, goToStep: c, goBack: m } = Ue(), [s, u] = v(!1), [f, h] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  const { order: r, orderStatus: l, goToStep: c, goBack: m } = ke(), [s, u] = S(!1), [f, h] = S(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
   if (W(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !d) {
       h(Math.ceil(n / 1e3));
-      const g = setTimeout(() => {
+      const C = setTimeout(() => {
         window.location.href = r.checkout.url;
       }, n), A = setInterval(() => {
-        h((E) => E && E > 1 ? E - 1 : null);
+        h((w) => w && w > 1 ? w - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(g), clearInterval(A);
+        clearTimeout(C), clearInterval(A);
       };
     }
   }, [r, a, n, d]), W(() => {
-    i && (i.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(i.status) && c("error"));
-  }, [i == null ? void 0 : i.status, c]), !r)
+    l && (l.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(l.status) && c("error"));
+  }, [l == null ? void 0 : l.status, c]), !r)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1546,7 +1555,7 @@ function Ka({
       }
     );
   if (r.checkout.method === "iframe") {
-    const g = r.checkout.url, A = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const C = r.checkout.url, A = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return Ut(
       /* @__PURE__ */ o(
         "div",
@@ -1618,7 +1627,7 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: g,
+                  src: C,
                   style: {
                     display: s ? "block" : "none",
                     width: "100%",
@@ -1694,7 +1703,7 @@ function Ka({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const g = _a(r.checkout.url, r.widgetConfig);
+    const C = _a(r.checkout.url, r.widgetConfig);
     return Ut(
       /* @__PURE__ */ o(
         "div",
@@ -1766,7 +1775,7 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: g,
+                  src: C,
                   style: {
                     display: s ? "block" : "none",
                     width: "100%",
@@ -1814,16 +1823,16 @@ function Ka({
 }
 function _a(t, a) {
   const n = new URL("/en/partner/widget", t);
-  for (const [r, i] of Object.entries(a))
-    i != null && i !== "" && n.searchParams.set(r, String(i));
+  for (const [r, l] of Object.entries(a))
+    l != null && l !== "" && n.searchParams.set(r, String(l));
   return n.toString();
 }
 function Va({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Ue();
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = ke();
   W(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
-  const i = () => {
+  const l = () => {
     if (!a) return "Processing your order...";
     switch (a.status) {
       case "pending":
@@ -1836,28 +1845,28 @@ function Va({ className: t = "" }) {
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "nramp-spinner-large nramp-spinner" }) }),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: i() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
     n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
     a && /* @__PURE__ */ o("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      /* @__PURE__ */ e(Le, { label: "Order ID", value: a.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Le, { label: "Provider", value: a.gateway }),
+      /* @__PURE__ */ e(Te, { label: "Order ID", value: a.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Te, { label: "Provider", value: a.gateway }),
       /* @__PURE__ */ e(
-        Le,
+        Te,
         {
           label: "Amount",
           value: `${a.fiatAmount} ${a.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Le,
+        Te,
         {
           label: "Receiving",
           value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Le, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(Te, { label: "Network", value: a.network }),
       /* @__PURE__ */ e(
-        Le,
+        Te,
         {
           label: "To Address",
           value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
@@ -1871,7 +1880,7 @@ function Va({ className: t = "" }) {
     ] })
   ] });
 }
-function Le({ label: t, value: a, mono: n }) {
+function Te({ label: t, value: a, mono: n }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1897,8 +1906,8 @@ function ja({
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: i, state: c, dispatch: m } = Ue(), s = c.flowType === "sell", u = () => {
-    if (!(i != null && i.transactionHash)) return null;
+  const { orderStatus: l, state: c, dispatch: m } = ke(), s = c.flowType === "sell", u = () => {
+    if (!(l != null && l.transactionHash)) return null;
     if (!a) {
       const d = {
         ethereum: "https://etherscan.io/tx/{txHash}",
@@ -1911,9 +1920,9 @@ function ja({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (d[c.network] || d.ethereum).replace("{txHash}", i.transactionHash);
+      return (d[c.network] || d.ethereum).replace("{txHash}", l.transactionHash);
     }
-    return a.replace("{txHash}", i.transactionHash);
+    return a.replace("{txHash}", l.transactionHash);
   }, f = () => {
     n ? n() : m({ type: "RESET" });
   }, h = u();
@@ -1927,47 +1936,47 @@ function ja({
       }
     ),
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s ? "Sale Complete!" : "Purchase Complete!" }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(i == null ? void 0 : i.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(i == null ? void 0 : i.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
-    i && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(l == null ? void 0 : l.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
+    l && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        me,
+        fe,
         {
           label: s ? "Amount Sold" : "Amount Received",
-          value: `${i.cryptoAmount} ${i.cryptoCurrency}`,
+          value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        me,
+        fe,
         {
           label: s ? "Payout Amount" : "Amount Paid",
-          value: `${i.fiatAmount} ${i.fiatCurrency}`
+          value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(me, { label: "Network", value: i.network }),
+      /* @__PURE__ */ e(fe, { label: "Network", value: l.network }),
       /* @__PURE__ */ e(
-        me,
+        fe,
         {
           label: "Wallet",
-          value: `${i.walletAddress.slice(0, 10)}...${i.walletAddress.slice(-8)}`,
+          value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
           mono: !0
         }
       ),
-      i.transactionHash && /* @__PURE__ */ e(
-        me,
+      l.transactionHash && /* @__PURE__ */ e(
+        fe,
         {
           label: "Transaction",
-          value: `${i.transactionHash.slice(0, 10)}...${i.transactionHash.slice(-8)}`,
+          value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(me, { label: "Provider", value: i.gateway }),
-      /* @__PURE__ */ e(me, { label: "Order ID", value: i.orderId, mono: !0 }),
-      i.completedAt && /* @__PURE__ */ e(
-        me,
+      /* @__PURE__ */ e(fe, { label: "Provider", value: l.gateway }),
+      /* @__PURE__ */ e(fe, { label: "Order ID", value: l.orderId, mono: !0 }),
+      l.completedAt && /* @__PURE__ */ e(
+        fe,
         {
           label: "Completed",
-          value: new Date(i.completedAt).toLocaleString()
+          value: new Date(l.completedAt).toLocaleString()
         }
       )
     ] }),
@@ -1995,7 +2004,7 @@ function ja({
     ] })
   ] });
 }
-function me({ label: t, value: a, mono: n, highlight: r }) {
+function fe({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2020,9 +2029,9 @@ function Ga({
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: i, dispatch: c, goToStep: m } = Ue(), s = r.flowType === "sell", u = () => {
-    if (i)
-      switch (i.status) {
+  const { state: r, orderStatus: l, dispatch: c, goToStep: m } = ke(), s = r.flowType === "sell", u = () => {
+    if (l)
+      switch (l.status) {
         case "failed":
           return "Payment Failed";
         case "cancelled":
@@ -2037,8 +2046,8 @@ function Ga({
     return "Something Went Wrong";
   }, f = () => {
     if (r.errorMessage) return r.errorMessage;
-    if (i)
-      switch (i.status) {
+    if (l)
+      switch (l.status) {
         case "failed":
           return s ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
         case "cancelled":
@@ -2067,9 +2076,9 @@ function Ga({
     ),
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: u() }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
-    i && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
+    l && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
       /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
-      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: i.orderId })
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: l.orderId })
     ] }) }),
     /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ e(
@@ -2105,9 +2114,9 @@ function Ga({
           }
         )
       ] }),
-      i && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
+      l && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
         "Reference: ",
-        i.orderId
+        l.orderId
       ] })
     ] })
   ] });
@@ -2119,23 +2128,23 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
   var q;
   const {
     config: r,
-    configLoading: i,
+    configLoading: l,
     state: c,
     defaultGateway: m,
     quotes: s,
     fetchQuotes: u,
     createOrder: f,
     orderLoading: h
-  } = Ue(), d = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find((G) => G.id === m), E = (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) && E), ne = P && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), V = P && R > 0 ? lt(ne ? R : R / E) : null, Z = async () => {
-    g(null);
+  } = ke(), d = c.flowType === "sell", [p, C] = S(null), A = r == null ? void 0 : r.gateways.find(($) => $.id === m), w = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, P = !!(a && n && !d && Xt(c.cryptoCurrency) && w), re = P && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), j = P && R > 0 ? lt(re ? R : R / w) : null, Z = async () => {
+    C(null);
     try {
       u(), await f();
-    } catch (G) {
-      const fe = G instanceof Error ? G.message : "Failed to create order";
-      g(fe);
+    } catch ($) {
+      const he = $ instanceof Error ? $.message : "Failed to create order";
+      C(he);
     }
   };
-  return i ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
+  return l ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
   ] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
@@ -2157,13 +2166,13 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           Se,
           {
             label: "You receive",
-            value: V ? `${V} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
+            value: j ? `${j} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
           }
         ),
         /* @__PURE__ */ e(Se, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
-        P && V && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        P && j && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
-          V,
+          j,
           " ",
           c.cryptoCurrency,
           " will be credited to your ",
@@ -2208,17 +2217,17 @@ function He({
   onClose: a,
   children: n
 }) {
-  const [r, i] = v(!1), [c, m] = v(!1);
+  const [r, l] = S(!1), [c, m] = S(!1);
   W(() => {
     if (t)
-      i(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
+      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (r) {
       m(!1);
-      const u = setTimeout(() => i(!1), 250);
+      const u = setTimeout(() => l(!1), 250);
       return () => clearTimeout(u);
     }
   }, [t]);
-  const s = B(() => {
+  const s = O(() => {
     m(!1), setTimeout(() => a(), 250);
   }, [a]);
   return W(() => {
@@ -2245,7 +2254,7 @@ function He({
 }
 function Xa({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
-  return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((i) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: i }, i)) }) });
+  return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: l }, l)) }) });
 }
 function Wa({
   value: t,
@@ -2253,9 +2262,9 @@ function Wa({
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((i, c) => /* @__PURE__ */ e(Xa, { char: i, height: a }, c)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((l, c) => /* @__PURE__ */ e(Xa, { char: l, height: a }, c)) });
 }
-function _({
+function V({
   w: t,
   h: a,
   className: n = ""
@@ -2265,33 +2274,33 @@ function _({
 function Ya() {
   return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(_, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(_, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(_, { w: 75, h: 32 })
+        /* @__PURE__ */ e(V, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(_, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(_, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(_, { w: 85, h: 32 })
+        /* @__PURE__ */ e(V, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(_, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(_, { w: 90, h: 12 })
+      /* @__PURE__ */ e(V, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(V, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ o("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(_, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(_, { w: "100%", h: 47 })
+      /* @__PURE__ */ e(V, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(V, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(_, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(V, { w: "100%", h: 60, className: "mb-2" }),
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
-function De({ onClick: t }) {
+function Le({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2309,7 +2318,7 @@ function Ke({
   onChange: a,
   placeholder: n = ""
 }) {
-  const [r, i] = v(!1);
+  const [r, l] = S(!1);
   return /* @__PURE__ */ o("div", { className: "relative mx-5 mb-5", children: [
     /* @__PURE__ */ e(
       "input",
@@ -2317,8 +2326,8 @@ function Ke({
         type: "text",
         value: t,
         onChange: (c) => a(c.target.value),
-        onFocus: () => i(!0),
-        onBlur: () => i(!1),
+        onFocus: () => l(!0),
+        onBlur: () => l(!1),
         placeholder: n,
         style: { height: 47, borderRadius: 4.5, border: `1px solid ${r ? "var(--t-border-focus)" : "var(--t-border)"}`, outline: "none", boxShadow: "none", color: "var(--t-text)", padding: `0 ${t ? 40 : 14}px 0 14px`, fontSize: 14, backgroundColor: "transparent" },
         className: "w-full outline-none transition-colors"
@@ -2340,9 +2349,9 @@ function Za({
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
-  selectedCode: i
+  selectedCode: l
 }) {
-  const [c, m] = v(""), s = Y(() => {
+  const [c, m] = S(""), s = Y(() => {
     if (!n || n.length === 0) return Ft;
     const f = new Map(Ft.map((h) => [h.code, h.name]));
     return n.map((h) => ({
@@ -2352,10 +2361,10 @@ function Za({
   }, [n]), u = Y(() => {
     const f = c.trim().toLowerCase();
     if (!f) {
-      if (i) {
-        const h = s.find((d) => d.code === i);
+      if (l) {
+        const h = s.find((d) => d.code === l);
         if (h) {
-          const d = s.filter((p) => p.code !== i);
+          const d = s.filter((p) => p.code !== l);
           return [h, ...d];
         }
       }
@@ -2364,9 +2373,9 @@ function Za({
     return s.filter(
       (h) => h.code.toLowerCase().includes(f) || h.name.toLowerCase().includes(f)
     );
-  }, [s, c, i]);
+  }, [s, c, l]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2384,7 +2393,7 @@ function Za({
     /* @__PURE__ */ e(Ke, { 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 = i === f.code;
+        const d = f.name !== f.code ? f.name : "", p = l === f.code;
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2423,11 +2432,11 @@ function Za({
     ] })
   ] });
 }
-function _t({ src: t, alt: a, size: n, className: r, style: i }) {
-  const [c, m] = v(!1), [s, u] = v(!1), f = I(t);
+function _t({ src: t, alt: a, size: n, className: r, style: l }) {
+  const [c, m] = S(!1), [s, u] = S(!1), f = B(t);
   f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = B(() => m(!0), []), d = B(() => u(!0), []);
-  return /* @__PURE__ */ o("div", { className: r, style: { ...i, width: n, height: n, position: "relative" }, children: [
+  const h = O(() => m(!0), []), d = O(() => u(!0), []);
+  return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: n, height: n, position: "relative" }, children: [
     !c && !s && /* @__PURE__ */ e(
       "div",
       {
@@ -2457,51 +2466,51 @@ function _t({ src: t, alt: a, size: n, className: r, style: i }) {
     )
   ] });
 }
-function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: i, selectedChain: c }) {
-  const [m, s] = v(""), u = Y(() => {
+function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: l, selectedChain: c }) {
+  const [m, s] = S(""), u = Y(() => {
     if (!n || n.length === 0) return wa;
     const d = [];
     for (const p of n) {
-      const g = p.networks || [], A = p.name || va[p.code] || p.code;
-      if (g.length === 0)
+      const C = p.networks || [], A = p.name || va[p.code] || p.code;
+      if (C.length === 0)
         d.push({ code: p.code, name: A, chain: p.code, popular: !1 });
       else
-        for (const E of g) {
-          const R = E.code || E.id || E.name || p.code;
+        for (const w of C) {
+          const R = w.code || w.id || w.name || p.code;
           d.push({
             code: p.code,
             name: A,
             chain: R,
-            chainName: E.name,
+            chainName: w.name,
             popular: !1
           });
         }
     }
     return d;
-  }, [n]), f = B((d, p) => i === d && c === p, [i, c]), h = Y(() => {
+  }, [n]), f = O((d, p) => l === d && c === p, [l, c]), h = Y(() => {
     var A;
     const d = m.trim().toLowerCase();
     if (!d) {
-      if (i && c) {
-        const E = u.find((R) => R.code === i && R.chain === c);
-        if (E) {
-          const R = u.filter((P) => !(P.code === i && P.chain === c));
-          return [E, ...R];
+      if (l && c) {
+        const w = u.find((R) => R.code === l && R.chain === c);
+        if (w) {
+          const R = u.filter((P) => !(P.code === l && P.chain === c));
+          return [w, ...R];
         }
       }
       return u;
     }
-    const p = d.split(/\s+/), g = [];
-    for (const E of u) {
-      const R = Ze(E.chain), P = R ? R.name.toLowerCase() : "", ne = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", V = E.chain.toLowerCase(), Z = E.code.toLowerCase(), q = E.name.toLowerCase(), G = [Z, q, P, ne, V];
-      if (!p.every((L) => G.some((l) => l.includes(L)))) continue;
-      let y = 0;
-      Z === d ? y += 100 : Z.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (P.includes(p[1]) || ne.includes(p[1]) || V.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
+    const p = d.split(/\s+/), C = [];
+    for (const w of u) {
+      const R = Ze(w.chain), P = R ? R.name.toLowerCase() : "", re = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", j = w.chain.toLowerCase(), Z = w.code.toLowerCase(), q = w.name.toLowerCase(), $ = [Z, q, P, re, j];
+      if (!p.every((k) => $.some((i) => i.includes(k)))) continue;
+      let x = 0;
+      Z === d ? x += 100 : Z.startsWith(p[0]) && (x += 50), w.popular && (x += 10), p.length > 1 && (P.includes(p[1]) || re.includes(p[1]) || j.includes(p[1])) && (x += 25), C.push({ item: w, score: x });
     }
-    return g.sort((E, R) => R.score - E.score), g.map((E) => E.item);
-  }, [u, m, i, c]);
+    return C.sort((w, R) => R.score - w.score), C.map((w) => w.item);
+  }, [u, m, l, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2513,7 +2522,7 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     /* @__PURE__ */ e(Ke, { value: m, onChange: s }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       h.map((d, p) => {
-        const g = Ze(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);
+        const C = Ze(d.chain), A = (C == null ? void 0 : C.name) || d.chainName || d.chain, w = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2569,12 +2578,12 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: d.code
                     }
                   ),
-                  E && /* @__PURE__ */ e(
+                  w && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: E
+                      children: w
                     }
                   )
                 ] }) }),
@@ -2607,8 +2616,8 @@ function za({
   onSelect: n,
   onClose: r
 }) {
-  const [i, c] = v(""), m = Y(() => {
-    const s = i.trim().toLowerCase();
+  const [l, c] = S(""), m = Y(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (a) {
         const u = t.find((f) => f.id === a);
@@ -2622,9 +2631,9 @@ function za({
     return t.filter(
       (u) => u.id.toLowerCase().includes(s) || u.name.toLowerCase().includes(s) || u.description && u.description.toLowerCase().includes(s)
     );
-  }, [t, i, a]);
+  }, [t, l, a]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: r }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2633,7 +2642,7 @@ function za({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
+    /* @__PURE__ */ e(Ke, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((s, u) => {
         const f = s.id === a, h = Yt(s.id, s.name);
@@ -2730,16 +2739,16 @@ function en({
   darkMode: a,
   onToggleDarkMode: n,
   skinId: r,
-  onSelectSkin: i,
+  onSelectSkin: l,
   showThemeToggle: c = !0,
   country: m,
   countryName: s,
   onLocationPress: u,
   assetBaseUrl: f = ""
 }) {
-  const [h, d] = v(!1);
+  const [h, d] = S(!1);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
       u && /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o(
@@ -2844,8 +2853,8 @@ function an({
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [i, c] = v(""), m = Y(() => {
-    const s = i.trim().toLowerCase();
+  const [l, c] = S(""), m = Y(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (r) {
         const u = r.toLowerCase(), f = st[u];
@@ -2859,9 +2868,9 @@ function an({
     return Ye.filter(
       (u) => u.name.toLowerCase().includes(s) || u.code.includes(s) || u.defaultFiat.toLowerCase().includes(s)
     );
-  }, [i, r]);
+  }, [l, r]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2876,7 +2885,7 @@ function an({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
+    /* @__PURE__ */ e(Ke, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((s, u) => {
         const f = (r == null ? void 0 : r.toLowerCase()) === s.code;
@@ -2919,7 +2928,7 @@ function an({
   ] });
 }
 function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
-  const [r, i] = v(!1);
+  const [r, l] = S(!1);
   return r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2944,7 +2953,7 @@ function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
       width: a,
       height: a,
       style: { width: a, height: a, borderRadius: "50%", objectFit: "cover" },
-      onError: () => i(!0)
+      onError: () => l(!0)
     }
   );
 }
@@ -2953,7 +2962,7 @@ function rn({
   theme: a = "dark",
   skinId: n = "mono",
   accentColor: r,
-  bgColor: i,
+  bgColor: l,
   bgImage: c,
   borderColor: m,
   borderRadius: s,
@@ -2962,159 +2971,159 @@ function rn({
   textColor: h,
   textSecondaryColor: d,
   textMutedColor: p,
-  successColor: g,
+  successColor: C,
   showFlowToggle: A = !0,
-  showSettings: E = !0,
+  showSettings: w = !0,
   showThemeToggle: R = !0,
   autoRedirect: P = !1,
-  explorerUrl: ne,
-  doneButtonText: V = "Done",
+  explorerUrl: re,
+  doneButtonText: j = "Done",
   supportEmail: Z,
   stablecoinParity: q,
-  partnerName: G,
-  onDone: fe
+  partnerName: $,
+  onDone: he
 }) {
   var bt, Nt, Et, wt, At, Rt, Tt, kt, Lt;
   const {
-    state: y,
-    dispatch: L,
-    config: l,
-    configLoading: M,
-    quotes: w,
-    quotesLoading: S,
-    quotesError: he,
-    fetchQuotes: pe,
-    createOrder: ye,
-    orderLoading: ie,
-    amountError: se,
-    fieldLocks: k,
-    apiConfig: be,
-    assetBaseUrl: j
-  } = Ue(), [re, Ne] = v(a === "dark"), [Ee, de] = v(n), [xe, O] = v(null), [we, _e] = v(!1), [ee, Ve] = v(!1), [Fe, Me] = v(!1), [Ae, Re] = v(!1), [ze, ge] = v(null), [Ie, Je] = v(!0), [qe, C] = v(!1), [b, U] = v(!1), D = I(null), F = I(), $ = I(y.flowType);
+    state: x,
+    dispatch: k,
+    config: i,
+    configLoading: I,
+    quotes: N,
+    quotesLoading: v,
+    quotesError: pe,
+    fetchQuotes: ye,
+    createOrder: xe,
+    orderLoading: le,
+    amountError: de,
+    fieldLocks: D,
+    apiConfig: ee,
+    assetBaseUrl: X
+  } = ke(), [Q, be] = S(a === "dark"), [Ne, Ue] = S(n), [oe, G] = S(null), [ge, De] = S(!1), [_e, te] = S(!1), [ze, Ee] = S(!1), [we, Fe] = S(!1), [Me, Ce] = S(null), [Ie, Je] = S(!0), [qe, Ve] = S(!1), [y, b] = S(!1), U = B(null), L = B(), F = B(x.flowType);
   W(() => {
-    Ne(a === "dark");
+    be(a === "dark");
   }, [a]), W(() => {
-    const x = setTimeout(() => Je(!1), M ? 0 : 800);
-    return () => clearTimeout(x);
-  }, [M]), W(() => {
-    if ($.current !== y.flowType && !Ie) {
-      $.current = y.flowType, C(!0), _e(!1), Ve(!1);
-      const x = setTimeout(() => C(!1), 350);
-      return () => clearTimeout(x);
+    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);
     }
-    $.current = y.flowType;
-  }, [y.flowType, Ie]);
-  const Q = y.flowType, K = Q === "buy", X = y.cryptoCurrency || "BTC", te = y.fiatCurrency || "USD", et = K ? y.fiatAmount : y.cryptoAmount, z = Ea(et), ue = (bt = w == null ? void 0 : w.bestQuote) != null && bt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, je = I(null);
-  ue && X && te && (je.current = { rate: ue, crypto: X, fiat: te });
+    F.current = x.flowType;
+  }, [x.flowType, Ie]);
+  const K = x.flowType, M = K === "buy", _ = x.cryptoCurrency || "BTC", ae = x.fiatCurrency || "USD", et = M ? x.fiatAmount : x.cryptoAmount, z = Ea(et), ue = (bt = N == null ? void 0 : N.bestQuote) != null && bt.exchangeRate ? parseFloat(N.bestQuote.exchangeRate) : null, je = B(null);
+  ue && _ && ae && (je.current = { rate: ue, crypto: _, fiat: ae });
   const ut = Y(() => {
-    if (w != null && w.bestQuote) {
-      const x = K ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
-      if (x) return x;
+    if (N != null && N.bestQuote) {
+      const g = M ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
+      if (g) return g;
     }
     return "0";
-  }, [w, K]), Be = !!(q && G && K && Xt(X) && ue), Qt = Be && X.toUpperCase().includes(te.toUpperCase()), mt = Be && z > 0 ? lt(Qt ? z : z / ue) : null, zt = Be && mt ? mt : ut, Jt = Y(() => {
-    var H, oe, ke;
-    const x = ue || ((H = je.current) == null ? void 0 : H.rate), N = ue ? X : (oe = je.current) == null ? void 0 : oe.crypto, T = ue ? te : (ke = je.current) == null ? void 0 : ke.fiat;
-    return !x || !N || !T ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${T}`;
-  }, [X, te, ue]);
+  }, [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 x = y.walletAddress.trim(), N = y.network;
-    if (!x || x.length < 10) {
-      ge(null), L({ type: "SET_WALLET_ERROR", message: "" });
+    const g = x.walletAddress.trim(), E = x.network;
+    if (!g || g.length < 10) {
+      Ce(null), k({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Re(!0), ge(null);
+    Fe(!0), Ce(null);
     const T = new AbortController();
-    return clearTimeout(F.current), F.current = setTimeout(async () => {
-      var H, oe, ke;
+    return clearTimeout(L.current), L.current = setTimeout(async () => {
+      var H, ie, Re;
       try {
-        const nt = await (await fetch(`${be.apiUrl}/public/validate/address`, {
+        const nt = await (await fetch(`${ee.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
+          body: JSON.stringify({ address: g, ...E ? { network: E } : {} }),
           signal: T.signal
         })).json(), rt = ((H = nt.data) == null ? void 0 : H.attributes) || nt.data || nt;
         if (rt.isValid)
-          ge(!0), L({ type: "SET_WALLET_ERROR", message: "" });
+          Ce(!0), k({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          ge(!1);
-          const da = ((oe = rt.errors) == null ? void 0 : oe[0]) || ((ke = rt.details) == null ? void 0 : ke.formatMessage) || "Invalid wallet address";
-          L({ type: "SET_WALLET_ERROR", message: da });
+          Ce(!1);
+          const da = ((ie = rt.errors) == null ? void 0 : ie[0]) || ((Re = rt.details) == null ? void 0 : Re.formatMessage) || "Invalid wallet address";
+          k({ type: "SET_WALLET_ERROR", message: da });
         }
       } catch (at) {
         if (at instanceof DOMException && at.name === "AbortError") return;
-        ge(null);
+        Ce(null);
       } finally {
-        T.signal.aborted || Re(!1);
+        T.signal.aborted || Fe(!1);
       }
     }, 500), () => {
-      clearTimeout(F.current), T.abort();
+      clearTimeout(L.current), T.abort();
     };
-  }, [y.walletAddress, y.network, be.apiUrl]);
-  const ft = !et || z === 0, ht = z > 0 && (K ? z < Bt : z < Ot), pt = !!se || ht || we && ft, qt = z > 0 && !se && !ht, tt = y.walletAddress.trim().length >= 10 && ze !== !1 && !Ae, Ge = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
-    let N = x.target.value.replace(/[^0-9.,]/g, "");
-    const T = K ? 2 : 6, H = N.indexOf(".");
-    H !== -1 && N.length - H - 1 > T && (N = N.slice(0, H + T + 1)), L(K ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
-  }, yt = (x) => {
-    x !== Q && L({ type: "SET_FLOW_TYPE", flowType: x });
-  }, ta = B(
-    (x) => {
-      L({ type: "SET_FIAT_CURRENCY", currency: x });
+  }, [x.walletAddress, x.network, ee.apiUrl]);
+  const ft = !et || z === 0, ht = z > 0 && (M ? z < Bt : z < Ot), pt = !!de || ht || ge && ft, qt = z > 0 && !de && !ht, tt = x.walletAddress.trim().length >= 10 && Me !== !1 && !we, Ge = qt && tt && !!x.cryptoCurrency && !!x.network, ea = (g) => {
+    let E = g.target.value.replace(/[^0-9.,]/g, "");
+    const T = M ? 2 : 6, H = E.indexOf(".");
+    H !== -1 && E.length - H - 1 > T && (E = E.slice(0, H + T + 1)), k(M ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
+  }, yt = (g) => {
+    g !== K && k({ type: "SET_FLOW_TYPE", flowType: g });
+  }, ta = O(
+    (g) => {
+      k({ type: "SET_FIAT_CURRENCY", currency: g });
     },
-    [L]
-  ), aa = B(
-    (x, N) => {
-      L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: N });
+    [k]
+  ), aa = O(
+    (g, E) => {
+      k({ type: "SET_CRYPTO_CURRENCY", currency: g }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
     },
-    [L]
-  ), na = B(
-    (x) => {
-      L({ type: "SET_PAYMENT_METHOD", methodId: x });
+    [k]
+  ), na = O(
+    (g) => {
+      k({ type: "SET_PAYMENT_METHOD", methodId: g });
     },
-    [L]
-  ), ra = B(
-    (x) => {
-      L({ type: "SET_COUNTRY", country: x }), O(null);
+    [k]
+  ), ra = O(
+    (g) => {
+      k({ type: "SET_COUNTRY", country: g }), G(null);
     },
-    [L]
-  ), oa = B(() => {
-    O(null), setTimeout(() => O("country"), 280);
-  }, []), ia = y.country ? (Nt = st[y.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
-    Ge && (U(!0), pe());
+    [k]
+  ), oa = O(() => {
+    G(null), setTimeout(() => G("country"), 280);
+  }, []), ia = x.country ? (Nt = st[x.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
+    Ge && (b(!0), ye());
   };
   W(() => {
-    var x;
-    if (!(!b || S)) {
-      if (w != null && w.bestQuote)
-        U(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), ye().catch(() => {
+    var g;
+    if (!(!y || v)) {
+      if (N != null && N.bestQuote)
+        b(!1), k({ type: "SELECT_QUOTE", quote: N.bestQuote }), xe().catch(() => {
         });
-      else if (he)
-        U(!1), L({ type: "SET_ERROR", message: he.message || "No quotes available" });
-      else if (w && !w.bestQuote) {
-        U(!1);
-        const N = (x = w.unavailableGateways) == null ? void 0 : x.map((H) => H.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
-        L({ type: "SET_ERROR", message: T });
+      else if (pe)
+        b(!1), k({ type: "SET_ERROR", message: pe.message || "No quotes available" });
+      else if (N && !N.bestQuote) {
+        b(!1);
+        const E = (g = N.unavailableGateways) == null ? void 0 : g.map((H) => H.reason).filter(Boolean), T = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
+        k({ type: "SET_ERROR", message: T });
       }
     }
-  }, [b, w, S, he, L, ye]);
-  const xt = re ? "theme-dark" : "theme-light", $e = Mt.find((x) => x.id === Ee) || Mt[0], ca = $e.accent === null, sa = r ? ce(r) : !1, gt = (x) => {
-    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), H = parseInt(N.substring(2, 4), 16), oe = parseInt(N.substring(4, 6), 16);
-    return (0.299 * T + 0.587 * H + 0.114 * oe) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, [y, N, v, pe, k, xe]);
+  const xt = Q ? "theme-dark" : "theme-light", $e = Mt.find((g) => g.id === Ne) || Mt[0], ca = $e.accent === null, sa = r ? se(r) : !1, gt = (g) => {
+    const E = g.replace("#", ""), T = parseInt(E.substring(0, 2), 16), H = parseInt(E.substring(2, 4), 16), ie = parseInt(E.substring(4, 6), 16);
+    return (0.299 * T + 0.587 * H + 0.114 * ie) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Ct = sa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": gt(r) } : ca ? {
-    "--t-accent": re ? "#ffffff" : "#111111",
-    "--t-cta-bg": re ? "#ffffff" : "#111111",
-    "--t-cta-text": re ? "#000000" : "#ffffff"
+    "--t-accent": Q ? "#ffffff" : "#111111",
+    "--t-cta-bg": Q ? "#ffffff" : "#111111",
+    "--t-cta-text": Q ? "#000000" : "#ffffff"
   } : {
     "--t-accent": $e.accent,
     "--t-cta-bg": $e.accent,
     "--t-cta-text": gt($e.accent)
-  }, ae = {};
-  u && ce(u) && (ae["--t-surface"] = u, ae["--t-modal-bg"] = u), f && ce(f) && (ae["--t-pill-bg"] = f, ae["--t-close-bg"] = f), h && ce(h) && (ae["--t-text"] = h), d && ce(d) && (ae["--t-text-secondary"] = d), p && ce(p) && (ae["--t-text-muted"] = p, ae["--t-text-tertiary"] = p), g && ce(g) && (ae["--t-success"] = g);
-  const Ce = {};
-  i && ce(i) ? Ce.backgroundColor = i : Ce.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Ce.backgroundImage = `url(${c})`, Ce.backgroundSize = "cover", Ce.backgroundPosition = "center");
-  const Xe = re ? "#ffffff" : "#111111", We = {};
-  m && ce(m) && (We.border = `1px solid ${m}`), s && (We.borderRadius = s);
-  const vt = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: P }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ne, doneButtonText: V, onDone: fe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: G }) : null;
+  }, ne = {};
+  u && se(u) && (ne["--t-surface"] = u, ne["--t-modal-bg"] = u), f && se(f) && (ne["--t-pill-bg"] = f, ne["--t-close-bg"] = f), h && se(h) && (ne["--t-text"] = h), d && se(d) && (ne["--t-text-secondary"] = d), p && se(p) && (ne["--t-text-muted"] = p, ne["--t-text-tertiary"] = p), C && se(C) && (ne["--t-success"] = C);
+  const ve = {};
+  l && se(l) ? ve.backgroundColor = l : ve.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (ve.backgroundImage = `url(${c})`, ve.backgroundSize = "cover", ve.backgroundPosition = "center");
+  const Xe = Q ? "#ffffff" : "#111111", We = {};
+  m && se(m) && (We.border = `1px solid ${m}`), s && (We.borderRadius = s);
+  const vt = x.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: P }) : x.step === "processing" ? /* @__PURE__ */ e(Va, {}) : x.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: re, doneButtonText: j, onDone: he }) : x.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : x.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: $ }) : null;
   if (vt)
     return /* @__PURE__ */ e(
       "div",
@@ -3122,28 +3131,28 @@ function rn({
         className: `${xt} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-          ...Ce,
+          ...ve,
           ...Ct,
-          ...ae,
+          ...ne,
           ...We
         },
         children: vt
       }
     );
-  const le = y.network, Te = le ? Ze(le) : null, St = (Te == null ? void 0 : Te.shortName) || (Te == null ? void 0 : Te.name) || le;
+  const ce = x.network, Ae = ce ? Ze(ce) : null, St = (Ae == null ? void 0 : Ae.shortName) || (Ae == null ? void 0 : Ae.name) || ce;
   return /* @__PURE__ */ o(
     "div",
     {
       className: `${xt} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-        ...Ce,
+        ...ve,
         ...Ct,
-        ...ae,
+        ...ne,
         ...We
       },
       children: [
-        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => O("settings") }) }),
+        w && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => G("settings") }) }),
         A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
@@ -3151,7 +3160,7 @@ function rn({
               {
                 onClick: () => yt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Q === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: K === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
@@ -3160,7 +3169,7 @@ function rn({
               {
                 onClick: () => yt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Q === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: K === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
@@ -3173,14 +3182,14 @@ function rn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: Q === "buy" ? "0%" : "50%",
+                  left: K === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        Ie || qe || M ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        Ie || qe || I ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ o(
             "div",
             {
@@ -3188,7 +3197,7 @@ function rn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: we && pt ? "1px solid #EF4444" : "1px solid transparent",
+                border: ge && pt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -3197,22 +3206,22 @@ function rn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: D,
+                      ref: U,
                       type: "text",
                       value: et,
                       onChange: ea,
-                      onBlur: () => _e(!0),
-                      placeholder: K ? "250" : "0.01",
+                      onBlur: () => De(!0),
+                      placeholder: M ? "250" : "0.01",
                       className: "bg-transparent outline-none w-0 flex-1 mr-3",
                       style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
                       inputMode: "decimal",
-                      disabled: !!((Et = k == null ? void 0 : k.sourceAmount) != null && Et.locked)
+                      disabled: !!((Et = D == null ? void 0 : D.sourceAmount) != null && Et.locked)
                     }
                   ),
-                  K ? /* @__PURE__ */ o(
+                  M ? /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => O("fiat"),
+                      onClick: () => G("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3221,10 +3230,10 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((wt = k == null ? void 0 : k.sourceCurrency) != null && wt.locked),
+                      disabled: !!((wt = D == null ? void 0 : D.sourceCurrency) != null && wt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: te, size: 16, baseUrl: j }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: te }),
+                        /* @__PURE__ */ e(ct, { currencyCode: ae, size: 16, baseUrl: X }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: ae }),
                         /* @__PURE__ */ e(Pe, {})
                       ]
                     }
@@ -3232,7 +3241,7 @@ function rn({
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => O("crypto"),
+                        onClick: () => G("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3241,20 +3250,20 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((At = k == null ? void 0 : k.destinationCurrency) != null && At.locked),
+                        disabled: !!((At = D == null ? void 0 : D.destinationCurrency) != null && At.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: X, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: X }),
+                          /* @__PURE__ */ e(Ht, { ticker: _, size: 16, baseUrl: X }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: _ }),
                           /* @__PURE__ */ e(Pe, {})
                         ]
                       }
                     ),
-                    le && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    ce && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: it(le, j),
-                          alt: le,
+                          src: it(ce, X),
+                          alt: ce,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
@@ -3268,7 +3277,7 @@ function rn({
               ]
             }
           ),
-          we && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: se || (ft ? "Amount should be more than 0" : K ? `Minimum amount is ${Bt} ${te}` : `Minimum amount is ${Ot} ${X}`) }),
+          ge && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: de || (ft ? "Amount should be more than 0" : M ? `Minimum amount is ${Bt} ${ae}` : `Minimum amount is ${Ot} ${_}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -3285,7 +3294,7 @@ function rn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
-                  S && !b ? /* @__PURE__ */ e(_, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  v && !y ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     Wa,
                     {
                       value: z > 0 ? zt : "0",
@@ -3294,11 +3303,11 @@ function rn({
                       style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  K ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                  M ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => O("crypto"),
+                        onClick: () => G("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3307,20 +3316,20 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Rt = k == null ? void 0 : k.destinationCurrency) != null && Rt.locked),
+                        disabled: !!((Rt = D == null ? void 0 : D.destinationCurrency) != null && Rt.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: X, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: X }),
+                          /* @__PURE__ */ e(Ht, { ticker: _, size: 16, baseUrl: X }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: _ }),
                           /* @__PURE__ */ e(Pe, {})
                         ]
                       }
                     ),
-                    le && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    ce && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: it(le, j),
-                          alt: le,
+                          src: it(ce, X),
+                          alt: ce,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
@@ -3332,7 +3341,7 @@ function rn({
                   ] }) : /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => O("fiat"),
+                      onClick: () => G("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3341,10 +3350,10 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Tt = k == null ? void 0 : k.sourceCurrency) != null && Tt.locked),
+                      disabled: !!((Tt = D == null ? void 0 : D.sourceCurrency) != null && Tt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: te, size: 16, baseUrl: j }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: te }),
+                        /* @__PURE__ */ e(ct, { currencyCode: ae, size: 16, baseUrl: X }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: ae }),
                         /* @__PURE__ */ e(Pe, {})
                       ]
                     }
@@ -3353,7 +3362,7 @@ function rn({
               ]
             }
           ),
-          Be && z > 0 && (w == null ? void 0 : w.bestQuote) && /* @__PURE__ */ o(
+          Be && z > 0 && (N == null ? void 0 : N.bestQuote) && /* @__PURE__ */ o(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -3367,13 +3376,13 @@ function rn({
                   "You will be charged for ",
                   ut,
                   " ",
-                  X,
+                  _,
                   ", the rest up to ",
                   lt(z),
                   " ",
-                  te,
+                  ae,
                   " will be credited to your ",
-                  G,
+                  $,
                   " account"
                 ] })
               ]
@@ -3385,38 +3394,38 @@ function rn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(kt = l == null ? void 0 : l.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(kt = i == null ? void 0 : i.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: g ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: C ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
             }
           ),
-          (l == null ? void 0 : l.paymentMethods) && l.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
+          (i == null ? void 0 : i.paymentMethods) && i.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
             Pa,
             {
-              methods: l.paymentMethods,
-              selectedId: y.paymentMethodId,
-              onOpenModal: () => O("payment"),
-              fiatCurrency: y.fiatCurrency
+              methods: i.paymentMethods,
+              selectedId: x.paymentMethodId,
+              onOpenModal: () => G("payment"),
+              fiatCurrency: x.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: K ? "Receiving wallet address" : "Sending wallet address" }),
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: M ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: y.walletAddress,
-                onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
-                onFocus: () => Me(!0),
+                value: x.walletAddress,
+                onChange: (g) => k({ type: "SET_WALLET_ADDRESS", address: g.target.value }),
+                onFocus: () => Ee(!0),
                 onBlur: () => {
-                  Me(!1), Ve(!0);
+                  Ee(!1), te(!0);
                 },
-                placeholder: K ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: M ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
                 style: {
-                  border: y.walletError || ee && !tt ? "1px solid #EF4444" : Fe ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: x.walletError || _e && !tt ? "1px solid #EF4444" : ze ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3426,16 +3435,16 @@ function rn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((Lt = k == null ? void 0 : k.destinationAddress) != null && Lt.locked)
+                disabled: !!((Lt = D == null ? void 0 : D.destinationAddress) != null && Lt.locked)
               }
             ),
-            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : ee && !tt && !Ae ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ae && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            x.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: x.walletError }) : _e && !tt && !we ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : we && x.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1", style: { minHeight: 16 } }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Ge || ie || b,
+              disabled: !Ge || le || y,
               onClick: la,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -3443,92 +3452,92 @@ function rn({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Ge && !ie && !b ? 1 : 0.4,
-                cursor: Ge && !ie && !b ? "pointer" : "not-allowed"
+                opacity: Ge && !le && !y ? 1 : 0.4,
+                cursor: Ge && !le && !y ? "pointer" : "not-allowed"
               },
-              children: b ? "Getting best price..." : ie ? "Processing..." : K ? `Buy ${X}` : `Sell ${X}`
+              children: y ? "Getting best price..." : le ? "Processing..." : M ? `Buy ${_}` : `Sell ${_}`
             }
           ),
           /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
-        ] }, Q),
-        /* @__PURE__ */ e(He, { isOpen: xe === "fiat", onClose: () => O(null), children: (x) => {
-          var N;
+        ] }, K),
+        /* @__PURE__ */ e(He, { isOpen: oe === "fiat", onClose: () => G(null), children: (g) => {
+          var E;
           return /* @__PURE__ */ e(
             Za,
             {
-              onClose: x,
+              onClose: g,
               onSelect: (T) => {
-                ta(T), x();
+                ta(T), g();
               },
-              currencies: (N = l == null ? void 0 : l.fiats) == null ? void 0 : N.map((T) => ({ code: T.code, name: T.code })),
-              assetBaseUrl: j,
-              selectedCode: y.fiatCurrency
+              currencies: (E = i == null ? void 0 : i.fiats) == null ? void 0 : E.map((T) => ({ code: T.code, name: T.code })),
+              assetBaseUrl: X,
+              selectedCode: x.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "crypto", onClose: () => O(null), children: (x) => {
-          var N;
+        /* @__PURE__ */ e(He, { isOpen: oe === "crypto", onClose: () => G(null), children: (g) => {
+          var E;
           return /* @__PURE__ */ e(
             Qa,
             {
-              onClose: x,
+              onClose: g,
               onSelect: (T, H) => {
-                aa(T, H), x();
+                aa(T, H), g();
               },
-              cryptos: (N = l == null ? void 0 : l.cryptos) == null ? void 0 : N.map((T) => {
+              cryptos: (E = i == null ? void 0 : i.cryptos) == null ? void 0 : E.map((T) => {
                 var H;
                 return {
                   code: T.code,
                   name: T.code,
-                  networks: (H = T.networks) == null ? void 0 : H.map((oe) => ({ code: oe.id, name: oe.name }))
+                  networks: (H = T.networks) == null ? void 0 : H.map((ie) => ({ code: ie.id, name: ie.name }))
                 };
               }),
-              assetBaseUrl: j,
-              selectedCode: y.cryptoCurrency,
-              selectedChain: y.network
+              assetBaseUrl: X,
+              selectedCode: x.cryptoCurrency,
+              selectedChain: x.network
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "payment", onClose: () => O(null), children: (x) => {
-          var N;
+        /* @__PURE__ */ e(He, { isOpen: oe === "payment", onClose: () => G(null), children: (g) => {
+          var E;
           return /* @__PURE__ */ e(
             za,
             {
-              methods: ((N = l == null ? void 0 : l.paymentMethods) == null ? void 0 : N.filter((T) => T.supportedFiats.includes(y.fiatCurrency))) || [],
-              selectedId: y.paymentMethodId,
+              methods: ((E = i == null ? void 0 : i.paymentMethods) == null ? void 0 : E.filter((T) => T.supportedFiats.includes(x.fiatCurrency))) || [],
+              selectedId: x.paymentMethodId,
               onSelect: (T) => {
-                na(T), x();
+                na(T), g();
               },
-              onClose: x
+              onClose: g
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "settings", onClose: () => O(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(He, { isOpen: oe === "settings", onClose: () => G(null), children: (g) => /* @__PURE__ */ e(
           en,
           {
-            onClose: x,
-            darkMode: re,
-            onToggleDarkMode: Ne,
-            skinId: Ee,
-            onSelectSkin: (N) => {
-              de(N);
+            onClose: g,
+            darkMode: Q,
+            onToggleDarkMode: be,
+            skinId: Ne,
+            onSelectSkin: (E) => {
+              Ue(E);
             },
             showThemeToggle: R,
-            country: y.country,
+            country: x.country,
             countryName: ia,
             onLocationPress: oa,
-            assetBaseUrl: j
+            assetBaseUrl: X
           }
         ) }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "country", onClose: () => O(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(He, { isOpen: oe === "country", onClose: () => G(null), children: (g) => /* @__PURE__ */ e(
           an,
           {
-            onClose: x,
-            onSelect: (N) => {
-              ra(N), x();
+            onClose: g,
+            onSelect: (E) => {
+              ra(E), g();
             },
-            assetBaseUrl: j,
-            selectedCode: y.country
+            assetBaseUrl: X,
+            selectedCode: x.country
           }
         ) })
       ]
@@ -3540,7 +3549,7 @@ function on({
   apiUrl: a,
   assetBaseUrl: n,
   flowType: r,
-  customerId: i,
+  customerId: l,
   brandId: c,
   defaultFiatCurrency: m,
   defaultCryptoCurrency: s,
@@ -3549,35 +3558,35 @@ function on({
   defaultCryptoAmount: h,
   defaultWalletAddress: d,
   defaultGateway: p,
-  defaultCountry: g,
+  defaultCountry: C,
   fieldLocks: A,
-  statusPollInterval: E,
+  statusPollInterval: w,
   onComplete: R,
   onError: P,
-  className: ne,
-  theme: V,
+  className: re,
+  theme: j,
   skinId: Z,
   accentColor: q,
-  bgColor: G,
-  bgImage: fe,
-  borderColor: y,
-  borderRadius: L,
-  surfaceColor: l,
-  inputBgColor: M,
-  textColor: w,
-  textSecondaryColor: S,
-  textMutedColor: he,
-  successColor: pe,
-  showFlowToggle: ye,
-  showSettings: ie,
-  showThemeToggle: se,
-  autoRedirect: k,
-  explorerUrl: be,
-  doneButtonText: j,
-  supportEmail: re,
-  stablecoinParity: Ne,
-  partnerName: Ee,
-  onDone: de
+  bgColor: $,
+  bgImage: he,
+  borderColor: x,
+  borderRadius: k,
+  surfaceColor: i,
+  inputBgColor: I,
+  textColor: N,
+  textSecondaryColor: v,
+  textMutedColor: pe,
+  successColor: ye,
+  showFlowToggle: xe,
+  showSettings: le,
+  showThemeToggle: de,
+  autoRedirect: D,
+  explorerUrl: ee,
+  doneButtonText: X,
+  supportEmail: Q,
+  stablecoinParity: be,
+  partnerName: Ne,
+  onDone: Ue
 }) {
   return /* @__PURE__ */ e(
     Ca,
@@ -3586,7 +3595,7 @@ function on({
       apiUrl: a,
       assetBaseUrl: n,
       flowType: r,
-      customerId: i,
+      customerId: l,
       brandId: c,
       defaultFiatCurrency: m,
       defaultCryptoCurrency: s,
@@ -3595,38 +3604,38 @@ function on({
       defaultCryptoAmount: h,
       defaultWalletAddress: d,
       defaultGateway: p,
-      defaultCountry: g,
+      defaultCountry: C,
       fieldLocks: A,
-      statusPollInterval: E,
+      statusPollInterval: w,
       onComplete: R,
       onError: P,
       children: /* @__PURE__ */ e(
         rn,
         {
-          className: ne,
-          theme: V,
+          className: re,
+          theme: j,
           skinId: Z,
           accentColor: q,
-          bgColor: G,
-          bgImage: fe,
-          borderColor: y,
-          borderRadius: L,
-          surfaceColor: l,
-          inputBgColor: M,
-          textColor: w,
-          textSecondaryColor: S,
-          textMutedColor: he,
-          successColor: pe,
-          showFlowToggle: ye,
-          showSettings: ie,
-          showThemeToggle: se,
-          autoRedirect: k,
-          explorerUrl: be,
-          doneButtonText: j,
-          supportEmail: re,
-          stablecoinParity: Ne,
-          partnerName: Ee,
-          onDone: de
+          bgColor: $,
+          bgImage: he,
+          borderColor: x,
+          borderRadius: k,
+          surfaceColor: i,
+          inputBgColor: I,
+          textColor: N,
+          textSecondaryColor: v,
+          textMutedColor: pe,
+          successColor: ye,
+          showFlowToggle: xe,
+          showSettings: le,
+          showThemeToggle: de,
+          autoRedirect: D,
+          explorerUrl: ee,
+          doneButtonText: X,
+          supportEmail: Q,
+          stablecoinParity: be,
+          partnerName: Ne,
+          onDone: Ue
         }
       )
     }
@@ -3644,7 +3653,7 @@ function xn({
   active: a,
   onClick: n,
   darkMode: r,
-  dimmed: i
+  dimmed: l
 }) {
   const c = t.accent === null, m = 32;
   return /* @__PURE__ */ o(
@@ -3652,7 +3661,7 @@ function xn({
     {
       onClick: n,
       className: "relative shrink-0",
-      style: { width: m, height: m, opacity: i ? 0.4 : 1, transition: "opacity 0.2s" },
+      style: { width: m, height: m, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
         c ? /* @__PURE__ */ o("svg", { width: m, height: m, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
@@ -3661,7 +3670,7 @@ function xn({
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#ffffff", clipPath: "url(#mono-right)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "none", stroke: r ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)", strokeWidth: "1" })
         ] }) : /* @__PURE__ */ e("svg", { width: m, height: m, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
-        a && !i && /* @__PURE__ */ e(
+        a && !l && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full",
@@ -3704,14 +3713,14 @@ function sn() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(_, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(V, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(_, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(_, { w: 60, h: 12 })
+          /* @__PURE__ */ e(V, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ o("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(_, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(_, { w: 80, h: 14 })
+          /* @__PURE__ */ e(V, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 80, h: 14 })
         ] })
       ]
     },
@@ -3723,15 +3732,15 @@ function gn({
   onSelect: a,
   quotes: n,
   quotesLoading: r,
-  cryptoCurrency: i
+  cryptoCurrency: l
 }) {
-  const [c, m] = v(""), s = Y(() => {
+  const [c, m] = S(""), s = Y(() => {
     if (!(n != null && n.quotes)) return [];
     const u = c.trim().toLowerCase();
     return u ? n.quotes.filter((f) => f.gatewayName.toLowerCase().includes(u)) : n.quotes;
   }, [n, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Le, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3766,7 +3775,7 @@ function gn({
               /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
-                  i,
+                  l,
                   " ",
                   p
                 ] })
@@ -3807,7 +3816,7 @@ export {
   Pe as ChevronDown,
   Pt as ChevronRight,
   gn as ChooseRampModal,
-  De as CloseButton,
+  Le as CloseButton,
   pn as CoinifyIcon,
   ja as CompleteStep,
   $a as ConfirmStep,
@@ -3835,7 +3844,7 @@ export {
   Mt as SKINS,
   Ke as SearchInput,
   en as SettingsScreen,
-  _ as Skeleton,
+  V as Skeleton,
   xn as SkinSwatch,
   Ja as ToggleSwitch,
   lt as formatOutput,
@@ -3849,7 +3858,7 @@ export {
   Ea as parseAmount,
   ya as useCheckoutIntent,
   pa as useQuotes,
-  Ue as useRamp,
+  ke as useRamp,
   ha as useRampConfig,
   xa as useTransaction
 };