@nowramp/form 0.1.73 → 0.1.75

package/dist/index.js

@@ -9,13 +9,13 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as o, Fragment as J } from "react/jsx-runtime";
-import ve, { useState as v, useRef as I, useCallback as B, useEffect as W, useMemo as Y, useReducer as ua, useContext as ma, createContext as fa } from "react";
-import { RampApi as Qe } from "@nowramp/sdk";
+import de, { useState as v, useRef as O, useCallback as P, useEffect as Y, useMemo as Z, useReducer as ua, useContext as ma, createContext as fa } from "react";
+import { RampApi as ze } from "@nowramp/sdk";
 import { createPortal as Ut } from "react-dom";
 function ha(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!0), [s, u] = v(null), f = I(null);
-  (!f.current || f.current !== t) && (f.current = new Qe({ apiKey: "", ...t }));
-  const h = B(async () => {
+  const [r, l] = v(null), [c, m] = v(!0), [s, u] = v(null), f = O(null);
+  (!f.current || f.current !== t) && (f.current = new ze({ apiKey: "", ...t }));
+  const h = P(async () => {
     if (!t.projectId) {
       u(new Error("projectId is required")), m(!1);
       return;
@@ -25,22 +25,22 @@ function ha(t, a, n) {
       const d = {};
       a && (d.orderType = a), n && (d.country = n);
       const p = await f.current.getSupported(d);
-      i(p);
+      l(p);
     } catch (d) {
       u(d instanceof Error ? d : new Error("Failed to fetch config"));
     } finally {
       m(!1);
     }
   }, [t.projectId, a, n]);
-  return W(() => {
+  return Y(() => {
     h();
   }, [h]), { config: r, loading: c, error: s, refetch: h };
 }
 function pa(t, a) {
-  const [n, r] = v(null), [i, c] = v(!1), [m, s] = v(null), u = I(null), f = I(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!u.current || f.current !== h) && (u.current = new Qe({ apiKey: "", ...t }), f.current = h);
-  const d = I(0);
-  W(() => {
+  const [n, r] = v(null), [l, c] = v(!1), [m, s] = v(null), u = O(null), f = O(""), h = `${t.apiUrl}|${t.projectId}`;
+  (!u.current || f.current !== h) && (u.current = new ze({ apiKey: "", ...t }), f.current = h);
+  const d = O(0);
+  Y(() => {
     const g = ++d.current;
     if (!a || !t.projectId) {
       r(null), c(!1);
@@ -55,7 +55,7 @@ function pa(t, a) {
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
-  const p = B(async () => {
+  const p = P(async () => {
     if (!(!a || !t.projectId)) {
       c(!0), s(null);
       try {
@@ -68,13 +68,13 @@ function pa(t, a) {
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: i, error: m, refetch: p };
+  return { quotes: n, loading: l, error: m, refetch: p };
 }
 function ya(t) {
-  const [a, n] = v(null), [r, i] = v(!1), [c, m] = v(null), s = I(null), u = I(""), f = `${t.apiUrl}|${t.projectId}`;
-  (!s.current || u.current !== f) && (s.current = new Qe({ apiKey: "", ...t }), u.current = f);
-  const h = B(async (p) => {
-    i(!0), m(null);
+  const [a, n] = v(null), [r, l] = v(!1), [c, m] = v(null), s = O(null), u = O(""), f = `${t.apiUrl}|${t.projectId}`;
+  (!s.current || u.current !== f) && (s.current = new ze({ apiKey: "", ...t }), u.current = f);
+  const h = P(async (p) => {
+    l(!0), m(null);
     try {
       const g = await s.current.createCheckoutIntent(p);
       return n(g), g;
@@ -82,22 +82,22 @@ function ya(t) {
       const A = g instanceof Error ? g : new Error("Failed to create checkout intent");
       throw m(A), A;
     } finally {
-      i(!1);
+      l(!1);
     }
-  }, []), d = B(() => {
+  }, []), d = P(() => {
     n(null), m(null);
   }, []);
   return { order: a, loading: r, error: c, createOrder: h, reset: d };
 }
 function xa(t, a, n) {
-  const [r, i] = v(null), [c, m] = v(!1), [s, u] = v(null), f = I(null);
-  f.current || (f.current = new Qe({ apiKey: "", projectId: "", ...t }));
-  const h = B(async () => {
+  const [r, l] = v(null), [c, m] = v(!1), [s, u] = v(null), f = O(null);
+  f.current || (f.current = new ze({ apiKey: "", projectId: "", ...t }));
+  const h = P(async () => {
     if (a) {
       m(!0), u(null);
       try {
         const d = await f.current.getTransaction(a);
-        i(d);
+        l(d);
       } catch (d) {
         u(d instanceof Error ? d : new Error("Failed to fetch status"));
       } finally {
@@ -105,7 +105,7 @@ function xa(t, a, n) {
       }
     }
   }, [a]);
-  return W(() => {
+  return Y(() => {
     if (!a) return;
     const d = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (d > 0) {
@@ -113,14 +113,14 @@ function xa(t, a, n) {
       return () => clearTimeout(p);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), W(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), Y(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
     const p = setInterval(h, n.pollInterval);
     return () => clearInterval(p);
   }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: c, error: s, refetch: h };
 }
-const Ye = [
+const Ze = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
   { code: "ae", name: "United Arab Emirates", defaultFiat: "AED" },
   { code: "af", name: "Afghanistan", defaultFiat: "USD" },
@@ -313,7 +313,7 @@ const Ye = [
   { code: "zm", name: "Zambia", defaultFiat: "USD" },
   { code: "zw", name: "Zimbabwe", defaultFiat: "USD" }
 ], st = Object.fromEntries(
-  Ye.map((t) => [t.code, t])
+  Ze.map((t) => [t.code, t])
 );
 function ot(t, a) {
   if (!t) return "USD";
@@ -409,7 +409,7 @@ function Ca({
   apiUrl: a = "https://api.nowramp.com",
   assetBaseUrl: n = "",
   flowType: r = "buy",
-  customerId: i = "",
+  customerId: l = "",
   brandId: c,
   defaultFiatCurrency: m = "USD",
   defaultCryptoCurrency: s = "BTC",
@@ -422,201 +422,214 @@ function Ca({
   fieldLocks: A,
   statusPollInterval: E = 5e3,
   onComplete: R,
-  onError: P,
-  children: ne
+  onError: _,
+  children: ae
 }) {
-  const V = Y(() => ({ apiUrl: a, projectId: t }), [a, t]), Z = u || (s ? s.toLowerCase() : ""), q = r === "sell", G = q ? !!h : !!f, y = (q ? !!(G && s && Z) : !!(G && s && Z && d)) && p ? "confirm" : "amount", L = f || (r === "buy" ? "250" : ""), [l, M] = ua(ga, {
+  const j = Z(() => ({ apiUrl: a, projectId: t }), [a, t]), Q = u || (s ? s.toLowerCase() : ""), q = r === "sell", $ = q ? !!h : !!f, y = (q ? !!($ && s && Q) : !!($ && s && Q && d)) && p ? "confirm" : "amount", k = f || (r === "buy" ? "250" : ""), [i, I] = ua(ga, {
     ...Vt,
     step: y,
     flowType: r,
     fiatCurrency: m,
     cryptoCurrency: s,
-    network: Z,
-    fiatAmount: Dt(L, 2),
+    network: Q,
+    fiatAmount: Dt(k, 2),
     cryptoAmount: Dt(h, 6),
     walletAddress: d,
-    customerId: i,
+    customerId: l,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
     ...g ? { country: g.toLowerCase(), countrySource: "manual" } : {}
-  }), w = l.flowType === "sell", {
+  }), b = i.flowType === "sell", {
     config: S,
-    loading: he,
-    error: pe
-  } = ha(V, l.flowType, l.country || void 0), ye = I(!1);
-  ve.useEffect(() => {
-    var D;
-    if (ye.current || !(S != null && S.detectedCountry) || l.country) return;
-    ye.current = !0;
-    const C = S.detectedCountry.toLowerCase();
-    M({ type: "SET_COUNTRY_AUTO", country: C });
-    const b = (D = S.fiats) == null ? void 0 : D.map((F) => F.code), U = ot(C, b);
-    U !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: U });
-  }, [S, l.country, l.fiatCurrency]);
-  const ie = I(!1);
-  ve.useEffect(() => {
+    loading: ge,
+    error: Ce
+  } = ha(j, i.flowType, i.country || void 0), Se = O(!1);
+  de.useEffect(() => {
     var U;
-    if (ie.current || !g || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
-    ie.current = !0;
-    const C = S.fiats.map((D) => D.code), b = ot(g, C);
-    b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
-  }, [g, S, l.fiatCurrency]);
-  const se = I(l.country);
-  ve.useEffect(() => {
+    if (Se.current || !(S != null && S.detectedCountry) || i.country) return;
+    Se.current = !0;
+    const C = S.detectedCountry.toLowerCase();
+    I({ type: "SET_COUNTRY_AUTO", country: C });
+    const w = (U = S.fiats) == null ? void 0 : U.map((D) => D.code), L = ot(C, w);
+    L !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: L });
+  }, [S, i.country, i.fiatCurrency]);
+  const oe = O(!1);
+  de.useEffect(() => {
+    var L;
+    if (oe.current || !g || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
+    oe.current = !0;
+    const C = S.fiats.map((U) => U.code), w = ot(g, C);
+    w !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: w });
+  }, [g, S, i.fiatCurrency]);
+  const me = O(i.country);
+  de.useEffect(() => {
+    var L;
+    if (i.country === me.current || (me.current = i.country, i.countrySource === "manual" && (ie.current = !1), i.countrySource !== "manual") || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
+    const C = S.fiats.map((U) => U.code), w = ot(i.country, C);
+    w !== i.fiatCurrency && I({ type: "SET_FIAT_CURRENCY", currency: w });
+  }, [i.country, i.countrySource, S, i.fiatCurrency]);
+  const M = O(i.fiatCurrency);
+  de.useEffect(() => {
     var U;
-    if (l.country === se.current || (se.current = l.country, l.countrySource !== "manual") || !((U = S == null ? void 0 : S.fiats) != null && U.length)) return;
-    const C = S.fiats.map((D) => D.code), b = ot(l.country, C);
-    b !== l.fiatCurrency && M({ type: "SET_FIAT_CURRENCY", currency: b });
-  }, [l.country, l.countrySource, S, l.fiatCurrency]), ve.useEffect(() => {
-    var U, D, F;
-    if (!S || !l.cryptoCurrency || l.network) return;
-    const C = (U = S.cryptos) == null ? void 0 : U.find(($) => $.code === l.cryptoCurrency), b = ((D = C == null ? void 0 : C.networks) == null ? void 0 : D.find(($) => $.isDefault)) || ((F = C == null ? void 0 : C.networks) == null ? void 0 : F[0]);
-    b != null && b.id && M({ type: "SET_NETWORK", network: b.id });
-  }, [S, l.cryptoCurrency, l.network]), ve.useEffect(() => {
-    var F, $;
-    if (!((F = S == null ? void 0 : S.paymentMethods) != null && F.length)) return;
-    const C = l.fiatCurrency, b = S.paymentMethods;
-    if (l.paymentMethodId && b.some(
-      (K) => K.id === l.paymentMethodId && K.supportedFiats.includes(C)
+    if (i.fiatCurrency === M.current || (M.current = i.fiatCurrency, b || !((U = S == null ? void 0 : S.fiats) != null && U.length) || !i.fiatAmount)) return;
+    const C = S.fiats.find((D) => D.code === i.fiatCurrency);
+    if (!(C != null && C.minAmount)) return;
+    const w = parseFloat(i.fiatAmount), L = parseFloat(C.minAmount);
+    !isNaN(w) && !isNaN(L) && w < L && I({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(L)) });
+  }, [i.fiatCurrency, i.fiatAmount, S, b]), de.useEffect(() => {
+    var L, U, D;
+    if (!S || !i.cryptoCurrency || i.network) return;
+    const C = (L = S.cryptos) == null ? void 0 : L.find((F) => F.code === i.cryptoCurrency), w = ((U = C == null ? void 0 : C.networks) == null ? void 0 : U.find((F) => F.isDefault)) || ((D = C == null ? void 0 : C.networks) == null ? void 0 : D[0]);
+    w != null && w.id && I({ type: "SET_NETWORK", network: w.id });
+  }, [S, i.cryptoCurrency, i.network]), de.useEffect(() => {
+    var D, F;
+    if (!((D = S == null ? void 0 : S.paymentMethods) != null && D.length)) return;
+    const C = i.fiatCurrency, w = S.paymentMethods;
+    if (i.paymentMethodId && w.some(
+      (W) => W.id === i.paymentMethodId && W.supportedFiats.includes(C)
     ))
       return;
-    const D = b.find(
-      (Q) => Q.supportedFiats.includes(C) && (Q.id.includes("card") || Q.id.includes("debit"))
-    ) || b.find((Q) => Q.supportedFiats.includes(C));
-    M({ type: "SET_PAYMENT_METHOD", methodId: (D == null ? void 0 : D.id) || (($ = b[0]) == null ? void 0 : $.id) || "" });
-  }, [S, l.fiatCurrency, l.paymentMethodId]);
-  const k = Y(() => {
-    if (w) {
-      if (!l.cryptoAmount) return null;
-      const F = parseFloat(l.cryptoAmount);
-      return isNaN(F) || F <= 0 ? "Enter a valid amount" : null;
+    const U = w.find(
+      (B) => B.supportedFiats.includes(C) && (B.id.includes("card") || B.id.includes("debit"))
+    ) || w.find((B) => B.supportedFiats.includes(C));
+    I({ type: "SET_PAYMENT_METHOD", methodId: (U == null ? void 0 : U.id) || ((F = w[0]) == null ? void 0 : F.id) || "" });
+  }, [S, i.fiatCurrency, i.paymentMethodId]);
+  const ee = Z(() => {
+    if (b) {
+      if (!i.cryptoAmount) return null;
+      const D = parseFloat(i.cryptoAmount);
+      return isNaN(D) || D <= 0 ? "Enter a valid amount" : null;
     }
-    if (!S || !l.fiatAmount) return null;
-    const C = parseFloat(l.fiatAmount);
+    if (!S || !i.fiatAmount) return null;
+    const C = parseFloat(i.fiatAmount);
     if (isNaN(C)) return null;
-    const b = S.fiats.find((F) => F.code === l.fiatCurrency);
-    if (!b) return null;
-    const U = parseFloat(b.minAmount), D = parseFloat(b.maxAmount);
-    return !isNaN(U) && C < U ? `Minimum amount is ${b.minAmount} ${l.fiatCurrency}` : !isNaN(D) && C > D ? `Maximum amount is ${b.maxAmount} ${l.fiatCurrency}` : null;
-  }, [S, l.fiatAmount, l.fiatCurrency, l.cryptoAmount, w]), be = Y(() => {
-    const C = w ? !!l.cryptoAmount : !!l.fiatAmount;
-    return !S || !C || !l.cryptoCurrency || !l.network || k ? null : {
-      fiatCurrency: l.fiatCurrency,
-      ...w ? { cryptoAmount: l.cryptoAmount } : { fiatAmount: l.fiatAmount },
-      cryptoCurrency: l.cryptoCurrency,
-      network: l.network,
-      paymentMethodId: l.paymentMethodId || void 0,
-      country: l.country || void 0,
-      orderType: l.flowType
+    const w = S.fiats.find((D) => D.code === i.fiatCurrency);
+    if (!w) return null;
+    const L = parseFloat(w.minAmount), U = parseFloat(w.maxAmount);
+    return !isNaN(L) && C < L ? `Minimum amount is ${w.minAmount} ${i.fiatCurrency}` : !isNaN(U) && C > U ? `Maximum amount is ${w.maxAmount} ${i.fiatCurrency}` : null;
+  }, [S, i.fiatAmount, i.fiatCurrency, i.cryptoAmount, b]), G = Z(() => {
+    const C = b ? !!i.cryptoAmount : !!i.fiatAmount;
+    return !S || !C || !i.cryptoCurrency || !i.network || ee || S.detectedCountry && i.countrySource === "" && !g ? null : {
+      fiatCurrency: i.fiatCurrency,
+      ...b ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+      cryptoCurrency: i.cryptoCurrency,
+      network: i.network,
+      paymentMethodId: i.paymentMethodId || void 0,
+      country: i.country || void 0,
+      orderType: i.flowType
     };
-  }, [S, l.fiatCurrency, l.fiatAmount, l.cryptoAmount, l.cryptoCurrency, l.network, l.paymentMethodId, l.country, k, w, l.flowType]), {
-    quotes: j,
-    loading: re,
-    error: Ne,
-    refetch: Ee
-  } = pa(V, be), {
-    order: de,
-    loading: xe,
-    error: O,
-    createOrder: we
-  } = ya(V), _e = 15e3, {
-    status: ee,
-    loading: Ve
+  }, [S, i.fiatCurrency, i.fiatAmount, i.cryptoAmount, i.cryptoCurrency, i.network, i.paymentMethodId, i.country, i.countrySource, ee, b, i.flowType, g]), {
+    quotes: X,
+    loading: fe,
+    error: he,
+    refetch: Le
+  } = pa(j, G), ie = O(!1);
+  de.useEffect(() => {
+    ie.current || i.countrySource === "auto" && (fe || !G || he || !X || X.bestQuote || i.fiatCurrency !== "USD" && (ie.current = !0, I({ type: "SET_FIAT_CURRENCY", currency: "USD" }), I({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [X, fe, he, G, i.countrySource, i.fiatCurrency]);
+  const {
+    order: H,
+    loading: Ue,
+    error: Ee,
+    createOrder: De
+  } = ya(j), Ke = 15e3, {
+    status: ne,
+    loading: _e
   } = xa(
     { apiUrl: a },
-    (de == null ? void 0 : de.orderId) ?? null,
-    { pollInterval: E, initialDelay: _e }
+    (H == null ? void 0 : H.orderId) ?? null,
+    { pollInterval: E, initialDelay: Ke }
   );
-  ve.useEffect(() => {
-    (ee == null ? void 0 : ee.status) === "completed" && R && R(ee);
-  }, [ee == null ? void 0 : ee.status, R]), ve.useEffect(() => {
-    const C = pe || O;
-    C && P && P(C);
-  }, [pe, O, P]);
-  const Fe = p || (S == null ? void 0 : S.defaultGateway) || null, Me = I(Fe);
-  Me.current = Fe;
-  const Ae = I(j);
-  Ae.current = j;
-  const Re = I(c);
-  Re.current = c;
-  const ze = B(async () => {
-    var b, U, D;
-    const C = ((b = l.selectedQuote) == null ? void 0 : b.gatewayId) || ((D = (U = Ae.current) == null ? void 0 : U.bestQuote) == null ? void 0 : D.gatewayId) || Me.current;
-    if (!C || !l.walletAddress) {
-      const F = [!C && "gateway", !l.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      M({ type: "SET_ERROR", message: `Missing required fields: ${F}` });
+  de.useEffect(() => {
+    (ne == null ? void 0 : ne.status) === "completed" && R && R(ne);
+  }, [ne == null ? void 0 : ne.status, R]), de.useEffect(() => {
+    const C = Ce || Ee;
+    C && _ && _(C);
+  }, [Ce, Ee, _]);
+  const ve = p || (S == null ? void 0 : S.defaultGateway) || null, Fe = O(ve);
+  Fe.current = ve;
+  const Ve = O(X);
+  Ve.current = X;
+  const le = O(c);
+  le.current = c;
+  const Me = P(async () => {
+    var w, L, U;
+    const C = ((w = i.selectedQuote) == null ? void 0 : w.gatewayId) || ((U = (L = Ve.current) == null ? void 0 : L.bestQuote) == null ? void 0 : U.gatewayId) || Fe.current;
+    if (!C || !i.walletAddress) {
+      const D = [!C && "gateway", !i.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      I({ type: "SET_ERROR", message: `Missing required fields: ${D}` });
       return;
     }
     try {
-      await we({
+      await De({
         gateway: C,
-        customerId: l.customerId || void 0,
-        fiatCurrency: l.fiatCurrency,
-        ...w ? { cryptoAmount: l.cryptoAmount } : { fiatAmount: l.fiatAmount },
-        cryptoCurrency: l.cryptoCurrency,
-        network: l.network,
-        walletAddress: l.walletAddress,
-        paymentMethodId: l.paymentMethodId || void 0,
-        email: l.email || void 0,
-        orderType: l.flowType,
-        ...Re.current ? { metadata: { brand: Re.current } } : {}
-      }), M({ type: "SET_STEP", step: "checkout" });
-    } catch (F) {
-      const $ = F instanceof Error ? F.message : "Failed to create order";
-      /wallet|address/i.test($) ? M({ type: "SET_WALLET_ERROR", message: $.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: $ });
+        customerId: i.customerId || void 0,
+        fiatCurrency: i.fiatCurrency,
+        ...b ? { cryptoAmount: i.cryptoAmount } : { fiatAmount: i.fiatAmount },
+        cryptoCurrency: i.cryptoCurrency,
+        network: i.network,
+        walletAddress: i.walletAddress,
+        paymentMethodId: i.paymentMethodId || void 0,
+        email: i.email || void 0,
+        orderType: i.flowType,
+        ...le.current ? { metadata: { brand: le.current } } : {}
+      }), I({ type: "SET_STEP", step: "checkout" });
+    } catch (D) {
+      const F = D instanceof Error ? D.message : "Failed to create order";
+      /wallet|address/i.test(F) ? I({ type: "SET_WALLET_ERROR", message: F.replace(/^Failed to create checkout intent:\s*/i, "") }) : I({ type: "SET_ERROR", message: F });
     }
-  }, [l, we, w]), ge = B((C) => {
-    M({ type: "SET_STEP", step: C });
-  }, []), Ie = B(() => {
-    const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], b = C.indexOf(l.step);
-    b > 0 && M({ type: "SET_STEP", step: C[b - 1] });
-  }, [l.step, w]), Je = Y(() => {
-    const C = w ? !!l.cryptoAmount : !!l.fiatAmount;
-    switch (l.step) {
+  }, [i, De, b]), Je = P((C) => {
+    I({ type: "SET_STEP", step: C });
+  }, []), qe = P(() => {
+    const C = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], w = C.indexOf(i.step);
+    w > 0 && I({ type: "SET_STEP", step: C[w - 1] });
+  }, [i.step, b]), je = Z(() => {
+    const C = b ? !!i.cryptoAmount : !!i.fiatAmount;
+    switch (i.step) {
       case "confirm":
-        return !!(C && l.cryptoCurrency && l.network && l.walletAddress && !k);
+        return !!(C && i.cryptoCurrency && i.network && i.walletAddress && !ee);
       case "amount":
-        return !!(C && l.cryptoCurrency && l.network && !k);
+        return !!(C && i.cryptoCurrency && i.network && !ee);
       case "quotes":
-        return !!l.selectedQuote;
+        return !!i.selectedQuote;
       case "wallet":
-        return !!l.walletAddress;
+        return !!i.walletAddress;
       default:
         return !1;
     }
-  }, [l, k, w]), qe = {
-    apiConfig: V,
+  }, [i, ee, b]), ce = {
+    apiConfig: j,
     assetBaseUrl: n,
     config: S,
-    configLoading: he,
-    configError: pe,
-    state: l,
-    dispatch: M,
-    quotes: j,
-    quotesLoading: re,
-    quotesError: Ne,
-    fetchQuotes: Ee,
-    order: de,
-    orderLoading: xe,
-    orderError: O,
-    createOrder: ze,
-    orderStatus: ee,
-    orderStatusLoading: Ve,
+    configLoading: ge,
+    configError: Ce,
+    state: i,
+    dispatch: I,
+    quotes: X,
+    quotesLoading: fe,
+    quotesError: he,
+    fetchQuotes: Le,
+    order: H,
+    orderLoading: Ue,
+    orderError: Ee,
+    createOrder: Me,
+    orderStatus: ne,
+    orderStatusLoading: _e,
     fieldLocks: A || null,
-    defaultGateway: Fe,
-    amountError: k,
-    goToStep: ge,
-    goBack: Ie,
-    canProceed: Je
+    defaultGateway: ve,
+    amountError: ee,
+    goToStep: Je,
+    goBack: qe,
+    canProceed: je
   };
-  return /* @__PURE__ */ e(jt.Provider, { value: qe, children: ne });
+  return /* @__PURE__ */ e(jt.Provider, { value: ce, children: ae });
 }
-function Ue() {
+function Te() {
   const t = ma(jt);
   if (!t)
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const Oe = {
+const Be = {
   // Canonical IDs (returned by the API — lowercase full names)
   // These cover cases where the canonical ID differs from the legacy uppercase key
   ethereum: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
@@ -971,9 +984,9 @@ const Oe = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], va = Object.fromEntries(
+], Sa = Object.fromEntries(
   Gt.map((t) => [t.code, t.name])
-), Sa = {
+), va = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -1012,14 +1025,14 @@ function $t(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 function ba(t, a = "") {
-  const n = Sa[t] || "us";
+  const n = va[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
-function Ze(t) {
-  return Oe[t] || Oe[t.toLowerCase()] || Oe[t.toUpperCase()] || Oe[t.toUpperCase().replace(/-/g, "_")] || Oe[t.toLowerCase().replace(/-/g, "_")];
+function Qe(t) {
+  return Be[t] || Be[t.toLowerCase()] || Be[t.toUpperCase()] || Be[t.toUpperCase().replace(/-/g, "_")] || Be[t.toLowerCase().replace(/-/g, "_")];
 }
 function it(t, a = "") {
-  const n = Ze(t);
+  const n = Qe(t);
   return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 const Ft = [
@@ -1096,7 +1109,7 @@ function lt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
+const ue = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Bt = 10, Ot = 1e-4, wa = (() => {
   const t = [];
   for (const a of Gt)
     for (const n of a.chains)
@@ -1108,16 +1121,16 @@ function Wt({
   alt: a,
   size: n,
   className: r = "",
-  background: i
+  background: l
 }) {
-  const [c, m] = v(!1), [s, u] = v(!1), f = I(t);
+  const [c, m] = v(!1), [s, u] = v(!1), f = O(t);
   f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = B(() => m(!0), []), d = B(() => u(!0), []);
+  const h = P(() => m(!0), []), d = P(() => u(!0), []);
   return /* @__PURE__ */ o(
     "div",
     {
       className: `relative rounded-full shrink-0 ${r}`,
-      style: { width: n, height: n, background: i },
+      style: { width: n, height: n, background: l },
       children: [
         !c && !s && /* @__PURE__ */ e(
           "div",
@@ -1281,7 +1294,7 @@ function Da({ size: t = 32 }) {
   );
 }
 function Fa({ size: t = 32 }) {
-  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), i = a * 0.2;
+  const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), l = a * 0.2;
   return /* @__PURE__ */ o("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
       "div",
@@ -1314,7 +1327,7 @@ function Fa({ size: t = 32 }) {
           height: n,
           background: "#252525",
           borderRadius: r,
-          marginLeft: -i,
+          marginLeft: -l,
           position: "relative",
           zIndex: 1,
           display: "flex",
@@ -1341,7 +1354,7 @@ function pn({ size: t = 18 }) {
     }
   );
 }
-function Pe() {
+function He() {
   return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
 function Pt() {
@@ -1425,11 +1438,11 @@ function Pa({
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const i = Y(
+  const l = Z(
     () => t.filter((m) => m.supportedFiats.includes(r)),
     [t, r]
-  ), c = i.find((m) => m.id === a) || i[0];
-  return i.length === 0 ? /* @__PURE__ */ e(
+  ), c = l.find((m) => m.id === a) || l[0];
+  return l.length === 0 ? /* @__PURE__ */ e(
     "div",
     {
       className: "flex items-center justify-between px-[18px] pt-[12px] pb-[14px]",
@@ -1465,7 +1478,7 @@ function Pa({
         /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: c && Zt(c.id, c.icon, 20) }),
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: c ? Yt(c.id, c.name) : "Select" }),
-          /* @__PURE__ */ e(Pe, {})
+          /* @__PURE__ */ e(He, {})
         ] })
       ]
     }
@@ -1477,8 +1490,8 @@ function Ka({
   redirectDelay: n = 3e3
 }) {
   var p;
-  const { order: r, orderStatus: i, goToStep: c, goBack: m } = Ue(), [s, u] = v(!1), [f, h] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (W(() => {
+  const { order: r, orderStatus: l, goToStep: c, goBack: m } = Te(), [s, u] = v(!1), [f, h] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (Y(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !d) {
       h(Math.ceil(n / 1e3));
       const g = setTimeout(() => {
@@ -1490,9 +1503,9 @@ function Ka({
         clearTimeout(g), clearInterval(A);
       };
     }
-  }, [r, a, n, d]), W(() => {
-    i && (i.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(i.status) && c("error"));
-  }, [i == null ? void 0 : i.status, c]), !r)
+  }, [r, a, n, d]), Y(() => {
+    l && (l.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(l.status) && c("error"));
+  }, [l == null ? void 0 : l.status, c]), !r)
     return /* @__PURE__ */ o(
       "div",
       {
@@ -1814,16 +1827,16 @@ function Ka({
 }
 function _a(t, a) {
   const n = new URL("/en/partner/widget", t);
-  for (const [r, i] of Object.entries(a))
-    i != null && i !== "" && n.searchParams.set(r, String(i));
+  for (const [r, l] of Object.entries(a))
+    l != null && l !== "" && n.searchParams.set(r, String(l));
   return n.toString();
 }
 function Va({ className: t = "" }) {
-  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Ue();
-  W(() => {
+  const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Te();
+  Y(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
-  const i = () => {
+  const l = () => {
     if (!a) return "Processing your order...";
     switch (a.status) {
       case "pending":
@@ -1836,28 +1849,28 @@ function Va({ className: t = "" }) {
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center px-8 py-12 text-center ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e("div", { className: "nramp-spinner-large nramp-spinner" }) }),
-    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: i() }),
+    /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
     n && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
     a && /* @__PURE__ */ o("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
-      /* @__PURE__ */ e(Le, { label: "Order ID", value: a.orderId, mono: !0 }),
-      /* @__PURE__ */ e(Le, { label: "Provider", value: a.gateway }),
+      /* @__PURE__ */ e(Re, { label: "Order ID", value: a.orderId, mono: !0 }),
+      /* @__PURE__ */ e(Re, { label: "Provider", value: a.gateway }),
       /* @__PURE__ */ e(
-        Le,
+        Re,
         {
           label: "Amount",
           value: `${a.fiatAmount} ${a.fiatCurrency}`
         }
       ),
       /* @__PURE__ */ e(
-        Le,
+        Re,
         {
           label: "Receiving",
           value: `${a.cryptoAmount || "..."} ${a.cryptoCurrency}`
         }
       ),
-      /* @__PURE__ */ e(Le, { label: "Network", value: a.network }),
+      /* @__PURE__ */ e(Re, { label: "Network", value: a.network }),
       /* @__PURE__ */ e(
-        Le,
+        Re,
         {
           label: "To Address",
           value: `${a.walletAddress.slice(0, 10)}...${a.walletAddress.slice(-8)}`,
@@ -1871,7 +1884,7 @@ function Va({ className: t = "" }) {
     ] })
   ] });
 }
-function Le({ label: t, value: a, mono: n }) {
+function Re({ label: t, value: a, mono: n }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1897,8 +1910,8 @@ function ja({
   onDone: n,
   doneButtonText: r = "Done"
 }) {
-  const { orderStatus: i, state: c, dispatch: m } = Ue(), s = c.flowType === "sell", u = () => {
-    if (!(i != null && i.transactionHash)) return null;
+  const { orderStatus: l, state: c, dispatch: m } = Te(), s = c.flowType === "sell", u = () => {
+    if (!(l != null && l.transactionHash)) return null;
     if (!a) {
       const d = {
         ethereum: "https://etherscan.io/tx/{txHash}",
@@ -1911,9 +1924,9 @@ function ja({
         avalanche: "https://snowtrace.io/tx/{txHash}",
         fantom: "https://ftmscan.com/tx/{txHash}"
       };
-      return (d[c.network] || d.ethereum).replace("{txHash}", i.transactionHash);
+      return (d[c.network] || d.ethereum).replace("{txHash}", l.transactionHash);
     }
-    return a.replace("{txHash}", i.transactionHash);
+    return a.replace("{txHash}", l.transactionHash);
   }, f = () => {
     n ? n() : m({ type: "RESET" });
   }, h = u();
@@ -1927,47 +1940,47 @@ function ja({
       }
     ),
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s ? "Sale Complete!" : "Purchase Complete!" }),
-    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(i == null ? void 0 : i.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(i == null ? void 0 : i.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
-    i && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
+    /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `Your ${(l == null ? void 0 : l.fiatCurrency) || c.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || c.cryptoCurrency} has been sent to your wallet.` }),
+    l && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        me,
+        ye,
         {
           label: s ? "Amount Sold" : "Amount Received",
-          value: `${i.cryptoAmount} ${i.cryptoCurrency}`,
+          value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
           highlight: !0
         }
       ),
       /* @__PURE__ */ e(
-        me,
+        ye,
         {
           label: s ? "Payout Amount" : "Amount Paid",
-          value: `${i.fiatAmount} ${i.fiatCurrency}`
+          value: `${l.fiatAmount} ${l.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(me, { label: "Network", value: i.network }),
+      /* @__PURE__ */ e(ye, { label: "Network", value: l.network }),
       /* @__PURE__ */ e(
-        me,
+        ye,
         {
           label: "Wallet",
-          value: `${i.walletAddress.slice(0, 10)}...${i.walletAddress.slice(-8)}`,
+          value: `${l.walletAddress.slice(0, 10)}...${l.walletAddress.slice(-8)}`,
           mono: !0
         }
       ),
-      i.transactionHash && /* @__PURE__ */ e(
-        me,
+      l.transactionHash && /* @__PURE__ */ e(
+        ye,
         {
           label: "Transaction",
-          value: `${i.transactionHash.slice(0, 10)}...${i.transactionHash.slice(-8)}`,
+          value: `${l.transactionHash.slice(0, 10)}...${l.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(me, { label: "Provider", value: i.gateway }),
-      /* @__PURE__ */ e(me, { label: "Order ID", value: i.orderId, mono: !0 }),
-      i.completedAt && /* @__PURE__ */ e(
-        me,
+      /* @__PURE__ */ e(ye, { label: "Provider", value: l.gateway }),
+      /* @__PURE__ */ e(ye, { label: "Order ID", value: l.orderId, mono: !0 }),
+      l.completedAt && /* @__PURE__ */ e(
+        ye,
         {
           label: "Completed",
-          value: new Date(i.completedAt).toLocaleString()
+          value: new Date(l.completedAt).toLocaleString()
         }
       )
     ] }),
@@ -1995,7 +2008,7 @@ function ja({
     ] })
   ] });
 }
-function me({ label: t, value: a, mono: n, highlight: r }) {
+function ye({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2020,9 +2033,9 @@ function Ga({
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
 }) {
-  const { state: r, orderStatus: i, dispatch: c, goToStep: m } = Ue(), s = r.flowType === "sell", u = () => {
-    if (i)
-      switch (i.status) {
+  const { state: r, orderStatus: l, dispatch: c, goToStep: m } = Te(), s = r.flowType === "sell", u = () => {
+    if (l)
+      switch (l.status) {
         case "failed":
           return "Payment Failed";
         case "cancelled":
@@ -2037,8 +2050,8 @@ function Ga({
     return "Something Went Wrong";
   }, f = () => {
     if (r.errorMessage) return r.errorMessage;
-    if (i)
-      switch (i.status) {
+    if (l)
+      switch (l.status) {
         case "failed":
           return s ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
         case "cancelled":
@@ -2067,9 +2080,9 @@ function Ga({
     ),
     /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: u() }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: f() }),
-    i && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
+    l && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
       /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
-      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: i.orderId })
+      /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: l.orderId })
     ] }) }),
     /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
       /* @__PURE__ */ e(
@@ -2105,9 +2118,9 @@ function Ga({
           }
         )
       ] }),
-      i && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
+      l && /* @__PURE__ */ o("p", { className: "text-[12px] mt-1", style: { color: "var(--t-text-muted)" }, children: [
         "Reference: ",
-        i.orderId
+        l.orderId
       ] })
     ] })
   ] });
@@ -2119,23 +2132,23 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
   var q;
   const {
     config: r,
-    configLoading: i,
+    configLoading: l,
     state: c,
     defaultGateway: m,
     quotes: s,
     fetchQuotes: u,
     createOrder: f,
     orderLoading: h
-  } = Ue(), d = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find((G) => G.id === m), E = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, P = !!(a && n && !d && Xt(c.cryptoCurrency) && E), ne = P && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), V = P && R > 0 ? lt(ne ? R : R / E) : null, Z = async () => {
+  } = Te(), d = c.flowType === "sell", [p, g] = v(null), A = r == null ? void 0 : r.gateways.find(($) => $.id === m), E = (q = s == null ? void 0 : s.bestQuote) != null && q.exchangeRate ? parseFloat(s.bestQuote.exchangeRate) : null, R = parseFloat(c.fiatAmount) || 0, _ = !!(a && n && !d && Xt(c.cryptoCurrency) && E), ae = _ && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), j = _ && R > 0 ? lt(ae ? R : R / E) : null, Q = async () => {
     g(null);
     try {
       u(), await f();
-    } catch (G) {
-      const fe = G instanceof Error ? G.message : "Failed to create order";
-      g(fe);
+    } catch ($) {
+      const xe = $ instanceof Error ? $.message : "Failed to create order";
+      g(xe);
     }
   };
-  return i ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
+  return l ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
     /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
     /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
   ] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
@@ -2149,21 +2162,21 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         ] })
       ] }),
       d ? /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(Se, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(Se, { label: "You receive", value: `${c.fiatCurrency} payout` })
+        /* @__PURE__ */ e(Ne, { label: "You sell", value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ne, { label: "You receive", value: `${c.fiatCurrency} payout` })
       ] }) : /* @__PURE__ */ o(J, { children: [
-        /* @__PURE__ */ e(Se, { label: "You pay", value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ne, { label: "You pay", value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          Se,
+          Ne,
           {
             label: "You receive",
-            value: V ? `${V} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
+            value: j ? `${j} ${c.cryptoCurrency}` : `${c.cryptoCurrency} on ${c.network}`
           }
         ),
-        /* @__PURE__ */ e(Se, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
-        P && V && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        /* @__PURE__ */ e(Ne, { label: "Wallet", value: Kt(c.walletAddress), mono: !0 }),
+        _ && j && /* @__PURE__ */ o("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
-          V,
+          j,
           " ",
           c.cryptoCurrency,
           " will be credited to your ",
@@ -2171,8 +2184,8 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(Se, { label: "Network", value: c.network }),
-      d && c.walletAddress && /* @__PURE__ */ e(Se, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(Ne, { label: "Network", value: c.network }),
+      d && c.walletAddress && /* @__PURE__ */ e(Ne, { label: "Refund address", value: Kt(c.walletAddress), mono: !0 })
     ] }),
     p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
     /* @__PURE__ */ e(
@@ -2181,7 +2194,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
         className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
         style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
-        onClick: Z,
+        onClick: Q,
         children: h ? /* @__PURE__ */ o(J, { children: [
           /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
           "Processing..."
@@ -2190,7 +2203,7 @@ function $a({ className: t = "", stablecoinParity: a, partnerName: n }) {
     )
   ] });
 }
-function Se({ label: t, value: a, mono: n, highlight: r }) {
+function Ne({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
     /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: t }),
     /* @__PURE__ */ e(
@@ -2203,25 +2216,25 @@ function Se({ label: t, value: a, mono: n, highlight: r }) {
     )
   ] });
 }
-function He({
+function Oe({
   isOpen: t,
   onClose: a,
   children: n
 }) {
-  const [r, i] = v(!1), [c, m] = v(!1);
-  W(() => {
+  const [r, l] = v(!1), [c, m] = v(!1);
+  Y(() => {
     if (t)
-      i(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
+      l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (r) {
       m(!1);
-      const u = setTimeout(() => i(!1), 250);
+      const u = setTimeout(() => l(!1), 250);
       return () => clearTimeout(u);
     }
   }, [t]);
-  const s = B(() => {
+  const s = P(() => {
     m(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return W(() => {
+  return Y(() => {
     if (!t) return;
     const u = (f) => {
       f.key === "Escape" && s();
@@ -2245,7 +2258,7 @@ function He({
 }
 function Xa({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
-  return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((i) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: i }, i)) }) });
+  return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: l }, l)) }) });
 }
 function Wa({
   value: t,
@@ -2253,9 +2266,9 @@ function Wa({
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((i, c) => /* @__PURE__ */ e(Xa, { char: i, height: a }, c)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((l, c) => /* @__PURE__ */ e(Xa, { char: l, height: a }, c)) });
 }
-function _({
+function V({
   w: t,
   h: a,
   className: n = ""
@@ -2265,33 +2278,33 @@ function _({
 function Ya() {
   return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(_, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(_, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(_, { w: 75, h: 32 })
+        /* @__PURE__ */ e(V, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(_, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ o("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(_, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(_, { w: 85, h: 32 })
+        /* @__PURE__ */ e(V, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(_, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(_, { w: 90, h: 12 })
+      /* @__PURE__ */ e(V, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(V, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ o("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(_, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(_, { w: "100%", h: 47 })
+      /* @__PURE__ */ e(V, { w: 65, h: 14, className: "mb-2.5" }),
+      /* @__PURE__ */ e(V, { w: "100%", h: 47 })
     ] }),
     /* @__PURE__ */ e("div", { className: "flex-1" }),
-    /* @__PURE__ */ e(_, { w: "100%", h: 60, className: "mb-2" }),
+    /* @__PURE__ */ e(V, { w: "100%", h: 60, className: "mb-2" }),
     /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
   ] });
 }
-function De({ onClick: t }) {
+function ke({ onClick: t }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2304,12 +2317,12 @@ function De({ onClick: t }) {
     }
   );
 }
-function Ke({
+function Pe({
   value: t,
   onChange: a,
   placeholder: n = ""
 }) {
-  const [r, i] = v(!1);
+  const [r, l] = v(!1);
   return /* @__PURE__ */ o("div", { className: "relative mx-5 mb-5", children: [
     /* @__PURE__ */ e(
       "input",
@@ -2317,8 +2330,8 @@ function Ke({
         type: "text",
         value: t,
         onChange: (c) => a(c.target.value),
-        onFocus: () => i(!0),
-        onBlur: () => i(!1),
+        onFocus: () => l(!0),
+        onBlur: () => l(!1),
         placeholder: n,
         style: { height: 47, borderRadius: 4.5, border: `1px solid ${r ? "var(--t-border-focus)" : "var(--t-border)"}`, outline: "none", boxShadow: "none", color: "var(--t-text)", padding: `0 ${t ? 40 : 14}px 0 14px`, fontSize: 14, backgroundColor: "transparent" },
         className: "w-full outline-none transition-colors"
@@ -2340,22 +2353,22 @@ function Za({
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
-  selectedCode: i
+  selectedCode: l
 }) {
-  const [c, m] = v(""), s = Y(() => {
+  const [c, m] = v(""), s = Z(() => {
     if (!n || n.length === 0) return Ft;
     const f = new Map(Ft.map((h) => [h.code, h.name]));
     return n.map((h) => ({
       code: h.code,
       name: h.name || f.get(h.code) || h.code
     }));
-  }, [n]), u = Y(() => {
+  }, [n]), u = Z(() => {
     const f = c.trim().toLowerCase();
     if (!f) {
-      if (i) {
-        const h = s.find((d) => d.code === i);
+      if (l) {
+        const h = s.find((d) => d.code === l);
         if (h) {
-          const d = s.filter((p) => p.code !== i);
+          const d = s.filter((p) => p.code !== l);
           return [h, ...d];
         }
       }
@@ -2364,9 +2377,9 @@ function Za({
     return s.filter(
       (h) => h.code.toLowerCase().includes(f) || h.name.toLowerCase().includes(f)
     );
-  }, [s, c, i]);
+  }, [s, c, l]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2381,10 +2394,10 @@ function Za({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
+    /* @__PURE__ */ e(Pe, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       u.map((f, h) => {
-        const d = f.name !== f.code ? f.name : "", p = i === f.code;
+        const d = f.name !== f.code ? f.name : "", p = l === f.code;
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2423,11 +2436,11 @@ function Za({
     ] })
   ] });
 }
-function _t({ src: t, alt: a, size: n, className: r, style: i }) {
-  const [c, m] = v(!1), [s, u] = v(!1), f = I(t);
+function _t({ src: t, alt: a, size: n, className: r, style: l }) {
+  const [c, m] = v(!1), [s, u] = v(!1), f = O(t);
   f.current !== t && (f.current = t, m(!1), u(!1));
-  const h = B(() => m(!0), []), d = B(() => u(!0), []);
-  return /* @__PURE__ */ o("div", { className: r, style: { ...i, width: n, height: n, position: "relative" }, children: [
+  const h = P(() => m(!0), []), d = P(() => u(!0), []);
+  return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: n, height: n, position: "relative" }, children: [
     !c && !s && /* @__PURE__ */ e(
       "div",
       {
@@ -2457,12 +2470,12 @@ function _t({ src: t, alt: a, size: n, className: r, style: i }) {
     )
   ] });
 }
-function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: i, selectedChain: c }) {
-  const [m, s] = v(""), u = Y(() => {
+function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: l, selectedChain: c }) {
+  const [m, s] = v(""), u = Z(() => {
     if (!n || n.length === 0) return wa;
     const d = [];
     for (const p of n) {
-      const g = p.networks || [], A = p.name || va[p.code] || p.code;
+      const g = p.networks || [], A = p.name || Sa[p.code] || p.code;
       if (g.length === 0)
         d.push({ code: p.code, name: A, chain: p.code, popular: !1 });
       else
@@ -2478,14 +2491,14 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         }
     }
     return d;
-  }, [n]), f = B((d, p) => i === d && c === p, [i, c]), h = Y(() => {
+  }, [n]), f = P((d, p) => l === d && c === p, [l, c]), h = Z(() => {
     var A;
     const d = m.trim().toLowerCase();
     if (!d) {
-      if (i && c) {
-        const E = u.find((R) => R.code === i && R.chain === c);
+      if (l && c) {
+        const E = u.find((R) => R.code === l && R.chain === c);
         if (E) {
-          const R = u.filter((P) => !(P.code === i && P.chain === c));
+          const R = u.filter((_) => !(_.code === l && _.chain === c));
           return [E, ...R];
         }
       }
@@ -2493,15 +2506,15 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     }
     const p = d.split(/\s+/), g = [];
     for (const E of u) {
-      const R = Ze(E.chain), P = R ? R.name.toLowerCase() : "", ne = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", V = E.chain.toLowerCase(), Z = E.code.toLowerCase(), q = E.name.toLowerCase(), G = [Z, q, P, ne, V];
-      if (!p.every((L) => G.some((l) => l.includes(L)))) continue;
+      const R = Qe(E.chain), _ = R ? R.name.toLowerCase() : "", ae = ((A = R == null ? void 0 : R.shortName) == null ? void 0 : A.toLowerCase()) || "", j = E.chain.toLowerCase(), Q = E.code.toLowerCase(), q = E.name.toLowerCase(), $ = [Q, q, _, ae, j];
+      if (!p.every((k) => $.some((i) => i.includes(k)))) continue;
       let y = 0;
-      Z === d ? y += 100 : Z.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (P.includes(p[1]) || ne.includes(p[1]) || V.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
+      Q === d ? y += 100 : Q.startsWith(p[0]) && (y += 50), E.popular && (y += 10), p.length > 1 && (_.includes(p[1]) || ae.includes(p[1]) || j.includes(p[1])) && (y += 25), g.push({ item: E, score: y });
     }
     return g.sort((E, R) => R.score - E.score), g.map((E) => E.item);
-  }, [u, m, i, c]);
+  }, [u, m, l, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2510,10 +2523,10 @@ function Qa({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: m, onChange: s }),
+    /* @__PURE__ */ e(Pe, { value: m, onChange: s }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       h.map((d, p) => {
-        const g = Ze(d.chain), A = (g == null ? void 0 : g.name) || d.chainName || d.chain, E = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
+        const g = Qe(d.chain), A = (g == null ? void 0 : g.name) || d.chainName || d.chain, E = d.name !== d.code ? d.name : "", R = f(d.code, d.chain);
         return /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ o(
             "button",
@@ -2607,8 +2620,8 @@ function za({
   onSelect: n,
   onClose: r
 }) {
-  const [i, c] = v(""), m = Y(() => {
-    const s = i.trim().toLowerCase();
+  const [l, c] = v(""), m = Z(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (a) {
         const u = t.find((f) => f.id === a);
@@ -2622,9 +2635,9 @@ function za({
     return t.filter(
       (u) => u.id.toLowerCase().includes(s) || u.name.toLowerCase().includes(s) || u.description && u.description.toLowerCase().includes(s)
     );
-  }, [t, i, a]);
+  }, [t, l, a]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: r }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: r }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2633,7 +2646,7 @@ function za({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
+    /* @__PURE__ */ e(Pe, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((s, u) => {
         const f = s.id === a, h = Yt(s.id, s.name);
@@ -2730,7 +2743,7 @@ function en({
   darkMode: a,
   onToggleDarkMode: n,
   skinId: r,
-  onSelectSkin: i,
+  onSelectSkin: l,
   showThemeToggle: c = !0,
   country: m,
   countryName: s,
@@ -2739,7 +2752,7 @@ function en({
 }) {
   const [h, d] = v(!1);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ o("div", { className: "px-5 flex-1 pt-6 overflow-y-auto custom-scroll", children: [
       u && /* @__PURE__ */ o(J, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o(
@@ -2844,24 +2857,24 @@ function an({
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [i, c] = v(""), m = Y(() => {
-    const s = i.trim().toLowerCase();
+  const [l, c] = v(""), m = Z(() => {
+    const s = l.trim().toLowerCase();
     if (!s) {
       if (r) {
         const u = r.toLowerCase(), f = st[u];
         if (f) {
-          const h = Ye.filter((d) => d.code !== u);
+          const h = Ze.filter((d) => d.code !== u);
           return [f, ...h];
         }
       }
-      return Ye;
+      return Ze;
     }
-    return Ye.filter(
+    return Ze.filter(
       (u) => u.name.toLowerCase().includes(s) || u.code.includes(s) || u.defaultFiat.toLowerCase().includes(s)
     );
-  }, [i, r]);
+  }, [l, r]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -2876,7 +2889,7 @@ function an({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: i, onChange: c }),
+    /* @__PURE__ */ e(Pe, { value: l, onChange: c }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       m.map((s, u) => {
         const f = (r == null ? void 0 : r.toLowerCase()) === s.code;
@@ -2919,7 +2932,7 @@ function an({
   ] });
 }
 function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
-  const [r, i] = v(!1);
+  const [r, l] = v(!1);
   return r ? /* @__PURE__ */ e(
     "div",
     {
@@ -2944,7 +2957,7 @@ function nn({ code: t, size: a = 32, baseUrl: n = "" }) {
       width: a,
       height: a,
       style: { width: a, height: a, borderRadius: "50%", objectFit: "cover" },
-      onError: () => i(!0)
+      onError: () => l(!0)
     }
   );
 }
@@ -2953,7 +2966,7 @@ function rn({
   theme: a = "dark",
   skinId: n = "mono",
   accentColor: r,
-  bgColor: i,
+  bgColor: l,
   bgImage: c,
   borderColor: m,
   borderRadius: s,
@@ -2966,184 +2979,184 @@ function rn({
   showFlowToggle: A = !0,
   showSettings: E = !0,
   showThemeToggle: R = !0,
-  autoRedirect: P = !1,
-  explorerUrl: ne,
-  doneButtonText: V = "Done",
-  supportEmail: Z,
+  autoRedirect: _ = !1,
+  explorerUrl: ae,
+  doneButtonText: j = "Done",
+  supportEmail: Q,
   stablecoinParity: q,
-  partnerName: G,
-  onDone: fe
+  partnerName: $,
+  onDone: xe
 }) {
   var bt, Nt, Et, wt, At, Rt, Tt, kt, Lt;
   const {
     state: y,
-    dispatch: L,
-    config: l,
-    configLoading: M,
-    quotes: w,
+    dispatch: k,
+    config: i,
+    configLoading: I,
+    quotes: b,
     quotesLoading: S,
-    quotesError: he,
-    fetchQuotes: pe,
-    createOrder: ye,
-    orderLoading: ie,
-    amountError: se,
-    fieldLocks: k,
-    apiConfig: be,
-    assetBaseUrl: j
-  } = Ue(), [re, Ne] = v(a === "dark"), [Ee, de] = v(n), [xe, O] = v(null), [we, _e] = v(!1), [ee, Ve] = v(!1), [Fe, Me] = v(!1), [Ae, Re] = v(!1), [ze, ge] = v(null), [Ie, Je] = v(!0), [qe, C] = v(!1), [b, U] = v(!1), D = I(null), F = I(), $ = I(y.flowType);
-  W(() => {
-    Ne(a === "dark");
-  }, [a]), W(() => {
-    const x = setTimeout(() => Je(!1), M ? 0 : 800);
+    quotesError: ge,
+    fetchQuotes: Ce,
+    createOrder: Se,
+    orderLoading: oe,
+    amountError: me,
+    fieldLocks: M,
+    apiConfig: ee,
+    assetBaseUrl: G
+  } = Te(), [X, fe] = v(a === "dark"), [he, Le] = v(n), [ie, H] = v(null), [Ue, Ee] = v(!1), [De, Ke] = v(!1), [ne, _e] = v(!1), [ve, Fe] = v(!1), [Ve, le] = v(null), [Me, Je] = v(!0), [qe, je] = v(!1), [ce, C] = v(!1), w = O(null), L = O(), U = O(y.flowType);
+  Y(() => {
+    fe(a === "dark");
+  }, [a]), Y(() => {
+    const x = setTimeout(() => Je(!1), I ? 0 : 800);
     return () => clearTimeout(x);
-  }, [M]), W(() => {
-    if ($.current !== y.flowType && !Ie) {
-      $.current = y.flowType, C(!0), _e(!1), Ve(!1);
-      const x = setTimeout(() => C(!1), 350);
+  }, [I]), Y(() => {
+    if (U.current !== y.flowType && !Me) {
+      U.current = y.flowType, je(!0), Ee(!1), Ke(!1);
+      const x = setTimeout(() => je(!1), 350);
       return () => clearTimeout(x);
     }
-    $.current = y.flowType;
-  }, [y.flowType, Ie]);
-  const Q = y.flowType, K = Q === "buy", X = y.cryptoCurrency || "BTC", te = y.fiatCurrency || "USD", et = K ? y.fiatAmount : y.cryptoAmount, z = Ea(et), ue = (bt = w == null ? void 0 : w.bestQuote) != null && bt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, je = I(null);
-  ue && X && te && (je.current = { rate: ue, crypto: X, fiat: te });
-  const ut = Y(() => {
-    if (w != null && w.bestQuote) {
-      const x = K ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
+    U.current = y.flowType;
+  }, [y.flowType, Me]);
+  const D = y.flowType, F = D === "buy", B = y.cryptoCurrency || "BTC", W = y.fiatCurrency || "USD", et = F ? y.fiatAmount : y.cryptoAmount, z = Ea(et), pe = (bt = b == null ? void 0 : b.bestQuote) != null && bt.exchangeRate ? parseFloat(b.bestQuote.exchangeRate) : null, Ge = O(null);
+  pe && B && W && (Ge.current = { rate: pe, crypto: B, fiat: W });
+  const ut = Z(() => {
+    if (b != null && b.bestQuote) {
+      const x = F ? b.bestQuote.cryptoAmount : b.bestQuote.fiatAmount;
       if (x) return x;
     }
     return "0";
-  }, [w, K]), Be = !!(q && G && K && Xt(X) && ue), Qt = Be && X.toUpperCase().includes(te.toUpperCase()), mt = Be && z > 0 ? lt(Qt ? z : z / ue) : null, zt = Be && mt ? mt : ut, Jt = Y(() => {
-    var H, oe, ke;
-    const x = ue || ((H = je.current) == null ? void 0 : H.rate), N = ue ? X : (oe = je.current) == null ? void 0 : oe.crypto, T = ue ? te : (ke = je.current) == null ? void 0 : ke.fiat;
+  }, [b, F]), Ie = !!(q && $ && F && Xt(B) && pe), Qt = Ie && B.toUpperCase().includes(W.toUpperCase()), mt = Ie && z > 0 ? lt(Qt ? z : z / pe) : null, zt = Ie && mt ? mt : ut, Jt = Z(() => {
+    var K, re, Ae;
+    const x = pe || ((K = Ge.current) == null ? void 0 : K.rate), N = pe ? B : (re = Ge.current) == null ? void 0 : re.crypto, T = pe ? W : (Ae = Ge.current) == null ? void 0 : Ae.fiat;
     return !x || !N || !T ? "" : `1 ${N} ≈ ${x.toFixed(2)} ${T}`;
-  }, [X, te, ue]);
-  W(() => {
+  }, [B, W, pe]);
+  Y(() => {
     const x = y.walletAddress.trim(), N = y.network;
     if (!x || x.length < 10) {
-      ge(null), L({ type: "SET_WALLET_ERROR", message: "" });
+      le(null), k({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Re(!0), ge(null);
+    Fe(!0), le(null);
     const T = new AbortController();
-    return clearTimeout(F.current), F.current = setTimeout(async () => {
-      var H, oe, ke;
+    return clearTimeout(L.current), L.current = setTimeout(async () => {
+      var K, re, Ae;
       try {
-        const nt = await (await fetch(`${be.apiUrl}/public/validate/address`, {
+        const nt = await (await fetch(`${ee.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ address: x, ...N ? { network: N } : {} }),
           signal: T.signal
-        })).json(), rt = ((H = nt.data) == null ? void 0 : H.attributes) || nt.data || nt;
+        })).json(), rt = ((K = nt.data) == null ? void 0 : K.attributes) || nt.data || nt;
         if (rt.isValid)
-          ge(!0), L({ type: "SET_WALLET_ERROR", message: "" });
+          le(!0), k({ type: "SET_WALLET_ERROR", message: "" });
         else {
-          ge(!1);
-          const da = ((oe = rt.errors) == null ? void 0 : oe[0]) || ((ke = rt.details) == null ? void 0 : ke.formatMessage) || "Invalid wallet address";
-          L({ type: "SET_WALLET_ERROR", message: da });
+          le(!1);
+          const da = ((re = rt.errors) == null ? void 0 : re[0]) || ((Ae = rt.details) == null ? void 0 : Ae.formatMessage) || "Invalid wallet address";
+          k({ type: "SET_WALLET_ERROR", message: da });
         }
       } catch (at) {
         if (at instanceof DOMException && at.name === "AbortError") return;
-        ge(null);
+        le(null);
       } finally {
-        T.signal.aborted || Re(!1);
+        T.signal.aborted || Fe(!1);
       }
     }, 500), () => {
-      clearTimeout(F.current), T.abort();
+      clearTimeout(L.current), T.abort();
     };
-  }, [y.walletAddress, y.network, be.apiUrl]);
-  const ft = !et || z === 0, ht = z > 0 && (K ? z < Bt : z < Ot), pt = !!se || ht || we && ft, qt = z > 0 && !se && !ht, tt = y.walletAddress.trim().length >= 10 && ze !== !1 && !Ae, Ge = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
+  }, [y.walletAddress, y.network, ee.apiUrl]);
+  const ft = !et || z === 0, ht = z > 0 && (F ? z < Bt : z < Ot), pt = !!me || ht || Ue && ft, qt = z > 0 && !me && !ht, tt = y.walletAddress.trim().length >= 10 && Ve !== !1 && !ve, $e = qt && tt && !!y.cryptoCurrency && !!y.network, ea = (x) => {
     let N = x.target.value.replace(/[^0-9.,]/g, "");
-    const T = K ? 2 : 6, H = N.indexOf(".");
-    H !== -1 && N.length - H - 1 > T && (N = N.slice(0, H + T + 1)), L(K ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
+    const T = F ? 2 : 6, K = N.indexOf(".");
+    K !== -1 && N.length - K - 1 > T && (N = N.slice(0, K + T + 1)), k(F ? { type: "SET_FIAT_AMOUNT", amount: N } : { type: "SET_CRYPTO_AMOUNT", amount: N });
   }, yt = (x) => {
-    x !== Q && L({ type: "SET_FLOW_TYPE", flowType: x });
-  }, ta = B(
+    x !== D && k({ type: "SET_FLOW_TYPE", flowType: x });
+  }, ta = P(
     (x) => {
-      L({ type: "SET_FIAT_CURRENCY", currency: x });
+      k({ type: "SET_FIAT_CURRENCY", currency: x });
     },
-    [L]
-  ), aa = B(
+    [k]
+  ), aa = P(
     (x, N) => {
-      L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: N });
+      k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: N });
     },
-    [L]
-  ), na = B(
+    [k]
+  ), na = P(
     (x) => {
-      L({ type: "SET_PAYMENT_METHOD", methodId: x });
+      k({ type: "SET_PAYMENT_METHOD", methodId: x });
     },
-    [L]
-  ), ra = B(
+    [k]
+  ), ra = P(
     (x) => {
-      L({ type: "SET_COUNTRY", country: x }), O(null);
+      k({ type: "SET_COUNTRY", country: x }), H(null);
     },
-    [L]
-  ), oa = B(() => {
-    O(null), setTimeout(() => O("country"), 280);
+    [k]
+  ), oa = P(() => {
+    H(null), setTimeout(() => H("country"), 280);
   }, []), ia = y.country ? (Nt = st[y.country.toLowerCase()]) == null ? void 0 : Nt.name : void 0, la = () => {
-    Ge && (U(!0), pe());
+    $e && (C(!0), Ce());
   };
-  W(() => {
+  Y(() => {
     var x;
-    if (!(!b || S)) {
-      if (w != null && w.bestQuote)
-        U(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), ye().catch(() => {
+    if (!(!ce || S)) {
+      if (b != null && b.bestQuote)
+        C(!1), k({ type: "SELECT_QUOTE", quote: b.bestQuote }), Se().catch(() => {
         });
-      else if (he)
-        U(!1), L({ type: "SET_ERROR", message: he.message || "No quotes available" });
-      else if (w && !w.bestQuote) {
-        U(!1);
-        const N = (x = w.unavailableGateways) == null ? void 0 : x.map((H) => H.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
-        L({ type: "SET_ERROR", message: T });
+      else if (ge)
+        C(!1), k({ type: "SET_ERROR", message: ge.message || "No quotes available" });
+      else if (b && !b.bestQuote) {
+        C(!1);
+        const N = (x = b.unavailableGateways) == null ? void 0 : x.map((K) => K.reason).filter(Boolean), T = N != null && N.length ? `No providers available: ${N.join("; ")}` : "No providers available for this currency/network combination";
+        k({ type: "SET_ERROR", message: T });
       }
     }
-  }, [b, w, S, he, L, ye]);
-  const xt = re ? "theme-dark" : "theme-light", $e = Mt.find((x) => x.id === Ee) || Mt[0], ca = $e.accent === null, sa = r ? ce(r) : !1, gt = (x) => {
-    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), H = parseInt(N.substring(2, 4), 16), oe = parseInt(N.substring(4, 6), 16);
-    return (0.299 * T + 0.587 * H + 0.114 * oe) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, [ce, b, S, ge, k, Se]);
+  const xt = X ? "theme-dark" : "theme-light", Xe = Mt.find((x) => x.id === he) || Mt[0], ca = Xe.accent === null, sa = r ? ue(r) : !1, gt = (x) => {
+    const N = x.replace("#", ""), T = parseInt(N.substring(0, 2), 16), K = parseInt(N.substring(2, 4), 16), re = parseInt(N.substring(4, 6), 16);
+    return (0.299 * T + 0.587 * K + 0.114 * re) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Ct = sa ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": gt(r) } : ca ? {
-    "--t-accent": re ? "#ffffff" : "#111111",
-    "--t-cta-bg": re ? "#ffffff" : "#111111",
-    "--t-cta-text": re ? "#000000" : "#ffffff"
+    "--t-accent": X ? "#ffffff" : "#111111",
+    "--t-cta-bg": X ? "#ffffff" : "#111111",
+    "--t-cta-text": X ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": $e.accent,
-    "--t-cta-bg": $e.accent,
-    "--t-cta-text": gt($e.accent)
-  }, ae = {};
-  u && ce(u) && (ae["--t-surface"] = u, ae["--t-modal-bg"] = u), f && ce(f) && (ae["--t-pill-bg"] = f, ae["--t-close-bg"] = f), h && ce(h) && (ae["--t-text"] = h), d && ce(d) && (ae["--t-text-secondary"] = d), p && ce(p) && (ae["--t-text-muted"] = p, ae["--t-text-tertiary"] = p), g && ce(g) && (ae["--t-success"] = g);
-  const Ce = {};
-  i && ce(i) ? Ce.backgroundColor = i : Ce.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Ce.backgroundImage = `url(${c})`, Ce.backgroundSize = "cover", Ce.backgroundPosition = "center");
-  const Xe = re ? "#ffffff" : "#111111", We = {};
-  m && ce(m) && (We.border = `1px solid ${m}`), s && (We.borderRadius = s);
-  const vt = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: P }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ne, doneButtonText: V, onDone: fe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Z }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Be, partnerName: G }) : null;
-  if (vt)
+    "--t-accent": Xe.accent,
+    "--t-cta-bg": Xe.accent,
+    "--t-cta-text": gt(Xe.accent)
+  }, te = {};
+  u && ue(u) && (te["--t-surface"] = u, te["--t-modal-bg"] = u), f && ue(f) && (te["--t-pill-bg"] = f, te["--t-close-bg"] = f), h && ue(h) && (te["--t-text"] = h), d && ue(d) && (te["--t-text-secondary"] = d), p && ue(p) && (te["--t-text-muted"] = p, te["--t-text-tertiary"] = p), g && ue(g) && (te["--t-success"] = g);
+  const be = {};
+  l && ue(l) ? be.backgroundColor = l : be.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (be.backgroundImage = `url(${c})`, be.backgroundSize = "cover", be.backgroundPosition = "center");
+  const We = X ? "#ffffff" : "#111111", Ye = {};
+  m && ue(m) && (Ye.border = `1px solid ${m}`), s && (Ye.borderRadius = s);
+  const St = y.step === "checkout" ? /* @__PURE__ */ e(Ka, { autoRedirect: _ }) : y.step === "processing" ? /* @__PURE__ */ e(Va, {}) : y.step === "complete" ? /* @__PURE__ */ e(ja, { explorerUrl: ae, doneButtonText: j, onDone: xe }) : y.step === "error" ? /* @__PURE__ */ e(Ga, { supportEmail: Q }) : y.step === "confirm" ? /* @__PURE__ */ e($a, { stablecoinParity: Ie, partnerName: $ }) : null;
+  if (St)
     return /* @__PURE__ */ e(
       "div",
       {
         className: `${xt} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-          ...Ce,
+          ...be,
           ...Ct,
-          ...ae,
-          ...We
+          ...te,
+          ...Ye
         },
-        children: vt
+        children: St
       }
     );
-  const le = y.network, Te = le ? Ze(le) : null, St = (Te == null ? void 0 : Te.shortName) || (Te == null ? void 0 : Te.name) || le;
+  const se = y.network, we = se ? Qe(se) : null, vt = (we == null ? void 0 : we.shortName) || (we == null ? void 0 : we.name) || se;
   return /* @__PURE__ */ o(
     "div",
     {
       className: `${xt} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-        ...Ce,
+        ...be,
         ...Ct,
-        ...ae,
-        ...We
+        ...te,
+        ...Ye
       },
       children: [
-        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => O("settings") }) }),
+        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ma, { onClick: () => H("settings") }) }),
         A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
@@ -3151,7 +3164,7 @@ function rn({
               {
                 onClick: () => yt("buy"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Q === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: D === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Buy"
               }
             ),
@@ -3160,7 +3173,7 @@ function rn({
               {
                 onClick: () => yt("sell"),
                 className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
-                style: { color: Q === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
+                style: { color: D === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
                 children: "Sell"
               }
             )
@@ -3173,14 +3186,14 @@ function rn({
                 className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
                 style: {
                   width: "50%",
-                  left: Q === "buy" ? "0%" : "50%",
+                  left: D === "buy" ? "0%" : "50%",
                   background: "var(--t-accent)"
                 }
               }
             )
           ] })
         ] }) : null,
-        Ie || qe || M ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        Me || qe || I ? /* @__PURE__ */ e(Ya, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ o(
             "div",
             {
@@ -3188,7 +3201,7 @@ function rn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: we && pt ? "1px solid #EF4444" : "1px solid transparent",
+                border: Ue && pt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -3197,22 +3210,22 @@ function rn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: D,
+                      ref: w,
                       type: "text",
                       value: et,
                       onChange: ea,
-                      onBlur: () => _e(!0),
-                      placeholder: K ? "250" : "0.01",
+                      onBlur: () => Ee(!0),
+                      placeholder: F ? "250" : "0.01",
                       className: "bg-transparent outline-none w-0 flex-1 mr-3",
                       style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
                       inputMode: "decimal",
-                      disabled: !!((Et = k == null ? void 0 : k.sourceAmount) != null && Et.locked)
+                      disabled: !!((Et = M == null ? void 0 : M.sourceAmount) != null && Et.locked)
                     }
                   ),
-                  K ? /* @__PURE__ */ o(
+                  F ? /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => O("fiat"),
+                      onClick: () => H("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3221,18 +3234,18 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((wt = k == null ? void 0 : k.sourceCurrency) != null && wt.locked),
+                      disabled: !!((wt = M == null ? void 0 : M.sourceCurrency) != null && wt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: te, size: 16, baseUrl: j }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: te }),
-                        /* @__PURE__ */ e(Pe, {})
+                        /* @__PURE__ */ e(ct, { currencyCode: W, size: 16, baseUrl: G }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: W }),
+                        /* @__PURE__ */ e(He, {})
                       ]
                     }
                   ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => O("crypto"),
+                        onClick: () => H("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3241,34 +3254,34 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((At = k == null ? void 0 : k.destinationCurrency) != null && At.locked),
+                        disabled: !!((At = M == null ? void 0 : M.destinationCurrency) != null && At.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: X, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: X }),
-                          /* @__PURE__ */ e(Pe, {})
+                          /* @__PURE__ */ e(Ht, { ticker: B, size: 16, baseUrl: G }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: B }),
+                          /* @__PURE__ */ e(He, {})
                         ]
                       }
                     ),
-                    le && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    se && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: it(le, j),
-                          alt: le,
+                          src: it(se, G),
+                          alt: se,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: St })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt })
                     ] })
                   ] })
                 ] })
               ]
             }
           ),
-          we && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: se || (ft ? "Amount should be more than 0" : K ? `Minimum amount is ${Bt} ${te}` : `Minimum amount is ${Ot} ${X}`) }),
+          Ue && pt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: me || (ft ? "Amount should be more than 0" : F ? `Minimum amount is ${Bt} ${W}` : `Minimum amount is ${Ot} ${B}`) }),
           /* @__PURE__ */ o(
             "div",
             {
@@ -3285,7 +3298,7 @@ function rn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
-                  S && !b ? /* @__PURE__ */ e(_, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  S && !ce ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     Wa,
                     {
                       value: z > 0 ? zt : "0",
@@ -3294,11 +3307,11 @@ function rn({
                       style: { color: z > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
-                  K ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
+                  F ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ o(
                       "button",
                       {
-                        onClick: () => O("crypto"),
+                        onClick: () => H("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3307,32 +3320,32 @@ function rn({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((Rt = k == null ? void 0 : k.destinationCurrency) != null && Rt.locked),
+                        disabled: !!((Rt = M == null ? void 0 : M.destinationCurrency) != null && Rt.locked),
                         children: [
-                          /* @__PURE__ */ e(Ht, { ticker: X, size: 16, baseUrl: j }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: X }),
-                          /* @__PURE__ */ e(Pe, {})
+                          /* @__PURE__ */ e(Ht, { ticker: B, size: 16, baseUrl: G }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: B }),
+                          /* @__PURE__ */ e(He, {})
                         ]
                       }
                     ),
-                    le && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
+                    se && /* @__PURE__ */ o("div", { className: "flex items-center gap-1 mt-1.5 mr-0.5", children: [
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: it(le, j),
-                          alt: le,
+                          src: it(se, G),
+                          alt: se,
                           width: 14,
                           height: 14,
                           className: "rounded-full",
                           style: { width: 14, height: 14 }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: St })
+                      /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt })
                     ] })
                   ] }) : /* @__PURE__ */ o(
                     "button",
                     {
-                      onClick: () => O("fiat"),
+                      onClick: () => H("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3341,11 +3354,11 @@ function rn({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((Tt = k == null ? void 0 : k.sourceCurrency) != null && Tt.locked),
+                      disabled: !!((Tt = M == null ? void 0 : M.sourceCurrency) != null && Tt.locked),
                       children: [
-                        /* @__PURE__ */ e(ct, { currencyCode: te, size: 16, baseUrl: j }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Xe }, children: te }),
-                        /* @__PURE__ */ e(Pe, {})
+                        /* @__PURE__ */ e(ct, { currencyCode: W, size: 16, baseUrl: G }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: We }, children: W }),
+                        /* @__PURE__ */ e(He, {})
                       ]
                     }
                   )
@@ -3353,7 +3366,7 @@ function rn({
               ]
             }
           ),
-          Be && z > 0 && (w == null ? void 0 : w.bestQuote) && /* @__PURE__ */ o(
+          Ie && z > 0 && (b == null ? void 0 : b.bestQuote) && /* @__PURE__ */ o(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -3367,13 +3380,13 @@ function rn({
                   "You will be charged for ",
                   ut,
                   " ",
-                  X,
+                  B,
                   ", the rest up to ",
                   lt(z),
                   " ",
-                  te,
+                  W,
                   " will be credited to your ",
-                  G,
+                  $,
                   " account"
                 ] })
               ]
@@ -3385,38 +3398,38 @@ function rn({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(kt = l == null ? void 0 : l.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(kt = i == null ? void 0 : i.paymentMethods) != null && kt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
               children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: g ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Jt || " " })
             }
           ),
-          (l == null ? void 0 : l.paymentMethods) && l.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
+          (i == null ? void 0 : i.paymentMethods) && i.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
             Pa,
             {
-              methods: l.paymentMethods,
+              methods: i.paymentMethods,
               selectedId: y.paymentMethodId,
-              onOpenModal: () => O("payment"),
+              onOpenModal: () => H("payment"),
               fiatCurrency: y.fiatCurrency
             }
           ) }),
           /* @__PURE__ */ o("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: K ? "Receiving wallet address" : "Sending wallet address" }),
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: F ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 value: y.walletAddress,
-                onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
-                onFocus: () => Me(!0),
+                onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
+                onFocus: () => _e(!0),
                 onBlur: () => {
-                  Me(!1), Ve(!0);
+                  _e(!1), Ke(!0);
                 },
-                placeholder: K ? "Enter your receiving address" : "Enter your sending address",
+                placeholder: F ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
                 style: {
-                  border: y.walletError || ee && !tt ? "1px solid #EF4444" : Fe ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: y.walletError || De && !tt ? "1px solid #EF4444" : ne ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3426,16 +3439,16 @@ function rn({
                   fontSize: 13,
                   backgroundColor: "transparent"
                 },
-                disabled: !!((Lt = k == null ? void 0 : k.destinationAddress) != null && Lt.locked)
+                disabled: !!((Lt = M == null ? void 0 : M.destinationAddress) != null && Lt.locked)
               }
             ),
-            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : ee && !tt && !Ae ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ae && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            y.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: y.walletError }) : De && !tt && !ve ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ve && y.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1", style: { minHeight: 16 } }),
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Ge || ie || b,
+              disabled: !$e || oe || ce,
               onClick: la,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -3443,15 +3456,15 @@ function rn({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Ge && !ie && !b ? 1 : 0.4,
-                cursor: Ge && !ie && !b ? "pointer" : "not-allowed"
+                opacity: $e && !oe && !ce ? 1 : 0.4,
+                cursor: $e && !oe && !ce ? "pointer" : "not-allowed"
               },
-              children: b ? "Getting best price..." : ie ? "Processing..." : K ? `Buy ${X}` : `Sell ${X}`
+              children: ce ? "Getting best price..." : oe ? "Processing..." : F ? `Buy ${B}` : `Sell ${B}`
             }
           ),
           /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
-        ] }, Q),
-        /* @__PURE__ */ e(He, { isOpen: xe === "fiat", onClose: () => O(null), children: (x) => {
+        ] }, D),
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "fiat", onClose: () => H(null), children: (x) => {
           var N;
           return /* @__PURE__ */ e(
             Za,
@@ -3460,41 +3473,41 @@ function rn({
               onSelect: (T) => {
                 ta(T), x();
               },
-              currencies: (N = l == null ? void 0 : l.fiats) == null ? void 0 : N.map((T) => ({ code: T.code, name: T.code })),
-              assetBaseUrl: j,
+              currencies: (N = i == null ? void 0 : i.fiats) == null ? void 0 : N.map((T) => ({ code: T.code, name: T.code })),
+              assetBaseUrl: G,
               selectedCode: y.fiatCurrency
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "crypto", onClose: () => O(null), children: (x) => {
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "crypto", onClose: () => H(null), children: (x) => {
           var N;
           return /* @__PURE__ */ e(
             Qa,
             {
               onClose: x,
-              onSelect: (T, H) => {
-                aa(T, H), x();
+              onSelect: (T, K) => {
+                aa(T, K), x();
               },
-              cryptos: (N = l == null ? void 0 : l.cryptos) == null ? void 0 : N.map((T) => {
-                var H;
+              cryptos: (N = i == null ? void 0 : i.cryptos) == null ? void 0 : N.map((T) => {
+                var K;
                 return {
                   code: T.code,
                   name: T.code,
-                  networks: (H = T.networks) == null ? void 0 : H.map((oe) => ({ code: oe.id, name: oe.name }))
+                  networks: (K = T.networks) == null ? void 0 : K.map((re) => ({ code: re.id, name: re.name }))
                 };
               }),
-              assetBaseUrl: j,
+              assetBaseUrl: G,
               selectedCode: y.cryptoCurrency,
               selectedChain: y.network
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "payment", onClose: () => O(null), children: (x) => {
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "payment", onClose: () => H(null), children: (x) => {
           var N;
           return /* @__PURE__ */ e(
             za,
             {
-              methods: ((N = l == null ? void 0 : l.paymentMethods) == null ? void 0 : N.filter((T) => T.supportedFiats.includes(y.fiatCurrency))) || [],
+              methods: ((N = i == null ? void 0 : i.paymentMethods) == null ? void 0 : N.filter((T) => T.supportedFiats.includes(y.fiatCurrency))) || [],
               selectedId: y.paymentMethodId,
               onSelect: (T) => {
                 na(T), x();
@@ -3503,31 +3516,31 @@ function rn({
             }
           );
         } }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "settings", onClose: () => O(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "settings", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
           en,
           {
             onClose: x,
-            darkMode: re,
-            onToggleDarkMode: Ne,
-            skinId: Ee,
+            darkMode: X,
+            onToggleDarkMode: fe,
+            skinId: he,
             onSelectSkin: (N) => {
-              de(N);
+              Le(N);
             },
             showThemeToggle: R,
             country: y.country,
             countryName: ia,
             onLocationPress: oa,
-            assetBaseUrl: j
+            assetBaseUrl: G
           }
         ) }),
-        /* @__PURE__ */ e(He, { isOpen: xe === "country", onClose: () => O(null), children: (x) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Oe, { isOpen: ie === "country", onClose: () => H(null), children: (x) => /* @__PURE__ */ e(
           an,
           {
             onClose: x,
             onSelect: (N) => {
               ra(N), x();
             },
-            assetBaseUrl: j,
+            assetBaseUrl: G,
             selectedCode: y.country
           }
         ) })
@@ -3540,7 +3553,7 @@ function on({
   apiUrl: a,
   assetBaseUrl: n,
   flowType: r,
-  customerId: i,
+  customerId: l,
   brandId: c,
   defaultFiatCurrency: m,
   defaultCryptoCurrency: s,
@@ -3553,31 +3566,31 @@ function on({
   fieldLocks: A,
   statusPollInterval: E,
   onComplete: R,
-  onError: P,
-  className: ne,
-  theme: V,
-  skinId: Z,
+  onError: _,
+  className: ae,
+  theme: j,
+  skinId: Q,
   accentColor: q,
-  bgColor: G,
-  bgImage: fe,
+  bgColor: $,
+  bgImage: xe,
   borderColor: y,
-  borderRadius: L,
-  surfaceColor: l,
-  inputBgColor: M,
-  textColor: w,
+  borderRadius: k,
+  surfaceColor: i,
+  inputBgColor: I,
+  textColor: b,
   textSecondaryColor: S,
-  textMutedColor: he,
-  successColor: pe,
-  showFlowToggle: ye,
-  showSettings: ie,
-  showThemeToggle: se,
-  autoRedirect: k,
-  explorerUrl: be,
-  doneButtonText: j,
-  supportEmail: re,
-  stablecoinParity: Ne,
-  partnerName: Ee,
-  onDone: de
+  textMutedColor: ge,
+  successColor: Ce,
+  showFlowToggle: Se,
+  showSettings: oe,
+  showThemeToggle: me,
+  autoRedirect: M,
+  explorerUrl: ee,
+  doneButtonText: G,
+  supportEmail: X,
+  stablecoinParity: fe,
+  partnerName: he,
+  onDone: Le
 }) {
   return /* @__PURE__ */ e(
     Ca,
@@ -3586,7 +3599,7 @@ function on({
       apiUrl: a,
       assetBaseUrl: n,
       flowType: r,
-      customerId: i,
+      customerId: l,
       brandId: c,
       defaultFiatCurrency: m,
       defaultCryptoCurrency: s,
@@ -3599,34 +3612,34 @@ function on({
       fieldLocks: A,
       statusPollInterval: E,
       onComplete: R,
-      onError: P,
+      onError: _,
       children: /* @__PURE__ */ e(
         rn,
         {
-          className: ne,
-          theme: V,
-          skinId: Z,
+          className: ae,
+          theme: j,
+          skinId: Q,
           accentColor: q,
-          bgColor: G,
-          bgImage: fe,
+          bgColor: $,
+          bgImage: xe,
           borderColor: y,
-          borderRadius: L,
-          surfaceColor: l,
-          inputBgColor: M,
-          textColor: w,
+          borderRadius: k,
+          surfaceColor: i,
+          inputBgColor: I,
+          textColor: b,
           textSecondaryColor: S,
-          textMutedColor: he,
-          successColor: pe,
-          showFlowToggle: ye,
-          showSettings: ie,
-          showThemeToggle: se,
-          autoRedirect: k,
-          explorerUrl: be,
-          doneButtonText: j,
-          supportEmail: re,
-          stablecoinParity: Ne,
-          partnerName: Ee,
-          onDone: de
+          textMutedColor: ge,
+          successColor: Ce,
+          showFlowToggle: Se,
+          showSettings: oe,
+          showThemeToggle: me,
+          autoRedirect: M,
+          explorerUrl: ee,
+          doneButtonText: G,
+          supportEmail: X,
+          stablecoinParity: fe,
+          partnerName: he,
+          onDone: Le
         }
       )
     }
@@ -3644,7 +3657,7 @@ function xn({
   active: a,
   onClick: n,
   darkMode: r,
-  dimmed: i
+  dimmed: l
 }) {
   const c = t.accent === null, m = 32;
   return /* @__PURE__ */ o(
@@ -3652,7 +3665,7 @@ function xn({
     {
       onClick: n,
       className: "relative shrink-0",
-      style: { width: m, height: m, opacity: i ? 0.4 : 1, transition: "opacity 0.2s" },
+      style: { width: m, height: m, opacity: l ? 0.4 : 1, transition: "opacity 0.2s" },
       children: [
         c ? /* @__PURE__ */ o("svg", { width: m, height: m, viewBox: "0 0 32 32", children: [
           /* @__PURE__ */ e("clipPath", { id: "mono-left", children: /* @__PURE__ */ e("rect", { x: "0", y: "0", width: "16", height: "32" }) }),
@@ -3661,7 +3674,7 @@ function xn({
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "#ffffff", clipPath: "url(#mono-right)" }),
           /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: "none", stroke: r ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.1)", strokeWidth: "1" })
         ] }) : /* @__PURE__ */ e("svg", { width: m, height: m, viewBox: "0 0 32 32", children: /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "15", fill: t.accent }) }),
-        a && !i && /* @__PURE__ */ e(
+        a && !l && /* @__PURE__ */ e(
           "div",
           {
             className: "absolute inset-0 rounded-full",
@@ -3704,14 +3717,14 @@ function sn() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(_, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(V, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ o("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(_, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(_, { w: 60, h: 12 })
+          /* @__PURE__ */ e(V, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ o("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(_, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(_, { w: 80, h: 14 })
+          /* @__PURE__ */ e(V, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 80, h: 14 })
         ] })
       ]
     },
@@ -3723,15 +3736,15 @@ function gn({
   onSelect: a,
   quotes: n,
   quotesLoading: r,
-  cryptoCurrency: i
+  cryptoCurrency: l
 }) {
-  const [c, m] = v(""), s = Y(() => {
+  const [c, m] = v(""), s = Z(() => {
     if (!(n != null && n.quotes)) return [];
     const u = c.trim().toLowerCase();
     return u ? n.quotes.filter((f) => f.gatewayName.toLowerCase().includes(u)) : n.quotes;
   }, [n, c]);
   return /* @__PURE__ */ o(J, { children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
+    /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(ke, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
       {
@@ -3740,7 +3753,7 @@ function gn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(Ke, { value: c, onChange: m }),
+    /* @__PURE__ */ e(Pe, { value: c, onChange: m }),
     /* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
       r ? /* @__PURE__ */ e(sn, {}) : s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : s.map((u, f) => {
         const h = f === 0, d = parseFloat(u.cryptoAmount), p = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
@@ -3766,7 +3779,7 @@ function gn({
               /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ o("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
-                  i,
+                  l,
                   " ",
                   p
                 ] })
@@ -3795,19 +3808,19 @@ export {
   Xa as AnimatedDigit,
   Wa as AnimatedNumber,
   Ta as ApplePayIcon,
-  Oe as BLOCKCHAINS,
+  Be as BLOCKCHAINS,
   Aa as BankIcon,
-  Ye as COUNTRIES,
+  Ze as COUNTRIES,
   st as COUNTRY_MAP,
   wa as CRYPTO_CHAIN_COMBOS,
   Gt as CRYPTO_CURRENCIES,
   Fa as CardIcon,
   yn as CheckoutForm,
   Ka as CheckoutStep,
-  Pe as ChevronDown,
+  He as ChevronDown,
   Pt as ChevronRight,
   gn as ChooseRampModal,
-  De as CloseButton,
+  ke as CloseButton,
   pn as CoinifyIcon,
   ja as CompleteStep,
   $a as ConfirmStep,
@@ -3817,7 +3830,7 @@ export {
   Ia as DarkModeIcon,
   Ga as ErrorStep,
   Ft as FIAT_CURRENCIES,
-  Sa as FIAT_TO_COUNTRY,
+  va as FIAT_TO_COUNTRY,
   Za as FiatCurrencyModal,
   ct as FiatFlag,
   Ya as FormSkeleton,
@@ -3825,7 +3838,7 @@ export {
   ka as GooglePayIcon,
   It as MOCK_RATES,
   Ma as MenuIcon,
-  He as Modal,
+  Oe as Modal,
   La as PayPalIcon,
   Pa as PaymentMethodSelector,
   Va as ProcessingStep,
@@ -3833,9 +3846,9 @@ export {
   Ca as RampProvider,
   Ra as RevolutIcon,
   Mt as SKINS,
-  Ke as SearchInput,
+  Pe as SearchInput,
   en as SettingsScreen,
-  _ as Skeleton,
+  V as Skeleton,
   xn as SkinSwatch,
   Ja as ToggleSwitch,
   lt as formatOutput,
@@ -3849,7 +3862,7 @@ export {
   Ea as parseAmount,
   ya as useCheckoutIntent,
   pa as useQuotes,
-  Ue as useRamp,
+  Te as useRamp,
   ha as useRampConfig,
   xa as useTransaction
 };