@nowramp/form 0.1.78 → 0.1.79

package/dist/index.js

@@ -8,119 +8,119 @@
 }`;
   document.head.appendChild(s);
 })();
-import { jsx as e, jsxs as o, Fragment as J } from "react/jsx-runtime";
-import de, { useState as v, useRef as O, useCallback as P, useEffect as Y, useMemo as Z, useReducer as ua, useContext as ma, createContext as fa } from "react";
-import { RampApi as ze } from "@nowramp/sdk";
-import { createPortal as Ut } from "react-dom";
-function ha(t, a, n) {
-  const [r, l] = v(null), [c, m] = v(!0), [s, u] = v(null), f = O(null);
-  (!f.current || f.current !== t) && (f.current = new ze({ apiKey: "", ...t }));
+import { jsx as e, jsxs as l, Fragment as q } from "react/jsx-runtime";
+import ye, { useState as N, useRef as I, useCallback as P, useEffect as Z, useMemo as $, useReducer as Ca, useContext as ga, createContext as xa } from "react";
+import { RampApi as et } from "@nowramp/sdk";
+import { createPortal as Ot } from "react-dom";
+function va(t, a, n) {
+  const [r, o] = N(null), [d, u] = N(!0), [i, s] = N(null), m = I(null);
+  (!m.current || m.current !== t) && (m.current = new et({ apiKey: "", ...t }));
   const h = P(async () => {
     if (!t.projectId) {
-      u(new Error("projectId is required")), m(!1);
+      s(new Error("projectId is required")), u(!1);
       return;
     }
-    m(!0), u(null);
+    u(!0), s(null);
     try {
-      const d = {};
-      a && (d.orderType = a), n && (d.country = n);
-      const p = await f.current.getSupported(d);
-      l(p);
-    } catch (d) {
-      u(d instanceof Error ? d : new Error("Failed to fetch config"));
+      const f = {};
+      a && (f.orderType = a), n && (f.country = n);
+      const p = await m.current.getSupported(f);
+      o(p);
+    } catch (f) {
+      s(f instanceof Error ? f : new Error("Failed to fetch config"));
     } finally {
-      m(!1);
+      u(!1);
     }
   }, [t.projectId, a, n]);
-  return Y(() => {
+  return Z(() => {
     h();
-  }, [h]), { config: r, loading: c, error: s, refetch: h };
-}
-function pa(t, a) {
-  const [n, r] = v(null), [l, c] = v(!1), [m, s] = v(null), u = O(null), f = O(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!u.current || f.current !== h) && (u.current = new ze({ apiKey: "", ...t }), f.current = h);
-  const d = O(0);
-  Y(() => {
-    const g = ++d.current;
+  }, [h]), { config: r, loading: d, error: i, refetch: h };
+}
+function Sa(t, a) {
+  const [n, r] = N(null), [o, d] = N(!1), [u, i] = N(null), s = I(null), m = I(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || m.current !== h) && (s.current = new et({ apiKey: "", ...t }), m.current = h);
+  const f = I(0);
+  Z(() => {
+    const x = ++f.current;
     if (!a || !t.projectId) {
-      r(null), c(!1);
+      r(null), d(!1);
       return;
     }
-    c(!0), s(null), u.current.getQuotes(a).then(
-      (A) => {
-        d.current === g && (r(A), c(!1));
+    d(!0), i(null), s.current.getQuotes(a).then(
+      (C) => {
+        f.current === x && (r(C), d(!1));
       },
-      (A) => {
-        d.current === g && (s(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), c(!1));
+      (C) => {
+        f.current === x && (i(C instanceof Error ? C : new Error("Failed to fetch quotes")), r(null), d(!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 = P(async () => {
     if (!(!a || !t.projectId)) {
-      c(!0), s(null);
+      d(!0), i(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 x = await s.current.getQuotes(a);
+        r(x);
+      } catch (x) {
+        i(x instanceof Error ? x : new Error("Failed to fetch quotes"));
       } finally {
-        c(!1);
+        d(!1);
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: l, error: m, refetch: p };
+  return { quotes: n, loading: o, error: u, refetch: p };
 }
-function ya(t) {
-  const [a, n] = v(null), [r, l] = v(!1), [c, m] = v(null), s = O(null), u = O(""), f = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || u.current !== f) && (s.current = new ze({ apiKey: "", ...t }), u.current = f);
+function ba(t) {
+  const [a, n] = N(null), [r, o] = N(!1), [d, u] = N(null), i = I(null), s = I(""), m = `${t.apiUrl}|${t.projectId}`;
+  (!i.current || s.current !== m) && (i.current = new et({ apiKey: "", ...t }), s.current = m);
   const h = P(async (p) => {
-    l(!0), m(null);
+    o(!0), u(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");
-      throw m(A), A;
+      const x = await i.current.createCheckoutIntent(p);
+      return n(x), x;
+    } catch (x) {
+      const C = x instanceof Error ? x : new Error("Failed to create checkout intent");
+      throw u(C), C;
     } finally {
-      l(!1);
+      o(!1);
     }
-  }, []), d = P(() => {
-    n(null), m(null);
+  }, []), f = P(() => {
+    n(null), u(null);
   }, []);
-  return { order: a, loading: r, error: c, createOrder: h, reset: d };
+  return { order: a, loading: r, error: d, createOrder: h, reset: f };
 }
-function xa(t, a, n) {
-  const [r, l] = v(null), [c, m] = v(!1), [s, u] = v(null), f = O(null);
-  f.current || (f.current = new ze({ apiKey: "", projectId: "", ...t }));
+function Na(t, a, n) {
+  const [r, o] = N(null), [d, u] = N(!1), [i, s] = N(null), m = I(null);
+  m.current || (m.current = new et({ apiKey: "", projectId: "", ...t }));
   const h = P(async () => {
     if (a) {
-      m(!0), u(null);
+      u(!0), s(null);
       try {
-        const d = await f.current.getTransaction(a);
-        l(d);
-      } catch (d) {
-        u(d instanceof Error ? d : new Error("Failed to fetch status"));
+        const f = await m.current.getTransaction(a);
+        o(f);
+      } catch (f) {
+        s(f instanceof Error ? f : new Error("Failed to fetch status"));
       } finally {
-        m(!1);
+        u(!1);
       }
     }
   }, [a]);
-  return Y(() => {
+  return Z(() => {
     if (!a) return;
-    const d = (n == null ? void 0 : n.initialDelay) ?? 0;
-    if (d > 0) {
-      const p = setTimeout(h, d);
+    const f = (n == null ? void 0 : n.initialDelay) ?? 0;
+    if (f > 0) {
+      const p = setTimeout(h, f);
       return () => clearTimeout(p);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), Y(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), Z(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
     const p = setInterval(h, n.pollInterval);
     return () => clearInterval(p);
-  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: c, error: s, refetch: h };
+  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: d, error: i, refetch: h };
 }
-const Ze = [
+const Je = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
   { code: "ae", name: "United Arab Emirates", defaultFiat: "AED" },
   { code: "af", name: "Afghanistan", defaultFiat: "USD" },
@@ -312,22 +312,112 @@ const Ze = [
   { code: "za", name: "South Africa", defaultFiat: "ZAR" },
   { code: "zm", name: "Zambia", defaultFiat: "USD" },
   { code: "zw", name: "Zimbabwe", defaultFiat: "USD" }
-], st = Object.fromEntries(
-  Ze.map((t) => [t.code, t])
+], ht = Object.fromEntries(
+  Je.map((t) => [t.code, t])
 );
-function ot(t, a) {
+function dt(t, a) {
   if (!t) return "USD";
-  const n = st[t.toLowerCase()], r = (n == null ? void 0 : n.defaultFiat) || "USD";
+  const n = ht[t.toLowerCase()], r = (n == null ? void 0 : n.defaultFiat) || "USD";
   return !a || a.length === 0 || a.includes(r) ? r : a.includes("USD") ? "USD" : a[0] || "USD";
 }
-function Dt(t, a) {
+const tt = !0;
+function pt(t, a, n = tt) {
+  return t === void 0 || a === void 0 ? n : t.length === 0 || a.length === 0 ? !1 : t.some((r) => a.includes(r));
+}
+function wa(t, a, n = tt) {
+  return t.filter((r) => pt(r.providers, a, n));
+}
+function Ea(t, a, n = tt) {
+  const r = [];
+  for (const o of t) {
+    const d = o.networks.filter(
+      (u) => pt(u.providers, a, n)
+    );
+    d.length > 0 && r.push(
+      d.length === o.networks.length ? o : { ...o, networks: d }
+    );
+  }
+  return r;
+}
+function Aa(t, a, n, r = tt) {
+  return n ? t.filter(
+    (o) => o.supportedFiats.includes(n) && pt(o.providers, a, r)
+  ) : [];
+}
+function Ra(t, a, n) {
+  const r = {};
+  let o = !1;
+  if (!n.cryptoLocked && !n.networkLocked) {
+    if (!(t.cryptoCurrency && a.availableCryptos.some(
+      (i) => i.code === t.cryptoCurrency && i.networks.some((s) => s.id === t.network)
+    )) && a.availableCryptos.length > 0) {
+      const i = a.availableCryptos[0], s = i.networks.find((m) => m.isDefault) || i.networks[0];
+      i.code !== t.cryptoCurrency && (r.cryptoCurrency = i.code, o = !0), s && s.id !== t.network && (r.network = s.id, o = !0);
+    }
+  } else if (!n.cryptoLocked && n.networkLocked) {
+    if (!(t.cryptoCurrency && a.availableCryptos.some(
+      (i) => i.code === t.cryptoCurrency && i.networks.some((s) => s.id === t.network)
+    ))) {
+      const i = a.availableCryptos.find(
+        (s) => s.networks.some((m) => m.id === t.network)
+      );
+      i && i.code !== t.cryptoCurrency && (r.cryptoCurrency = i.code, o = !0);
+    }
+  } else if (n.cryptoLocked && !n.networkLocked) {
+    const u = a.availableCryptos.find(
+      (i) => i.code === t.cryptoCurrency
+    );
+    if (u && !u.networks.some(
+      (s) => s.id === t.network
+    ) && u.networks.length > 0) {
+      const s = u.networks.find((m) => m.isDefault) || u.networks[0];
+      s.id !== t.network && (r.network = s.id, o = !0);
+    }
+  }
+  if (!n.fiatLocked && !(t.fiatCurrency && a.availableFiats.some((i) => i.code === t.fiatCurrency)) && a.availableFiats.length > 0) {
+    const s = a.availableFiats.find((m) => m.code === "USD") || a.availableFiats[0];
+    s.code !== t.fiatCurrency && (r.fiatCurrency = s.code, o = !0);
+  }
+  if (!(t.paymentMethodId && a.availablePaymentMethods.some(
+    (u) => u.id === t.paymentMethodId
+  )) && a.availablePaymentMethods.length > 0) {
+    const i = a.availablePaymentMethods.find(
+      (s) => s.id.includes("card") || s.id.includes("debit")
+    ) || a.availablePaymentMethods[0];
+    i.id !== t.paymentMethodId && (r.paymentMethodId = i.id, o = !0);
+  }
+  return o ? r : null;
+}
+function ka(t, a, n, r) {
+  var o, d, u;
+  if (n.cryptoLocked) {
+    const i = (o = t.cryptos) == null ? void 0 : o.find(
+      (m) => m.code === a.cryptoCurrency
+    );
+    if (!i) return !0;
+    const s = (d = i.networks) == null ? void 0 : d.find((m) => m.id === a.network);
+    if (!s || s.providers !== void 0 && s.providers.length === 0 || s.providers !== void 0 && (r.availableFiats.length === 0 || r.availablePaymentMethods.length === 0))
+      return !0;
+  }
+  if (n.networkLocked && !n.cryptoLocked && !r.availableCryptos.some(
+    (s) => s.networks.some((m) => m.id === a.network)
+  ))
+    return !0;
+  if (n.fiatLocked) {
+    const i = (u = t.fiats) == null ? void 0 : u.find((s) => s.code === a.fiatCurrency);
+    if (!i || i.providers !== void 0 && i.providers.length === 0 || i.providers !== void 0 && r.availableCryptos.length === 0)
+      return !0;
+  }
+  return !1;
+}
+function Ht(t, a) {
   if (!t) return t;
   const n = t.indexOf(".");
   if (n === -1) return t;
   let r = t;
   return r.length - n - 1 > a && (r = r.slice(0, n + a + 1)), r = r.replace(/0+$/, "").replace(/\.$/, ""), r;
 }
-const Vt = {
+const Yt = {
   step: "amount",
   flowType: "buy",
   fiatCurrency: "USD",
@@ -346,7 +436,8 @@ const Vt = {
   countrySource: "",
   errorMessage: null
 };
-function ga(t, a) {
+function Ta(t, a) {
+  var n, r, o, d, u, i, s, m;
   switch (a.type) {
     case "SET_STEP":
       return { ...t, step: a.step, errorMessage: null };
@@ -356,6 +447,9 @@ function ga(t, a) {
         flowType: a.flowType,
         fiatAmount: "",
         cryptoAmount: "",
+        fiatCurrency: (r = (n = a.fieldLocks) == null ? void 0 : n.sourceCurrency) != null && r.locked ? t.fiatCurrency : "",
+        cryptoCurrency: (d = (o = a.fieldLocks) == null ? void 0 : o.destinationCurrency) != null && d.locked ? t.cryptoCurrency : "",
+        network: (i = (u = a.fieldLocks) == null ? void 0 : u.network) != null && i.locked || (m = (s = a.fieldLocks) == null ? void 0 : s.destinationCurrency) != null && m.locked ? t.network : "",
         paymentMethodId: "",
         selectedQuote: null,
         selectedProvider: null,
@@ -398,238 +492,301 @@ function ga(t, a) {
     case "CLEAR_ERROR":
       return { ...t, errorMessage: null };
     case "RESET":
-      return Vt;
+      return Yt;
     default:
       return t;
   }
 }
-const jt = fa(null);
-function Ca({
+const Zt = xa(null);
+function La({
   projectId: t,
   apiUrl: a = "https://api.nowramp.com",
   assetBaseUrl: n = "",
   flowType: r = "buy",
-  customerId: l = "",
-  brandId: c,
-  defaultFiatCurrency: m = "USD",
-  defaultCryptoCurrency: s = "BTC",
-  defaultNetwork: u = "",
-  defaultFiatAmount: f = "",
+  customerId: o = "",
+  brandId: d,
+  defaultFiatCurrency: u = "USD",
+  defaultCryptoCurrency: i = "BTC",
+  defaultNetwork: s = "",
+  defaultFiatAmount: m = "",
   defaultCryptoAmount: h = "",
-  defaultWalletAddress: d = "",
+  defaultWalletAddress: f = "",
   defaultGateway: p,
-  defaultCountry: g,
-  fieldLocks: A,
+  defaultCountry: x,
+  fieldLocks: C,
   statusPollInterval: E = 5e3,
-  onComplete: R,
+  onComplete: k,
   onError: _,
-  children: ae
+  children: re
 }) {
-  const j = Z(() => ({ apiUrl: a, projectId: t }), [a, t]), Q = u || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, y = (q ? !!($ && s && Q) : !!($ && s && Q && d)) && p ? "confirm" : "amount", k = f || (r === "buy" ? "250" : ""), [i, I] = ua(ga, {
-    ...Vt,
-    step: y,
+  const j = $(() => ({ apiUrl: a, projectId: t }), [a, t]), Q = s || (i ? i.toLowerCase() : ""), ee = r === "sell", W = ee ? !!h : !!m, v = (ee ? !!(W && i && Q) : !!(W && i && Q && f)) && p ? "confirm" : "amount", L = m || (r === "buy" ? "250" : ""), [c, U] = Ca(Ta, {
+    ...Yt,
+    step: v,
     flowType: r,
-    fiatCurrency: m,
-    cryptoCurrency: s,
+    fiatCurrency: u,
+    cryptoCurrency: i,
     network: Q,
-    fiatAmount: Dt(k, 2),
-    cryptoAmount: Dt(h, 6),
-    walletAddress: d,
-    customerId: l,
+    fiatAmount: Ht(L, 2),
+    cryptoAmount: Ht(h, 6),
+    walletAddress: f,
+    customerId: o,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...g ? { country: g.toLowerCase(), countrySource: "manual" } : {}
-  }), b = i.flowType === "sell", {
+    ...x ? { country: x.toLowerCase(), countrySource: "manual" } : {}
+  }), w = c.flowType === "sell", {
     config: S,
-    loading: ge,
-    error: Ce
-  } = ha(j, i.flowType, i.country || void 0), Se = O(!1);
-  de.useEffect(() => {
-    var U;
-    if (Se.current || !(S != null && S.detectedCountry) || i.country) return;
-    Se.current = !0;
-    const C = S.detectedCountry.toLowerCase();
-    I({ type: "SET_COUNTRY_AUTO", country: C });
-    const w = (U = S.fiats) == null ? void 0 : U.map((D) => D.code), L = ot(C, w);
-    L !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: L });
-  }, [S, i.country, i.fiatCurrency]);
-  const oe = O(!1);
-  de.useEffect(() => {
-    var L;
-    if (oe.current || !g || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
-    oe.current = !0;
-    const C = S.fiats.map((U) => U.code), w = ot(g, C);
-    w !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: w });
-  }, [g, S, i.fiatCurrency]);
-  const me = O(i.country);
-  de.useEffect(() => {
-    var L;
-    if (i.country === me.current || (me.current = i.country, i.countrySource === "manual" && (ie.current = !1), i.countrySource !== "manual") || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
-    const C = S.fiats.map((U) => U.code), w = ot(i.country, C);
-    w !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: w });
-  }, [i.country, i.countrySource, S, i.fiatCurrency]);
-  const M = O(i.fiatCurrency);
-  de.useEffect(() => {
-    var U;
-    if (i.fiatCurrency === M.current || (M.current = i.fiatCurrency, b || !((U = S == null ? void 0 : S.fiats) != null && U.length) || !i.fiatAmount)) return;
-    const C = S.fiats.find((D) => D.code === i.fiatCurrency);
-    if (!(C != null && C.minAmount)) return;
-    const w = parseFloat(i.fiatAmount), L = parseFloat(C.minAmount);
-    !isNaN(w) && !isNaN(L) && w < L && I({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(L)) });
-  }, [i.fiatCurrency, i.fiatAmount, S, b]), de.useEffect(() => {
-    var L, U, D;
-    if (!S || !i.cryptoCurrency || i.network) return;
-    const C = (L = S.cryptos) == null ? void 0 : L.find((F) => F.code === i.cryptoCurrency), w = ((U = C == null ? void 0 : C.networks) == null ? void 0 : U.find((F) => F.isDefault)) || ((D = C == null ? void 0 : C.networks) == null ? void 0 : D[0]);
-    w != null && w.id && I({ type: "SET_NETWORK", network: w.id });
-  }, [S, i.cryptoCurrency, i.network]), de.useEffect(() => {
-    var D, F;
-    if (!((D = S == null ? void 0 : S.paymentMethods) != null && D.length)) return;
-    const C = i.fiatCurrency, w = S.paymentMethods;
-    if (i.paymentMethodId && w.some(
-      (W) => W.id === i.paymentMethodId && W.supportedFiats.includes(C)
-    ))
-      return;
-    const U = w.find(
-      (B) => B.supportedFiats.includes(C) && (B.id.includes("card") || B.id.includes("debit"))
-    ) || w.find((B) => B.supportedFiats.includes(C));
-    I({ type: "SET_PAYMENT_METHOD", methodId: (U == null ? void 0 : U.id) || ((F = w[0]) == null ? void 0 : F.id) || "" });
-  }, [S, i.fiatCurrency, i.paymentMethodId]);
-  const ee = Z(() => {
-    if (b) {
-      if (!i.cryptoAmount) return null;
-      const D = parseFloat(i.cryptoAmount);
-      return isNaN(D) || D <= 0 ? "Enter a valid amount" : null;
+    loading: te,
+    error: xe
+  } = va(j, c.flowType, c.country || void 0), ve = I(!1);
+  ye.useEffect(() => {
+    var F;
+    if (ve.current || !(S != null && S.detectedCountry) || c.country) return;
+    ve.current = !0;
+    const y = S.detectedCountry.toLowerCase();
+    U({ type: "SET_COUNTRY_AUTO", country: y });
+    const A = (F = S.fiats) == null ? void 0 : F.map((M) => M.code), R = dt(y, A);
+    R !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: R });
+  }, [S, c.country, c.fiatCurrency]);
+  const le = I(!1);
+  ye.useEffect(() => {
+    var R;
+    if (le.current || !x || !((R = S == null ? void 0 : S.fiats) != null && R.length)) return;
+    le.current = !0;
+    const y = S.fiats.map((F) => F.code), A = dt(x, y);
+    A !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: A });
+  }, [x, S, c.fiatCurrency]);
+  const he = I(c.country);
+  ye.useEffect(() => {
+    var R;
+    if (c.country === he.current || (he.current = c.country, c.countrySource === "manual" && (se.current = !1), c.countrySource !== "manual") || !((R = S == null ? void 0 : S.fiats) != null && R.length)) return;
+    const y = S.fiats.map((F) => F.code), A = dt(c.country, y);
+    A !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: A });
+  }, [c.country, c.countrySource, S, c.fiatCurrency]);
+  const D = I(c.fiatCurrency);
+  ye.useEffect(() => {
+    var F;
+    if (c.fiatCurrency === D.current || (D.current = c.fiatCurrency, w || !((F = S == null ? void 0 : S.fiats) != null && F.length) || !c.fiatAmount)) return;
+    const y = S.fiats.find((M) => M.code === c.fiatCurrency);
+    if (!(y != null && y.minAmount)) return;
+    const A = parseFloat(c.fiatAmount), R = parseFloat(y.minAmount);
+    !isNaN(A) && !isNaN(R) && A < R && U({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(R)) });
+  }, [c.fiatCurrency, c.fiatAmount, S, w]);
+  const { availableFiats: ae, availableCryptos: B, availablePaymentMethods: ce } = $(() => {
+    var R, F, M;
+    if (!S)
+      return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
+    let y;
+    if (c.cryptoCurrency && c.network) {
+      const T = (R = S.cryptos) == null ? void 0 : R.find((X) => X.code === c.cryptoCurrency), H = (F = T == null ? void 0 : T.networks) == null ? void 0 : F.find((X) => X.id === c.network);
+      !T || !H ? y = [] : y = H.providers;
+    }
+    let A;
+    if (c.fiatCurrency) {
+      const T = (M = S.fiats) == null ? void 0 : M.find((H) => H.code === c.fiatCurrency);
+      T ? A = T.providers : A = [];
     }
-    if (!S || !i.fiatAmount) return null;
-    const C = parseFloat(i.fiatAmount);
-    if (isNaN(C)) return null;
-    const w = S.fiats.find((D) => D.code === i.fiatCurrency);
-    if (!w) return null;
-    const L = parseFloat(w.minAmount), U = parseFloat(w.maxAmount);
-    return !isNaN(L) && C < L ? `Minimum amount is ${w.minAmount} ${i.fiatCurrency}` : !isNaN(U) && C > U ? `Maximum amount is ${w.maxAmount} ${i.fiatCurrency}` : null;
-  }, [S, i.fiatAmount, i.fiatCurrency, i.cryptoAmount, b]), G = Z(() => {
-    const C = b ? !!i.cryptoAmount : !!i.fiatAmount;
-    return !S || !C || !i.cryptoCurrency || !i.network || ee || S.detectedCountry && i.countrySource === "" && !g ? null : {
-      fiatCurrency: i.fiatCurrency,
-      ...b ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
-      cryptoCurrency: i.cryptoCurrency,
-      network: i.network,
-      paymentMethodId: i.paymentMethodId || void 0,
-      country: i.country || void 0,
-      orderType: i.flowType
+    return {
+      availableFiats: wa(S.fiats ?? [], y),
+      availableCryptos: Ea(S.cryptos ?? [], A),
+      availablePaymentMethods: Aa(
+        S.paymentMethods ?? [],
+        y,
+        c.fiatCurrency
+      )
     };
-  }, [S, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, i.countrySource, ee, b, i.flowType, g]), {
-    quotes: X,
-    loading: fe,
-    error: he,
-    refetch: Le
-  } = pa(j, G), ie = O(!1);
-  de.useEffect(() => {
-    ie.current || i.countrySource === "auto" && (fe || !G || he || !X || X.bestQuote || i.fiatCurrency !== "USD" && (ie.current = !0, I({ type: "SET_FIAT_CURRENCY", currency: "USD" }), I({ type: "SET_FIAT_AMOUNT", amount: "250" })));
-  }, [X, fe, he, G, i.countrySource, i.fiatCurrency]);
+  }, [S, c.cryptoCurrency, c.network, c.fiatCurrency]), De = $(() => {
+    var y, A, R;
+    return te || !S ? !1 : ka(
+      S,
+      { cryptoCurrency: c.cryptoCurrency, network: c.network, fiatCurrency: c.fiatCurrency },
+      {
+        cryptoLocked: !!((y = C == null ? void 0 : C.destinationCurrency) != null && y.locked),
+        networkLocked: !!((A = C == null ? void 0 : C.network) != null && A.locked),
+        fiatLocked: !!((R = C == null ? void 0 : C.sourceCurrency) != null && R.locked)
+      },
+      { availableFiats: ae, availableCryptos: B, availablePaymentMethods: ce }
+    );
+  }, [
+    te,
+    S,
+    C,
+    c.cryptoCurrency,
+    c.network,
+    c.fiatCurrency,
+    ae,
+    B,
+    ce
+  ]);
+  ye.useEffect(() => {
+    var A, R, F;
+    if (te || ae.length === 0 && B.length === 0) return;
+    const y = Ra(
+      {
+        cryptoCurrency: c.cryptoCurrency,
+        network: c.network,
+        fiatCurrency: c.fiatCurrency,
+        paymentMethodId: c.paymentMethodId
+      },
+      { availableFiats: ae, availableCryptos: B, availablePaymentMethods: ce },
+      {
+        cryptoLocked: !!((A = C == null ? void 0 : C.destinationCurrency) != null && A.locked),
+        networkLocked: !!((R = C == null ? void 0 : C.network) != null && R.locked),
+        fiatLocked: !!((F = C == null ? void 0 : C.sourceCurrency) != null && F.locked)
+      }
+    );
+    y && (y.cryptoCurrency !== void 0 && U({ type: "SET_CRYPTO_CURRENCY", currency: y.cryptoCurrency }), y.network !== void 0 && U({ type: "SET_NETWORK", network: y.network }), y.fiatCurrency !== void 0 && U({ type: "SET_FIAT_CURRENCY", currency: y.fiatCurrency }), y.paymentMethodId !== void 0 && U({ type: "SET_PAYMENT_METHOD", methodId: y.paymentMethodId }));
+  }, [
+    te,
+    ae,
+    B,
+    ce,
+    c.cryptoCurrency,
+    c.network,
+    c.fiatCurrency,
+    c.paymentMethodId,
+    C,
+    U
+  ]);
+  const Y = $(() => {
+    if (w) {
+      if (!c.cryptoAmount) return null;
+      const M = parseFloat(c.cryptoAmount);
+      return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
+    }
+    if (!S || !c.fiatAmount) return null;
+    const y = parseFloat(c.fiatAmount);
+    if (isNaN(y)) return null;
+    const A = S.fiats.find((M) => M.code === c.fiatCurrency);
+    if (!A) return null;
+    const R = parseFloat(A.minAmount), F = parseFloat(A.maxAmount);
+    return !isNaN(R) && y < R ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(F) && y > F ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
+  }, [S, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, w]), oe = $(() => {
+    const y = w ? !!c.cryptoAmount : !!c.fiatAmount;
+    return !S || !y || !c.fiatCurrency || !c.cryptoCurrency || !c.network || Y || S.detectedCountry && c.countrySource === "" && !x ? null : {
+      fiatCurrency: c.fiatCurrency,
+      ...w ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+      cryptoCurrency: c.cryptoCurrency,
+      network: c.network,
+      paymentMethodId: c.paymentMethodId || void 0,
+      country: c.country || void 0,
+      orderType: c.flowType
+    };
+  }, [S, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, c.countrySource, Y, w, c.flowType, x]), {
+    quotes: z,
+    loading: Ee,
+    error: Ae,
+    refetch: at
+  } = Sa(j, oe), se = I(!1);
+  ye.useEffect(() => {
+    se.current || c.countrySource === "auto" && (Ee || !oe || Ae || !z || z.bestQuote || c.fiatCurrency !== "USD" && (se.current = !0, U({ type: "SET_FIAT_CURRENCY", currency: "USD" }), U({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [z, Ee, Ae, oe, c.countrySource, c.fiatCurrency]);
   const {
-    order: H,
-    loading: Ue,
-    error: Ee,
-    createOrder: De
-  } = ya(j), Ke = 15e3, {
-    status: ne,
-    loading: _e
-  } = xa(
+    order: O,
+    loading: Me,
+    error: Re,
+    createOrder: Ie
+  } = ba(j), je = 15e3, {
+    status: ie,
+    loading: Ge
+  } = Na(
     { apiUrl: a },
-    (H == null ? void 0 : H.orderId) ?? null,
-    { pollInterval: E, initialDelay: Ke }
+    (O == null ? void 0 : O.orderId) ?? null,
+    { pollInterval: E, initialDelay: je }
   );
-  de.useEffect(() => {
-    (ne == null ? void 0 : ne.status) === "completed" && R && R(ne);
-  }, [ne == null ? void 0 : ne.status, R]), de.useEffect(() => {
-    const C = Ce || Ee;
-    C && _ && _(C);
-  }, [Ce, Ee, _]);
-  const ve = p || (S == null ? void 0 : S.defaultGateway) || null, Fe = O(ve);
-  Fe.current = ve;
-  const Ve = O(X);
-  Ve.current = X;
-  const le = O(c);
-  le.current = c;
-  const Me = P(async () => {
-    var w, L, U;
-    const C = ((w = i.selectedQuote) == null ? void 0 : w.gatewayId) || ((U = (L = Ve.current) == null ? void 0 : L.bestQuote) == null ? void 0 : U.gatewayId) || Fe.current;
-    if (!C || !i.walletAddress) {
-      const D = [!C && "gateway", !i.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      I({ type: "SET_ERROR", message: `Missing required fields: ${D}` });
+  ye.useEffect(() => {
+    (ie == null ? void 0 : ie.status) === "completed" && k && k(ie);
+  }, [ie == null ? void 0 : ie.status, k]), ye.useEffect(() => {
+    const y = xe || Re;
+    y && _ && _(y);
+  }, [xe, Re, _]);
+  const Se = p || (S == null ? void 0 : S.defaultGateway) || null, Be = I(Se);
+  Be.current = Se;
+  const $e = I(z);
+  $e.current = z;
+  const de = I(d);
+  de.current = d;
+  const Oe = P(async () => {
+    var A, R, F;
+    const y = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((F = (R = $e.current) == null ? void 0 : R.bestQuote) == null ? void 0 : F.gatewayId) || Be.current;
+    if (!y || !c.walletAddress) {
+      const M = [!y && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      U({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
       return;
     }
     try {
-      await De({
-        gateway: C,
-        customerId: i.customerId || void 0,
-        fiatCurrency: i.fiatCurrency,
-        ...b ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
-        cryptoCurrency: i.cryptoCurrency,
-        network: i.network,
-        walletAddress: i.walletAddress,
-        paymentMethodId: i.paymentMethodId || void 0,
-        email: i.email || void 0,
-        orderType: i.flowType,
-        ...le.current ? { metadata: { brand: le.current } } : {}
-      }), I({ type: "SET_STEP", step: "checkout" });
-    } catch (D) {
-      const F = D instanceof Error ? D.message : "Failed to create order";
-      /wallet|address/i.test(F) ? I({ type: "SET_WALLET_ERROR", message: F.replace(/^Failed to create checkout intent:\s*/i, "") }) : I({ type: "SET_ERROR", message: F });
+      await Ie({
+        gateway: y,
+        customerId: c.customerId || void 0,
+        fiatCurrency: c.fiatCurrency,
+        ...w ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+        cryptoCurrency: c.cryptoCurrency,
+        network: c.network,
+        walletAddress: c.walletAddress,
+        paymentMethodId: c.paymentMethodId || void 0,
+        email: c.email || void 0,
+        orderType: c.flowType,
+        ...de.current ? { metadata: { brand: de.current } } : {}
+      }), U({ type: "SET_STEP", step: "checkout" });
+    } catch (M) {
+      const T = M instanceof Error ? M.message : "Failed to create order";
+      /wallet|address/i.test(T) ? U({ type: "SET_WALLET_ERROR", message: T.replace(/^Failed to create checkout intent:\s*/i, "") }) : U({ type: "SET_ERROR", message: T });
     }
-  }, [i, De, b]), Je = P((C) => {
-    I({ type: "SET_STEP", step: C });
-  }, []), qe = P(() => {
-    const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], w = C.indexOf(i.step);
-    w > 0 && I({ type: "SET_STEP", step: C[w - 1] });
-  }, [i.step, b]), je = Z(() => {
-    const C = b ? !!i.cryptoAmount : !!i.fiatAmount;
-    switch (i.step) {
+  }, [c, Ie, w]), nt = P((y) => {
+    U({ type: "SET_STEP", step: y });
+  }, []), rt = P(() => {
+    const y = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = y.indexOf(c.step);
+    A > 0 && U({ type: "SET_STEP", step: y[A - 1] });
+  }, [c.step, w]), We = $(() => {
+    const y = w ? !!c.cryptoAmount : !!c.fiatAmount;
+    switch (c.step) {
       case "confirm":
-        return !!(C && i.cryptoCurrency && i.network && i.walletAddress && !ee);
+        return !!(y && c.cryptoCurrency && c.network && c.walletAddress && !Y);
       case "amount":
-        return !!(C && i.cryptoCurrency && i.network && !ee);
+        return !!(y && c.cryptoCurrency && c.network && !Y);
       case "quotes":
-        return !!i.selectedQuote;
+        return !!c.selectedQuote;
       case "wallet":
-        return !!i.walletAddress;
+        return !!c.walletAddress;
       default:
         return !1;
     }
-  }, [i, ee, b]), ce = {
+  }, [c, Y, w]), ue = {
     apiConfig: j,
     assetBaseUrl: n,
     config: S,
-    configLoading: ge,
-    configError: Ce,
-    state: i,
-    dispatch: I,
-    quotes: X,
-    quotesLoading: fe,
-    quotesError: he,
-    fetchQuotes: Le,
-    order: H,
-    orderLoading: Ue,
-    orderError: Ee,
-    createOrder: Me,
-    orderStatus: ne,
-    orderStatusLoading: _e,
-    fieldLocks: A || null,
-    defaultGateway: ve,
-    amountError: ee,
-    goToStep: Je,
-    goBack: qe,
-    canProceed: je
+    configLoading: te,
+    configError: xe,
+    state: c,
+    dispatch: U,
+    quotes: z,
+    quotesLoading: Ee,
+    quotesError: Ae,
+    fetchQuotes: at,
+    order: O,
+    orderLoading: Me,
+    orderError: Re,
+    createOrder: Oe,
+    orderStatus: ie,
+    orderStatusLoading: Ge,
+    fieldLocks: C || null,
+    defaultGateway: Se,
+    availableFiats: ae,
+    availableCryptos: B,
+    availablePaymentMethods: ce,
+    selectionUnsupported: De,
+    amountError: Y,
+    goToStep: nt,
+    goBack: rt,
+    canProceed: We
   };
-  return /* @__PURE__ */ e(jt.Provider, { value: ce, children: ae });
+  return /* @__PURE__ */ e(Zt.Provider, { value: ue, children: re });
 }
-function Te() {
-  const t = ma(jt);
+function Ue() {
+  const t = ga(Zt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Be = {
+const Pe = {
   // Canonical IDs (returned by the API — lowercase full names)
   // These cover cases where the canonical ID differs from the legacy uppercase key
   ethereum: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
@@ -791,7 +948,7 @@ const Be = {
   OKC: { name: "OKX Chain", icon: "eth" },
   UNI_CHAIN: { name: "UNI", icon: "uni" },
   ZEC: { name: "ZCash", icon: "zec" }
-}, Gt = [
+}, Qt = [
   // --- Popular / Top coins ---
   { code: "BTC", name: "Bitcoin", chains: ["BTC", "LN"], popular: !0 },
   { code: "ETH", name: "Ethereum", chains: ["ETH", "ARB", "BASE", "BSC", "OPTIMISM", "LINEA", "ZKSYNC", "LRC", "STARK", "APE", "ECLIPSE", "FUEL", "INK", "SOPHON", "UNICHAIN", "WLD"], popular: !0 },
@@ -984,9 +1141,9 @@ const Be = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], Sa = Object.fromEntries(
-  Gt.map((t) => [t.code, t.name])
-), va = {
+], Ua = Object.fromEntries(
+  Qt.map((t) => [t.code, t.name])
+), Fa = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -1021,21 +1178,21 @@ const Be = {
   VND: "vn",
   ZAR: "za"
 };
-function $t(t, a = "") {
+function zt(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function ba(t, a = "") {
-  const n = va[t] || "us";
+function Da(t, a = "") {
+  const n = Fa[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
-function Qe(t) {
-  return Be[t] || Be[t.toLowerCase()] || Be[t.toUpperCase()] || Be[t.toUpperCase().replace(/-/g, "_")] || Be[t.toLowerCase().replace(/-/g, "_")];
+function qe(t) {
+  return Pe[t] || Pe[t.toLowerCase()] || Pe[t.toUpperCase()] || Pe[t.toUpperCase().replace(/-/g, "_")] || Pe[t.toLowerCase().replace(/-/g, "_")];
 }
-function it(t, a = "") {
-  const n = Qe(t);
+function ut(t, a = "") {
+  const n = qe(t);
   return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-const Ft = [
+const Pt = [
   { code: "ALL", name: "Albania Lek" },
   { code: "ARS", name: "Argentina Peso" },
   { code: "AUD", name: "Australian Dollar" },
@@ -1048,14 +1205,14 @@ const Ft = [
   { code: "CHF", name: "Swiss Franc" },
   { code: "MXN", name: "Mexican Peso" },
   { code: "INR", name: "Indian Rupee" }
-], Mt = [
+], Kt = [
   { id: "blue", name: "Blue", accent: "#0077FF" },
   { id: "violet", name: "Violet", accent: "#7C3AED" },
   { id: "green", name: "Green", accent: "#10B981" },
   { id: "orange", name: "Orange", accent: "#F59E0B" },
   { id: "rose", name: "Rose", accent: "#F43F5E" },
   { id: "mono", name: "Mono", accent: null }
-], It = {
+], _t = {
   USDC: { USD: 0.9962, EUR: 1.0814, GBP: 1.2573, JPY: 667e-5, CAD: 0.7198, AUD: 0.6384, BRL: 0.1726, CHF: 1.1306, MXN: 0.0487, INR: 0.01187, ARS: 855e-6, ALL: 0.01058 },
   USDT: { USD: 0.9958, EUR: 1.081, GBP: 1.2568, JPY: 666e-5, CAD: 0.7194, AUD: 0.638, BRL: 0.1724, CHF: 1.1301, MXN: 0.0486, INR: 0.01186, ARS: 854e-6, ALL: 0.01057 },
   BTC: { USD: 104e-7, EUR: 1129e-8, GBP: 1313e-8, JPY: 696e-10, CAD: 751e-8, AUD: 666e-8, BRL: 18e-7, CHF: 118e-7, MXN: 508e-9, INR: 124e-9, ARS: 892e-11, ALL: 11e-8 },
@@ -1064,7 +1221,7 @@ const Ft = [
   XRP: { USD: 0.4081, EUR: 0.4432, GBP: 0.5153, JPY: 273e-5, CAD: 0.2948, AUD: 0.2614, BRL: 0.0707, CHF: 0.463, MXN: 0.01992, INR: 486e-5, ARS: 35e-5, ALL: 433e-5 },
   DOGE: { USD: 3.896, EUR: 4.232, GBP: 4.92, JPY: 0.02607, CAD: 2.815, AUD: 2.496, BRL: 0.675, CHF: 4.421, MXN: 0.1902, INR: 0.04641, ARS: 3345e-6, ALL: 0.04134 },
   ADA: { USD: 1.333, EUR: 1.448, GBP: 1.683, JPY: 892e-5, CAD: 0.963, AUD: 0.854, BRL: 0.2309, CHF: 1.512, MXN: 0.0651, INR: 0.01588, ARS: 1145e-6, ALL: 0.01414 }
-}, Na = /* @__PURE__ */ new Set([
+}, Ma = /* @__PURE__ */ new Set([
   "USDC",
   "USDT",
   "DAI",
@@ -1091,17 +1248,17 @@ const Ft = [
   "EURR",
   "ZCHF"
 ]);
-function Xt(t) {
-  return Na.has(t.toUpperCase());
+function Jt(t) {
+  return Ma.has(t.toUpperCase());
 }
-function hn(t, a) {
+function En(t, a) {
   var n, r;
-  return ((n = It[t]) == null ? void 0 : n[a]) ?? ((r = It.USDC) == null ? void 0 : r[a]) ?? 1;
+  return ((n = _t[t]) == null ? void 0 : n[a]) ?? ((r = _t.USDC) == null ? void 0 : r[a]) ?? 1;
 }
-function Ea(t) {
+function Ia(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
-function lt(t) {
+function mt(t) {
   if (t === 0) return "0";
   if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
   if (t >= 1) return t.toFixed(2);
@@ -1109,37 +1266,37 @@ function lt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const ue = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
+const fe = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Vt = 10, jt = 1e-4, Ba = (() => {
   const t = [];
-  for (const a of Gt)
+  for (const a of Qt)
     for (const n of a.chains)
       t.push({ code: a.code, name: a.name, chain: n, popular: a.popular });
   return t;
 })();
-function Wt({
+function qt({
   src: t,
   alt: a,
   size: n,
   className: r = "",
-  background: l
+  background: o
 }) {
-  const [c, m] = v(!1), [s, u] = v(!1), f = O(t);
-  f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = P(() => m(!0), []), d = P(() => u(!0), []);
-  return /* @__PURE__ */ o(
+  const [d, u] = N(!1), [i, s] = N(!1), m = I(t);
+  m.current !== t && (m.current = t, u(!1), s(!1));
+  const h = P(() => u(!0), []), f = P(() => s(!0), []);
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `relative rounded-full shrink-0 ${r}`,
-      style: { width: n, height: n, background: l },
+      style: { width: n, height: n, background: o },
       children: [
-        !c && !s && /* @__PURE__ */ e(
+        !d && !i && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full animate-pulse",
             style: { background: "var(--t-pill-bg, #333)" }
           }
         ),
-        s ? /* @__PURE__ */ e(
+        i ? /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
@@ -1158,8 +1315,8 @@ function Wt({
             width: n,
             height: n,
             onLoad: h,
-            onError: d,
-            className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
+            onError: f,
+            className: `rounded-full ${d ? "opacity-100" : "opacity-0"}`,
             style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
           }
         )
@@ -1167,40 +1324,40 @@ function Wt({
     }
   );
 }
-function Ht({ ticker: t, size: a = 32, baseUrl: n = "" }) {
+function Gt({ ticker: t, size: a = 32, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
-    Wt,
+    qt,
     {
-      src: $t(t, n),
+      src: zt(t, n),
       alt: t,
       size: a,
       background: "#ffffff"
     }
   );
 }
-function ct({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
+function ft({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
-    Wt,
+    qt,
     {
-      src: ba(t, n),
+      src: Da(t, n),
       alt: t,
       size: a
     }
   );
 }
-function dt({ size: t = 32, color: a = "#888" }) {
-  return /* @__PURE__ */ o("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
+function yt({ size: t = 32, color: a = "#888" }) {
+  return /* @__PURE__ */ l("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: a }),
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function Aa({ size: t = 24 }) {
+function Oa({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "rounded-full flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "var(--t-card-icon-bg)" },
-      children: /* @__PURE__ */ o("svg", { width: t * 0.6, height: t * 0.58, viewBox: "0 0 25 24", fill: "none", children: [
+      children: /* @__PURE__ */ l("svg", { width: t * 0.6, height: t * 0.58, viewBox: "0 0 25 24", fill: "none", children: [
         /* @__PURE__ */ e("path", { d: "M23.292 7.5H1.70801L12.5 0.592773L23.292 7.5Z", stroke: "var(--t-card-icon-stroke)", strokeWidth: "1" }),
         /* @__PURE__ */ e("rect", { x: "3", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
         /* @__PURE__ */ e("rect", { x: "9", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
@@ -1211,7 +1368,7 @@ function Aa({ size: t = 24 }) {
     }
   );
 }
-function Ra({ size: t = 32 }) {
+function Ha({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1221,7 +1378,7 @@ function Ra({ size: t = 32 }) {
     }
   );
 }
-function Ta({ size: t = 32 }) {
+function Pa({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1237,13 +1394,13 @@ function Ta({ size: t = 32 }) {
     }
   );
 }
-function ka({ size: t = 32 }) {
+function Ka({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "#3C4043", borderRadius: t * 0.2 },
-      children: /* @__PURE__ */ o("svg", { width: t * 0.72, height: t * 0.296, viewBox: "0 0 51 21", fill: "none", children: [
+      children: /* @__PURE__ */ l("svg", { width: t * 0.72, height: t * 0.296, viewBox: "0 0 51 21", fill: "none", children: [
         /* @__PURE__ */ e("path", { d: "M50.9156 5.87122L44.6406 20.2837H42.6992L45.0289 15.2416L40.9009 5.87122H42.9451L45.929 13.0573H45.9689L48.8714 5.87122H50.9156Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M39.3906 6.65832C38.5866 5.91563 37.4895 5.54547 36.0995 5.54547C34.314 5.54547 32.9657 6.19816 32.0513 7.50532L33.7084 8.54664C34.3211 7.66089 35.1512 7.21951 36.2011 7.21951C36.8967 7.21951 37.5008 7.44661 38.0194 7.9023C38.538 8.35948 38.7964 8.91352 38.7964 9.5665V9.99507C38.0751 9.58796 37.1536 9.38381 36.0366 9.38381C34.7297 9.38381 33.6839 9.68959 32.8998 10.3023C32.1172 10.9151 31.7256 11.738 31.7256 12.7706C31.7256 13.8033 32.0969 14.5675 32.8396 15.2216C33.5808 15.8758 34.5065 16.2016 35.6092 16.2016C36.9033 16.2016 37.9389 15.6302 38.7147 14.4876H38.7976V15.8761H40.5944V9.70955C40.5944 8.4167 40.1944 7.39982 39.3903 6.65862L39.3906 6.65832ZM37.8665 13.6501C37.2451 14.2343 36.5424 14.5272 35.7511 14.5272C35.1926 14.5272 34.7068 14.3645 34.2913 14.0387C33.8741 13.7103 33.6673 13.3032 33.6673 12.8132C33.6673 12.2675 33.923 11.8134 34.4344 11.4462C34.9443 11.079 35.5815 10.8948 36.3442 10.8948C37.3926 10.8948 38.211 11.1249 38.7967 11.5889C38.7967 12.3775 38.4867 13.0645 37.8668 13.6501H37.8665Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M30.4166 2.52282C29.5296 1.67999 28.4552 1.25739 27.1883 1.25739H22.2017V15.8758H24.0813V9.95362H27.188C28.4678 9.95362 29.5448 9.53936 30.4163 8.70815C31.3175 7.87962 31.7661 6.84397 31.7661 5.60565C31.7661 4.36733 31.3175 3.36744 30.4163 2.52312L30.4166 2.52282ZM29.0895 7.40248C28.598 7.90525 27.9781 8.15798 27.2297 8.15798H24.0816V3.05272H27.2297C27.9781 3.05272 28.5983 3.31141 29.0895 3.82849C29.5937 4.33276 29.845 4.92554 29.845 5.60535C29.845 6.28516 29.5934 6.8994 29.0895 7.40218V7.40248Z", fill: "white" }),
@@ -1252,7 +1409,7 @@ function ka({ size: t = 32 }) {
     }
   );
 }
-function La({ size: t = 32 }) {
+function _a({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1262,13 +1419,13 @@ function La({ size: t = 32 }) {
     }
   );
 }
-function Ua({ size: t = 32 }) {
+function Va({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "#1A1F71", borderRadius: t * 0.2 },
-      children: /* @__PURE__ */ o("svg", { width: t * 0.72, height: t * 0.234, viewBox: "0 0 43 14", fill: "none", children: [
+      children: /* @__PURE__ */ l("svg", { width: t * 0.72, height: t * 0.234, viewBox: "0 0 43 14", fill: "none", children: [
         /* @__PURE__ */ e("path", { d: "M18.3629 13.5165H14.9302L17.0772 0.240662H20.5097L18.3629 13.5165Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M30.806 0.565203C30.1289 0.296586 29.055 0 27.7271 0C24.3372 0 21.95 1.80767 21.9354 4.3921C21.9072 6.29889 23.6445 7.35796 24.9439 7.99375C26.2719 8.64342 26.7234 9.06747 26.7234 9.64656C26.7099 10.5359 25.6502 10.9459 24.6619 10.9459C23.2914 10.9459 22.5571 10.7345 21.4412 10.2397L20.9891 10.0276L20.5088 13.0077C21.3139 13.3745 22.7972 13.7 24.3372 13.7143C27.939 13.7143 30.2839 11.9346 30.3117 9.18047C30.3254 7.66919 29.4081 6.51119 27.4303 5.56493C26.2297 4.95749 25.4944 4.54791 25.4944 3.92639C25.5085 3.36137 26.1163 2.78265 27.4716 2.78265C28.5876 2.75431 29.4075 3.02255 30.0286 3.29098L30.3391 3.43195L30.806 0.565203Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M35.3681 8.81332C35.6508 8.05064 36.7386 5.09886 36.7386 5.09886C36.7243 5.1272 37.0207 4.3221 37.1902 3.82785L37.4301 4.97178C37.4301 4.97178 38.0802 8.14956 38.2213 8.81332C37.6848 8.81332 36.0461 8.81332 35.3681 8.81332ZM39.6053 0.240662H36.9501C36.1313 0.240662 35.5092 0.480559 35.156 1.34216L30.0571 13.5163H33.659C33.659 13.5163 34.2519 11.8777 34.3794 11.5248C34.7745 11.5248 38.2784 11.5248 38.7867 11.5248C38.8853 11.9909 39.1963 13.5163 39.1963 13.5163H42.3747L39.6053 0.240662Z", fill: "white" }),
@@ -1278,14 +1435,14 @@ function Ua({ size: t = 32 }) {
     }
   );
 }
-function Da({ size: t = 32 }) {
+function ja({ size: t = 32 }) {
   const a = t * 0.8;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-center shrink-0",
       style: { width: t, height: t },
-      children: /* @__PURE__ */ o("svg", { width: a, height: a * 0.625, viewBox: "0 0 48 30", fill: "none", children: [
+      children: /* @__PURE__ */ l("svg", { width: a, height: a * 0.625, viewBox: "0 0 48 30", fill: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "18", cy: "15", r: "14", fill: "#EB001B" }),
         /* @__PURE__ */ e("circle", { cx: "30", cy: "15", r: "14", fill: "#F79E1B" }),
         /* @__PURE__ */ e("path", { d: "M24 2.35A14 14 0 0 1 24 27.65A14 14 0 0 1 24 2.35Z", fill: "#FF5F00" })
@@ -1293,9 +1450,9 @@ 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), l = a * 0.2;
-  return /* @__PURE__ */ o("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
+function Ga({ size: t = 32 }) {
+  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), o = a * 0.2;
+  return /* @__PURE__ */ l("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1310,7 +1467,7 @@ function Fa({ size: t = 32 }) {
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ o("svg", { width: a * 0.7, height: n * 0.35, viewBox: "0 0 43 14", fill: "none", children: [
+        children: /* @__PURE__ */ l("svg", { width: a * 0.7, height: n * 0.35, viewBox: "0 0 43 14", fill: "none", children: [
           /* @__PURE__ */ e("path", { d: "M18.3629 13.5165H14.9302L17.0772 0.240662H20.5097L18.3629 13.5165Z", fill: "white" }),
           /* @__PURE__ */ e("path", { d: "M12.0629 0.240662L8.70119 9.29349L8.33383 7.45747C7.71232 5.33894 5.76311 3.03721 3.58789 1.89272L6.66713 13.5024H10.2971L15.6927 0.240662H12.0629Z", fill: "white" }),
           /* @__PURE__ */ e("path", { d: "M5.57939 0.240662H0.0565013L0 0.508903C4.3082 1.61059 7.16143 4.26616 8.3337 7.45803L7.13309 1.35661C6.93542 0.508715 6.32798 0.268631 5.57939 0.240662Z", fill: "white" }),
@@ -1327,7 +1484,7 @@ function Fa({ size: t = 32 }) {
           height: n,
           background: "#252525",
           borderRadius: r,
-          marginLeft: -l,
+          marginLeft: -o,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -1335,7 +1492,7 @@ function Fa({ size: t = 32 }) {
           justifyContent: "center",
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ o("svg", { width: n * 0.85, height: n * 0.6, viewBox: "0 0 48 30", fill: "none", children: [
+        children: /* @__PURE__ */ l("svg", { width: n * 0.85, height: n * 0.6, viewBox: "0 0 48 30", fill: "none", children: [
           /* @__PURE__ */ e("circle", { cx: "18", cy: "15", r: "14", fill: "#EB001B" }),
           /* @__PURE__ */ e("circle", { cx: "30", cy: "15", r: "14", fill: "#F79E1B" }),
           /* @__PURE__ */ e("path", { d: "M24 2.35A14 14 0 0 1 24 27.65A14 14 0 0 1 24 2.35Z", fill: "#FF5F00" })
@@ -1344,7 +1501,7 @@ function Fa({ size: t = 32 }) {
     )
   ] });
 }
-function pn({ size: t = 18 }) {
+function An({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1354,13 +1511,13 @@ function pn({ size: t = 18 }) {
     }
   );
 }
-function He() {
+function _e() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Pt() {
+function $t() {
   return /* @__PURE__ */ e("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7L1 13", stroke: "var(--t-icon-stroke)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Ma({ onClick: t }) {
+function $a({ onClick: t }) {
   return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
     "path",
     {
@@ -1369,42 +1526,42 @@ function Ma({ onClick: t }) {
     }
   ) }) });
 }
-function Ia({ size: t = 40 }) {
+function Wa({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "rounded-full flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "var(--t-surface)" },
-      children: /* @__PURE__ */ o("svg", { width: t * 0.5, height: t * 0.5, viewBox: "0 0 20 20", fill: "none", children: [
+      children: /* @__PURE__ */ l("svg", { width: t * 0.5, height: t * 0.5, viewBox: "0 0 20 20", fill: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "7.5", stroke: "var(--t-text)", strokeWidth: "1.5" }),
         /* @__PURE__ */ e("path", { d: "M10 2.5A7.5 7.5 0 0 1 10 17.5", fill: "var(--t-text)" })
       ] })
     }
   );
 }
-function Ba(t, a = 32) {
+function Xa(t, a = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(Ra, { size: a });
+      return /* @__PURE__ */ e(Ha, { size: a });
     case "applepay":
-      return /* @__PURE__ */ e(Ta, { size: a });
+      return /* @__PURE__ */ e(Pa, { size: a });
     case "card":
-      return /* @__PURE__ */ e(Fa, { size: a });
+      return /* @__PURE__ */ e(Ga, { size: a });
     case "googlepay":
-      return /* @__PURE__ */ e(ka, { size: a });
+      return /* @__PURE__ */ e(Ka, { size: a });
     case "paypal":
-      return /* @__PURE__ */ e(La, { size: a });
+      return /* @__PURE__ */ e(_a, { size: a });
     case "bank":
-      return /* @__PURE__ */ e(Aa, { size: a });
+      return /* @__PURE__ */ e(Oa, { size: a });
     case "visa":
-      return /* @__PURE__ */ e(Ua, { size: a });
+      return /* @__PURE__ */ e(Va, { size: a });
     case "mastercard":
-      return /* @__PURE__ */ e(Da, { size: a });
+      return /* @__PURE__ */ e(ja, { size: a });
     default:
-      return /* @__PURE__ */ e(dt, { size: a });
+      return /* @__PURE__ */ e(yt, { size: a });
   }
 }
-const Oa = {
+const Ya = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "ach-bank-transfer": "bank",
@@ -1415,7 +1572,7 @@ const Oa = {
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, Ha = {
+}, Za = {
   "debit-credit-card": "Card",
   "bank-transfer": "Bank Transfer",
   "ach-bank-transfer": "ACH",
@@ -1425,24 +1582,24 @@ const Oa = {
   paypal: "PayPal",
   revolut: "Revolut"
 };
-function Yt(t, a) {
-  return Ha[t] || a;
+function ea(t, a) {
+  return Za[t] || a;
 }
-function Zt(t, a, n = 24) {
-  const r = Oa[t];
-  return r ? Ba(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(dt, { size: n });
+function ta(t, a, n = 24) {
+  const r = Ya[t];
+  return r ? Xa(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(yt, { size: n });
 }
-function Pa({
+function Qa({
   methods: t,
   selectedId: a,
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const l = Z(
-    () => t.filter((m) => m.supportedFiats.includes(r)),
+  const o = $(
+    () => t.filter((u) => u.supportedFiats.includes(r)),
     [t, r]
-  ), c = l.find((m) => m.id === a) || l[0];
-  return l.length === 0 ? /* @__PURE__ */ e(
+  ), d = o.find((u) => u.id === a) || o[0];
+  return o.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
@@ -1451,19 +1608,19 @@ function Pa({
         borderBottomLeftRadius: 5,
         borderBottomRightRadius: 5
       },
-      children: /* @__PURE__ */ o("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: [
+      children: /* @__PURE__ */ l("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: [
         "No payment methods available for ",
         r
       ] })
     }
-  ) : /* @__PURE__ */ e(J, { children: /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ e(q, { children: /* @__PURE__ */ l(
     "div",
     {
       role: "button",
       tabIndex: 0,
       onClick: n,
-      onKeyDown: (m) => {
-        (m.key === "Enter" || m.key === " ") && n();
+      onKeyDown: (u) => {
+        (u.key === "Enter" || u.key === " ") && n();
       },
       className: "flex items-center justify-between w-full px-[18px] transition-colors",
       style: {
@@ -1475,38 +1632,38 @@ function Pa({
       },
       children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Payment method" }),
-        /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: c && Zt(c.id, c.icon, 20) }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: c ? Yt(c.id, c.name) : "Select" }),
-          /* @__PURE__ */ e(He, {})
+        /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: d && ta(d.id, d.icon, 20) }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d ? ea(d.id, d.name) : "Select" }),
+          /* @__PURE__ */ e(_e, {})
         ] })
       ]
     }
   ) });
 }
-function Ka({
+function za({
   className: t = "",
   autoRedirect: a = !1,
   redirectDelay: n = 3e3
 }) {
   var p;
-  const { order: r, orderStatus: l, goToStep: c, goBack: m } = Te(), [s, u] = v(!1), [f, h] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (Y(() => {
-    if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !d) {
+  const { order: r, orderStatus: o, goToStep: d, goBack: u } = Ue(), [i, s] = N(!1), [m, h] = N(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (Z(() => {
+    if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
       h(Math.ceil(n / 1e3));
-      const g = setTimeout(() => {
+      const x = setTimeout(() => {
         window.location.href = r.checkout.url;
-      }, n), A = setInterval(() => {
+      }, n), C = setInterval(() => {
         h((E) => E && E > 1 ? E - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(g), clearInterval(A);
+        clearTimeout(x), clearInterval(C);
       };
     }
-  }, [r, a, n, d]), Y(() => {
-    l && (l.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(l.status) && c("error"));
-  }, [l == null ? void 0 : l.status, c]), !r)
-    return /* @__PURE__ */ o(
+  }, [r, a, n, f]), Z(() => {
+    o && (o.status === "completed" ? d("complete") : ["failed", "cancelled", "expired"].includes(o.status) && d("error"));
+  }, [o == null ? void 0 : o.status, d]), !r)
+    return /* @__PURE__ */ l(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 ${t}`,
@@ -1525,15 +1682,15 @@ function Ka({
                 paddingLeft: 24,
                 paddingRight: 24
               },
-              onClick: m,
+              onClick: u,
               children: "Go Back"
             }
           )
         ]
       }
     );
-  if (d)
-    return /* @__PURE__ */ o(
+  if (f)
+    return /* @__PURE__ */ l(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 text-center ${t}`,
@@ -1551,7 +1708,7 @@ function Ka({
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)"
               },
-              onClick: m,
+              onClick: u,
               children: "Start over"
             }
           )
@@ -1559,9 +1716,9 @@ 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";
-    return Ut(
-      /* @__PURE__ */ o(
+    const x = r.checkout.url, C = ((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 Ot(
+      /* @__PURE__ */ l(
         "div",
         {
           style: {
@@ -1585,10 +1742,10 @@ function Ka({
                   background: "#111",
                   flexShrink: 0
                 },
-                children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ l(
                   "button",
                   {
-                    onClick: m,
+                    onClick: u,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -1610,8 +1767,8 @@ function Ka({
                 )
               }
             ),
-            /* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !s && /* @__PURE__ */ o(
+            /* @__PURE__ */ l("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
+              !i && /* @__PURE__ */ l(
                 "div",
                 {
                   style: {
@@ -1631,15 +1788,15 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: g,
+                  src: x,
                   style: {
-                    display: s ? "block" : "none",
+                    display: i ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
-                  allow: A,
-                  onLoad: () => u(!0),
+                  allow: C,
+                  onLoad: () => s(!0),
                   title: "Provider Checkout"
                 }
               )
@@ -1651,7 +1808,7 @@ function Ka({
     );
   }
   if (r.checkout.method === "redirect")
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ l(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 text-center ${t}`,
@@ -1659,17 +1816,17 @@ function Ka({
         children: [
           /* @__PURE__ */ e("div", { className: "text-[48px] mb-4", children: "🔗" }),
           /* @__PURE__ */ e("h3", { className: "text-[18px] font-semibold mb-2", children: "Complete Payment" }),
-          /* @__PURE__ */ o("p", { className: "text-[14px] mb-4", style: { color: "var(--t-text-secondary)" }, children: [
+          /* @__PURE__ */ l("p", { className: "text-[14px] mb-4", style: { color: "var(--t-text-secondary)" }, children: [
             "You'll be redirected to ",
             r.gateway,
             " to complete your payment."
           ] }),
-          f !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
+          m !== null && /* @__PURE__ */ l("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
             "Redirecting in ",
-            f,
+            m,
             "..."
           ] }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ l(
             "a",
             {
               href: r.checkout.url,
@@ -1699,7 +1856,7 @@ function Ka({
                 background: "var(--t-surface)",
                 color: "var(--t-text)"
               },
-              onClick: m,
+              onClick: u,
               children: "Cancel"
             }
           )
@@ -1707,9 +1864,9 @@ function Ka({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const g = _a(r.checkout.url, r.widgetConfig);
-    return Ut(
-      /* @__PURE__ */ o(
+    const x = Ja(r.checkout.url, r.widgetConfig);
+    return Ot(
+      /* @__PURE__ */ l(
         "div",
         {
           style: {
@@ -1733,10 +1890,10 @@ function Ka({
                   background: "#111",
                   flexShrink: 0
                 },
-                children: /* @__PURE__ */ o(
+                children: /* @__PURE__ */ l(
                   "button",
                   {
-                    onClick: m,
+                    onClick: u,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -1758,8 +1915,8 @@ function Ka({
                 )
               }
             ),
-            /* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !s && /* @__PURE__ */ o(
+            /* @__PURE__ */ l("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
+              !i && /* @__PURE__ */ l(
                 "div",
                 {
                   style: {
@@ -1779,15 +1936,15 @@ function Ka({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: g,
+                  src: x,
                   style: {
-                    display: s ? "block" : "none",
+                    display: i ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
                   allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
-                  onLoad: () => u(!0),
+                  onLoad: () => s(!0),
                   title: "Payment Checkout"
                 }
               )
@@ -1798,7 +1955,7 @@ function Ka({
       document.body
     );
   }
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: `flex flex-col items-center justify-center p-8 ${t}`,
@@ -1817,7 +1974,7 @@ function Ka({
               paddingLeft: 24,
               paddingRight: 24
             },
-            onClick: m,
+            onClick: u,
             children: "Go Back"
           }
         )
@@ -1825,18 +1982,18 @@ function Ka({
     }
   );
 }
-function _a(t, a) {
+function Ja(t, a) {
   const n = new URL("/en/partner/widget", t);
-  for (const [r, l] of Object.entries(a))
-    l != null && l !== "" && n.searchParams.set(r, String(l));
+  for (const [r, o] of Object.entries(a))
+    o != null && o !== "" && n.searchParams.set(r, String(o));
   return n.toString();
 }
-function Va({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Te();
-  Y(() => {
+function qa({ className: t = "" }) {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Ue();
+  Z(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
-  const l = () => {
+  const o = () => {
     if (!a) return "Processing your order...";
     switch (a.status) {
       case "pending":
@@ -1847,30 +2004,30 @@ function Va({ className: t = "" }) {
         return "Processing...";
     }
   };
-  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
+  return /* @__PURE__ */ l("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: l() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: o() }),
     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(Re, { label: "Order ID", value: a.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Re, { label: "Provider", value: a.gateway }),
+    a && /* @__PURE__ */ l("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(
-        Re,
+        Le,
         {
           label: "Amount",
           value: `${a.fiatAmount} ${a.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Re,
+        Le,
         {
           label: "Receiving",
           value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Re, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(Le, { label: "Network", value: a.network }),
       /* @__PURE__ */ e(
-        Re,
+        Le,
         {
           label: "To Address",
           value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
@@ -1878,14 +2035,14 @@ function Va({ className: t = "" }) {
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "mt-6", children: [
+    /* @__PURE__ */ l("div", { className: "mt-6", children: [
       /* @__PURE__ */ e("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "This usually takes a few minutes." }),
       /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: "You can safely close this page - we'll send you an email when complete." })
     ] })
   ] });
 }
-function Re({ label: t, value: a, mono: n }) {
-  return /* @__PURE__ */ o(
+function Le({ label: t, value: a, mono: n }) {
+  return /* @__PURE__ */ l(
     "div",
     {
       className: "flex justify-between items-center py-2",
@@ -1904,16 +2061,16 @@ function Re({ label: t, value: a, mono: n }) {
     }
   );
 }
-function ja({
+function en({
   className: t = "",
   explorerUrl: a,
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: l, state: c, dispatch: m } = Te(), s = c.flowType === "sell", u = () => {
-    if (!(l != null && l.transactionHash)) return null;
+  const { orderStatus: o, state: d, dispatch: u } = Ue(), i = d.flowType === "sell", s = () => {
+    if (!(o != null && o.transactionHash)) return null;
     if (!a) {
-      const d = {
+      const f = {
         ethereum: "https://etherscan.io/tx/{txHash}",
         polygon: "https://polygonscan.com/tx/{txHash}",
         arbitrum: "https://arbiscan.io/tx/{txHash}",
@@ -1924,13 +2081,13 @@ function ja({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (d[c.network] || d.ethereum).replace("{txHash}", l.transactionHash);
+      return (f[d.network] || f.ethereum).replace("{txHash}", o.transactionHash);
     }
-    return a.replace("{txHash}", l.transactionHash);
-  }, f = () => {
-    n ? n() : m({ type: "RESET" });
-  }, h = u();
-  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
+    return a.replace("{txHash}", o.transactionHash);
+  }, m = () => {
+    n ? n() : u({ type: "RESET" });
+  }, h = s();
+  return /* @__PURE__ */ l("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1939,52 +2096,52 @@ function ja({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s ? "Sale Complete!" : "Purchase Complete!" }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(l == null ? void 0 : l.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
-    l && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: i ? "Sale Complete!" : "Purchase Complete!" }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: i ? `Your ${(o == null ? void 0 : o.fiatCurrency) || d.fiatCurrency} payout is being processed.` : `Your ${(o == null ? void 0 : o.cryptoCurrency) || d.cryptoCurrency} has been sent to your wallet.` }),
+    o && /* @__PURE__ */ l("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        ye,
+        Ce,
         {
-          label: s ? "Amount Sold" : "Amount Received",
-          value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
+          label: i ? "Amount Sold" : "Amount Received",
+          value: `${o.cryptoAmount} ${o.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        ye,
+        Ce,
         {
-          label: s ? "Payout Amount" : "Amount Paid",
-          value: `${l.fiatAmount} ${l.fiatCurrency}`
+          label: i ? "Payout Amount" : "Amount Paid",
+          value: `${o.fiatAmount} ${o.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(ye, { label: "Network", value: l.network }),
+      /* @__PURE__ */ e(Ce, { label: "Network", value: o.network }),
       /* @__PURE__ */ e(
-        ye,
+        Ce,
         {
           label: "Wallet",
-          value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
+          value: `${o.walletAddress.slice(0, 10)}...${o.walletAddress.slice(-8)}`,
           mono: !0
         }
       ),
-      l.transactionHash && /* @__PURE__ */ e(
-        ye,
+      o.transactionHash && /* @__PURE__ */ e(
+        Ce,
         {
           label: "Transaction",
-          value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
+          value: `${o.transactionHash.slice(0, 10)}...${o.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(ye, { label: "Provider", value: l.gateway }),
-      /* @__PURE__ */ e(ye, { label: "Order ID", value: l.orderId, mono: !0 }),
-      l.completedAt && /* @__PURE__ */ e(
-        ye,
+      /* @__PURE__ */ e(Ce, { label: "Provider", value: o.gateway }),
+      /* @__PURE__ */ e(Ce, { label: "Order ID", value: o.orderId, mono: !0 }),
+      o.completedAt && /* @__PURE__ */ e(
+        Ce,
         {
           label: "Completed",
-          value: new Date(l.completedAt).toLocaleString()
+          value: new Date(o.completedAt).toLocaleString()
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "w-full flex flex-col gap-2", children: [
       h && /* @__PURE__ */ e(
         "a",
         {
@@ -2001,15 +2158,15 @@ function ja({
         {
           className: "w-full font-semibold text-[16px] transition-all",
           style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
-          onClick: f,
+          onClick: m,
           children: r
         }
       )
     ] })
   ] });
 }
-function ye({ label: t, value: a, mono: n, highlight: r }) {
-  return /* @__PURE__ */ o(
+function Ce({ label: t, value: a, mono: n, highlight: r }) {
+  return /* @__PURE__ */ l(
     "div",
     {
       className: "flex justify-between items-center py-2",
@@ -2028,14 +2185,14 @@ function ye({ label: t, value: a, mono: n, highlight: r }) {
     }
   );
 }
-function Ga({
+function tn({
   className: t = "",
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: l, dispatch: c, goToStep: m } = Te(), s = r.flowType === "sell", u = () => {
-    if (l)
-      switch (l.status) {
+  const { state: r, orderStatus: o, dispatch: d, goToStep: u } = Ue(), i = r.flowType === "sell", s = () => {
+    if (o)
+      switch (o.status) {
         case "failed":
           return "Payment Failed";
         case "cancelled":
@@ -2048,28 +2205,28 @@ function Ga({
           return "Something Went Wrong";
       }
     return "Something Went Wrong";
-  }, f = () => {
+  }, m = () => {
     if (r.errorMessage) return r.errorMessage;
-    if (l)
-      switch (l.status) {
+    if (o)
+      switch (o.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.";
+          return i ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
         case "cancelled":
-          return s ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
+          return i ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
         case "expired":
-          return s ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
+          return i ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
         case "refunded":
-          return s ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
+          return i ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
         default:
           return "An unexpected error occurred. Please try again.";
       }
     return "An unexpected error occurred. Please try again.";
   }, h = () => {
-    c({ type: "CLEAR_ERROR" }), a ? a() : (c({ type: "RESET" }), m("amount"));
-  }, d = () => {
-    c({ type: "RESET" }), m("amount");
+    d({ type: "CLEAR_ERROR" }), a ? a() : (d({ type: "RESET" }), u("amount"));
+  }, f = () => {
+    d({ type: "RESET" }), u("amount");
   };
-  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
+  return /* @__PURE__ */ l("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -2078,13 +2235,13 @@ function Ga({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: u() }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
-    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("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s() }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: m() }),
+    o && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ l("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: l.orderId })
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: o.orderId })
     ] }) }),
-    /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
+    /* @__PURE__ */ l("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -2099,13 +2256,13 @@ function Ga({
         {
           className: "w-full font-semibold text-[14px] transition-all",
           style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
-          onClick: d,
+          onClick: f,
           children: "Start Over"
         }
       )
     ] }),
-    /* @__PURE__ */ o("div", { className: "mt-6", children: [
-      /* @__PURE__ */ o("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: [
+    /* @__PURE__ */ l("div", { className: "mt-6", children: [
+      /* @__PURE__ */ l("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: [
         "Need help? Contact",
         " ",
         /* @__PURE__ */ e(
@@ -2118,74 +2275,74 @@ function Ga({
           }
         )
       ] }),
-      l && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
+      o && /* @__PURE__ */ l("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
         "Reference: ",
-        l.orderId
+        o.orderId
       ] })
     ] })
   ] });
 }
-function Kt(t) {
+function Wt(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
-  var q;
+function an({ className: t = "", stablecoinParity: a, partnerName: n }) {
+  var ee;
   const {
     config: r,
-    configLoading: l,
-    state: c,
-    defaultGateway: m,
-    quotes: s,
-    fetchQuotes: u,
-    createOrder: f,
+    configLoading: o,
+    state: d,
+    defaultGateway: u,
+    quotes: i,
+    fetchQuotes: s,
+    createOrder: m,
     orderLoading: h
-  } = Te(), d = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find(($) => $.id === m), E = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, _ = !!(a && n && !d && Xt(c.cryptoCurrency) && E), ae = _ && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), j = _ && R > 0 ? lt(ae ? R : R / E) : null, Q = async () => {
-    g(null);
+  } = Ue(), f = d.flowType === "sell", [p, x] = N(null), C = r == null ? void 0 : r.gateways.find((W) => W.id === u), E = (ee = i == null ? void 0 : i.bestQuote) != null && ee.exchangeRate ? parseFloat(i.bestQuote.exchangeRate) : null, k = parseFloat(d.fiatAmount) || 0, _ = !!(a && n && !f && Jt(d.cryptoCurrency) && E), re = _ && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), j = _ && k > 0 ? mt(re ? k : k / E) : null, Q = async () => {
+    x(null);
     try {
-      u(), await f();
-    } catch ($) {
-      const xe = $ instanceof Error ? $.message : "Failed to create order";
-      g(xe);
+      s(), await m();
+    } catch (W) {
+      const ge = W instanceof Error ? W.message : "Failed to create order";
+      x(ge);
     }
   };
-  return l ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
+  return o ? /* @__PURE__ */ l("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
-  ] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: d ? "Confirm Sale" : "Confirm Purchase" }),
-    /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      A && /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+  ] }) : /* @__PURE__ */ l("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: f ? "Confirm Sale" : "Confirm Purchase" }),
+    /* @__PURE__ */ l("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+      C && /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
         /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Provider" }),
-        /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
-          A.logo && /* @__PURE__ */ e("img", { src: A.logo, alt: A.name, width: 20, height: 20, style: { borderRadius: 4 } }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: A.name })
+        /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
+          C.logo && /* @__PURE__ */ e("img", { src: C.logo, alt: C.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: C.name })
         ] })
       ] }),
-      d ? /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(Ne, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(Ne, { label: "You receive", value: `${c.fiatCurrency} payout` })
-      ] }) : /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(Ne, { label: "You pay", value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
+      f ? /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e(we, { label: "You sell", value: `${d.cryptoAmount} ${d.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(we, { label: "You receive", value: `${d.fiatCurrency} payout` })
+      ] }) : /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e(we, { label: "You pay", value: `${d.fiatAmount} ${d.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          Ne,
+          we,
           {
             label: "You receive",
-            value: j ? `${j} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
+            value: j ? `${j} ${d.cryptoCurrency}` : `${d.cryptoCurrency} on ${d.network}`
           }
         ),
-        /* @__PURE__ */ e(Ne, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
-        _ && j && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        /* @__PURE__ */ e(we, { label: "Wallet", value: Wt(d.walletAddress), mono: !0 }),
+        _ && j && /* @__PURE__ */ l("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
           j,
           " ",
-          c.cryptoCurrency,
+          d.cryptoCurrency,
           " will be credited to your ",
           n,
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(Ne, { label: "Network", value: c.network }),
-      d && c.walletAddress && /* @__PURE__ */ e(Ne, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(we, { label: "Network", value: d.network }),
+      f && d.walletAddress && /* @__PURE__ */ e(we, { label: "Refund address", value: Wt(d.walletAddress), mono: !0 })
     ] }),
     p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
     /* @__PURE__ */ e(
@@ -2195,16 +2352,16 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
         onClick: Q,
-        children: h ? /* @__PURE__ */ o(J, { children: [
+        children: h ? /* @__PURE__ */ l(q, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
-        ] }) : d ? "Confirm & Sell" : "Confirm & Pay"
+        ] }) : f ? "Confirm & Sell" : "Confirm & Pay"
       }
     )
   ] });
 }
-function Ne({ label: t, value: a, mono: n, highlight: r }) {
-  return /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+function we({ label: t, value: a, mono: n, highlight: r }) {
+  return /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
     /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: t }),
     /* @__PURE__ */ e(
       "span",
@@ -2216,57 +2373,57 @@ function Ne({ label: t, value: a, mono: n, highlight: r }) {
     )
   ] });
 }
-function Oe({
+function Ke({
   isOpen: t,
   onClose: a,
   children: n
 }) {
-  const [r, l] = v(!1), [c, m] = v(!1);
-  Y(() => {
+  const [r, o] = N(!1), [d, u] = N(!1);
+  Z(() => {
     if (t)
-      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
+      o(!0), requestAnimationFrame(() => requestAnimationFrame(() => u(!0)));
     else if (r) {
-      m(!1);
-      const u = setTimeout(() => l(!1), 250);
-      return () => clearTimeout(u);
+      u(!1);
+      const s = setTimeout(() => o(!1), 250);
+      return () => clearTimeout(s);
     }
   }, [t]);
-  const s = P(() => {
-    m(!1), setTimeout(() => a(), 250);
+  const i = P(() => {
+    u(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return Y(() => {
+  return Z(() => {
     if (!t) return;
-    const u = (f) => {
-      f.key === "Escape" && s();
+    const s = (m) => {
+      m.key === "Escape" && i();
     };
-    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
-  }, [t, s]), r ? /* @__PURE__ */ e(
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [t, i]), r ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 z-20 transition-opacity duration-250",
-      style: { opacity: c ? 1 : 0 },
+      style: { opacity: d ? 1 : 0 },
       children: /* @__PURE__ */ e(
         "div",
         {
           className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
-          style: { background: "var(--t-modal-bg)", transform: c ? "translateY(0)" : "translateY(24px)" },
-          children: typeof n == "function" ? n(s) : n
+          style: { background: "var(--t-modal-bg)", transform: d ? "translateY(0)" : "translateY(24px)" },
+          children: typeof n == "function" ? n(i) : n
         }
       )
     }
   ) : null;
 }
-function Xa({ char: t, height: a = 38 }) {
+function nn({ 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((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: l }, l)) }) });
+  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((o) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: o }, o)) }) });
 }
-function Wa({
+function rn({
   value: t,
   height: a = 38,
   className: n = "",
   style: r = {}
 }) {
-  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)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((o, d) => /* @__PURE__ */ e(nn, { char: o, height: a }, d)) });
 }
 function V({
   w: t,
@@ -2275,27 +2432,27 @@ function V({
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${n}`, style: { width: t, height: a } });
 }
-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: [
+function on() {
+  return /* @__PURE__ */ l("div", { className: "flex-1 px-5 flex flex-col", children: [
+    /* @__PURE__ */ l("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
       /* @__PURE__ */ e(V, { w: 70, h: 14, className: "mb-3" }),
-      /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
         /* @__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__ */ l("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
       /* @__PURE__ */ e(V, { w: 50, h: 14, className: "mb-3" }),
-      /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
         /* @__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__ */ l("div", { className: "flex justify-between mt-3 px-[2px]", children: [
       /* @__PURE__ */ e(V, { w: 140, h: 12 }),
       /* @__PURE__ */ e(V, { w: 90, h: 12 })
     ] }),
-    /* @__PURE__ */ o("div", { className: "mt-8", children: [
+    /* @__PURE__ */ l("div", { className: "mt-8", children: [
       /* @__PURE__ */ e(V, { w: 65, h: 14, className: "mb-2.5" }),
       /* @__PURE__ */ e(V, { w: "100%", h: 47 })
     ] }),
@@ -2304,7 +2461,7 @@ function Ya() {
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
-function ke({ onClick: t }) {
+function Fe({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2317,21 +2474,21 @@ function ke({ onClick: t }) {
     }
   );
 }
-function Pe({
+function Ve({
   value: t,
   onChange: a,
   placeholder: n = ""
 }) {
-  const [r, l] = v(!1);
-  return /* @__PURE__ */ o("div", { className: "relative mx-5 mb-5", children: [
+  const [r, o] = N(!1);
+  return /* @__PURE__ */ l("div", { className: "relative mx-5 mb-5", children: [
     /* @__PURE__ */ e(
       "input",
       {
         type: "text",
         value: t,
-        onChange: (c) => a(c.target.value),
-        onFocus: () => l(!0),
-        onBlur: () => l(!1),
+        onChange: (d) => a(d.target.value),
+        onFocus: () => o(!0),
+        onBlur: () => o(!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"
@@ -2348,38 +2505,38 @@ function Pe({
     )
   ] });
 }
-function Za({
+function ln({
   onClose: t,
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
-  selectedCode: l
+  selectedCode: o
 }) {
-  const [c, m] = v(""), s = Z(() => {
-    if (!n || n.length === 0) return Ft;
-    const f = new Map(Ft.map((h) => [h.code, h.name]));
+  const [d, u] = N(""), i = $(() => {
+    if (!n || n.length === 0) return Pt;
+    const m = new Map(Pt.map((h) => [h.code, h.name]));
     return n.map((h) => ({
       code: h.code,
-      name: h.name || f.get(h.code) || h.code
+      name: h.name || m.get(h.code) || h.code
     }));
-  }, [n]), u = Z(() => {
-    const f = c.trim().toLowerCase();
-    if (!f) {
-      if (l) {
-        const h = s.find((d) => d.code === l);
+  }, [n]), s = $(() => {
+    const m = d.trim().toLowerCase();
+    if (!m) {
+      if (o) {
+        const h = i.find((f) => f.code === o);
         if (h) {
-          const d = s.filter((p) => p.code !== l);
-          return [h, ...d];
+          const f = i.filter((p) => p.code !== o);
+          return [h, ...f];
         }
       }
-      return s;
+      return i;
     }
-    return s.filter(
-      (h) => h.code.toLowerCase().includes(f) || h.name.toLowerCase().includes(f)
+    return i.filter(
+      (h) => h.code.toLowerCase().includes(m) || h.name.toLowerCase().includes(m)
     );
-  }, [s, c, l]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
+  }, [i, d, o]);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Fe, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2394,22 +2551,22 @@ function Za({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(Pe, { value: c, onChange: m }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      u.map((f, h) => {
-        const d = f.name !== f.code ? f.name : "", p = l === f.code;
-        return /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ o(
+    /* @__PURE__ */ e(Ve, { value: d, onChange: u }),
+    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      s.map((m, h) => {
+        const f = m.name !== m.code ? m.name : "", p = o === m.code;
+        return /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ l(
             "button",
             {
-              onClick: () => a(f.code),
+              onClick: () => a(m.code),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ e(ct, { currencyCode: f.code, size: 32, baseUrl: r }),
-                /* @__PURE__ */ o("div", { className: "text-left flex-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: f.code }),
-                  d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
+                /* @__PURE__ */ e(ft, { currencyCode: m.code, size: 32, baseUrl: r }),
+                /* @__PURE__ */ l("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: m.code }),
+                  f && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: f })
                 ] }),
                 p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
@@ -2424,31 +2581,31 @@ function Za({
               ]
             }
           ),
-          h < u.length - 1 && /* @__PURE__ */ e(
+          h < s.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
             }
           )
-        ] }, f.code);
+        ] }, m.code);
       }),
-      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+      s.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
-function _t({ src: t, alt: a, size: n, className: r, style: l }) {
-  const [c, m] = v(!1), [s, u] = v(!1), f = O(t);
-  f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = P(() => m(!0), []), d = P(() => u(!0), []);
-  return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: n, height: n, position: "relative" }, children: [
-    !c && !s && /* @__PURE__ */ e(
+function Xt({ src: t, alt: a, size: n, className: r, style: o }) {
+  const [d, u] = N(!1), [i, s] = N(!1), m = I(t);
+  m.current !== t && (m.current = t, u(!1), s(!1));
+  const h = P(() => u(!0), []), f = P(() => s(!0), []);
+  return /* @__PURE__ */ l("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
+    !d && !i && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full animate-pulse",
         style: { background: "var(--t-pill-bg, #333)" }
       }
     ),
-    s ? /* @__PURE__ */ e(
+    i ? /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
@@ -2463,58 +2620,58 @@ function _t({ src: t, alt: a, size: n, className: r, style: l }) {
         width: n,
         height: n,
         onLoad: h,
-        onError: d,
-        className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
+        onError: f,
+        className: `rounded-full ${d ? "opacity-100" : "opacity-0"}`,
         style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
       }
     )
   ] });
 }
-function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: l, selectedChain: c }) {
-  const [m, s] = v(""), u = Z(() => {
-    if (!n || n.length === 0) return wa;
-    const d = [];
+function cn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: d }) {
+  const [u, i] = N(""), s = $(() => {
+    if (!n || n.length === 0) return Ba;
+    const f = [];
     for (const p of n) {
-      const g = p.networks || [], A = p.name || Sa[p.code] || p.code;
-      if (g.length === 0)
-        d.push({ code: p.code, name: A, chain: p.code, popular: !1 });
+      const x = p.networks || [], C = p.name || Ua[p.code] || p.code;
+      if (x.length === 0)
+        f.push({ code: p.code, name: C, chain: p.code, popular: !1 });
       else
-        for (const E of g) {
-          const R = E.code || E.id || E.name || p.code;
-          d.push({
+        for (const E of x) {
+          const k = E.code || E.id || E.name || p.code;
+          f.push({
             code: p.code,
-            name: A,
-            chain: R,
+            name: C,
+            chain: k,
             chainName: E.name,
             popular: !1
           });
         }
     }
-    return d;
-  }, [n]), f = P((d, p) => l === d && c === p, [l, c]), h = Z(() => {
-    var A;
-    const d = m.trim().toLowerCase();
-    if (!d) {
-      if (l && c) {
-        const E = u.find((R) => R.code === l && R.chain === c);
+    return f;
+  }, [n]), m = P((f, p) => o === f && d === p, [o, d]), h = $(() => {
+    var C;
+    const f = u.trim().toLowerCase();
+    if (!f) {
+      if (o && d) {
+        const E = s.find((k) => k.code === o && k.chain === d);
         if (E) {
-          const R = u.filter((_) => !(_.code === l && _.chain === c));
-          return [E, ...R];
+          const k = s.filter((_) => !(_.code === o && _.chain === d));
+          return [E, ...k];
         }
       }
-      return u;
+      return s;
     }
-    const p = d.split(/\s+/), g = [];
-    for (const E of u) {
-      const R = Qe(E.chain), _ = R ? R.name.toLowerCase() : "", ae = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", j = E.chain.toLowerCase(), Q = E.code.toLowerCase(), q = E.name.toLowerCase(), $ = [Q, q, _, ae, j];
-      if (!p.every((k) => $.some((i) => i.includes(k)))) continue;
-      let y = 0;
-      Q === d ? y += 100 : Q.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (_.includes(p[1]) || ae.includes(p[1]) || j.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
+    const p = f.split(/\s+/), x = [];
+    for (const E of s) {
+      const k = qe(E.chain), _ = k ? k.name.toLowerCase() : "", re = ((C = k == null ? void 0 : k.shortName) == null ? void 0 : C.toLowerCase()) || "", j = E.chain.toLowerCase(), Q = E.code.toLowerCase(), ee = E.name.toLowerCase(), W = [Q, ee, _, re, j];
+      if (!p.every((L) => W.some((c) => c.includes(L)))) continue;
+      let v = 0;
+      Q === f ? v += 100 : Q.startsWith(p[0]) && (v += 50), E.popular && (v += 10), p.length > 1 && (_.includes(p[1]) || re.includes(p[1]) || j.includes(p[1])) && (v += 25), x.push({ item: E, score: v });
     }
-    return g.sort((E, R) => R.score - E.score), g.map((E) => E.item);
-  }, [u, m, l, c]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
+    return x.sort((E, k) => k.score - E.score), x.map((E) => E.item);
+  }, [s, u, o, d]);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Fe, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2523,29 +2680,29 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(Pe, { value: m, onChange: s }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      h.map((d, p) => {
-        const g = Qe(d.chain), A = (g == null ? void 0 : g.name) || d.chainName || d.chain, E = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
-        return /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ o(
+    /* @__PURE__ */ e(Ve, { value: u, onChange: i }),
+    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      h.map((f, p) => {
+        const x = qe(f.chain), C = (x == null ? void 0 : x.name) || f.chainName || f.chain, E = f.name !== f.code ? f.name : "", k = m(f.code, f.chain);
+        return /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ l(
             "button",
             {
-              onClick: () => a(d.code, d.chain),
+              onClick: () => a(f.code, f.chain),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ o("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
+                /* @__PURE__ */ l("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
                       className: "absolute top-0 left-0",
                       style: { background: "#ffffff", borderRadius: "50%" },
                       children: /* @__PURE__ */ e(
-                        _t,
+                        Xt,
                         {
-                          src: $t(d.code, r),
-                          alt: d.code,
+                          src: zt(f.code, r),
+                          alt: f.code,
                           size: 32
                         }
                       )
@@ -2563,23 +2720,23 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                         background: "#ffffff"
                       },
                       children: /* @__PURE__ */ e(
-                        _t,
+                        Xt,
                         {
-                          src: it(d.chain, r),
-                          alt: d.chain,
+                          src: ut(f.chain, r),
+                          alt: f.chain,
                           size: 16
                         }
                       )
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e("div", { className: "text-left flex-1 min-w-0", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e("div", { className: "text-left flex-1 min-w-0", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
                       className: "font-semibold text-[15px]",
                       style: { color: "var(--t-text)" },
-                      children: d.code
+                      children: f.code
                     }
                   ),
                   E && /* @__PURE__ */ e(
@@ -2591,9 +2748,9 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ o("div", { className: "flex items-center gap-2 shrink-0", children: [
-                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: A }),
-                  R && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ l("div", { className: "flex items-center gap-2 shrink-0", children: [
+                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: C }),
+                  k && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                     "path",
                     {
                       d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2608,36 +2765,36 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
             }
           ),
           p < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, `${d.code}-${d.chain}`);
+        ] }, `${f.code}-${f.chain}`);
       }),
       h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
-function za({
+function sn({
   methods: t,
   selectedId: a,
   onSelect: n,
   onClose: r
 }) {
-  const [l, c] = v(""), m = Z(() => {
-    const s = l.trim().toLowerCase();
-    if (!s) {
+  const [o, d] = N(""), u = $(() => {
+    const i = o.trim().toLowerCase();
+    if (!i) {
       if (a) {
-        const u = t.find((f) => f.id === a);
-        if (u) {
-          const f = t.filter((h) => h.id !== a);
-          return [u, ...f];
+        const s = t.find((m) => m.id === a);
+        if (s) {
+          const m = t.filter((h) => h.id !== a);
+          return [s, ...m];
         }
       }
       return t;
     }
     return t.filter(
-      (u) => u.id.toLowerCase().includes(s) || u.name.toLowerCase().includes(s) || u.description && u.description.toLowerCase().includes(s)
+      (s) => s.id.toLowerCase().includes(i) || s.name.toLowerCase().includes(i) || s.description && s.description.toLowerCase().includes(i)
     );
-  }, [t, l, a]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: r }) }),
+  }, [t, o, a]);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Fe, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2646,27 +2803,27 @@ function za({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Pe, { value: l, onChange: c }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, u) => {
-        const f = s.id === a, h = Yt(s.id, s.name);
-        return /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ o(
+    /* @__PURE__ */ e(Ve, { value: o, onChange: d }),
+    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      u.map((i, s) => {
+        const m = i.id === a, h = ea(i.id, i.name);
+        return /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ l(
             "button",
             {
-              onClick: () => n(s.id),
-              className: `flex w-full transition-colors rounded-lg hover-item ${s.description ? "items-start" : "items-center"}`,
+              onClick: () => n(i.id),
+              className: `flex w-full transition-colors rounded-lg hover-item ${i.description ? "items-start" : "items-center"}`,
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
                 /* @__PURE__ */ e(
                   "span",
                   {
-                    className: `flex items-center justify-center shrink-0 ${s.description ? "mt-0.5" : ""}`,
+                    className: `flex items-center justify-center shrink-0 ${i.description ? "mt-0.5" : ""}`,
                     style: { width: 32, height: 32 },
-                    children: Zt(s.id, s.icon, 32)
+                    children: ta(i.id, i.icon, 32)
                   }
                 ),
-                /* @__PURE__ */ o("div", { className: "text-left flex-1", children: [
+                /* @__PURE__ */ l("div", { className: "text-left flex-1", children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
@@ -2675,16 +2832,16 @@ function za({
                       children: h
                     }
                   ),
-                  s.description && /* @__PURE__ */ e(
+                  i.description && /* @__PURE__ */ e(
                     "div",
                     {
                       className: "text-[13px] leading-snug mt-1",
                       style: { color: "var(--t-text-secondary)" },
-                      children: s.description
+                      children: i.description
                     }
                   )
                 ] }),
-                f && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
+                m && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
                   "path",
                   {
                     d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2697,14 +2854,14 @@ function za({
               ]
             }
           ),
-          u < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, s.id);
+          s < u.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+        ] }, i.id);
       }),
-      m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
+      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
     ] })
   ] });
 }
-function Ja({
+function dn({
   checked: t,
   onChange: a,
   accentColor: n = "var(--t-accent)"
@@ -2734,47 +2891,47 @@ function Ja({
     }
   );
 }
-const qa = [
+const un = [
   { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
   { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
 ];
-function en({
+function mn({
   onClose: t,
   darkMode: a,
   onToggleDarkMode: n,
   skinId: r,
-  onSelectSkin: l,
-  showThemeToggle: c = !0,
-  country: m,
-  countryName: s,
-  onLocationPress: u,
-  assetBaseUrl: f = ""
+  onSelectSkin: o,
+  showThemeToggle: d = !0,
+  country: u,
+  countryName: i,
+  onLocationPress: s,
+  assetBaseUrl: m = ""
 }) {
-  const [h, d] = v(!1);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
-    /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      u && /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o(
+  const [h, f] = N(!1);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Fe, { onClick: t }) }),
+    /* @__PURE__ */ l("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
+      s && /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ l(
           "button",
           {
-            onClick: u,
+            onClick: s,
             className: "flex items-center justify-between w-full py-5 transition-colors",
             style: { color: "inherit", background: "none", border: "none", cursor: "pointer", padding: "20px 0" },
             children: [
-              /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
-                m && !h ? /* @__PURE__ */ e(
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-3.5", children: [
+                u && !h ? /* @__PURE__ */ e(
                   "img",
                   {
-                    src: `${f}/flags/${m.toLowerCase()}.svg`,
-                    alt: m,
+                    src: `${m}/flags/${u.toLowerCase()}.svg`,
+                    alt: u,
                     width: 40,
                     height: 40,
                     style: { width: 40, height: 40, borderRadius: "50%", objectFit: "cover" },
-                    onError: () => d(!0)
+                    onError: () => f(!0)
                   }
-                ) : /* @__PURE__ */ e(tn, { size: 40 }),
-                /* @__PURE__ */ o("div", { className: "text-left", children: [
+                ) : /* @__PURE__ */ e(fn, { size: 40 }),
+                /* @__PURE__ */ l("div", { className: "text-left", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -2783,26 +2940,26 @@ function en({
                       children: "Location"
                     }
                   ),
-                  s && /* @__PURE__ */ e(
+                  i && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: s
+                      children: i
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ e(Pt, {})
+              /* @__PURE__ */ e($t, {})
             ]
           }
         ) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      c && /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e("div", { style: { borderTop: u ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
-          /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
-            /* @__PURE__ */ e(Ia, { size: 40 }),
+      d && /* @__PURE__ */ l(q, { children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: s ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between w-full py-5", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-3.5", children: [
+            /* @__PURE__ */ e(Wa, { size: 40 }),
             /* @__PURE__ */ e(
               "span",
               {
@@ -2812,12 +2969,12 @@ function en({
               }
             )
           ] }),
-          /* @__PURE__ */ e(Ja, { checked: a, onChange: n, accentColor: "#4CD964" })
+          /* @__PURE__ */ e(dn, { checked: a, onChange: n, accentColor: "#4CD964" })
         ] }) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      qa.map((p) => /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ o(
+      un.map((p) => /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l(
           "a",
           {
             href: p.href,
@@ -2834,7 +2991,7 @@ function en({
                   children: p.label
                 }
               ),
-              /* @__PURE__ */ e(Pt, {})
+              /* @__PURE__ */ e($t, {})
             ]
           }
         ),
@@ -2843,38 +3000,38 @@ function en({
     ] })
   ] });
 }
-function tn({ size: t = 40 }) {
-  return /* @__PURE__ */ o("svg", { width: t, height: t, viewBox: "0 0 40 40", fill: "none", children: [
+function fn({ size: t = 40 }) {
+  return /* @__PURE__ */ l("svg", { width: t, height: t, viewBox: "0 0 40 40", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "20", cy: "20", r: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ e("ellipse", { cx: "20", cy: "20", rx: "9", ry: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ e("line", { x1: "2", y1: "20", x2: "38", y2: "20", stroke: "var(--t-text-secondary)", strokeWidth: "1.5" }),
     /* @__PURE__ */ e("path", { d: "M5 12h30M5 28h30", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" })
   ] });
 }
-function an({
+function hn({
   onClose: t,
   onSelect: a,
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [l, c] = v(""), m = Z(() => {
-    const s = l.trim().toLowerCase();
-    if (!s) {
+  const [o, d] = N(""), u = $(() => {
+    const i = o.trim().toLowerCase();
+    if (!i) {
       if (r) {
-        const u = r.toLowerCase(), f = st[u];
-        if (f) {
-          const h = Ze.filter((d) => d.code !== u);
-          return [f, ...h];
+        const s = r.toLowerCase(), m = ht[s];
+        if (m) {
+          const h = Je.filter((f) => f.code !== s);
+          return [m, ...h];
         }
       }
-      return Ze;
+      return Je;
     }
-    return Ze.filter(
-      (u) => u.name.toLowerCase().includes(s) || u.code.includes(s) || u.defaultFiat.toLowerCase().includes(s)
+    return Je.filter(
+      (s) => s.name.toLowerCase().includes(i) || s.code.includes(i) || s.defaultFiat.toLowerCase().includes(i)
     );
-  }, [l, r]);
-  return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
+  }, [o, r]);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Fe, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2889,24 +3046,24 @@ function an({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e(Pe, { value: l, onChange: c }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, u) => {
-        const f = (r == null ? void 0 : r.toLowerCase()) === s.code;
-        return /* @__PURE__ */ o("div", { children: [
-          /* @__PURE__ */ o(
+    /* @__PURE__ */ e(Ve, { value: o, onChange: d }),
+    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      u.map((i, s) => {
+        const m = (r == null ? void 0 : r.toLowerCase()) === i.code;
+        return /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ l(
             "button",
             {
-              onClick: () => a(s.code),
+              onClick: () => a(i.code),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ e(nn, { code: s.code, size: 32, baseUrl: n }),
-                /* @__PURE__ */ o("div", { className: "text-left flex-1", children: [
-                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: s.name }),
-                  /* @__PURE__ */ e("span", { className: "text-[13px] ml-2", style: { color: "var(--t-text-secondary)" }, children: s.defaultFiat })
+                /* @__PURE__ */ e(pn, { code: i.code, size: 32, baseUrl: n }),
+                /* @__PURE__ */ l("div", { className: "text-left flex-1", children: [
+                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: i.name }),
+                  /* @__PURE__ */ e("span", { className: "text-[13px] ml-2", style: { color: "var(--t-text-secondary)" }, children: i.defaultFiat })
                 ] }),
-                f && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
+                m && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
                   {
                     d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2919,20 +3076,20 @@ function an({
               ]
             }
           ),
-          u < m.length - 1 && /* @__PURE__ */ e(
+          s < u.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
             }
           )
-        ] }, s.code);
+        ] }, i.code);
       }),
-      m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No countries found" })
+      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No countries found" })
     ] })
   ] });
 }
-function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
-  const [r, l] = v(!1);
+function pn({ code: t, size: a = 32, baseUrl: n = "" }) {
+  const [r, o] = N(!1);
   return r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2957,228 +3114,232 @@ function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
       width: a,
       height: a,
       style: { width: a, height: a, borderRadius: "50%", objectFit: "cover" },
-      onError: () => l(!0)
+      onError: () => o(!0)
     }
   );
 }
-function rn({
+function yn({
   className: t = "",
   theme: a = "dark",
   skinId: n = "mono",
   accentColor: r,
-  bgColor: l,
-  bgImage: c,
-  borderColor: m,
-  borderRadius: s,
-  surfaceColor: u,
-  inputBgColor: f,
+  bgColor: o,
+  bgImage: d,
+  borderColor: u,
+  borderRadius: i,
+  surfaceColor: s,
+  inputBgColor: m,
   textColor: h,
-  textSecondaryColor: d,
+  textSecondaryColor: f,
   textMutedColor: p,
-  successColor: g,
-  showFlowToggle: A = !0,
+  successColor: x,
+  showFlowToggle: C = !0,
   showSettings: E = !0,
-  showThemeToggle: R = !0,
+  showThemeToggle: k = !0,
   autoRedirect: _ = !1,
-  explorerUrl: ae,
+  explorerUrl: re,
   doneButtonText: j = "Done",
   supportEmail: Q,
-  stablecoinParity: q,
-  partnerName: $,
-  onDone: xe
+  stablecoinParity: ee,
+  partnerName: W,
+  onDone: ge
 }) {
-  var bt, Nt, Et, wt, At, Rt, Tt, kt, Lt;
+  var kt, Tt, Lt, Ut, Ft, Dt, Mt, It, Bt;
   const {
-    state: y,
-    dispatch: k,
-    config: i,
-    configLoading: I,
-    quotes: b,
+    state: v,
+    dispatch: L,
+    config: c,
+    configLoading: U,
+    quotes: w,
     quotesLoading: S,
-    quotesError: ge,
-    fetchQuotes: Ce,
-    createOrder: Se,
-    orderLoading: oe,
-    amountError: me,
-    fieldLocks: M,
-    apiConfig: ee,
-    assetBaseUrl: G
-  } = Te(), [X, fe] = v(a === "dark"), [he, Le] = v(n), [ie, H] = v(null), [Ue, Ee] = v(!1), [De, Ke] = v(!1), [ne, _e] = v(!1), [ve, Fe] = v(!1), [Ve, le] = v(null), [Me, Je] = v(!0), [qe, je] = v(!1), [ce, C] = v(!1), w = O(null), L = O(), U = O(y.flowType);
-  Y(() => {
-    fe(a === "dark");
-  }, [a]), Y(() => {
-    const x = setTimeout(() => Je(!1), I ? 0 : 800);
-    return () => clearTimeout(x);
-  }, [I]), Y(() => {
-    if (U.current !== y.flowType && !Me) {
-      U.current = y.flowType, je(!0), Ee(!1), Ke(!1);
-      const x = setTimeout(() => je(!1), 350);
-      return () => clearTimeout(x);
+    quotesError: te,
+    fetchQuotes: xe,
+    createOrder: ve,
+    orderLoading: le,
+    amountError: he,
+    fieldLocks: D,
+    apiConfig: ae,
+    assetBaseUrl: B,
+    availableFiats: ce,
+    availableCryptos: De,
+    availablePaymentMethods: Y,
+    selectionUnsupported: oe
+  } = Ue(), [z, Ee] = N(a === "dark"), [Ae, at] = N(n), [se, O] = N(null), [Me, Re] = N(!1), [Ie, je] = N(!1), [ie, Ge] = N(!1), [Se, Be] = N(!1), [$e, de] = N(null), [Oe, nt] = N(!0), [rt, We] = N(!1), [ue, y] = N(!1), A = I(null), R = I(), F = I(v.flowType);
+  Z(() => {
+    Ee(a === "dark");
+  }, [a]), Z(() => {
+    const g = setTimeout(() => nt(!1), U ? 0 : 800);
+    return () => clearTimeout(g);
+  }, [U]), Z(() => {
+    if (F.current !== v.flowType && !Oe) {
+      F.current = v.flowType, We(!0), Re(!1), je(!1);
+      const g = setTimeout(() => We(!1), 350);
+      return () => clearTimeout(g);
     }
-    U.current = y.flowType;
-  }, [y.flowType, Me]);
-  const D = y.flowType, F = D === "buy", B = y.cryptoCurrency || "BTC", W = y.fiatCurrency || "USD", et = F ? y.fiatAmount : y.cryptoAmount, z = Ea(et), pe = (bt = b == null ? void 0 : b.bestQuote) != null && bt.exchangeRate ? parseFloat(b.bestQuote.exchangeRate) : null, Ge = O(null);
-  pe && B && W && (Ge.current = { rate: pe, crypto: B, fiat: W });
-  const ut = Z(() => {
-    if (b != null && b.bestQuote) {
-      const x = F ? b.bestQuote.cryptoAmount : b.bestQuote.fiatAmount;
-      if (x) return x;
+    F.current = v.flowType;
+  }, [v.flowType, Oe]);
+  const M = v.flowType, T = M === "buy", H = v.cryptoCurrency || "BTC", X = v.fiatCurrency || "USD", ot = T ? v.fiatAmount : v.cryptoAmount, J = Ia(ot), pe = (kt = w == null ? void 0 : w.bestQuote) != null && kt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Xe = I(null);
+  pe && H && X && (Xe.current = { rate: pe, crypto: H, fiat: X });
+  const Ct = $(() => {
+    if (w != null && w.bestQuote) {
+      const g = T ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
+      if (g) return g;
     }
     return "0";
-  }, [b, F]), Ie = !!(q && $ && F && Xt(B) && pe), Qt = Ie && B.toUpperCase().includes(W.toUpperCase()), mt = Ie && z > 0 ? lt(Qt ? z : z / pe) : null, zt = Ie && mt ? mt : ut, Jt = Z(() => {
-    var K, re, Ae;
-    const x = pe || ((K = Ge.current) == null ? void 0 : K.rate), N = pe ? B : (re = Ge.current) == null ? void 0 : re.crypto, T = pe ? W : (Ae = Ge.current) == null ? void 0 : Ae.fiat;
-    return !x || !N || !T ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${T}`;
-  }, [B, W, pe]);
-  Y(() => {
-    const x = y.walletAddress.trim(), N = y.network;
-    if (!x || x.length < 10) {
-      le(null), k({ type: "SET_WALLET_ERROR", message: "" });
+  }, [w, T]), He = !!(ee && W && T && Jt(H) && pe), aa = He && H.toUpperCase().includes(X.toUpperCase()), gt = He && J > 0 ? mt(aa ? J : J / pe) : null, na = He && gt ? gt : Ct, ra = $(() => {
+    var G, Ne, Te;
+    const g = pe || ((G = Xe.current) == null ? void 0 : G.rate), b = pe ? H : (Ne = Xe.current) == null ? void 0 : Ne.crypto, K = pe ? X : (Te = Xe.current) == null ? void 0 : Te.fiat;
+    return !g || !b || !K ? "" : `1 ${b} ≈ ${g.toFixed(2)} ${K}`;
+  }, [H, X, pe]);
+  Z(() => {
+    const g = v.walletAddress.trim(), b = v.network;
+    if (!g || g.length < 10) {
+      de(null), L({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Fe(!0), le(null);
-    const T = new AbortController();
-    return clearTimeout(L.current), L.current = setTimeout(async () => {
-      var K, re, Ae;
+    Be(!0), de(null);
+    const K = new AbortController();
+    return clearTimeout(R.current), R.current = setTimeout(async () => {
+      var G, Ne, Te;
       try {
-        const nt = await (await fetch(`${ee.apiUrl}/public/validate/address`, {
+        const ct = await (await fetch(`${ae.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
-          signal: T.signal
-        })).json(), rt = ((K = nt.data) == null ? void 0 : K.attributes) || nt.data || nt;
-        if (rt.isValid)
-          le(!0), k({ type: "SET_WALLET_ERROR", message: "" });
+          body: JSON.stringify({ address: g, ...b ? { network: b } : {} }),
+          signal: K.signal
+        })).json(), st = ((G = ct.data) == null ? void 0 : G.attributes) || ct.data || ct;
+        if (st.isValid)
+          de(!0), L({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          le(!1);
-          const da = ((re = rt.errors) == null ? void 0 : re[0]) || ((Ae = rt.details) == null ? void 0 : Ae.formatMessage) || "Invalid wallet address";
-          k({ type: "SET_WALLET_ERROR", message: da });
+          de(!1);
+          const ya = ((Ne = st.errors) == null ? void 0 : Ne[0]) || ((Te = st.details) == null ? void 0 : Te.formatMessage) || "Invalid wallet address";
+          L({ type: "SET_WALLET_ERROR", message: ya });
         }
-      } catch (at) {
-        if (at instanceof DOMException && at.name === "AbortError") return;
-        le(null);
+      } catch (lt) {
+        if (lt instanceof DOMException && lt.name === "AbortError") return;
+        de(null);
       } finally {
-        T.signal.aborted || Fe(!1);
+        K.signal.aborted || Be(!1);
       }
     }, 500), () => {
-      clearTimeout(L.current), T.abort();
+      clearTimeout(R.current), K.abort();
     };
-  }, [y.walletAddress, y.network, ee.apiUrl]);
-  const ft = !et || z === 0, ht = z > 0 && (F ? z < Bt : z < Ot), pt = !!me || ht || Ue && ft, qt = z > 0 && !me && !ht, tt = y.walletAddress.trim().length >= 10 && Ve !== !1 && !ve, $e = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
-    let N = x.target.value.replace(/[^0-9.,]/g, "");
-    const T = F ? 2 : 6, K = N.indexOf(".");
-    K !== -1 && N.length - K - 1 > T && (N = N.slice(0, K + T + 1)), k(F ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
-  }, yt = (x) => {
-    x !== D && k({ type: "SET_FLOW_TYPE", flowType: x });
-  }, ta = P(
-    (x) => {
-      k({ type: "SET_FIAT_CURRENCY", currency: x });
+  }, [v.walletAddress, v.network, ae.apiUrl]);
+  const xt = !ot || J === 0, vt = J > 0 && (T ? J < Vt : J < jt), St = !!he || vt || Me && xt, oa = J > 0 && !he && !vt, it = v.walletAddress.trim().length >= 10 && $e !== !1 && !Se, Ye = oa && it && !!v.cryptoCurrency && !!v.network, ia = (g) => {
+    let b = g.target.value.replace(/[^0-9.,]/g, "");
+    const K = T ? 2 : 6, G = b.indexOf(".");
+    G !== -1 && b.length - G - 1 > K && (b = b.slice(0, G + K + 1)), L(T ? { type: "SET_FIAT_AMOUNT", amount: b } : { type: "SET_CRYPTO_AMOUNT", amount: b });
+  }, bt = (g) => {
+    g !== M && L({ type: "SET_FLOW_TYPE", flowType: g, fieldLocks: D });
+  }, la = P(
+    (g) => {
+      L({ type: "SET_FIAT_CURRENCY", currency: g });
     },
-    [k]
-  ), aa = P(
-    (x, N) => {
-      k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: N });
+    [L]
+  ), ca = P(
+    (g, b) => {
+      L({ type: "SET_CRYPTO_CURRENCY", currency: g }), L({ type: "SET_CRYPTO_CHAIN", chain: b });
     },
-    [k]
-  ), na = P(
-    (x) => {
-      k({ type: "SET_PAYMENT_METHOD", methodId: x });
+    [L]
+  ), sa = P(
+    (g) => {
+      L({ type: "SET_PAYMENT_METHOD", methodId: g });
     },
-    [k]
-  ), ra = P(
-    (x) => {
-      k({ type: "SET_COUNTRY", country: x }), H(null);
+    [L]
+  ), da = P(
+    (g) => {
+      L({ type: "SET_COUNTRY", country: g }), O(null);
     },
-    [k]
-  ), oa = P(() => {
-    H(null), setTimeout(() => H("country"), 280);
-  }, []), ia = y.country ? (Nt = st[y.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
-    $e && (C(!0), Ce());
+    [L]
+  ), ua = P(() => {
+    O(null), setTimeout(() => O("country"), 280);
+  }, []), ma = v.country ? (Tt = ht[v.country.toLowerCase()]) == null ? void 0 : Tt.name : void 0, fa = () => {
+    Ye && (y(!0), xe());
   };
-  Y(() => {
-    var x;
-    if (!(!ce || S)) {
-      if (b != null && b.bestQuote)
-        C(!1), k({ type: "SELECT_QUOTE", quote: b.bestQuote }), Se().catch(() => {
+  Z(() => {
+    var g;
+    if (!(!ue || S)) {
+      if (w != null && w.bestQuote)
+        y(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), ve().catch(() => {
         });
-      else if (ge)
-        C(!1), k({ type: "SET_ERROR", message: ge.message || "No quotes available" });
-      else if (b && !b.bestQuote) {
-        C(!1);
-        const N = (x = b.unavailableGateways) == null ? void 0 : x.map((K) => K.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
-        k({ type: "SET_ERROR", message: T });
+      else if (te)
+        y(!1), L({ type: "SET_ERROR", message: te.message || "No quotes available" });
+      else if (w && !w.bestQuote) {
+        y(!1);
+        const b = (g = w.unavailableGateways) == null ? void 0 : g.map((G) => G.reason).filter(Boolean), K = b != null && b.length ? `No providers available: ${b.join("; ")}` : "No providers available for this currency/network combination";
+        L({ type: "SET_ERROR", message: K });
       }
     }
-  }, [ce, b, S, ge, k, Se]);
-  const xt = X ? "theme-dark" : "theme-light", Xe = Mt.find((x) => x.id === he) || Mt[0], ca = Xe.accent === null, sa = r ? ue(r) : !1, gt = (x) => {
-    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), K = parseInt(N.substring(2, 4), 16), re = parseInt(N.substring(4, 6), 16);
-    return (0.299 * T + 0.587 * K + 0.114 * re) / 255 > 0.5 ? "#000000" : "#ffffff";
-  }, Ct = sa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": gt(r) } : ca ? {
-    "--t-accent": X ? "#ffffff" : "#111111",
-    "--t-cta-bg": X ? "#ffffff" : "#111111",
-    "--t-cta-text": X ? "#000000" : "#ffffff"
+  }, [ue, w, S, te, L, ve]);
+  const Nt = z ? "theme-dark" : "theme-light", Ze = Kt.find((g) => g.id === Ae) || Kt[0], ha = Ze.accent === null, pa = r ? fe(r) : !1, wt = (g) => {
+    const b = g.replace("#", ""), K = parseInt(b.substring(0, 2), 16), G = parseInt(b.substring(2, 4), 16), Ne = parseInt(b.substring(4, 6), 16);
+    return (0.299 * K + 0.587 * G + 0.114 * Ne) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, Et = pa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": wt(r) } : ha ? {
+    "--t-accent": z ? "#ffffff" : "#111111",
+    "--t-cta-bg": z ? "#ffffff" : "#111111",
+    "--t-cta-text": z ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": Xe.accent,
-    "--t-cta-bg": Xe.accent,
-    "--t-cta-text": gt(Xe.accent)
-  }, te = {};
-  u && ue(u) && (te["--t-surface"] = u, te["--t-modal-bg"] = u), f && ue(f) && (te["--t-pill-bg"] = f, te["--t-close-bg"] = f), h && ue(h) && (te["--t-text"] = h), d && ue(d) && (te["--t-text-secondary"] = d), p && ue(p) && (te["--t-text-muted"] = p, te["--t-text-tertiary"] = p), g && ue(g) && (te["--t-success"] = g);
+    "--t-accent": Ze.accent,
+    "--t-cta-bg": Ze.accent,
+    "--t-cta-text": wt(Ze.accent)
+  }, ne = {};
+  s && fe(s) && (ne["--t-surface"] = s, ne["--t-modal-bg"] = s), m && fe(m) && (ne["--t-pill-bg"] = m, ne["--t-close-bg"] = m), h && fe(h) && (ne["--t-text"] = h), f && fe(f) && (ne["--t-text-secondary"] = f), p && fe(p) && (ne["--t-text-muted"] = p, ne["--t-text-tertiary"] = p), x && fe(x) && (ne["--t-success"] = x);
   const be = {};
-  l && ue(l) ? be.backgroundColor = l : be.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (be.backgroundImage = `url(${c})`, be.backgroundSize = "cover", be.backgroundPosition = "center");
-  const We = X ? "#ffffff" : "#111111", Ye = {};
-  m && ue(m) && (Ye.border = `1px solid ${m}`), s && (Ye.borderRadius = s);
-  const St = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: _ }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ae, doneButtonText: j, onDone: xe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Q }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Ie, partnerName: $ }) : null;
-  if (St)
+  o && fe(o) ? be.backgroundColor = o : be.backgroundColor = "var(--t-bg)", d && (d.startsWith("https://") || d.startsWith("data:image/")) && (be.backgroundImage = `url(${d})`, be.backgroundSize = "cover", be.backgroundPosition = "center");
+  const Qe = z ? "#ffffff" : "#111111", ze = {};
+  u && fe(u) && (ze.border = `1px solid ${u}`), i && (ze.borderRadius = i);
+  const At = v.step === "checkout" ? /* @__PURE__ */ e(za, { autoRedirect: _ }) : v.step === "processing" ? /* @__PURE__ */ e(qa, {}) : v.step === "complete" ? /* @__PURE__ */ e(en, { explorerUrl: re, doneButtonText: j, onDone: ge }) : v.step === "error" ? /* @__PURE__ */ e(tn, { supportEmail: Q }) : v.step === "confirm" ? /* @__PURE__ */ e(an, { stablecoinParity: He, partnerName: W }) : null;
+  if (At)
     return /* @__PURE__ */ e(
       "div",
       {
-        className: `${xt} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+        className: `${Nt} 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",
           ...be,
-          ...Ct,
-          ...te,
-          ...Ye
+          ...Et,
+          ...ne,
+          ...ze
         },
-        children: St
+        children: At
       }
     );
-  const se = y.network, we = se ? Qe(se) : null, vt = (we == null ? void 0 : we.shortName) || (we == null ? void 0 : we.name) || se;
-  return /* @__PURE__ */ o(
+  const me = v.network, ke = me ? qe(me) : null, Rt = (ke == null ? void 0 : ke.shortName) || (ke == null ? void 0 : ke.name) || me;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: `${xt} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+      className: `${Nt} 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",
         ...be,
-        ...Ct,
-        ...te,
-        ...Ye
+        ...Et,
+        ...ne,
+        ...ze
       },
       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: () => H("settings") }) }),
-        A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
-          /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
+        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${C ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e($a, { onClick: () => O("settings") }) }),
+        C ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
+          /* @__PURE__ */ l("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => yt("buy"),
+                onClick: () => bt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: D === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: M === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => yt("sell"),
+                onClick: () => bt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: D === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: M === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
           ] }),
-          /* @__PURE__ */ o("div", { className: "relative", style: { width: 165, height: 1 }, children: [
+          /* @__PURE__ */ l("div", { className: "relative", style: { width: 165, height: 1 }, children: [
             /* @__PURE__ */ e("div", { className: "absolute inset-0", style: { background: "var(--t-divider)" } }),
             /* @__PURE__ */ e(
               "div",
@@ -3186,46 +3347,46 @@ function rn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: D === "buy" ? "0%" : "50%",
+                  left: M === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        Me || qe || I ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
-          /* @__PURE__ */ o(
+        Oe || rt || U ? /* @__PURE__ */ e(on, {}) : /* @__PURE__ */ l("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+          /* @__PURE__ */ l(
             "div",
             {
               className: "px-[18px] pt-[14px] pb-[18px]",
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: Ue && pt ? "1px solid #EF4444" : "1px solid transparent",
+                border: Me && St ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You spend" }),
-                /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: w,
+                      ref: A,
                       type: "text",
-                      value: et,
-                      onChange: ea,
-                      onBlur: () => Ee(!0),
-                      placeholder: F ? "250" : "0.01",
+                      value: ot,
+                      onChange: ia,
+                      onBlur: () => Re(!0),
+                      placeholder: T ? "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 = M == null ? void 0 : M.sourceAmount) != null && Et.locked)
+                      disabled: !!((Lt = D == null ? void 0 : D.sourceAmount) != null && Lt.locked)
                     }
                   ),
-                  F ? /* @__PURE__ */ o(
+                  T ? /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => H("fiat"),
+                      onClick: () => O("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3234,18 +3395,18 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((wt = M == null ? void 0 : M.sourceCurrency) != null && wt.locked),
+                      disabled: !!((Ut = D == null ? void 0 : D.sourceCurrency) != null && Ut.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: W, size: 16, baseUrl: G }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: W }),
-                        /* @__PURE__ */ e(He, {})
+                        /* @__PURE__ */ e(ft, { currencyCode: X, size: 16, baseUrl: B }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Qe }, children: X }),
+                        /* @__PURE__ */ e(_e, {})
                       ]
                     }
-                  ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
-                    /* @__PURE__ */ o(
+                  ) : /* @__PURE__ */ l("div", { className: "flex flex-col items-end shrink-0", children: [
+                    /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => H("crypto"),
+                        onClick: () => O("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3254,35 +3415,35 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((At = M == null ? void 0 : M.destinationCurrency) != null && At.locked),
+                        disabled: !!((Ft = D == null ? void 0 : D.destinationCurrency) != null && Ft.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: B, size: 16, baseUrl: G }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: B }),
-                          /* @__PURE__ */ e(He, {})
+                          /* @__PURE__ */ e(Gt, { ticker: H, size: 16, baseUrl: B }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Qe }, children: H }),
+                          /* @__PURE__ */ e(_e, {})
                         ]
                       }
                     ),
-                    se && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    me && /* @__PURE__ */ l("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(se, G),
-                          alt: se,
+                          src: ut(me, B),
+                          alt: me,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: Rt })
                     ] })
                   ] })
                 ] })
               ]
             }
           ),
-          Ue && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: me || (ft ? "Amount should be more than 0" : F ? `Minimum amount is ${Bt} ${W}` : `Minimum amount is ${Ot} ${B}`) }),
-          /* @__PURE__ */ o(
+          Me && St && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: he || (xt ? "Amount should be more than 0" : T ? `Minimum amount is ${Vt} ${X}` : `Minimum amount is ${jt} ${H}`) }),
+          /* @__PURE__ */ l(
             "div",
             {
               className: "px-[18px] pt-[12px] pb-[14px]",
@@ -3297,21 +3458,21 @@ 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 && !ce ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
-                    Wa,
+                /* @__PURE__ */ l("div", { className: "flex items-start justify-between", children: [
+                  S && !ue ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    rn,
                     {
-                      value: z > 0 ? zt : "0",
+                      value: J > 0 ? na : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: J > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  F ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
-                    /* @__PURE__ */ o(
+                  T ? /* @__PURE__ */ l("div", { className: "flex flex-col items-end shrink-0", children: [
+                    /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => H("crypto"),
+                        onClick: () => O("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3320,32 +3481,32 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Rt = M == null ? void 0 : M.destinationCurrency) != null && Rt.locked),
+                        disabled: !!((Dt = D == null ? void 0 : D.destinationCurrency) != null && Dt.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: B, size: 16, baseUrl: G }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: B }),
-                          /* @__PURE__ */ e(He, {})
+                          /* @__PURE__ */ e(Gt, { ticker: H, size: 16, baseUrl: B }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Qe }, children: H }),
+                          /* @__PURE__ */ e(_e, {})
                         ]
                       }
                     ),
-                    se && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    me && /* @__PURE__ */ l("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(se, G),
-                          alt: se,
+                          src: ut(me, B),
+                          alt: me,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: Rt })
                     ] })
-                  ] }) : /* @__PURE__ */ o(
+                  ] }) : /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => H("fiat"),
+                      onClick: () => O("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3354,11 +3515,11 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Tt = M == null ? void 0 : M.sourceCurrency) != null && Tt.locked),
+                      disabled: !!((Mt = D == null ? void 0 : D.sourceCurrency) != null && Mt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: W, size: 16, baseUrl: G }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: W }),
-                        /* @__PURE__ */ e(He, {})
+                        /* @__PURE__ */ e(ft, { currencyCode: X, size: 16, baseUrl: B }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Qe }, children: X }),
+                        /* @__PURE__ */ e(_e, {})
                       ]
                     }
                   )
@@ -3366,27 +3527,27 @@ function rn({
               ]
             }
           ),
-          Ie && z > 0 && (b == null ? void 0 : b.bestQuote) && /* @__PURE__ */ o(
+          He && J > 0 && (w == null ? void 0 : w.bestQuote) && /* @__PURE__ */ l(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
               style: { background: "var(--t-surface)", fontSize: 12, color: "var(--t-text-secondary)", lineHeight: "16px" },
               children: [
-                /* @__PURE__ */ o("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0, marginTop: 1 }, children: [
+                /* @__PURE__ */ l("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0, marginTop: 1 }, children: [
                   /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
                   /* @__PURE__ */ e("path", { d: "M8 7v4M8 5.5v-.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
                 ] }),
-                /* @__PURE__ */ o("span", { children: [
+                /* @__PURE__ */ l("span", { children: [
                   "You will be charged for ",
-                  ut,
+                  Ct,
                   " ",
-                  B,
+                  H,
                   ", the rest up to ",
-                  lt(z),
+                  mt(J),
                   " ",
-                  W,
+                  X,
                   " will be credited to your ",
-                  $,
+                  W,
                   " account"
                 ] })
               ]
@@ -3398,38 +3559,49 @@ function rn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(kt = i == null ? void 0 : i.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...!Y.length && !((It = c == null ? void 0 : c.paymentMethods) != null && It.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: x ? "var(--t-success)" : "var(--t-text-secondary)" }, children: ra || " " })
             }
           ),
-          (i == null ? void 0 : i.paymentMethods) && i.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
-            Pa,
+          (Y.length > 0 || (c == null ? void 0 : c.paymentMethods) && c.paymentMethods.length > 0) && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: Y.length > 0 ? /* @__PURE__ */ e(
+            Qa,
             {
-              methods: i.paymentMethods,
-              selectedId: y.paymentMethodId,
-              onOpenModal: () => H("payment"),
-              fiatCurrency: y.fiatCurrency
+              methods: Y,
+              selectedId: v.paymentMethodId,
+              onOpenModal: () => O("payment"),
+              fiatCurrency: v.fiatCurrency
+            }
+          ) : /* @__PURE__ */ e(
+            "div",
+            {
+              className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
+              style: {
+                background: "var(--t-surface)",
+                borderBottomLeftRadius: 5,
+                borderBottomRightRadius: 5
+              },
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods for this pair" })
             }
           ) }),
-          /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: F ? "Receiving wallet address" : "Sending wallet address" }),
+          /* @__PURE__ */ l("div", { className: "mt-8", children: [
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: T ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: y.walletAddress,
-                onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
-                onFocus: () => _e(!0),
+                value: v.walletAddress,
+                onChange: (g) => L({ type: "SET_WALLET_ADDRESS", address: g.target.value }),
+                onFocus: () => Ge(!0),
                 onBlur: () => {
-                  _e(!1), Ke(!0);
+                  Ge(!1), je(!0);
                 },
-                placeholder: F ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: T ? "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 || De && !tt ? "1px solid #EF4444" : ne ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: v.walletError || Ie && !it ? "1px solid #EF4444" : ie ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3439,242 +3611,238 @@ function rn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((Lt = M == null ? void 0 : M.destinationAddress) != null && Lt.locked)
+                disabled: !!((Bt = D == null ? void 0 : D.destinationAddress) != null && Bt.locked)
               }
             ),
-            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : De && !tt && !ve ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ve && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            v.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: v.walletError }) : Ie && !it && !Se ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Se && v.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 } }),
+          oe && /* @__PURE__ */ l("div", { className: "text-[12px] text-center mb-2", style: { color: "#EF4444" }, children: [
+            "This currency is not available for ",
+            T ? "buy" : "sell",
+            " orders"
+          ] }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !$e || oe || ce,
-              onClick: la,
+              disabled: !Ye || le || ue || oe,
+              onClick: fa,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
                 height: 60,
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: $e && !oe && !ce ? 1 : 0.4,
-                cursor: $e && !oe && !ce ? "pointer" : "not-allowed"
+                opacity: Ye && !le && !ue && !oe ? 1 : 0.4,
+                cursor: Ye && !le && !ue && !oe ? "pointer" : "not-allowed"
               },
-              children: ce ? "Getting best price..." : oe ? "Processing..." : F ? `Buy ${B}` : `Sell ${B}`
+              children: ue ? "Getting best price..." : le ? "Processing..." : T ? `Buy ${H}` : `Sell ${H}`
             }
           ),
           /* @__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" }) })
-        ] }, D),
-        /* @__PURE__ */ e(Oe, { isOpen: ie === "fiat", onClose: () => H(null), children: (x) => {
-          var N;
-          return /* @__PURE__ */ e(
-            Za,
-            {
-              onClose: x,
-              onSelect: (T) => {
-                ta(T), x();
-              },
-              currencies: (N = i == null ? void 0 : i.fiats) == null ? void 0 : N.map((T) => ({ code: T.code, name: T.code })),
-              assetBaseUrl: G,
-              selectedCode: y.fiatCurrency
-            }
-          );
-        } }),
-        /* @__PURE__ */ e(Oe, { isOpen: ie === "crypto", onClose: () => H(null), children: (x) => {
-          var N;
-          return /* @__PURE__ */ e(
-            Qa,
-            {
-              onClose: x,
-              onSelect: (T, K) => {
-                aa(T, K), x();
-              },
-              cryptos: (N = i == null ? void 0 : i.cryptos) == null ? void 0 : N.map((T) => {
-                var K;
-                return {
-                  code: T.code,
-                  name: T.code,
-                  networks: (K = T.networks) == null ? void 0 : K.map((re) => ({ code: re.id, name: re.name }))
-                };
-              }),
-              assetBaseUrl: G,
-              selectedCode: y.cryptoCurrency,
-              selectedChain: y.network
-            }
-          );
-        } }),
-        /* @__PURE__ */ e(Oe, { isOpen: ie === "payment", onClose: () => H(null), children: (x) => {
-          var N;
-          return /* @__PURE__ */ e(
-            za,
-            {
-              methods: ((N = i == null ? void 0 : i.paymentMethods) == null ? void 0 : N.filter((T) => T.supportedFiats.includes(y.fiatCurrency))) || [],
-              selectedId: y.paymentMethodId,
-              onSelect: (T) => {
-                na(T), x();
-              },
-              onClose: x
-            }
-          );
-        } }),
-        /* @__PURE__ */ e(Oe, { isOpen: ie === "settings", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
-          en,
+        ] }, M),
+        /* @__PURE__ */ e(Ke, { isOpen: se === "fiat", onClose: () => O(null), children: (g) => /* @__PURE__ */ e(
+          ln,
+          {
+            onClose: g,
+            onSelect: (b) => {
+              la(b), g();
+            },
+            currencies: ce.map((b) => ({ code: b.code, name: b.code })),
+            assetBaseUrl: B,
+            selectedCode: v.fiatCurrency
+          }
+        ) }),
+        /* @__PURE__ */ e(Ke, { isOpen: se === "crypto", onClose: () => O(null), children: (g) => /* @__PURE__ */ e(
+          cn,
           {
-            onClose: x,
-            darkMode: X,
-            onToggleDarkMode: fe,
-            skinId: he,
-            onSelectSkin: (N) => {
-              Le(N);
+            onClose: g,
+            onSelect: (b, K) => {
+              ca(b, K), g();
             },
-            showThemeToggle: R,
-            country: y.country,
-            countryName: ia,
-            onLocationPress: oa,
-            assetBaseUrl: G
+            cryptos: De.map((b) => {
+              var K;
+              return {
+                code: b.code,
+                name: b.code,
+                networks: (K = b.networks) == null ? void 0 : K.map((G) => ({ code: G.id, name: G.name }))
+              };
+            }),
+            assetBaseUrl: B,
+            selectedCode: v.cryptoCurrency,
+            selectedChain: v.network
           }
         ) }),
-        /* @__PURE__ */ e(Oe, { isOpen: ie === "country", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
-          an,
+        /* @__PURE__ */ e(Ke, { isOpen: se === "payment", onClose: () => O(null), children: (g) => /* @__PURE__ */ e(
+          sn,
           {
-            onClose: x,
-            onSelect: (N) => {
-              ra(N), x();
+            methods: Y,
+            selectedId: v.paymentMethodId,
+            onSelect: (b) => {
+              sa(b), g();
             },
-            assetBaseUrl: G,
-            selectedCode: y.country
+            onClose: g
+          }
+        ) }),
+        /* @__PURE__ */ e(Ke, { isOpen: se === "settings", onClose: () => O(null), children: (g) => /* @__PURE__ */ e(
+          mn,
+          {
+            onClose: g,
+            darkMode: z,
+            onToggleDarkMode: Ee,
+            skinId: Ae,
+            onSelectSkin: (b) => {
+              at(b);
+            },
+            showThemeToggle: k,
+            country: v.country,
+            countryName: ma,
+            onLocationPress: ua,
+            assetBaseUrl: B
+          }
+        ) }),
+        /* @__PURE__ */ e(Ke, { isOpen: se === "country", onClose: () => O(null), children: (g) => /* @__PURE__ */ e(
+          hn,
+          {
+            onClose: g,
+            onSelect: (b) => {
+              da(b), g();
+            },
+            assetBaseUrl: B,
+            selectedCode: v.country
           }
         ) })
       ]
     }
   );
 }
-function on({
+function Cn({
   projectId: t,
   apiUrl: a,
   assetBaseUrl: n,
   flowType: r,
-  customerId: l,
-  brandId: c,
-  defaultFiatCurrency: m,
-  defaultCryptoCurrency: s,
-  defaultNetwork: u,
-  defaultFiatAmount: f,
+  customerId: o,
+  brandId: d,
+  defaultFiatCurrency: u,
+  defaultCryptoCurrency: i,
+  defaultNetwork: s,
+  defaultFiatAmount: m,
   defaultCryptoAmount: h,
-  defaultWalletAddress: d,
+  defaultWalletAddress: f,
   defaultGateway: p,
-  defaultCountry: g,
-  fieldLocks: A,
+  defaultCountry: x,
+  fieldLocks: C,
   statusPollInterval: E,
-  onComplete: R,
+  onComplete: k,
   onError: _,
-  className: ae,
+  className: re,
   theme: j,
   skinId: Q,
-  accentColor: q,
-  bgColor: $,
-  bgImage: xe,
-  borderColor: y,
-  borderRadius: k,
-  surfaceColor: i,
-  inputBgColor: I,
-  textColor: b,
+  accentColor: ee,
+  bgColor: W,
+  bgImage: ge,
+  borderColor: v,
+  borderRadius: L,
+  surfaceColor: c,
+  inputBgColor: U,
+  textColor: w,
   textSecondaryColor: S,
-  textMutedColor: ge,
-  successColor: Ce,
-  showFlowToggle: Se,
-  showSettings: oe,
-  showThemeToggle: me,
-  autoRedirect: M,
-  explorerUrl: ee,
-  doneButtonText: G,
-  supportEmail: X,
-  stablecoinParity: fe,
-  partnerName: he,
-  onDone: Le
+  textMutedColor: te,
+  successColor: xe,
+  showFlowToggle: ve,
+  showSettings: le,
+  showThemeToggle: he,
+  autoRedirect: D,
+  explorerUrl: ae,
+  doneButtonText: B,
+  supportEmail: ce,
+  stablecoinParity: De,
+  partnerName: Y,
+  onDone: oe
 }) {
   return /* @__PURE__ */ e(
-    Ca,
+    La,
     {
       projectId: t,
       apiUrl: a,
       assetBaseUrl: n,
       flowType: r,
-      customerId: l,
-      brandId: c,
-      defaultFiatCurrency: m,
-      defaultCryptoCurrency: s,
-      defaultNetwork: u,
-      defaultFiatAmount: f,
+      customerId: o,
+      brandId: d,
+      defaultFiatCurrency: u,
+      defaultCryptoCurrency: i,
+      defaultNetwork: s,
+      defaultFiatAmount: m,
       defaultCryptoAmount: h,
-      defaultWalletAddress: d,
+      defaultWalletAddress: f,
       defaultGateway: p,
-      defaultCountry: g,
-      fieldLocks: A,
+      defaultCountry: x,
+      fieldLocks: C,
       statusPollInterval: E,
-      onComplete: R,
+      onComplete: k,
       onError: _,
       children: /* @__PURE__ */ e(
-        rn,
+        yn,
         {
-          className: ae,
+          className: re,
           theme: j,
           skinId: Q,
-          accentColor: q,
-          bgColor: $,
-          bgImage: xe,
-          borderColor: y,
-          borderRadius: k,
-          surfaceColor: i,
-          inputBgColor: I,
-          textColor: b,
+          accentColor: ee,
+          bgColor: W,
+          bgImage: ge,
+          borderColor: v,
+          borderRadius: L,
+          surfaceColor: c,
+          inputBgColor: U,
+          textColor: w,
           textSecondaryColor: S,
-          textMutedColor: ge,
-          successColor: Ce,
-          showFlowToggle: Se,
-          showSettings: oe,
-          showThemeToggle: me,
-          autoRedirect: M,
-          explorerUrl: ee,
-          doneButtonText: G,
-          supportEmail: X,
-          stablecoinParity: fe,
-          partnerName: he,
-          onDone: Le
+          textMutedColor: te,
+          successColor: xe,
+          showFlowToggle: ve,
+          showSettings: le,
+          showThemeToggle: he,
+          autoRedirect: D,
+          explorerUrl: ae,
+          doneButtonText: B,
+          supportEmail: ce,
+          stablecoinParity: De,
+          partnerName: Y,
+          onDone: oe
         }
       )
     }
   );
 }
-function yn({
+function Rn({
   submitButtonText: t,
   rateRefreshInterval: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(on, { ...n });
+  return /* @__PURE__ */ e(Cn, { ...n });
 }
-function xn({
+function kn({
   skin: t,
   active: a,
   onClick: n,
   darkMode: r,
-  dimmed: l
+  dimmed: o
 }) {
-  const c = t.accent === null, m = 32;
-  return /* @__PURE__ */ o(
+  const d = t.accent === null, u = 32;
+  return /* @__PURE__ */ l(
     "button",
     {
       onClick: n,
       className: "relative shrink-0",
-      style: { width: m, height: m, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
+      style: { width: u, height: u, opacity: o ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
-        c ? /* @__PURE__ */ o("svg", { width: m, height: m, viewBox: "0 0 32 32", children: [
+        d ? /* @__PURE__ */ l("svg", { width: u, height: u, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("clipPath", { id: "mono-right", children: /* @__PURE__ */ e("rect", { x: "16", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#111111", clipPath: "url(#mono-left)" }),
           /* @__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 && !l && /* @__PURE__ */ e(
+        ] }) : /* @__PURE__ */ e("svg", { width: u, height: u, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
+        a && !o && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full",
@@ -3685,13 +3853,13 @@ function xn({
     }
   );
 }
-function ln({ quote: t }) {
-  return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ o("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
+function gn({ quote: t }) {
+  return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ l("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
     "#",
     t.rank
   ] }) : null;
 }
-function cn({ quote: t }) {
+function xn({ quote: t }) {
   return t.gatewayLogo ? /* @__PURE__ */ e(
     "img",
     {
@@ -3702,10 +3870,10 @@ function cn({ quote: t }) {
       className: "rounded-full shrink-0",
       style: { width: 36, height: 36 }
     }
-  ) : /* @__PURE__ */ e(dt, { size: 36 });
+  ) : /* @__PURE__ */ e(yt, { size: 36 });
 }
-function sn() {
-  return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ o(
+function vn() {
+  return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ l(
     "div",
     {
       className: "w-full flex items-center gap-3.5",
@@ -3718,11 +3886,11 @@ function sn() {
       },
       children: [
         /* @__PURE__ */ e(V, { w: 36, h: 36, className: "rounded-full shrink-0" }),
-        /* @__PURE__ */ o("div", { className: "flex-1", children: [
+        /* @__PURE__ */ l("div", { className: "flex-1", children: [
           /* @__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__ */ l("div", { className: "text-right", children: [
           /* @__PURE__ */ e(V, { w: 40, h: 10, className: "mb-1.5" }),
           /* @__PURE__ */ e(V, { w: 80, h: 14 })
         ] })
@@ -3731,20 +3899,20 @@ function sn() {
     t
   )) });
 }
-function gn({
+function Tn({
   onClose: t,
   onSelect: a,
   quotes: n,
   quotesLoading: r,
-  cryptoCurrency: l
+  cryptoCurrency: o
 }) {
-  const [c, m] = v(""), s = Z(() => {
+  const [d, u] = N(""), i = $(() => {
     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(ke, { onClick: t }) }),
+    const s = d.trim().toLowerCase();
+    return s ? n.quotes.filter((m) => m.gatewayName.toLowerCase().includes(s)) : n.quotes;
+  }, [n, d]);
+  return /* @__PURE__ */ l(q, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Fe, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3753,14 +3921,14 @@ function gn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(Pe, { value: c, onChange: m }),
-    /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(sn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((u, f) => {
-        const h = f === 0, d = parseFloat(u.cryptoAmount), p = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
-        return /* @__PURE__ */ o(
+    /* @__PURE__ */ e(Ve, { value: d, onChange: u }),
+    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
+      r ? /* @__PURE__ */ e(vn, {}) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : i.map((s, m) => {
+        const h = m === 0, f = parseFloat(s.cryptoAmount), p = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+        return /* @__PURE__ */ l(
           "button",
           {
-            onClick: () => a(u),
+            onClick: () => a(s),
             className: "w-full flex items-center gap-3.5 transition-colors",
             style: {
               borderRadius: h ? 4.5 : 5,
@@ -3771,99 +3939,99 @@ function gn({
               background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(cn, { quote: u }),
-              /* @__PURE__ */ o("div", { className: "text-left flex-1 min-w-0", children: [
-                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: u.gatewayName }),
-                /* @__PURE__ */ e(ln, { quote: u })
+              /* @__PURE__ */ e(xn, { quote: s }),
+              /* @__PURE__ */ l("div", { className: "text-left flex-1 min-w-0", children: [
+                /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: s.gatewayName }),
+                /* @__PURE__ */ e(gn, { quote: s })
               ] }),
-              /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
+              /* @__PURE__ */ l("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: [
-                  l,
+                /* @__PURE__ */ l("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
+                  o,
                   " ",
                   p
                 ] })
               ] })
             ]
           },
-          u.gatewayId
+          s.gatewayId
         );
       }),
-      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((u) => /* @__PURE__ */ o(
+      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((s) => /* @__PURE__ */ l(
         "div",
         {
           className: "flex items-center justify-between py-2 text-[12px]",
           style: { color: "var(--t-text-muted)" },
           children: [
-            /* @__PURE__ */ e("span", { children: u.gatewayName }),
-            /* @__PURE__ */ e("span", { children: u.reason })
+            /* @__PURE__ */ e("span", { children: s.gatewayName }),
+            /* @__PURE__ */ e("span", { children: s.reason })
           ]
         },
-        u.gatewayId
+        s.gatewayId
       )) })
     ] })
   ] });
 }
 export {
-  Xa as AnimatedDigit,
-  Wa as AnimatedNumber,
-  Ta as ApplePayIcon,
-  Be as BLOCKCHAINS,
-  Aa as BankIcon,
-  Ze as COUNTRIES,
-  st as COUNTRY_MAP,
-  wa as CRYPTO_CHAIN_COMBOS,
-  Gt as CRYPTO_CURRENCIES,
-  Fa as CardIcon,
-  yn as CheckoutForm,
-  Ka as CheckoutStep,
-  He as ChevronDown,
-  Pt as ChevronRight,
-  gn as ChooseRampModal,
-  ke as CloseButton,
-  pn as CoinifyIcon,
-  ja as CompleteStep,
-  $a as ConfirmStep,
-  an as CountryPickerModal,
-  Qa as CryptoCurrencyModal,
-  Ht as CryptoIcon,
-  Ia as DarkModeIcon,
-  Ga as ErrorStep,
-  Ft as FIAT_CURRENCIES,
-  va as FIAT_TO_COUNTRY,
-  Za as FiatCurrencyModal,
-  ct as FiatFlag,
-  Ya as FormSkeleton,
-  dt as GenericCoinIcon,
-  ka as GooglePayIcon,
-  It as MOCK_RATES,
-  Ma as MenuIcon,
-  Oe as Modal,
-  La as PayPalIcon,
-  Pa as PaymentMethodSelector,
-  Va as ProcessingStep,
-  on as RampForm,
-  Ca as RampProvider,
-  Ra as RevolutIcon,
-  Mt as SKINS,
-  Pe as SearchInput,
-  en as SettingsScreen,
+  nn as AnimatedDigit,
+  rn as AnimatedNumber,
+  Pa as ApplePayIcon,
+  Pe as BLOCKCHAINS,
+  Oa as BankIcon,
+  Je as COUNTRIES,
+  ht as COUNTRY_MAP,
+  Ba as CRYPTO_CHAIN_COMBOS,
+  Qt as CRYPTO_CURRENCIES,
+  Ga as CardIcon,
+  Rn as CheckoutForm,
+  za as CheckoutStep,
+  _e as ChevronDown,
+  $t as ChevronRight,
+  Tn as ChooseRampModal,
+  Fe as CloseButton,
+  An as CoinifyIcon,
+  en as CompleteStep,
+  an as ConfirmStep,
+  hn as CountryPickerModal,
+  cn as CryptoCurrencyModal,
+  Gt as CryptoIcon,
+  Wa as DarkModeIcon,
+  tn as ErrorStep,
+  Pt as FIAT_CURRENCIES,
+  Fa as FIAT_TO_COUNTRY,
+  ln as FiatCurrencyModal,
+  ft as FiatFlag,
+  on as FormSkeleton,
+  yt as GenericCoinIcon,
+  Ka as GooglePayIcon,
+  _t as MOCK_RATES,
+  $a as MenuIcon,
+  Ke as Modal,
+  _a as PayPalIcon,
+  Qa as PaymentMethodSelector,
+  qa as ProcessingStep,
+  Cn as RampForm,
+  La as RampProvider,
+  Ha as RevolutIcon,
+  Kt as SKINS,
+  Ve as SearchInput,
+  mn as SettingsScreen,
   V as Skeleton,
-  xn as SkinSwatch,
-  Ja as ToggleSwitch,
-  lt as formatOutput,
-  it as getChainIconUrl,
-  $t as getCryptoIconUrl,
-  ot as getDefaultFiatForCountry,
-  ba as getFiatFlagUrl,
-  hn as getMockRate,
-  Ba as getPaymentIcon,
-  Xt as isStablecoin,
-  Ea as parseAmount,
-  ya as useCheckoutIntent,
-  pa as useQuotes,
-  Te as useRamp,
-  ha as useRampConfig,
-  xa as useTransaction
+  kn as SkinSwatch,
+  dn as ToggleSwitch,
+  mt as formatOutput,
+  ut as getChainIconUrl,
+  zt as getCryptoIconUrl,
+  dt as getDefaultFiatForCountry,
+  Da as getFiatFlagUrl,
+  En as getMockRate,
+  Xa as getPaymentIcon,
+  Jt as isStablecoin,
+  Ia as parseAmount,
+  ba as useCheckoutIntent,
+  Sa as useQuotes,
+  Ue as useRamp,
+  va as useRampConfig,
+  Na as useTransaction
 };
 //# sourceMappingURL=index.js.map