@nowramp/form 0.2.4 → 0.2.6

package/dist/index.js

@@ -9,107 +9,107 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as i, Fragment as G } from "react/jsx-runtime";
-import ke, { useState as w, useRef as M, useCallback as O, useEffect as U, useMemo as V, useReducer as an, useContext as ga, createContext as xa } from "react";
+import ke, { useState as w, useRef as I, useCallback as P, useEffect as U, useMemo as j, useReducer as an, useContext as ga, createContext as xa } from "react";
 import { RampApi as gt } from "@nowramp/sdk";
 import { createPortal as oa } from "react-dom";
 function nn(t, a, n) {
-  const [r, o] = w(null), [c, u] = w(!0), [l, d] = w(null), s = M(null);
+  const [r, o] = w(null), [l, d] = w(!0), [c, u] = w(null), s = I(null);
   (!s.current || s.current !== t) && (s.current = new gt({ apiKey: "", ...t }));
-  const h = O(async () => {
+  const h = P(async () => {
     if (!t.projectId) {
-      d(new Error("projectId is required")), u(!1);
+      u(new Error("projectId is required")), d(!1);
       return;
     }
-    u(!0), d(null);
+    d(!0), u(null);
     try {
-      const p = {};
-      a && (p.orderType = a), n && (p.country = n);
-      const f = await s.current.getSupported(p);
+      const m = {};
+      a && (m.orderType = a), n && (m.country = n);
+      const f = await s.current.getSupported(m);
       o(f);
-    } catch (p) {
-      d(p instanceof Error ? p : new Error("Failed to fetch config"));
+    } catch (m) {
+      u(m instanceof Error ? m : new Error("Failed to fetch config"));
     } finally {
-      u(!1);
+      d(!1);
     }
   }, [t.projectId, a, n]);
   return U(() => {
     h();
-  }, [h]), { config: r, loading: c, error: l, refetch: h };
+  }, [h]), { config: r, loading: l, error: c, refetch: h };
 }
 function rn(t, a) {
-  const [n, r] = w(null), [o, c] = w(!1), [u, l] = w(null), d = M(null), s = M(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!d.current || s.current !== h) && (d.current = new gt({ apiKey: "", ...t }), s.current = h);
-  const p = M(0);
+  const [n, r] = w(null), [o, l] = w(!1), [d, c] = w(null), u = I(null), s = I(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!u.current || s.current !== h) && (u.current = new gt({ apiKey: "", ...t }), s.current = h);
+  const m = I(0);
   U(() => {
-    const g = ++p.current;
+    const g = ++m.current;
     if (!a || !t.projectId) {
-      r(null), c(!1);
+      r(null), l(!1);
       return;
     }
-    c(!0), l(null), d.current.getQuotes(a).then(
+    l(!0), c(null), u.current.getQuotes(a).then(
       (k) => {
-        p.current === g && (r(k), c(!1));
+        m.current === g && (r(k), l(!1));
       },
       (k) => {
-        p.current === g && (l(k instanceof Error ? k : new Error("Failed to fetch quotes")), r(null), c(!1));
+        m.current === g && (c(k instanceof Error ? k : new Error("Failed to fetch quotes")), r(null), l(!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 f = O(async () => {
+  const f = P(async () => {
     if (!(!a || !t.projectId)) {
-      c(!0), l(null);
+      l(!0), c(null);
       try {
-        const g = await d.current.getQuotes(a);
+        const g = await u.current.getQuotes(a);
         r(g);
       } catch (g) {
-        l(g instanceof Error ? g : new Error("Failed to fetch quotes"));
+        c(g instanceof Error ? g : new Error("Failed to fetch quotes"));
       } finally {
-        c(!1);
+        l(!1);
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: o, error: u, refetch: f };
+  return { quotes: n, loading: o, error: d, refetch: f };
 }
 function on(t) {
-  const [a, n] = w(null), [r, o] = w(!1), [c, u] = w(null), l = M(null), d = M(""), s = `${t.apiUrl}|${t.projectId}`;
-  (!l.current || d.current !== s) && (l.current = new gt({ apiKey: "", ...t }), d.current = s);
-  const h = O(async (f) => {
-    o(!0), u(null);
+  const [a, n] = w(null), [r, o] = w(!1), [l, d] = w(null), c = I(null), u = I(""), s = `${t.apiUrl}|${t.projectId}`;
+  (!c.current || u.current !== s) && (c.current = new gt({ apiKey: "", ...t }), u.current = s);
+  const h = P(async (f) => {
+    o(!0), d(null);
     try {
-      const g = await l.current.createCheckoutIntent(f);
+      const g = await c.current.createCheckoutIntent(f);
       return n(g), g;
     } catch (g) {
       const k = g instanceof Error ? g : new Error("Failed to create checkout intent");
-      throw u(k), k;
+      throw d(k), k;
     } finally {
       o(!1);
     }
-  }, []), p = O(() => {
-    n(null), u(null);
+  }, []), m = P(() => {
+    n(null), d(null);
   }, []);
-  return { order: a, loading: r, error: c, createOrder: h, reset: p };
+  return { order: a, loading: r, error: l, createOrder: h, reset: m };
 }
 function ln(t, a, n) {
-  const [r, o] = w(null), [c, u] = w(!1), [l, d] = w(null), s = M(null);
+  const [r, o] = w(null), [l, d] = w(!1), [c, u] = w(null), s = I(null);
   s.current || (s.current = new gt({ apiKey: "", projectId: "", ...t }));
-  const h = O(async () => {
+  const h = P(async () => {
     if (a) {
-      u(!0), d(null);
+      d(!0), u(null);
       try {
-        const p = await s.current.getTransaction(a);
-        o(p);
-      } catch (p) {
-        d(p instanceof Error ? p : new Error("Failed to fetch status"));
+        const m = await s.current.getTransaction(a);
+        o(m);
+      } catch (m) {
+        u(m instanceof Error ? m : new Error("Failed to fetch status"));
       } finally {
-        u(!1);
+        d(!1);
       }
     }
   }, [a]);
   return U(() => {
     if (!a) return;
-    const p = (n == null ? void 0 : n.initialDelay) ?? 0;
-    if (p > 0) {
-      const f = setTimeout(h, p);
+    const m = (n == null ? void 0 : n.initialDelay) ?? 0;
+    if (m > 0) {
+      const f = setTimeout(h, m);
       return () => clearTimeout(f);
     }
     h();
@@ -118,7 +118,7 @@ function ln(t, a, n) {
       return;
     const f = setInterval(h, n.pollInterval);
     return () => clearInterval(f);
-  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: c, error: l, refetch: h };
+  }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: l, error: c, refetch: h };
 }
 const ft = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
@@ -330,11 +330,11 @@ function cn(t, a, n = xt) {
 function sn(t, a, n = xt) {
   const r = [];
   for (const o of t) {
-    const c = o.networks.filter(
-      (u) => Kt(u.providers, a, n)
+    const l = o.networks.filter(
+      (d) => Kt(d.providers, a, n)
     );
-    c.length > 0 && r.push(
-      c.length === o.networks.length ? o : { ...o, networks: c }
+    l.length > 0 && r.push(
+      l.length === o.networks.length ? o : { ...o, networks: l }
     );
   }
   return r;
@@ -349,63 +349,63 @@ function un(t, a, n) {
   let o = !1;
   if (!n.cryptoLocked && !n.networkLocked) {
     if (!(t.cryptoCurrency && a.availableCryptos.some(
-      (l) => l.code === t.cryptoCurrency && l.networks.some((d) => d.id === t.network)
+      (c) => c.code === t.cryptoCurrency && c.networks.some((u) => u.id === t.network)
     )) && a.availableCryptos.length > 0) {
-      const d = a.availableCryptos.find((h) => h.code === "BTC") || a.availableCryptos[0], s = d.networks.find((h) => h.isDefault) || d.networks[0];
-      d.code !== t.cryptoCurrency && (r.cryptoCurrency = d.code, o = !0), s && s.id !== t.network && (r.network = s.id, o = !0);
+      const u = a.availableCryptos.find((h) => h.code === "BTC") || a.availableCryptos[0], s = u.networks.find((h) => h.isDefault) || u.networks[0];
+      u.code !== t.cryptoCurrency && (r.cryptoCurrency = u.code, o = !0), s && s.id !== t.network && (r.network = s.id, o = !0);
     }
   } else if (!n.cryptoLocked && n.networkLocked) {
     if (!(t.cryptoCurrency && a.availableCryptos.some(
-      (l) => l.code === t.cryptoCurrency && l.networks.some((d) => d.id === t.network)
+      (c) => c.code === t.cryptoCurrency && c.networks.some((u) => u.id === t.network)
     ))) {
-      const l = a.availableCryptos.find(
-        (d) => d.networks.some((s) => s.id === t.network)
+      const c = a.availableCryptos.find(
+        (u) => u.networks.some((s) => s.id === t.network)
       );
-      l && l.code !== t.cryptoCurrency && (r.cryptoCurrency = l.code, o = !0);
+      c && c.code !== t.cryptoCurrency && (r.cryptoCurrency = c.code, o = !0);
     }
   } else if (n.cryptoLocked && !n.networkLocked) {
-    const u = a.availableCryptos.find(
-      (l) => l.code === t.cryptoCurrency
+    const d = a.availableCryptos.find(
+      (c) => c.code === t.cryptoCurrency
     );
-    if (u && !u.networks.some(
-      (d) => d.id === t.network
-    ) && u.networks.length > 0) {
-      const d = u.networks.find((s) => s.isDefault) || u.networks[0];
-      d.id !== t.network && (r.network = d.id, o = !0);
+    if (d && !d.networks.some(
+      (u) => u.id === t.network
+    ) && d.networks.length > 0) {
+      const u = d.networks.find((s) => s.isDefault) || d.networks[0];
+      u.id !== t.network && (r.network = u.id, o = !0);
     }
   }
-  if (!n.fiatLocked && !(t.fiatCurrency && a.availableFiats.some((l) => l.code === t.fiatCurrency)) && a.availableFiats.length > 0) {
-    const d = a.availableFiats.find((s) => s.code === "USD") || a.availableFiats[0];
-    d.code !== t.fiatCurrency && (r.fiatCurrency = d.code, o = !0);
+  if (!n.fiatLocked && !(t.fiatCurrency && a.availableFiats.some((c) => c.code === t.fiatCurrency)) && a.availableFiats.length > 0) {
+    const u = a.availableFiats.find((s) => s.code === "USD") || a.availableFiats[0];
+    u.code !== t.fiatCurrency && (r.fiatCurrency = u.code, o = !0);
   }
   if (!(t.paymentMethodId && a.availablePaymentMethods.some(
-    (u) => u.id === t.paymentMethodId
+    (d) => d.id === t.paymentMethodId
   )) && a.availablePaymentMethods.length > 0) {
-    const l = a.availablePaymentMethods.find(
-      (d) => d.id.includes("card") || d.id.includes("debit")
+    const c = a.availablePaymentMethods.find(
+      (u) => u.id.includes("card") || u.id.includes("debit")
     ) || a.availablePaymentMethods[0];
-    l.id !== t.paymentMethodId && (r.paymentMethodId = l.id, o = !0);
+    c.id !== t.paymentMethodId && (r.paymentMethodId = c.id, o = !0);
   }
   return o ? r : null;
 }
 function mn(t, a, n, r) {
-  var o, c, u;
+  var o, l, d;
   if (n.cryptoLocked) {
-    const l = (o = t.cryptos) == null ? void 0 : o.find(
+    const c = (o = t.cryptos) == null ? void 0 : o.find(
       (s) => s.code === a.cryptoCurrency
     );
-    if (!l) return !0;
-    const d = (c = l.networks) == null ? void 0 : c.find((s) => s.id === a.network);
-    if (!d || d.providers !== void 0 && d.providers.length === 0 || d.providers !== void 0 && (r.availableFiats.length === 0 || r.availablePaymentMethods.length === 0))
+    if (!c) return !0;
+    const u = (l = c.networks) == null ? void 0 : l.find((s) => s.id === a.network);
+    if (!u || u.providers !== void 0 && u.providers.length === 0 || u.providers !== void 0 && (r.availableFiats.length === 0 || r.availablePaymentMethods.length === 0))
       return !0;
   }
   if (n.networkLocked && !n.cryptoLocked && !r.availableCryptos.some(
-    (d) => d.networks.some((s) => s.id === a.network)
+    (u) => u.networks.some((s) => s.id === a.network)
   ))
     return !0;
   if (n.fiatLocked) {
-    const l = (u = t.fiats) == null ? void 0 : u.find((d) => d.code === a.fiatCurrency);
-    if (!l || l.providers !== void 0 && l.providers.length === 0 || l.providers !== void 0 && r.availableCryptos.length === 0)
+    const c = (d = t.fiats) == null ? void 0 : d.find((u) => u.code === a.fiatCurrency);
+    if (!c || c.providers !== void 0 && c.providers.length === 0 || c.providers !== void 0 && r.availableCryptos.length === 0)
       return !0;
   }
   return !1;
@@ -453,7 +453,7 @@ const yn = ["completed", "failed", "cancelled", "expired", "refunded"], va = {
   errorMessage: null
 };
 function gn(t, a) {
-  var n, r, o, c, u, l, d, s;
+  var n, r, o, l, d, c, u, s;
   switch (a.type) {
     case "SET_STEP":
       return { ...t, step: a.step, errorMessage: null };
@@ -464,8 +464,8 @@ function gn(t, a) {
         fiatAmount: "",
         cryptoAmount: "",
         fiatCurrency: (r = (n = a.fieldLocks) == null ? void 0 : n.sourceCurrency) != null && r.locked ? t.fiatCurrency : "",
-        cryptoCurrency: (c = (o = a.fieldLocks) == null ? void 0 : o.destinationCurrency) != null && c.locked ? t.cryptoCurrency : "",
-        network: (l = (u = a.fieldLocks) == null ? void 0 : u.network) != null && l.locked || (s = (d = a.fieldLocks) == null ? void 0 : d.destinationCurrency) != null && s.locked ? t.network : "",
+        cryptoCurrency: (l = (o = a.fieldLocks) == null ? void 0 : o.destinationCurrency) != null && l.locked ? t.cryptoCurrency : "",
+        network: (c = (d = a.fieldLocks) == null ? void 0 : d.network) != null && c.locked || (s = (u = a.fieldLocks) == null ? void 0 : u.destinationCurrency) != null && s.locked ? t.network : "",
         paymentMethodId: "",
         selectedQuote: null,
         selectedProvider: null,
@@ -521,109 +521,109 @@ function gn(t, a) {
 }
 const Ca = xa(null);
 function xn(t) {
-  const a = M(t.defaultFiatCurrency !== void 0), {
+  const a = I(t.defaultFiatCurrency !== void 0), {
     projectId: n,
     apiUrl: r = "https://api.nowramp.com",
     assetBaseUrl: o = "",
-    flowType: c = "buy",
-    customerId: u = "",
-    brandId: l,
-    defaultFiatCurrency: d = "USD",
+    flowType: l = "buy",
+    customerId: d = "",
+    brandId: c,
+    defaultFiatCurrency: u = "USD",
     defaultCryptoCurrency: s = "BTC",
     defaultNetwork: h = "",
-    defaultFiatAmount: p = "",
+    defaultFiatAmount: m = "",
     defaultCryptoAmount: f = "",
     defaultWalletAddress: g = "",
     defaultGateway: k,
-    defaultCountry: R,
+    defaultCountry: A,
     fieldLocks: y,
     partnerMetadata: N,
     statusPollInterval: K = 5e3,
     onComplete: z,
     onError: J,
     children: ie
-  } = t, q = V(() => ({ apiUrl: r, projectId: n }), [r, n]), te = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), be = c === "sell", ae = be ? !!f : !!p, C = (be ? !!(ae && s && te) : !!(ae && s && te && g)) && k ? "confirm" : "amount", F = p || (c === "buy" ? "250" : ""), [m, D] = an(gn, {
+  } = t, q = j(() => ({ apiUrl: r, projectId: n }), [r, n]), te = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), be = l === "sell", ae = be ? !!f : !!m, C = (be ? !!(ae && s && te) : !!(ae && s && te && g)) && k ? "confirm" : "amount", F = m || (l === "buy" ? "250" : ""), [p, D] = an(gn, {
     ...va,
     step: C,
-    flowType: c,
-    fiatCurrency: d,
+    flowType: l,
+    fiatCurrency: u,
     cryptoCurrency: s,
     network: te,
     fiatAmount: ia(F, 2),
     cryptoAmount: ia(f, 6),
     walletAddress: g,
-    customerId: u,
+    customerId: d,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
-    ...R ? { country: R.toLowerCase(), countrySource: "manual" } : {}
-  }), E = m.flowType === "sell", {
+    ...A ? { country: A.toLowerCase(), countrySource: "manual" } : {}
+  }), E = p.flowType === "sell", {
     config: b,
     loading: ne,
     error: pe
-  } = nn(q, m.flowType, m.country || void 0), Se = M(!1);
+  } = nn(q, p.flowType, p.country || void 0), Se = I(!1);
   ke.useEffect(() => {
-    var B, I;
-    if (Se.current || !(b != null && b.detectedCountry) || m.country) return;
+    var B, M;
+    if (Se.current || !(b != null && b.detectedCountry) || p.country) return;
     Se.current = !0;
     const v = b.detectedCountry.toLowerCase();
     D({ type: "SET_COUNTRY_AUTO", country: v });
-    const A = (B = b.fiats) == null ? void 0 : B.map((_) => _.code), T = Mt(v, A);
-    T !== m.fiatCurrency && !((I = y == null ? void 0 : y.sourceCurrency) != null && I.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: T });
-  }, [b, m.country, m.fiatCurrency, y]);
-  const Te = M(!1);
+    const R = (B = b.fiats) == null ? void 0 : B.map((_) => _.code), T = Mt(v, R);
+    T !== p.fiatCurrency && !((M = y == null ? void 0 : y.sourceCurrency) != null && M.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: T });
+  }, [b, p.country, p.fiatCurrency, y]);
+  const Te = I(!1);
   ke.useEffect(() => {
     var T, B;
-    if (Te.current || !R || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
+    if (Te.current || !A || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
     Te.current = !0;
-    const v = b.fiats.map((I) => I.code), A = Mt(R, v);
-    A !== m.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [R, b, m.fiatCurrency, y]);
-  const he = M(m.country);
+    const v = b.fiats.map((M) => M.code), R = Mt(A, v);
+    R !== p.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: R });
+  }, [A, b, p.fiatCurrency, y]);
+  const he = I(p.country);
   ke.useEffect(() => {
     var T, B;
-    if (m.country === he.current || (he.current = m.country, m.countrySource === "manual" && (_e.current = !1), m.countrySource !== "manual") || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
-    const v = b.fiats.map((I) => I.code), A = Mt(m.country, v);
-    A !== m.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && D({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [m.country, m.countrySource, b, m.fiatCurrency, y]);
-  const le = M(m.fiatCurrency);
+    if (p.country === he.current || (he.current = p.country, p.countrySource === "manual" && (_e.current = !1), p.countrySource !== "manual") || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
+    const v = b.fiats.map((M) => M.code), R = Mt(p.country, v);
+    R !== p.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && D({ type: "SET_FIAT_CURRENCY", currency: R });
+  }, [p.country, p.countrySource, b, p.fiatCurrency, y]);
+  const le = I(p.fiatCurrency);
   ke.useEffect(() => {
     var B;
-    if (m.fiatCurrency === le.current || (le.current = m.fiatCurrency, E || !((B = b == null ? void 0 : b.fiats) != null && B.length) || !m.fiatAmount)) return;
-    const v = b.fiats.find((I) => I.code === m.fiatCurrency);
+    if (p.fiatCurrency === le.current || (le.current = p.fiatCurrency, E || !((B = b == null ? void 0 : b.fiats) != null && B.length) || !p.fiatAmount)) return;
+    const v = b.fiats.find((M) => M.code === p.fiatCurrency);
     if (!(v != null && v.minAmount)) return;
-    const A = parseFloat(m.fiatAmount), T = parseFloat(v.minAmount);
-    !isNaN(A) && !isNaN(T) && A < T && D({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(T)) });
-  }, [m.fiatCurrency, m.fiatAmount, b, E]);
-  const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = V(() => {
-    var T, B, I;
+    const R = parseFloat(p.fiatAmount), T = parseFloat(v.minAmount);
+    !isNaN(R) && !isNaN(T) && R < T && D({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(T)) });
+  }, [p.fiatCurrency, p.fiatAmount, b, E]);
+  const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = j(() => {
+    var T, B, M;
     if (!b)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
     let v;
-    if (m.cryptoCurrency && m.network) {
-      const _ = (T = b.cryptos) == null ? void 0 : T.find((ge) => ge.code === m.cryptoCurrency), ue = (B = _ == null ? void 0 : _.networks) == null ? void 0 : B.find((ge) => ge.id === m.network);
+    if (p.cryptoCurrency && p.network) {
+      const _ = (T = b.cryptos) == null ? void 0 : T.find((ge) => ge.code === p.cryptoCurrency), ue = (B = _ == null ? void 0 : _.networks) == null ? void 0 : B.find((ge) => ge.id === p.network);
       !_ || !ue ? v = [] : v = ue.providers;
     }
-    let A;
-    if (m.fiatCurrency) {
-      const _ = (I = b.fiats) == null ? void 0 : I.find((ue) => ue.code === m.fiatCurrency);
-      _ ? A = _.providers : A = [];
+    let R;
+    if (p.fiatCurrency) {
+      const _ = (M = b.fiats) == null ? void 0 : M.find((ue) => ue.code === p.fiatCurrency);
+      _ ? R = _.providers : R = [];
     }
     return {
       availableFiats: cn(b.fiats ?? [], v),
-      availableCryptos: sn(b.cryptos ?? [], A),
+      availableCryptos: sn(b.cryptos ?? [], R),
       availablePaymentMethods: dn(
         b.paymentMethods ?? [],
         v,
-        m.fiatCurrency
+        p.fiatCurrency
       )
     };
-  }, [b, m.cryptoCurrency, m.network, m.fiatCurrency]), Qe = V(() => {
-    var v, A, T;
+  }, [b, p.cryptoCurrency, p.network, p.fiatCurrency]), Qe = j(() => {
+    var v, R, T;
     return ne || !b ? !1 : mn(
       b,
-      { cryptoCurrency: m.cryptoCurrency, network: m.network, fiatCurrency: m.fiatCurrency },
+      { cryptoCurrency: p.cryptoCurrency, network: p.network, fiatCurrency: p.fiatCurrency },
       {
         cryptoLocked: !!((v = y == null ? void 0 : y.destinationCurrency) != null && v.locked),
-        networkLocked: !!((A = y == null ? void 0 : y.network) != null && A.locked),
+        networkLocked: !!((R = y == null ? void 0 : y.network) != null && R.locked),
         fiatLocked: !!((T = y == null ? void 0 : y.sourceCurrency) != null && T.locked)
       },
       { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe }
@@ -632,26 +632,26 @@ function xn(t) {
     ne,
     b,
     y,
-    m.cryptoCurrency,
-    m.network,
-    m.fiatCurrency,
+    p.cryptoCurrency,
+    p.network,
+    p.fiatCurrency,
     ce,
     X,
     fe
   ]);
   ke.useEffect(() => {
-    var A, T, B;
+    var R, T, B;
     if (ne || ce.length === 0 && X.length === 0) return;
     const v = un(
       {
-        cryptoCurrency: m.cryptoCurrency,
-        network: m.network,
-        fiatCurrency: m.fiatCurrency,
-        paymentMethodId: m.paymentMethodId
+        cryptoCurrency: p.cryptoCurrency,
+        network: p.network,
+        fiatCurrency: p.fiatCurrency,
+        paymentMethodId: p.paymentMethodId
       },
       { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe },
       {
-        cryptoLocked: !!((A = y == null ? void 0 : y.destinationCurrency) != null && A.locked),
+        cryptoLocked: !!((R = y == null ? void 0 : y.destinationCurrency) != null && R.locked),
         networkLocked: !!((T = y == null ? void 0 : y.network) != null && T.locked),
         fiatLocked: !!((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked)
       }
@@ -662,52 +662,52 @@ function xn(t) {
     ce,
     X,
     fe,
-    m.cryptoCurrency,
-    m.network,
-    m.fiatCurrency,
-    m.paymentMethodId,
+    p.cryptoCurrency,
+    p.network,
+    p.fiatCurrency,
+    p.paymentMethodId,
     y,
     D
   ]);
-  const oe = V(() => {
+  const oe = j(() => {
     if (E) {
-      if (!m.cryptoAmount) return null;
-      const I = parseFloat(m.cryptoAmount);
-      return isNaN(I) || I <= 0 ? "Enter a valid amount" : null;
+      if (!p.cryptoAmount) return null;
+      const M = parseFloat(p.cryptoAmount);
+      return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
     }
-    if (!b || !m.fiatAmount) return null;
-    const v = parseFloat(m.fiatAmount);
+    if (!b || !p.fiatAmount) return null;
+    const v = parseFloat(p.fiatAmount);
     if (isNaN(v)) return null;
-    const A = b.fiats.find((I) => I.code === m.fiatCurrency);
-    if (!A) return null;
-    const T = parseFloat(A.minAmount), B = parseFloat(A.maxAmount);
-    return !isNaN(T) && v < T ? `Minimum amount is ${A.minAmount} ${m.fiatCurrency}` : !isNaN(B) && v > B ? `Maximum amount is ${A.maxAmount} ${m.fiatCurrency}` : null;
-  }, [b, m.fiatAmount, m.fiatCurrency, m.cryptoAmount, E]), ye = V(() => {
-    const v = E ? !!m.cryptoAmount : !!m.fiatAmount;
-    return !b || !v || !m.fiatCurrency || !m.cryptoCurrency || !m.network || oe || b.detectedCountry && m.countrySource === "" && !R ? null : {
-      fiatCurrency: m.fiatCurrency,
-      ...E ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
-      cryptoCurrency: m.cryptoCurrency,
-      network: m.network,
-      paymentMethodId: m.paymentMethodId || void 0,
-      country: m.country || void 0,
-      orderType: m.flowType
+    const R = b.fiats.find((M) => M.code === p.fiatCurrency);
+    if (!R) return null;
+    const T = parseFloat(R.minAmount), B = parseFloat(R.maxAmount);
+    return !isNaN(T) && v < T ? `Minimum amount is ${R.minAmount} ${p.fiatCurrency}` : !isNaN(B) && v > B ? `Maximum amount is ${R.maxAmount} ${p.fiatCurrency}` : null;
+  }, [b, p.fiatAmount, p.fiatCurrency, p.cryptoAmount, E]), ye = j(() => {
+    const v = E ? !!p.cryptoAmount : !!p.fiatAmount;
+    return !b || !v || !p.fiatCurrency || !p.cryptoCurrency || !p.network || oe || b.detectedCountry && p.countrySource === "" && !A ? null : {
+      fiatCurrency: p.fiatCurrency,
+      ...E ? { cryptoAmount: p.cryptoAmount } : { fiatAmount: p.fiatAmount },
+      cryptoCurrency: p.cryptoCurrency,
+      network: p.network,
+      paymentMethodId: p.paymentMethodId || void 0,
+      country: p.country || void 0,
+      orderType: p.flowType
     };
-  }, [b, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, oe, E, m.flowType, R]), {
+  }, [b, p.fiatCurrency, p.fiatAmount, p.cryptoAmount, p.cryptoCurrency, p.network, p.paymentMethodId, p.country, p.countrySource, oe, E, p.flowType, A]), {
     quotes: $,
     loading: Ke,
     error: ze,
     refetch: vt
-  } = rn(q, ye), se = pn(Ke, $, ye), _e = M(!1);
+  } = rn(q, ye), se = pn(Ke, $, ye), _e = I(!1);
   ke.useEffect(() => {
     var v;
-    _e.current || m.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !$ || $.bestQuote || m.fiatCurrency !== "USD" && (_e.current = !0, D({ type: "SET_FIAT_CURRENCY", currency: "USD" }), D({ type: "SET_FIAT_AMOUNT", amount: "250" })));
-  }, [$, Ke, ze, ye, m.countrySource, m.fiatCurrency]);
+    _e.current || p.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !$ || $.bestQuote || p.fiatCurrency !== "USD" && (_e.current = !0, D({ type: "SET_FIAT_CURRENCY", currency: "USD" }), D({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [$, Ke, ze, ye, p.countrySource, p.fiatCurrency]);
   const {
     order: Le,
     loading: Ct,
     error: de,
-    createOrder: j
+    createOrder: V
   } = on(q), lt = 15e3, {
     status: Z,
     loading: bt
@@ -715,76 +715,76 @@ function xn(t) {
     { apiUrl: r },
     (Le == null ? void 0 : Le.orderId) ?? null,
     { pollInterval: K, initialDelay: lt }
-  ), Je = M(null);
+  ), Je = I(null);
   ke.useEffect(() => {
     !(Z != null && Z.status) || !z || yn.includes(Z.status) && Je.current !== Z.orderId && (Je.current = Z.orderId, z(Z));
   }, [Z == null ? void 0 : Z.status, Z == null ? void 0 : Z.orderId, z]), ke.useEffect(() => {
     const v = pe || de;
     v && J && J(v);
   }, [pe, de, J]);
-  const Fe = k || (b == null ? void 0 : b.defaultGateway) || null, ct = V(() => {
+  const Fe = k || (b == null ? void 0 : b.defaultGateway) || null, ct = j(() => {
     if (!se || !($ != null && $.unavailableGateways)) return null;
     const v = $.preferredGatewayId || Fe;
     return hn($.unavailableGateways, v);
-  }, [se, $, Fe]), je = M(Fe);
+  }, [se, $, Fe]), je = I(Fe);
   je.current = Fe;
-  const qe = M($);
+  const qe = I($);
   qe.current = $;
-  const et = M(l);
-  et.current = l;
-  const Ue = O(async () => {
-    var A, T, B;
-    const v = ((A = m.selectedQuote) == null ? void 0 : A.gatewayId) || ((B = (T = qe.current) == null ? void 0 : T.bestQuote) == null ? void 0 : B.gatewayId) || je.current;
-    if (!v || !m.walletAddress) {
-      const I = [!v && "gateway", !m.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      D({ type: "SET_ERROR", message: `Missing required fields: ${I}` });
+  const et = I(c);
+  et.current = c;
+  const Ue = P(async () => {
+    var R, T, B;
+    const v = ((R = p.selectedQuote) == null ? void 0 : R.gatewayId) || ((B = (T = qe.current) == null ? void 0 : T.bestQuote) == null ? void 0 : B.gatewayId) || je.current;
+    if (!v || !p.walletAddress) {
+      const M = [!v && "gateway", !p.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      D({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
       return;
     }
     try {
-      await j({
+      await V({
         gateway: v,
-        customerId: m.customerId || void 0,
-        fiatCurrency: m.fiatCurrency,
-        ...E ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
-        cryptoCurrency: m.cryptoCurrency,
-        network: m.network,
-        walletAddress: m.walletAddress,
-        paymentMethodId: m.paymentMethodId || void 0,
-        email: m.email || void 0,
-        orderType: m.flowType,
+        customerId: p.customerId || void 0,
+        fiatCurrency: p.fiatCurrency,
+        ...E ? { cryptoAmount: p.cryptoAmount } : { fiatAmount: p.fiatAmount },
+        cryptoCurrency: p.cryptoCurrency,
+        network: p.network,
+        walletAddress: p.walletAddress,
+        paymentMethodId: p.paymentMethodId || void 0,
+        email: p.email || void 0,
+        orderType: p.flowType,
         ...et.current ? { metadata: { brand: et.current } } : {},
         ...N && Object.keys(N).length > 0 ? { partnerMetadata: N } : {}
       }), D({ type: "SET_STEP", step: "checkout" });
-    } catch (I) {
-      const _ = I instanceof Error ? I.message : "Failed to create order";
+    } catch (M) {
+      const _ = M instanceof Error ? M.message : "Failed to create order";
       /wallet|address/i.test(_) ? D({ type: "SET_WALLET_ERROR", message: _.replace(/^Failed to create checkout intent:\s*/i, "") }) : D({ type: "SET_ERROR", message: _ });
     }
-  }, [m, j, E, N]), tt = O((v) => {
+  }, [p, V, E, N]), tt = P((v) => {
     D({ type: "SET_STEP", step: v });
-  }, []), St = O(() => {
-    const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = v.indexOf(m.step);
-    A > 0 && D({ type: "SET_STEP", step: v[A - 1] });
-  }, [m.step, E]), wt = V(() => {
-    const v = E ? !!m.cryptoAmount : !!m.fiatAmount;
-    switch (m.step) {
+  }, []), St = P(() => {
+    const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], R = v.indexOf(p.step);
+    R > 0 && D({ type: "SET_STEP", step: v[R - 1] });
+  }, [p.step, E]), wt = j(() => {
+    const v = E ? !!p.cryptoAmount : !!p.fiatAmount;
+    switch (p.step) {
       case "confirm":
-        return !!(v && m.cryptoCurrency && m.network && m.walletAddress && !oe);
+        return !!(v && p.cryptoCurrency && p.network && p.walletAddress && !oe);
       case "amount":
-        return !!(v && m.cryptoCurrency && m.network && !oe);
+        return !!(v && p.cryptoCurrency && p.network && !oe);
       case "quotes":
-        return !!m.selectedQuote;
+        return !!p.selectedQuote;
       case "wallet":
-        return !!m.walletAddress;
+        return !!p.walletAddress;
       default:
         return !1;
     }
-  }, [m, oe, E]), st = {
+  }, [p, oe, E]), st = {
     apiConfig: q,
     assetBaseUrl: o,
     config: b,
     configLoading: ne,
     configError: pe,
-    state: m,
+    state: p,
     dispatch: D,
     quotes: $,
     quotesLoading: Ke,
@@ -1105,37 +1105,37 @@ function vn({
   defaultLocale: t = "en",
   children: a
 }) {
-  const [n, r] = w(t), [o, c] = w(Be[t] || it);
+  const [n, r] = w(t), [o, l] = w(Be[t] || it);
   U(() => {
     if (r(t), Be[t])
-      c(Be[t]);
+      l(Be[t]);
     else {
       const s = la[t];
       s && s().then((h) => {
-        Be[t] = h.default, c(h.default);
+        Be[t] = h.default, l(h.default);
       });
     }
   }, [t]);
-  const u = O((s) => {
+  const d = P((s) => {
     if (r(s), Be[s]) {
-      c(Be[s]);
+      l(Be[s]);
       return;
     }
     const h = la[s];
-    h && h().then((p) => {
-      Be[s] = p.default, c(p.default);
+    h && h().then((m) => {
+      Be[s] = m.default, l(m.default);
     });
-  }, []), l = O(
+  }, []), c = P(
     (s, h) => {
-      const p = o[s] || it[s] || s;
-      return Sa(p, h);
+      const m = o[s] || it[s] || s;
+      return Sa(m, h);
     },
     [o]
-  ), d = V(
-    () => ({ locale: n, setLocale: u, t: l, languages: Ze }),
-    [n, u, l]
+  ), u = j(
+    () => ({ locale: n, setLocale: d, t: c, languages: Ze }),
+    [n, d, c]
   );
-  return /* @__PURE__ */ e(ba.Provider, { value: d, children: a });
+  return /* @__PURE__ */ e(ba.Provider, { value: u, children: a });
 }
 function _t() {
   const t = ga(ba);
@@ -1147,7 +1147,7 @@ function _t() {
     languages: Ze
   };
 }
-function P() {
+function O() {
   return _t().t;
 }
 function Cn({
@@ -1156,7 +1156,7 @@ function Cn({
   onCancel: n,
   redirectCountdown: r
 }) {
-  const o = P();
+  const o = O();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -1238,35 +1238,67 @@ function Ee({ size: t = 48 }) {
     }
   );
 }
-function bn({
+const bn = {
+  buildUrl(t, a) {
+    const n = a.partner_id, r = n ? `/${n}/widget` : "/widget", o = new URL(r, t);
+    for (const [l, d] of Object.entries(a))
+      l === "origin" || l === "partner_id" || d == null || d === "" || typeof d == "object" || o.searchParams.set(l, String(d));
+    return o.searchParams.set("widget_layout_mode", "Modal"), o.toString();
+  },
+  onLoad(t, a) {
+    var n, r;
+    (n = t.contentWindow) == null || n.postMessage(
+      { type: "parent-hostname", data: { hostname: window.location.hostname } },
+      a
+    ), (r = t.contentWindow) == null || r.postMessage(
+      { type: "allow-redirect", data: { redirectAllowed: !1 } },
+      a
+    );
+  },
+  iframeAllow: "camera *; microphone *; payment",
+  iframeSandbox: "allow-scripts allow-forms allow-popups allow-same-origin"
+}, Sn = {
+  wert: bn
+}, wn = {
+  buildUrl(t, a) {
+    const n = new URL(t);
+    for (const [r, o] of Object.entries(a))
+      o == null || o === "" || typeof o == "object" || n.searchParams.set(r, String(o));
+    return n.toString();
+  }
+};
+function kn(t) {
+  return Sn[t] ?? wn;
+}
+function Nn({
   className: t = "",
   autoRedirect: a = !1,
   redirectDelay: n = 3e3
 }) {
   var g;
-  const { order: r, orderStatus: o, goToStep: c, goBack: u } = Xe(), l = P(), [d, s] = w(!1), [h, p] = w(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  const { order: r, orderStatus: o, goToStep: l, goBack: d } = Xe(), c = O(), [u, s] = w(!1), [h, m] = w(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
   if (U(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
-      p(Math.ceil(n / 1e3));
+      m(Math.ceil(n / 1e3));
       const k = setTimeout(() => {
         window.location.href = r.checkout.url;
-      }, n), R = setInterval(() => {
-        p((y) => y && y > 1 ? y - 1 : null);
+      }, n), A = setInterval(() => {
+        m((y) => y && y > 1 ? y - 1 : null);
       }, 1e3);
       return () => {
-        clearTimeout(k), clearInterval(R);
+        clearTimeout(k), clearInterval(A);
       };
     }
   }, [r, a, n, f]), U(() => {
-    o && (o.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(o.status) && c("error"));
-  }, [o == null ? void 0 : o.status, c]), !r)
+    o && (o.status === "completed" ? l("complete") : ["failed", "cancelled", "expired"].includes(o.status) && l("error"));
+  }, [o == null ? void 0 : o.status, l]), !r)
     return /* @__PURE__ */ i(
       "div",
       {
         className: `flex flex-col items-center justify-center p-8 ${t}`,
         style: { color: "var(--t-text)" },
         children: [
-          /* @__PURE__ */ e("p", { className: "text-[15px] mb-4", children: l("checkout.noOrder") }),
+          /* @__PURE__ */ e("p", { className: "text-[15px] mb-4", children: c("checkout.noOrder") }),
           /* @__PURE__ */ e(
             "button",
             {
@@ -1279,8 +1311,8 @@ function bn({
                 paddingLeft: 24,
                 paddingRight: 24
               },
-              onClick: u,
-              children: l("checkout.goBack")
+              onClick: d,
+              children: c("checkout.goBack")
             }
           )
         ]
@@ -1293,8 +1325,8 @@ function bn({
         className: `flex flex-col items-center justify-center p-8 text-center ${t}`,
         style: { color: "var(--t-text)" },
         children: [
-          /* @__PURE__ */ e("h3", { className: "text-[18px] font-semibold mb-2", children: l("checkout.expired") }),
-          /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: l("checkout.expiredDesc") }),
+          /* @__PURE__ */ e("h3", { className: "text-[18px] font-semibold mb-2", children: c("checkout.expired") }),
+          /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: c("checkout.expiredDesc") }),
           /* @__PURE__ */ e(
             "button",
             {
@@ -1305,15 +1337,15 @@ function bn({
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)"
               },
-              onClick: u,
-              children: l("checkout.startOver")
+              onClick: d,
+              children: c("checkout.startOver")
             }
           )
         ]
       }
     );
   if (r.checkout.method === "iframe") {
-    const k = r.checkout.url, R = ((g = r.checkout.allowedFeatures) == null ? void 0 : g.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const k = r.checkout.url, A = ((g = r.checkout.allowedFeatures) == null ? void 0 : g.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return oa(
       /* @__PURE__ */ i(
         "div",
@@ -1342,7 +1374,7 @@ function bn({
                 children: /* @__PURE__ */ i(
                   "button",
                   {
-                    onClick: u,
+                    onClick: d,
                     style: {
                       display: "flex",
                       alignItems: "center",
@@ -1358,14 +1390,14 @@ function bn({
                     },
                     children: [
                       /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-                      l("checkout.cancel")
+                      c("checkout.cancel")
                     ]
                   }
                 )
               }
             ),
             /* @__PURE__ */ i("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !d && /* @__PURE__ */ i(
+              !u && /* @__PURE__ */ i(
                 "div",
                 {
                   style: {
@@ -1378,7 +1410,7 @@ function bn({
                   },
                   children: [
                     /* @__PURE__ */ e(Ee, { size: 32 }),
-                    /* @__PURE__ */ e("p", { style: { color: "#888", fontSize: 14, marginTop: 16 }, children: l("checkout.loading") })
+                    /* @__PURE__ */ e("p", { style: { color: "#888", fontSize: 14, marginTop: 16 }, children: c("checkout.loading") })
                   ]
                 }
               ),
@@ -1387,14 +1419,14 @@ function bn({
                 {
                   src: k,
                   style: {
-                    display: d ? "block" : "none",
+                    display: u ? "block" : "none",
                     width: "100%",
                     height: "100%",
                     border: "none"
                   },
-                  allow: R,
+                  allow: A,
                   onLoad: () => s(!0),
-                  title: l("checkout.iframeTitle")
+                  title: c("checkout.iframeTitle")
                 }
               )
             ] })
@@ -1404,115 +1436,33 @@ function bn({
       document.body
     );
   }
-  if (r.checkout.method === "redirect")
-    return /* @__PURE__ */ e(
-      Cn,
+  return r.checkout.method === "redirect" ? /* @__PURE__ */ e(
+    Cn,
+    {
+      gatewayName: r.gateway,
+      checkoutUrl: r.checkout.url,
+      onCancel: d,
+      redirectCountdown: h
+    }
+  ) : r.checkout.method === "widget" && r.widgetConfig ? oa(
+    /* @__PURE__ */ e(
+      En,
       {
-        gatewayName: r.gateway,
-        checkoutUrl: r.checkout.url,
-        onCancel: u,
-        redirectCountdown: h
+        order: r,
+        iframeLoaded: u,
+        onIframeLoad: () => s(!0),
+        onBack: d,
+        t: c
       }
-    );
-  if (r.checkout.method === "widget" && r.widgetConfig) {
-    const k = Sn(r.checkout.url, r.widgetConfig);
-    return oa(
-      /* @__PURE__ */ i(
-        "div",
-        {
-          style: {
-            position: "fixed",
-            inset: 0,
-            zIndex: 9999,
-            display: "flex",
-            flexDirection: "column",
-            background: "#000"
-          },
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  height: 48,
-                  paddingLeft: 8,
-                  paddingRight: 16,
-                  background: "#111",
-                  flexShrink: 0
-                },
-                children: /* @__PURE__ */ i(
-                  "button",
-                  {
-                    onClick: u,
-                    style: {
-                      display: "flex",
-                      alignItems: "center",
-                      gap: 6,
-                      background: "none",
-                      border: "none",
-                      color: "#fff",
-                      fontSize: 14,
-                      fontWeight: 500,
-                      cursor: "pointer",
-                      padding: "8px 12px",
-                      borderRadius: 6
-                    },
-                    children: [
-                      /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-                      l("checkout.cancel")
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ i("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
-              !d && /* @__PURE__ */ i(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    inset: 0,
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "center",
-                    justifyContent: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ e(Ee, { size: 32 }),
-                    /* @__PURE__ */ e("p", { style: { color: "#888", fontSize: 14, marginTop: 16 }, children: l("checkout.loading") })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(
-                "iframe",
-                {
-                  src: k,
-                  style: {
-                    display: d ? "block" : "none",
-                    width: "100%",
-                    height: "100%",
-                    border: "none"
-                  },
-                  allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
-                  onLoad: () => s(!0),
-                  title: l("checkout.widgetTitle")
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      document.body
-    );
-  }
-  return /* @__PURE__ */ i(
+    ),
+    document.body
+  ) : /* @__PURE__ */ i(
     "div",
     {
       className: `flex flex-col items-center justify-center p-8 ${t}`,
       style: { color: "var(--t-text)" },
       children: [
-        /* @__PURE__ */ e("p", { className: "text-[15px] mb-4", children: l("checkout.unknownMethod") }),
+        /* @__PURE__ */ e("p", { className: "text-[15px] mb-4", children: c("checkout.unknownMethod") }),
         /* @__PURE__ */ e(
           "button",
           {
@@ -1525,26 +1475,120 @@ function bn({
               paddingLeft: 24,
               paddingRight: 24
             },
-            onClick: u,
-            children: l("checkout.goBack")
+            onClick: d,
+            children: c("checkout.goBack")
           }
         )
       ]
     }
   );
 }
-function Sn(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 En({
+  order: t,
+  iframeLoaded: a,
+  onIframeLoad: n,
+  onBack: r,
+  t: o
+}) {
+  var m;
+  const l = I(null), d = j(() => kn(t.gateway), [t.gateway]), c = d.buildUrl(t.checkout.url, t.widgetConfig ?? {}), u = t.checkout.url, s = ((m = t.checkout.allowedFeatures) == null ? void 0 : m.join("; ")) || d.iframeAllow || "payment; camera; microphone", h = P(() => {
+    n(), l.current && d.onLoad && d.onLoad(l.current, u);
+  }, [n, d, u]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 9999,
+        display: "flex",
+        flexDirection: "column",
+        background: "#000"
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              height: 48,
+              paddingLeft: 8,
+              paddingRight: 16,
+              background: "#111",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: r,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: 6,
+                  background: "none",
+                  border: "none",
+                  color: "#fff",
+                  fontSize: 14,
+                  fontWeight: 500,
+                  cursor: "pointer",
+                  padding: "8px 12px",
+                  borderRadius: 6
+                },
+                children: [
+                  /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+                  o("checkout.cancel")
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
+          !a && /* @__PURE__ */ i(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                inset: 0,
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: [
+                /* @__PURE__ */ e(Ee, { size: 32 }),
+                /* @__PURE__ */ e("p", { style: { color: "#888", fontSize: 14, marginTop: 16 }, children: o("checkout.loading") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "iframe",
+            {
+              ref: l,
+              src: c,
+              style: {
+                display: a ? "block" : "none",
+                width: "100%",
+                height: "100%",
+                border: "none"
+              },
+              allow: s,
+              sandbox: d.iframeSandbox,
+              onLoad: h,
+              title: o("checkout.widgetTitle")
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-function wn({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Xe(), o = P();
+function An({ className: t = "" }) {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Xe(), o = O();
   U(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
-  const c = () => {
+  const l = () => {
     if (!a) return o("processing.default");
     switch (a.status) {
       case "pending":
@@ -1557,7 +1601,7 @@ function wn({ className: t = "" }) {
   };
   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", style: { animation: "processingPulse 1500ms ease-in-out infinite" }, children: /* @__PURE__ */ e(Ee, { size: 64 }) }),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: c() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
     n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: o("processing.checkingStatus") }),
     a && /* @__PURE__ */ i("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: [
       /* @__PURE__ */ e($e, { label: o("processing.orderId"), value: a.orderId, mono: !0 }),
@@ -1612,13 +1656,13 @@ function $e({ label: t, value: a, mono: n }) {
     }
   );
 }
-function kn({
+function Rn({
   className: t = "",
   explorerUrl: a,
   onDone: n,
   doneButtonText: r
 }) {
-  const { orderStatus: o, state: c, dispatch: u } = Xe(), l = P(), d = c.flowType === "sell", s = () => {
+  const { orderStatus: o, state: l, dispatch: d } = Xe(), c = O(), u = l.flowType === "sell", s = () => {
     if (!(o != null && o.transactionHash)) return null;
     if (!a) {
       const f = {
@@ -1632,12 +1676,12 @@ function kn({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (f[c.network] || f.ethereum).replace("{txHash}", o.transactionHash);
+      return (f[l.network] || f.ethereum).replace("{txHash}", o.transactionHash);
     }
     return a.replace("{txHash}", o.transactionHash);
   }, h = () => {
-    n ? n() : u({ type: "RESET" });
-  }, p = s();
+    n ? n() : d({ type: "RESET" });
+  }, m = s();
   return /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1655,13 +1699,13 @@ function kn({
         ) })
       }
     ),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: l(d ? "complete.sellTitle" : "complete.buyTitle") }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: d ? l("complete.sellDesc", { fiat: (o == null ? void 0 : o.fiatCurrency) || c.fiatCurrency }) : l("complete.buyDesc", { crypto: (o == null ? void 0 : o.cryptoCurrency) || c.cryptoCurrency }) }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: c(u ? "complete.sellTitle" : "complete.buyTitle") }),
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: u ? c("complete.sellDesc", { fiat: (o == null ? void 0 : o.fiatCurrency) || l.fiatCurrency }) : c("complete.buyDesc", { crypto: (o == null ? void 0 : o.cryptoCurrency) || l.cryptoCurrency }) }),
     o && /* @__PURE__ */ i("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: [
       /* @__PURE__ */ e(
         Ne,
         {
-          label: l(d ? "complete.amountSell" : "complete.amountBuy"),
+          label: c(u ? "complete.amountSell" : "complete.amountBuy"),
           value: `${o.cryptoAmount} ${o.cryptoCurrency}`,
           highlight: !0
         }
@@ -1669,15 +1713,15 @@ function kn({
       /* @__PURE__ */ e(
         Ne,
         {
-          label: l(d ? "complete.paidSell" : "complete.paidBuy"),
+          label: c(u ? "complete.paidSell" : "complete.paidBuy"),
           value: `${o.fiatAmount} ${o.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Ne, { label: l("complete.network"), value: o.network }),
+      /* @__PURE__ */ e(Ne, { label: c("complete.network"), value: o.network }),
       /* @__PURE__ */ e(
         Ne,
         {
-          label: l("complete.wallet"),
+          label: c("complete.wallet"),
           value: `${o.walletAddress.slice(0, 10)}...${o.walletAddress.slice(-8)}`,
           mono: !0
         }
@@ -1685,31 +1729,31 @@ function kn({
       o.transactionHash && /* @__PURE__ */ e(
         Ne,
         {
-          label: l("complete.transaction"),
+          label: c("complete.transaction"),
           value: `${o.transactionHash.slice(0, 10)}...${o.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(Ne, { label: l("complete.provider"), value: o.gateway }),
-      /* @__PURE__ */ e(Ne, { label: l("complete.orderId"), value: o.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Ne, { label: c("complete.provider"), value: o.gateway }),
+      /* @__PURE__ */ e(Ne, { label: c("complete.orderId"), value: o.orderId, mono: !0 }),
       o.completedAt && /* @__PURE__ */ e(
         Ne,
         {
-          label: l("complete.completed"),
+          label: c("complete.completed"),
           value: new Date(o.completedAt).toLocaleString()
         }
       )
     ] }),
     /* @__PURE__ */ i("div", { className: "w-full flex flex-col gap-2", children: [
-      p && /* @__PURE__ */ e(
+      m && /* @__PURE__ */ e(
         "a",
         {
-          href: p,
+          href: m,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
           style: { height: 48, borderRadius: "var(--t-cta-radius, 100px)", background: "var(--t-surface)", color: "var(--t-text)", textDecoration: "none" },
-          children: l("complete.viewExplorer")
+          children: c("complete.viewExplorer")
         }
       ),
       /* @__PURE__ */ e(
@@ -1718,7 +1762,7 @@ function kn({
           className: "w-full font-semibold text-[16px] transition-all",
           style: { height: 60, borderRadius: "var(--t-cta-radius, 100px)", background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
           onClick: h,
-          children: r || l("complete.done")
+          children: r || c("complete.done")
         }
       )
     ] })
@@ -1744,16 +1788,16 @@ function Ne({ label: t, value: a, mono: n, highlight: r }) {
     }
   );
 }
-function Nn({
+function Tn({
   className: t = "",
   onRetry: a,
   onDone: n,
   doneButtonText: r,
   supportEmail: o = "support@nowramp.com"
 }) {
-  const { state: c, orderStatus: u, dispatch: l, goToStep: d } = Xe(), s = P(), h = c.flowType === "sell", p = () => {
-    if (u)
-      switch (u.status) {
+  const { state: l, orderStatus: d, dispatch: c, goToStep: u } = Xe(), s = O(), h = l.flowType === "sell", m = () => {
+    if (d)
+      switch (d.status) {
         case "failed":
           return s("errorStep.failed");
         case "cancelled":
@@ -1767,9 +1811,9 @@ function Nn({
       }
     return s("errorStep.unknown");
   }, f = () => {
-    if (c.errorMessage) return c.errorMessage;
-    if (u)
-      switch (u.status) {
+    if (l.errorMessage) return l.errorMessage;
+    if (d)
+      switch (d.status) {
         case "failed":
           return s(h ? "errorStep.failedSell" : "errorStep.failedBuy");
         case "cancelled":
@@ -1783,9 +1827,9 @@ function Nn({
       }
     return s("errorStep.genericDesc");
   }, g = () => {
-    l({ type: "CLEAR_ERROR" }), a ? a() : (l({ type: "RESET" }), d("amount"));
+    c({ type: "CLEAR_ERROR" }), a ? a() : (c({ type: "RESET" }), u("amount"));
   }, k = () => {
-    l({ type: "RESET" }), d("amount");
+    c({ type: "RESET" }), u("amount");
   };
   return /* @__PURE__ */ i("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e(
@@ -1796,11 +1840,11 @@ function Nn({
         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: p() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: m() }),
     /* @__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: "var(--t-card-radius, 20px)", padding: 16 }, children: /* @__PURE__ */ i("div", { className: "flex justify-between items-center py-2", children: [
+    d && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", 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: s("errorStep.orderId") }),
-      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: u.orderId })
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: d.orderId })
     ] }) }),
     /* @__PURE__ */ i("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ e(
@@ -1852,7 +1896,7 @@ function Nn({
           }
         )
       ] }),
-      u && /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: s("errorStep.reference", { orderId: u.orderId }) })
+      d && /* @__PURE__ */ e("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: s("errorStep.reference", { orderId: d.orderId }) })
     ] })
   ] });
 }
@@ -2211,9 +2255,9 @@ const ot = {
   { 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 }
-], En = Object.fromEntries(
+], Ln = Object.fromEntries(
   wa.map((t) => [t.code, t.name])
-), Rn = {
+), Fn = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -2251,8 +2295,8 @@ const ot = {
 function ka(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function An(t, a = "") {
-  const n = Rn[t] || "us";
+function Un(t, a = "") {
+  const n = Fn[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
 function yt(t) {
@@ -2294,7 +2338,7 @@ const ca = [
   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 }
-}, Tn = /* @__PURE__ */ new Set([
+}, In = /* @__PURE__ */ new Set([
   "USDC",
   "USDT",
   "DAI",
@@ -2322,13 +2366,13 @@ const ca = [
   "ZCHF"
 ]);
 function Ea(t) {
-  return Tn.has(t.toUpperCase());
+  return In.has(t.toUpperCase());
 }
-function Ir(t, a) {
+function Hr(t, a) {
   var n, r;
   return ((n = da[t]) == null ? void 0 : n[a]) ?? ((r = da.USDC) == null ? void 0 : r[a]) ?? 1;
 }
-function Ln(t) {
+function Mn(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
 function Bt(t) {
@@ -2339,7 +2383,7 @@ function Bt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const Ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), ua = 10, ma = 1e-4, Fn = (() => {
+const Ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), ua = 10, ma = 1e-4, Dn = (() => {
   const t = [];
   for (const a of wa)
     for (const n of a.chains)
@@ -2349,56 +2393,56 @@ const Ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), ua = 10, ma = 1e-4, Fn = (
 function pa(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
+function Bn({ className: t = "", stablecoinParity: a, partnerName: n }) {
   var q;
   const {
     config: r,
     configLoading: o,
-    state: c,
-    defaultGateway: u,
-    quotes: l,
-    fetchQuotes: d,
+    state: l,
+    defaultGateway: d,
+    quotes: c,
+    fetchQuotes: u,
     createOrder: s,
     orderLoading: h
-  } = Xe(), p = P(), f = c.flowType === "sell", [g, k] = w(null), R = r == null ? void 0 : r.gateways.find((te) => te.id === u), y = (q = l == null ? void 0 : l.bestQuote) != null && q.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, N = parseFloat(c.fiatAmount) || 0, K = !!(a && n && !f && Ea(c.cryptoCurrency) && y), z = K && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), J = K && N > 0 ? Bt(z ? N : N / y) : null, ie = async () => {
+  } = Xe(), m = O(), f = l.flowType === "sell", [g, k] = w(null), A = r == null ? void 0 : r.gateways.find((te) => te.id === d), y = (q = c == null ? void 0 : c.bestQuote) != null && q.exchangeRate ? parseFloat(c.bestQuote.exchangeRate) : null, N = parseFloat(l.fiatAmount) || 0, K = !!(a && n && !f && Ea(l.cryptoCurrency) && y), z = K && l.cryptoCurrency.toUpperCase().includes(l.fiatCurrency.toUpperCase()), J = K && N > 0 ? Bt(z ? N : N / y) : null, ie = async () => {
     k(null);
     try {
-      d(), await s();
+      u(), await s();
     } catch (te) {
-      const be = te instanceof Error ? te.message : p("error.createOrderFailed");
+      const be = te instanceof Error ? te.message : m("error.createOrderFailed");
       k(be);
     }
   };
   return o ? /* @__PURE__ */ i("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e(Ee, { size: 32 }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: p("confirm.loading") })
+    /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: m("confirm.loading") })
   ] }) : /* @__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: p(f ? "confirm.sellTitle" : "confirm.buyTitle") }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: m(f ? "confirm.sellTitle" : "confirm.buyTitle") }),
     /* @__PURE__ */ i("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius, 20px)", padding: 16 }, children: [
-      R && /* @__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: p("confirm.provider") }),
+      A && /* @__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: m("confirm.provider") }),
         /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
-          R.logo && /* @__PURE__ */ e("img", { src: R.logo, alt: R.name, width: 20, height: 20, style: { borderRadius: 4 } }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R.name })
+          A.logo && /* @__PURE__ */ e("img", { src: A.logo, alt: A.name, width: 20, height: 20, style: { borderRadius: 4 } }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: A.name })
         ] })
       ] }),
       f ? /* @__PURE__ */ i(G, { children: [
-        /* @__PURE__ */ e(He, { label: p("confirm.youSell"), value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(He, { label: p("confirm.youReceive"), value: p("confirm.payout", { currency: c.fiatCurrency }) })
+        /* @__PURE__ */ e(He, { label: m("confirm.youSell"), value: `${l.cryptoAmount} ${l.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(He, { label: m("confirm.youReceive"), value: m("confirm.payout", { currency: l.fiatCurrency }) })
       ] }) : /* @__PURE__ */ i(G, { children: [
-        /* @__PURE__ */ e(He, { label: p("confirm.youPay"), value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(He, { label: m("confirm.youPay"), value: `${l.fiatAmount} ${l.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
           He,
           {
-            label: p("confirm.youReceive"),
-            value: J ? `${J} ${c.cryptoCurrency}` : p("confirm.cryptoOnNetwork", { crypto: c.cryptoCurrency, network: c.network })
+            label: m("confirm.youReceive"),
+            value: J ? `${J} ${l.cryptoCurrency}` : m("confirm.cryptoOnNetwork", { crypto: l.cryptoCurrency, network: l.network })
           }
         ),
-        /* @__PURE__ */ e(He, { label: p("confirm.wallet"), value: pa(c.walletAddress), mono: !0 }),
-        K && J && /* @__PURE__ */ e("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: p("confirm.parityNote", { amount: J, crypto: c.cryptoCurrency, partner: n }) })
+        /* @__PURE__ */ e(He, { label: m("confirm.wallet"), value: pa(l.walletAddress), mono: !0 }),
+        K && J && /* @__PURE__ */ e("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: m("confirm.parityNote", { amount: J, crypto: l.cryptoCurrency, partner: n }) })
       ] }),
-      /* @__PURE__ */ e(He, { label: p("confirm.network"), value: c.network }),
-      f && c.walletAddress && /* @__PURE__ */ e(He, { label: p("confirm.refundAddress"), value: pa(c.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(He, { label: m("confirm.network"), value: l.network }),
+      f && l.walletAddress && /* @__PURE__ */ e(He, { label: m("confirm.refundAddress"), value: pa(l.walletAddress), mono: !0 })
     ] }),
     g && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: g }),
     /* @__PURE__ */ e(
@@ -2410,8 +2454,8 @@ function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
         onClick: ie,
         children: h ? /* @__PURE__ */ i(G, { children: [
           /* @__PURE__ */ e(Ee, { size: 18 }),
-          p("confirm.processing")
-        ] }) : p(f ? "confirm.confirmSell" : "confirm.confirmPay")
+          m("confirm.processing")
+        ] }) : m(f ? "confirm.confirmSell" : "confirm.confirmPay")
       }
     )
   ] });
@@ -2435,36 +2479,36 @@ function Pe({
   children: n,
   variant: r = "bottom"
 }) {
-  const [o, c] = w(!1), [u, l] = w(!1);
+  const [o, l] = w(!1), [d, c] = w(!1);
   U(() => {
     if (t)
-      c(!0), requestAnimationFrame(() => requestAnimationFrame(() => l(!0)));
+      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => c(!0)));
     else if (o) {
-      l(!1);
-      const p = setTimeout(() => c(!1), 250);
-      return () => clearTimeout(p);
+      c(!1);
+      const m = setTimeout(() => l(!1), 250);
+      return () => clearTimeout(m);
     }
   }, [t]);
-  const d = O(() => {
-    l(!1), setTimeout(() => a(), 250);
+  const u = P(() => {
+    c(!1), setTimeout(() => a(), 250);
   }, [a]);
   return U(() => {
     if (!t) return;
-    const p = (f) => {
-      f.key === "Escape" && d();
+    const m = (f) => {
+      f.key === "Escape" && u();
     };
-    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
-  }, [t, d]), o ? /* @__PURE__ */ e(
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+  }, [t, u]), o ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-0 z-20 transition-opacity duration-250",
-      style: { opacity: u ? 1 : 0, backdropFilter: "blur(4px)", WebkitBackdropFilter: "blur(4px)" },
+      style: { opacity: d ? 1 : 0, backdropFilter: "blur(4px)", WebkitBackdropFilter: "blur(4px)" },
       children: /* @__PURE__ */ e(
         "div",
         {
           className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
-          style: { background: "var(--t-modal-bg)", borderRadius: "var(--t-container-radius)", transform: u ? "translate(0)" : r === "right" ? "translateX(100%)" : "translateY(24px)" },
-          children: typeof n == "function" ? n(d) : n
+          style: { background: "var(--t-modal-bg)", borderRadius: "var(--t-container-radius)", transform: d ? "translate(0)" : r === "right" ? "translateX(100%)" : "translateY(24px)" },
+          children: typeof n == "function" ? n(u) : n
         }
       )
     }
@@ -2477,8 +2521,8 @@ function Q({
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${n}`, style: { width: t, height: a } });
 }
-function In() {
-  const t = P();
+function Hn() {
+  const t = O();
   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(Q, { w: 70, h: 14, className: "mb-3" }),
@@ -2507,30 +2551,30 @@ function In() {
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: t("skeleton.poweredBy") }) })
   ] });
 }
-function Ra({
+function Aa({
   src: t,
   alt: a,
   size: n,
   className: r = "",
   background: o
 }) {
-  const [c, u] = w(!1), [l, d] = w(!1), s = M(t);
-  s.current !== t && (s.current = t, u(!1), d(!1));
-  const h = O(() => u(!0), []), p = O(() => d(!0), []);
+  const [l, d] = w(!1), [c, u] = w(!1), s = I(t);
+  s.current !== t && (s.current = t, d(!1), u(!1));
+  const h = P(() => d(!0), []), m = P(() => u(!0), []);
   return /* @__PURE__ */ i(
     "div",
     {
       className: `relative rounded-full shrink-0 ${r}`,
       style: { width: n, height: n, background: o },
       children: [
-        !c && !l && /* @__PURE__ */ e(
+        !l && !c && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full animate-pulse",
             style: { background: "var(--t-pill-bg, #333)" }
           }
         ),
-        l ? /* @__PURE__ */ e(
+        c ? /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
@@ -2549,8 +2593,8 @@ function Ra({
             width: n,
             height: n,
             onLoad: h,
-            onError: p,
-            className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
+            onError: m,
+            className: `rounded-full ${l ? "opacity-100" : "opacity-0"}`,
             style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
           }
         )
@@ -2558,9 +2602,9 @@ function Ra({
     }
   );
 }
-function Aa({ ticker: t, size: a = 32, baseUrl: n = "" }) {
+function Ra({ ticker: t, size: a = 32, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
-    Ra,
+    Aa,
     {
       src: ka(t, n),
       alt: t,
@@ -2571,9 +2615,9 @@ function Aa({ ticker: t, size: a = 32, baseUrl: n = "" }) {
 }
 function jt({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
-    Ra,
+    Aa,
     {
-      src: An(t, n),
+      src: Un(t, n),
       alt: t,
       size: a
     }
@@ -2585,7 +2629,7 @@ function Ta({ size: t = 32, color: a = "#888" }) {
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function Mr({ size: t = 24 }) {
+function Pr({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2602,7 +2646,7 @@ function Mr({ size: t = 24 }) {
     }
   );
 }
-function Mn({ size: t = 32 }) {
+function Pn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2612,7 +2656,7 @@ function Mn({ size: t = 32 }) {
     }
   );
 }
-function Dr({ size: t = 32 }) {
+function Or({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2628,7 +2672,7 @@ function Dr({ size: t = 32 }) {
     }
   );
 }
-function Br({ size: t = 32 }) {
+function Kr({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2643,7 +2687,7 @@ function Br({ size: t = 32 }) {
     }
   );
 }
-function Dn({ size: t = 32 }) {
+function On({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2653,7 +2697,7 @@ function Dn({ size: t = 32 }) {
     }
   );
 }
-function Bn({ size: t = 32 }) {
+function Kn({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2669,7 +2713,7 @@ function Bn({ size: t = 32 }) {
     }
   );
 }
-function Hn({ size: t = 32 }) {
+function _n({ size: t = 32 }) {
   const a = t * 0.8;
   return /* @__PURE__ */ e(
     "div",
@@ -2684,7 +2728,7 @@ function Hn({ size: t = 32 }) {
     }
   );
 }
-function Hr({ size: t = 32 }) {
+function _r({ 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__ */ i("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
@@ -2735,7 +2779,7 @@ function Hr({ size: t = 32 }) {
     )
   ] });
 }
-function Pr({ size: t = 18 }) {
+function jr({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2745,13 +2789,13 @@ function Pr({ size: t = 18 }) {
     }
   );
 }
-function Re() {
+function Ae() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Pn() {
+function jn() {
   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 Or({ onClick: t }) {
+function Vr({ 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",
     {
@@ -2760,7 +2804,7 @@ function Or({ onClick: t }) {
     }
   ) }) });
 }
-function Kr({ size: t = 40 }) {
+function Wr({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2773,7 +2817,7 @@ function Kr({ size: t = 40 }) {
     }
   );
 }
-function On({ size: t = 20 }) {
+function Vn({ size: t = 20 }) {
   const a = t * 0.6;
   return /* @__PURE__ */ e(
     "div",
@@ -2791,7 +2835,7 @@ function On({ size: t = 20 }) {
     }
   );
 }
-function Kn({ size: t = 20 }) {
+function Wn({ size: t = 20 }) {
   const a = t * 0.6;
   return /* @__PURE__ */ e(
     "div",
@@ -2806,7 +2850,7 @@ function Kn({ size: t = 20 }) {
     }
   );
 }
-function _n({ size: t = 20 }) {
+function Gn({ size: t = 20 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2819,7 +2863,7 @@ function _n({ size: t = 20 }) {
     }
   );
 }
-function jn({ size: t = 20 }) {
+function $n({ size: t = 20 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2834,7 +2878,7 @@ function jn({ size: t = 20 }) {
     }
   );
 }
-function _r({ size: t = 24 }) {
+function Gr({ size: t = 24 }) {
   const a = t * 1.15;
   return /* @__PURE__ */ i("svg", { width: a, height: t, viewBox: "0 0 48 32", fill: "none", preserveAspectRatio: "xMidYMid meet", children: [
     /* @__PURE__ */ e("path", { d: "M0 0H5.76C11.0619 0 15.36 4.47715 15.36 10V32H0V0Z", fill: "var(--t-text)" }),
@@ -2868,7 +2912,7 @@ function Ht({ size: t = 12 }) {
     }
   );
 }
-function Vn({ onClick: t }) {
+function Zn({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2883,67 +2927,67 @@ function Vn({ onClick: t }) {
     }
   );
 }
-function jr({ size: t = 16 }) {
+function $r({ size: t = 16 }) {
   return /* @__PURE__ */ i("svg", { width: t, height: t, viewBox: "0 0 16 16", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "7", cy: "7", r: "5.25", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" }),
     /* @__PURE__ */ e("path", { d: "M11 11l3.5 3.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round" })
   ] });
 }
-function Vr({ size: t = 12 }) {
+function Zr({ size: t = 12 }) {
   return /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M6 10V2M6 2L2.5 5.5M6 2l3.5 3.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Wn({ size: t = 14 }) {
+function Xn({ size: t = 14 }) {
   return /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M11.5 3.5L5.5 10.5L2.5 7.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function Pt({ size: t = 12 }) {
   return /* @__PURE__ */ e("svg", { width: t, height: t, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M2 2l8 8M10 2l-8 8", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }) });
 }
-function Gn(t, a = 32, n) {
+function Yn(t, a = 32, n) {
   switch (t) {
     case "bank":
-      return /* @__PURE__ */ e(On, { size: a });
+      return /* @__PURE__ */ e(Vn, { size: a });
     case "card":
-      return /* @__PURE__ */ e(Kn, { size: a });
+      return /* @__PURE__ */ e(Wn, { size: a });
     case "applepay":
-      return /* @__PURE__ */ e(_n, { size: a });
+      return /* @__PURE__ */ e(Gn, { size: a });
     case "googlepay":
-      return /* @__PURE__ */ e(jn, { size: a });
+      return /* @__PURE__ */ e($n, { size: a });
     case "revolut":
-      return /* @__PURE__ */ e(Mn, { size: a });
+      return /* @__PURE__ */ e(Pn, { size: a });
     case "paypal":
-      return /* @__PURE__ */ e(Dn, { size: a });
+      return /* @__PURE__ */ e(On, { size: a });
     case "visa":
-      return /* @__PURE__ */ e(Bn, { size: a });
+      return /* @__PURE__ */ e(Kn, { size: a });
     case "mastercard":
-      return /* @__PURE__ */ e(Hn, { size: a });
+      return /* @__PURE__ */ e(_n, { size: a });
     default:
       return /* @__PURE__ */ e(Ta, { size: a });
   }
 }
-function $n({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
-  const [c, u] = w(!1), [l, d] = w(!1), s = O(() => {
-    d(!0), setTimeout(() => {
-      u(!1), d(!1), o();
+function Qn({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
+  const [l, d] = w(!1), [c, u] = w(!1), s = P(() => {
+    u(!0), setTimeout(() => {
+      d(!1), u(!1), o();
     }, 200);
   }, [o]);
   return U(() => {
-    r && (u(!0), d(!1));
+    r && (d(!0), u(!1));
   }, [r]), U(() => {
-    if (!r || !c) return;
-    const p = setTimeout(s, 5e3);
-    return () => clearTimeout(p);
-  }, [r, c, s]), c ? /* @__PURE__ */ e(
+    if (!r || !l) return;
+    const m = setTimeout(s, 5e3);
+    return () => clearTimeout(m);
+  }, [r, l, s]), l ? /* @__PURE__ */ e(
     "div",
     {
       className: "absolute top-0 left-0 right-0 z-[25] px-3 pt-3",
-      style: { animation: l ? "slideUpToastOut 0.2s ease-in forwards" : "slideDownToast 0.3s ease-out both" },
+      style: { animation: c ? "slideUpToastOut 0.2s ease-in forwards" : "slideDownToast 0.3s ease-out both" },
       children: /* @__PURE__ */ i(
         "div",
         {
           className: "flex items-start gap-2.5 rounded-2xl px-4 py-3",
           style: { background: t === "success" ? "var(--t-toast-success-bg)" : "var(--t-toast-error-bg)", color: "#ffffff" },
           children: [
-            /* @__PURE__ */ e("span", { className: "mt-0.5 shrink-0", children: t === "success" ? /* @__PURE__ */ e(Wn, { size: 14 }) : /* @__PURE__ */ e(Pt, { size: 12 }) }),
+            /* @__PURE__ */ e("span", { className: "mt-0.5 shrink-0", children: t === "success" ? /* @__PURE__ */ e(Xn, { size: 14 }) : /* @__PURE__ */ e(Pt, { size: 12 }) }),
             /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ e("div", { className: "text-[13px] font-medium leading-tight", children: a }),
               n && /* @__PURE__ */ e("div", { className: "text-[12px] leading-snug mt-0.5 opacity-90", children: n })
@@ -2962,7 +3006,7 @@ function $n({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
     }
   ) : null;
 }
-function Ae({ width: t = 46 }) {
+function Re({ width: t = 46 }) {
   const a = t * 0.8695652173913043;
   return /* @__PURE__ */ i("svg", { width: t, height: a, viewBox: "0 0 48 32", fill: "none", preserveAspectRatio: "xMidYMid meet", children: [
     /* @__PURE__ */ e("path", { d: "M0 0H5.76C11.0619 0 15.36 4.47715 15.36 10V32H0V0Z", fill: "var(--t-text)" }),
@@ -2970,17 +3014,17 @@ function Ae({ width: t = 46 }) {
     /* @__PURE__ */ e("path", { d: "M32.64 8C32.64 3.58172 36.0785 0 40.32 0C44.5615 0 48 3.58172 48 8C48 12.4183 44.5615 16 40.32 16C36.0785 16 32.64 12.4183 32.64 8Z", fill: "var(--t-text)" })
   ] });
 }
-function Zn() {
+function zn() {
   return /* @__PURE__ */ e(
     "div",
     {
       className: "flex-1 flex items-center justify-center",
       style: { animation: "fadeInScale 0.5s ease-out both" },
-      children: /* @__PURE__ */ e(Ae, { width: 90 })
+      children: /* @__PURE__ */ e(Re, { width: 90 })
     }
   );
 }
-function Xn({ isOpen: t, onClose: a, children: n }) {
+function Jn({ isOpen: t, onClose: a, children: n }) {
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e(
       "div",
@@ -3081,58 +3125,58 @@ function Ye({
     }
   );
 }
-const Yn = ["USD", "EUR", "GBP"];
-function Qn({
+const qn = ["USD", "EUR", "GBP"];
+function er({
   onClose: t,
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
   selectedCode: o
 }) {
-  const c = P(), [u, l] = w(""), d = V(() => {
+  const l = O(), [d, c] = w(""), u = j(() => {
     if (!n || n.length === 0) return ca;
-    const h = new Map(ca.map((p) => [p.code, p.name]));
-    return n.map((p) => ({
-      code: p.code,
-      name: p.name || h.get(p.code) || p.code
+    const h = new Map(ca.map((m) => [m.code, m.name]));
+    return n.map((m) => ({
+      code: m.code,
+      name: m.name || h.get(m.code) || m.code
     }));
-  }, [n]), s = V(() => {
-    const h = u.trim().toLowerCase();
+  }, [n]), s = j(() => {
+    const h = d.trim().toLowerCase();
     if (!h) {
       if (o) {
-        const p = d.find((f) => f.code === o);
-        if (p) {
-          const f = d.filter((g) => g.code !== o);
-          return [p, ...f];
+        const m = u.find((f) => f.code === o);
+        if (m) {
+          const f = u.filter((g) => g.code !== o);
+          return [m, ...f];
         }
       }
-      return d;
+      return u;
     }
-    return d.filter(
-      (p) => p.code.toLowerCase().includes(h) || p.name.toLowerCase().includes(h)
+    return u.filter(
+      (m) => m.code.toLowerCase().includes(h) || m.name.toLowerCase().includes(h)
     );
-  }, [d, u, o]);
+  }, [u, d, o]);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
-      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
-      /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: c("modal.selectFiat") }),
+      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
+      /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: l("modal.selectFiat") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: u, onChange: l, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: d, onChange: c, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      s.map((h, p) => {
+      s.map((h, m) => {
         const f = o === h.code;
         return /* @__PURE__ */ i(
           "button",
           {
             onClick: () => a(h.code),
             className: "flex items-center w-full card-press hover-item modal-item-in",
-            style: { gap: 16, animationDelay: `${Math.min(p * 45, 350)}ms` },
+            style: { gap: 16, animationDelay: `${Math.min(m * 45, 350)}ms` },
             children: [
               /* @__PURE__ */ e(jt, { currencyCode: h.code, size: 32, baseUrl: r }),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: h.code }),
-                Yn.includes(h.code) && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: c("modal.popular") }),
+                qn.includes(h.code) && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: l("modal.popular") }),
                 f && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                   "path",
                   {
@@ -3149,24 +3193,24 @@ function Qn({
           h.code
         );
       }),
-      s.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: c("modal.noCurrencies") })
+      s.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: l("modal.noCurrencies") })
     ] })
   ] });
 }
 const ha = ["BTC", "ETH", "SOL"];
 function fa({ src: t, alt: a, size: n, className: r, style: o }) {
-  const [c, u] = w(!1), [l, d] = w(!1), s = M(t);
-  s.current !== t && (s.current = t, u(!1), d(!1));
-  const h = O(() => u(!0), []), p = O(() => d(!0), []);
+  const [l, d] = w(!1), [c, u] = w(!1), s = I(t);
+  s.current !== t && (s.current = t, d(!1), u(!1));
+  const h = P(() => d(!0), []), m = P(() => u(!0), []);
   return /* @__PURE__ */ i("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
-    !c && !l && /* @__PURE__ */ e(
+    !l && !c && /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full animate-pulse",
         style: { background: "var(--t-pill-bg, #333)" }
       }
     ),
-    l ? /* @__PURE__ */ e(
+    c ? /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
@@ -3181,27 +3225,27 @@ function fa({ src: t, alt: a, size: n, className: r, style: o }) {
         width: n,
         height: n,
         onLoad: h,
-        onError: p,
-        className: `rounded-full ${c ? "opacity-100" : "opacity-0"}`,
+        onError: m,
+        className: `rounded-full ${l ? "opacity-100" : "opacity-0"}`,
         style: { width: n, height: n, transition: "opacity 0.15s ease-in" }
       }
     )
   ] });
 }
-function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: c }) {
-  const u = P(), [l, d] = w(""), s = V(() => {
-    if (!n || n.length === 0) return Fn;
+function tr({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: l }) {
+  const d = O(), [c, u] = w(""), s = j(() => {
+    if (!n || n.length === 0) return Dn;
     const f = [];
     for (const g of n) {
-      const k = g.networks || [], R = g.name || En[g.code] || g.code;
+      const k = g.networks || [], A = g.name || Ln[g.code] || g.code;
       if (k.length === 0)
-        f.push({ code: g.code, name: R, chain: g.code, popular: ha.includes(g.code) });
+        f.push({ code: g.code, name: A, chain: g.code, popular: ha.includes(g.code) });
       else
         for (const y of k) {
           const N = y.code || y.id || y.name || g.code;
           f.push({
             code: g.code,
-            name: R,
+            name: A,
             chain: N,
             chainName: y.name,
             popular: ha.includes(g.code)
@@ -3209,14 +3253,14 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         }
     }
     return f;
-  }, [n]), h = O((f, g) => o === f && c === g, [o, c]), p = V(() => {
-    var R;
-    const f = l.trim().toLowerCase();
+  }, [n]), h = P((f, g) => o === f && l === g, [o, l]), m = j(() => {
+    var A;
+    const f = c.trim().toLowerCase();
     if (!f) {
-      if (o && c) {
-        const y = s.find((N) => N.code === o && N.chain === c);
+      if (o && l) {
+        const y = s.find((N) => N.code === o && N.chain === l);
         if (y) {
-          const N = s.filter((K) => !(K.code === o && K.chain === c));
+          const N = s.filter((K) => !(K.code === o && K.chain === l));
           return [y, ...N];
         }
       }
@@ -3224,23 +3268,23 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     }
     const g = f.split(/\s+/), k = [];
     for (const y of s) {
-      const N = yt(y.chain), K = N ? N.name.toLowerCase() : "", z = ((R = N == null ? void 0 : N.shortName) == null ? void 0 : R.toLowerCase()) || "", J = y.chain.toLowerCase(), ie = y.code.toLowerCase(), q = y.name.toLowerCase(), te = [ie, q, K, z, J];
+      const N = yt(y.chain), K = N ? N.name.toLowerCase() : "", z = ((A = N == null ? void 0 : N.shortName) == null ? void 0 : A.toLowerCase()) || "", J = y.chain.toLowerCase(), ie = y.code.toLowerCase(), q = y.name.toLowerCase(), te = [ie, q, K, z, J];
       if (!g.every((L) => te.some((C) => C.includes(L)))) continue;
       let ae = 0;
       ie === f ? ae += 100 : ie.startsWith(g[0]) && (ae += 50), y.popular && (ae += 10), g.length > 1 && (K.includes(g[1]) || z.includes(g[1]) || J.includes(g[1])) && (ae += 25), k.push({ item: y, score: ae });
     }
     return k.sort((y, N) => N.score - y.score), k.map((y) => y.item);
-  }, [s, l, o, c]);
+  }, [s, c, o, l]);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
-      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
-      /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: u("modal.selectCrypto") }),
+      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
+      /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: d("modal.selectCrypto") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: l, onChange: d, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: c, onChange: u, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      p.map((f, g) => {
-        const k = yt(f.chain), R = (k == null ? void 0 : k.name) || f.chainName || f.chain, y = h(f.code, f.chain);
+      m.map((f, g) => {
+        const k = yt(f.chain), A = (k == null ? void 0 : k.name) || f.chainName || f.chain, y = h(f.code, f.chain);
         return /* @__PURE__ */ i(
           "button",
           {
@@ -3288,8 +3332,8 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
               ] }),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: f.code }),
-                /* @__PURE__ */ e("span", { className: "text-[15px]", style: { color: "var(--t-text-secondary)" }, children: R }),
-                f.popular && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: u("modal.popular") }),
+                /* @__PURE__ */ e("span", { className: "text-[15px]", style: { color: "var(--t-text-secondary)" }, children: A }),
+                f.popular && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: d("modal.popular") }),
                 y && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                   "path",
                   {
@@ -3306,11 +3350,11 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
           `${f.code}-${f.chain}`
         );
       }),
-      p.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: u("modal.noCurrencies") })
+      m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: d("modal.noCurrencies") })
     ] })
   ] });
 }
-const Jn = {
+const ar = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "ach-bank-transfer": "bank",
@@ -3321,17 +3365,17 @@ const Jn = {
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, qn = {
+}, nr = {
   "debit-credit-card": "payment.name.card",
   "bank-transfer": "payment.name.bankTransfer",
   "ach-bank-transfer": "payment.name.ach"
-}, er = {
+}, rr = {
   "apple-pay": "Apple Pay",
   "google-pay": "Google Pay",
   "payid-bank-transfer": "PayID",
   paypal: "PayPal",
   revolut: "Revolut"
-}, tr = {
+}, or = {
   "sepa-bank-transfer": "SEPA",
   sepa: "SEPA",
   "bank-transfer": "Bank",
@@ -3339,33 +3383,33 @@ const Jn = {
 };
 function Vt(t, a, n, r = !1) {
   if (r) {
-    const u = tr[t];
-    if (u) return u;
+    const d = or[t];
+    if (d) return d;
   }
-  const o = er[t];
+  const o = rr[t];
   if (o) return o;
-  const c = qn[t];
-  return c && n ? n(c) : c && {
+  const l = nr[t];
+  return l && n ? n(l) : l && {
     "debit-credit-card": "Card",
     "bank-transfer": "Bank Transfer",
     "ach-bank-transfer": "ACH"
   }[t] || a;
 }
 function Wt(t, a, n = 24) {
-  const r = Jn[t];
-  return r ? Gn(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(Ta, { size: n });
+  const r = ar[t];
+  return r ? Yn(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(Ta, { size: n });
 }
-function Wr({
+function Xr({
   methods: t,
   selectedId: a,
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const o = P(), c = V(
-    () => t.filter((l) => l.supportedFiats.includes(r)),
+  const o = O(), l = j(
+    () => t.filter((c) => c.supportedFiats.includes(r)),
     [t, r]
-  ), u = c.find((l) => l.id === a) || c[0];
-  return c.length === 0 ? /* @__PURE__ */ e(
+  ), d = l.find((c) => c.id === a) || l[0];
+  return l.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
@@ -3382,8 +3426,8 @@ function Wr({
       role: "button",
       tabIndex: 0,
       onClick: n,
-      onKeyDown: (l) => {
-        (l.key === "Enter" || l.key === " ") && n();
+      onKeyDown: (c) => {
+        (c.key === "Enter" || c.key === " ") && n();
       },
       className: "flex items-center justify-between w-full px-[18px] transition-colors",
       style: {
@@ -3396,28 +3440,28 @@ function Wr({
       children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: o("payment.label") }),
         /* @__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: u && Wt(u.id, u.icon, 20) }),
-          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: u ? Vt(u.id, u.name, o) : o("payment.select") }),
-          /* @__PURE__ */ e(Re, {})
+          /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: d && Wt(d.id, d.icon, 20) }),
+          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d ? Vt(d.id, d.name, o) : o("payment.select") }),
+          /* @__PURE__ */ e(Ae, {})
         ] })
       ]
     }
   ) });
 }
-function ar({
+function ir({
   methods: t,
   selectedId: a,
   onSelect: n,
   onClose: r
 }) {
-  const o = P(), [c, u] = w(""), l = t.length > 0 ? t[0].id : "", d = V(() => {
-    const s = c.trim().toLowerCase();
+  const o = O(), [l, d] = w(""), c = t.length > 0 ? t[0].id : "", u = j(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (a) {
-        const h = t.find((p) => p.id === a);
+        const h = t.find((m) => m.id === a);
         if (h) {
-          const p = t.filter((f) => f.id !== a);
-          return [h, ...p];
+          const m = t.filter((f) => f.id !== a);
+          return [h, ...m];
         }
       }
       return t;
@@ -3425,17 +3469,17 @@ function ar({
     return t.filter(
       (h) => h.id.toLowerCase().includes(s) || h.name.toLowerCase().includes(s) || h.description && h.description.toLowerCase().includes(s)
     );
-  }, [t, c, a]);
+  }, [t, l, a]);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
-      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
+      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: o("modal.choosePayment") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: r }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: c, onChange: u, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: l, onChange: d, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      d.map((s, h) => {
-        const p = s.id === a, f = Vt(s.id, s.name, o);
+      u.map((s, h) => {
+        const m = s.id === a, f = Vt(s.id, s.name, o);
         return /* @__PURE__ */ i(
           "button",
           {
@@ -3453,8 +3497,8 @@ function ar({
               ),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: f }),
-                s.id === l && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: o("modal.recommended") }),
-                p && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
+                s.id === c && /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { border: "1.5px solid var(--t-card-border)", borderRadius: 100, paddingLeft: 8, paddingRight: 8, color: "var(--t-text-secondary)", lineHeight: "20px", letterSpacing: "0.22px" }, children: o("modal.recommended") }),
+                m && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__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",
@@ -3470,11 +3514,11 @@ function ar({
           s.id
         );
       }),
-      d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: o("modal.noPaymentMethods") })
+      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: o("modal.noPaymentMethods") })
     ] })
   ] });
 }
-function nr({
+function lr({
   checked: t,
   onChange: a,
   accentColor: n
@@ -3506,70 +3550,70 @@ function nr({
     }
   );
 }
-const rr = [
+const cr = [
   { key: "settings.privacy", href: "https://nowramp.com/privacy-policy" },
   { key: "settings.terms", href: "https://nowramp.com/terms-and-conditions" }
 ], ht = {
   background: "var(--t-surface)",
   borderRadius: "var(--t-card-radius)"
 };
-function or({
+function sr({
   onClose: t,
   darkMode: a,
   onToggleDarkMode: n,
   skinId: r,
   onSelectSkin: o,
-  showThemeToggle: c = !0,
-  country: u,
-  countryName: l,
-  onLocationPress: d,
+  showThemeToggle: l = !0,
+  country: d,
+  countryName: c,
+  onLocationPress: u,
   onLanguagePress: s,
   assetBaseUrl: h = ""
 }) {
   var y;
-  const { t: p, locale: f, languages: g } = _t(), [k, R] = w(!1);
+  const { t: m, locale: f, languages: g } = _t(), [k, A] = w(!1);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 80, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
-      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
+      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "px-3 flex-1 pt-4 overflow-y-auto custom-scroll", style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-      d && /* @__PURE__ */ i(
+      u && /* @__PURE__ */ i(
         "button",
         {
-          onClick: d,
+          onClick: u,
           className: "w-full text-left transition-colors card-press modal-item-in",
           style: { ...ht, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "12px 16px" },
           children: [
-            /* @__PURE__ */ e("span", { className: "text-[13px] block mb-1.5", style: { color: "var(--t-text-secondary)" }, children: p("settings.location") }),
+            /* @__PURE__ */ e("span", { className: "text-[13px] block mb-1.5", style: { color: "var(--t-text-secondary)" }, children: m("settings.location") }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-                u && !k ? /* @__PURE__ */ e(
+                d && !k ? /* @__PURE__ */ e(
                   "img",
                   {
-                    src: `${h}/flags/${u.toLowerCase()}.svg`,
-                    alt: u,
+                    src: `${h}/flags/${d.toLowerCase()}.svg`,
+                    alt: d,
                     width: 28,
                     height: 28,
                     style: { width: 28, height: 28, borderRadius: "50%", objectFit: "cover" },
-                    onError: () => R(!0)
+                    onError: () => A(!0)
                   }
-                ) : /* @__PURE__ */ e(ir, { size: 28 }),
-                /* @__PURE__ */ e("span", { className: "text-[15px] font-medium", style: { color: "var(--t-text)" }, children: l || u })
+                ) : /* @__PURE__ */ e(dr, { size: 28 }),
+                /* @__PURE__ */ e("span", { className: "text-[15px] font-medium", style: { color: "var(--t-text)" }, children: c || d })
               ] }),
-              /* @__PURE__ */ e(Re, {})
+              /* @__PURE__ */ e(Ae, {})
             ] })
           ]
         }
       ),
-      c && /* @__PURE__ */ i(
+      l && /* @__PURE__ */ i(
         "div",
         {
           className: "flex items-center justify-between w-full px-4 modal-item-in",
           style: { ...ht, paddingTop: 14, paddingBottom: 14, animationDelay: "60ms" },
           children: [
-            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p("settings.darkMode") }),
-            /* @__PURE__ */ e(nr, { checked: a, onChange: n })
+            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: m("settings.darkMode") }),
+            /* @__PURE__ */ e(lr, { checked: a, onChange: n })
           ]
         }
       ),
@@ -3580,12 +3624,12 @@ function or({
           className: "flex items-center justify-between w-full transition-colors card-press modal-item-in",
           style: { ...ht, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "14px 16px", margin: 0, textAlign: "left", animationDelay: "120ms" },
           children: [
-            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p("settings.language") }),
+            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: m("settings.language") }),
             /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: ((y = g.find((N) => N.code === f)) == null ? void 0 : y.name) || f })
           ]
         }
       ),
-      rr.map((N, K) => /* @__PURE__ */ i(
+      cr.map((N, K) => /* @__PURE__ */ i(
         "a",
         {
           href: N.href,
@@ -3594,8 +3638,8 @@ function or({
           className: "flex items-center justify-between w-full px-4 transition-colors card-press modal-item-in",
           style: { ...ht, textDecoration: "none", color: "inherit", paddingTop: 14, paddingBottom: 14, animationDelay: `${180 + K * 60}ms` },
           children: [
-            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p(N.key) }),
-            /* @__PURE__ */ e(Pn, {})
+            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: m(N.key) }),
+            /* @__PURE__ */ e(jn, {})
           ]
         },
         N.key
@@ -3603,7 +3647,7 @@ function or({
     ] })
   ] });
 }
-function ir({ size: t = 28 }) {
+function dr({ size: t = 28 }) {
   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" }),
@@ -3611,48 +3655,48 @@ function ir({ size: t = 28 }) {
     /* @__PURE__ */ e("path", { d: "M5 12h30M5 28h30", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" })
   ] });
 }
-function lr({
+function ur({
   onClose: t,
   onSelect: a,
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const o = P(), [c, u] = w(""), l = V(() => {
-    const d = c.trim().toLowerCase();
-    if (!d) {
+  const o = O(), [l, d] = w(""), c = j(() => {
+    const u = l.trim().toLowerCase();
+    if (!u) {
       if (r) {
         const s = r.toLowerCase(), h = Ot[s];
         if (h) {
-          const p = ft.filter((f) => f.code !== s);
-          return [h, ...p];
+          const m = ft.filter((f) => f.code !== s);
+          return [h, ...m];
         }
       }
       return ft;
     }
     return ft.filter(
-      (s) => s.name.toLowerCase().includes(d) || s.code.includes(d) || s.defaultFiat.toLowerCase().includes(d)
+      (s) => s.name.toLowerCase().includes(u) || s.code.includes(u) || s.defaultFiat.toLowerCase().includes(u)
     );
-  }, [c, r]);
+  }, [l, r]);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
-      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
+      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: o("modal.selectCountry") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: c, onChange: u, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: l, onChange: d, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      l.map((d, s) => {
-        const h = (r == null ? void 0 : r.toLowerCase()) === d.code;
+      c.map((u, s) => {
+        const h = (r == null ? void 0 : r.toLowerCase()) === u.code;
         return /* @__PURE__ */ i(
           "button",
           {
-            onClick: () => a(d.code),
+            onClick: () => a(u.code),
             className: "flex items-center w-full card-press hover-item modal-item-in",
             style: { gap: 16, animationDelay: `${Math.min(s * 45, 350)}ms` },
             children: [
-              /* @__PURE__ */ e(cr, { code: d.code, size: 32, baseUrl: n }),
+              /* @__PURE__ */ e(mr, { code: u.code, size: 32, baseUrl: n }),
               /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, gap: 10 }, children: [
-                /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: d.name }),
+                /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: u.name }),
                 h && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                   "path",
                   {
@@ -3666,14 +3710,14 @@ function lr({
               ] })
             ]
           },
-          d.code
+          u.code
         );
       }),
-      l.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: o("modal.noCountries") })
+      c.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: o("modal.noCountries") })
     ] })
   ] });
 }
-function cr({ code: t, size: a = 32, baseUrl: n = "" }) {
+function mr({ code: t, size: a = 32, baseUrl: n = "" }) {
   const [r, o] = w(!1);
   return r ? /* @__PURE__ */ e(
     "div",
@@ -3703,46 +3747,46 @@ function cr({ code: t, size: a = 32, baseUrl: n = "" }) {
     }
   );
 }
-function sr({
+function pr({
   onClose: t,
   onSelect: a,
   selectedCode: n
 }) {
-  const r = P(), [o, c] = w(""), u = V(() => {
-    const l = o.trim().toLowerCase();
-    if (!l) {
+  const r = O(), [o, l] = w(""), d = j(() => {
+    const c = o.trim().toLowerCase();
+    if (!c) {
       if (n) {
-        const d = Ze.find((s) => s.code === n);
-        if (d) {
+        const u = Ze.find((s) => s.code === n);
+        if (u) {
           const s = Ze.filter((h) => h.code !== n);
-          return [d, ...s];
+          return [u, ...s];
         }
       }
       return Ze;
     }
     return Ze.filter(
-      (d) => d.name.toLowerCase().includes(l) || d.english.toLowerCase().includes(l) || d.code.includes(l)
+      (u) => u.name.toLowerCase().includes(c) || u.english.toLowerCase().includes(c) || u.code.includes(c)
     );
   }, [o, n]);
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
-      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
+      /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: r("modal.selectLanguage") }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
-      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: o, onChange: c, inline: !0 }) })
+      /* @__PURE__ */ e("div", { className: "absolute", style: { bottom: 8, left: 12, right: 12 }, children: /* @__PURE__ */ e(Ye, { value: o, onChange: l, inline: !0 }) })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
-      u.map((l, d) => {
-        const s = n === l.code;
+      d.map((c, u) => {
+        const s = n === c.code;
         return /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => a(l.code),
+            onClick: () => a(c.code),
             className: "flex items-center w-full card-press hover-item modal-item-in",
-            style: { gap: 16, animationDelay: `${Math.min(d * 45, 350)}ms` },
+            style: { gap: 16, animationDelay: `${Math.min(u * 45, 350)}ms` },
             children: /* @__PURE__ */ i("div", { className: "flex-1 flex items-center", style: { borderBottom: "1px solid var(--t-card-border)", paddingTop: 20, paddingBottom: 20, paddingLeft: 4, gap: 10 }, children: [
-              /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: l.name }),
-              /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: l.english }),
+              /* @__PURE__ */ e("span", { className: "flex-1 text-[18px] text-left", style: { color: "var(--t-text)", lineHeight: "20px" }, children: c.name }),
+              /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: c.english }),
               s && /* @__PURE__ */ e("div", { style: { width: 40, height: 20, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
                 "path",
                 {
@@ -3755,21 +3799,21 @@ function sr({
               ) }) })
             ] })
           },
-          l.code
+          c.code
         );
       }),
-      u.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: r("modal.noLanguages") })
+      d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: r("modal.noLanguages") })
     ] })
   ] });
 }
-function dr({
+function hr({
   tab: t,
   onTabSwitch: a,
   showFlowToggle: n,
   showSettings: r,
   onOpenSettings: o
 }) {
-  const c = P();
+  const l = O();
   return /* @__PURE__ */ i(
     "div",
     {
@@ -3781,7 +3825,7 @@ function dr({
         WebkitBackdropFilter: "blur(var(--t-header-blur))"
       },
       children: [
-        /* @__PURE__ */ e("div", { style: { width: 46, display: "flex", alignItems: "center", justifyContent: "flex-start" }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
+        /* @__PURE__ */ e("div", { style: { width: 46, display: "flex", alignItems: "center", justifyContent: "flex-start" }, children: /* @__PURE__ */ e(Re, { width: 46 }) }),
         n ? /* @__PURE__ */ i(
           "div",
           {
@@ -3823,7 +3867,7 @@ function dr({
                     borderRadius: "var(--t-pill-radius)",
                     color: t === "buy" ? "var(--t-tab-active-text)" : "var(--t-tab-inactive-text)"
                   },
-                  children: c("header.buy")
+                  children: l("header.buy")
                 }
               ),
               /* @__PURE__ */ e(
@@ -3839,36 +3883,36 @@ function dr({
                     borderRadius: "var(--t-pill-radius)",
                     color: t === "sell" ? "var(--t-tab-active-text)" : "var(--t-tab-inactive-text)"
                   },
-                  children: c("header.sell")
+                  children: l("header.sell")
                 }
               )
             ]
           }
         ) : /* @__PURE__ */ e("div", {}),
-        /* @__PURE__ */ e("div", { style: { width: 40, display: "flex", alignItems: "center", justifyContent: "flex-end" }, children: r ? /* @__PURE__ */ e(Vn, { onClick: o }) : /* @__PURE__ */ e("div", { style: { width: 40 } }) })
+        /* @__PURE__ */ e("div", { style: { width: 40, display: "flex", alignItems: "center", justifyContent: "flex-end" }, children: r ? /* @__PURE__ */ e(Zn, { onClick: o }) : /* @__PURE__ */ e("div", { style: { width: 40 } }) })
       ]
     }
   );
 }
-function ur({
+function fr({
   amount: t,
   onAmountChange: a,
   currencyCode: n,
   isBuy: r,
   onOpenModal: o,
-  assetBaseUrl: c,
-  error: u,
-  fieldLocks: l,
-  onBlur: d,
+  assetBaseUrl: l,
+  error: d,
+  fieldLocks: c,
+  onBlur: u,
   inputRef: s,
   chainCode: h,
-  chainDisplay: p,
+  chainDisplay: m,
   getChainIconUrl: f,
   shaking: g,
   onFocus: k
 }) {
   var y, N, K;
-  const R = P();
+  const A = O();
   return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i(
       "div",
@@ -3877,10 +3921,10 @@ function ur({
         style: {
           background: "var(--t-surface)",
           borderRadius: "var(--t-card-radius)",
-          ...u ? { border: "1px solid var(--t-error)" } : {}
+          ...d ? { border: "1px solid var(--t-error)" } : {}
         },
         children: [
-          /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: R("spend.label") }),
+          /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: A("spend.label") }),
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ e(
               "input",
@@ -3890,8 +3934,8 @@ function ur({
                 value: t,
                 onChange: a,
                 onFocus: k,
-                onBlur: d,
-                placeholder: R(r ? "spend.placeholderFiat" : "spend.placeholderCrypto"),
+                onBlur: u,
+                placeholder: A(r ? "spend.placeholderFiat" : "spend.placeholderCrypto"),
                 className: "bg-transparent outline-none w-0 flex-1 mr-3",
                 style: {
                   color: "var(--t-text)",
@@ -3906,7 +3950,7 @@ function ur({
                   width: 0
                 },
                 inputMode: "decimal",
-                disabled: !!((y = l == null ? void 0 : l.sourceAmount) != null && y.locked)
+                disabled: !!((y = c == null ? void 0 : c.sourceAmount) != null && y.locked)
               }
             ),
             r ? /* @__PURE__ */ i(
@@ -3925,11 +3969,11 @@ function ur({
                   backdropFilter: "blur(4px)",
                   WebkitBackdropFilter: "blur(4px)"
                 },
-                disabled: !!((N = l == null ? void 0 : l.sourceCurrency) != null && N.locked),
+                disabled: !!((N = c == null ? void 0 : c.sourceCurrency) != null && N.locked),
                 children: [
-                  /* @__PURE__ */ e(jt, { currencyCode: n, size: 24, baseUrl: c }),
+                  /* @__PURE__ */ e(jt, { currencyCode: n, size: 24, baseUrl: l }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: n }),
-                  /* @__PURE__ */ e(Re, {})
+                  /* @__PURE__ */ e(Ae, {})
                 ]
               }
             ) : /* @__PURE__ */ i("div", { className: "flex flex-col items-end shrink-0", children: [
@@ -3949,11 +3993,11 @@ function ur({
                     backdropFilter: "blur(4px)",
                     WebkitBackdropFilter: "blur(4px)"
                   },
-                  disabled: !!((K = l == null ? void 0 : l.destinationCurrency) != null && K.locked),
+                  disabled: !!((K = c == null ? void 0 : c.destinationCurrency) != null && K.locked),
                   children: [
-                    /* @__PURE__ */ e(Aa, { ticker: n, size: 24, baseUrl: c }),
+                    /* @__PURE__ */ e(Ra, { ticker: n, size: 24, baseUrl: l }),
                     /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: n }),
-                    /* @__PURE__ */ e(Re, {})
+                    /* @__PURE__ */ e(Ae, {})
                   ]
                 }
               ),
@@ -3961,7 +4005,7 @@ function ur({
                 /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                   "img",
                   {
-                    src: f(h, c),
+                    src: f(h, l),
                     alt: h,
                     width: 14,
                     height: 14,
@@ -3969,47 +4013,47 @@ function ur({
                     style: { width: 14, height: 14 }
                   }
                 ) }),
-                /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: p })
+                /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: m })
               ] })
             ] })
           ] })
         ]
       }
     ),
-    u && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 text-center", style: { color: "var(--t-error)" }, children: u })
+    d && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 text-center", style: { color: "var(--t-error)" }, children: d })
   ] });
 }
-function mr({ char: t, height: a = 38 }) {
+function yr({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
   return r === -1 ? /* @__PURE__ */ e("span", { style: { display: "inline-block", textAlign: "center" }, children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px`, textAlign: "center" }, 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 pr({
+function gr({
   value: t,
   height: a = 38,
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", fontVariantNumeric: "tabular-nums", ...r }, children: t.split("").map((o, c) => /* @__PURE__ */ e(mr, { char: o, height: a }, c)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", fontVariantNumeric: "tabular-nums", ...r }, children: t.split("").map((o, l) => /* @__PURE__ */ e(yr, { char: o, height: a }, l)) });
 }
-function hr({
+function xr({
   amount: t,
   currencyCode: a,
   chainCode: n,
   chainDisplay: r,
   isBuy: o,
-  onOpenModal: c,
-  displayRate: u,
-  assetBaseUrl: l,
-  quotesLoading: d,
+  onOpenModal: l,
+  displayRate: d,
+  assetBaseUrl: c,
+  quotesLoading: u,
   onOpenRateBreakdown: s,
   fieldLocks: h,
-  spendNumeric: p,
+  spendNumeric: m,
   getChainIconUrl: f,
   autoSelectPending: g,
   rateFlash: k
 }) {
   var y, N;
-  const R = P();
+  const A = O();
   return /* @__PURE__ */ e(
     "div",
     {
@@ -4020,17 +4064,17 @@ function hr({
         background: "transparent"
       },
       children: /* @__PURE__ */ i("div", { className: "flex flex-col gap-[20px]", children: [
-        /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: R("receive.label") }),
+        /* @__PURE__ */ e("div", { className: "text-[16px]", style: { color: "var(--t-text-secondary)", lineHeight: "16px" }, children: A("receive.label") }),
         /* @__PURE__ */ i("div", { className: "flex flex-col gap-[8px]", children: [
           /* @__PURE__ */ i("div", { className: "flex items-start justify-between", children: [
             /* @__PURE__ */ e("div", { className: k ? "rate-flash" : "", children: /* @__PURE__ */ e(
-              pr,
+              gr,
               {
-                value: p > 0 ? t : "0",
+                value: m > 0 ? t : "0",
                 height: 32,
                 className: "font-medium",
                 style: {
-                  color: p > 0 ? "var(--t-text)" : "var(--t-text-muted)",
+                  color: m > 0 ? "var(--t-text)" : "var(--t-text-muted)",
                   fontSize: 24
                 }
               }
@@ -4038,7 +4082,7 @@ function hr({
             o ? /* @__PURE__ */ e("div", { className: "flex flex-col items-end shrink-0", children: /* @__PURE__ */ i(
               "button",
               {
-                onClick: c,
+                onClick: l,
                 className: "flex items-center gap-[4px] transition-colors",
                 style: {
                   background: "var(--t-pill-solid-bg)",
@@ -4053,15 +4097,15 @@ function hr({
                 },
                 disabled: !!((y = h == null ? void 0 : h.destinationCurrency) != null && y.locked),
                 children: [
-                  /* @__PURE__ */ e(Aa, { ticker: a, size: 24, baseUrl: l }),
+                  /* @__PURE__ */ e(Ra, { ticker: a, size: 24, baseUrl: c }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: a }),
-                  /* @__PURE__ */ e(Re, {})
+                  /* @__PURE__ */ e(Ae, {})
                 ]
               }
             ) }) : /* @__PURE__ */ i(
               "button",
               {
-                onClick: c,
+                onClick: l,
                 className: "flex items-center gap-[4px] shrink-0 transition-colors",
                 style: {
                   background: "var(--t-pill-solid-bg)",
@@ -4076,20 +4120,20 @@ function hr({
                 },
                 disabled: !!((N = h == null ? void 0 : h.sourceCurrency) != null && N.locked),
                 children: [
-                  /* @__PURE__ */ e(jt, { currencyCode: a, size: 24, baseUrl: l }),
+                  /* @__PURE__ */ e(jt, { currencyCode: a, size: 24, baseUrl: c }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: a }),
-                  /* @__PURE__ */ e(Re, {})
+                  /* @__PURE__ */ e(Ae, {})
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center gap-[4px]", children: d && !g ? /* @__PURE__ */ i(G, { children: [
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-[4px]", children: u && !g ? /* @__PURE__ */ i(G, { children: [
               /* @__PURE__ */ e(Ee, { size: 12 }),
-              /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: R("receive.fetchingRate") })
+              /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: A("receive.fetchingRate") })
             ] }) : /* @__PURE__ */ i(G, { children: [
-              /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: u || " " }),
-              u && /* @__PURE__ */ e(
+              /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: d || " " }),
+              d && /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: s,
@@ -4102,7 +4146,7 @@ function hr({
               /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 12, height: 12, background: "#ffffff" }, children: /* @__PURE__ */ e(
                 "img",
                 {
-                  src: f(n, l),
+                  src: f(n, c),
                   alt: n,
                   width: 12,
                   height: 12,
@@ -4118,21 +4162,21 @@ function hr({
     }
   );
 }
-function fr({
+function vr({
   selectedMethod: t,
   onOpenModal: a,
   getMethodIcon: n,
   getMethodDisplayName: r
 }) {
-  const o = P();
+  const o = O();
   return /* @__PURE__ */ i(
     "div",
     {
       role: "button",
       tabIndex: 0,
       onClick: a,
-      onKeyDown: (c) => {
-        (c.key === "Enter" || c.key === " ") && a();
+      onKeyDown: (l) => {
+        (l.key === "Enter" || l.key === " ") && a();
       },
       className: "flex items-center gap-[4px] p-4 transition-colors cursor-pointer card-press card-hover",
       style: {
@@ -4147,27 +4191,27 @@ function fr({
             /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "16px" }, children: r(t.id, t.name) })
           ] }),
           !t && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: o("payment.select") }),
-          /* @__PURE__ */ e(Re, {})
+          /* @__PURE__ */ e(Ae, {})
         ] })
       ]
     }
   );
 }
-function yr({
+function Cr({
   selectedQuote: t,
   quotesLoading: a,
   onOpenModal: n,
   assetBaseUrl: r = ""
 }) {
-  const o = P();
+  const o = O();
   return /* @__PURE__ */ i(
     "div",
     {
       role: "button",
       tabIndex: 0,
       onClick: n,
-      onKeyDown: (c) => {
-        (c.key === "Enter" || c.key === " ") && n();
+      onKeyDown: (l) => {
+        (l.key === "Enter" || l.key === " ") && n();
       },
       className: "flex items-center gap-[4px] p-4 transition-colors cursor-pointer card-press card-hover",
       style: {
@@ -4189,35 +4233,35 @@ function yr({
                 height: 20,
                 className: "rounded-full",
                 style: { width: 20, height: 20, objectFit: "cover" },
-                onError: (c) => {
-                  t.gatewayLogo && c.target.src !== t.gatewayLogo && (c.target.src = t.gatewayLogo);
+                onError: (l) => {
+                  t.gatewayLogo && l.target.src !== t.gatewayLogo && (l.target.src = t.gatewayLogo);
                 }
               }
             ) }),
             /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "16px" }, children: t.gatewayName })
           ] }),
-          /* @__PURE__ */ e(Re, {})
+          /* @__PURE__ */ e(Ae, {})
         ] })
       ]
     }
   );
 }
-function gr() {
+function br() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: /* @__PURE__ */ e("path", { d: "M8 1l2.12 4.3 4.74.69-3.43 3.34.81 4.72L8 11.77l-4.24 2.28.81-4.72L1.14 5.99l4.74-.69L8 1z", fill: "var(--t-success)" }) });
 }
-function xr() {
+function Sr() {
   return /* @__PURE__ */ i("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", style: { flexShrink: 0 }, children: [
     /* @__PURE__ */ e("path", { d: "M14 7.5a6 6 0 11-12 0 6 6 0 0112 0z", stroke: "var(--t-accent)", strokeWidth: "1.5" }),
     /* @__PURE__ */ e("path", { d: "M5.5 8l2 2 3.5-4", stroke: "var(--t-accent)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function vr({ quote: t }) {
-  const a = P();
+function wr({ quote: t }) {
+  const a = O();
   return t.isBestRate ? /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ e(gr, {}),
+    /* @__PURE__ */ e(br, {}),
     /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-success)" }, children: a("modal.bestPrice") })
   ] }) : t.isRecommended ? /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ e(xr, {}),
+    /* @__PURE__ */ e(Sr, {}),
     /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-accent)" }, children: a("modal.recommended") })
   ] }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ i("div", { className: "text-[11px]", style: { color: "var(--t-text-muted)" }, children: [
     "#",
@@ -4241,7 +4285,7 @@ function ya({ gatewayId: t, gatewayLogo: a, assetBaseUrl: n = "" }) {
     }
   ) });
 }
-function Cr({ pct: t }) {
+function kr({ pct: t }) {
   if (t === 0) return null;
   const a = t > 0 ? "var(--t-success)" : "var(--t-error)", n = t > 0 ? "+" : "";
   return /* @__PURE__ */ i("span", { className: "text-[11px] font-medium", style: { color: a }, children: [
@@ -4250,7 +4294,7 @@ function Cr({ pct: t }) {
     "%"
   ] });
 }
-function br() {
+function Nr() {
   return /* @__PURE__ */ e("div", { className: "space-y-3", children: [0, 1, 2].map((t) => /* @__PURE__ */ i(
     "div",
     {
@@ -4278,20 +4322,20 @@ function br() {
     t
   )) });
 }
-function Sr({
+function Er({
   onClose: t,
   onSelect: a,
   quotes: n,
   quotesLoading: r,
   cryptoCurrency: o,
-  selectedGatewayId: c,
-  assetBaseUrl: u = ""
+  selectedGatewayId: l,
+  assetBaseUrl: d = ""
 }) {
-  const l = P(), [d, s] = w(""), h = V(() => {
+  const c = O(), [u, s] = w(""), h = j(() => {
     if (!(n != null && n.quotes)) return [];
-    const f = d.trim().toLowerCase();
+    const f = u.trim().toLowerCase();
     return f ? n.quotes.filter((g) => g.gatewayName.toLowerCase().includes(f)) : n.quotes;
-  }, [n, d]), p = V(() => {
+  }, [n, u]), m = j(() => {
     const f = h.find((g) => parseFloat(g.cryptoAmount) > 0);
     return f ? parseFloat(f.cryptoAmount) : 0;
   }, [h]);
@@ -4302,13 +4346,13 @@ function Sr({
       {
         className: "text-center text-[17px] font-medium mt-2 mb-6",
         style: { color: "var(--t-text)", fontSize: 17, fontWeight: 500, marginTop: 8, marginBottom: 24 },
-        children: l("modal.chooseRamp")
+        children: c("modal.chooseRamp")
       }
     ),
-    /* @__PURE__ */ e(Ye, { value: d, onChange: s }),
+    /* @__PURE__ */ e(Ye, { value: u, onChange: s }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-3", children: [
-      r ? /* @__PURE__ */ e(br, {}) : h.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? l("modal.noQuotes") : l("modal.noProvidersFound") }) : h.map((f, g) => {
-        const k = g === 0, R = c === f.gatewayId, y = parseFloat(f.cryptoAmount), N = y > 0, K = y >= 1 ? y.toFixed(4) : y.toPrecision(6), z = !k && p > 0 ? (y - p) / p * 100 : 0;
+      r ? /* @__PURE__ */ e(Nr, {}) : h.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? c("modal.noQuotes") : c("modal.noProvidersFound") }) : h.map((f, g) => {
+        const k = g === 0, A = l === f.gatewayId, y = parseFloat(f.cryptoAmount), N = y > 0, K = y >= 1 ? y.toFixed(4) : y.toPrecision(6), z = !k && m > 0 ? (y - m) / m * 100 : 0;
         return /* @__PURE__ */ i(
           "button",
           {
@@ -4317,26 +4361,26 @@ function Sr({
             style: {
               borderRadius: "var(--t-card-radius)",
               padding: "12px 16px",
-              border: R && N ? "1.5px solid var(--t-accent)" : "1.5px solid transparent",
+              border: A && N ? "1.5px solid var(--t-accent)" : "1.5px solid transparent",
               background: "var(--t-surface)",
               opacity: N ? 1 : 0.45,
               cursor: N ? "pointer" : "default",
               animationDelay: `${Math.min(g * 45, 350)}ms`
             },
             children: [
-              /* @__PURE__ */ e(ya, { gatewayId: f.gatewayId, gatewayLogo: f.gatewayLogo, assetBaseUrl: u }),
+              /* @__PURE__ */ e(ya, { gatewayId: f.gatewayId, gatewayLogo: f.gatewayLogo, assetBaseUrl: d }),
               /* @__PURE__ */ i("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[14px] leading-[18px]", style: { color: "var(--t-text)" }, children: f.gatewayName }),
-                N && /* @__PURE__ */ e(vr, { quote: f })
+                N && /* @__PURE__ */ e(wr, { quote: f })
               ] }),
               /* @__PURE__ */ e("div", { className: "text-right shrink-0", children: N ? /* @__PURE__ */ i(G, { children: [
-                /* @__PURE__ */ e("div", { className: "text-[11px] leading-[14px]", style: { color: "var(--t-text-secondary)" }, children: k ? l("receive.label") : /* @__PURE__ */ e(Cr, { pct: z }) }),
+                /* @__PURE__ */ e("div", { className: "text-[11px] leading-[14px]", style: { color: "var(--t-text-secondary)" }, children: k ? c("receive.label") : /* @__PURE__ */ e(kr, { pct: z }) }),
                 /* @__PURE__ */ i("div", { className: "font-medium text-[13px] leading-[18px]", style: { color: "var(--t-text)" }, children: [
                   /* @__PURE__ */ e("span", { className: "text-[10px] font-normal", style: { color: "var(--t-text-secondary)" }, children: o }),
                   " ",
                   K
                 ] })
-              ] }) : /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-muted)" }, children: l("rate.noQuote") }) })
+              ] }) : /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-muted)" }, children: c("rate.noQuote") }) })
             ]
           },
           f.gatewayId
@@ -4354,7 +4398,7 @@ function Sr({
             animationDelay: `${Math.min((h.length + g) * 45, 500)}ms`
           },
           children: [
-            /* @__PURE__ */ e(ya, { gatewayId: f.gatewayId, assetBaseUrl: u }),
+            /* @__PURE__ */ e(ya, { gatewayId: f.gatewayId, assetBaseUrl: d }),
             /* @__PURE__ */ e("div", { className: "text-left flex-1 min-w-0", children: /* @__PURE__ */ e("div", { className: "font-medium text-[14px] leading-[18px]", style: { color: "var(--t-text)" }, children: f.gatewayName }) }),
             /* @__PURE__ */ e("div", { className: "text-right shrink-0", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-muted)" }, children: f.reason }) })
           ]
@@ -4364,18 +4408,18 @@ function Sr({
     ] })
   ] });
 }
-function wr({
+function Ar({
   address: t,
   onChange: a,
   placeholder: n,
   error: r,
   validating: o,
-  disabled: c,
-  onFocus: u,
-  onBlur: l,
-  focused: d
+  disabled: l,
+  onFocus: d,
+  onBlur: c,
+  focused: u
 }) {
-  const s = P(), h = o && t.trim().length >= 10, [p, f] = w(!1), g = M(r);
+  const s = O(), h = o && t.trim().length >= 10, [m, f] = w(!1), g = I(r);
   return U(() => {
     if (r && !g.current) {
       f(!0);
@@ -4387,7 +4431,7 @@ function wr({
     /* @__PURE__ */ i(
       "div",
       {
-        className: `flex flex-col gap-[4px] p-4 card-hover${p ? " error-shake" : ""}`,
+        className: `flex flex-col gap-[4px] p-4 card-hover${m ? " error-shake" : ""}`,
         style: {
           background: "var(--t-surface)",
           borderRadius: "var(--t-card-radius)"
@@ -4401,8 +4445,8 @@ function wr({
                 type: "text",
                 value: t,
                 onChange: (k) => a(k.target.value),
-                onFocus: u,
-                onBlur: l,
+                onFocus: d,
+                onBlur: c,
                 placeholder: n,
                 spellCheck: !1,
                 autoComplete: "off",
@@ -4417,11 +4461,11 @@ function wr({
                   letterSpacing: "0.13px",
                   backgroundColor: "transparent"
                 },
-                disabled: c
+                disabled: l
               }
             ),
             h && /* @__PURE__ */ e("div", { className: "absolute right-0 top-0 bottom-0 flex items-center", children: /* @__PURE__ */ e(Ee, { size: 14 }) }),
-            !t && d && !c && /* @__PURE__ */ e(
+            !t && u && !l && /* @__PURE__ */ e(
               "div",
               {
                 className: "absolute left-0 top-0 bottom-0 flex items-center",
@@ -4446,7 +4490,7 @@ function wr({
     r && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 text-center", style: { color: "var(--t-error)" }, children: r })
   ] });
 }
-function kr({ label: t, disabled: a, loading: n, onClick: r }) {
+function Rr({ label: t, disabled: a, loading: n, onClick: r }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -4477,14 +4521,14 @@ function kr({ label: t, disabled: a, loading: n, onClick: r }) {
     }
   );
 }
-function Nr() {
-  const t = P();
+function Tr() {
+  const t = O();
   return /* @__PURE__ */ i("div", { className: "text-center py-3", style: { height: 16, lineHeight: "16px" }, children: [
     /* @__PURE__ */ e("span", { style: { fontSize: 9, opacity: 0.5, color: "var(--t-text)", letterSpacing: "0.27px" }, children: t("footer.poweredBy") }),
     /* @__PURE__ */ e("span", { style: { fontSize: 9, opacity: 0.65, color: "var(--t-text)", letterSpacing: "0.27px" }, children: t("footer.brand") })
   ] });
 }
-function Er({
+function Lr({
   quote: t,
   isOpen: a,
   onClose: n,
@@ -4492,16 +4536,16 @@ function Er({
   quotesLoading: o
 }) {
   var s, h;
-  const c = P();
+  const l = O();
   if (!a) return null;
-  const u = (p) => String(p).padStart(2, "0"), l = (t == null ? void 0 : t.fiatCurrency) === "USD" ? "$" : (t == null ? void 0 : t.fiatCurrency) === "EUR" ? "€" : (t == null ? void 0 : t.fiatCurrency) === "GBP" ? "£" : t != null && t.fiatCurrency ? `${t.fiatCurrency} ` : "$", d = (p) => {
-    const f = typeof p == "string" ? parseFloat(p) : p;
-    return isNaN(f) ? `${l}0.00` : `${l}${f.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
+  const d = (m) => String(m).padStart(2, "0"), c = (t == null ? void 0 : t.fiatCurrency) === "USD" ? "$" : (t == null ? void 0 : t.fiatCurrency) === "EUR" ? "€" : (t == null ? void 0 : t.fiatCurrency) === "GBP" ? "£" : t != null && t.fiatCurrency ? `${t.fiatCurrency} ` : "$", u = (m) => {
+    const f = typeof m == "string" ? parseFloat(m) : m;
+    return isNaN(f) ? `${c}0.00` : `${c}${f.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;
   };
   return /* @__PURE__ */ i("div", { className: "px-5 py-5", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o ? /* @__PURE__ */ e(Ee, { size: 16 }) : /* @__PURE__ */ i(G, { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: c("rate.updatesInLabel") }),
+        /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: l("rate.updatesInLabel") }),
         /* @__PURE__ */ i(
           "span",
           {
@@ -4509,7 +4553,7 @@ function Er({
             style: { color: "var(--t-text)", border: "1px solid var(--t-border)" },
             children: [
               "00:",
-              u(r)
+              d(r)
             ]
           }
         ),
@@ -4518,7 +4562,7 @@ function Er({
             "div",
             {
               className: "flex items-center justify-center opacity-60 hover:opacity-100 transition-opacity cursor-help",
-              "aria-label": c("rate.rateTooltip"),
+              "aria-label": l("rate.rateTooltip"),
               children: /* @__PURE__ */ e(Ht, { size: 12 })
             }
           ),
@@ -4527,7 +4571,7 @@ function Er({
             {
               className: "info-tooltip pointer-events-none absolute left-1/2 z-50 w-[200px] px-3 py-2 rounded-xl text-[11px] leading-snug font-medium opacity-0 group-hover:opacity-100 transition-opacity duration-200",
               style: { background: "var(--t-tooltip-bg)", color: "var(--t-tooltip-text)", top: "calc(100% + 8px)", transform: "translateX(-50%)" },
-              children: c("rate.rateTooltip")
+              children: l("rate.rateTooltip")
             }
           )
         ] })
@@ -4543,23 +4587,23 @@ function Er({
       )
     ] }),
     t ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-4", children: [
-      t.exchangeRate && /* @__PURE__ */ e("div", { className: "text-[28px] font-semibold", style: { color: "var(--t-text)" }, children: d(t.exchangeRate) }),
+      t.exchangeRate && /* @__PURE__ */ e("div", { className: "text-[28px] font-semibold", style: { color: "var(--t-text)" }, children: u(t.exchangeRate) }),
       ((s = t.fees) == null ? void 0 : s.processingFee) && /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ i("span", { className: "text-[13px] block mb-0.5", style: { color: "var(--t-text-secondary)" }, children: [
-          c("rate.processingFee"),
-          t.fees.feePercentage ? ` ${c("rate.feeIncluded", { percentage: Math.round(parseFloat(String(t.fees.feePercentage)) * 100) / 100 })}` : ""
+          l("rate.processingFee"),
+          t.fees.feePercentage ? ` ${l("rate.feeIncluded", { percentage: Math.round(parseFloat(String(t.fees.feePercentage)) * 100) / 100 })}` : ""
         ] }),
-        /* @__PURE__ */ e("span", { className: "text-[15px] font-semibold", style: { color: "var(--t-text)" }, children: d(t.fees.processingFee) })
+        /* @__PURE__ */ e("span", { className: "text-[15px] font-semibold", style: { color: "var(--t-text)" }, children: u(t.fees.processingFee) })
       ] }),
       ((h = t.fees) == null ? void 0 : h.networkFee) && /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ i("span", { className: "flex items-center gap-1 text-[13px] mb-0.5", style: { color: "var(--t-text-secondary)" }, children: [
-          c("rate.networkFeeIncl"),
+          l("rate.networkFeeIncl"),
           /* @__PURE__ */ i("div", { className: "relative group", children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "flex items-center justify-center opacity-60 hover:opacity-100 transition-opacity cursor-help",
-                "aria-label": c("rate.networkFeeTooltip"),
+                "aria-label": l("rate.networkFeeTooltip"),
                 children: /* @__PURE__ */ e(Ht, { size: 12 })
               }
             ),
@@ -4568,13 +4612,13 @@ function Er({
               {
                 className: "info-tooltip pointer-events-none absolute left-1/2 z-50 w-[220px] px-3 py-2 rounded-xl text-[11px] leading-snug font-medium opacity-0 group-hover:opacity-100 transition-opacity duration-200",
                 style: { background: "var(--t-tooltip-bg)", color: "var(--t-tooltip-text)", bottom: "calc(100% + 8px)", transform: "translateX(-50%)" },
-                children: c("rate.networkFeeTooltip")
+                children: l("rate.networkFeeTooltip")
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ i("span", { className: "text-[15px] font-semibold", style: { color: "var(--t-text)" }, children: [
-          d(t.fees.networkFee),
+          u(t.fees.networkFee),
           t.exchangeRate && /* @__PURE__ */ i("span", { className: "text-[13px] font-normal ml-1.5", style: { color: "var(--t-text-muted)" }, children: [
             "(",
             (parseFloat(t.fees.networkFee) / parseFloat(t.exchangeRate)).toFixed(8),
@@ -4584,26 +4628,26 @@ function Er({
           ] })
         ] })
       ] })
-    ] }) : /* @__PURE__ */ e("div", { className: "text-[13px] py-4 text-center", style: { color: "var(--t-text-muted)" }, children: c("rate.noQuote") })
+    ] }) : /* @__PURE__ */ e("div", { className: "text-[13px] py-4 text-center", style: { color: "var(--t-text-muted)" }, children: l("rate.noQuote") })
   ] });
 }
-function Rr({
+function Fr({
   className: t = "",
   theme: a = "dark",
   skinId: n = "mono",
   accentColor: r,
   bgColor: o,
-  bgImage: c,
-  borderColor: u,
-  borderRadius: l,
-  surfaceColor: d,
+  bgImage: l,
+  borderColor: d,
+  borderRadius: c,
+  surfaceColor: u,
   inputBgColor: s,
   textColor: h,
-  textSecondaryColor: p,
+  textSecondaryColor: m,
   textMutedColor: f,
   successColor: g,
   showFlowToggle: k = !0,
-  showSettings: R = !0,
+  showSettings: A = !0,
   showThemeToggle: y = !0,
   autoRedirect: N = !1,
   explorerUrl: K,
@@ -4616,10 +4660,10 @@ function Rr({
   onDone: ae
 }) {
   var na, ra;
-  const L = P(), {
+  const L = O(), {
     state: C,
     dispatch: F,
-    config: m,
+    config: p,
     configLoading: D,
     quotes: E,
     quotesLoading: b,
@@ -4637,7 +4681,7 @@ function Rr({
     selectionUnsupported: ye,
     quotesEmpty: $,
     bestUnavailableReason: Ke
-  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, j] = w(null), [lt, Z] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, A] = w(!1), [T, B] = w(!1), [I, _] = w(null), [ue, ge] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = M(null), Nt = M(), Et = M(C.flowType), Ma = te ?? 640, Zt = M(E);
+  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, V] = w(null), [lt, Z] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, R] = w(!1), [T, B] = w(!1), [M, _] = w(null), [ue, ge] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = I(null), Nt = I(), Et = I(C.flowType), Ma = te ?? 640, Zt = I(E);
   U(() => {
     E && E !== Zt.current && B(!1), Zt.current = E;
   }, [E]), U(() => {
@@ -4657,28 +4701,28 @@ function Rr({
     }
     Et.current = C.flowType;
   }, [C.flowType, tt]);
-  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", Rt = H ? C.fiatAmount : C.cryptoAmount, ee = Ln(Rt), ve = C.selectedQuote || (E == null ? void 0 : E.bestQuote) || null, we = ve != null && ve.exchangeRate ? parseFloat(ve.exchangeRate) : null, at = M(null);
+  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", At = H ? C.fiatAmount : C.cryptoAmount, ee = Mn(At), ve = C.selectedQuote || (E == null ? void 0 : E.bestQuote) || null, we = ve != null && ve.exchangeRate ? parseFloat(ve.exchangeRate) : null, at = I(null);
   we && re && xe && (at.current = { rate: we, crypto: re, fiat: xe }), U(() => {
     ($ || ne) && (at.current = null);
   }, [$, ne]), U(() => {
     ee || (ge(!1), C.selectedQuote && F({ type: "CLEAR_QUOTE" }));
   }, [ee, C.selectedQuote, F]);
-  const Ie = V(() => {
+  const Ie = j(() => {
     if (ve) {
       const x = H ? ve.cryptoAmount : ve.fiatAmount;
       if (x) return x;
     }
     return "0";
-  }, [ve, H]), At = M(Ie);
+  }, [ve, H]), Rt = I(Ie);
   U(() => {
-    if (Ie !== At.current && Ie !== "0" && At.current !== "0") {
+    if (Ie !== Rt.current && Ie !== "0" && Rt.current !== "0") {
       Gt(!0);
       const x = setTimeout(() => Gt(!1), 500);
       return () => clearTimeout(x);
     }
-    At.current = Ie;
+    Rt.current = Ie;
   }, [Ie]);
-  const nt = !!(ie && q && H && Ea(re) && we), Da = nt && re.toUpperCase().includes(xe.toUpperCase()), Xt = nt && ee > 0 ? Bt(Da ? ee : ee / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = V(() => {
+  const nt = !!(ie && q && H && Ea(re) && we), Da = nt && re.toUpperCase().includes(xe.toUpperCase()), Xt = nt && ee > 0 ? Bt(Da ? ee : ee / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = j(() => {
     var Y, De, Ge;
     const x = we || ((Y = at.current) == null ? void 0 : Y.rate), S = we ? re : (De = at.current) == null ? void 0 : De.crypto, W = we ? xe : (Ge = at.current) == null ? void 0 : Ge.fiat;
     return !x || !S || !W ? "" : `1 ${S} ≈ ${x.toFixed(2)} ${W}`;
@@ -4717,36 +4761,36 @@ function Rr({
       clearTimeout(Nt.current), W.abort();
     };
   }, [C.walletAddress, C.network, ce.apiUrl]);
-  const ut = !Rt || ee === 0, Tt = ee > 0 && (H ? ee < ua : ee < ma), Pa = !!he || Tt || lt && ut, Oa = ee > 0 && !he && !Tt, Yt = C.walletAddress.trim().length >= 10 && et !== !1 && !je, Qt = Oa && (H ? Yt : !0) && !!C.cryptoCurrency && !!C.network, Ka = (x) => {
+  const ut = !At || ee === 0, Tt = ee > 0 && (H ? ee < ua : ee < ma), Pa = !!he || Tt || lt && ut, Oa = ee > 0 && !he && !Tt, Yt = C.walletAddress.trim().length >= 10 && et !== !1 && !je, Qt = Oa && (H ? Yt : !0) && !!C.cryptoCurrency && !!C.network, Ka = (x) => {
     let S = x.target.value.replace(/[^0-9.,]/g, "");
     const W = H ? 2 : 6, Y = S.indexOf(".");
     Y !== -1 && S.length - Y - 1 > W && (S = S.slice(0, Y + W + 1)), F(H ? { type: "SET_FIAT_AMOUNT", amount: S } : { type: "SET_CRYPTO_AMOUNT", amount: S });
   }, _a = (x) => {
     x !== dt && F({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: le });
-  }, ja = O(
+  }, ja = P(
     (x) => {
       F({ type: "SET_FIAT_CURRENCY", currency: x });
     },
     [F]
-  ), Va = O(
+  ), Va = P(
     (x, S) => {
       F({ type: "SET_CRYPTO_CURRENCY", currency: x }), F({ type: "SET_CRYPTO_CHAIN", chain: S });
     },
     [F]
-  ), Wa = O(
+  ), Wa = P(
     (x) => {
       F({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
     [F]
-  ), Ga = O(
+  ), Ga = P(
     (x) => {
-      F({ type: "SET_COUNTRY", country: x }), j(null);
+      F({ type: "SET_COUNTRY", country: x }), V(null);
     },
     [F]
-  ), $a = O(() => {
-    j(null), setTimeout(() => j("country"), 280);
-  }, []), Za = O(() => {
-    j(null), setTimeout(() => j("language"), 280);
+  ), $a = P(() => {
+    V(null), setTimeout(() => V("country"), 280);
+  }, []), Za = P(() => {
+    V(null), setTimeout(() => V("language"), 280);
   }, []), Xa = C.country ? (na = Ot[C.country.toLowerCase()]) == null ? void 0 : na.name : void 0, Ya = () => {
     if (!Qt) {
       (Pa || ut) && (Z(!0), $t(!0), setTimeout(() => $t(!1), 400));
@@ -4758,27 +4802,27 @@ function Rr({
       });
       return;
     }
-    A(!0), pe();
+    R(!0), pe();
   };
   U(() => {
     var x;
     if (!(!v || b)) {
       if (E != null && E.bestQuote)
-        A(!1), F({ type: "SELECT_QUOTE", quote: E.bestQuote }), Se().catch((S) => {
+        R(!1), F({ type: "SELECT_QUOTE", quote: E.bestQuote }), Se().catch((S) => {
           _({ type: "error", title: L("toast.orderFailed"), desc: S instanceof Error ? S.message : L("toast.couldNotCreate") });
         });
       else if (ne) {
-        A(!1);
+        R(!1);
         const S = ne.message || L("error.noProviders");
         F({ type: "SET_ERROR", message: S }), _({ type: "error", title: L("toast.quoteError"), desc: S });
       } else if (E && !E.bestQuote) {
-        A(!1);
+        R(!1);
         const S = (x = E.unavailableGateways) == null ? void 0 : x.map((Y) => Y.reason).filter(Boolean), W = S != null && S.length ? `${L("error.noProviders")}: ${S.join("; ")}` : L("error.noProviders");
         F({ type: "SET_ERROR", message: W }), _({ type: "error", title: L("toast.noProviders"), desc: W });
       }
     }
   }, [v, E, b, ne, F, Se]);
-  const zt = M(C.step);
+  const zt = I(C.step);
   U(() => {
     const x = zt.current;
     zt.current = C.step, x !== C.step && (C.step === "checkout" ? _({ type: "success", title: L("toast.orderCreated"), desc: L("toast.redirecting") }) : C.step === "error" && C.errorMessage && _({ type: "error", title: L("toast.somethingWrong"), desc: C.errorMessage }));
@@ -4808,12 +4852,12 @@ function Rr({
     "--t-cta-bg": mt.accent,
     "--t-cta-text": qt(mt.accent)
   }, me = {};
-  d && Ce(d) && (me["--t-surface"] = d, me["--t-modal-bg"] = d), s && Ce(s) && (me["--t-pill-bg"] = s, me["--t-close-bg"] = s), h && Ce(h) && (me["--t-text"] = h), p && Ce(p) && (me["--t-text-secondary"] = p), f && Ce(f) && (me["--t-text-muted"] = f, me["--t-text-tertiary"] = f), g && Ce(g) && (me["--t-success"] = g);
+  u && Ce(u) && (me["--t-surface"] = u, me["--t-modal-bg"] = u), s && Ce(s) && (me["--t-pill-bg"] = s, me["--t-close-bg"] = s), h && Ce(h) && (me["--t-text"] = h), m && Ce(m) && (me["--t-text-secondary"] = m), f && Ce(f) && (me["--t-text-muted"] = f, me["--t-text-tertiary"] = f), g && Ce(g) && (me["--t-success"] = g);
   const Me = {};
-  o && Ce(o) ? Me.backgroundColor = o : Me.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Me.backgroundImage = `url(${c})`, Me.backgroundSize = "cover", Me.backgroundPosition = "center");
+  o && Ce(o) ? Me.backgroundColor = o : Me.backgroundColor = "var(--t-bg)", l && (l.startsWith("https://") || l.startsWith("data:image/")) && (Me.backgroundImage = `url(${l})`, Me.backgroundSize = "cover", Me.backgroundPosition = "center");
   const pt = {};
-  u && Ce(u) && (pt.border = `1px solid ${u}`), l && (pt.borderRadius = l);
-  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? L("error.amountZero") : H ? L("error.minAmountFiat", { min: String(ua), currency: xe }) : L("error.minAmountCrypto", { min: String(ma), currency: re }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? L("wallet.invalid") : void 0, Lt = oe.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(bn, { autoRedirect: N }) : C.step === "processing" ? /* @__PURE__ */ e(wn, {}) : C.step === "complete" ? /* @__PURE__ */ e(kn, { explorerUrl: K, doneButtonText: z, onDone: ae }) : C.step === "error" ? /* @__PURE__ */ e(Nn, { supportEmail: J, onDone: ae, doneButtonText: z }) : C.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: nt, partnerName: q }) : null;
+  d && Ce(d) && (pt.border = `1px solid ${d}`), c && (pt.borderRadius = c);
+  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? L("error.amountZero") : H ? L("error.minAmountFiat", { min: String(ua), currency: xe }) : L("error.minAmountCrypto", { min: String(ma), currency: re }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? L("wallet.invalid") : void 0, Lt = oe.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(Nn, { autoRedirect: N }) : C.step === "processing" ? /* @__PURE__ */ e(An, {}) : C.step === "complete" ? /* @__PURE__ */ e(Rn, { explorerUrl: K, doneButtonText: z, onDone: ae }) : C.step === "error" ? /* @__PURE__ */ e(Tn, { supportEmail: J, onDone: ae, doneButtonText: z }) : C.step === "confirm" ? /* @__PURE__ */ e(Bn, { stablecoinParity: nt, partnerName: q }) : null;
   return aa ? /* @__PURE__ */ e(
     "div",
     {
@@ -4844,25 +4888,25 @@ function Rr({
       },
       children: [
         /* @__PURE__ */ e(
-          dr,
+          hr,
           {
             tab: dt,
             onTabSwitch: _a,
             showFlowToggle: k,
-            showSettings: R,
-            onOpenSettings: () => j("settings"),
+            showSettings: A,
+            onOpenSettings: () => V("settings"),
             darkMode: se
           }
         ),
-        tt || wt || D ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: D ? /* @__PURE__ */ e(In, {}) : /* @__PURE__ */ e(Zn, {}) }) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden pt-[88px] px-3 flex flex-col gap-1 tab-fade-in", children: [
+        tt || wt || D ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: D ? /* @__PURE__ */ e(Hn, {}) : /* @__PURE__ */ e(zn, {}) }) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden pt-[88px] px-3 flex flex-col gap-1 tab-fade-in", children: [
           /* @__PURE__ */ e(
-            ur,
+            fr,
             {
-              amount: Rt,
+              amount: At,
               onAmountChange: Ka,
               currencyCode: H ? xe : re,
               isBuy: H,
-              onOpenModal: () => j(H ? "fiat" : "crypto"),
+              onOpenModal: () => V(H ? "fiat" : "crypto"),
               assetBaseUrl: X,
               error: Ja,
               fieldLocks: le,
@@ -4875,14 +4919,14 @@ function Rr({
             }
           ),
           /* @__PURE__ */ e(
-            hr,
+            xr,
             {
               amount: Ba,
               currencyCode: H ? re : xe,
               chainCode: H ? rt : void 0,
               chainDisplay: H ? ta : void 0,
               isBuy: H,
-              onOpenModal: () => j(H ? "crypto" : "fiat"),
+              onOpenModal: () => V(H ? "crypto" : "fiat"),
               displayRate: Ha,
               assetBaseUrl: X,
               quotesLoading: b,
@@ -4919,19 +4963,19 @@ function Rr({
             }
           ),
           (E || b) && /* @__PURE__ */ e(
-            yr,
+            Cr,
             {
               selectedQuote: C.selectedQuote,
               quotesLoading: b,
-              onOpenModal: () => j("provider"),
+              onOpenModal: () => V("provider"),
               assetBaseUrl: X
             }
           ),
-          (oe.length > 0 || (m == null ? void 0 : m.paymentMethods) && m.paymentMethods.length > 0) && (Lt.length > 0 ? /* @__PURE__ */ e(
-            fr,
+          (oe.length > 0 || (p == null ? void 0 : p.paymentMethods) && p.paymentMethods.length > 0) && (Lt.length > 0 ? /* @__PURE__ */ e(
+            vr,
             {
               selectedMethod: en,
-              onOpenModal: () => j("payment"),
+              onOpenModal: () => V("payment"),
               darkMode: se,
               getMethodIcon: Wt,
               getMethodDisplayName: (x, S) => Vt(x, S, L, !0)
@@ -4949,7 +4993,7 @@ function Rr({
             }
           )),
           H && /* @__PURE__ */ e(
-            wr,
+            Ar,
             {
               address: C.walletAddress,
               onChange: (x) => F({ type: "SET_WALLET_ADDRESS", address: x }),
@@ -4969,7 +5013,7 @@ function Rr({
           ye && /* @__PURE__ */ e("div", { className: "text-[12px] text-center mb-2", style: { color: "var(--t-error)" }, children: L(H ? "error.currencyUnavailableBuy" : "error.currencyUnavailableSell") }),
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-3 pb-3", children: [
             /* @__PURE__ */ e(
-              kr,
+              Rr,
               {
                 label: H ? L("cta.buy", { crypto: re }) : L("cta.sell", { crypto: re }),
                 disabled: !Qt || Te || v || ye || $,
@@ -4977,21 +5021,21 @@ function Rr({
                 onClick: Ya
               }
             ),
-            /* @__PURE__ */ e(Nr, {})
+            /* @__PURE__ */ e(Tr, {})
           ] })
         ] }, dt),
-        I && /* @__PURE__ */ e(
-          $n,
+        M && /* @__PURE__ */ e(
+          Qn,
           {
-            type: I.type,
-            title: I.title,
-            description: I.desc,
-            visible: !!I,
+            type: M.type,
+            title: M.title,
+            description: M.desc,
+            visible: !!M,
             onDismiss: () => _(null)
           }
         ),
-        /* @__PURE__ */ e(Xn, { isOpen: ue, onClose: () => ge(!1), children: /* @__PURE__ */ e(
-          Er,
+        /* @__PURE__ */ e(Jn, { isOpen: ue, onClose: () => ge(!1), children: /* @__PURE__ */ e(
+          Lr,
           {
             quote: ve,
             isOpen: ue,
@@ -5000,8 +5044,8 @@ function Rr({
             quotesLoading: b
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "fiat", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          Qn,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "fiat", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
+          er,
           {
             onClose: x,
             onSelect: (S) => {
@@ -5012,8 +5056,8 @@ function Rr({
             selectedCode: C.fiatCurrency
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "crypto", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          zn,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "crypto", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
+          tr,
           {
             onClose: x,
             onSelect: (S, W) => {
@@ -5032,8 +5076,8 @@ function Rr({
             selectedChain: C.network
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "payment", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          ar,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "payment", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
+          ir,
           {
             methods: oe,
             selectedId: C.paymentMethodId,
@@ -5043,8 +5087,8 @@ function Rr({
             onClose: x
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "provider", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          Sr,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "provider", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
+          Er,
           {
             quotes: E,
             quotesLoading: b,
@@ -5057,8 +5101,8 @@ function Rr({
             onClose: x
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "settings", onClose: () => j(null), variant: "right", children: (x) => /* @__PURE__ */ e(
-          or,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "settings", onClose: () => V(null), variant: "right", children: (x) => /* @__PURE__ */ e(
+          sr,
           {
             onClose: x,
             darkMode: se,
@@ -5075,8 +5119,8 @@ function Rr({
             assetBaseUrl: X
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "country", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          lr,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "country", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
+          ur,
           {
             onClose: x,
             onSelect: (S) => {
@@ -5086,8 +5130,8 @@ function Rr({
             selectedCode: C.country
           }
         ) }),
-        /* @__PURE__ */ e(Pe, { isOpen: de === "language", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
-          sr,
+        /* @__PURE__ */ e(Pe, { isOpen: de === "language", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
+          pr,
           {
             onClose: x,
             onSelect: (S) => {
@@ -5100,23 +5144,23 @@ function Rr({
     }
   );
 }
-function Ar({
+function Ur({
   projectId: t,
   apiUrl: a,
   assetBaseUrl: n,
   flowType: r,
   customerId: o,
-  brandId: c,
-  defaultFiatCurrency: u,
-  defaultCryptoCurrency: l,
-  defaultNetwork: d,
+  brandId: l,
+  defaultFiatCurrency: d,
+  defaultCryptoCurrency: c,
+  defaultNetwork: u,
   defaultFiatAmount: s,
   defaultCryptoAmount: h,
-  defaultWalletAddress: p,
+  defaultWalletAddress: m,
   defaultGateway: f,
   defaultCountry: g,
   fieldLocks: k,
-  partnerMetadata: R,
+  partnerMetadata: A,
   statusPollInterval: y,
   onComplete: N,
   onError: K,
@@ -5130,7 +5174,7 @@ function Ar({
   borderRadius: L,
   surfaceColor: C,
   inputBgColor: F,
-  textColor: m,
+  textColor: p,
   textSecondaryColor: D,
   textMutedColor: E,
   successColor: b,
@@ -5155,22 +5199,22 @@ function Ar({
       assetBaseUrl: n,
       flowType: r,
       customerId: o,
-      brandId: c,
-      defaultFiatCurrency: u,
-      defaultCryptoCurrency: l,
-      defaultNetwork: d,
+      brandId: l,
+      defaultFiatCurrency: d,
+      defaultCryptoCurrency: c,
+      defaultNetwork: u,
       defaultFiatAmount: s,
       defaultCryptoAmount: h,
-      defaultWalletAddress: p,
+      defaultWalletAddress: m,
       defaultGateway: f,
       defaultCountry: g,
       fieldLocks: k,
-      partnerMetadata: R,
+      partnerMetadata: A,
       statusPollInterval: y,
       onComplete: N,
       onError: K,
       children: /* @__PURE__ */ e(vn, { defaultLocale: oe || "en", children: /* @__PURE__ */ e(
-        Rr,
+        Fr,
         {
           className: z,
           theme: J,
@@ -5182,7 +5226,7 @@ function Ar({
           borderRadius: L,
           surfaceColor: C,
           inputBgColor: F,
-          textColor: m,
+          textColor: p,
           textSecondaryColor: D,
           textMutedColor: E,
           successColor: b,
@@ -5202,35 +5246,35 @@ function Ar({
     }
   );
 }
-function Gr({
+function Yr({
   submitButtonText: t,
   rateRefreshInterval: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(Ar, { ...n });
+  return /* @__PURE__ */ e(Ur, { ...n });
 }
-function $r({
+function Qr({
   skin: t,
   active: a,
   onClick: n,
   darkMode: r,
   dimmed: o
 }) {
-  const c = t.accent === null, u = 32;
+  const l = t.accent === null, d = 32;
   return /* @__PURE__ */ i(
     "button",
     {
       onClick: n,
       className: "relative shrink-0",
-      style: { width: u, height: u, opacity: o ? 0.4 : 1, transition: "opacity 0.2s" },
+      style: { width: d, height: d, opacity: o ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
-        c ? /* @__PURE__ */ i("svg", { width: u, height: u, viewBox: "0 0 32 32", children: [
+        l ? /* @__PURE__ */ i("svg", { width: d, height: d, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("clipPath", { id: "mono-right", children: /* @__PURE__ */ e("rect", { x: "16", y: "0", width: "16", height: "32" }) }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#111111", clipPath: "url(#mono-left)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#ffffff", clipPath: "url(#mono-right)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "none", stroke: r ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)", strokeWidth: "1" })
-        ] }) : /* @__PURE__ */ e("svg", { width: u, height: u, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
+        ] }) : /* @__PURE__ */ e("svg", { width: d, height: d, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
         a && !o && /* @__PURE__ */ e(
           "div",
           {
@@ -5243,94 +5287,94 @@ function $r({
   );
 }
 export {
-  mr as AnimatedDigit,
-  pr as AnimatedNumber,
-  Dr as ApplePayIcon,
-  Vr as ArrowUpIcon,
+  yr as AnimatedDigit,
+  gr as AnimatedNumber,
+  Or as ApplePayIcon,
+  Zr as ArrowUpIcon,
   ot as BLOCKCHAINS,
-  Mr as BankIcon,
-  Xn as BottomSheet,
+  Pr as BankIcon,
+  Jn as BottomSheet,
   ft as COUNTRIES,
   Ot as COUNTRY_MAP,
-  Fn as CRYPTO_CHAIN_COMBOS,
+  Dn as CRYPTO_CHAIN_COMBOS,
   wa as CRYPTO_CURRENCIES,
-  Hr as CardIcon,
-  Wn as CheckmarkIcon,
-  Gr as CheckoutForm,
-  bn as CheckoutStep,
-  Re as ChevronDown,
-  Pn as ChevronRight,
-  Sr as ChooseRampModal,
+  _r as CardIcon,
+  Xn as CheckmarkIcon,
+  Yr as CheckoutForm,
+  Nn as CheckoutStep,
+  Ae as ChevronDown,
+  jn as ChevronRight,
+  Er as ChooseRampModal,
   Oe as CloseButton,
-  Pr as CoinifyIcon,
-  kn as CompleteStep,
-  Un as ConfirmStep,
-  lr as CountryPickerModal,
-  zn as CryptoCurrencyModal,
-  Aa as CryptoIcon,
-  kr as CtaButton,
-  Kr as DarkModeIcon,
-  Nn as ErrorStep,
+  jr as CoinifyIcon,
+  Rn as CompleteStep,
+  Bn as ConfirmStep,
+  ur as CountryPickerModal,
+  tr as CryptoCurrencyModal,
+  Ra as CryptoIcon,
+  Rr as CtaButton,
+  Wr as DarkModeIcon,
+  Tn as ErrorStep,
   ca as FIAT_CURRENCIES,
-  Rn as FIAT_TO_COUNTRY,
-  Qn as FiatCurrencyModal,
+  Fn as FIAT_TO_COUNTRY,
+  er as FiatCurrencyModal,
   jt as FiatFlag,
-  Nr as Footer,
-  In as FormSkeleton,
+  Tr as Footer,
+  Hn as FormSkeleton,
   Ta as GenericCoinIcon,
-  Br as GooglePayIcon,
-  dr as HeaderBar,
+  Kr as GooglePayIcon,
+  hr as HeaderBar,
   vn as I18nProvider,
   Ht as InfoIcon,
   Ze as LANGUAGES,
-  Zn as LoadingScreen,
+  zn as LoadingScreen,
   da as MOCK_RATES,
-  Or as MenuIcon,
+  Vr as MenuIcon,
   Pe as Modal,
-  Vn as MoreDotsIcon,
-  Ae as NRLogo,
-  _r as NRLogoIcon,
-  Dn as PayPalIcon,
-  _n as PaymentAppleIcon,
-  On as PaymentBankIcon,
-  fr as PaymentCard,
-  Kn as PaymentCardsIcon,
-  jn as PaymentGoogleIcon,
-  Wr as PaymentMethodSelector,
-  wn as ProcessingStep,
-  Ar as RampForm,
+  Zn as MoreDotsIcon,
+  Re as NRLogo,
+  Gr as NRLogoIcon,
+  On as PayPalIcon,
+  Gn as PaymentAppleIcon,
+  Vn as PaymentBankIcon,
+  vr as PaymentCard,
+  Wn as PaymentCardsIcon,
+  $n as PaymentGoogleIcon,
+  Xr as PaymentMethodSelector,
+  An as ProcessingStep,
+  Ur as RampForm,
   xn as RampProvider,
-  Er as RateBreakdown,
-  hr as ReceiveCard,
+  Lr as RateBreakdown,
+  xr as ReceiveCard,
   Cn as RedirectScreen,
-  Mn as RevolutIcon,
+  Pn as RevolutIcon,
   sa as SKINS,
-  jr as SearchIcon,
+  $r as SearchIcon,
   Ye as SearchInput,
-  or as SettingsScreen,
+  sr as SettingsScreen,
   Q as Skeleton,
-  $r as SkinSwatch,
-  ur as SpendCard,
+  Qr as SkinSwatch,
+  fr as SpendCard,
   Ee as Spinner,
-  $n as Toast,
-  nr as ToggleSwitch,
-  wr as WalletCard,
+  Qn as Toast,
+  lr as ToggleSwitch,
+  Ar as WalletCard,
   Pt as XIcon,
   Bt as formatOutput,
   Dt as getChainIconUrl,
   ka as getCryptoIconUrl,
   Mt as getDefaultFiatForCountry,
-  An as getFiatFlagUrl,
-  Ir as getMockRate,
-  Gn as getPaymentIcon,
+  Un as getFiatFlagUrl,
+  Hr as getMockRate,
+  Yn as getPaymentIcon,
   Ea as isStablecoin,
-  Ln as parseAmount,
+  Mn as parseAmount,
   on as useCheckoutIntent,
   _t as useI18n,
   rn as useQuotes,
   Xe as useRamp,
   nn as useRampConfig,
-  P as useT,
+  O as useT,
   ln as useTransaction
 };
 //# sourceMappingURL=index.js.map