@nowramp/form 0.1.84 → 0.1.85

package/dist/index.js

@@ -8,14 +8,14 @@
 }`;
   document.head.appendChild(s);
 })();
-import { jsx as e, jsxs as l, Fragment as ae } from "react/jsx-runtime";
-import be, { useState as w, useRef as M, useCallback as O, useEffect as X, useMemo as V, useReducer as xa, useContext as va, createContext as ba } from "react";
-import { RampApi as rt } from "@nowramp/sdk";
+import { jsx as e, jsxs as i, Fragment as ae } from "react/jsx-runtime";
+import Ce, { useState as A, useRef as M, useCallback as B, useEffect as Z, useMemo as j, useReducer as xa, useContext as va, createContext as ba } from "react";
+import { RampApi as ot } from "@nowramp/sdk";
 import { createPortal as Pt } from "react-dom";
 function Sa(t, a, n) {
-  const [r, o] = w(null), [d, u] = w(!0), [i, c] = w(null), m = M(null);
-  (!m.current || m.current !== t) && (m.current = new rt({ apiKey: "", ...t }));
-  const h = O(async () => {
+  const [r, o] = A(null), [d, u] = A(!0), [l, c] = A(null), m = M(null);
+  (!m.current || m.current !== t) && (m.current = new ot({ apiKey: "", ...t }));
+  const p = B(async () => {
     if (!t.projectId) {
       c(new Error("projectId is required")), u(!1);
       return;
@@ -24,75 +24,75 @@ function Sa(t, a, n) {
     try {
       const f = {};
       a && (f.orderType = a), n && (f.country = n);
-      const p = await m.current.getSupported(f);
-      o(p);
+      const C = await m.current.getSupported(f);
+      o(C);
     } catch (f) {
       c(f instanceof Error ? f : new Error("Failed to fetch config"));
     } finally {
       u(!1);
     }
   }, [t.projectId, a, n]);
-  return X(() => {
-    h();
-  }, [h]), { config: r, loading: d, error: i, refetch: h };
+  return Z(() => {
+    p();
+  }, [p]), { config: r, loading: d, error: l, refetch: p };
 }
 function Na(t, a) {
-  const [n, r] = w(null), [o, d] = w(!1), [u, i] = w(null), c = M(null), m = M(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!c.current || m.current !== h) && (c.current = new rt({ apiKey: "", ...t }), m.current = h);
+  const [n, r] = A(null), [o, d] = A(!1), [u, l] = A(null), c = M(null), m = M(""), p = `${t.apiUrl}|${t.projectId}`;
+  (!c.current || m.current !== p) && (c.current = new ot({ apiKey: "", ...t }), m.current = p);
   const f = M(0);
-  X(() => {
-    const v = ++f.current;
+  Z(() => {
+    const S = ++f.current;
     if (!a || !t.projectId) {
       r(null), d(!1);
       return;
     }
-    d(!0), i(null), c.current.getQuotes(a).then(
-      (C) => {
-        f.current === v && (r(C), d(!1));
+    d(!0), l(null), c.current.getQuotes(a).then(
+      (k) => {
+        f.current === S && (r(k), d(!1));
       },
-      (C) => {
-        f.current === v && (i(C instanceof Error ? C : new Error("Failed to fetch quotes")), r(null), d(!1));
+      (k) => {
+        f.current === S && (l(k instanceof Error ? k : new Error("Failed to fetch quotes")), r(null), d(!1));
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
-  const p = O(async () => {
+  const C = B(async () => {
     if (!(!a || !t.projectId)) {
-      d(!0), i(null);
+      d(!0), l(null);
       try {
-        const v = await c.current.getQuotes(a);
-        r(v);
-      } catch (v) {
-        i(v instanceof Error ? v : new Error("Failed to fetch quotes"));
+        const S = await c.current.getQuotes(a);
+        r(S);
+      } catch (S) {
+        l(S instanceof Error ? S : new Error("Failed to fetch quotes"));
       } finally {
         d(!1);
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: o, error: u, refetch: p };
+  return { quotes: n, loading: o, error: u, refetch: C };
 }
 function wa(t) {
-  const [a, n] = w(null), [r, o] = w(!1), [d, u] = w(null), i = M(null), c = M(""), m = `${t.apiUrl}|${t.projectId}`;
-  (!i.current || c.current !== m) && (i.current = new rt({ apiKey: "", ...t }), c.current = m);
-  const h = O(async (p) => {
+  const [a, n] = A(null), [r, o] = A(!1), [d, u] = A(null), l = M(null), c = M(""), m = `${t.apiUrl}|${t.projectId}`;
+  (!l.current || c.current !== m) && (l.current = new ot({ apiKey: "", ...t }), c.current = m);
+  const p = B(async (C) => {
     o(!0), u(null);
     try {
-      const v = await i.current.createCheckoutIntent(p);
-      return n(v), v;
-    } catch (v) {
-      const C = v instanceof Error ? v : new Error("Failed to create checkout intent");
-      throw u(C), C;
+      const S = await l.current.createCheckoutIntent(C);
+      return n(S), S;
+    } catch (S) {
+      const k = S instanceof Error ? S : new Error("Failed to create checkout intent");
+      throw u(k), k;
     } finally {
       o(!1);
     }
-  }, []), f = O(() => {
+  }, []), f = B(() => {
     n(null), u(null);
   }, []);
-  return { order: a, loading: r, error: d, createOrder: h, reset: f };
+  return { order: a, loading: r, error: d, createOrder: p, reset: f };
 }
 function Ea(t, a, n) {
-  const [r, o] = w(null), [d, u] = w(!1), [i, c] = w(null), m = M(null);
-  m.current || (m.current = new rt({ apiKey: "", projectId: "", ...t }));
-  const h = O(async () => {
+  const [r, o] = A(null), [d, u] = A(!1), [l, c] = A(null), m = M(null);
+  m.current || (m.current = new ot({ apiKey: "", projectId: "", ...t }));
+  const p = B(async () => {
     if (a) {
       u(!0), c(null);
       try {
@@ -105,22 +105,22 @@ function Ea(t, a, n) {
       }
     }
   }, [a]);
-  return X(() => {
+  return Z(() => {
     if (!a) return;
     const f = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (f > 0) {
-      const p = setTimeout(h, f);
-      return () => clearTimeout(p);
+      const C = setTimeout(p, f);
+      return () => clearTimeout(C);
     }
-    h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), X(() => {
+    p();
+  }, [p, a, n == null ? void 0 : n.initialDelay]), Z(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
-    const p = setInterval(h, n.pollInterval);
-    return () => clearInterval(p);
-  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: d, error: i, refetch: h };
+    const C = setInterval(p, n.pollInterval);
+    return () => clearInterval(C);
+  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, p]), { status: r, loading: d, error: l, refetch: p };
 }
-const at = [
+const nt = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
   { code: "ae", name: "United Arab Emirates", defaultFiat: "AED" },
   { code: "af", name: "Afghanistan", defaultFiat: "USD" },
@@ -313,21 +313,21 @@ const at = [
   { code: "zm", name: "Zambia", defaultFiat: "USD" },
   { code: "zw", name: "Zimbabwe", defaultFiat: "USD" }
 ], yt = Object.fromEntries(
-  at.map((t) => [t.code, t])
+  nt.map((t) => [t.code, t])
 );
 function mt(t, a) {
   if (!t) return "USD";
   const n = yt[t.toLowerCase()], r = (n == null ? void 0 : n.defaultFiat) || "USD";
   return !a || a.length === 0 || a.includes(r) ? r : a.includes("USD") ? "USD" : a[0] || "USD";
 }
-const ot = !0;
-function Ct(t, a, n = ot) {
+const it = !0;
+function Ct(t, a, n = it) {
   return t === void 0 || a === void 0 ? n : t.length === 0 || a.length === 0 ? !1 : t.some((r) => a.includes(r));
 }
-function Aa(t, a, n = ot) {
+function Aa(t, a, n = it) {
   return t.filter((r) => Ct(r.providers, a, n));
 }
-function Ra(t, a, n = ot) {
+function Ra(t, a, n = it) {
   const r = [];
   for (const o of t) {
     const d = o.networks.filter(
@@ -339,7 +339,7 @@ function Ra(t, a, n = ot) {
   }
   return r;
 }
-function ka(t, a, n, r = ot) {
+function ka(t, a, n, r = it) {
   return n ? t.filter(
     (o) => o.supportedFiats.includes(n) && Ct(o.providers, a, r)
   ) : [];
@@ -349,23 +349,23 @@ function Ta(t, a, n) {
   let o = !1;
   if (!n.cryptoLocked && !n.networkLocked) {
     if (!(t.cryptoCurrency && a.availableCryptos.some(
-      (i) => i.code === t.cryptoCurrency && i.networks.some((c) => c.id === t.network)
+      (l) => l.code === t.cryptoCurrency && l.networks.some((c) => c.id === t.network)
     )) && a.availableCryptos.length > 0) {
-      const i = a.availableCryptos[0], c = i.networks.find((m) => m.isDefault) || i.networks[0];
-      i.code !== t.cryptoCurrency && (r.cryptoCurrency = i.code, o = !0), c && c.id !== t.network && (r.network = c.id, o = !0);
+      const l = a.availableCryptos[0], c = l.networks.find((m) => m.isDefault) || l.networks[0];
+      l.code !== t.cryptoCurrency && (r.cryptoCurrency = l.code, o = !0), c && c.id !== t.network && (r.network = c.id, o = !0);
     }
   } else if (!n.cryptoLocked && n.networkLocked) {
     if (!(t.cryptoCurrency && a.availableCryptos.some(
-      (i) => i.code === t.cryptoCurrency && i.networks.some((c) => c.id === t.network)
+      (l) => l.code === t.cryptoCurrency && l.networks.some((c) => c.id === t.network)
     ))) {
-      const i = a.availableCryptos.find(
+      const l = a.availableCryptos.find(
         (c) => c.networks.some((m) => m.id === t.network)
       );
-      i && i.code !== t.cryptoCurrency && (r.cryptoCurrency = i.code, o = !0);
+      l && l.code !== t.cryptoCurrency && (r.cryptoCurrency = l.code, o = !0);
     }
   } else if (n.cryptoLocked && !n.networkLocked) {
     const u = a.availableCryptos.find(
-      (i) => i.code === t.cryptoCurrency
+      (l) => l.code === t.cryptoCurrency
     );
     if (u && !u.networks.some(
       (c) => c.id === t.network
@@ -374,28 +374,28 @@ function Ta(t, a, n) {
       c.id !== t.network && (r.network = c.id, o = !0);
     }
   }
-  if (!n.fiatLocked && !(t.fiatCurrency && a.availableFiats.some((i) => i.code === t.fiatCurrency)) && a.availableFiats.length > 0) {
+  if (!n.fiatLocked && !(t.fiatCurrency && a.availableFiats.some((l) => l.code === t.fiatCurrency)) && a.availableFiats.length > 0) {
     const c = a.availableFiats.find((m) => m.code === "USD") || a.availableFiats[0];
     c.code !== t.fiatCurrency && (r.fiatCurrency = c.code, o = !0);
   }
   if (!(t.paymentMethodId && a.availablePaymentMethods.some(
     (u) => u.id === t.paymentMethodId
   )) && a.availablePaymentMethods.length > 0) {
-    const i = a.availablePaymentMethods.find(
+    const l = a.availablePaymentMethods.find(
       (c) => c.id.includes("card") || c.id.includes("debit")
     ) || a.availablePaymentMethods[0];
-    i.id !== t.paymentMethodId && (r.paymentMethodId = i.id, o = !0);
+    l.id !== t.paymentMethodId && (r.paymentMethodId = l.id, o = !0);
   }
   return o ? r : null;
 }
 function La(t, a, n, r) {
   var o, d, u;
   if (n.cryptoLocked) {
-    const i = (o = t.cryptos) == null ? void 0 : o.find(
+    const l = (o = t.cryptos) == null ? void 0 : o.find(
       (m) => m.code === a.cryptoCurrency
     );
-    if (!i) return !0;
-    const c = (d = i.networks) == null ? void 0 : d.find((m) => m.id === a.network);
+    if (!l) return !0;
+    const c = (d = l.networks) == null ? void 0 : d.find((m) => m.id === a.network);
     if (!c || c.providers !== void 0 && c.providers.length === 0 || c.providers !== void 0 && (r.availableFiats.length === 0 || r.availablePaymentMethods.length === 0))
       return !0;
   }
@@ -404,8 +404,8 @@ function La(t, a, n, r) {
   ))
     return !0;
   if (n.fiatLocked) {
-    const i = (u = t.fiats) == null ? void 0 : u.find((c) => c.code === a.fiatCurrency);
-    if (!i || i.providers !== void 0 && i.providers.length === 0 || i.providers !== void 0 && r.availableCryptos.length === 0)
+    const l = (u = t.fiats) == null ? void 0 : u.find((c) => c.code === a.fiatCurrency);
+    if (!l || l.providers !== void 0 && l.providers.length === 0 || l.providers !== void 0 && r.availableCryptos.length === 0)
       return !0;
   }
   return !1;
@@ -433,7 +433,7 @@ function Da(t) {
   const a = t.toLowerCase();
   return /amount|out of range for|minimum|maximum/.test(a) ? 1 : /currency|pair|network|chain/.test(a) ? 2 : /country|region|location/.test(a) ? 3 : /does not support|unsupported/.test(a) ? 4 : 5;
 }
-const Qt = {
+const Ia = ["completed", "failed", "cancelled", "expired", "refunded"], Qt = {
   step: "amount",
   flowType: "buy",
   fiatCurrency: "USD",
@@ -453,7 +453,7 @@ const Qt = {
   errorMessage: null
 };
 function Ma(t, a) {
-  var n, r, o, d, u, i, c, m;
+  var n, r, o, d, u, l, c, m;
   switch (a.type) {
     case "SET_STEP":
       return { ...t, step: a.step, errorMessage: null };
@@ -465,7 +465,7 @@ function Ma(t, a) {
         cryptoAmount: "",
         fiatCurrency: (r = (n = a.fieldLocks) == null ? void 0 : n.sourceCurrency) != null && r.locked ? t.fiatCurrency : "",
         cryptoCurrency: (d = (o = a.fieldLocks) == null ? void 0 : o.destinationCurrency) != null && d.locked ? t.cryptoCurrency : "",
-        network: (i = (u = a.fieldLocks) == null ? void 0 : u.network) != null && i.locked || (m = (c = a.fieldLocks) == null ? void 0 : c.destinationCurrency) != null && m.locked ? t.network : "",
+        network: (l = (u = a.fieldLocks) == null ? void 0 : u.network) != null && l.locked || (m = (c = a.fieldLocks) == null ? void 0 : c.destinationCurrency) != null && m.locked ? t.network : "",
         paymentMethodId: "",
         selectedQuote: null,
         selectedProvider: null,
@@ -514,256 +514,257 @@ function Ma(t, a) {
   }
 }
 const zt = ba(null);
-function Ia({
-  projectId: t,
-  apiUrl: a = "https://api.nowramp.com",
-  assetBaseUrl: n = "",
-  flowType: r = "buy",
-  customerId: o = "",
-  brandId: d,
-  defaultFiatCurrency: u = "USD",
-  defaultCryptoCurrency: i = "BTC",
-  defaultNetwork: c = "",
-  defaultFiatAmount: m = "",
-  defaultCryptoAmount: h = "",
-  defaultWalletAddress: f = "",
-  defaultGateway: p,
-  defaultCountry: v,
-  fieldLocks: C,
-  partnerMetadata: E,
-  statusPollInterval: L = 5e3,
-  onComplete: K,
-  onError: ee,
-  children: Z
-}) {
-  const Y = V(() => ({ apiUrl: a, projectId: t }), [a, t]), te = c || (i ? i.toLowerCase() : ""), $ = r === "sell", le = $ ? !!h : !!m, U = ($ ? !!(le && i && te) : !!(le && i && te && f)) && p ? "confirm" : "amount", Q = m || (r === "buy" ? "250" : ""), [s, S] = xa(Ma, {
+function Ba(t) {
+  const a = M(t.defaultFiatCurrency !== void 0), {
+    projectId: n,
+    apiUrl: r = "https://api.nowramp.com",
+    assetBaseUrl: o = "",
+    flowType: d = "buy",
+    customerId: u = "",
+    brandId: l,
+    defaultFiatCurrency: c = "USD",
+    defaultCryptoCurrency: m = "BTC",
+    defaultNetwork: p = "",
+    defaultFiatAmount: f = "",
+    defaultCryptoAmount: C = "",
+    defaultWalletAddress: S = "",
+    defaultGateway: k,
+    defaultCountry: w,
+    fieldLocks: y,
+    partnerMetadata: O,
+    statusPollInterval: le = 5e3,
+    onComplete: G,
+    onError: z,
+    children: ce
+  } = t, _ = j(() => ({ apiUrl: r, projectId: n }), [r, n]), ne = p || (m ? m.toLowerCase() : ""), g = d === "sell", T = g ? !!C : !!f, xe = (g ? !!(T && m && ne) : !!(T && m && ne && S)) && k ? "confirm" : "amount", F = f || (d === "buy" ? "250" : ""), [s, L] = xa(Ma, {
     ...Qt,
-    step: U,
-    flowType: r,
-    fiatCurrency: u,
-    cryptoCurrency: i,
-    network: te,
-    fiatAmount: Kt(Q, 2),
-    cryptoAmount: Kt(h, 6),
-    walletAddress: f,
-    customerId: o,
+    step: xe,
+    flowType: d,
+    fiatCurrency: c,
+    cryptoCurrency: m,
+    network: ne,
+    fiatAmount: Kt(F, 2),
+    cryptoAmount: Kt(C, 6),
+    walletAddress: S,
+    customerId: u,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...v ? { country: v.toLowerCase(), countrySource: "manual" } : {}
-  }), H = s.flowType === "sell", {
-    config: g,
-    loading: ce,
-    error: Ce
-  } = Sa(Y, s.flowType, s.country || void 0), se = M(!1);
-  be.useEffect(() => {
-    var T;
-    if (se.current || !(g != null && g.detectedCountry) || s.country) return;
-    se.current = !0;
-    const y = g.detectedCountry.toLowerCase();
-    S({ type: "SET_COUNTRY_AUTO", country: y });
-    const A = (T = g.fiats) == null ? void 0 : T.map((R) => R.code), k = mt(y, A);
-    k !== s.fiatCurrency && S({ type: "SET_FIAT_CURRENCY", currency: k });
-  }, [g, s.country, s.fiatCurrency]);
-  const ge = M(!1);
-  be.useEffect(() => {
-    var k;
-    if (ge.current || !v || !((k = g == null ? void 0 : g.fiats) != null && k.length)) return;
-    ge.current = !0;
-    const y = g.fiats.map((T) => T.code), A = mt(v, y);
-    A !== s.fiatCurrency && S({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [v, g, s.fiatCurrency]);
-  const D = M(s.country);
-  be.useEffect(() => {
-    var k;
-    if (s.country === D.current || (D.current = s.country, s.countrySource === "manual" && (me.current = !1), s.countrySource !== "manual") || !((k = g == null ? void 0 : g.fiats) != null && k.length)) return;
-    const y = g.fiats.map((T) => T.code), A = mt(s.country, y);
-    A !== s.fiatCurrency && S({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [s.country, s.countrySource, g, s.fiatCurrency]);
-  const Ne = M(s.fiatCurrency);
-  be.useEffect(() => {
-    var T;
-    if (s.fiatCurrency === Ne.current || (Ne.current = s.fiatCurrency, H || !((T = g == null ? void 0 : g.fiats) != null && T.length) || !s.fiatAmount)) return;
-    const y = g.fiats.find((R) => R.code === s.fiatCurrency);
-    if (!(y != null && y.minAmount)) return;
-    const A = parseFloat(s.fiatAmount), k = parseFloat(y.minAmount);
-    !isNaN(A) && !isNaN(k) && A < k && S({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(k)) });
-  }, [s.fiatCurrency, s.fiatAmount, g, H]);
-  const { availableFiats: I, availableCryptos: oe, availablePaymentMethods: de } = V(() => {
-    var k, T, R;
-    if (!g)
+    ...w ? { country: w.toLowerCase(), countrySource: "manual" } : {}
+  }), W = s.flowType === "sell", {
+    config: b,
+    loading: ee,
+    error: ue
+  } = Sa(_, s.flowType, s.country || void 0), I = M(!1);
+  Ce.useEffect(() => {
+    var R, D;
+    if (I.current || !(b != null && b.detectedCountry) || s.country) return;
+    I.current = !0;
+    const h = b.detectedCountry.toLowerCase();
+    L({ type: "SET_COUNTRY_AUTO", country: h });
+    const v = (R = b.fiats) == null ? void 0 : R.map((U) => U.code), N = mt(h, v);
+    N !== s.fiatCurrency && !((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked) && !a.current && L({ type: "SET_FIAT_CURRENCY", currency: N });
+  }, [b, s.country, s.fiatCurrency, y]);
+  const ve = M(!1);
+  Ce.useEffect(() => {
+    var N, R;
+    if (ve.current || !w || !((N = b == null ? void 0 : b.fiats) != null && N.length)) return;
+    ve.current = !0;
+    const h = b.fiats.map((D) => D.code), v = mt(w, h);
+    v !== s.fiatCurrency && !((R = y == null ? void 0 : y.sourceCurrency) != null && R.locked) && !a.current && L({ type: "SET_FIAT_CURRENCY", currency: v });
+  }, [w, b, s.fiatCurrency, y]);
+  const Y = M(s.country);
+  Ce.useEffect(() => {
+    var N, R;
+    if (s.country === Y.current || (Y.current = s.country, s.countrySource === "manual" && (Ne.current = !1), s.countrySource !== "manual") || !((N = b == null ? void 0 : b.fiats) != null && N.length)) return;
+    const h = b.fiats.map((D) => D.code), v = mt(s.country, h);
+    v !== s.fiatCurrency && !((R = y == null ? void 0 : y.sourceCurrency) != null && R.locked) && L({ type: "SET_FIAT_CURRENCY", currency: v });
+  }, [s.country, s.countrySource, b, s.fiatCurrency, y]);
+  const ke = M(s.fiatCurrency);
+  Ce.useEffect(() => {
+    var R;
+    if (s.fiatCurrency === ke.current || (ke.current = s.fiatCurrency, W || !((R = b == null ? void 0 : b.fiats) != null && R.length) || !s.fiatAmount)) return;
+    const h = b.fiats.find((D) => D.code === s.fiatCurrency);
+    if (!(h != null && h.minAmount)) return;
+    const v = parseFloat(s.fiatAmount), N = parseFloat(h.minAmount);
+    !isNaN(v) && !isNaN(N) && v < N && L({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(N)) });
+  }, [s.fiatCurrency, s.fiatAmount, b, W]);
+  const { availableFiats: se, availableCryptos: Q, availablePaymentMethods: te } = j(() => {
+    var N, R, D;
+    if (!b)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
-    let y;
+    let h;
     if (s.cryptoCurrency && s.network) {
-      const F = (k = g.cryptos) == null ? void 0 : k.find((Ee) => Ee.code === s.cryptoCurrency), j = (T = F == null ? void 0 : F.networks) == null ? void 0 : T.find((Ee) => Ee.id === s.network);
-      !F || !j ? y = [] : y = j.providers;
+      const U = (N = b.cryptos) == null ? void 0 : N.find((fe) => fe.code === s.cryptoCurrency), J = (R = U == null ? void 0 : U.networks) == null ? void 0 : R.find((fe) => fe.id === s.network);
+      !U || !J ? h = [] : h = J.providers;
     }
-    let A;
+    let v;
     if (s.fiatCurrency) {
-      const F = (R = g.fiats) == null ? void 0 : R.find((j) => j.code === s.fiatCurrency);
-      F ? A = F.providers : A = [];
+      const U = (D = b.fiats) == null ? void 0 : D.find((J) => J.code === s.fiatCurrency);
+      U ? v = U.providers : v = [];
     }
     return {
-      availableFiats: Aa(g.fiats ?? [], y),
-      availableCryptos: Ra(g.cryptos ?? [], A),
+      availableFiats: Aa(b.fiats ?? [], h),
+      availableCryptos: Ra(b.cryptos ?? [], v),
       availablePaymentMethods: ka(
-        g.paymentMethods ?? [],
-        y,
+        b.paymentMethods ?? [],
+        h,
         s.fiatCurrency
       )
     };
-  }, [g, s.cryptoCurrency, s.network, s.fiatCurrency]), ue = V(() => {
-    var y, A, k;
-    return ce || !g ? !1 : La(
-      g,
+  }, [b, s.cryptoCurrency, s.network, s.fiatCurrency]), de = j(() => {
+    var h, v, N;
+    return ee || !b ? !1 : La(
+      b,
       { cryptoCurrency: s.cryptoCurrency, network: s.network, fiatCurrency: s.fiatCurrency },
       {
-        cryptoLocked: !!((y = C == null ? void 0 : C.destinationCurrency) != null && y.locked),
-        networkLocked: !!((A = C == null ? void 0 : C.network) != null && A.locked),
-        fiatLocked: !!((k = C == null ? void 0 : C.sourceCurrency) != null && k.locked)
+        cryptoLocked: !!((h = y == null ? void 0 : y.destinationCurrency) != null && h.locked),
+        networkLocked: !!((v = y == null ? void 0 : y.network) != null && v.locked),
+        fiatLocked: !!((N = y == null ? void 0 : y.sourceCurrency) != null && N.locked)
       },
-      { availableFiats: I, availableCryptos: oe, availablePaymentMethods: de }
+      { availableFiats: se, availableCryptos: Q, availablePaymentMethods: te }
     );
   }, [
-    ce,
-    g,
-    C,
+    ee,
+    b,
+    y,
     s.cryptoCurrency,
     s.network,
     s.fiatCurrency,
-    I,
-    oe,
-    de
+    se,
+    Q,
+    te
   ]);
-  be.useEffect(() => {
-    var A, k, T;
-    if (ce || I.length === 0 && oe.length === 0) return;
-    const y = Ta(
+  Ce.useEffect(() => {
+    var v, N, R;
+    if (ee || se.length === 0 && Q.length === 0) return;
+    const h = Ta(
       {
         cryptoCurrency: s.cryptoCurrency,
         network: s.network,
         fiatCurrency: s.fiatCurrency,
         paymentMethodId: s.paymentMethodId
       },
-      { availableFiats: I, availableCryptos: oe, availablePaymentMethods: de },
+      { availableFiats: se, availableCryptos: Q, availablePaymentMethods: te },
       {
-        cryptoLocked: !!((A = C == null ? void 0 : C.destinationCurrency) != null && A.locked),
-        networkLocked: !!((k = C == null ? void 0 : C.network) != null && k.locked),
-        fiatLocked: !!((T = C == null ? void 0 : C.sourceCurrency) != null && T.locked)
+        cryptoLocked: !!((v = y == null ? void 0 : y.destinationCurrency) != null && v.locked),
+        networkLocked: !!((N = y == null ? void 0 : y.network) != null && N.locked),
+        fiatLocked: !!((R = y == null ? void 0 : y.sourceCurrency) != null && R.locked)
       }
     );
-    y && (y.cryptoCurrency !== void 0 && S({ type: "SET_CRYPTO_CURRENCY", currency: y.cryptoCurrency }), y.network !== void 0 && S({ type: "SET_NETWORK", network: y.network }), y.fiatCurrency !== void 0 && S({ type: "SET_FIAT_CURRENCY", currency: y.fiatCurrency }), y.paymentMethodId !== void 0 && S({ type: "SET_PAYMENT_METHOD", methodId: y.paymentMethodId }));
+    h && (h.cryptoCurrency !== void 0 && L({ type: "SET_CRYPTO_CURRENCY", currency: h.cryptoCurrency }), h.network !== void 0 && L({ type: "SET_NETWORK", network: h.network }), h.fiatCurrency !== void 0 && L({ type: "SET_FIAT_CURRENCY", currency: h.fiatCurrency }), h.paymentMethodId !== void 0 && L({ type: "SET_PAYMENT_METHOD", methodId: h.paymentMethodId }));
   }, [
-    ce,
-    I,
-    oe,
-    de,
+    ee,
+    se,
+    Q,
+    te,
     s.cryptoCurrency,
     s.network,
     s.fiatCurrency,
     s.paymentMethodId,
-    C,
-    S
+    y,
+    L
   ]);
-  const z = V(() => {
-    if (H) {
+  const ye = j(() => {
+    if (W) {
       if (!s.cryptoAmount) return null;
-      const R = parseFloat(s.cryptoAmount);
-      return isNaN(R) || R <= 0 ? "Enter a valid amount" : null;
+      const D = parseFloat(s.cryptoAmount);
+      return isNaN(D) || D <= 0 ? "Enter a valid amount" : null;
     }
-    if (!g || !s.fiatAmount) return null;
-    const y = parseFloat(s.fiatAmount);
-    if (isNaN(y)) return null;
-    const A = g.fiats.find((R) => R.code === s.fiatCurrency);
-    if (!A) return null;
-    const k = parseFloat(A.minAmount), T = parseFloat(A.maxAmount);
-    return !isNaN(k) && y < k ? `Minimum amount is ${A.minAmount} ${s.fiatCurrency}` : !isNaN(T) && y > T ? `Maximum amount is ${A.maxAmount} ${s.fiatCurrency}` : null;
-  }, [g, s.fiatAmount, s.fiatCurrency, s.cryptoAmount, H]), J = V(() => {
-    const y = H ? !!s.cryptoAmount : !!s.fiatAmount;
-    return !g || !y || !s.fiatCurrency || !s.cryptoCurrency || !s.network || z || g.detectedCountry && s.countrySource === "" && !v ? null : {
+    if (!b || !s.fiatAmount) return null;
+    const h = parseFloat(s.fiatAmount);
+    if (isNaN(h)) return null;
+    const v = b.fiats.find((D) => D.code === s.fiatCurrency);
+    if (!v) return null;
+    const N = parseFloat(v.minAmount), R = parseFloat(v.maxAmount);
+    return !isNaN(N) && h < N ? `Minimum amount is ${v.minAmount} ${s.fiatCurrency}` : !isNaN(R) && h > R ? `Maximum amount is ${v.maxAmount} ${s.fiatCurrency}` : null;
+  }, [b, s.fiatAmount, s.fiatCurrency, s.cryptoAmount, W]), re = j(() => {
+    const h = W ? !!s.cryptoAmount : !!s.fiatAmount;
+    return !b || !h || !s.fiatCurrency || !s.cryptoCurrency || !s.network || ye || b.detectedCountry && s.countrySource === "" && !w ? null : {
       fiatCurrency: s.fiatCurrency,
-      ...H ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
+      ...W ? { 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, s.fiatCurrency, s.fiatAmount, s.cryptoAmount, s.cryptoCurrency, s.network, s.paymentMethodId, s.country, s.countrySource, z, H, s.flowType, v]), {
-    quotes: W,
-    loading: ne,
-    error: Te,
-    refetch: We
-  } = Na(Y, J), Oe = Ua(ne, W, J), me = M(!1);
-  be.useEffect(() => {
-    me.current || s.countrySource === "auto" && (ne || !J || Te || !W || W.bestQuote || s.fiatCurrency !== "USD" && (me.current = !0, S({ type: "SET_FIAT_CURRENCY", currency: "USD" }), S({ type: "SET_FIAT_AMOUNT", amount: "250" })));
-  }, [W, ne, Te, J, s.countrySource, s.fiatCurrency]);
+  }, [b, s.fiatCurrency, s.fiatAmount, s.cryptoAmount, s.cryptoCurrency, s.network, s.paymentMethodId, s.country, s.countrySource, ye, W, s.flowType, w]), {
+    quotes: $,
+    loading: be,
+    error: Oe,
+    refetch: Se
+  } = Na(_, re), H = Ua(be, $, re), Ne = M(!1);
+  Ce.useEffect(() => {
+    var h;
+    Ne.current || s.countrySource === "auto" && ((h = y == null ? void 0 : y.sourceCurrency) != null && h.locked || a.current || be || !re || Oe || !$ || $.bestQuote || s.fiatCurrency !== "USD" && (Ne.current = !0, L({ type: "SET_FIAT_CURRENCY", currency: "USD" }), L({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [$, be, Oe, re, s.countrySource, s.fiatCurrency]);
   const {
-    order: B,
-    loading: He,
-    error: Le,
-    createOrder: Pe
-  } = wa(Y), Xe = 15e3, {
-    status: ie,
-    loading: Ye
+    order: we,
+    loading: $e,
+    error: Te,
+    createOrder: Xe
+  } = wa(_), Ye = 15e3, {
+    status: P,
+    loading: Ze
   } = Ea(
-    { apiUrl: a },
-    (B == null ? void 0 : B.orderId) ?? null,
-    { pollInterval: L, initialDelay: Xe }
-  );
-  be.useEffect(() => {
-    (ie == null ? void 0 : ie.status) === "completed" && K && K(ie);
-  }, [ie == null ? void 0 : ie.status, K]), be.useEffect(() => {
-    const y = Ce || Le;
-    y && ee && ee(y);
-  }, [Ce, Le, ee]);
-  const fe = p || (g == null ? void 0 : g.defaultGateway) || null, Ze = V(() => {
-    if (!Oe || !(W != null && W.unavailableGateways)) return null;
-    const y = W.preferredGatewayId || fe;
-    return Fa(W.unavailableGateways, y);
-  }, [Oe, W, fe]), Qe = M(fe);
-  Qe.current = fe;
-  const xe = M(W);
-  xe.current = W;
-  const we = M(d);
-  we.current = d;
-  const it = O(async () => {
-    var A, k, T;
-    const y = ((A = s.selectedQuote) == null ? void 0 : A.gatewayId) || ((T = (k = xe.current) == null ? void 0 : k.bestQuote) == null ? void 0 : T.gatewayId) || Qe.current;
-    if (!y || !s.walletAddress) {
-      const R = [!y && "gateway", !s.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      S({ type: "SET_ERROR", message: `Missing required fields: ${R}` });
+    { apiUrl: r },
+    (we == null ? void 0 : we.orderId) ?? null,
+    { pollInterval: le, initialDelay: Ye }
+  ), Qe = M(null);
+  Ce.useEffect(() => {
+    !(P != null && P.status) || !G || Ia.includes(P.status) && Qe.current !== P.orderId && (Qe.current = P.orderId, G(P));
+  }, [P == null ? void 0 : P.status, P == null ? void 0 : P.orderId, G]), Ce.useEffect(() => {
+    const h = ue || Te;
+    h && z && z(h);
+  }, [ue, Te, z]);
+  const oe = k || (b == null ? void 0 : b.defaultGateway) || null, He = j(() => {
+    if (!H || !($ != null && $.unavailableGateways)) return null;
+    const h = $.preferredGatewayId || oe;
+    return Fa($.unavailableGateways, h);
+  }, [H, $, oe]), ze = M(oe);
+  ze.current = oe;
+  const Je = M($);
+  Je.current = $;
+  const Le = M(l);
+  Le.current = l;
+  const me = B(async () => {
+    var v, N, R;
+    const h = ((v = s.selectedQuote) == null ? void 0 : v.gatewayId) || ((R = (N = Je.current) == null ? void 0 : N.bestQuote) == null ? void 0 : R.gatewayId) || ze.current;
+    if (!h || !s.walletAddress) {
+      const D = [!h && "gateway", !s.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      L({ type: "SET_ERROR", message: `Missing required fields: ${D}` });
       return;
     }
     try {
-      await Pe({
-        gateway: y,
+      await Xe({
+        gateway: h,
         customerId: s.customerId || void 0,
         fiatCurrency: s.fiatCurrency,
-        ...H ? { cryptoAmount: s.cryptoAmount } : { fiatAmount: s.fiatAmount },
+        ...W ? { 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,
-        ...we.current ? { metadata: { brand: we.current } } : {},
-        ...E && Object.keys(E).length > 0 ? { partnerMetadata: E } : {}
-      }), S({ type: "SET_STEP", step: "checkout" });
-    } catch (R) {
-      const F = R instanceof Error ? R.message : "Failed to create order";
-      /wallet|address/i.test(F) ? S({ type: "SET_WALLET_ERROR", message: F.replace(/^Failed to create checkout intent:\s*/i, "") }) : S({ type: "SET_ERROR", message: F });
+        ...Le.current ? { metadata: { brand: Le.current } } : {},
+        ...O && Object.keys(O).length > 0 ? { partnerMetadata: O } : {}
+      }), L({ type: "SET_STEP", step: "checkout" });
+    } catch (D) {
+      const U = D instanceof Error ? D.message : "Failed to create order";
+      /wallet|address/i.test(U) ? L({ type: "SET_WALLET_ERROR", message: U.replace(/^Failed to create checkout intent:\s*/i, "") }) : L({ type: "SET_ERROR", message: U });
     }
-  }, [s, Pe, H, E]), lt = O((y) => {
-    S({ type: "SET_STEP", step: y });
-  }, []), ze = O(() => {
-    const y = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = y.indexOf(s.step);
-    A > 0 && S({ type: "SET_STEP", step: y[A - 1] });
-  }, [s.step, H]), he = V(() => {
-    const y = H ? !!s.cryptoAmount : !!s.fiatAmount;
+  }, [s, Xe, W, O]), Ue = B((h) => {
+    L({ type: "SET_STEP", step: h });
+  }, []), lt = B(() => {
+    const h = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], v = h.indexOf(s.step);
+    v > 0 && L({ type: "SET_STEP", step: h[v - 1] });
+  }, [s.step, W]), Pe = j(() => {
+    const h = W ? !!s.cryptoAmount : !!s.fiatAmount;
     switch (s.step) {
       case "confirm":
-        return !!(y && s.cryptoCurrency && s.network && s.walletAddress && !z);
+        return !!(h && s.cryptoCurrency && s.network && s.walletAddress && !ye);
       case "amount":
-        return !!(y && s.cryptoCurrency && s.network && !z);
+        return !!(h && s.cryptoCurrency && s.network && !ye);
       case "quotes":
         return !!s.selectedQuote;
       case "wallet":
@@ -771,40 +772,40 @@ function Ia({
       default:
         return !1;
     }
-  }, [s, z, H]), Ue = {
-    apiConfig: Y,
-    assetBaseUrl: n,
-    config: g,
-    configLoading: ce,
-    configError: Ce,
+  }, [s, ye, W]), Ke = {
+    apiConfig: _,
+    assetBaseUrl: o,
+    config: b,
+    configLoading: ee,
+    configError: ue,
     state: s,
-    dispatch: S,
-    quotes: W,
-    quotesLoading: ne,
-    quotesError: Te,
-    fetchQuotes: We,
-    order: B,
-    orderLoading: He,
-    orderError: Le,
-    createOrder: it,
-    orderStatus: ie,
-    orderStatusLoading: Ye,
-    fieldLocks: C || null,
-    defaultGateway: fe,
-    availableFiats: I,
-    availableCryptos: oe,
-    availablePaymentMethods: de,
-    selectionUnsupported: ue,
-    quotesEmpty: Oe,
-    bestUnavailableReason: Ze,
-    amountError: z,
-    goToStep: lt,
-    goBack: ze,
-    canProceed: he
+    dispatch: L,
+    quotes: $,
+    quotesLoading: be,
+    quotesError: Oe,
+    fetchQuotes: Se,
+    order: we,
+    orderLoading: $e,
+    orderError: Te,
+    createOrder: me,
+    orderStatus: P,
+    orderStatusLoading: Ze,
+    fieldLocks: y || null,
+    defaultGateway: oe,
+    availableFiats: se,
+    availableCryptos: Q,
+    availablePaymentMethods: te,
+    selectionUnsupported: de,
+    quotesEmpty: H,
+    bestUnavailableReason: He,
+    amountError: ye,
+    goToStep: Ue,
+    goBack: lt,
+    canProceed: Pe
   };
-  return /* @__PURE__ */ e(zt.Provider, { value: Ue, children: Z });
+  return /* @__PURE__ */ e(zt.Provider, { value: Ke, children: ce });
 }
-function Ie() {
+function Me() {
   const t = va(zt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
@@ -1165,9 +1166,9 @@ const Ve = {
   { 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 }
-], Ba = Object.fromEntries(
+], Oa = Object.fromEntries(
   Jt.map((t) => [t.code, t.name])
-), Oa = {
+), Ha = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -1205,15 +1206,15 @@ const Ve = {
 function qt(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function Ha(t, a = "") {
-  const n = Oa[t] || "us";
+function Pa(t, a = "") {
+  const n = Ha[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
-function nt(t) {
+function rt(t) {
   return Ve[t] || Ve[t.toLowerCase()] || Ve[t.toUpperCase()] || Ve[t.toUpperCase().replace(/-/g, "_")] || Ve[t.toLowerCase().replace(/-/g, "_")];
 }
 function ft(t, a = "") {
-  const n = nt(t);
+  const n = rt(t);
   return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 const _t = [
@@ -1245,7 +1246,7 @@ const _t = [
   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 }
-}, Pa = /* @__PURE__ */ new Set([
+}, Ka = /* @__PURE__ */ new Set([
   "USDC",
   "USDT",
   "DAI",
@@ -1273,16 +1274,16 @@ const _t = [
   "ZCHF"
 ]);
 function ea(t) {
-  return Pa.has(t.toUpperCase());
+  return Ka.has(t.toUpperCase());
 }
-function Ln(t, a) {
+function Un(t, a) {
   var n, r;
   return ((n = jt[t]) == null ? void 0 : n[a]) ?? ((r = jt.USDC) == null ? void 0 : r[a]) ?? 1;
 }
-function Ka(t) {
+function _a(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
-function ht(t) {
+function pt(t) {
   if (t === 0) return "0";
   if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
   if (t >= 1) return t.toFixed(2);
@@ -1290,7 +1291,7 @@ function ht(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const ye = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Gt = 10, $t = 1e-4, _a = (() => {
+const he = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Gt = 10, Wt = 1e-4, Va = (() => {
   const t = [];
   for (const a of Jt)
     for (const n of a.chains)
@@ -1304,23 +1305,23 @@ function ta({
   className: r = "",
   background: o
 }) {
-  const [d, u] = w(!1), [i, c] = w(!1), m = M(t);
+  const [d, u] = A(!1), [l, c] = A(!1), m = M(t);
   m.current !== t && (m.current = t, u(!1), c(!1));
-  const h = O(() => u(!0), []), f = O(() => c(!0), []);
-  return /* @__PURE__ */ l(
+  const p = B(() => u(!0), []), f = B(() => c(!0), []);
+  return /* @__PURE__ */ i(
     "div",
     {
       className: `relative rounded-full shrink-0 ${r}`,
       style: { width: n, height: n, background: o },
       children: [
-        !d && !i && /* @__PURE__ */ e(
+        !d && !l && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full animate-pulse",
             style: { background: "var(--t-pill-bg, #333)" }
           }
         ),
-        i ? /* @__PURE__ */ e(
+        l ? /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
@@ -1338,7 +1339,7 @@ function ta({
             alt: a,
             width: n,
             height: n,
-            onLoad: h,
+            onLoad: p,
             onError: f,
             className: `rounded-full ${d ? "opacity-100" : "opacity-0"}`,
             style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
@@ -1348,7 +1349,7 @@ function ta({
     }
   );
 }
-function Wt({ ticker: t, size: a = 32, baseUrl: n = "" }) {
+function $t({ ticker: t, size: a = 32, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
     ta,
     {
@@ -1359,29 +1360,29 @@ function Wt({ ticker: t, size: a = 32, baseUrl: n = "" }) {
     }
   );
 }
-function pt({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
+function ht({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
     ta,
     {
-      src: Ha(t, n),
+      src: Pa(t, n),
       alt: t,
       size: a
     }
   );
 }
 function gt({ size: t = 32, color: a = "#888" }) {
-  return /* @__PURE__ */ l("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
+  return /* @__PURE__ */ i("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: a }),
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function Va({ size: t = 24 }) {
+function ja({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "rounded-full flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "var(--t-card-icon-bg)" },
-      children: /* @__PURE__ */ l("svg", { width: t * 0.6, height: t * 0.58, viewBox: "0 0 25 24", fill: "none", children: [
+      children: /* @__PURE__ */ i("svg", { width: t * 0.6, height: t * 0.58, viewBox: "0 0 25 24", fill: "none", children: [
         /* @__PURE__ */ e("path", { d: "M23.292 7.5H1.70801L12.5 0.592773L23.292 7.5Z", stroke: "var(--t-card-icon-stroke)", strokeWidth: "1" }),
         /* @__PURE__ */ e("rect", { x: "3", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
         /* @__PURE__ */ e("rect", { x: "9", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
@@ -1392,7 +1393,7 @@ function Va({ size: t = 24 }) {
     }
   );
 }
-function ja({ size: t = 32 }) {
+function Ga({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1402,7 +1403,7 @@ function ja({ size: t = 32 }) {
     }
   );
 }
-function Ga({ size: t = 32 }) {
+function Wa({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1424,7 +1425,7 @@ function $a({ size: t = 32 }) {
     {
       className: "flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "#3C4043", borderRadius: t * 0.2 },
-      children: /* @__PURE__ */ l("svg", { width: t * 0.72, height: t * 0.296, viewBox: "0 0 51 21", fill: "none", children: [
+      children: /* @__PURE__ */ i("svg", { width: t * 0.72, height: t * 0.296, viewBox: "0 0 51 21", fill: "none", children: [
         /* @__PURE__ */ e("path", { d: "M50.9156 5.87122L44.6406 20.2837H42.6992L45.0289 15.2416L40.9009 5.87122H42.9451L45.929 13.0573H45.9689L48.8714 5.87122H50.9156Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M39.3906 6.65832C38.5866 5.91563 37.4895 5.54547 36.0995 5.54547C34.314 5.54547 32.9657 6.19816 32.0513 7.50532L33.7084 8.54664C34.3211 7.66089 35.1512 7.21951 36.2011 7.21951C36.8967 7.21951 37.5008 7.44661 38.0194 7.9023C38.538 8.35948 38.7964 8.91352 38.7964 9.5665V9.99507C38.0751 9.58796 37.1536 9.38381 36.0366 9.38381C34.7297 9.38381 33.6839 9.68959 32.8998 10.3023C32.1172 10.9151 31.7256 11.738 31.7256 12.7706C31.7256 13.8033 32.0969 14.5675 32.8396 15.2216C33.5808 15.8758 34.5065 16.2016 35.6092 16.2016C36.9033 16.2016 37.9389 15.6302 38.7147 14.4876H38.7976V15.8761H40.5944V9.70955C40.5944 8.4167 40.1944 7.39982 39.3903 6.65862L39.3906 6.65832ZM37.8665 13.6501C37.2451 14.2343 36.5424 14.5272 35.7511 14.5272C35.1926 14.5272 34.7068 14.3645 34.2913 14.0387C33.8741 13.7103 33.6673 13.3032 33.6673 12.8132C33.6673 12.2675 33.923 11.8134 34.4344 11.4462C34.9443 11.079 35.5815 10.8948 36.3442 10.8948C37.3926 10.8948 38.211 11.1249 38.7967 11.5889C38.7967 12.3775 38.4867 13.0645 37.8668 13.6501H37.8665Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M30.4166 2.52282C29.5296 1.67999 28.4552 1.25739 27.1883 1.25739H22.2017V15.8758H24.0813V9.95362H27.188C28.4678 9.95362 29.5448 9.53936 30.4163 8.70815C31.3175 7.87962 31.7661 6.84397 31.7661 5.60565C31.7661 4.36733 31.3175 3.36744 30.4163 2.52312L30.4166 2.52282ZM29.0895 7.40248C28.598 7.90525 27.9781 8.15798 27.2297 8.15798H24.0816V3.05272H27.2297C27.9781 3.05272 28.5983 3.31141 29.0895 3.82849C29.5937 4.33276 29.845 4.92554 29.845 5.60535C29.845 6.28516 29.5934 6.8994 29.0895 7.40218V7.40248Z", fill: "white" }),
@@ -1433,7 +1434,7 @@ function $a({ size: t = 32 }) {
     }
   );
 }
-function Wa({ size: t = 32 }) {
+function Xa({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1443,13 +1444,13 @@ function Wa({ size: t = 32 }) {
     }
   );
 }
-function Xa({ size: t = 32 }) {
+function Ya({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "#1A1F71", borderRadius: t * 0.2 },
-      children: /* @__PURE__ */ l("svg", { width: t * 0.72, height: t * 0.234, viewBox: "0 0 43 14", fill: "none", children: [
+      children: /* @__PURE__ */ i("svg", { width: t * 0.72, height: t * 0.234, viewBox: "0 0 43 14", fill: "none", children: [
         /* @__PURE__ */ e("path", { d: "M18.3629 13.5165H14.9302L17.0772 0.240662H20.5097L18.3629 13.5165Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M30.806 0.565203C30.1289 0.296586 29.055 0 27.7271 0C24.3372 0 21.95 1.80767 21.9354 4.3921C21.9072 6.29889 23.6445 7.35796 24.9439 7.99375C26.2719 8.64342 26.7234 9.06747 26.7234 9.64656C26.7099 10.5359 25.6502 10.9459 24.6619 10.9459C23.2914 10.9459 22.5571 10.7345 21.4412 10.2397L20.9891 10.0276L20.5088 13.0077C21.3139 13.3745 22.7972 13.7 24.3372 13.7143C27.939 13.7143 30.2839 11.9346 30.3117 9.18047C30.3254 7.66919 29.4081 6.51119 27.4303 5.56493C26.2297 4.95749 25.4944 4.54791 25.4944 3.92639C25.5085 3.36137 26.1163 2.78265 27.4716 2.78265C28.5876 2.75431 29.4075 3.02255 30.0286 3.29098L30.3391 3.43195L30.806 0.565203Z", fill: "white" }),
         /* @__PURE__ */ e("path", { d: "M35.3681 8.81332C35.6508 8.05064 36.7386 5.09886 36.7386 5.09886C36.7243 5.1272 37.0207 4.3221 37.1902 3.82785L37.4301 4.97178C37.4301 4.97178 38.0802 8.14956 38.2213 8.81332C37.6848 8.81332 36.0461 8.81332 35.3681 8.81332ZM39.6053 0.240662H36.9501C36.1313 0.240662 35.5092 0.480559 35.156 1.34216L30.0571 13.5163H33.659C33.659 13.5163 34.2519 11.8777 34.3794 11.5248C34.7745 11.5248 38.2784 11.5248 38.7867 11.5248C38.8853 11.9909 39.1963 13.5163 39.1963 13.5163H42.3747L39.6053 0.240662Z", fill: "white" }),
@@ -1459,14 +1460,14 @@ function Xa({ size: t = 32 }) {
     }
   );
 }
-function Ya({ size: t = 32 }) {
+function Za({ size: t = 32 }) {
   const a = t * 0.8;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-center shrink-0",
       style: { width: t, height: t },
-      children: /* @__PURE__ */ l("svg", { width: a, height: a * 0.625, viewBox: "0 0 48 30", fill: "none", children: [
+      children: /* @__PURE__ */ i("svg", { width: a, height: a * 0.625, viewBox: "0 0 48 30", fill: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "18", cy: "15", r: "14", fill: "#EB001B" }),
         /* @__PURE__ */ e("circle", { cx: "30", cy: "15", r: "14", fill: "#F79E1B" }),
         /* @__PURE__ */ e("path", { d: "M24 2.35A14 14 0 0 1 24 27.65A14 14 0 0 1 24 2.35Z", fill: "#FF5F00" })
@@ -1474,9 +1475,9 @@ function Ya({ size: t = 32 }) {
     }
   );
 }
-function Za({ size: t = 32 }) {
+function Qa({ size: t = 32 }) {
   const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), o = a * 0.2;
-  return /* @__PURE__ */ l("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
+  return /* @__PURE__ */ i("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -1491,7 +1492,7 @@ function Za({ size: t = 32 }) {
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ l("svg", { width: a * 0.7, height: n * 0.35, viewBox: "0 0 43 14", fill: "none", children: [
+        children: /* @__PURE__ */ i("svg", { width: a * 0.7, height: n * 0.35, viewBox: "0 0 43 14", fill: "none", children: [
           /* @__PURE__ */ e("path", { d: "M18.3629 13.5165H14.9302L17.0772 0.240662H20.5097L18.3629 13.5165Z", fill: "white" }),
           /* @__PURE__ */ e("path", { d: "M12.0629 0.240662L8.70119 9.29349L8.33383 7.45747C7.71232 5.33894 5.76311 3.03721 3.58789 1.89272L6.66713 13.5024H10.2971L15.6927 0.240662H12.0629Z", fill: "white" }),
           /* @__PURE__ */ e("path", { d: "M5.57939 0.240662H0.0565013L0 0.508903C4.3082 1.61059 7.16143 4.26616 8.3337 7.45803L7.13309 1.35661C6.93542 0.508715 6.32798 0.268631 5.57939 0.240662Z", fill: "white" }),
@@ -1516,7 +1517,7 @@ function Za({ size: t = 32 }) {
           justifyContent: "center",
           overflow: "hidden"
         },
-        children: /* @__PURE__ */ l("svg", { width: n * 0.85, height: n * 0.6, viewBox: "0 0 48 30", fill: "none", children: [
+        children: /* @__PURE__ */ i("svg", { width: n * 0.85, height: n * 0.6, viewBox: "0 0 48 30", fill: "none", children: [
           /* @__PURE__ */ e("circle", { cx: "18", cy: "15", r: "14", fill: "#EB001B" }),
           /* @__PURE__ */ e("circle", { cx: "30", cy: "15", r: "14", fill: "#F79E1B" }),
           /* @__PURE__ */ e("path", { d: "M24 2.35A14 14 0 0 1 24 27.65A14 14 0 0 1 24 2.35Z", fill: "#FF5F00" })
@@ -1525,7 +1526,7 @@ function Za({ size: t = 32 }) {
     )
   ] });
 }
-function Un({ size: t = 18 }) {
+function Fn({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1541,7 +1542,7 @@ function Ge() {
 function Xt() {
   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 Qa({ onClick: t }) {
+function za({ 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",
     {
@@ -1550,42 +1551,42 @@ function Qa({ onClick: t }) {
     }
   ) }) });
 }
-function za({ size: t = 40 }) {
+function Ja({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "rounded-full flex items-center justify-center shrink-0",
       style: { width: t, height: t, background: "var(--t-surface)" },
-      children: /* @__PURE__ */ l("svg", { width: t * 0.5, height: t * 0.5, viewBox: "0 0 20 20", fill: "none", children: [
+      children: /* @__PURE__ */ i("svg", { width: t * 0.5, height: t * 0.5, viewBox: "0 0 20 20", fill: "none", children: [
         /* @__PURE__ */ e("circle", { cx: "10", cy: "10", r: "7.5", stroke: "var(--t-text)", strokeWidth: "1.5" }),
         /* @__PURE__ */ e("path", { d: "M10 2.5A7.5 7.5 0 0 1 10 17.5", fill: "var(--t-text)" })
       ] })
     }
   );
 }
-function Ja(t, a = 32) {
+function qa(t, a = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(ja, { size: a });
-    case "applepay":
       return /* @__PURE__ */ e(Ga, { size: a });
+    case "applepay":
+      return /* @__PURE__ */ e(Wa, { size: a });
     case "card":
-      return /* @__PURE__ */ e(Za, { size: a });
+      return /* @__PURE__ */ e(Qa, { size: a });
     case "googlepay":
       return /* @__PURE__ */ e($a, { size: a });
     case "paypal":
-      return /* @__PURE__ */ e(Wa, { size: a });
+      return /* @__PURE__ */ e(Xa, { size: a });
     case "bank":
-      return /* @__PURE__ */ e(Va, { size: a });
+      return /* @__PURE__ */ e(ja, { size: a });
     case "visa":
-      return /* @__PURE__ */ e(Xa, { size: a });
-    case "mastercard":
       return /* @__PURE__ */ e(Ya, { size: a });
+    case "mastercard":
+      return /* @__PURE__ */ e(Za, { size: a });
     default:
       return /* @__PURE__ */ e(gt, { size: a });
   }
 }
-const qa = {
+const en = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "ach-bank-transfer": "bank",
@@ -1596,7 +1597,7 @@ const qa = {
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, en = {
+}, tn = {
   "debit-credit-card": "Card",
   "bank-transfer": "Bank Transfer",
   "ach-bank-transfer": "ACH",
@@ -1607,19 +1608,19 @@ const qa = {
   revolut: "Revolut"
 };
 function aa(t, a) {
-  return en[t] || a;
+  return tn[t] || a;
 }
 function na(t, a, n = 24) {
-  const r = qa[t];
-  return r ? Ja(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(gt, { size: n });
+  const r = en[t];
+  return r ? qa(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(gt, { size: n });
 }
-function tn({
+function an({
   methods: t,
   selectedId: a,
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const o = V(
+  const o = j(
     () => t.filter((u) => u.supportedFiats.includes(r)),
     [t, r]
   ), d = o.find((u) => u.id === a) || o[0];
@@ -1632,12 +1633,12 @@ function tn({
         borderBottomLeftRadius: 5,
         borderBottomRightRadius: 5
       },
-      children: /* @__PURE__ */ l("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: [
+      children: /* @__PURE__ */ i("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: [
         "No payment methods available for ",
         r
       ] })
     }
-  ) : /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ i(
     "div",
     {
       role: "button",
@@ -1656,7 +1657,7 @@ function tn({
       },
       children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Payment method" }),
-        /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: d && na(d.id, d.icon, 20) }),
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d ? aa(d.id, d.name) : "Select" }),
           /* @__PURE__ */ e(Ge, {})
@@ -1665,29 +1666,29 @@ function tn({
     }
   ) });
 }
-function an({
+function nn({
   className: t = "",
   autoRedirect: a = !1,
   redirectDelay: n = 3e3
 }) {
-  var p;
-  const { order: r, orderStatus: o, goToStep: d, goBack: u } = Ie(), [i, c] = w(!1), [m, h] = w(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (X(() => {
+  var C;
+  const { order: r, orderStatus: o, goToStep: d, goBack: u } = Me(), [l, c] = A(!1), [m, p] = A(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (Z(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
-      h(Math.ceil(n / 1e3));
-      const v = setTimeout(() => {
+      p(Math.ceil(n / 1e3));
+      const S = setTimeout(() => {
         window.location.href = r.checkout.url;
-      }, n), C = setInterval(() => {
-        h((E) => E && E > 1 ? E - 1 : null);
+      }, n), k = setInterval(() => {
+        p((w) => w && w > 1 ? w - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(v), clearInterval(C);
+        clearTimeout(S), clearInterval(k);
       };
     }
-  }, [r, a, n, f]), X(() => {
+  }, [r, a, n, f]), Z(() => {
     o && (o.status === "completed" ? d("complete") : ["failed", "cancelled", "expired"].includes(o.status) && d("error"));
   }, [o == null ? void 0 : o.status, d]), !r)
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 ${t}`,
@@ -1714,7 +1715,7 @@ function an({
       }
     );
   if (f)
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 text-center ${t}`,
@@ -1740,9 +1741,9 @@ function an({
       }
     );
   if (r.checkout.method === "iframe") {
-    const v = r.checkout.url, C = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const S = r.checkout.url, k = ((C = r.checkout.allowedFeatures) == null ? void 0 : C.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return Pt(
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "div",
         {
           style: {
@@ -1766,7 +1767,7 @@ function an({
                   background: "#111",
                   flexShrink: 0
                 },
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ i(
                   "button",
                   {
                     onClick: u,
@@ -1791,8 +1792,8 @@ function an({
                 )
               }
             ),
-            /* @__PURE__ */ l("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !i && /* @__PURE__ */ l(
+            /* @__PURE__ */ i("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
+              !l && /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
@@ -1812,14 +1813,14 @@ function an({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: v,
+                  src: S,
                   style: {
-                    display: i ? "block" : "none",
+                    display: l ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
-                  allow: C,
+                  allow: k,
                   onLoad: () => c(!0),
                   title: "Provider Checkout"
                 }
@@ -1832,7 +1833,7 @@ function an({
     );
   }
   if (r.checkout.method === "redirect")
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 text-center ${t}`,
@@ -1840,17 +1841,17 @@ function an({
         children: [
           /* @__PURE__ */ e("div", { className: "text-[48px] mb-4", children: "🔗" }),
           /* @__PURE__ */ e("h3", { className: "text-[18px] font-semibold mb-2", children: "Complete Payment" }),
-          /* @__PURE__ */ l("p", { className: "text-[14px] mb-4", style: { color: "var(--t-text-secondary)" }, children: [
+          /* @__PURE__ */ i("p", { className: "text-[14px] mb-4", style: { color: "var(--t-text-secondary)" }, children: [
             "You'll be redirected to ",
             r.gateway,
             " to complete your payment."
           ] }),
-          m !== null && /* @__PURE__ */ l("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
+          m !== null && /* @__PURE__ */ i("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
             "Redirecting in ",
             m,
             "..."
           ] }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i(
             "a",
             {
               href: r.checkout.url,
@@ -1888,9 +1889,9 @@ function an({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const v = nn(r.checkout.url, r.widgetConfig);
+    const S = rn(r.checkout.url, r.widgetConfig);
     return Pt(
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         "div",
         {
           style: {
@@ -1914,7 +1915,7 @@ function an({
                   background: "#111",
                   flexShrink: 0
                 },
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ i(
                   "button",
                   {
                     onClick: u,
@@ -1939,8 +1940,8 @@ function an({
                 )
               }
             ),
-            /* @__PURE__ */ l("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !i && /* @__PURE__ */ l(
+            /* @__PURE__ */ i("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
+              !l && /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
@@ -1960,9 +1961,9 @@ function an({
               /* @__PURE__ */ e(
                 "iframe",
                 {
-                  src: v,
+                  src: S,
                   style: {
-                    display: i ? "block" : "none",
+                    display: l ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
@@ -1979,7 +1980,7 @@ function an({
       document.body
     );
   }
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       className: `flex flex-col items-center justify-center p-8 ${t}`,
@@ -2006,15 +2007,15 @@ function an({
     }
   );
 }
-function nn(t, a) {
+function rn(t, a) {
   const n = new URL("/en/partner/widget", t);
   for (const [r, o] of Object.entries(a))
     o != null && o !== "" && n.searchParams.set(r, String(o));
   return n.toString();
 }
-function rn({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Ie();
-  X(() => {
+function on({ className: t = "" }) {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Me();
+  Z(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
   const o = () => {
@@ -2028,30 +2029,30 @@ function rn({ className: t = "" }) {
         return "Processing...";
     }
   };
-  return /* @__PURE__ */ l("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
+  return /* @__PURE__ */ i("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "nramp-spinner-large nramp-spinner" }) }),
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: o() }),
     n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
-    a && /* @__PURE__ */ l("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      /* @__PURE__ */ e(Me, { label: "Order ID", value: a.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Me, { label: "Provider", value: a.gateway }),
+    a && /* @__PURE__ */ i("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+      /* @__PURE__ */ e(Ie, { label: "Order ID", value: a.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Ie, { label: "Provider", value: a.gateway }),
       /* @__PURE__ */ e(
-        Me,
+        Ie,
         {
           label: "Amount",
           value: `${a.fiatAmount} ${a.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Me,
+        Ie,
         {
           label: "Receiving",
           value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Me, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(Ie, { label: "Network", value: a.network }),
       /* @__PURE__ */ e(
-        Me,
+        Ie,
         {
           label: "To Address",
           value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
@@ -2059,14 +2060,14 @@ function rn({ className: t = "" }) {
         }
       )
     ] }),
-    /* @__PURE__ */ l("div", { className: "mt-6", children: [
+    /* @__PURE__ */ i("div", { className: "mt-6", children: [
       /* @__PURE__ */ e("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "This usually takes a few minutes." }),
       /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: "You can safely close this page - we'll send you an email when complete." })
     ] })
   ] });
 }
-function Me({ label: t, value: a, mono: n }) {
-  return /* @__PURE__ */ l(
+function Ie({ label: t, value: a, mono: n }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "flex justify-between items-center py-2",
@@ -2085,13 +2086,13 @@ function Me({ label: t, value: a, mono: n }) {
     }
   );
 }
-function on({
+function ln({
   className: t = "",
   explorerUrl: a,
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: o, state: d, dispatch: u } = Ie(), i = d.flowType === "sell", c = () => {
+  const { orderStatus: o, state: d, dispatch: u } = Me(), l = d.flowType === "sell", c = () => {
     if (!(o != null && o.transactionHash)) return null;
     if (!a) {
       const f = {
@@ -2110,8 +2111,8 @@ function on({
     return a.replace("{txHash}", o.transactionHash);
   }, m = () => {
     n ? n() : u({ type: "RESET" });
-  }, h = c();
-  return /* @__PURE__ */ l("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
+  }, p = c();
+  return /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -2120,27 +2121,27 @@ function on({
         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: i ? "Sale Complete!" : "Purchase Complete!" }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: i ? `Your ${(o == null ? void 0 : o.fiatCurrency) || d.fiatCurrency} payout is being processed.` : `Your ${(o == null ? void 0 : o.cryptoCurrency) || d.cryptoCurrency} has been sent to your wallet.` }),
-    o && /* @__PURE__ */ l("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: l ? "Sale Complete!" : "Purchase Complete!" }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: l ? `Your ${(o == null ? void 0 : o.fiatCurrency) || d.fiatCurrency} payout is being processed.` : `Your ${(o == null ? void 0 : o.cryptoCurrency) || d.cryptoCurrency} has been sent to your wallet.` }),
+    o && /* @__PURE__ */ i("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        Se,
+        ge,
         {
-          label: i ? "Amount Sold" : "Amount Received",
+          label: l ? "Amount Sold" : "Amount Received",
           value: `${o.cryptoAmount} ${o.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        Se,
+        ge,
         {
-          label: i ? "Payout Amount" : "Amount Paid",
+          label: l ? "Payout Amount" : "Amount Paid",
           value: `${o.fiatAmount} ${o.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Se, { label: "Network", value: o.network }),
+      /* @__PURE__ */ e(ge, { label: "Network", value: o.network }),
       /* @__PURE__ */ e(
-        Se,
+        ge,
         {
           label: "Wallet",
           value: `${o.walletAddress.slice(0, 10)}...${o.walletAddress.slice(-8)}`,
@@ -2148,28 +2149,28 @@ function on({
         }
       ),
       o.transactionHash && /* @__PURE__ */ e(
-        Se,
+        ge,
         {
           label: "Transaction",
           value: `${o.transactionHash.slice(0, 10)}...${o.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(Se, { label: "Provider", value: o.gateway }),
-      /* @__PURE__ */ e(Se, { label: "Order ID", value: o.orderId, mono: !0 }),
+      /* @__PURE__ */ e(ge, { label: "Provider", value: o.gateway }),
+      /* @__PURE__ */ e(ge, { label: "Order ID", value: o.orderId, mono: !0 }),
       o.completedAt && /* @__PURE__ */ e(
-        Se,
+        ge,
         {
           label: "Completed",
           value: new Date(o.completedAt).toLocaleString()
         }
       )
     ] }),
-    /* @__PURE__ */ l("div", { className: "w-full flex flex-col gap-2", children: [
-      h && /* @__PURE__ */ e(
+    /* @__PURE__ */ i("div", { className: "w-full flex flex-col gap-2", children: [
+      p && /* @__PURE__ */ e(
         "a",
         {
-          href: h,
+          href: p,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
@@ -2189,8 +2190,8 @@ function on({
     ] })
   ] });
 }
-function Se({ label: t, value: a, mono: n, highlight: r }) {
-  return /* @__PURE__ */ l(
+function ge({ label: t, value: a, mono: n, highlight: r }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "flex justify-between items-center py-2",
@@ -2209,14 +2210,16 @@ function Se({ label: t, value: a, mono: n, highlight: r }) {
     }
   );
 }
-function ln({
+function cn({
   className: t = "",
   onRetry: a,
-  supportEmail: n = "support@nowramp.com"
+  onDone: n,
+  doneButtonText: r,
+  supportEmail: o = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: o, dispatch: d, goToStep: u } = Ie(), i = r.flowType === "sell", c = () => {
-    if (o)
-      switch (o.status) {
+  const { state: d, orderStatus: u, dispatch: l, goToStep: c } = Me(), m = d.flowType === "sell", p = () => {
+    if (u)
+      switch (u.status) {
         case "failed":
           return "Payment Failed";
         case "cancelled":
@@ -2229,28 +2232,28 @@ function ln({
           return "Something Went Wrong";
       }
     return "Something Went Wrong";
-  }, m = () => {
-    if (r.errorMessage) return r.errorMessage;
-    if (o)
-      switch (o.status) {
+  }, f = () => {
+    if (d.errorMessage) return d.errorMessage;
+    if (u)
+      switch (u.status) {
         case "failed":
-          return i ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
+          return m ? "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 i ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
+          return m ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
         case "expired":
-          return i ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
+          return m ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
         case "refunded":
-          return i ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
+          return m ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
         default:
           return "An unexpected error occurred. Please try again.";
       }
     return "An unexpected error occurred. Please try again.";
-  }, h = () => {
-    d({ type: "CLEAR_ERROR" }), a ? a() : (d({ type: "RESET" }), u("amount"));
-  }, f = () => {
-    d({ type: "RESET" }), u("amount");
+  }, C = () => {
+    l({ type: "CLEAR_ERROR" }), a ? a() : (l({ type: "RESET" }), c("amount"));
+  }, S = () => {
+    l({ type: "RESET" }), c("amount");
   };
-  return /* @__PURE__ */ l("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
+  return /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -2259,19 +2262,19 @@ function ln({
         children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: c() }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: m() }),
-    o && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-2", children: [
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: p() }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
+    u && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-2", children: [
       /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
-      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: o.orderId })
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: u.orderId })
     ] }) }),
-    /* @__PURE__ */ l("div", { className: "w-full flex flex-col gap-2", children: [
+    /* @__PURE__ */ i("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ e(
         "button",
         {
           className: "w-full font-semibold text-[16px] transition-all",
           style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
-          onClick: h,
+          onClick: C,
           children: "Try Again"
         }
       ),
@@ -2280,28 +2283,44 @@ function ln({
         {
           className: "w-full font-semibold text-[14px] transition-all",
           style: { height: 48, borderRadius: 5, background: "var(--t-surface)", color: "var(--t-text)" },
-          onClick: f,
+          onClick: S,
           children: "Start Over"
         }
+      ),
+      n && /* @__PURE__ */ e(
+        "button",
+        {
+          className: "w-full font-semibold text-[14px] transition-all mt-1",
+          style: {
+            height: 48,
+            borderRadius: 5,
+            background: "transparent",
+            color: "var(--t-text-secondary)",
+            border: "1px solid var(--t-divider)"
+          },
+          onClick: n,
+          "aria-label": r || "Return to merchant",
+          children: r || "Return"
+        }
       )
     ] }),
-    /* @__PURE__ */ l("div", { className: "mt-6", children: [
-      /* @__PURE__ */ l("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: [
+    /* @__PURE__ */ i("div", { className: "mt-6", children: [
+      /* @__PURE__ */ i("p", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: [
         "Need help? Contact",
         " ",
         /* @__PURE__ */ e(
           "a",
           {
-            href: `mailto:${n}`,
+            href: `mailto:${o}`,
             className: "underline",
             style: { color: "var(--t-accent)" },
-            children: n
+            children: o
           }
         )
       ] }),
-      o && /* @__PURE__ */ l("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
+      u && /* @__PURE__ */ i("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
         "Reference: ",
-        o.orderId
+        u.orderId
       ] })
     ] })
   ] });
@@ -2309,55 +2328,55 @@ function ln({
 function Yt(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function cn({ className: t = "", stablecoinParity: a, partnerName: n }) {
-  var te;
+function sn({ className: t = "", stablecoinParity: a, partnerName: n }) {
+  var ce;
   const {
     config: r,
     configLoading: o,
     state: d,
     defaultGateway: u,
-    quotes: i,
+    quotes: l,
     fetchQuotes: c,
     createOrder: m,
-    orderLoading: h
-  } = Ie(), f = d.flowType === "sell", [p, v] = w(null), C = r == null ? void 0 : r.gateways.find(($) => $.id === u), E = (te = i == null ? void 0 : i.bestQuote) != null && te.exchangeRate ? parseFloat(i.bestQuote.exchangeRate) : null, L = parseFloat(d.fiatAmount) || 0, K = !!(a && n && !f && ea(d.cryptoCurrency) && E), ee = K && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), Z = K && L > 0 ? ht(ee ? L : L / E) : null, Y = async () => {
-    v(null);
+    orderLoading: p
+  } = Me(), f = d.flowType === "sell", [C, S] = A(null), k = r == null ? void 0 : r.gateways.find((_) => _.id === u), w = (ce = l == null ? void 0 : l.bestQuote) != null && ce.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, y = parseFloat(d.fiatAmount) || 0, O = !!(a && n && !f && ea(d.cryptoCurrency) && w), le = O && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), G = O && y > 0 ? pt(le ? y : y / w) : null, z = async () => {
+    S(null);
     try {
       c(), await m();
-    } catch ($) {
-      const le = $ instanceof Error ? $.message : "Failed to create order";
-      v(le);
+    } catch (_) {
+      const ne = _ instanceof Error ? _.message : "Failed to create order";
+      S(ne);
     }
   };
-  return o ? /* @__PURE__ */ l("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
+  return o ? /* @__PURE__ */ i("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
-  ] }) : /* @__PURE__ */ l("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
+  ] }) : /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: f ? "Confirm Sale" : "Confirm Purchase" }),
-    /* @__PURE__ */ l("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      C && /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+    /* @__PURE__ */ i("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+      k && /* @__PURE__ */ i("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__ */ l("span", { className: "flex items-center gap-2", children: [
-          C.logo && /* @__PURE__ */ e("img", { src: C.logo, alt: C.name, width: 20, height: 20, style: { borderRadius: 4 } }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: C.name })
+        /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+          k.logo && /* @__PURE__ */ e("img", { src: k.logo, alt: k.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k.name })
         ] })
       ] }),
-      f ? /* @__PURE__ */ l(ae, { children: [
-        /* @__PURE__ */ e(ke, { label: "You sell", value: `${d.cryptoAmount} ${d.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(ke, { label: "You receive", value: `${d.fiatCurrency} payout` })
-      ] }) : /* @__PURE__ */ l(ae, { children: [
-        /* @__PURE__ */ e(ke, { label: "You pay", value: `${d.fiatAmount} ${d.fiatCurrency}`, highlight: !0 }),
+      f ? /* @__PURE__ */ i(ae, { children: [
+        /* @__PURE__ */ e(Re, { label: "You sell", value: `${d.cryptoAmount} ${d.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Re, { label: "You receive", value: `${d.fiatCurrency} payout` })
+      ] }) : /* @__PURE__ */ i(ae, { children: [
+        /* @__PURE__ */ e(Re, { label: "You pay", value: `${d.fiatAmount} ${d.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          ke,
+          Re,
           {
             label: "You receive",
-            value: Z ? `${Z} ${d.cryptoCurrency}` : `${d.cryptoCurrency} on ${d.network}`
+            value: G ? `${G} ${d.cryptoCurrency}` : `${d.cryptoCurrency} on ${d.network}`
           }
         ),
-        /* @__PURE__ */ e(ke, { label: "Wallet", value: Yt(d.walletAddress), mono: !0 }),
-        K && Z && /* @__PURE__ */ l("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        /* @__PURE__ */ e(Re, { label: "Wallet", value: Yt(d.walletAddress), mono: !0 }),
+        O && G && /* @__PURE__ */ i("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 ",
-          Z,
+          G,
           " ",
           d.cryptoCurrency,
           " will be credited to your ",
@@ -2365,18 +2384,18 @@ function cn({ className: t = "", stablecoinParity: a, partnerName: n }) {
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(ke, { label: "Network", value: d.network }),
-      f && d.walletAddress && /* @__PURE__ */ e(ke, { label: "Refund address", value: Yt(d.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(Re, { label: "Network", value: d.network }),
+      f && d.walletAddress && /* @__PURE__ */ e(Re, { label: "Refund address", value: Yt(d.walletAddress), mono: !0 })
     ] }),
-    p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
+    C && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: C }),
     /* @__PURE__ */ e(
       "button",
       {
         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: Y,
-        children: h ? /* @__PURE__ */ l(ae, { children: [
+        style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: p ? 0.7 : 1 },
+        disabled: p,
+        onClick: z,
+        children: p ? /* @__PURE__ */ i(ae, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
         ] }) : f ? "Confirm & Sell" : "Confirm & Pay"
@@ -2384,8 +2403,8 @@ function cn({ className: t = "", stablecoinParity: a, partnerName: n }) {
     )
   ] });
 }
-function ke({ label: t, value: a, mono: n, highlight: r }) {
-  return /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
+function Re({ label: t, value: a, mono: n, highlight: r }) {
+  return /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
     /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: t }),
     /* @__PURE__ */ e(
       "span",
@@ -2402,8 +2421,8 @@ function je({
   onClose: a,
   children: n
 }) {
-  const [r, o] = w(!1), [d, u] = w(!1);
-  X(() => {
+  const [r, o] = A(!1), [d, u] = A(!1);
+  Z(() => {
     if (t)
       o(!0), requestAnimationFrame(() => requestAnimationFrame(() => u(!0)));
     else if (r) {
@@ -2412,16 +2431,16 @@ function je({
       return () => clearTimeout(c);
     }
   }, [t]);
-  const i = O(() => {
+  const l = B(() => {
     u(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return X(() => {
+  return Z(() => {
     if (!t) return;
     const c = (m) => {
-      m.key === "Escape" && i();
+      m.key === "Escape" && l();
     };
     return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
-  }, [t, i]), r ? /* @__PURE__ */ e(
+  }, [t, l]), r ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 z-20 transition-opacity duration-250",
@@ -2431,57 +2450,57 @@ function je({
         {
           className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
           style: { background: "var(--t-modal-bg)", transform: d ? "translateY(0)" : "translateY(24px)" },
-          children: typeof n == "function" ? n(i) : n
+          children: typeof n == "function" ? n(l) : n
         }
       )
     }
   ) : null;
 }
-function sn({ char: t, height: a = 38 }) {
+function dn({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
   return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((o) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: o }, o)) }) });
 }
-function dn({
+function un({
   value: t,
   height: a = 38,
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((o, d) => /* @__PURE__ */ e(sn, { char: o, height: a }, d)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((o, d) => /* @__PURE__ */ e(dn, { char: o, height: a }, d)) });
 }
-function _({
+function V({
   w: t,
   h: a,
   className: n = ""
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${n}`, style: { width: t, height: a } });
 }
-function un() {
-  return /* @__PURE__ */ l("div", { className: "flex-1 px-5 flex flex-col", children: [
-    /* @__PURE__ */ l("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(_, { w: 70, h: 14, className: "mb-3" }),
-      /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(_, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(_, { w: 75, h: 32 })
+function mn() {
+  return /* @__PURE__ */ i("div", { className: "flex-1 px-5 flex flex-col", children: [
+    /* @__PURE__ */ i("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
+      /* @__PURE__ */ e(V, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ i("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ e(V, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 75, h: 32 })
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(_, { w: 50, h: 14, className: "mb-3" }),
-      /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(_, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(_, { w: 85, h: 32 })
+    /* @__PURE__ */ i("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
+      /* @__PURE__ */ e(V, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ i("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ e(V, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 85, h: 32 })
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(_, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(_, { w: 90, h: 12 })
+    /* @__PURE__ */ i("div", { className: "flex justify-between mt-3 px-[2px]", children: [
+      /* @__PURE__ */ e(V, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(V, { w: 90, h: 12 })
     ] }),
-    /* @__PURE__ */ l("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(_, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(_, { w: "100%", h: 47 })
+    /* @__PURE__ */ i("div", { className: "mt-8", children: [
+      /* @__PURE__ */ e(V, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(V, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(_, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(V, { w: "100%", h: 60, className: "mb-2" }),
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
@@ -2498,13 +2517,13 @@ function Be({ onClick: t }) {
     }
   );
 }
-function $e({
+function We({
   value: t,
   onChange: a,
   placeholder: n = ""
 }) {
-  const [r, o] = w(!1);
-  return /* @__PURE__ */ l("div", { className: "relative mx-5 mb-5", children: [
+  const [r, o] = A(!1);
+  return /* @__PURE__ */ i("div", { className: "relative mx-5 mb-5", children: [
     /* @__PURE__ */ e(
       "input",
       {
@@ -2529,37 +2548,37 @@ function $e({
     )
   ] });
 }
-function mn({
+function fn({
   onClose: t,
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
   selectedCode: o
 }) {
-  const [d, u] = w(""), i = V(() => {
+  const [d, u] = A(""), l = j(() => {
     if (!n || n.length === 0) return _t;
-    const m = new Map(_t.map((h) => [h.code, h.name]));
-    return n.map((h) => ({
-      code: h.code,
-      name: h.name || m.get(h.code) || h.code
+    const m = new Map(_t.map((p) => [p.code, p.name]));
+    return n.map((p) => ({
+      code: p.code,
+      name: p.name || m.get(p.code) || p.code
     }));
-  }, [n]), c = V(() => {
+  }, [n]), c = j(() => {
     const m = d.trim().toLowerCase();
     if (!m) {
       if (o) {
-        const h = i.find((f) => f.code === o);
-        if (h) {
-          const f = i.filter((p) => p.code !== o);
-          return [h, ...f];
+        const p = l.find((f) => f.code === o);
+        if (p) {
+          const f = l.filter((C) => C.code !== o);
+          return [p, ...f];
         }
       }
-      return i;
+      return l;
     }
-    return i.filter(
-      (h) => h.code.toLowerCase().includes(m) || h.name.toLowerCase().includes(m)
+    return l.filter(
+      (p) => p.code.toLowerCase().includes(m) || p.name.toLowerCase().includes(m)
     );
-  }, [i, d, o]);
-  return /* @__PURE__ */ l(ae, { children: [
+  }, [l, d, o]);
+  return /* @__PURE__ */ i(ae, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
@@ -2575,24 +2594,24 @@ function mn({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e($e, { value: d, onChange: u }),
-    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      c.map((m, h) => {
-        const f = m.name !== m.code ? m.name : "", p = o === m.code;
-        return /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ l(
+    /* @__PURE__ */ e(We, { value: d, onChange: u }),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      c.map((m, p) => {
+        const f = m.name !== m.code ? m.name : "", C = o === m.code;
+        return /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ i(
             "button",
             {
               onClick: () => a(m.code),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ e(pt, { currencyCode: m.code, size: 32, baseUrl: r }),
-                /* @__PURE__ */ l("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                /* @__PURE__ */ e(ht, { currencyCode: m.code, size: 32, baseUrl: r }),
+                /* @__PURE__ */ i("div", { className: "text-left flex-1 flex items-center gap-2", children: [
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: m.code }),
                   f && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: f })
                 ] }),
-                p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
+                C && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
                   {
                     d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2605,7 +2624,7 @@ function mn({
               ]
             }
           ),
-          h < c.length - 1 && /* @__PURE__ */ e(
+          p < c.length - 1 && /* @__PURE__ */ e(
             "div",
             {
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
@@ -2618,18 +2637,18 @@ function mn({
   ] });
 }
 function Zt({ src: t, alt: a, size: n, className: r, style: o }) {
-  const [d, u] = w(!1), [i, c] = w(!1), m = M(t);
+  const [d, u] = A(!1), [l, c] = A(!1), m = M(t);
   m.current !== t && (m.current = t, u(!1), c(!1));
-  const h = O(() => u(!0), []), f = O(() => c(!0), []);
-  return /* @__PURE__ */ l("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
-    !d && !i && /* @__PURE__ */ e(
+  const p = B(() => u(!0), []), f = B(() => c(!0), []);
+  return /* @__PURE__ */ i("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
+    !d && !l && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full animate-pulse",
         style: { background: "var(--t-pill-bg, #333)" }
       }
     ),
-    i ? /* @__PURE__ */ e(
+    l ? /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
@@ -2643,7 +2662,7 @@ function Zt({ src: t, alt: a, size: n, className: r, style: o }) {
         alt: a,
         width: n,
         height: n,
-        onLoad: h,
+        onLoad: p,
         onError: f,
         className: `rounded-full ${d ? "opacity-100" : "opacity-0"}`,
         style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
@@ -2651,50 +2670,50 @@ function Zt({ src: t, alt: a, size: n, className: r, style: o }) {
     )
   ] });
 }
-function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: d }) {
-  const [u, i] = w(""), c = V(() => {
-    if (!n || n.length === 0) return _a;
+function pn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: d }) {
+  const [u, l] = A(""), c = j(() => {
+    if (!n || n.length === 0) return Va;
     const f = [];
-    for (const p of n) {
-      const v = p.networks || [], C = p.name || Ba[p.code] || p.code;
-      if (v.length === 0)
-        f.push({ code: p.code, name: C, chain: p.code, popular: !1 });
+    for (const C of n) {
+      const S = C.networks || [], k = C.name || Oa[C.code] || C.code;
+      if (S.length === 0)
+        f.push({ code: C.code, name: k, chain: C.code, popular: !1 });
       else
-        for (const E of v) {
-          const L = E.code || E.id || E.name || p.code;
+        for (const w of S) {
+          const y = w.code || w.id || w.name || C.code;
           f.push({
-            code: p.code,
-            name: C,
-            chain: L,
-            chainName: E.name,
+            code: C.code,
+            name: k,
+            chain: y,
+            chainName: w.name,
             popular: !1
           });
         }
     }
     return f;
-  }, [n]), m = O((f, p) => o === f && d === p, [o, d]), h = V(() => {
-    var C;
+  }, [n]), m = B((f, C) => o === f && d === C, [o, d]), p = j(() => {
+    var k;
     const f = u.trim().toLowerCase();
     if (!f) {
       if (o && d) {
-        const E = c.find((L) => L.code === o && L.chain === d);
-        if (E) {
-          const L = c.filter((K) => !(K.code === o && K.chain === d));
-          return [E, ...L];
+        const w = c.find((y) => y.code === o && y.chain === d);
+        if (w) {
+          const y = c.filter((O) => !(O.code === o && O.chain === d));
+          return [w, ...y];
         }
       }
       return c;
     }
-    const p = f.split(/\s+/), v = [];
-    for (const E of c) {
-      const L = nt(E.chain), K = L ? L.name.toLowerCase() : "", ee = ((C = L == null ? void 0 : L.shortName) == null ? void 0 : C.toLowerCase()) || "", Z = E.chain.toLowerCase(), Y = E.code.toLowerCase(), te = E.name.toLowerCase(), $ = [Y, te, K, ee, Z];
-      if (!p.every((U) => $.some((Q) => Q.includes(U)))) continue;
-      let b = 0;
-      Y === f ? b += 100 : Y.startsWith(p[0]) && (b += 50), E.popular && (b += 10), p.length > 1 && (K.includes(p[1]) || ee.includes(p[1]) || Z.includes(p[1])) && (b += 25), v.push({ item: E, score: b });
+    const C = f.split(/\s+/), S = [];
+    for (const w of c) {
+      const y = rt(w.chain), O = y ? y.name.toLowerCase() : "", le = ((k = y == null ? void 0 : y.shortName) == null ? void 0 : k.toLowerCase()) || "", G = w.chain.toLowerCase(), z = w.code.toLowerCase(), ce = w.name.toLowerCase(), _ = [z, ce, O, le, G];
+      if (!C.every((T) => _.some((q) => q.includes(T)))) continue;
+      let g = 0;
+      z === f ? g += 100 : z.startsWith(C[0]) && (g += 50), w.popular && (g += 10), C.length > 1 && (O.includes(C[1]) || le.includes(C[1]) || G.includes(C[1])) && (g += 25), S.push({ item: w, score: g });
     }
-    return v.sort((E, L) => L.score - E.score), v.map((E) => E.item);
+    return S.sort((w, y) => y.score - w.score), S.map((w) => w.item);
   }, [c, u, o, d]);
-  return /* @__PURE__ */ l(ae, { children: [
+  return /* @__PURE__ */ i(ae, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
@@ -2704,19 +2723,19 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e($e, { value: u, onChange: i }),
-    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      h.map((f, p) => {
-        const v = nt(f.chain), C = (v == null ? void 0 : v.name) || f.chainName || f.chain, E = f.name !== f.code ? f.name : "", L = m(f.code, f.chain);
-        return /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ l(
+    /* @__PURE__ */ e(We, { value: u, onChange: l }),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      p.map((f, C) => {
+        const S = rt(f.chain), k = (S == null ? void 0 : S.name) || f.chainName || f.chain, w = f.name !== f.code ? f.name : "", y = m(f.code, f.chain);
+        return /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ i(
             "button",
             {
               onClick: () => a(f.code, f.chain),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ l("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
+                /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { width: 40, height: 40 }, children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
@@ -2754,7 +2773,7 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e("div", { className: "text-left flex-1 min-w-0", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e("div", { className: "text-left flex-1 min-w-0", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -2763,18 +2782,18 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: f.code
                     }
                   ),
-                  E && /* @__PURE__ */ e(
+                  w && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: E
+                      children: w
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ l("div", { className: "flex items-center gap-2 shrink-0", children: [
-                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: C }),
-                  L && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ i("div", { className: "flex items-center gap-2 shrink-0", children: [
+                  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: k }),
+                  y && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                     "path",
                     {
                       d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2788,10 +2807,10 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
               ]
             }
           ),
-          p < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+          C < p.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
         ] }, `${f.code}-${f.chain}`);
       }),
-      h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
+      p.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
@@ -2801,23 +2820,23 @@ function hn({
   onSelect: n,
   onClose: r
 }) {
-  const [o, d] = w(""), u = V(() => {
-    const i = o.trim().toLowerCase();
-    if (!i) {
+  const [o, d] = A(""), u = j(() => {
+    const l = o.trim().toLowerCase();
+    if (!l) {
       if (a) {
         const c = t.find((m) => m.id === a);
         if (c) {
-          const m = t.filter((h) => h.id !== a);
+          const m = t.filter((p) => p.id !== a);
           return [c, ...m];
         }
       }
       return t;
     }
     return t.filter(
-      (c) => c.id.toLowerCase().includes(i) || c.name.toLowerCase().includes(i) || c.description && c.description.toLowerCase().includes(i)
+      (c) => c.id.toLowerCase().includes(l) || c.name.toLowerCase().includes(l) || c.description && c.description.toLowerCase().includes(l)
     );
   }, [t, o, a]);
-  return /* @__PURE__ */ l(ae, { children: [
+  return /* @__PURE__ */ i(ae, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
@@ -2827,41 +2846,41 @@ function hn({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e($e, { value: o, onChange: d }),
-    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      u.map((i, c) => {
-        const m = i.id === a, h = aa(i.id, i.name);
-        return /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ l(
+    /* @__PURE__ */ e(We, { value: o, onChange: d }),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      u.map((l, c) => {
+        const m = l.id === a, p = aa(l.id, l.name);
+        return /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ i(
             "button",
             {
-              onClick: () => n(i.id),
-              className: `flex w-full transition-colors rounded-lg hover-item ${i.description ? "items-start" : "items-center"}`,
+              onClick: () => n(l.id),
+              className: `flex w-full transition-colors rounded-lg hover-item ${l.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 ${i.description ? "mt-0.5" : ""}`,
+                    className: `flex items-center justify-center shrink-0 ${l.description ? "mt-0.5" : ""}`,
                     style: { width: 32, height: 32 },
-                    children: na(i.id, i.icon, 32)
+                    children: na(l.id, l.icon, 32)
                   }
                 ),
-                /* @__PURE__ */ l("div", { className: "text-left flex-1", children: [
+                /* @__PURE__ */ i("div", { className: "text-left flex-1", children: [
                   /* @__PURE__ */ e(
                     "div",
                     {
                       className: "font-semibold text-[15px] leading-tight",
                       style: { color: "var(--t-text)" },
-                      children: h
+                      children: p
                     }
                   ),
-                  i.description && /* @__PURE__ */ e(
+                  l.description && /* @__PURE__ */ e(
                     "div",
                     {
                       className: "text-[13px] leading-snug mt-1",
                       style: { color: "var(--t-text-secondary)" },
-                      children: i.description
+                      children: l.description
                     }
                   )
                 ] }),
@@ -2879,13 +2898,13 @@ function hn({
             }
           ),
           c < u.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
-        ] }, i.id);
+        ] }, l.id);
       }),
       u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
     ] })
   ] });
 }
-function pn({
+function yn({
   checked: t,
   onChange: a,
   accentColor: n = "var(--t-accent)"
@@ -2915,11 +2934,11 @@ function pn({
     }
   );
 }
-const yn = [
+const Cn = [
   { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
   { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
 ];
-function Cn({
+function gn({
   onClose: t,
   darkMode: a,
   onToggleDarkMode: n,
@@ -2927,24 +2946,24 @@ function Cn({
   onSelectSkin: o,
   showThemeToggle: d = !0,
   country: u,
-  countryName: i,
+  countryName: l,
   onLocationPress: c,
   assetBaseUrl: m = ""
 }) {
-  const [h, f] = w(!1);
-  return /* @__PURE__ */ l(ae, { children: [
+  const [p, f] = A(!1);
+  return /* @__PURE__ */ i(ae, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
-    /* @__PURE__ */ l("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
-      c && /* @__PURE__ */ l(ae, { children: [
-        /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ i("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
+      c && /* @__PURE__ */ i(ae, { children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ i(
           "button",
           {
             onClick: c,
             className: "flex items-center justify-between w-full py-5 transition-colors",
             style: { color: "inherit", background: "none", border: "none", cursor: "pointer", padding: "20px 0" },
             children: [
-              /* @__PURE__ */ l("div", { className: "flex items-center gap-3.5", children: [
-                u && !h ? /* @__PURE__ */ e(
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-3.5", children: [
+                u && !p ? /* @__PURE__ */ e(
                   "img",
                   {
                     src: `${m}/flags/${u.toLowerCase()}.svg`,
@@ -2954,8 +2973,8 @@ function Cn({
                     style: { width: 40, height: 40, borderRadius: "50%", objectFit: "cover" },
                     onError: () => f(!0)
                   }
-                ) : /* @__PURE__ */ e(gn, { size: 40 }),
-                /* @__PURE__ */ l("div", { className: "text-left", children: [
+                ) : /* @__PURE__ */ e(xn, { size: 40 }),
+                /* @__PURE__ */ i("div", { className: "text-left", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
@@ -2964,12 +2983,12 @@ function Cn({
                       children: "Location"
                     }
                   ),
-                  i && /* @__PURE__ */ e(
+                  l && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: i
+                      children: l
                     }
                   )
                 ] })
@@ -2980,10 +2999,10 @@ function Cn({
         ) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      d && /* @__PURE__ */ l(ae, { children: [
-        /* @__PURE__ */ e("div", { style: { borderTop: c ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between w-full py-5", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-center gap-3.5", children: [
-            /* @__PURE__ */ e(za, { size: 40 }),
+      d && /* @__PURE__ */ i(ae, { children: [
+        /* @__PURE__ */ e("div", { style: { borderTop: c ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between w-full py-5", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-3.5", children: [
+            /* @__PURE__ */ e(Ja, { size: 40 }),
             /* @__PURE__ */ e(
               "span",
               {
@@ -2993,15 +3012,15 @@ function Cn({
               }
             )
           ] }),
-          /* @__PURE__ */ e(pn, { checked: a, onChange: n, accentColor: "#4CD964" })
+          /* @__PURE__ */ e(yn, { checked: a, onChange: n, accentColor: "#4CD964" })
         ] }) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      yn.map((p) => /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l(
+      Cn.map((C) => /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ i(
           "a",
           {
-            href: p.href,
+            href: C.href,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "flex items-center justify-between w-full py-5 transition-colors",
@@ -3012,7 +3031,7 @@ function Cn({
                 {
                   className: "font-medium text-[15px]",
                   style: { color: "var(--t-text)" },
-                  children: p.label
+                  children: C.label
                 }
               ),
               /* @__PURE__ */ e(Xt, {})
@@ -3020,41 +3039,41 @@ function Cn({
           }
         ),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
-      ] }, p.label))
+      ] }, C.label))
     ] })
   ] });
 }
-function gn({ size: t = 40 }) {
-  return /* @__PURE__ */ l("svg", { width: t, height: t, viewBox: "0 0 40 40", fill: "none", children: [
+function xn({ size: t = 40 }) {
+  return /* @__PURE__ */ i("svg", { width: t, height: t, viewBox: "0 0 40 40", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "20", cy: "20", r: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ e("ellipse", { cx: "20", cy: "20", rx: "9", ry: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ e("line", { x1: "2", y1: "20", x2: "38", y2: "20", stroke: "var(--t-text-secondary)", strokeWidth: "1.5" }),
     /* @__PURE__ */ e("path", { d: "M5 12h30M5 28h30", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" })
   ] });
 }
-function xn({
+function vn({
   onClose: t,
   onSelect: a,
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [o, d] = w(""), u = V(() => {
-    const i = o.trim().toLowerCase();
-    if (!i) {
+  const [o, d] = A(""), u = j(() => {
+    const l = o.trim().toLowerCase();
+    if (!l) {
       if (r) {
         const c = r.toLowerCase(), m = yt[c];
         if (m) {
-          const h = at.filter((f) => f.code !== c);
-          return [m, ...h];
+          const p = nt.filter((f) => f.code !== c);
+          return [m, ...p];
         }
       }
-      return at;
+      return nt;
     }
-    return at.filter(
-      (c) => c.name.toLowerCase().includes(i) || c.code.includes(i) || c.defaultFiat.toLowerCase().includes(i)
+    return nt.filter(
+      (c) => c.name.toLowerCase().includes(l) || c.code.includes(l) || c.defaultFiat.toLowerCase().includes(l)
     );
   }, [o, r]);
-  return /* @__PURE__ */ l(ae, { children: [
+  return /* @__PURE__ */ i(ae, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
@@ -3070,22 +3089,22 @@ function xn({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e($e, { value: o, onChange: d }),
-    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      u.map((i, c) => {
-        const m = (r == null ? void 0 : r.toLowerCase()) === i.code;
-        return /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ l(
+    /* @__PURE__ */ e(We, { value: o, onChange: d }),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
+      u.map((l, c) => {
+        const m = (r == null ? void 0 : r.toLowerCase()) === l.code;
+        return /* @__PURE__ */ i("div", { children: [
+          /* @__PURE__ */ i(
             "button",
             {
-              onClick: () => a(i.code),
+              onClick: () => a(l.code),
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ e(vn, { code: i.code, size: 32, baseUrl: n }),
-                /* @__PURE__ */ l("div", { className: "text-left flex-1", children: [
-                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: i.name }),
-                  /* @__PURE__ */ e("span", { className: "text-[13px] ml-2", style: { color: "var(--t-text-secondary)" }, children: i.defaultFiat })
+                /* @__PURE__ */ e(bn, { code: l.code, size: 32, baseUrl: n }),
+                /* @__PURE__ */ i("div", { className: "text-left flex-1", children: [
+                  /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: l.name }),
+                  /* @__PURE__ */ e("span", { className: "text-[13px] ml-2", style: { color: "var(--t-text-secondary)" }, children: l.defaultFiat })
                 ] }),
                 m && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
@@ -3106,14 +3125,14 @@ function xn({
               style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
             }
           )
-        ] }, i.code);
+        ] }, l.code);
       }),
       u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No countries found" })
     ] })
   ] });
 }
-function vn({ code: t, size: a = 32, baseUrl: n = "" }) {
-  const [r, o] = w(!1);
+function bn({ code: t, size: a = 32, baseUrl: n = "" }) {
+  const [r, o] = A(!1);
   return r ? /* @__PURE__ */ e(
     "div",
     {
@@ -3142,7 +3161,7 @@ function vn({ code: t, size: a = 32, baseUrl: n = "" }) {
     }
   );
 }
-function bn({
+function Sn({
   className: t = "",
   theme: a = "dark",
   skinId: n = "mono",
@@ -3150,173 +3169,173 @@ function bn({
   bgColor: o,
   bgImage: d,
   borderColor: u,
-  borderRadius: i,
+  borderRadius: l,
   surfaceColor: c,
   inputBgColor: m,
-  textColor: h,
+  textColor: p,
   textSecondaryColor: f,
-  textMutedColor: p,
-  successColor: v,
-  showFlowToggle: C = !0,
-  showSettings: E = !0,
-  showThemeToggle: L = !0,
-  autoRedirect: K = !1,
-  explorerUrl: ee,
-  doneButtonText: Z = "Done",
-  supportEmail: Y,
-  stablecoinParity: te,
-  partnerName: $,
-  onDone: le
+  textMutedColor: C,
+  successColor: S,
+  showFlowToggle: k = !0,
+  showSettings: w = !0,
+  showThemeToggle: y = !0,
+  autoRedirect: O = !1,
+  explorerUrl: le,
+  doneButtonText: G = "Done",
+  supportEmail: z,
+  stablecoinParity: ce,
+  partnerName: _,
+  onDone: ne
 }) {
-  var Lt, Ut, Ft, Dt, Mt, It, Bt, Ot, Ht;
+  var Lt, Ut, Ft, Dt, It, Mt, Bt, Ot, Ht;
   const {
-    state: b,
-    dispatch: U,
-    config: Q,
-    configLoading: s,
-    quotes: S,
-    quotesLoading: H,
-    quotesError: g,
-    fetchQuotes: ce,
-    createOrder: Ce,
-    orderLoading: se,
-    amountError: ge,
-    fieldLocks: D,
-    apiConfig: Ne,
-    assetBaseUrl: I,
-    availableFiats: oe,
-    availableCryptos: de,
-    availablePaymentMethods: ue,
-    selectionUnsupported: z,
-    quotesEmpty: J,
-    bestUnavailableReason: W
-  } = Ie(), [ne, Te] = w(a === "dark"), [We, Oe] = w(n), [me, B] = w(null), [He, Le] = w(!1), [Pe, Xe] = w(!1), [ie, Ye] = w(!1), [fe, Ze] = w(!1), [Qe, xe] = w(null), [we, it] = w(!0), [lt, ze] = w(!1), [he, Ue] = w(!1), y = M(null), A = M(), k = M(b.flowType);
-  X(() => {
-    Te(a === "dark");
-  }, [a]), X(() => {
-    const x = setTimeout(() => it(!1), s ? 0 : 800);
+    state: g,
+    dispatch: T,
+    config: q,
+    configLoading: xe,
+    quotes: F,
+    quotesLoading: s,
+    quotesError: L,
+    fetchQuotes: W,
+    createOrder: b,
+    orderLoading: ee,
+    amountError: ue,
+    fieldLocks: I,
+    apiConfig: ve,
+    assetBaseUrl: Y,
+    availableFiats: ke,
+    availableCryptos: se,
+    availablePaymentMethods: Q,
+    selectionUnsupported: te,
+    quotesEmpty: de,
+    bestUnavailableReason: ye
+  } = Me(), [re, $] = A(a === "dark"), [be, Oe] = A(n), [Se, H] = A(null), [Ne, we] = A(!1), [$e, Te] = A(!1), [Xe, Ye] = A(!1), [P, Ze] = A(!1), [Qe, oe] = A(null), [He, ze] = A(!0), [Je, Le] = A(!1), [me, Ue] = A(!1), lt = M(null), Pe = M(), Ke = M(g.flowType);
+  Z(() => {
+    $(a === "dark");
+  }, [a]), Z(() => {
+    const x = setTimeout(() => ze(!1), xe ? 0 : 800);
     return () => clearTimeout(x);
-  }, [s]), X(() => {
-    if (k.current !== b.flowType && !we) {
-      k.current = b.flowType, ze(!0), Le(!1), Xe(!1);
-      const x = setTimeout(() => ze(!1), 350);
+  }, [xe]), Z(() => {
+    if (Ke.current !== g.flowType && !He) {
+      Ke.current = g.flowType, Le(!0), we(!1), Te(!1);
+      const x = setTimeout(() => Le(!1), 350);
       return () => clearTimeout(x);
     }
-    k.current = b.flowType;
-  }, [b.flowType, we]);
-  const T = b.flowType, R = T === "buy", F = b.cryptoCurrency || "BTC", j = b.fiatCurrency || "USD", Ee = R ? b.fiatAmount : b.cryptoAmount, q = Ka(Ee), ve = (Lt = S == null ? void 0 : S.bestQuote) != null && Lt.exchangeRate ? parseFloat(S.bestQuote.exchangeRate) : null, Ke = M(null);
-  ve && F && j && (Ke.current = { rate: ve, crypto: F, fiat: j }), X(() => {
-    (J || g) && (Ke.current = null);
-  }, [J, g]);
-  const xt = V(() => {
-    if (S != null && S.bestQuote) {
-      const x = R ? S.bestQuote.cryptoAmount : S.bestQuote.fiatAmount;
+    Ke.current = g.flowType;
+  }, [g.flowType, He]);
+  const h = g.flowType, v = h === "buy", N = g.cryptoCurrency || "BTC", R = g.fiatCurrency || "USD", D = v ? g.fiatAmount : g.cryptoAmount, U = _a(D), J = (Lt = F == null ? void 0 : F.bestQuote) != null && Lt.exchangeRate ? parseFloat(F.bestQuote.exchangeRate) : null, fe = M(null);
+  J && N && R && (fe.current = { rate: J, crypto: N, fiat: R }), Z(() => {
+    (de || L) && (fe.current = null);
+  }, [de, L]);
+  const xt = j(() => {
+    if (F != null && F.bestQuote) {
+      const x = v ? F.bestQuote.cryptoAmount : F.bestQuote.fiatAmount;
       if (x) return x;
     }
     return "0";
-  }, [S, R]), _e = !!(te && $ && R && ea(F) && ve), ra = _e && F.toUpperCase().includes(j.toUpperCase()), vt = _e && q > 0 ? ht(ra ? q : q / ve) : null, oa = _e && vt ? vt : xt, ia = V(() => {
-    var G, Re, De;
-    const x = ve || ((G = Ke.current) == null ? void 0 : G.rate), N = ve ? F : (Re = Ke.current) == null ? void 0 : Re.crypto, P = ve ? j : (De = Ke.current) == null ? void 0 : De.fiat;
-    return !x || !N || !P ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${P}`;
-  }, [F, j, ve]);
-  X(() => {
-    const x = b.walletAddress.trim(), N = b.network;
+  }, [F, v]), _e = !!(ce && _ && v && ea(N) && J), ra = _e && N.toUpperCase().includes(R.toUpperCase()), vt = _e && U > 0 ? pt(ra ? U : U / J) : null, oa = _e && vt ? vt : xt, ia = j(() => {
+    var X, Ae, De;
+    const x = J || ((X = fe.current) == null ? void 0 : X.rate), E = J ? N : (Ae = fe.current) == null ? void 0 : Ae.crypto, K = J ? R : (De = fe.current) == null ? void 0 : De.fiat;
+    return !x || !E || !K ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${K}`;
+  }, [N, R, J]);
+  Z(() => {
+    const x = g.walletAddress.trim(), E = g.network;
     if (!x || x.length < 10) {
-      xe(null), U({ type: "SET_WALLET_ERROR", message: "" });
+      oe(null), T({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Ze(!0), xe(null);
-    const P = new AbortController();
-    return clearTimeout(A.current), A.current = setTimeout(async () => {
-      var G, Re, De;
+    Ze(!0), oe(null);
+    const K = new AbortController();
+    return clearTimeout(Pe.current), Pe.current = setTimeout(async () => {
+      var X, Ae, De;
       try {
-        const dt = await (await fetch(`${Ne.apiUrl}/public/validate/address`, {
+        const dt = await (await fetch(`${ve.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
-          signal: P.signal
-        })).json(), ut = ((G = dt.data) == null ? void 0 : G.attributes) || dt.data || dt;
+          body: JSON.stringify({ address: x, ...E ? { network: E } : {} }),
+          signal: K.signal
+        })).json(), ut = ((X = dt.data) == null ? void 0 : X.attributes) || dt.data || dt;
         if (ut.isValid)
-          xe(!0), U({ type: "SET_WALLET_ERROR", message: "" });
+          oe(!0), T({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          xe(!1);
-          const ga = ((Re = ut.errors) == null ? void 0 : Re[0]) || ((De = ut.details) == null ? void 0 : De.formatMessage) || "Invalid wallet address";
-          U({ type: "SET_WALLET_ERROR", message: ga });
+          oe(!1);
+          const ga = ((Ae = ut.errors) == null ? void 0 : Ae[0]) || ((De = ut.details) == null ? void 0 : De.formatMessage) || "Invalid wallet address";
+          T({ type: "SET_WALLET_ERROR", message: ga });
         }
       } catch (st) {
         if (st instanceof DOMException && st.name === "AbortError") return;
-        xe(null);
+        oe(null);
       } finally {
-        P.signal.aborted || Ze(!1);
+        K.signal.aborted || Ze(!1);
       }
     }, 500), () => {
-      clearTimeout(A.current), P.abort();
+      clearTimeout(Pe.current), K.abort();
     };
-  }, [b.walletAddress, b.network, Ne.apiUrl]);
-  const bt = !Ee || q === 0, St = q > 0 && (R ? q < Gt : q < $t), Nt = !!ge || St || He && bt, la = q > 0 && !ge && !St, ct = b.walletAddress.trim().length >= 10 && Qe !== !1 && !fe, Je = la && ct && !!b.cryptoCurrency && !!b.network, ca = (x) => {
-    let N = x.target.value.replace(/[^0-9.,]/g, "");
-    const P = R ? 2 : 6, G = N.indexOf(".");
-    G !== -1 && N.length - G - 1 > P && (N = N.slice(0, G + P + 1)), U(R ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
+  }, [g.walletAddress, g.network, ve.apiUrl]);
+  const bt = !D || U === 0, St = U > 0 && (v ? U < Gt : U < Wt), Nt = !!ue || St || Ne && bt, la = U > 0 && !ue && !St, ct = g.walletAddress.trim().length >= 10 && Qe !== !1 && !P, qe = la && ct && !!g.cryptoCurrency && !!g.network, ca = (x) => {
+    let E = x.target.value.replace(/[^0-9.,]/g, "");
+    const K = v ? 2 : 6, X = E.indexOf(".");
+    X !== -1 && E.length - X - 1 > K && (E = E.slice(0, X + K + 1)), T(v ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
   }, wt = (x) => {
-    x !== T && U({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: D });
-  }, sa = O(
+    x !== h && T({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: I });
+  }, sa = B(
     (x) => {
-      U({ type: "SET_FIAT_CURRENCY", currency: x });
+      T({ type: "SET_FIAT_CURRENCY", currency: x });
     },
-    [U]
-  ), da = O(
-    (x, N) => {
-      U({ type: "SET_CRYPTO_CURRENCY", currency: x }), U({ type: "SET_CRYPTO_CHAIN", chain: N });
+    [T]
+  ), da = B(
+    (x, E) => {
+      T({ type: "SET_CRYPTO_CURRENCY", currency: x }), T({ type: "SET_CRYPTO_CHAIN", chain: E });
     },
-    [U]
-  ), ua = O(
+    [T]
+  ), ua = B(
     (x) => {
-      U({ type: "SET_PAYMENT_METHOD", methodId: x });
+      T({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
-    [U]
-  ), ma = O(
+    [T]
+  ), ma = B(
     (x) => {
-      U({ type: "SET_COUNTRY", country: x }), B(null);
+      T({ type: "SET_COUNTRY", country: x }), H(null);
     },
-    [U]
-  ), fa = O(() => {
-    B(null), setTimeout(() => B("country"), 280);
-  }, []), ha = b.country ? (Ut = yt[b.country.toLowerCase()]) == null ? void 0 : Ut.name : void 0, pa = () => {
-    Je && (Ue(!0), ce());
+    [T]
+  ), fa = B(() => {
+    H(null), setTimeout(() => H("country"), 280);
+  }, []), pa = g.country ? (Ut = yt[g.country.toLowerCase()]) == null ? void 0 : Ut.name : void 0, ha = () => {
+    qe && (Ue(!0), W());
   };
-  X(() => {
+  Z(() => {
     var x;
-    if (!(!he || H)) {
-      if (S != null && S.bestQuote)
-        Ue(!1), U({ type: "SELECT_QUOTE", quote: S.bestQuote }), Ce().catch(() => {
+    if (!(!me || s)) {
+      if (F != null && F.bestQuote)
+        Ue(!1), T({ type: "SELECT_QUOTE", quote: F.bestQuote }), b().catch(() => {
         });
-      else if (g)
-        Ue(!1), U({ type: "SET_ERROR", message: g.message || "No quotes available" });
-      else if (S && !S.bestQuote) {
+      else if (L)
+        Ue(!1), T({ type: "SET_ERROR", message: L.message || "No quotes available" });
+      else if (F && !F.bestQuote) {
         Ue(!1);
-        const N = (x = S.unavailableGateways) == null ? void 0 : x.map((G) => G.reason).filter(Boolean), P = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
-        U({ type: "SET_ERROR", message: P });
+        const E = (x = F.unavailableGateways) == null ? void 0 : x.map((X) => X.reason).filter(Boolean), K = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
+        T({ type: "SET_ERROR", message: K });
       }
     }
-  }, [he, S, H, g, U, Ce]);
-  const Et = ne ? "theme-dark" : "theme-light", qe = Vt.find((x) => x.id === We) || Vt[0], ya = qe.accent === null, Ca = r ? ye(r) : !1, At = (x) => {
-    const N = x.replace("#", ""), P = parseInt(N.substring(0, 2), 16), G = parseInt(N.substring(2, 4), 16), Re = parseInt(N.substring(4, 6), 16);
-    return (0.299 * P + 0.587 * G + 0.114 * Re) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, [me, F, s, L, T, b]);
+  const Et = re ? "theme-dark" : "theme-light", et = Vt.find((x) => x.id === be) || Vt[0], ya = et.accent === null, Ca = r ? he(r) : !1, At = (x) => {
+    const E = x.replace("#", ""), K = parseInt(E.substring(0, 2), 16), X = parseInt(E.substring(2, 4), 16), Ae = parseInt(E.substring(4, 6), 16);
+    return (0.299 * K + 0.587 * X + 0.114 * Ae) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Rt = Ca ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": At(r) } : ya ? {
-    "--t-accent": ne ? "#ffffff" : "#111111",
-    "--t-cta-bg": ne ? "#ffffff" : "#111111",
-    "--t-cta-text": ne ? "#000000" : "#ffffff"
+    "--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": At(qe.accent)
-  }, re = {};
-  c && ye(c) && (re["--t-surface"] = c, re["--t-modal-bg"] = c), m && ye(m) && (re["--t-pill-bg"] = m, re["--t-close-bg"] = m), h && ye(h) && (re["--t-text"] = h), f && ye(f) && (re["--t-text-secondary"] = f), p && ye(p) && (re["--t-text-muted"] = p, re["--t-text-tertiary"] = p), v && ye(v) && (re["--t-success"] = v);
-  const Ae = {};
-  o && ye(o) ? Ae.backgroundColor = o : Ae.backgroundColor = "var(--t-bg)", d && (d.startsWith("https://") || d.startsWith("data:image/")) && (Ae.backgroundImage = `url(${d})`, Ae.backgroundSize = "cover", Ae.backgroundPosition = "center");
-  const et = ne ? "#ffffff" : "#111111", tt = {};
-  u && ye(u) && (tt.border = `1px solid ${u}`), i && (tt.borderRadius = i);
-  const kt = b.step === "checkout" ? /* @__PURE__ */ e(an, { autoRedirect: K }) : b.step === "processing" ? /* @__PURE__ */ e(rn, {}) : b.step === "complete" ? /* @__PURE__ */ e(on, { explorerUrl: ee, doneButtonText: Z, onDone: le }) : b.step === "error" ? /* @__PURE__ */ e(ln, { supportEmail: Y }) : b.step === "confirm" ? /* @__PURE__ */ e(cn, { stablecoinParity: _e, partnerName: $ }) : null;
+    "--t-accent": et.accent,
+    "--t-cta-bg": et.accent,
+    "--t-cta-text": At(et.accent)
+  }, ie = {};
+  c && he(c) && (ie["--t-surface"] = c, ie["--t-modal-bg"] = c), m && he(m) && (ie["--t-pill-bg"] = m, ie["--t-close-bg"] = m), p && he(p) && (ie["--t-text"] = p), f && he(f) && (ie["--t-text-secondary"] = f), C && he(C) && (ie["--t-text-muted"] = C, ie["--t-text-tertiary"] = C), S && he(S) && (ie["--t-success"] = S);
+  const Ee = {};
+  o && he(o) ? Ee.backgroundColor = o : Ee.backgroundColor = "var(--t-bg)", d && (d.startsWith("https://") || d.startsWith("data:image/")) && (Ee.backgroundImage = `url(${d})`, Ee.backgroundSize = "cover", Ee.backgroundPosition = "center");
+  const tt = re ? "#ffffff" : "#111111", at = {};
+  u && he(u) && (at.border = `1px solid ${u}`), l && (at.borderRadius = l);
+  const kt = g.step === "checkout" ? /* @__PURE__ */ e(nn, { autoRedirect: O }) : g.step === "processing" ? /* @__PURE__ */ e(on, {}) : g.step === "complete" ? /* @__PURE__ */ e(ln, { explorerUrl: le, doneButtonText: G, onDone: ne }) : g.step === "error" ? /* @__PURE__ */ e(cn, { supportEmail: z, onDone: ne, doneButtonText: G }) : g.step === "confirm" ? /* @__PURE__ */ e(sn, { stablecoinParity: _e, partnerName: _ }) : null;
   if (kt)
     return /* @__PURE__ */ e(
       "div",
@@ -3324,36 +3343,36 @@ function bn({
         className: `${Et} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-          ...Ae,
+          ...Ee,
           ...Rt,
-          ...re,
-          ...tt
+          ...ie,
+          ...at
         },
         children: kt
       }
     );
-  const pe = b.network, Fe = pe ? nt(pe) : null, Tt = (Fe == null ? void 0 : Fe.shortName) || (Fe == null ? void 0 : Fe.name) || pe;
-  return /* @__PURE__ */ l(
+  const pe = g.network, Fe = pe ? rt(pe) : null, Tt = (Fe == null ? void 0 : Fe.shortName) || (Fe == null ? void 0 : Fe.name) || pe;
+  return /* @__PURE__ */ i(
     "div",
     {
       className: `${Et} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-        ...Ae,
+        ...Ee,
         ...Rt,
-        ...re,
-        ...tt
+        ...ie,
+        ...at
       },
       children: [
-        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${C ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Qa, { onClick: () => B("settings") }) }),
-        C ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
-          /* @__PURE__ */ l("div", { className: "flex", style: { width: 165 }, children: [
+        w && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${k ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(za, { onClick: () => H("settings") }) }),
+        k ? /* @__PURE__ */ i("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
+          /* @__PURE__ */ i("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
               "button",
               {
                 onClick: () => wt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: T === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: h === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
@@ -3362,12 +3381,12 @@ function bn({
               {
                 onClick: () => wt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: T === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: h === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
           ] }),
-          /* @__PURE__ */ l("div", { className: "relative", style: { width: 165, height: 1 }, children: [
+          /* @__PURE__ */ i("div", { className: "relative", style: { width: 165, height: 1 }, children: [
             /* @__PURE__ */ e("div", { className: "absolute inset-0", style: { background: "var(--t-divider)" } }),
             /* @__PURE__ */ e(
               "div",
@@ -3375,46 +3394,46 @@ function bn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: T === "buy" ? "0%" : "50%",
+                  left: h === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        we || lt || s ? /* @__PURE__ */ e(un, {}) : /* @__PURE__ */ l("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
-          /* @__PURE__ */ l(
+        He || Je || xe ? /* @__PURE__ */ e(mn, {}) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+          /* @__PURE__ */ i(
             "div",
             {
               className: "px-[18px] pt-[14px] pb-[18px]",
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: He && Nt ? "1px solid #EF4444" : "1px solid transparent",
+                border: Ne && Nt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You spend" }),
-                /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: y,
+                      ref: lt,
                       type: "text",
-                      value: Ee,
+                      value: D,
                       onChange: ca,
-                      onBlur: () => Le(!0),
-                      placeholder: R ? "250" : "0.01",
+                      onBlur: () => we(!0),
+                      placeholder: v ? "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 = D == null ? void 0 : D.sourceAmount) != null && Ft.locked)
+                      disabled: !!((Ft = I == null ? void 0 : I.sourceAmount) != null && Ft.locked)
                     }
                   ),
-                  R ? /* @__PURE__ */ l(
+                  v ? /* @__PURE__ */ i(
                     "button",
                     {
-                      onClick: () => B("fiat"),
+                      onClick: () => H("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3423,18 +3442,18 @@ function bn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Dt = D == null ? void 0 : D.sourceCurrency) != null && Dt.locked),
+                      disabled: !!((Dt = I == null ? void 0 : I.sourceCurrency) != null && Dt.locked),
                       children: [
-                        /* @__PURE__ */ e(pt, { currencyCode: j, size: 16, baseUrl: I }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: et }, children: j }),
+                        /* @__PURE__ */ e(ht, { currencyCode: R, size: 16, baseUrl: Y }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: tt }, children: R }),
                         /* @__PURE__ */ e(Ge, {})
                       ]
                     }
-                  ) : /* @__PURE__ */ l("div", { className: "flex flex-col items-end shrink-0", children: [
-                    /* @__PURE__ */ l(
+                  ) : /* @__PURE__ */ i("div", { className: "flex flex-col items-end shrink-0", children: [
+                    /* @__PURE__ */ i(
                       "button",
                       {
-                        onClick: () => B("crypto"),
+                        onClick: () => H("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3443,19 +3462,19 @@ function bn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Mt = D == null ? void 0 : D.destinationCurrency) != null && Mt.locked),
+                        disabled: !!((It = I == null ? void 0 : I.destinationCurrency) != null && It.locked),
                         children: [
-                          /* @__PURE__ */ e(Wt, { ticker: F, size: 16, baseUrl: I }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: et }, children: F }),
+                          /* @__PURE__ */ e($t, { ticker: N, size: 16, baseUrl: Y }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: tt }, children: N }),
                           /* @__PURE__ */ e(Ge, {})
                         ]
                       }
                     ),
-                    pe && /* @__PURE__ */ l("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    pe && /* @__PURE__ */ i("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: ft(pe, I),
+                          src: ft(pe, Y),
                           alt: pe,
                           width: 14,
                           height: 14,
@@ -3470,8 +3489,8 @@ function bn({
               ]
             }
           ),
-          He && Nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: ge || (bt ? "Amount should be more than 0" : R ? `Minimum amount is ${Gt} ${j}` : `Minimum amount is ${$t} ${F}`) }),
-          /* @__PURE__ */ l(
+          Ne && Nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: ue || (bt ? "Amount should be more than 0" : v ? `Minimum amount is ${Gt} ${R}` : `Minimum amount is ${Wt} ${N}`) }),
+          /* @__PURE__ */ i(
             "div",
             {
               className: "px-[18px] pt-[12px] pb-[14px]",
@@ -3486,21 +3505,21 @@ function bn({
               },
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
-                /* @__PURE__ */ l("div", { className: "flex items-start justify-between", children: [
-                  H && !he ? /* @__PURE__ */ e(_, { w: 180, h: 32 }) : /* @__PURE__ */ e(
-                    dn,
+                /* @__PURE__ */ i("div", { className: "flex items-start justify-between", children: [
+                  s && !me ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    un,
                     {
-                      value: q > 0 ? oa : "0",
+                      value: U > 0 ? oa : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: q > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: U > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  R ? /* @__PURE__ */ l("div", { className: "flex flex-col items-end shrink-0", children: [
-                    /* @__PURE__ */ l(
+                  v ? /* @__PURE__ */ i("div", { className: "flex flex-col items-end shrink-0", children: [
+                    /* @__PURE__ */ i(
                       "button",
                       {
-                        onClick: () => B("crypto"),
+                        onClick: () => H("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3509,19 +3528,19 @@ function bn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((It = D == null ? void 0 : D.destinationCurrency) != null && It.locked),
+                        disabled: !!((Mt = I == null ? void 0 : I.destinationCurrency) != null && Mt.locked),
                         children: [
-                          /* @__PURE__ */ e(Wt, { ticker: F, size: 16, baseUrl: I }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: et }, children: F }),
+                          /* @__PURE__ */ e($t, { ticker: N, size: 16, baseUrl: Y }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: tt }, children: N }),
                           /* @__PURE__ */ e(Ge, {})
                         ]
                       }
                     ),
-                    pe && /* @__PURE__ */ l("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    pe && /* @__PURE__ */ i("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: ft(pe, I),
+                          src: ft(pe, Y),
                           alt: pe,
                           width: 14,
                           height: 14,
@@ -3531,10 +3550,10 @@ function bn({
                       ) }),
                       /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: Tt })
                     ] })
-                  ] }) : /* @__PURE__ */ l(
+                  ] }) : /* @__PURE__ */ i(
                     "button",
                     {
-                      onClick: () => B("fiat"),
+                      onClick: () => H("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3543,10 +3562,10 @@ function bn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Bt = D == null ? void 0 : D.sourceCurrency) != null && Bt.locked),
+                      disabled: !!((Bt = I == null ? void 0 : I.sourceCurrency) != null && Bt.locked),
                       children: [
-                        /* @__PURE__ */ e(pt, { currencyCode: j, size: 16, baseUrl: I }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: et }, children: j }),
+                        /* @__PURE__ */ e(ht, { currencyCode: R, size: 16, baseUrl: Y }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: tt }, children: R }),
                         /* @__PURE__ */ e(Ge, {})
                       ]
                     }
@@ -3555,35 +3574,35 @@ function bn({
               ]
             }
           ),
-          J && q > 0 && /* @__PURE__ */ e(
+          de && U > 0 && /* @__PURE__ */ e(
             "div",
             {
               className: "px-[18px] py-[10px] mt-[2px]",
               style: { background: "var(--t-surface)", fontSize: 12, color: "#EF4444", lineHeight: "16px" },
-              children: W || "No providers available for this combination"
+              children: ye || "No providers available for this combination"
             }
           ),
-          _e && q > 0 && (S == null ? void 0 : S.bestQuote) && /* @__PURE__ */ l(
+          _e && U > 0 && (F == null ? void 0 : F.bestQuote) && /* @__PURE__ */ i(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
               style: { background: "var(--t-surface)", fontSize: 12, color: "var(--t-text-secondary)", lineHeight: "16px" },
               children: [
-                /* @__PURE__ */ l("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0, marginTop: 1 }, children: [
+                /* @__PURE__ */ i("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0, marginTop: 1 }, children: [
                   /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
                   /* @__PURE__ */ e("path", { d: "M8 7v4M8 5.5v-.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
                 ] }),
-                /* @__PURE__ */ l("span", { children: [
+                /* @__PURE__ */ i("span", { children: [
                   "You will be charged for ",
                   xt,
                   " ",
-                  F,
+                  N,
                   ", the rest up to ",
-                  ht(q),
+                  pt(U),
                   " ",
-                  j,
+                  R,
                   " will be credited to your ",
-                  $,
+                  _,
                   " account"
                 ] })
               ]
@@ -3595,18 +3614,18 @@ function bn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...!ue.length && !((Ot = Q == null ? void 0 : Q.paymentMethods) != null && Ot.length) ? { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 } : {}
+                ...!Q.length && !((Ot = q == null ? void 0 : q.paymentMethods) != null && Ot.length) ? { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 } : {}
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: v ? "var(--t-success)" : "var(--t-text-secondary)" }, children: ia || " " })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: S ? "var(--t-success)" : "var(--t-text-secondary)" }, children: ia || " " })
             }
           ),
-          (ue.length > 0 || (Q == null ? void 0 : Q.paymentMethods) && Q.paymentMethods.length > 0) && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: ue.length > 0 ? /* @__PURE__ */ e(
-            tn,
+          (Q.length > 0 || (q == null ? void 0 : q.paymentMethods) && q.paymentMethods.length > 0) && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: Q.length > 0 ? /* @__PURE__ */ e(
+            an,
             {
-              methods: ue,
-              selectedId: b.paymentMethodId,
-              onOpenModal: () => B("payment"),
-              fiatCurrency: b.fiatCurrency
+              methods: Q,
+              selectedId: g.paymentMethodId,
+              onOpenModal: () => H("payment"),
+              fiatCurrency: g.fiatCurrency
             }
           ) : /* @__PURE__ */ e(
             "div",
@@ -3620,24 +3639,24 @@ function bn({
               children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods for this pair" })
             }
           ) }),
-          /* @__PURE__ */ l("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: R ? "Receiving wallet address" : "Sending wallet address" }),
+          /* @__PURE__ */ i("div", { className: "mt-8", children: [
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: v ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: b.walletAddress,
-                onChange: (x) => U({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
+                value: g.walletAddress,
+                onChange: (x) => T({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
                 onFocus: () => Ye(!0),
                 onBlur: () => {
-                  Ye(!1), Xe(!0);
+                  Ye(!1), Te(!0);
                 },
-                placeholder: R ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: v ? "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: b.walletError || Pe && !ct ? "1px solid #EF4444" : ie ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: g.walletError || $e && !ct ? "1px solid #EF4444" : Xe ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3647,112 +3666,112 @@ function bn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((Ht = D == null ? void 0 : D.destinationAddress) != null && Ht.locked)
+                disabled: !!((Ht = I == null ? void 0 : I.destinationAddress) != null && Ht.locked)
               }
             ),
-            b.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: b.walletError }) : Pe && !ct && !fe ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : fe && b.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            g.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: g.walletError }) : $e && !ct && !P ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : P && g.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1", style: { minHeight: 16 } }),
-          z && /* @__PURE__ */ l("div", { className: "text-[12px] text-center mb-2", style: { color: "#EF4444" }, children: [
+          te && /* @__PURE__ */ i("div", { className: "text-[12px] text-center mb-2", style: { color: "#EF4444" }, children: [
             "This currency is not available for ",
-            R ? "buy" : "sell",
+            v ? "buy" : "sell",
             " orders"
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Je || se || he || z || J,
-              onClick: pa,
+              disabled: !qe || ee || me || te || de,
+              onClick: ha,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
                 height: 60,
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Je && !se && !he && !z && !J ? 1 : 0.4,
-                cursor: Je && !se && !he && !z && !J ? "pointer" : "not-allowed"
+                opacity: qe && !ee && !me && !te && !de ? 1 : 0.4,
+                cursor: qe && !ee && !me && !te && !de ? "pointer" : "not-allowed"
               },
-              children: he ? "Getting best price..." : se ? "Processing..." : R ? `Buy ${F}` : `Sell ${F}`
+              children: me ? "Getting best price..." : ee ? "Processing..." : v ? `Buy ${N}` : `Sell ${N}`
             }
           ),
           /* @__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" }) })
-        ] }, T),
-        /* @__PURE__ */ e(je, { isOpen: me === "fiat", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
-          mn,
+        ] }, h),
+        /* @__PURE__ */ e(je, { isOpen: Se === "fiat", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
+          fn,
           {
             onClose: x,
-            onSelect: (N) => {
-              sa(N), x();
+            onSelect: (E) => {
+              sa(E), x();
             },
-            currencies: oe.map((N) => ({ code: N.code, name: N.code })),
-            assetBaseUrl: I,
-            selectedCode: b.fiatCurrency
+            currencies: ke.map((E) => ({ code: E.code, name: E.code })),
+            assetBaseUrl: Y,
+            selectedCode: g.fiatCurrency
           }
         ) }),
-        /* @__PURE__ */ e(je, { isOpen: me === "crypto", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
-          fn,
+        /* @__PURE__ */ e(je, { isOpen: Se === "crypto", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
+          pn,
           {
             onClose: x,
-            onSelect: (N, P) => {
-              da(N, P), x();
+            onSelect: (E, K) => {
+              da(E, K), x();
             },
-            cryptos: de.map((N) => {
-              var P;
+            cryptos: se.map((E) => {
+              var K;
               return {
-                code: N.code,
-                name: N.code,
-                networks: (P = N.networks) == null ? void 0 : P.map((G) => ({ code: G.id, name: G.name }))
+                code: E.code,
+                name: E.code,
+                networks: (K = E.networks) == null ? void 0 : K.map((X) => ({ code: X.id, name: X.name }))
               };
             }),
-            assetBaseUrl: I,
-            selectedCode: b.cryptoCurrency,
-            selectedChain: b.network
+            assetBaseUrl: Y,
+            selectedCode: g.cryptoCurrency,
+            selectedChain: g.network
           }
         ) }),
-        /* @__PURE__ */ e(je, { isOpen: me === "payment", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(je, { isOpen: Se === "payment", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
           hn,
           {
-            methods: ue,
-            selectedId: b.paymentMethodId,
-            onSelect: (N) => {
-              ua(N), x();
+            methods: Q,
+            selectedId: g.paymentMethodId,
+            onSelect: (E) => {
+              ua(E), x();
             },
             onClose: x
           }
         ) }),
-        /* @__PURE__ */ e(je, { isOpen: me === "settings", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
-          Cn,
+        /* @__PURE__ */ e(je, { isOpen: Se === "settings", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
+          gn,
           {
             onClose: x,
-            darkMode: ne,
-            onToggleDarkMode: Te,
-            skinId: We,
-            onSelectSkin: (N) => {
-              Oe(N);
+            darkMode: re,
+            onToggleDarkMode: $,
+            skinId: be,
+            onSelectSkin: (E) => {
+              Oe(E);
             },
-            showThemeToggle: L,
-            country: b.country,
-            countryName: ha,
+            showThemeToggle: y,
+            country: g.country,
+            countryName: pa,
             onLocationPress: fa,
-            assetBaseUrl: I
+            assetBaseUrl: Y
           }
         ) }),
-        /* @__PURE__ */ e(je, { isOpen: me === "country", onClose: () => B(null), children: (x) => /* @__PURE__ */ e(
-          xn,
+        /* @__PURE__ */ e(je, { isOpen: Se === "country", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
+          vn,
           {
             onClose: x,
-            onSelect: (N) => {
-              ma(N), x();
+            onSelect: (E) => {
+              ma(E), x();
             },
-            assetBaseUrl: I,
-            selectedCode: b.country
+            assetBaseUrl: Y,
+            selectedCode: g.country
           }
         ) })
       ]
     }
   );
 }
-function Sn({
+function Nn({
   projectId: t,
   apiUrl: a,
   assetBaseUrl: n,
@@ -3760,45 +3779,45 @@ function Sn({
   customerId: o,
   brandId: d,
   defaultFiatCurrency: u,
-  defaultCryptoCurrency: i,
+  defaultCryptoCurrency: l,
   defaultNetwork: c,
   defaultFiatAmount: m,
-  defaultCryptoAmount: h,
+  defaultCryptoAmount: p,
   defaultWalletAddress: f,
-  defaultGateway: p,
-  defaultCountry: v,
-  fieldLocks: C,
-  partnerMetadata: E,
-  statusPollInterval: L,
-  onComplete: K,
-  onError: ee,
-  className: Z,
-  theme: Y,
-  skinId: te,
-  accentColor: $,
-  bgColor: le,
-  bgImage: b,
-  borderColor: U,
-  borderRadius: Q,
-  surfaceColor: s,
-  inputBgColor: S,
-  textColor: H,
-  textSecondaryColor: g,
-  textMutedColor: ce,
-  successColor: Ce,
-  showFlowToggle: se,
-  showSettings: ge,
-  showThemeToggle: D,
-  autoRedirect: Ne,
-  explorerUrl: I,
-  doneButtonText: oe,
-  supportEmail: de,
-  stablecoinParity: ue,
-  partnerName: z,
-  onDone: J
+  defaultGateway: C,
+  defaultCountry: S,
+  fieldLocks: k,
+  partnerMetadata: w,
+  statusPollInterval: y,
+  onComplete: O,
+  onError: le,
+  className: G,
+  theme: z,
+  skinId: ce,
+  accentColor: _,
+  bgColor: ne,
+  bgImage: g,
+  borderColor: T,
+  borderRadius: q,
+  surfaceColor: xe,
+  inputBgColor: F,
+  textColor: s,
+  textSecondaryColor: L,
+  textMutedColor: W,
+  successColor: b,
+  showFlowToggle: ee,
+  showSettings: ue,
+  showThemeToggle: I,
+  autoRedirect: ve,
+  explorerUrl: Y,
+  doneButtonText: ke,
+  supportEmail: se,
+  stablecoinParity: Q,
+  partnerName: te,
+  onDone: de
 }) {
   return /* @__PURE__ */ e(
-    Ia,
+    Ba,
     {
       projectId: t,
       apiUrl: a,
@@ -3807,58 +3826,58 @@ function Sn({
       customerId: o,
       brandId: d,
       defaultFiatCurrency: u,
-      defaultCryptoCurrency: i,
+      defaultCryptoCurrency: l,
       defaultNetwork: c,
       defaultFiatAmount: m,
-      defaultCryptoAmount: h,
+      defaultCryptoAmount: p,
       defaultWalletAddress: f,
-      defaultGateway: p,
-      defaultCountry: v,
-      fieldLocks: C,
-      partnerMetadata: E,
-      statusPollInterval: L,
-      onComplete: K,
-      onError: ee,
+      defaultGateway: C,
+      defaultCountry: S,
+      fieldLocks: k,
+      partnerMetadata: w,
+      statusPollInterval: y,
+      onComplete: O,
+      onError: le,
       children: /* @__PURE__ */ e(
-        bn,
+        Sn,
         {
-          className: Z,
-          theme: Y,
-          skinId: te,
-          accentColor: $,
-          bgColor: le,
-          bgImage: b,
-          borderColor: U,
-          borderRadius: Q,
-          surfaceColor: s,
-          inputBgColor: S,
-          textColor: H,
-          textSecondaryColor: g,
-          textMutedColor: ce,
-          successColor: Ce,
-          showFlowToggle: se,
-          showSettings: ge,
-          showThemeToggle: D,
-          autoRedirect: Ne,
-          explorerUrl: I,
-          doneButtonText: oe,
-          supportEmail: de,
-          stablecoinParity: ue,
-          partnerName: z,
-          onDone: J
+          className: G,
+          theme: z,
+          skinId: ce,
+          accentColor: _,
+          bgColor: ne,
+          bgImage: g,
+          borderColor: T,
+          borderRadius: q,
+          surfaceColor: xe,
+          inputBgColor: F,
+          textColor: s,
+          textSecondaryColor: L,
+          textMutedColor: W,
+          successColor: b,
+          showFlowToggle: ee,
+          showSettings: ue,
+          showThemeToggle: I,
+          autoRedirect: ve,
+          explorerUrl: Y,
+          doneButtonText: ke,
+          supportEmail: se,
+          stablecoinParity: Q,
+          partnerName: te,
+          onDone: de
         }
       )
     }
   );
 }
-function Fn({
+function Dn({
   submitButtonText: t,
   rateRefreshInterval: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(Sn, { ...n });
+  return /* @__PURE__ */ e(Nn, { ...n });
 }
-function Dn({
+function In({
   skin: t,
   active: a,
   onClick: n,
@@ -3866,14 +3885,14 @@ function Dn({
   dimmed: o
 }) {
   const d = t.accent === null, u = 32;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "button",
     {
       onClick: n,
       className: "relative shrink-0",
       style: { width: u, height: u, opacity: o ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
-        d ? /* @__PURE__ */ l("svg", { width: u, height: u, viewBox: "0 0 32 32", children: [
+        d ? /* @__PURE__ */ i("svg", { width: u, height: u, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("clipPath", { id: "mono-right", children: /* @__PURE__ */ e("rect", { x: "16", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#111111", clipPath: "url(#mono-left)" }),
@@ -3891,13 +3910,13 @@ function Dn({
     }
   );
 }
-function Nn({ quote: t }) {
-  return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ l("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
+function wn({ 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__ */ i("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
     "#",
     t.rank
   ] }) : null;
 }
-function wn({ quote: t }) {
+function En({ quote: t }) {
   return t.gatewayLogo ? /* @__PURE__ */ e(
     "img",
     {
@@ -3910,8 +3929,8 @@ function wn({ quote: t }) {
     }
   ) : /* @__PURE__ */ e(gt, { size: 36 });
 }
-function En() {
-  return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ l(
+function An() {
+  return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ i(
     "div",
     {
       className: "w-full flex items-center gap-3.5",
@@ -3923,14 +3942,14 @@ function En() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(_, { w: 36, h: 36, className: "rounded-full shrink-0" }),
-        /* @__PURE__ */ l("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(_, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(_, { w: 60, h: 12 })
+        /* @__PURE__ */ e(V, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ i("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e(V, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 60, h: 12 })
         ] }),
-        /* @__PURE__ */ l("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(_, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(_, { w: 80, h: 14 })
+        /* @__PURE__ */ i("div", { className: "text-right", children: [
+          /* @__PURE__ */ e(V, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 80, h: 14 })
         ] })
       ]
     },
@@ -3944,12 +3963,12 @@ function Mn({
   quotesLoading: r,
   cryptoCurrency: o
 }) {
-  const [d, u] = w(""), i = V(() => {
+  const [d, u] = A(""), l = j(() => {
     if (!(n != null && n.quotes)) return [];
     const c = d.trim().toLowerCase();
     return c ? n.quotes.filter((m) => m.gatewayName.toLowerCase().includes(c)) : n.quotes;
   }, [n, d]);
-  return /* @__PURE__ */ l(ae, { children: [
+  return /* @__PURE__ */ i(ae, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Be, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
@@ -3959,35 +3978,35 @@ function Mn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e($e, { value: d, onChange: u }),
-    /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(En, {}) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : i.map((c, m) => {
-        const h = m === 0, f = parseFloat(c.cryptoAmount), p = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
-        return /* @__PURE__ */ l(
+    /* @__PURE__ */ e(We, { value: d, onChange: u }),
+    /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
+      r ? /* @__PURE__ */ e(An, {}) : l.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : l.map((c, m) => {
+        const p = m === 0, f = parseFloat(c.cryptoAmount), C = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+        return /* @__PURE__ */ i(
           "button",
           {
             onClick: () => a(c),
             className: "w-full flex items-center gap-3.5 transition-colors",
             style: {
-              borderRadius: h ? 4.5 : 5,
-              height: h ? 63 : 64,
+              borderRadius: p ? 4.5 : 5,
+              height: p ? 63 : 64,
               paddingLeft: 16,
               paddingRight: 16,
-              border: h ? "1px solid var(--t-border)" : "1px solid transparent",
-              background: h ? "transparent" : "var(--t-surface)"
+              border: p ? "1px solid var(--t-border)" : "1px solid transparent",
+              background: p ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(wn, { quote: c }),
-              /* @__PURE__ */ l("div", { className: "text-left flex-1 min-w-0", children: [
+              /* @__PURE__ */ e(En, { quote: c }),
+              /* @__PURE__ */ i("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: c.gatewayName }),
-                /* @__PURE__ */ e(Nn, { quote: c })
+                /* @__PURE__ */ e(wn, { quote: c })
               ] }),
-              /* @__PURE__ */ l("div", { className: "text-right shrink-0", children: [
+              /* @__PURE__ */ i("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
-                /* @__PURE__ */ l("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
+                /* @__PURE__ */ i("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
                   o,
                   " ",
-                  p
+                  C
                 ] })
               ] })
             ]
@@ -3995,7 +4014,7 @@ function Mn({
           c.gatewayId
         );
       }),
-      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((c) => /* @__PURE__ */ l(
+      !r && (n == null ? void 0 : n.unavailableGateways) && n.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: n.unavailableGateways.map((c) => /* @__PURE__ */ i(
         "div",
         {
           className: "flex items-center justify-between py-2 text-[12px]",
@@ -4011,64 +4030,64 @@ function Mn({
   ] });
 }
 export {
-  sn as AnimatedDigit,
-  dn as AnimatedNumber,
-  Ga as ApplePayIcon,
+  dn as AnimatedDigit,
+  un as AnimatedNumber,
+  Wa as ApplePayIcon,
   Ve as BLOCKCHAINS,
-  Va as BankIcon,
-  at as COUNTRIES,
+  ja as BankIcon,
+  nt as COUNTRIES,
   yt as COUNTRY_MAP,
-  _a as CRYPTO_CHAIN_COMBOS,
+  Va as CRYPTO_CHAIN_COMBOS,
   Jt as CRYPTO_CURRENCIES,
-  Za as CardIcon,
-  Fn as CheckoutForm,
-  an as CheckoutStep,
+  Qa as CardIcon,
+  Dn as CheckoutForm,
+  nn as CheckoutStep,
   Ge as ChevronDown,
   Xt as ChevronRight,
   Mn as ChooseRampModal,
   Be as CloseButton,
-  Un as CoinifyIcon,
-  on as CompleteStep,
-  cn as ConfirmStep,
-  xn as CountryPickerModal,
-  fn as CryptoCurrencyModal,
-  Wt as CryptoIcon,
-  za as DarkModeIcon,
-  ln as ErrorStep,
+  Fn as CoinifyIcon,
+  ln as CompleteStep,
+  sn as ConfirmStep,
+  vn as CountryPickerModal,
+  pn as CryptoCurrencyModal,
+  $t as CryptoIcon,
+  Ja as DarkModeIcon,
+  cn as ErrorStep,
   _t as FIAT_CURRENCIES,
-  Oa as FIAT_TO_COUNTRY,
-  mn as FiatCurrencyModal,
-  pt as FiatFlag,
-  un as FormSkeleton,
+  Ha as FIAT_TO_COUNTRY,
+  fn as FiatCurrencyModal,
+  ht as FiatFlag,
+  mn as FormSkeleton,
   gt as GenericCoinIcon,
   $a as GooglePayIcon,
   jt as MOCK_RATES,
-  Qa as MenuIcon,
+  za as MenuIcon,
   je as Modal,
-  Wa as PayPalIcon,
-  tn as PaymentMethodSelector,
-  rn as ProcessingStep,
-  Sn as RampForm,
-  Ia as RampProvider,
-  ja as RevolutIcon,
+  Xa as PayPalIcon,
+  an as PaymentMethodSelector,
+  on as ProcessingStep,
+  Nn as RampForm,
+  Ba as RampProvider,
+  Ga as RevolutIcon,
   Vt as SKINS,
-  $e as SearchInput,
-  Cn as SettingsScreen,
-  _ as Skeleton,
-  Dn as SkinSwatch,
-  pn as ToggleSwitch,
-  ht as formatOutput,
+  We as SearchInput,
+  gn as SettingsScreen,
+  V as Skeleton,
+  In as SkinSwatch,
+  yn as ToggleSwitch,
+  pt as formatOutput,
   ft as getChainIconUrl,
   qt as getCryptoIconUrl,
   mt as getDefaultFiatForCountry,
-  Ha as getFiatFlagUrl,
-  Ln as getMockRate,
-  Ja as getPaymentIcon,
+  Pa as getFiatFlagUrl,
+  Un as getMockRate,
+  qa as getPaymentIcon,
   ea as isStablecoin,
-  Ka as parseAmount,
+  _a as parseAmount,
   wa as useCheckoutIntent,
   Na as useQuotes,
-  Ie as useRamp,
+  Me as useRamp,
   Sa as useRampConfig,
   Ea as useTransaction
 };