@nowramp/form 0.1.64 → 0.1.65

package/dist/index.js

@@ -8,24 +8,24 @@
 }`;
   document.head.appendChild(s);
 })();
-import { jsx as e, jsxs as r, Fragment as re } from "react/jsx-runtime";
-import _e, { useState as b, useRef as V, useCallback as B, useEffect as D, useMemo as W, useReducer as zt, useContext as Jt, createContext as qt } from "react";
-import { RampApi as $e } from "@nowramp/sdk";
-import { createPortal as Nt } from "react-dom";
-function en(t, n) {
-  const [a, o] = b(null), [l, i] = b(!0), [m, s] = b(null), d = V(null);
-  (!d.current || d.current !== t) && (d.current = new $e({ apiKey: "", ...t }));
-  const p = B(async () => {
+import { jsx as e, jsxs as r, Fragment as le } from "react/jsx-runtime";
+import Xe, { useState as N, useRef as X, useCallback as O, useEffect as D, useMemo as G, useReducer as nn, useContext as an, createContext as rn } from "react";
+import { RampApi as We } from "@nowramp/sdk";
+import { createPortal as St } from "react-dom";
+function on(t, n) {
+  const [a, o] = N(null), [l, i] = N(!0), [m, c] = N(null), d = X(null);
+  (!d.current || d.current !== t) && (d.current = new We({ apiKey: "", ...t }));
+  const p = O(async () => {
     if (!t.projectId) {
-      s(new Error("projectId is required")), i(!1);
+      c(new Error("projectId is required")), i(!1);
       return;
     }
-    i(!0), s(null);
+    i(!0), c(null);
     try {
       const h = await d.current.getSupported(n);
       o(h);
     } catch (h) {
-      s(h instanceof Error ? h : new Error("Failed to fetch config"));
+      c(h instanceof Error ? h : new Error("Failed to fetch config"));
     } finally {
       i(!1);
     }
@@ -34,33 +34,33 @@ function en(t, n) {
     p();
   }, [p]), { config: a, loading: l, error: m, refetch: p };
 }
-function tn(t, n) {
-  const [a, o] = b(null), [l, i] = b(!1), [m, s] = b(null), d = V(null), p = V(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!d.current || p.current !== h) && (d.current = new $e({ apiKey: "", ...t }), p.current = h);
-  const u = V(0);
+function ln(t, n) {
+  const [a, o] = N(null), [l, i] = N(!1), [m, c] = N(null), d = X(null), p = X(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!d.current || p.current !== h) && (d.current = new We({ apiKey: "", ...t }), p.current = h);
+  const u = X(0);
   D(() => {
-    const x = ++u.current;
+    const g = ++u.current;
     if (!n || !t.projectId) {
       o(null), i(!1);
       return;
     }
-    i(!0), s(null), d.current.getQuotes(n).then(
-      (E) => {
-        u.current === x && (o(E), i(!1));
+    i(!0), c(null), d.current.getQuotes(n).then(
+      (w) => {
+        u.current === g && (o(w), i(!1));
       },
-      (E) => {
-        u.current === x && (s(E instanceof Error ? E : new Error("Failed to fetch quotes")), o(null), i(!1));
+      (w) => {
+        u.current === g && (c(w instanceof Error ? w : new Error("Failed to fetch quotes")), o(null), i(!1));
       }
     );
   }, [t.projectId, n == null ? void 0 : n.fiatCurrency, n == null ? void 0 : n.fiatAmount, n == null ? void 0 : n.cryptoAmount, n == null ? void 0 : n.cryptoCurrency, n == null ? void 0 : n.network, n == null ? void 0 : n.paymentMethodId, n == null ? void 0 : n.country, n == null ? void 0 : n.orderType]);
-  const f = B(async () => {
+  const f = O(async () => {
     if (!(!n || !t.projectId)) {
-      i(!0), s(null);
+      i(!0), c(null);
       try {
-        const x = await d.current.getQuotes(n);
-        o(x);
-      } catch (x) {
-        s(x instanceof Error ? x : new Error("Failed to fetch quotes"));
+        const g = await d.current.getQuotes(n);
+        o(g);
+      } catch (g) {
+        c(g instanceof Error ? g : new Error("Failed to fetch quotes"));
       } finally {
         i(!1);
       }
@@ -68,29 +68,29 @@ function tn(t, n) {
   }, [t.projectId, n]);
   return { quotes: a, loading: l, error: m, refetch: f };
 }
-function nn(t) {
-  const [n, a] = b(null), [o, l] = b(!1), [i, m] = b(null), s = V(null), d = V(""), p = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || d.current !== p) && (s.current = new $e({ apiKey: "", ...t }), d.current = p);
-  const h = B(async (f) => {
+function sn(t) {
+  const [n, a] = N(null), [o, l] = N(!1), [i, m] = N(null), c = X(null), d = X(""), p = `${t.apiUrl}|${t.projectId}`;
+  (!c.current || d.current !== p) && (c.current = new We({ apiKey: "", ...t }), d.current = p);
+  const h = O(async (f) => {
     l(!0), m(null);
     try {
-      const x = await s.current.createCheckoutIntent(f);
-      return a(x), x;
-    } catch (x) {
-      const E = x instanceof Error ? x : new Error("Failed to create checkout intent");
-      throw m(E), E;
+      const g = await c.current.createCheckoutIntent(f);
+      return a(g), g;
+    } catch (g) {
+      const w = g instanceof Error ? g : new Error("Failed to create checkout intent");
+      throw m(w), w;
     } finally {
       l(!1);
     }
-  }, []), u = B(() => {
+  }, []), u = O(() => {
     a(null), m(null);
   }, []);
   return { order: n, loading: o, error: i, createOrder: h, reset: u };
 }
-function an(t, n, a) {
-  const [o, l] = b(null), [i, m] = b(!1), [s, d] = b(null), p = V(null);
-  p.current || (p.current = new $e({ apiKey: "", projectId: "", ...t }));
-  const h = B(async () => {
+function cn(t, n, a) {
+  const [o, l] = N(null), [i, m] = N(!1), [c, d] = N(null), p = X(null);
+  p.current || (p.current = new We({ apiKey: "", projectId: "", ...t }));
+  const h = O(async () => {
     if (n) {
       m(!0), d(null);
       try {
@@ -116,16 +116,16 @@ function an(t, n, a) {
       return;
     const f = setInterval(h, a.pollInterval);
     return () => clearInterval(f);
-  }, [n, a == null ? void 0 : a.pollInterval, o == null ? void 0 : o.status, h]), { status: o, loading: i, error: s, refetch: h };
+  }, [n, a == null ? void 0 : a.pollInterval, o == null ? void 0 : o.status, h]), { status: o, loading: i, error: c, refetch: h };
 }
-function Et(t, n) {
+function Rt(t, n) {
   if (!t) return t;
   const a = t.indexOf(".");
   if (a === -1) return t;
   let o = t;
   return o.length - a - 1 > n && (o = o.slice(0, a + n + 1)), o = o.replace(/0+$/, "").replace(/\.$/, ""), o;
 }
-const Mt = {
+const Dt = {
   step: "amount",
   flowType: "buy",
   fiatCurrency: "USD",
@@ -143,7 +143,7 @@ const Mt = {
   country: "",
   errorMessage: null
 };
-function rn(t, n) {
+function dn(t, n) {
   switch (n.type) {
     case "SET_STEP":
       return { ...t, step: n.step, errorMessage: null };
@@ -193,13 +193,13 @@ function rn(t, n) {
     case "CLEAR_ERROR":
       return { ...t, errorMessage: null };
     case "RESET":
-      return Mt;
+      return Dt;
     default:
       return t;
   }
 }
-const Bt = qt(null);
-function on({
+const Pt = rn(null);
+function un({
   projectId: t,
   apiUrl: n = "https://api.nowramp.com",
   assetBaseUrl: a = "",
@@ -207,185 +207,185 @@ function on({
   customerId: l = "",
   brandId: i,
   defaultFiatCurrency: m = "USD",
-  defaultCryptoCurrency: s = "BTC",
+  defaultCryptoCurrency: c = "BTC",
   defaultNetwork: d = "",
   defaultFiatAmount: p = "",
   defaultCryptoAmount: h = "",
   defaultWalletAddress: u = "",
   defaultGateway: f,
-  fieldLocks: x,
-  statusPollInterval: E = 5e3,
-  onComplete: v,
+  fieldLocks: g,
+  statusPollInterval: w = 5e3,
+  onComplete: b,
   onError: S,
   children: P
 }) {
-  const X = W(() => ({ apiUrl: n, projectId: t }), [n, t]), U = d || (s ? s.toLowerCase() : ""), G = o === "sell", J = G ? !!h : !!p, se = (G ? !!(J && s && U) : !!(J && s && U && u)) && f ? "confirm" : "amount", y = p || (o === "buy" ? "250" : ""), [c, w] = zt(rn, {
-    ...Mt,
-    step: se,
+  const $ = G(() => ({ apiUrl: n, projectId: t }), [n, t]), U = d || (c ? c.toLowerCase() : ""), Y = o === "sell", z = Y ? !!h : !!p, de = (Y ? !!(z && c && U) : !!(z && c && U && u)) && f ? "confirm" : "amount", y = p || (o === "buy" ? "250" : ""), [s, A] = nn(dn, {
+    ...Dt,
+    step: de,
     flowType: o,
     fiatCurrency: m,
-    cryptoCurrency: s,
+    cryptoCurrency: c,
     network: U,
-    fiatAmount: Et(y, 2),
-    cryptoAmount: Et(h, 6),
+    fiatAmount: Rt(y, 2),
+    cryptoAmount: Rt(h, 6),
     walletAddress: u,
     customerId: l
-  }), O = c.flowType === "sell", {
-    config: g,
+  }), H = s.flowType === "sell", {
+    config: C,
     loading: pe,
-    error: oe
-  } = en(X, c.flowType);
-  _e.useEffect(() => {
-    var Z, L, I;
-    if (!g || !c.cryptoCurrency || c.network) return;
-    const N = (Z = g.cryptos) == null ? void 0 : Z.find((Q) => Q.code === c.cryptoCurrency), T = ((L = N == null ? void 0 : N.networks) == null ? void 0 : L.find((Q) => Q.isDefault)) || ((I = N == null ? void 0 : N.networks) == null ? void 0 : I[0]);
-    T != null && T.id && w({ type: "SET_NETWORK", network: T.id });
-  }, [g, c.cryptoCurrency, c.network]), _e.useEffect(() => {
-    var I, Q;
-    if (!((I = g == null ? void 0 : g.paymentMethods) != null && I.length)) return;
-    const N = c.fiatCurrency, T = g.paymentMethods;
-    if (c.paymentMethodId && T.some(
-      (we) => we.id === c.paymentMethodId && we.supportedFiats.includes(N)
+    error: ie
+  } = on($, s.flowType);
+  Xe.useEffect(() => {
+    var J, K, L;
+    if (!C || !s.cryptoCurrency || s.network) return;
+    const v = (J = C.cryptos) == null ? void 0 : J.find((I) => I.code === s.cryptoCurrency), T = ((K = v == null ? void 0 : v.networks) == null ? void 0 : K.find((I) => I.isDefault)) || ((L = v == null ? void 0 : v.networks) == null ? void 0 : L[0]);
+    T != null && T.id && A({ type: "SET_NETWORK", network: T.id });
+  }, [C, s.cryptoCurrency, s.network]), Xe.useEffect(() => {
+    var L, I;
+    if (!((L = C == null ? void 0 : C.paymentMethods) != null && L.length)) return;
+    const v = s.fiatCurrency, T = C.paymentMethods;
+    if (s.paymentMethodId && T.some(
+      (De) => De.id === s.paymentMethodId && De.supportedFiats.includes(v)
     ))
       return;
-    const L = T.find(
-      (ae) => ae.supportedFiats.includes(N) && (ae.id.includes("card") || ae.id.includes("debit"))
-    ) || T.find((ae) => ae.supportedFiats.includes(N));
-    w({ type: "SET_PAYMENT_METHOD", methodId: (L == null ? void 0 : L.id) || ((Q = T[0]) == null ? void 0 : Q.id) || "" });
-  }, [g, c.fiatCurrency, c.paymentMethodId]);
-  const te = W(() => {
-    if (O) {
-      if (!c.cryptoAmount) return null;
-      const I = parseFloat(c.cryptoAmount);
-      return isNaN(I) || I <= 0 ? "Enter a valid amount" : null;
+    const K = T.find(
+      (q) => q.supportedFiats.includes(v) && (q.id.includes("card") || q.id.includes("debit"))
+    ) || T.find((q) => q.supportedFiats.includes(v));
+    A({ type: "SET_PAYMENT_METHOD", methodId: (K == null ? void 0 : K.id) || ((I = T[0]) == null ? void 0 : I.id) || "" });
+  }, [C, s.fiatCurrency, s.paymentMethodId]);
+  const ne = G(() => {
+    if (H) {
+      if (!s.cryptoAmount) return null;
+      const L = parseFloat(s.cryptoAmount);
+      return isNaN(L) || L <= 0 ? "Enter a valid amount" : null;
     }
-    if (!g || !c.fiatAmount) return null;
-    const N = parseFloat(c.fiatAmount);
-    if (isNaN(N)) return null;
-    const T = g.fiats.find((I) => I.code === c.fiatCurrency);
+    if (!C || !s.fiatAmount) return null;
+    const v = parseFloat(s.fiatAmount);
+    if (isNaN(v)) return null;
+    const T = C.fiats.find((L) => L.code === s.fiatCurrency);
     if (!T) return null;
-    const Z = parseFloat(T.minAmount), L = parseFloat(T.maxAmount);
-    return !isNaN(Z) && N < Z ? `Minimum amount is ${T.minAmount} ${c.fiatCurrency}` : !isNaN(L) && N > L ? `Maximum amount is ${T.maxAmount} ${c.fiatCurrency}` : null;
-  }, [g, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, O]), be = W(() => {
-    const N = O ? !!c.cryptoAmount : !!c.fiatAmount;
-    return !g || !N || !c.cryptoCurrency || !c.network || te ? null : {
-      fiatCurrency: c.fiatCurrency,
-      ...O ? { 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
+    const J = parseFloat(T.minAmount), K = parseFloat(T.maxAmount);
+    return !isNaN(J) && v < J ? `Minimum amount is ${T.minAmount} ${s.fiatCurrency}` : !isNaN(K) && v > K ? `Maximum amount is ${T.maxAmount} ${s.fiatCurrency}` : null;
+  }, [C, s.fiatAmount, s.fiatCurrency, s.cryptoAmount, H]), ve = G(() => {
+    const v = H ? !!s.cryptoAmount : !!s.fiatAmount;
+    return !C || !v || !s.cryptoCurrency || !s.network || ne ? null : {
+      fiatCurrency: s.fiatCurrency,
+      ...H ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
+      cryptoCurrency: s.cryptoCurrency,
+      network: s.network,
+      paymentMethodId: s.paymentMethodId || void 0,
+      country: s.country || void 0,
+      orderType: s.flowType
     };
-  }, [g, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, te, O, c.flowType]), {
-    quotes: ne,
+  }, [C, s.fiatCurrency, s.fiatAmount, s.cryptoAmount, s.cryptoCurrency, s.network, s.paymentMethodId, s.country, ne, H, s.flowType]), {
+    quotes: ae,
     loading: fe,
     error: k,
-    refetch: Ne
-  } = tn(X, be), {
+    refetch: be
+  } = ln($, ve), {
     order: F,
-    loading: le,
-    error: de,
+    loading: re,
+    error: ue,
     createOrder: ye
-  } = nn(X), We = 15e3, {
-    status: j,
-    loading: Y
-  } = an(
+  } = sn($), Ye = 15e3, {
+    status: W,
+    loading: Z
+  } = cn(
     { apiUrl: n },
     (F == null ? void 0 : F.orderId) ?? null,
-    { pollInterval: E, initialDelay: We }
+    { pollInterval: w, initialDelay: Ye }
   );
-  _e.useEffect(() => {
-    (j == null ? void 0 : j.status) === "completed" && v && v(j);
-  }, [j == null ? void 0 : j.status, v]), _e.useEffect(() => {
-    const N = oe || de;
-    N && S && S(N);
-  }, [oe, de, S]);
-  const xe = f || (g == null ? void 0 : g.defaultGateway) || null, ke = V(xe);
-  ke.current = xe;
-  const Le = V(ne);
-  Le.current = ne;
-  const Ee = V(i);
-  Ee.current = i;
-  const Ie = B(async () => {
-    var T, Z, L;
-    const N = ((T = c.selectedQuote) == null ? void 0 : T.gatewayId) || ((L = (Z = Le.current) == null ? void 0 : Z.bestQuote) == null ? void 0 : L.gatewayId) || ke.current;
-    if (!N || !c.walletAddress) {
-      const I = [!N && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      w({ type: "SET_ERROR", message: `Missing required fields: ${I}` });
+  Xe.useEffect(() => {
+    (W == null ? void 0 : W.status) === "completed" && b && b(W);
+  }, [W == null ? void 0 : W.status, b]), Xe.useEffect(() => {
+    const v = ie || ue;
+    v && S && S(v);
+  }, [ie, ue, S]);
+  const xe = f || (C == null ? void 0 : C.defaultGateway) || null, Re = X(xe);
+  Re.current = xe;
+  const Te = X(ae);
+  Te.current = ae;
+  const Ne = X(i);
+  Ne.current = i;
+  const Ze = O(async () => {
+    var T, J, K;
+    const v = ((T = s.selectedQuote) == null ? void 0 : T.gatewayId) || ((K = (J = Te.current) == null ? void 0 : J.bestQuote) == null ? void 0 : K.gatewayId) || Re.current;
+    if (!v || !s.walletAddress) {
+      const L = [!v && "gateway", !s.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      A({ type: "SET_ERROR", message: `Missing required fields: ${L}` });
       return;
     }
     try {
       await ye({
-        gateway: N,
-        customerId: c.customerId || void 0,
-        fiatCurrency: c.fiatCurrency,
-        ...O ? { 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,
-        ...Ee.current ? { metadata: { brand: Ee.current } } : {}
-      }), w({ type: "SET_STEP", step: "checkout" });
-    } catch (I) {
-      const Q = I instanceof Error ? I.message : "Failed to create order";
-      /wallet|address/i.test(Q) ? w({ type: "SET_WALLET_ERROR", message: Q.replace(/^Failed to create checkout intent:\s*/i, "") }) : w({ type: "SET_ERROR", message: Q });
+        gateway: v,
+        customerId: s.customerId || void 0,
+        fiatCurrency: s.fiatCurrency,
+        ...H ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
+        cryptoCurrency: s.cryptoCurrency,
+        network: s.network,
+        walletAddress: s.walletAddress,
+        paymentMethodId: s.paymentMethodId || void 0,
+        email: s.email || void 0,
+        orderType: s.flowType,
+        ...Ne.current ? { metadata: { brand: Ne.current } } : {}
+      }), A({ type: "SET_STEP", step: "checkout" });
+    } catch (L) {
+      const I = L instanceof Error ? L.message : "Failed to create order";
+      /wallet|address/i.test(I) ? A({ type: "SET_WALLET_ERROR", message: I.replace(/^Failed to create checkout intent:\s*/i, "") }) : A({ type: "SET_ERROR", message: I });
     }
-  }, [c, ye, O]), Pe = B((N) => {
-    w({ type: "SET_STEP", step: N });
-  }, []), Ge = B(() => {
-    const N = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], T = N.indexOf(c.step);
-    T > 0 && w({ type: "SET_STEP", step: N[T - 1] });
-  }, [c.step, O]), Ce = W(() => {
-    const N = O ? !!c.cryptoAmount : !!c.fiatAmount;
-    switch (c.step) {
+  }, [s, ye, H]), Oe = O((v) => {
+    A({ type: "SET_STEP", step: v });
+  }, []), ke = O(() => {
+    const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], T = v.indexOf(s.step);
+    T > 0 && A({ type: "SET_STEP", step: v[T - 1] });
+  }, [s.step, H]), He = G(() => {
+    const v = H ? !!s.cryptoAmount : !!s.fiatAmount;
+    switch (s.step) {
       case "confirm":
-        return !!(N && c.cryptoCurrency && c.network && c.walletAddress && !te);
+        return !!(v && s.cryptoCurrency && s.network && s.walletAddress && !ne);
       case "amount":
-        return !!(N && c.cryptoCurrency && c.network && !te);
+        return !!(v && s.cryptoCurrency && s.network && !ne);
       case "quotes":
-        return !!c.selectedQuote;
+        return !!s.selectedQuote;
       case "wallet":
-        return !!c.walletAddress;
+        return !!s.walletAddress;
       default:
         return !1;
     }
-  }, [c, te, O]), Me = {
-    apiConfig: X,
+  }, [s, ne, H]), Qe = {
+    apiConfig: $,
     assetBaseUrl: a,
-    config: g,
+    config: C,
     configLoading: pe,
-    configError: oe,
-    state: c,
-    dispatch: w,
-    quotes: ne,
+    configError: ie,
+    state: s,
+    dispatch: A,
+    quotes: ae,
     quotesLoading: fe,
     quotesError: k,
-    fetchQuotes: Ne,
+    fetchQuotes: be,
     order: F,
-    orderLoading: le,
-    orderError: de,
-    createOrder: Ie,
-    orderStatus: j,
-    orderStatusLoading: Y,
-    fieldLocks: x || null,
+    orderLoading: re,
+    orderError: ue,
+    createOrder: Ze,
+    orderStatus: W,
+    orderStatusLoading: Z,
+    fieldLocks: g || null,
     defaultGateway: xe,
-    amountError: te,
-    goToStep: Pe,
-    goBack: Ge,
-    canProceed: Ce
+    amountError: ne,
+    goToStep: Oe,
+    goBack: ke,
+    canProceed: He
   };
-  return /* @__PURE__ */ e(Bt.Provider, { value: Me, children: P });
+  return /* @__PURE__ */ e(Pt.Provider, { value: Qe, children: P });
 }
-function Te() {
-  const t = Jt(Bt);
+function Se() {
+  const t = an(Pt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Oe = {
+const Ie = {
   // Canonical IDs (returned by the API — lowercase full names)
   // These cover cases where the canonical ID differs from the legacy uppercase key
   ethereum: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
@@ -547,7 +547,7 @@ const Oe = {
   OKC: { name: "OKX Chain", icon: "eth" },
   UNI_CHAIN: { name: "UNI", icon: "uni" },
   ZEC: { name: "ZCash", icon: "zec" }
-}, Ot = [
+}, Ut = [
   // --- Popular / Top coins ---
   { code: "BTC", name: "Bitcoin", chains: ["BTC", "LN"], popular: !0 },
   { code: "ETH", name: "Ethereum", chains: ["ETH", "ARB", "BASE", "BSC", "OPTIMISM", "LINEA", "ZKSYNC", "LRC", "STARK", "APE", "ECLIPSE", "FUEL", "INK", "SOPHON", "UNICHAIN", "WLD"], popular: !0 },
@@ -740,9 +740,9 @@ const Oe = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], ln = Object.fromEntries(
-  Ot.map((t) => [t.code, t.name])
-), cn = {
+], mn = Object.fromEntries(
+  Ut.map((t) => [t.code, t.name])
+), hn = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -777,21 +777,21 @@ const Oe = {
   VND: "vn",
   ZAR: "za"
 };
-function Ht(t, n = "") {
+function Ft(t, n = "") {
   return `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function sn(t, n = "") {
-  const a = cn[t] || "us";
+function pn(t, n = "") {
+  const a = hn[t] || "us";
   return `${n}/flags/${a}.svg`;
 }
-function Xe(t) {
-  return Oe[t] || Oe[t.toLowerCase()] || Oe[t.toUpperCase()] || Oe[t.toUpperCase().replace(/-/g, "_")] || Oe[t.toLowerCase().replace(/-/g, "_")];
+function je(t) {
+  return Ie[t] || Ie[t.toLowerCase()] || Ie[t.toUpperCase()] || Ie[t.toUpperCase().replace(/-/g, "_")] || Ie[t.toLowerCase().replace(/-/g, "_")];
 }
-function et(t, n = "") {
-  const a = Xe(t);
+function at(t, n = "") {
+  const a = je(t);
   return a ? `${n}/crypto-icons/${a.icon}.svg` : `${n}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-const wt = [
+const Tt = [
   { code: "ALL", name: "Albania Lek" },
   { code: "ARS", name: "Argentina Peso" },
   { code: "AUD", name: "Australian Dollar" },
@@ -804,14 +804,14 @@ const wt = [
   { code: "CHF", name: "Swiss Franc" },
   { code: "MXN", name: "Mexican Peso" },
   { code: "INR", name: "Indian Rupee" }
-], At = [
+], 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 }
-], St = {
+], Lt = {
   USDC: { USD: 0.9962, EUR: 1.0814, GBP: 1.2573, JPY: 667e-5, CAD: 0.7198, AUD: 0.6384, BRL: 0.1726, CHF: 1.1306, MXN: 0.0487, INR: 0.01187, ARS: 855e-6, ALL: 0.01058 },
   USDT: { USD: 0.9958, EUR: 1.081, GBP: 1.2568, JPY: 666e-5, CAD: 0.7194, AUD: 0.638, BRL: 0.1724, CHF: 1.1301, MXN: 0.0486, INR: 0.01186, ARS: 854e-6, ALL: 0.01057 },
   BTC: { USD: 104e-7, EUR: 1129e-8, GBP: 1313e-8, JPY: 696e-10, CAD: 751e-8, AUD: 666e-8, BRL: 18e-7, CHF: 118e-7, MXN: 508e-9, INR: 124e-9, ARS: 892e-11, ALL: 11e-8 },
@@ -820,7 +820,7 @@ const wt = [
   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 }
-}, dn = /* @__PURE__ */ new Set([
+}, fn = /* @__PURE__ */ new Set([
   "USDC",
   "USDT",
   "DAI",
@@ -847,17 +847,17 @@ const wt = [
   "EURR",
   "ZCHF"
 ]);
-function Dt(t) {
-  return dn.has(t.toUpperCase());
+function Kt(t) {
+  return fn.has(t.toUpperCase());
 }
-function qn(t, n) {
+function aa(t, n) {
   var a, o;
-  return ((a = St[t]) == null ? void 0 : a[n]) ?? ((o = St.USDC) == null ? void 0 : o[n]) ?? 1;
+  return ((a = Lt[t]) == null ? void 0 : a[n]) ?? ((o = Lt.USDC) == null ? void 0 : o[n]) ?? 1;
 }
-function un(t) {
+function yn(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
-function tt(t) {
+function rt(t) {
   if (t === 0) return "0";
   if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
   if (t >= 1) return t.toFixed(2);
@@ -865,39 +865,39 @@ function tt(t) {
   const n = t.toPrecision(4);
   return parseFloat(n).toString();
 }
-const ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Rt = 10, Tt = 1e-4, mn = (() => {
+const ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), It = 10, Mt = 1e-4, xn = (() => {
   const t = [];
-  for (const n of Ot)
+  for (const n of Ut)
     for (const a of n.chains)
       t.push({ code: n.code, name: n.name, chain: a, popular: n.popular });
   return t;
 })();
-function Pt({
+function _t({
   src: t,
   alt: n,
   size: a,
   className: o = "",
   background: l
 }) {
-  const [i, m] = b(!1), [s, d] = b(!1);
+  const [i, m] = N(!1), [c, d] = N(!1);
   D(() => {
     m(!1), d(!1);
   }, [t]);
-  const p = B(() => m(!0), []), h = B(() => d(!0), []);
+  const p = O(() => m(!0), []), h = O(() => d(!0), []);
   return /* @__PURE__ */ r(
     "div",
     {
       className: `relative rounded-full shrink-0 ${o}`,
       style: { width: a, height: a, background: l },
       children: [
-        !i && !s && /* @__PURE__ */ e(
+        !i && !c && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full animate-pulse",
             style: { background: "var(--t-pill-bg, #333)" }
           }
         ),
-        s ? /* @__PURE__ */ e(
+        c ? /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
@@ -926,34 +926,34 @@ function Pt({
     }
   );
 }
-function kt({ ticker: t, size: n = 32, baseUrl: a = "" }) {
+function Bt({ ticker: t, size: n = 32, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    Pt,
+    _t,
     {
-      src: Ht(t, a),
+      src: Ft(t, a),
       alt: t,
       size: n,
       background: "#ffffff"
     }
   );
 }
-function nt({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
+function ot({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
   return /* @__PURE__ */ e(
-    Pt,
+    _t,
     {
-      src: sn(t, a),
+      src: pn(t, a),
       alt: t,
       size: n
     }
   );
 }
-function at({ size: t = 32, color: n = "#888" }) {
+function lt({ size: t = 32, color: n = "#888" }) {
   return /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: n }),
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function hn({ size: t = 24 }) {
+function gn({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -970,7 +970,7 @@ function hn({ size: t = 24 }) {
     }
   );
 }
-function pn({ size: t = 32 }) {
+function Cn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -980,7 +980,7 @@ function pn({ size: t = 32 }) {
     }
   );
 }
-function fn({ size: t = 32 }) {
+function vn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -996,7 +996,7 @@ function fn({ size: t = 32 }) {
     }
   );
 }
-function yn({ size: t = 32 }) {
+function bn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1011,7 +1011,7 @@ function yn({ size: t = 32 }) {
     }
   );
 }
-function xn({ size: t = 32 }) {
+function Nn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1021,7 +1021,7 @@ function xn({ size: t = 32 }) {
     }
   );
 }
-function Cn({ size: t = 32 }) {
+function En({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1037,7 +1037,7 @@ function Cn({ size: t = 32 }) {
     }
   );
 }
-function gn({ size: t = 32 }) {
+function wn({ size: t = 32 }) {
   const n = t * 0.8;
   return /* @__PURE__ */ e(
     "div",
@@ -1052,7 +1052,7 @@ function gn({ size: t = 32 }) {
     }
   );
 }
-function vn({ size: t = 32 }) {
+function An({ size: t = 32 }) {
   const n = t * 0.56, a = n * 0.65, o = Math.max(2, n * 0.1), l = n * 0.2;
   return /* @__PURE__ */ r("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
@@ -1103,7 +1103,7 @@ function vn({ size: t = 32 }) {
     )
   ] });
 }
-function ea({ size: t = 18 }) {
+function ra({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1113,13 +1113,13 @@ function ea({ size: t = 18 }) {
     }
   );
 }
-function He() {
+function Me() {
   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 bn() {
+function Sn() {
   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 Nn({ onClick: t }) {
+function Rn({ onClick: t }) {
   return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
     "path",
     {
@@ -1128,7 +1128,7 @@ function Nn({ onClick: t }) {
     }
   ) }) });
 }
-function En({ size: t = 40 }) {
+function Tn({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1141,29 +1141,29 @@ function En({ size: t = 40 }) {
     }
   );
 }
-function wn(t, n = 32) {
+function kn(t, n = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(pn, { size: n });
+      return /* @__PURE__ */ e(Cn, { size: n });
     case "applepay":
-      return /* @__PURE__ */ e(fn, { size: n });
-    case "card":
       return /* @__PURE__ */ e(vn, { size: n });
+    case "card":
+      return /* @__PURE__ */ e(An, { size: n });
     case "googlepay":
-      return /* @__PURE__ */ e(yn, { size: n });
+      return /* @__PURE__ */ e(bn, { size: n });
     case "paypal":
-      return /* @__PURE__ */ e(xn, { size: n });
+      return /* @__PURE__ */ e(Nn, { size: n });
     case "bank":
-      return /* @__PURE__ */ e(hn, { size: n });
+      return /* @__PURE__ */ e(gn, { size: n });
     case "visa":
-      return /* @__PURE__ */ e(Cn, { size: n });
+      return /* @__PURE__ */ e(En, { size: n });
     case "mastercard":
-      return /* @__PURE__ */ e(gn, { size: n });
+      return /* @__PURE__ */ e(wn, { size: n });
     default:
-      return /* @__PURE__ */ e(at, { size: n });
+      return /* @__PURE__ */ e(lt, { size: n });
   }
 }
-const An = {
+const Ln = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "ach-bank-transfer": "bank",
@@ -1174,7 +1174,7 @@ const An = {
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, Sn = {
+}, In = {
   "debit-credit-card": "Card",
   "bank-transfer": "Bank Transfer",
   "ach-bank-transfer": "ACH",
@@ -1184,20 +1184,20 @@ const An = {
   paypal: "PayPal",
   revolut: "Revolut"
 };
-function Ut(t, n) {
-  return Sn[t] || n;
+function Vt(t, n) {
+  return In[t] || n;
 }
-function Ft(t, n, a = 24) {
-  const o = An[t];
-  return o ? wn(o, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(at, { size: a });
+function Xt(t, n, a = 24) {
+  const o = Ln[t];
+  return o ? kn(o, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(lt, { size: a });
 }
-function Rn({
+function Mn({
   methods: t,
   selectedId: n,
   onOpenModal: a,
   fiatCurrency: o
 }) {
-  const l = W(
+  const l = G(
     () => t.filter((m) => m.supportedFiats.includes(o)),
     [t, o]
   ), i = l.find((m) => m.id === n) || l[0];
@@ -1215,7 +1215,7 @@ function Rn({
         o
       ] })
     }
-  ) : /* @__PURE__ */ e(re, { children: /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ e(le, { children: /* @__PURE__ */ r(
     "div",
     {
       role: "button",
@@ -1235,31 +1235,31 @@ function Rn({
       children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Payment method" }),
         /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: i && Ft(i.id, i.icon, 20) }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: i ? Ut(i.id, i.name) : "Select" }),
-          /* @__PURE__ */ e(He, {})
+          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: i && Xt(i.id, i.icon, 20) }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: i ? Vt(i.id, i.name) : "Select" }),
+          /* @__PURE__ */ e(Me, {})
         ] })
       ]
     }
   ) });
 }
-function Tn({
+function Bn({
   className: t = "",
   autoRedirect: n = !1,
   redirectDelay: a = 3e3
 }) {
   var f;
-  const { order: o, orderStatus: l, goToStep: i, goBack: m } = Te(), [s, d] = b(!1), [p, h] = b(null), u = o != null && o.checkout.expiresAt ? Date.now() > o.checkout.expiresAt : !1;
+  const { order: o, orderStatus: l, goToStep: i, goBack: m } = Se(), [c, d] = N(!1), [p, h] = N(null), u = o != null && o.checkout.expiresAt ? Date.now() > o.checkout.expiresAt : !1;
   if (D(() => {
     if ((o == null ? void 0 : o.checkout.method) === "redirect" && n && !u) {
       h(Math.ceil(a / 1e3));
-      const x = setTimeout(() => {
+      const g = setTimeout(() => {
         window.location.href = o.checkout.url;
-      }, a), E = setInterval(() => {
-        h((v) => v && v > 1 ? v - 1 : null);
+      }, a), w = setInterval(() => {
+        h((b) => b && b > 1 ? b - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(x), clearInterval(E);
+        clearTimeout(g), clearInterval(w);
       };
     }
   }, [o, n, a, u]), D(() => {
@@ -1318,8 +1318,8 @@ function Tn({
       }
     );
   if (o.checkout.method === "iframe") {
-    const x = o.checkout.url, E = ((f = o.checkout.allowedFeatures) == null ? void 0 : f.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
-    return Nt(
+    const g = o.checkout.url, w = ((f = o.checkout.allowedFeatures) == null ? void 0 : f.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    return St(
       /* @__PURE__ */ r(
         "div",
         {
@@ -1370,7 +1370,7 @@ function Tn({
               }
             ),
             /* @__PURE__ */ r("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !s && /* @__PURE__ */ r(
+              !c && /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
@@ -1390,14 +1390,14 @@ function Tn({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: x,
+                  src: g,
                   style: {
-                    display: s ? "block" : "none",
+                    display: c ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
-                  allow: E,
+                  allow: w,
                   onLoad: () => d(!0),
                   title: "Provider Checkout"
                 }
@@ -1466,8 +1466,8 @@ function Tn({
       }
     );
   if (o.checkout.method === "widget" && o.widgetConfig) {
-    const x = kn(o.checkout.url, o.widgetConfig);
-    return Nt(
+    const g = On(o.checkout.url, o.widgetConfig);
+    return St(
       /* @__PURE__ */ r(
         "div",
         {
@@ -1518,7 +1518,7 @@ function Tn({
               }
             ),
             /* @__PURE__ */ r("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !s && /* @__PURE__ */ r(
+              !c && /* @__PURE__ */ r(
                 "div",
                 {
                   style: {
@@ -1538,9 +1538,9 @@ function Tn({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: x,
+                  src: g,
                   style: {
-                    display: s ? "block" : "none",
+                    display: c ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
@@ -1584,14 +1584,14 @@ function Tn({
     }
   );
 }
-function kn(t, n) {
+function On(t, n) {
   const a = new URL("/en/partner/widget", t);
   for (const [o, l] of Object.entries(n))
     l != null && l !== "" && a.searchParams.set(o, String(l));
   return a.toString();
 }
-function Ln({ className: t = "" }) {
-  const { orderStatus: n, orderStatusLoading: a, goToStep: o } = Te();
+function Hn({ className: t = "" }) {
+  const { orderStatus: n, orderStatusLoading: a, goToStep: o } = Se();
   D(() => {
     n && (n.status === "completed" ? o("complete") : ["failed", "cancelled", "expired", "refunded"].includes(n.status) && o("error"));
   }, [n == null ? void 0 : n.status, o]);
@@ -1611,25 +1611,25 @@ function Ln({ className: t = "" }) {
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
     a && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
     n && /* @__PURE__ */ r("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: n.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Re, { label: "Provider", value: n.gateway }),
+      /* @__PURE__ */ e(Ae, { label: "Order ID", value: n.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Ae, { label: "Provider", value: n.gateway }),
       /* @__PURE__ */ e(
-        Re,
+        Ae,
         {
           label: "Amount",
           value: `${n.fiatAmount} ${n.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Re,
+        Ae,
         {
           label: "Receiving",
           value: `${n.cryptoAmount || "..."} ${n.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Re, { label: "Network", value: n.network }),
+      /* @__PURE__ */ e(Ae, { label: "Network", value: n.network }),
       /* @__PURE__ */ e(
-        Re,
+        Ae,
         {
           label: "To Address",
           value: `${n.walletAddress.slice(0, 10)}...${n.walletAddress.slice(-8)}`,
@@ -1643,7 +1643,7 @@ function Ln({ className: t = "" }) {
     ] })
   ] });
 }
-function Re({ label: t, value: n, mono: a }) {
+function Ae({ label: t, value: n, mono: a }) {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -1663,13 +1663,13 @@ function Re({ label: t, value: n, mono: a }) {
     }
   );
 }
-function In({
+function Dn({
   className: t = "",
   explorerUrl: n,
   onDone: a,
   doneButtonText: o = "Done"
 }) {
-  const { orderStatus: l, state: i, dispatch: m } = Te(), s = i.flowType === "sell", d = () => {
+  const { orderStatus: l, state: i, dispatch: m } = Se(), c = i.flowType === "sell", d = () => {
     if (!(l != null && l.transactionHash)) return null;
     if (!n) {
       const u = {
@@ -1698,13 +1698,13 @@ function In({
         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) || i.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || i.cryptoCurrency} has been sent to your wallet.` }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: c ? "Sale Complete!" : "Purchase Complete!" }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: c ? `Your ${(l == null ? void 0 : l.fiatCurrency) || i.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || i.cryptoCurrency} has been sent to your wallet.` }),
     l && /* @__PURE__ */ r("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
         he,
         {
-          label: s ? "Amount Sold" : "Amount Received",
+          label: c ? "Amount Sold" : "Amount Received",
           value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
           highlight: !0
         }
@@ -1712,7 +1712,7 @@ function In({
       /* @__PURE__ */ e(
         he,
         {
-          label: s ? "Payout Amount" : "Amount Paid",
+          label: c ? "Payout Amount" : "Amount Paid",
           value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
@@ -1787,12 +1787,12 @@ function he({ label: t, value: n, mono: a, highlight: o }) {
     }
   );
 }
-function Mn({
+function Pn({
   className: t = "",
   onRetry: n,
   supportEmail: a = "support@nowramp.com"
 }) {
-  const { state: o, orderStatus: l, dispatch: i, goToStep: m } = Te(), s = o.flowType === "sell", d = () => {
+  const { state: o, orderStatus: l, dispatch: i, goToStep: m } = Se(), c = o.flowType === "sell", d = () => {
     if (l)
       switch (l.status) {
         case "failed":
@@ -1812,13 +1812,13 @@ function Mn({
     if (l)
       switch (l.status) {
         case "failed":
-          return s ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
+          return c ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
         case "cancelled":
-          return s ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
+          return c ? "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 c ? "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 c ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
         default:
           return "An unexpected error occurred. Please try again.";
       }
@@ -1884,27 +1884,27 @@ function Mn({
     ] })
   ] });
 }
-function Lt(t) {
+function Ot(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function Bn({ className: t = "", stablecoinParity: n, partnerName: a }) {
-  var J;
+function Un({ className: t = "", stablecoinParity: n, partnerName: a }) {
+  var z;
   const {
     config: o,
     configLoading: l,
     state: i,
     defaultGateway: m,
-    quotes: s,
+    quotes: c,
     fetchQuotes: d,
     createOrder: p,
     orderLoading: h
-  } = Te(), u = i.flowType === "sell", [f, x] = b(null), E = o == null ? void 0 : o.gateways.find(($) => $.id === m), v = (J = s == null ? void 0 : s.bestQuote) != null && J.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, S = parseFloat(i.fiatAmount) || 0, P = !!(n && a && !u && Dt(i.cryptoCurrency) && v), X = P && i.cryptoCurrency.toUpperCase().includes(i.fiatCurrency.toUpperCase()), U = P && S > 0 ? tt(X ? S : S / v) : null, G = async () => {
-    x(null);
+  } = Se(), u = i.flowType === "sell", [f, g] = N(null), w = o == null ? void 0 : o.gateways.find((j) => j.id === m), b = (z = c == null ? void 0 : c.bestQuote) != null && z.exchangeRate ? parseFloat(c.bestQuote.exchangeRate) : null, S = parseFloat(i.fiatAmount) || 0, P = !!(n && a && !u && Kt(i.cryptoCurrency) && b), $ = P && i.cryptoCurrency.toUpperCase().includes(i.fiatCurrency.toUpperCase()), U = P && S > 0 ? rt($ ? S : S / b) : null, Y = async () => {
+    g(null);
     try {
       d(), await p();
-    } catch ($) {
-      const se = $ instanceof Error ? $.message : "Failed to create order";
-      x(se);
+    } catch (j) {
+      const de = j instanceof Error ? j.message : "Failed to create order";
+      g(de);
     }
   };
   return l ? /* @__PURE__ */ r("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
@@ -1913,26 +1913,26 @@ function Bn({ className: t = "", stablecoinParity: n, partnerName: a }) {
   ] }) : /* @__PURE__ */ r("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: u ? "Confirm Sale" : "Confirm Purchase" }),
     /* @__PURE__ */ r("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      E && /* @__PURE__ */ r("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+      w && /* @__PURE__ */ r("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
         /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Provider" }),
         /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
-          E.logo && /* @__PURE__ */ e("img", { src: E.logo, alt: E.name, width: 20, height: 20, style: { borderRadius: 4 } }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: E.name })
+          w.logo && /* @__PURE__ */ e("img", { src: w.logo, alt: w.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: w.name })
         ] })
       ] }),
-      u ? /* @__PURE__ */ r(re, { children: [
-        /* @__PURE__ */ e(ve, { label: "You sell", value: `${i.cryptoAmount} ${i.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(ve, { label: "You receive", value: `${i.fiatCurrency} payout` })
-      ] }) : /* @__PURE__ */ r(re, { children: [
-        /* @__PURE__ */ e(ve, { label: "You pay", value: `${i.fiatAmount} ${i.fiatCurrency}`, highlight: !0 }),
+      u ? /* @__PURE__ */ r(le, { children: [
+        /* @__PURE__ */ e(Ce, { label: "You sell", value: `${i.cryptoAmount} ${i.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ce, { label: "You receive", value: `${i.fiatCurrency} payout` })
+      ] }) : /* @__PURE__ */ r(le, { children: [
+        /* @__PURE__ */ e(Ce, { label: "You pay", value: `${i.fiatAmount} ${i.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          ve,
+          Ce,
           {
             label: "You receive",
             value: U ? `${U} ${i.cryptoCurrency}` : `${i.cryptoCurrency} on ${i.network}`
           }
         ),
-        /* @__PURE__ */ e(ve, { label: "Wallet", value: Lt(i.walletAddress), mono: !0 }),
+        /* @__PURE__ */ e(Ce, { label: "Wallet", value: Ot(i.walletAddress), mono: !0 }),
         P && U && /* @__PURE__ */ r("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
           U,
@@ -1943,8 +1943,8 @@ function Bn({ className: t = "", stablecoinParity: n, partnerName: a }) {
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(ve, { label: "Network", value: i.network }),
-      u && i.walletAddress && /* @__PURE__ */ e(ve, { label: "Refund address", value: Lt(i.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(Ce, { label: "Network", value: i.network }),
+      u && i.walletAddress && /* @__PURE__ */ e(Ce, { label: "Refund address", value: Ot(i.walletAddress), mono: !0 })
     ] }),
     f && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: f }),
     /* @__PURE__ */ e(
@@ -1953,8 +1953,8 @@ function Bn({ className: t = "", stablecoinParity: n, partnerName: a }) {
         className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
         style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
-        onClick: G,
-        children: h ? /* @__PURE__ */ r(re, { children: [
+        onClick: Y,
+        children: h ? /* @__PURE__ */ r(le, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
         ] }) : u ? "Confirm & Sell" : "Confirm & Pay"
@@ -1962,7 +1962,7 @@ function Bn({ className: t = "", stablecoinParity: n, partnerName: a }) {
     )
   ] });
 }
-function ve({ label: t, value: n, mono: a, highlight: o }) {
+function Ce({ label: t, value: n, mono: a, highlight: o }) {
   return /* @__PURE__ */ r("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
     /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: t }),
     /* @__PURE__ */ e(
@@ -1975,12 +1975,12 @@ function ve({ label: t, value: n, mono: a, highlight: o }) {
     )
   ] });
 }
-function Ve({
+function $e({
   isOpen: t,
   onClose: n,
   children: a
 }) {
-  const [o, l] = b(!1), [i, m] = b(!1);
+  const [o, l] = N(!1), [i, m] = N(!1);
   D(() => {
     if (t)
       l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
@@ -1990,16 +1990,16 @@ function Ve({
       return () => clearTimeout(d);
     }
   }, [t]);
-  const s = B(() => {
+  const c = O(() => {
     m(!1), setTimeout(() => n(), 250);
   }, [n]);
   return D(() => {
     if (!t) return;
     const d = (p) => {
-      p.key === "Escape" && s();
+      p.key === "Escape" && c();
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [t, s]), o ? /* @__PURE__ */ e(
+  }, [t, c]), o ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 z-20 transition-opacity duration-250",
@@ -2009,61 +2009,61 @@ function Ve({
         {
           className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
           style: { background: "var(--t-modal-bg)", transform: i ? "translateY(0)" : "translateY(24px)" },
-          children: typeof a == "function" ? a(s) : a
+          children: typeof a == "function" ? a(c) : a
         }
       )
     }
   ) : null;
 }
-function On({ char: t, height: n = 38 }) {
+function Fn({ char: t, height: n = 38 }) {
   const a = "0123456789", o = a.indexOf(t);
   return o === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: n, lineHeight: `${n}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${o * n}px)` }, children: a.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: n, lineHeight: `${n}px` }, children: l }, l)) }) });
 }
-function Hn({
+function Kn({
   value: t,
   height: n = 38,
   className: a = "",
   style: o = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...o }, children: t.split("").map((l, i) => /* @__PURE__ */ e(On, { char: l, height: n }, i)) });
+  return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...o }, children: t.split("").map((l, i) => /* @__PURE__ */ e(Fn, { char: l, height: n }, i)) });
 }
-function M({
+function B({
   w: t,
   h: n,
   className: a = ""
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${a}`, style: { width: t, height: n } });
 }
-function Dn() {
+function _n() {
   return /* @__PURE__ */ r("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ r("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(M, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(B, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ r("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(M, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(M, { w: 75, h: 32 })
+        /* @__PURE__ */ e(B, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(B, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(M, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(B, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ r("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(M, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(M, { w: 85, h: 32 })
+        /* @__PURE__ */ e(B, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(B, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(M, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(M, { w: 90, h: 12 })
+      /* @__PURE__ */ e(B, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(B, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ r("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(M, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(M, { w: "100%", h: 47 })
+      /* @__PURE__ */ e(B, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(B, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(M, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(B, { w: "100%", h: 60, className: "mb-2" }),
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
-function De({ onClick: t }) {
+function Be({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2076,7 +2076,7 @@ function De({ onClick: t }) {
     }
   );
 }
-function je({
+function Ge({
   value: t,
   onChange: n,
   placeholder: a = ""
@@ -2104,38 +2104,38 @@ function je({
     )
   ] });
 }
-function Pn({
+function Vn({
   onClose: t,
   onSelect: n,
   currencies: a,
   assetBaseUrl: o = "",
   selectedCode: l
 }) {
-  const [i, m] = b(""), s = W(() => {
-    if (!a || a.length === 0) return wt;
-    const p = new Map(wt.map((h) => [h.code, h.name]));
+  const [i, m] = N(""), c = G(() => {
+    if (!a || a.length === 0) return Tt;
+    const p = new Map(Tt.map((h) => [h.code, h.name]));
     return a.map((h) => ({
       code: h.code,
       name: h.name || p.get(h.code) || h.code
     }));
-  }, [a]), d = W(() => {
+  }, [a]), d = G(() => {
     const p = i.trim().toLowerCase();
     if (!p) {
       if (l) {
-        const h = s.find((u) => u.code === l);
+        const h = c.find((u) => u.code === l);
         if (h) {
-          const u = s.filter((f) => f.code !== l);
+          const u = c.filter((f) => f.code !== l);
           return [h, ...u];
         }
       }
-      return s;
+      return c;
     }
-    return s.filter(
+    return c.filter(
       (h) => h.code.toLowerCase().includes(p) || h.name.toLowerCase().includes(p)
     );
-  }, [s, i, l]);
-  return /* @__PURE__ */ r(re, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+  }, [c, i, l]);
+  return /* @__PURE__ */ r(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2150,7 +2150,7 @@ function Pn({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(je, { value: i, onChange: m }),
+    /* @__PURE__ */ e(Ge, { value: i, onChange: m }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       d.map((p, h) => {
         const u = p.name !== p.code ? p.name : "", f = l === p.code;
@@ -2162,7 +2162,7 @@ function Pn({
               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(nt, { currencyCode: p.code, size: 32, baseUrl: o }),
+                /* @__PURE__ */ e(ot, { currencyCode: p.code, size: 32, baseUrl: o }),
                 /* @__PURE__ */ r("div", { className: "text-left flex-1 flex items-center gap-2", children: [
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: p.code }),
                   u && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: u })
@@ -2192,21 +2192,21 @@ function Pn({
     ] })
   ] });
 }
-function It({ src: t, alt: n, size: a, className: o, style: l }) {
-  const [i, m] = b(!1), [s, d] = b(!1);
+function Ht({ src: t, alt: n, size: a, className: o, style: l }) {
+  const [i, m] = N(!1), [c, d] = N(!1);
   D(() => {
     m(!1), d(!1);
   }, [t]);
-  const p = B(() => m(!0), []), h = B(() => d(!0), []);
+  const p = O(() => m(!0), []), h = O(() => d(!0), []);
   return /* @__PURE__ */ r("div", { className: o, style: { ...l, width: a, height: a, position: "relative" }, children: [
-    !i && !s && /* @__PURE__ */ e(
+    !i && !c && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full animate-pulse",
         style: { background: "var(--t-pill-bg, #333)" }
       }
     ),
-    s ? /* @__PURE__ */ e(
+    c ? /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
@@ -2229,51 +2229,51 @@ function It({ src: t, alt: n, size: a, className: o, style: l }) {
     )
   ] });
 }
-function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selectedCode: l, selectedChain: i }) {
-  const [m, s] = b(""), d = W(() => {
-    if (!a || a.length === 0) return mn;
+function Xn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selectedCode: l, selectedChain: i }) {
+  const [m, c] = N(""), d = G(() => {
+    if (!a || a.length === 0) return xn;
     const u = [];
     for (const f of a) {
-      const x = f.networks || [], E = f.name || ln[f.code] || f.code;
-      if (x.length === 0)
-        u.push({ code: f.code, name: E, chain: f.code, popular: !1 });
+      const g = f.networks || [], w = f.name || mn[f.code] || f.code;
+      if (g.length === 0)
+        u.push({ code: f.code, name: w, chain: f.code, popular: !1 });
       else
-        for (const v of x) {
-          const S = v.code || v.id || v.name || f.code;
+        for (const b of g) {
+          const S = b.code || b.id || b.name || f.code;
           u.push({
             code: f.code,
-            name: E,
+            name: w,
             chain: S,
-            chainName: v.name,
+            chainName: b.name,
             popular: !1
           });
         }
     }
     return u;
-  }, [a]), p = B((u, f) => l === u && i === f, [l, i]), h = W(() => {
-    var E;
+  }, [a]), p = O((u, f) => l === u && i === f, [l, i]), h = G(() => {
+    var w;
     const u = m.trim().toLowerCase();
     if (!u) {
       if (l && i) {
-        const v = d.find((S) => S.code === l && S.chain === i);
-        if (v) {
+        const b = d.find((S) => S.code === l && S.chain === i);
+        if (b) {
           const S = d.filter((P) => !(P.code === l && P.chain === i));
-          return [v, ...S];
+          return [b, ...S];
         }
       }
       return d;
     }
-    const f = u.split(/\s+/), x = [];
-    for (const v of d) {
-      const S = Xe(v.chain), P = S ? S.name.toLowerCase() : "", X = ((E = S == null ? void 0 : S.shortName) == null ? void 0 : E.toLowerCase()) || "", U = v.chain.toLowerCase(), G = v.code.toLowerCase(), J = v.name.toLowerCase(), $ = [G, J, P, X, U];
-      if (!f.every((c) => $.some((w) => w.includes(c)))) continue;
+    const f = u.split(/\s+/), g = [];
+    for (const b of d) {
+      const S = je(b.chain), P = S ? S.name.toLowerCase() : "", $ = ((w = S == null ? void 0 : S.shortName) == null ? void 0 : w.toLowerCase()) || "", U = b.chain.toLowerCase(), Y = b.code.toLowerCase(), z = b.name.toLowerCase(), j = [Y, z, P, $, U];
+      if (!f.every((s) => j.some((A) => A.includes(s)))) continue;
       let y = 0;
-      G === u ? y += 100 : G.startsWith(f[0]) && (y += 50), v.popular && (y += 10), f.length > 1 && (P.includes(f[1]) || X.includes(f[1]) || U.includes(f[1])) && (y += 25), x.push({ item: v, score: y });
+      Y === u ? y += 100 : Y.startsWith(f[0]) && (y += 50), b.popular && (y += 10), f.length > 1 && (P.includes(f[1]) || $.includes(f[1]) || U.includes(f[1])) && (y += 25), g.push({ item: b, score: y });
     }
-    return x.sort((v, S) => S.score - v.score), x.map((v) => v.item);
+    return g.sort((b, S) => S.score - b.score), g.map((b) => b.item);
   }, [d, m, l, i]);
-  return /* @__PURE__ */ r(re, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+  return /* @__PURE__ */ r(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2282,10 +2282,10 @@ function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(je, { value: m, onChange: s }),
+    /* @__PURE__ */ e(Ge, { value: m, onChange: c }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       h.map((u, f) => {
-        const x = Xe(u.chain), E = (x == null ? void 0 : x.name) || u.chainName || u.chain, v = u.name !== u.code ? u.name : "", S = p(u.code, u.chain);
+        const g = je(u.chain), w = (g == null ? void 0 : g.name) || u.chainName || u.chain, b = u.name !== u.code ? u.name : "", S = p(u.code, u.chain);
         return /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ r(
             "button",
@@ -2301,9 +2301,9 @@ function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
                       className: "absolute top-0 left-0",
                       style: { background: "#ffffff", borderRadius: "50%" },
                       children: /* @__PURE__ */ e(
-                        It,
+                        Ht,
                         {
-                          src: Ht(u.code, o),
+                          src: Ft(u.code, o),
                           alt: u.code,
                           size: 32
                         }
@@ -2322,9 +2322,9 @@ function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
                         background: "#ffffff"
                       },
                       children: /* @__PURE__ */ e(
-                        It,
+                        Ht,
                         {
-                          src: et(u.chain, o),
+                          src: at(u.chain, o),
                           alt: u.chain,
                           size: 16
                         }
@@ -2341,17 +2341,17 @@ function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
                       children: u.code
                     }
                   ),
-                  v && /* @__PURE__ */ e(
+                  b && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: v
+                      children: b
                     }
                   )
                 ] }) }),
                 /* @__PURE__ */ r("div", { className: "flex items-center gap-2 shrink-0", children: [
-                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: E }),
+                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: w }),
                   S && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                     "path",
                     {
@@ -2373,15 +2373,15 @@ function Un({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: o = "", selecte
     ] })
   ] });
 }
-function Fn({
+function $n({
   methods: t,
   selectedId: n,
   onSelect: a,
   onClose: o
 }) {
-  const [l, i] = b(""), m = W(() => {
-    const s = l.trim().toLowerCase();
-    if (!s) {
+  const [l, i] = N(""), m = G(() => {
+    const c = l.trim().toLowerCase();
+    if (!c) {
       if (n) {
         const d = t.find((p) => p.id === n);
         if (d) {
@@ -2392,11 +2392,11 @@ function Fn({
       return t;
     }
     return t.filter(
-      (d) => d.id.toLowerCase().includes(s) || d.name.toLowerCase().includes(s) || d.description && d.description.toLowerCase().includes(s)
+      (d) => d.id.toLowerCase().includes(c) || d.name.toLowerCase().includes(c) || d.description && d.description.toLowerCase().includes(c)
     );
   }, [t, l, n]);
-  return /* @__PURE__ */ r(re, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: o }) }),
+  return /* @__PURE__ */ r(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: o }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2405,24 +2405,24 @@ function Fn({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(je, { value: l, onChange: i }),
+    /* @__PURE__ */ e(Ge, { value: l, onChange: i }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      m.map((s, d) => {
-        const p = s.id === n, h = Ut(s.id, s.name);
+      m.map((c, d) => {
+        const p = c.id === n, h = Vt(c.id, c.name);
         return /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ r(
             "button",
             {
-              onClick: () => a(s.id),
-              className: `flex w-full transition-colors rounded-lg hover-item ${s.description ? "items-start" : "items-center"}`,
+              onClick: () => a(c.id),
+              className: `flex w-full transition-colors rounded-lg hover-item ${c.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 ${c.description ? "mt-0.5" : ""}`,
                     style: { width: 32, height: 32 },
-                    children: Ft(s.id, s.icon, 32)
+                    children: Xt(c.id, c.icon, 32)
                   }
                 ),
                 /* @__PURE__ */ r("div", { className: "text-left flex-1", children: [
@@ -2434,12 +2434,12 @@ function Fn({
                       children: h
                     }
                   ),
-                  s.description && /* @__PURE__ */ e(
+                  c.description && /* @__PURE__ */ e(
                     "div",
                     {
                       className: "text-[13px] leading-snug mt-1",
                       style: { color: "var(--t-text-secondary)" },
-                      children: s.description
+                      children: c.description
                     }
                   )
                 ] }),
@@ -2457,13 +2457,13 @@ function Fn({
             }
           ),
           d < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, s.id);
+        ] }, c.id);
       }),
       m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
     ] })
   ] });
 }
-function Kn({
+function jn({
   checked: t,
   onChange: n,
   accentColor: a = "var(--t-accent)"
@@ -2493,11 +2493,11 @@ function Kn({
     }
   );
 }
-const _n = [
+const Wn = [
   { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
   { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
 ];
-function Vn({
+function Gn({
   onClose: t,
   darkMode: n,
   onToggleDarkMode: a,
@@ -2505,13 +2505,13 @@ function Vn({
   onSelectSkin: l,
   showThemeToggle: i = !0
 }) {
-  return /* @__PURE__ */ r(re, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+  return /* @__PURE__ */ r(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ r("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      i && /* @__PURE__ */ r(re, { children: [
+      i && /* @__PURE__ */ r(le, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ r("div", { className: "flex items-center justify-between w-full py-5", children: [
           /* @__PURE__ */ r("div", { className: "flex items-center gap-3.5", children: [
-            /* @__PURE__ */ e(En, { size: 40 }),
+            /* @__PURE__ */ e(Tn, { size: 40 }),
             /* @__PURE__ */ e(
               "span",
               {
@@ -2521,11 +2521,11 @@ function Vn({
               }
             )
           ] }),
-          /* @__PURE__ */ e(Kn, { checked: n, onChange: a, accentColor: "#4CD964" })
+          /* @__PURE__ */ e(jn, { checked: n, onChange: a, accentColor: "#4CD964" })
         ] }) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      _n.map((m) => /* @__PURE__ */ r("div", { children: [
+      Wn.map((m) => /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ r(
           "a",
           {
@@ -2543,7 +2543,7 @@ function Vn({
                   children: m.label
                 }
               ),
-              /* @__PURE__ */ e(bn, {})
+              /* @__PURE__ */ e(Sn, {})
             ]
           }
         ),
@@ -2552,7 +2552,7 @@ function Vn({
     ] })
   ] });
 }
-function Xn({
+function Yn({
   className: t = "",
   theme: n = "dark",
   skinId: a = "mono",
@@ -2560,195 +2560,198 @@ function Xn({
   bgColor: l,
   bgImage: i,
   borderColor: m,
-  borderRadius: s,
+  borderRadius: c,
   surfaceColor: d,
   inputBgColor: p,
   textColor: h,
   textSecondaryColor: u,
   textMutedColor: f,
-  successColor: x,
-  showFlowToggle: E = !0,
-  showSettings: v = !0,
+  successColor: g,
+  showFlowToggle: w = !0,
+  showSettings: b = !0,
   showThemeToggle: S = !0,
   autoRedirect: P = !1,
-  explorerUrl: X,
+  explorerUrl: $,
   doneButtonText: U = "Done",
-  supportEmail: G,
-  stablecoinParity: J,
-  partnerName: $,
-  onDone: se
+  supportEmail: Y,
+  stablecoinParity: z,
+  partnerName: j,
+  onDone: de
 }) {
-  var pt, ft, yt, xt, Ct, gt, vt, bt;
+  var gt, Ct, vt, bt, Nt, Et, wt, At;
   const {
     state: y,
-    dispatch: c,
-    config: w,
-    configLoading: O,
-    quotes: g,
+    dispatch: s,
+    config: A,
+    configLoading: H,
+    quotes: C,
     quotesLoading: pe,
-    quotesError: oe,
-    fetchQuotes: te,
-    createOrder: be,
-    orderLoading: ne,
+    quotesError: ie,
+    fetchQuotes: ne,
+    createOrder: ve,
+    orderLoading: ae,
     amountError: fe,
     fieldLocks: k,
-    apiConfig: Ne,
+    apiConfig: be,
     assetBaseUrl: F
-  } = Te(), [le, de] = b(n === "dark"), [ye, We] = b(a), [j, Y] = b(null), [xe, ke] = b(!1), [Le, Ee] = b(!1), [Ie, Pe] = b(!1), [Ge, Ce] = b(null), [Me, N] = b(!0), [T, Z] = b(!1), [L, I] = b(!1), Q = V(null), ae = V(), we = V(y.flowType);
+  } = Se(), [re, ue] = N(n === "dark"), [ye, Ye] = N(a), [W, Z] = N(null), [xe, Re] = N(!1), [Te, Ne] = N(!1), [Ze, Oe] = N(!1), [ke, He] = N(!1), [Qe, v] = N(null), [T, J] = N(!0), [K, L] = N(!1), [I, q] = N(!1), De = X(null), ze = X(), Je = X(y.flowType);
   D(() => {
-    de(n === "dark");
+    ue(n === "dark");
   }, [n]), D(() => {
-    const C = setTimeout(() => N(!1), O ? 0 : 800);
-    return () => clearTimeout(C);
-  }, [O]), D(() => {
-    if (we.current !== y.flowType && !Me) {
-      we.current = y.flowType, Z(!0), ke(!1), Ee(!1);
-      const C = setTimeout(() => Z(!1), 350);
-      return () => clearTimeout(C);
+    const x = setTimeout(() => J(!1), H ? 0 : 800);
+    return () => clearTimeout(x);
+  }, [H]), D(() => {
+    if (Je.current !== y.flowType && !T) {
+      Je.current = y.flowType, L(!0), Re(!1), Ne(!1);
+      const x = setTimeout(() => L(!1), 350);
+      return () => clearTimeout(x);
     }
-    we.current = y.flowType;
-  }, [y.flowType, Me]);
-  const Ae = y.flowType, K = Ae === "buy", _ = y.cryptoCurrency || "BTC", q = y.fiatCurrency || "USD", Ye = K ? y.fiatAmount : y.cryptoAmount, z = un(Ye), ue = (pt = g == null ? void 0 : g.bestQuote) != null && pt.exchangeRate ? parseFloat(g.bestQuote.exchangeRate) : null, Ue = V(null);
-  ue && _ && q && (Ue.current = { rate: ue, crypto: _, fiat: q });
-  const rt = W(() => {
-    if (g != null && g.bestQuote) {
-      const C = K ? g.bestQuote.cryptoAmount : g.bestQuote.fiatAmount;
-      if (C) return C;
+    Je.current = y.flowType;
+  }, [y.flowType, T]);
+  const Ee = y.flowType, _ = Ee === "buy", V = y.cryptoCurrency || "BTC", ee = y.fiatCurrency || "USD", qe = _ ? y.fiatAmount : y.cryptoAmount, Q = yn(qe), me = (gt = C == null ? void 0 : C.bestQuote) != null && gt.exchangeRate ? parseFloat(C.bestQuote.exchangeRate) : null, Pe = X(null);
+  me && V && ee && (Pe.current = { rate: me, crypto: V, fiat: ee });
+  const it = G(() => {
+    if (C != null && C.bestQuote) {
+      const x = _ ? C.bestQuote.cryptoAmount : C.bestQuote.fiatAmount;
+      if (x) return x;
     }
     return "0";
-  }, [g, K]), Be = !!(J && $ && K && Dt(_) && ue), Kt = Be && _.toUpperCase().includes(q.toUpperCase()), ot = Be && z > 0 ? tt(Kt ? z : z / ue) : null, _t = Be && ot ? ot : rt, Vt = W(() => {
-    var H, me, ze;
-    const C = ue || ((H = Ue.current) == null ? void 0 : H.rate), A = ue ? _ : (me = Ue.current) == null ? void 0 : me.crypto, R = ue ? q : (ze = Ue.current) == null ? void 0 : ze.fiat;
-    return !C || !A || !R ? "" : `1 ${A} ≈ ${C.toFixed(2)} ${R}`;
-  }, [_, q, ue]);
+  }, [C, _]), Le = !!(z && j && _ && Kt(V) && me), $t = Le && V.toUpperCase().includes(ee.toUpperCase()), st = Le && Q > 0 ? rt($t ? Q : Q / me) : null, jt = Le && st ? st : it, Wt = G(() => {
+    var M, oe, Ve;
+    const x = me || ((M = Pe.current) == null ? void 0 : M.rate), E = me ? V : (oe = Pe.current) == null ? void 0 : oe.crypto, R = me ? ee : (Ve = Pe.current) == null ? void 0 : Ve.fiat;
+    return !x || !E || !R ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${R}`;
+  }, [V, ee, me]);
   D(() => {
-    const C = y.walletAddress.trim(), A = y.network;
-    if (!C || C.length < 10) {
-      Ce(null), c({ type: "SET_WALLET_ERROR", message: "" });
+    const x = y.walletAddress.trim(), E = y.network;
+    if (!x || x.length < 10) {
+      v(null), s({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    return Pe(!0), Ce(null), clearTimeout(ae.current), ae.current = setTimeout(async () => {
-      var R, H, me;
+    return He(!0), v(null), clearTimeout(ze.current), ze.current = setTimeout(async () => {
+      var R, M, oe;
       try {
-        const Je = await (await fetch(`${Ne.apiUrl}/public/validate/address`, {
+        const tt = await (await fetch(`${be.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: C, ...A ? { network: A } : {} })
-        })).json(), qe = ((R = Je.data) == null ? void 0 : R.attributes) || Je.data || Je;
-        if (qe.isValid)
-          Ce(!0), c({ type: "SET_WALLET_ERROR", message: "" });
+          body: JSON.stringify({ address: x, ...E ? { network: E } : {} })
+        })).json(), nt = ((R = tt.data) == null ? void 0 : R.attributes) || tt.data || tt;
+        if (nt.isValid)
+          v(!0), s({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          Ce(!1);
-          const Qt = ((H = qe.errors) == null ? void 0 : H[0]) || ((me = qe.details) == null ? void 0 : me.formatMessage) || "Invalid wallet address";
-          c({ type: "SET_WALLET_ERROR", message: Qt });
+          v(!1);
+          const tn = ((M = nt.errors) == null ? void 0 : M[0]) || ((oe = nt.details) == null ? void 0 : oe.formatMessage) || "Invalid wallet address";
+          s({ type: "SET_WALLET_ERROR", message: tn });
         }
       } catch {
-        Ce(null);
+        v(null);
       } finally {
-        Pe(!1);
+        He(!1);
       }
-    }, 500), () => clearTimeout(ae.current);
-  }, [y.walletAddress, y.network, Ne.apiUrl]);
-  const lt = !Ye || z === 0, it = z > 0 && (K ? z < Rt : z < Tt), ct = !!fe || it || xe && lt, Xt = z > 0 && !fe && !it, Ze = y.walletAddress.trim().length >= 10 && Ge !== !1 && !Ie, Fe = Xt && Ze && !!y.cryptoCurrency && !!y.network, $t = (C) => {
-    let A = C.target.value.replace(/[^0-9.,]/g, "");
-    const R = K ? 2 : 6, H = A.indexOf(".");
-    H !== -1 && A.length - H - 1 > R && (A = A.slice(0, H + R + 1)), c(K ? { type: "SET_FIAT_AMOUNT", amount: A } : { type: "SET_CRYPTO_AMOUNT", amount: A });
-  }, st = (C) => {
-    C !== Ae && c({ type: "SET_FLOW_TYPE", flowType: C });
-  }, jt = B(
-    (C) => {
-      c({ type: "SET_FIAT_CURRENCY", currency: C });
+    }, 500), () => clearTimeout(ze.current);
+  }, [y.walletAddress, y.network, be.apiUrl]);
+  const ct = !qe || Q === 0, dt = Q > 0 && (_ ? Q < It : Q < Mt), ut = !!fe || dt || xe && ct, Gt = Q > 0 && !fe && !dt, et = y.walletAddress.trim().length >= 10 && Qe !== !1 && !ke, Ue = Gt && et && !!y.cryptoCurrency && !!y.network, Yt = (x) => {
+    let E = x.target.value.replace(/[^0-9.,]/g, "");
+    const R = _ ? 2 : 6, M = E.indexOf(".");
+    M !== -1 && E.length - M - 1 > R && (E = E.slice(0, M + R + 1)), s(_ ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
+  }, mt = (x) => {
+    x !== Ee && s({ type: "SET_FLOW_TYPE", flowType: x });
+  }, Zt = O(
+    (x) => {
+      s({ type: "SET_FIAT_CURRENCY", currency: x });
     },
-    [c]
-  ), Wt = B(
-    (C, A) => {
-      c({ type: "SET_CRYPTO_CURRENCY", currency: C }), c({ type: "SET_CRYPTO_CHAIN", chain: A });
+    [s]
+  ), Qt = O(
+    (x, E) => {
+      s({ type: "SET_CRYPTO_CURRENCY", currency: x }), s({ type: "SET_CRYPTO_CHAIN", chain: E });
     },
-    [c]
-  ), Gt = B(
-    (C) => {
-      c({ type: "SET_PAYMENT_METHOD", methodId: C });
+    [s]
+  ), zt = O(
+    (x) => {
+      s({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
-    [c]
-  ), Yt = () => {
-    Fe && (I(!0), te());
+    [s]
+  ), Jt = () => {
+    Ue && (q(!0), ne());
   };
   D(() => {
-    var C;
-    if (!(!L || pe)) {
-      if (g != null && g.bestQuote)
-        I(!1), c({ type: "SELECT_QUOTE", quote: g.bestQuote }), be().catch(() => {
+    var x;
+    if (!(!I || pe)) {
+      if (C != null && C.bestQuote)
+        q(!1), s({ type: "SELECT_QUOTE", quote: C.bestQuote }), ve().catch(() => {
         });
-      else if (oe)
-        I(!1), c({ type: "SET_ERROR", message: oe.message || "No quotes available" });
-      else if (g && !g.bestQuote) {
-        I(!1);
-        const A = (C = g.unavailableGateways) == null ? void 0 : C.map((H) => H.reason).filter(Boolean), R = A != null && A.length ? `No providers available: ${A.join("; ")}` : "No providers available for this currency/network combination";
-        c({ type: "SET_ERROR", message: R });
+      else if (ie)
+        q(!1), s({ type: "SET_ERROR", message: ie.message || "No quotes available" });
+      else if (C && !C.bestQuote) {
+        q(!1);
+        const E = (x = C.unavailableGateways) == null ? void 0 : x.map((M) => M.reason).filter(Boolean), R = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
+        s({ type: "SET_ERROR", message: R });
       }
     }
-  }, [L, g, pe, oe, c, be]);
-  const dt = le ? "theme-dark" : "theme-light", Qe = At.find((C) => C.id === ye) || At[0], Zt = Qe.accent === null, ut = (o ? ce(o) : !1) ? { "--t-accent": o, "--t-cta-bg": o, "--t-cta-text": "#ffffff" } : Zt ? {
-    "--t-accent": le ? "#ffffff" : "#111111",
-    "--t-cta-bg": le ? "#ffffff" : "#111111",
-    "--t-cta-text": le ? "#000000" : "#ffffff"
+  }, [I, C, pe, ie, s, ve]);
+  const ht = re ? "theme-dark" : "theme-light", Fe = kt.find((x) => x.id === ye) || kt[0], qt = Fe.accent === null, en = o ? ce(o) : !1, pt = (x) => {
+    const E = x.replace("#", ""), R = parseInt(E.substring(0, 2), 16), M = parseInt(E.substring(2, 4), 16), oe = parseInt(E.substring(4, 6), 16);
+    return (0.299 * R + 0.587 * M + 0.114 * oe) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, ft = en ? { "--t-accent": o, "--t-cta-bg": o, "--t-cta-text": pt(o) } : qt ? {
+    "--t-accent": re ? "#ffffff" : "#111111",
+    "--t-cta-bg": re ? "#ffffff" : "#111111",
+    "--t-cta-text": re ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": Qe.accent,
-    "--t-cta-bg": Qe.accent,
-    "--t-cta-text": "#ffffff"
-  }, ee = {};
-  d && ce(d) && (ee["--t-surface"] = d, ee["--t-modal-bg"] = d), p && ce(p) && (ee["--t-pill-bg"] = p, ee["--t-close-bg"] = p), h && ce(h) && (ee["--t-text"] = h), u && ce(u) && (ee["--t-text-secondary"] = u), f && ce(f) && (ee["--t-text-muted"] = f, ee["--t-text-tertiary"] = f), x && ce(x) && (ee["--t-success"] = x);
+    "--t-accent": Fe.accent,
+    "--t-cta-bg": Fe.accent,
+    "--t-cta-text": pt(Fe.accent)
+  }, te = {};
+  d && ce(d) && (te["--t-surface"] = d, te["--t-modal-bg"] = d), p && ce(p) && (te["--t-pill-bg"] = p, te["--t-close-bg"] = p), h && ce(h) && (te["--t-text"] = h), u && ce(u) && (te["--t-text-secondary"] = u), f && ce(f) && (te["--t-text-muted"] = f, te["--t-text-tertiary"] = f), g && ce(g) && (te["--t-success"] = g);
   const ge = {};
   l && ce(l) ? ge.backgroundColor = l : ge.backgroundColor = "var(--t-bg)", i && (ge.backgroundImage = `url(${i})`, ge.backgroundSize = "cover", ge.backgroundPosition = "center");
-  const Ke = {};
-  m && ce(m) && (Ke.border = `1px solid ${m}`), s && (Ke.borderRadius = s);
-  const mt = y.step === "checkout" ? /* @__PURE__ */ e(Tn, { autoRedirect: P }) : y.step === "processing" ? /* @__PURE__ */ e(Ln, {}) : y.step === "complete" ? /* @__PURE__ */ e(In, { explorerUrl: X, doneButtonText: U, onDone: se }) : y.step === "error" ? /* @__PURE__ */ e(Mn, { supportEmail: G }) : y.step === "confirm" ? /* @__PURE__ */ e(Bn, { stablecoinParity: Be, partnerName: $ }) : null;
-  if (mt)
+  const Ke = re ? "#ffffff" : "#111111", _e = {};
+  m && ce(m) && (_e.border = `1px solid ${m}`), c && (_e.borderRadius = c);
+  const yt = y.step === "checkout" ? /* @__PURE__ */ e(Bn, { autoRedirect: P }) : y.step === "processing" ? /* @__PURE__ */ e(Hn, {}) : y.step === "complete" ? /* @__PURE__ */ e(Dn, { explorerUrl: $, doneButtonText: U, onDone: de }) : y.step === "error" ? /* @__PURE__ */ e(Pn, { supportEmail: Y }) : y.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: Le, partnerName: j }) : null;
+  if (yt)
     return /* @__PURE__ */ e(
       "div",
       {
-        className: `${dt} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+        className: `${ht} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
           ...ge,
-          ...ut,
-          ...ee,
-          ...Ke
+          ...ft,
+          ...te,
+          ..._e
         },
-        children: mt
+        children: yt
       }
     );
-  const ie = y.network, Se = ie ? Xe(ie) : null, ht = (Se == null ? void 0 : Se.shortName) || (Se == null ? void 0 : Se.name) || ie;
+  const se = y.network, we = se ? je(se) : null, xt = (we == null ? void 0 : we.shortName) || (we == null ? void 0 : we.name) || se;
   return /* @__PURE__ */ r(
     "div",
     {
-      className: `${dt} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
+      className: `${ht} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
         ...ge,
-        ...ut,
-        ...ee,
-        ...Ke
+        ...ft,
+        ...te,
+        ..._e
       },
       children: [
-        v && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${E ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Nn, { onClick: () => Y("settings") }) }),
-        E ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
+        b && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${w ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Rn, { onClick: () => Z("settings") }) }),
+        w ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ r("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => st("buy"),
+                onClick: () => mt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Ae === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: Ee === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => st("sell"),
+                onClick: () => mt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Ae === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: Ee === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
@@ -2761,14 +2764,14 @@ function Xn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: Ae === "buy" ? "0%" : "50%",
+                  left: Ee === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        Me || T || O ? /* @__PURE__ */ e(Dn, {}) : /* @__PURE__ */ r("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        T || K || H ? /* @__PURE__ */ e(_n, {}) : /* @__PURE__ */ r("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ r(
             "div",
             {
@@ -2776,7 +2779,7 @@ function Xn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: xe && ct ? "1px solid #EF4444" : "1px solid transparent",
+                border: xe && ut ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -2785,22 +2788,22 @@ function Xn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: Q,
+                      ref: De,
                       type: "text",
-                      value: Ye,
-                      onChange: $t,
-                      onBlur: () => ke(!0),
-                      placeholder: K ? "250" : "0.01",
+                      value: qe,
+                      onChange: Yt,
+                      onBlur: () => Re(!0),
+                      placeholder: _ ? "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: !!((ft = k == null ? void 0 : k.sourceAmount) != null && ft.locked)
+                      disabled: !!((Ct = k == null ? void 0 : k.sourceAmount) != null && Ct.locked)
                     }
                   ),
-                  K ? /* @__PURE__ */ r(
+                  _ ? /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: () => Y("fiat"),
+                      onClick: () => Z("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2809,18 +2812,18 @@ function Xn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((yt = k == null ? void 0 : k.sourceCurrency) != null && yt.locked),
+                      disabled: !!((vt = k == null ? void 0 : k.sourceCurrency) != null && vt.locked),
                       children: [
-                        /* @__PURE__ */ e(nt, { currencyCode: q, size: 16, baseUrl: F }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: q }),
-                        /* @__PURE__ */ e(He, {})
+                        /* @__PURE__ */ e(ot, { currencyCode: ee, size: 16, baseUrl: F }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Ke }, children: ee }),
+                        /* @__PURE__ */ e(Me, {})
                       ]
                     }
                   ) : /* @__PURE__ */ r("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ r(
                       "button",
                       {
-                        onClick: () => Y("crypto"),
+                        onClick: () => Z("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2829,34 +2832,34 @@ function Xn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((xt = k == null ? void 0 : k.destinationCurrency) != null && xt.locked),
+                        disabled: !!((bt = k == null ? void 0 : k.destinationCurrency) != null && bt.locked),
                         children: [
-                          /* @__PURE__ */ e(kt, { ticker: _, size: 16, baseUrl: F }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: _ }),
-                          /* @__PURE__ */ e(He, {})
+                          /* @__PURE__ */ e(Bt, { ticker: V, size: 16, baseUrl: F }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Ke }, children: V }),
+                          /* @__PURE__ */ e(Me, {})
                         ]
                       }
                     ),
-                    ie && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    se && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: et(ie, F),
-                          alt: ie,
+                          src: at(se, F),
+                          alt: se,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: ht })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: xt })
                     ] })
                   ] })
                 ] })
               ]
             }
           ),
-          xe && ct && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: fe || (lt ? "Amount should be more than 0" : K ? `Minimum amount is ${Rt} ${q}` : `Minimum amount is ${Tt} ${_}`) }),
+          xe && ut && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: fe || (ct ? "Amount should be more than 0" : _ ? `Minimum amount is ${It} ${ee}` : `Minimum amount is ${Mt} ${V}`) }),
           /* @__PURE__ */ r(
             "div",
             {
@@ -2873,20 +2876,20 @@ function Xn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ r("div", { className: "flex items-start justify-between", children: [
-                  pe && !L ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
-                    Hn,
+                  pe && !I ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    Kn,
                     {
-                      value: z > 0 ? _t : "0",
+                      value: Q > 0 ? jt : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: Q > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  K ? /* @__PURE__ */ r("div", { className: "flex flex-col items-end shrink-0", children: [
+                  _ ? /* @__PURE__ */ r("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ r(
                       "button",
                       {
-                        onClick: () => Y("crypto"),
+                        onClick: () => Z("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2895,32 +2898,32 @@ function Xn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Ct = k == null ? void 0 : k.destinationCurrency) != null && Ct.locked),
+                        disabled: !!((Nt = k == null ? void 0 : k.destinationCurrency) != null && Nt.locked),
                         children: [
-                          /* @__PURE__ */ e(kt, { ticker: _, size: 16, baseUrl: F }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: _ }),
-                          /* @__PURE__ */ e(He, {})
+                          /* @__PURE__ */ e(Bt, { ticker: V, size: 16, baseUrl: F }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Ke }, children: V }),
+                          /* @__PURE__ */ e(Me, {})
                         ]
                       }
                     ),
-                    ie && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    se && /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: et(ie, F),
-                          alt: ie,
+                          src: at(se, F),
+                          alt: se,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: ht })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: xt })
                     ] })
                   ] }) : /* @__PURE__ */ r(
                     "button",
                     {
-                      onClick: () => Y("fiat"),
+                      onClick: () => Z("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2929,11 +2932,11 @@ function Xn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((gt = k == null ? void 0 : k.sourceCurrency) != null && gt.locked),
+                      disabled: !!((Et = k == null ? void 0 : k.sourceCurrency) != null && Et.locked),
                       children: [
-                        /* @__PURE__ */ e(nt, { currencyCode: q, size: 16, baseUrl: F }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: q }),
-                        /* @__PURE__ */ e(He, {})
+                        /* @__PURE__ */ e(ot, { currencyCode: ee, size: 16, baseUrl: F }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Ke }, children: ee }),
+                        /* @__PURE__ */ e(Me, {})
                       ]
                     }
                   )
@@ -2941,7 +2944,7 @@ function Xn({
               ]
             }
           ),
-          Be && z > 0 && (g == null ? void 0 : g.bestQuote) && /* @__PURE__ */ r(
+          Le && Q > 0 && (C == null ? void 0 : C.bestQuote) && /* @__PURE__ */ r(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -2953,15 +2956,15 @@ function Xn({
                 ] }),
                 /* @__PURE__ */ r("span", { children: [
                   "You will be charged for ",
-                  rt,
+                  it,
                   " ",
-                  _,
+                  V,
                   ", the rest up to ",
-                  tt(z),
+                  rt(Q),
                   " ",
-                  q,
+                  ee,
                   " will be credited to your ",
-                  $,
+                  j,
                   " account"
                 ] })
               ]
@@ -2973,35 +2976,38 @@ function Xn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(vt = w == null ? void 0 : w.paymentMethods) != null && vt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(wt = A == null ? void 0 : A.paymentMethods) != null && wt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: x ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Vt || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: g ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Wt || " " })
             }
           ),
-          (w == null ? void 0 : w.paymentMethods) && w.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
-            Rn,
+          (A == null ? void 0 : A.paymentMethods) && A.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
+            Mn,
             {
-              methods: w.paymentMethods,
+              methods: A.paymentMethods,
               selectedId: y.paymentMethodId,
-              onOpenModal: () => Y("payment"),
+              onOpenModal: () => Z("payment"),
               fiatCurrency: y.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ r("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: K ? "Receiving wallet address" : "Sending wallet address" }),
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: _ ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 value: y.walletAddress,
-                onChange: (C) => c({ type: "SET_WALLET_ADDRESS", address: C.target.value }),
-                onBlur: () => Ee(!0),
-                placeholder: K ? "Enter your receiving address" : "Enter your sending address",
+                onChange: (x) => s({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
+                onFocus: () => Oe(!0),
+                onBlur: () => {
+                  Oe(!1), Ne(!0);
+                },
+                placeholder: _ ? "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 || Le && !Ze ? "1px solid #EF4444" : "1px solid var(--t-border)",
+                  border: y.walletError || Te && !et ? "1px solid #EF4444" : Ze ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   borderRadius: 3.5,
                   height: 47,
                   padding: "0 14px",
@@ -3009,61 +3015,61 @@ function Xn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((bt = k == null ? void 0 : k.destinationAddress) != null && bt.locked)
+                disabled: !!((At = k == null ? void 0 : k.destinationAddress) != null && At.locked)
               }
             ),
-            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : Le && !Ze && !Ie ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ie && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : Te && !et && !ke ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ke && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1" }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Fe || ne || L,
-              onClick: Yt,
+              disabled: !Ue || ae || I,
+              onClick: Jt,
               className: "w-full font-semibold text-[16px] transition-all mt-4",
               style: {
                 height: 60,
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Fe && !ne && !L ? 1 : 0.4,
-                cursor: Fe && !ne && !L ? "pointer" : "not-allowed"
+                opacity: Ue && !ae && !I ? 1 : 0.4,
+                cursor: Ue && !ae && !I ? "pointer" : "not-allowed"
               },
-              children: L ? "Getting best price..." : ne ? "Processing..." : K ? `Buy ${_}` : `Sell ${_}`
+              children: I ? "Getting best price..." : ae ? "Processing..." : _ ? `Buy ${V}` : `Sell ${V}`
             }
           ),
           /* @__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" }) })
-        ] }, Ae),
-        /* @__PURE__ */ e(Ve, { isOpen: j === "fiat", onClose: () => Y(null), children: (C) => {
-          var A;
+        ] }, Ee),
+        /* @__PURE__ */ e($e, { isOpen: W === "fiat", onClose: () => Z(null), children: (x) => {
+          var E;
           return /* @__PURE__ */ e(
-            Pn,
+            Vn,
             {
-              onClose: C,
+              onClose: x,
               onSelect: (R) => {
-                jt(R), C();
+                Zt(R), x();
               },
-              currencies: (A = w == null ? void 0 : w.fiats) == null ? void 0 : A.map((R) => ({ code: R.code, name: R.code })),
+              currencies: (E = A == null ? void 0 : A.fiats) == null ? void 0 : E.map((R) => ({ code: R.code, name: R.code })),
               assetBaseUrl: F,
               selectedCode: y.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(Ve, { isOpen: j === "crypto", onClose: () => Y(null), children: (C) => {
-          var A;
+        /* @__PURE__ */ e($e, { isOpen: W === "crypto", onClose: () => Z(null), children: (x) => {
+          var E;
           return /* @__PURE__ */ e(
-            Un,
+            Xn,
             {
-              onClose: C,
-              onSelect: (R, H) => {
-                Wt(R, H), C();
+              onClose: x,
+              onSelect: (R, M) => {
+                Qt(R, M), x();
               },
-              cryptos: (A = w == null ? void 0 : w.cryptos) == null ? void 0 : A.map((R) => {
-                var H;
+              cryptos: (E = A == null ? void 0 : A.cryptos) == null ? void 0 : E.map((R) => {
+                var M;
                 return {
                   code: R.code,
                   name: R.code,
-                  networks: (H = R.networks) == null ? void 0 : H.map((me) => ({ code: me.id, name: me.name }))
+                  networks: (M = R.networks) == null ? void 0 : M.map((oe) => ({ code: oe.id, name: oe.name }))
                 };
               }),
               assetBaseUrl: F,
@@ -3072,29 +3078,29 @@ function Xn({
             }
           );
         } }),
-        /* @__PURE__ */ e(Ve, { isOpen: j === "payment", onClose: () => Y(null), children: (C) => {
-          var A;
+        /* @__PURE__ */ e($e, { isOpen: W === "payment", onClose: () => Z(null), children: (x) => {
+          var E;
           return /* @__PURE__ */ e(
-            Fn,
+            $n,
             {
-              methods: ((A = w == null ? void 0 : w.paymentMethods) == null ? void 0 : A.filter((R) => R.supportedFiats.includes(y.fiatCurrency))) || [],
+              methods: ((E = A == null ? void 0 : A.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(y.fiatCurrency))) || [],
               selectedId: y.paymentMethodId,
               onSelect: (R) => {
-                Gt(R), C();
+                zt(R), x();
               },
-              onClose: C
+              onClose: x
             }
           );
         } }),
-        /* @__PURE__ */ e(Ve, { isOpen: j === "settings", onClose: () => Y(null), children: (C) => /* @__PURE__ */ e(
-          Vn,
+        /* @__PURE__ */ e($e, { isOpen: W === "settings", onClose: () => Z(null), children: (x) => /* @__PURE__ */ e(
+          Gn,
           {
-            onClose: C,
-            darkMode: le,
-            onToggleDarkMode: de,
+            onClose: x,
+            darkMode: re,
+            onToggleDarkMode: ue,
             skinId: ye,
-            onSelectSkin: (A) => {
-              We(A);
+            onSelectSkin: (E) => {
+              Ye(E);
             },
             showThemeToggle: S
           }
@@ -3103,7 +3109,7 @@ function Xn({
     }
   );
 }
-function $n({
+function Zn({
   projectId: t,
   apiUrl: n,
   assetBaseUrl: a,
@@ -3111,43 +3117,43 @@ function $n({
   customerId: l,
   brandId: i,
   defaultFiatCurrency: m,
-  defaultCryptoCurrency: s,
+  defaultCryptoCurrency: c,
   defaultNetwork: d,
   defaultFiatAmount: p,
   defaultCryptoAmount: h,
   defaultWalletAddress: u,
   defaultGateway: f,
-  fieldLocks: x,
-  statusPollInterval: E,
-  onComplete: v,
+  fieldLocks: g,
+  statusPollInterval: w,
+  onComplete: b,
   onError: S,
   className: P,
-  theme: X,
+  theme: $,
   skinId: U,
-  accentColor: G,
-  bgColor: J,
-  bgImage: $,
-  borderColor: se,
+  accentColor: Y,
+  bgColor: z,
+  bgImage: j,
+  borderColor: de,
   borderRadius: y,
-  surfaceColor: c,
-  inputBgColor: w,
-  textColor: O,
-  textSecondaryColor: g,
+  surfaceColor: s,
+  inputBgColor: A,
+  textColor: H,
+  textSecondaryColor: C,
   textMutedColor: pe,
-  successColor: oe,
-  showFlowToggle: te,
-  showSettings: be,
-  showThemeToggle: ne,
+  successColor: ie,
+  showFlowToggle: ne,
+  showSettings: ve,
+  showThemeToggle: ae,
   autoRedirect: fe,
   explorerUrl: k,
-  doneButtonText: Ne,
+  doneButtonText: be,
   supportEmail: F,
-  stablecoinParity: le,
-  partnerName: de,
+  stablecoinParity: re,
+  partnerName: ue,
   onDone: ye
 }) {
   return /* @__PURE__ */ e(
-    on,
+    un,
     {
       projectId: t,
       apiUrl: n,
@@ -3156,56 +3162,56 @@ function $n({
       customerId: l,
       brandId: i,
       defaultFiatCurrency: m,
-      defaultCryptoCurrency: s,
+      defaultCryptoCurrency: c,
       defaultNetwork: d,
       defaultFiatAmount: p,
       defaultCryptoAmount: h,
       defaultWalletAddress: u,
       defaultGateway: f,
-      fieldLocks: x,
-      statusPollInterval: E,
-      onComplete: v,
+      fieldLocks: g,
+      statusPollInterval: w,
+      onComplete: b,
       onError: S,
       children: /* @__PURE__ */ e(
-        Xn,
+        Yn,
         {
           className: P,
-          theme: X,
+          theme: $,
           skinId: U,
-          accentColor: G,
-          bgColor: J,
-          bgImage: $,
-          borderColor: se,
+          accentColor: Y,
+          bgColor: z,
+          bgImage: j,
+          borderColor: de,
           borderRadius: y,
-          surfaceColor: c,
-          inputBgColor: w,
-          textColor: O,
-          textSecondaryColor: g,
+          surfaceColor: s,
+          inputBgColor: A,
+          textColor: H,
+          textSecondaryColor: C,
           textMutedColor: pe,
-          successColor: oe,
-          showFlowToggle: te,
-          showSettings: be,
-          showThemeToggle: ne,
+          successColor: ie,
+          showFlowToggle: ne,
+          showSettings: ve,
+          showThemeToggle: ae,
           autoRedirect: fe,
           explorerUrl: k,
-          doneButtonText: Ne,
+          doneButtonText: be,
           supportEmail: F,
-          stablecoinParity: le,
-          partnerName: de,
+          stablecoinParity: re,
+          partnerName: ue,
           onDone: ye
         }
       )
     }
   );
 }
-function ta({
+function oa({
   submitButtonText: t,
   rateRefreshInterval: n,
   ...a
 }) {
-  return /* @__PURE__ */ e($n, { ...a });
+  return /* @__PURE__ */ e(Zn, { ...a });
 }
-function na({
+function la({
   skin: t,
   active: n,
   onClick: a,
@@ -3238,13 +3244,13 @@ function na({
     }
   );
 }
-function jn({ quote: t }) {
+function Qn({ quote: t }) {
   return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ r("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
     "#",
     t.rank
   ] }) : null;
 }
-function Wn({ quote: t }) {
+function zn({ quote: t }) {
   return t.gatewayLogo ? /* @__PURE__ */ e(
     "img",
     {
@@ -3255,9 +3261,9 @@ function Wn({ quote: t }) {
       className: "rounded-full shrink-0",
       style: { width: 36, height: 36 }
     }
-  ) : /* @__PURE__ */ e(at, { size: 36 });
+  ) : /* @__PURE__ */ e(lt, { size: 36 });
 }
-function Gn() {
+function Jn() {
   return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ r(
     "div",
     {
@@ -3270,34 +3276,34 @@ function Gn() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(M, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(B, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ r("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(M, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(M, { w: 60, h: 12 })
+          /* @__PURE__ */ e(B, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(B, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ r("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(M, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(M, { w: 80, h: 14 })
+          /* @__PURE__ */ e(B, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(B, { w: 80, h: 14 })
         ] })
       ]
     },
     t
   )) });
 }
-function aa({
+function ia({
   onClose: t,
   onSelect: n,
   quotes: a,
   quotesLoading: o,
   cryptoCurrency: l
 }) {
-  const [i, m] = b(""), s = W(() => {
+  const [i, m] = N(""), c = G(() => {
     if (!(a != null && a.quotes)) return [];
     const d = i.trim().toLowerCase();
     return d ? a.quotes.filter((p) => p.gatewayName.toLowerCase().includes(d)) : a.quotes;
   }, [a, i]);
-  return /* @__PURE__ */ r(re, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+  return /* @__PURE__ */ r(le, { children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3306,9 +3312,9 @@ function aa({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(je, { value: i, onChange: m }),
+    /* @__PURE__ */ e(Ge, { value: i, onChange: m }),
     /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      o ? /* @__PURE__ */ e(Gn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((d, p) => {
+      o ? /* @__PURE__ */ e(Jn, {}) : c.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : c.map((d, p) => {
         const h = p === 0, u = parseFloat(d.cryptoAmount), f = u >= 1 ? u.toFixed(4) : u.toPrecision(6);
         return /* @__PURE__ */ r(
           "button",
@@ -3324,10 +3330,10 @@ function aa({
               background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(Wn, { quote: d }),
+              /* @__PURE__ */ e(zn, { quote: d }),
               /* @__PURE__ */ r("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: d.gatewayName }),
-                /* @__PURE__ */ e(jn, { quote: d })
+                /* @__PURE__ */ e(Qn, { quote: d })
               ] }),
               /* @__PURE__ */ r("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
@@ -3358,61 +3364,61 @@ function aa({
   ] });
 }
 export {
-  On as AnimatedDigit,
-  Hn as AnimatedNumber,
-  fn as ApplePayIcon,
-  Oe as BLOCKCHAINS,
-  hn as BankIcon,
-  mn as CRYPTO_CHAIN_COMBOS,
-  Ot as CRYPTO_CURRENCIES,
-  vn as CardIcon,
-  ta as CheckoutForm,
-  Tn as CheckoutStep,
-  He as ChevronDown,
-  bn as ChevronRight,
-  aa as ChooseRampModal,
-  De as CloseButton,
-  ea as CoinifyIcon,
-  In as CompleteStep,
-  Bn as ConfirmStep,
-  Un as CryptoCurrencyModal,
-  kt as CryptoIcon,
-  En as DarkModeIcon,
-  Mn as ErrorStep,
-  wt as FIAT_CURRENCIES,
-  cn as FIAT_TO_COUNTRY,
-  Pn as FiatCurrencyModal,
-  nt as FiatFlag,
-  Dn as FormSkeleton,
-  at as GenericCoinIcon,
-  yn as GooglePayIcon,
-  St as MOCK_RATES,
-  Nn as MenuIcon,
-  Ve as Modal,
-  xn as PayPalIcon,
-  Rn as PaymentMethodSelector,
-  Ln as ProcessingStep,
-  $n as RampForm,
-  on as RampProvider,
-  pn as RevolutIcon,
-  At as SKINS,
-  je as SearchInput,
-  Vn as SettingsScreen,
-  M as Skeleton,
-  na as SkinSwatch,
-  Kn as ToggleSwitch,
-  tt as formatOutput,
-  et as getChainIconUrl,
-  Ht as getCryptoIconUrl,
-  sn as getFiatFlagUrl,
-  qn as getMockRate,
-  wn as getPaymentIcon,
-  Dt as isStablecoin,
-  un as parseAmount,
-  nn as useCheckoutIntent,
-  tn as useQuotes,
-  Te as useRamp,
-  en as useRampConfig,
-  an as useTransaction
+  Fn as AnimatedDigit,
+  Kn as AnimatedNumber,
+  vn as ApplePayIcon,
+  Ie as BLOCKCHAINS,
+  gn as BankIcon,
+  xn as CRYPTO_CHAIN_COMBOS,
+  Ut as CRYPTO_CURRENCIES,
+  An as CardIcon,
+  oa as CheckoutForm,
+  Bn as CheckoutStep,
+  Me as ChevronDown,
+  Sn as ChevronRight,
+  ia as ChooseRampModal,
+  Be as CloseButton,
+  ra as CoinifyIcon,
+  Dn as CompleteStep,
+  Un as ConfirmStep,
+  Xn as CryptoCurrencyModal,
+  Bt as CryptoIcon,
+  Tn as DarkModeIcon,
+  Pn as ErrorStep,
+  Tt as FIAT_CURRENCIES,
+  hn as FIAT_TO_COUNTRY,
+  Vn as FiatCurrencyModal,
+  ot as FiatFlag,
+  _n as FormSkeleton,
+  lt as GenericCoinIcon,
+  bn as GooglePayIcon,
+  Lt as MOCK_RATES,
+  Rn as MenuIcon,
+  $e as Modal,
+  Nn as PayPalIcon,
+  Mn as PaymentMethodSelector,
+  Hn as ProcessingStep,
+  Zn as RampForm,
+  un as RampProvider,
+  Cn as RevolutIcon,
+  kt as SKINS,
+  Ge as SearchInput,
+  Gn as SettingsScreen,
+  B as Skeleton,
+  la as SkinSwatch,
+  jn as ToggleSwitch,
+  rt as formatOutput,
+  at as getChainIconUrl,
+  Ft as getCryptoIconUrl,
+  pn as getFiatFlagUrl,
+  aa as getMockRate,
+  kn as getPaymentIcon,
+  Kt as isStablecoin,
+  yn as parseAmount,
+  sn as useCheckoutIntent,
+  ln as useQuotes,
+  Se as useRamp,
+  on as useRampConfig,
+  cn as useTransaction
 };
 //# sourceMappingURL=index.js.map