@nowramp/form 0.1.81 → 0.1.83

package/dist/index.js

@@ -9,13 +9,13 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as l, Fragment as ee } from "react/jsx-runtime";
-import Ce, { useState as N, useRef as I, useCallback as K, useEffect as Z, useMemo as G, useReducer as xa, useContext as va, createContext as ba } from "react";
+import ge, { useState as N, useRef as I, useCallback as P, useEffect as Z, useMemo as j, useReducer as xa, useContext as va, createContext as ba } from "react";
 import { RampApi as at } from "@nowramp/sdk";
 import { createPortal as Pt } from "react-dom";
 function Sa(t, a, n) {
   const [r, o] = N(null), [d, u] = N(!0), [i, s] = N(null), m = I(null);
   (!m.current || m.current !== t) && (m.current = new at({ apiKey: "", ...t }));
-  const h = K(async () => {
+  const h = P(async () => {
     if (!t.projectId) {
       s(new Error("projectId is required")), u(!1);
       return;
@@ -24,8 +24,8 @@ function Sa(t, a, n) {
     try {
       const f = {};
       a && (f.orderType = a), n && (f.country = n);
-      const p = await m.current.getSupported(f);
-      o(p);
+      const y = await m.current.getSupported(f);
+      o(y);
     } catch (f) {
       s(f instanceof Error ? f : new Error("Failed to fetch config"));
     } finally {
@@ -55,7 +55,7 @@ function Na(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 = K(async () => {
+  const y = P(async () => {
     if (!(!a || !t.projectId)) {
       d(!0), i(null);
       try {
@@ -68,15 +68,15 @@ function Na(t, a) {
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: o, error: u, refetch: p };
+  return { quotes: n, loading: o, error: u, refetch: y };
 }
 function wa(t) {
   const [a, n] = N(null), [r, o] = N(!1), [d, u] = N(null), i = I(null), s = I(""), m = `${t.apiUrl}|${t.projectId}`;
   (!i.current || s.current !== m) && (i.current = new at({ apiKey: "", ...t }), s.current = m);
-  const h = K(async (p) => {
+  const h = P(async (y) => {
     o(!0), u(null);
     try {
-      const x = await i.current.createCheckoutIntent(p);
+      const x = await i.current.createCheckoutIntent(y);
       return n(x), x;
     } catch (x) {
       const C = x instanceof Error ? x : new Error("Failed to create checkout intent");
@@ -84,7 +84,7 @@ function wa(t) {
     } finally {
       o(!1);
     }
-  }, []), f = K(() => {
+  }, []), f = P(() => {
     n(null), u(null);
   }, []);
   return { order: a, loading: r, error: d, createOrder: h, reset: f };
@@ -92,7 +92,7 @@ function wa(t) {
 function Ea(t, a, n) {
   const [r, o] = N(null), [d, u] = N(!1), [i, s] = N(null), m = I(null);
   m.current || (m.current = new at({ apiKey: "", projectId: "", ...t }));
-  const h = K(async () => {
+  const h = P(async () => {
     if (a) {
       u(!0), s(null);
       try {
@@ -109,15 +109,15 @@ function Ea(t, a, n) {
     if (!a) return;
     const f = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (f > 0) {
-      const p = setTimeout(h, f);
-      return () => clearTimeout(p);
+      const y = setTimeout(h, f);
+      return () => clearTimeout(y);
     }
     h();
   }, [h, a, n == null ? void 0 : n.initialDelay]), Z(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
-    const p = setInterval(h, n.pollInterval);
-    return () => clearInterval(p);
+    const y = setInterval(h, n.pollInterval);
+    return () => clearInterval(y);
   }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: d, error: i, refetch: h };
 }
 const et = [
@@ -420,6 +420,19 @@ function Kt(t, a) {
 function Ua(t, a, n) {
   return !t && !!a && !a.bestQuote && !!n;
 }
+function Fa(t, a) {
+  if (!t.length) return null;
+  if (a) {
+    const r = t.find((o) => o.gatewayId === a);
+    if (r != null && r.reason) return r.reason;
+  }
+  const n = t.map((r, o) => ({ reason: r.reason, score: r.reason ? Da(r.reason) : 99, idx: o })).filter((r) => r.reason);
+  return n.length ? (n.sort((r, o) => r.score - o.score || r.idx - o.idx), n[0].reason) : null;
+}
+function Da(t) {
+  const a = t.toLowerCase();
+  return /amount|out of range for|minimum|maximum/.test(a) ? 1 : /currency|pair|network|chain/.test(a) ? 2 : /country|region|location/.test(a) ? 3 : /does not support|unsupported/.test(a) ? 4 : 5;
+}
 const Qt = {
   step: "amount",
   flowType: "buy",
@@ -439,7 +452,7 @@ const Qt = {
   countrySource: "",
   errorMessage: null
 };
-function Fa(t, a) {
+function Ma(t, a) {
   var n, r, o, d, u, i, s, m;
   switch (a.type) {
     case "SET_STEP":
@@ -501,7 +514,7 @@ function Fa(t, a) {
   }
 }
 const zt = ba(null);
-function Da({
+function Ia({
   projectId: t,
   apiUrl: a = "https://api.nowramp.com",
   assetBaseUrl: n = "",
@@ -514,15 +527,15 @@ function Da({
   defaultFiatAmount: m = "",
   defaultCryptoAmount: h = "",
   defaultWalletAddress: f = "",
-  defaultGateway: p,
+  defaultGateway: y,
   defaultCountry: x,
   fieldLocks: C,
-  statusPollInterval: A = 5e3,
+  statusPollInterval: E = 5e3,
   onComplete: k,
-  onError: V,
-  children: oe
+  onError: _,
+  children: ie
 }) {
-  const $ = G(() => ({ apiUrl: a, projectId: t }), [a, t]), z = s || (i ? i.toLowerCase() : ""), te = r === "sell", X = te ? !!h : !!m, v = (te ? !!(X && i && z) : !!(X && i && z && f)) && p ? "confirm" : "amount", L = m || (r === "buy" ? "250" : ""), [c, U] = xa(Fa, {
+  const G = j(() => ({ apiUrl: a, projectId: t }), [a, t]), z = s || (i ? i.toLowerCase() : ""), te = r === "sell", X = te ? !!h : !!m, v = (te ? !!(X && i && z) : !!(X && i && z && f)) && y ? "confirm" : "amount", L = m || (r === "buy" ? "250" : ""), [c, U] = xa(Ma, {
     ...Qt,
     step: v,
     flowType: r,
@@ -538,75 +551,75 @@ function Da({
   }), w = c.flowType === "sell", {
     config: b,
     loading: J,
-    error: ve
-  } = Sa($, c.flowType, c.country || void 0), be = I(!1);
-  Ce.useEffect(() => {
+    error: be
+  } = Sa(G, c.flowType, c.country || void 0), Se = I(!1);
+  ge.useEffect(() => {
     var F;
-    if (be.current || !(b != null && b.detectedCountry) || c.country) return;
-    be.current = !0;
-    const y = b.detectedCountry.toLowerCase();
-    U({ type: "SET_COUNTRY_AUTO", country: y });
-    const E = (F = b.fiats) == null ? void 0 : F.map((M) => M.code), R = mt(y, E);
+    if (Se.current || !(b != null && b.detectedCountry) || c.country) return;
+    Se.current = !0;
+    const p = b.detectedCountry.toLowerCase();
+    U({ type: "SET_COUNTRY_AUTO", country: p });
+    const A = (F = b.fiats) == null ? void 0 : F.map((M) => M.code), R = mt(p, A);
     R !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: R });
   }, [b, c.country, c.fiatCurrency]);
-  const ce = I(!1);
-  Ce.useEffect(() => {
+  const se = I(!1);
+  ge.useEffect(() => {
     var R;
-    if (ce.current || !x || !((R = b == null ? void 0 : b.fiats) != null && R.length)) return;
-    ce.current = !0;
-    const y = b.fiats.map((F) => F.code), E = mt(x, y);
-    E !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: E });
+    if (se.current || !x || !((R = b == null ? void 0 : b.fiats) != null && R.length)) return;
+    se.current = !0;
+    const p = b.fiats.map((F) => F.code), A = mt(x, p);
+    A !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: A });
   }, [x, b, c.fiatCurrency]);
   const pe = I(c.country);
-  Ce.useEffect(() => {
+  ge.useEffect(() => {
     var R;
-    if (c.country === pe.current || (pe.current = c.country, c.countrySource === "manual" && (de.current = !1), c.countrySource !== "manual") || !((R = b == null ? void 0 : b.fiats) != null && R.length)) return;
-    const y = b.fiats.map((F) => F.code), E = mt(c.country, y);
-    E !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: E });
+    if (c.country === pe.current || (pe.current = c.country, c.countrySource === "manual" && (Ie.current = !1), c.countrySource !== "manual") || !((R = b == null ? void 0 : b.fiats) != null && R.length)) return;
+    const p = b.fiats.map((F) => F.code), A = mt(c.country, p);
+    A !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: A });
   }, [c.country, c.countrySource, b, c.fiatCurrency]);
   const D = I(c.fiatCurrency);
-  Ce.useEffect(() => {
+  ge.useEffect(() => {
     var F;
     if (c.fiatCurrency === D.current || (D.current = c.fiatCurrency, w || !((F = b == null ? void 0 : b.fiats) != null && F.length) || !c.fiatAmount)) return;
-    const y = b.fiats.find((M) => M.code === c.fiatCurrency);
-    if (!(y != null && y.minAmount)) return;
-    const E = parseFloat(c.fiatAmount), R = parseFloat(y.minAmount);
-    !isNaN(E) && !isNaN(R) && E < R && U({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(R)) });
+    const p = b.fiats.find((M) => M.code === c.fiatCurrency);
+    if (!(p != null && p.minAmount)) return;
+    const A = parseFloat(c.fiatAmount), R = parseFloat(p.minAmount);
+    !isNaN(A) && !isNaN(R) && A < R && U({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(R)) });
   }, [c.fiatCurrency, c.fiatAmount, b, w]);
-  const { availableFiats: ae, availableCryptos: B, availablePaymentMethods: se } = G(() => {
+  const { availableFiats: ae, availableCryptos: O, availablePaymentMethods: de } = j(() => {
     var R, F, M;
     if (!b)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
-    let y;
+    let p;
     if (c.cryptoCurrency && c.network) {
-      const T = (R = b.cryptos) == null ? void 0 : R.find((Y) => Y.code === c.cryptoCurrency), P = (F = T == null ? void 0 : T.networks) == null ? void 0 : F.find((Y) => Y.id === c.network);
-      !T || !P ? y = [] : y = P.providers;
+      const T = (R = b.cryptos) == null ? void 0 : R.find((Y) => Y.code === c.cryptoCurrency), H = (F = T == null ? void 0 : T.networks) == null ? void 0 : F.find((Y) => Y.id === c.network);
+      !T || !H ? p = [] : p = H.providers;
     }
-    let E;
+    let A;
     if (c.fiatCurrency) {
-      const T = (M = b.fiats) == null ? void 0 : M.find((P) => P.code === c.fiatCurrency);
-      T ? E = T.providers : E = [];
+      const T = (M = b.fiats) == null ? void 0 : M.find((H) => H.code === c.fiatCurrency);
+      T ? A = T.providers : A = [];
     }
     return {
-      availableFiats: Aa(b.fiats ?? [], y),
-      availableCryptos: Ra(b.cryptos ?? [], E),
+      availableFiats: Aa(b.fiats ?? [], p),
+      availableCryptos: Ra(b.cryptos ?? [], A),
       availablePaymentMethods: ka(
         b.paymentMethods ?? [],
-        y,
+        p,
         c.fiatCurrency
       )
     };
-  }, [b, c.cryptoCurrency, c.network, c.fiatCurrency]), Me = G(() => {
-    var y, E, R;
+  }, [b, c.cryptoCurrency, c.network, c.fiatCurrency]), Me = j(() => {
+    var p, A, R;
     return J || !b ? !1 : La(
       b,
       { cryptoCurrency: c.cryptoCurrency, network: c.network, fiatCurrency: c.fiatCurrency },
       {
-        cryptoLocked: !!((y = C == null ? void 0 : C.destinationCurrency) != null && y.locked),
-        networkLocked: !!((E = C == null ? void 0 : C.network) != null && E.locked),
+        cryptoLocked: !!((p = C == null ? void 0 : C.destinationCurrency) != null && p.locked),
+        networkLocked: !!((A = C == null ? void 0 : C.network) != null && A.locked),
         fiatLocked: !!((R = C == null ? void 0 : C.sourceCurrency) != null && R.locked)
       },
-      { availableFiats: ae, availableCryptos: B, availablePaymentMethods: se }
+      { availableFiats: ae, availableCryptos: O, availablePaymentMethods: de }
     );
   }, [
     J,
@@ -616,32 +629,32 @@ function Da({
     c.network,
     c.fiatCurrency,
     ae,
-    B,
-    se
+    O,
+    de
   ]);
-  Ce.useEffect(() => {
-    var E, R, F;
-    if (J || ae.length === 0 && B.length === 0) return;
-    const y = Ta(
+  ge.useEffect(() => {
+    var A, R, F;
+    if (J || ae.length === 0 && O.length === 0) return;
+    const p = Ta(
       {
         cryptoCurrency: c.cryptoCurrency,
         network: c.network,
         fiatCurrency: c.fiatCurrency,
         paymentMethodId: c.paymentMethodId
       },
-      { availableFiats: ae, availableCryptos: B, availablePaymentMethods: se },
+      { availableFiats: ae, availableCryptos: O, availablePaymentMethods: de },
       {
-        cryptoLocked: !!((E = C == null ? void 0 : C.destinationCurrency) != null && E.locked),
+        cryptoLocked: !!((A = C == null ? void 0 : C.destinationCurrency) != null && A.locked),
         networkLocked: !!((R = C == null ? void 0 : C.network) != null && R.locked),
         fiatLocked: !!((F = C == null ? void 0 : C.sourceCurrency) != null && F.locked)
       }
     );
-    y && (y.cryptoCurrency !== void 0 && U({ type: "SET_CRYPTO_CURRENCY", currency: y.cryptoCurrency }), y.network !== void 0 && U({ type: "SET_NETWORK", network: y.network }), y.fiatCurrency !== void 0 && U({ type: "SET_FIAT_CURRENCY", currency: y.fiatCurrency }), y.paymentMethodId !== void 0 && U({ type: "SET_PAYMENT_METHOD", methodId: y.paymentMethodId }));
+    p && (p.cryptoCurrency !== void 0 && U({ type: "SET_CRYPTO_CURRENCY", currency: p.cryptoCurrency }), p.network !== void 0 && U({ type: "SET_NETWORK", network: p.network }), p.fiatCurrency !== void 0 && U({ type: "SET_FIAT_CURRENCY", currency: p.fiatCurrency }), p.paymentMethodId !== void 0 && U({ type: "SET_PAYMENT_METHOD", methodId: p.paymentMethodId }));
   }, [
     J,
     ae,
-    B,
-    se,
+    O,
+    de,
     c.cryptoCurrency,
     c.network,
     c.fiatCurrency,
@@ -649,22 +662,22 @@ function Da({
     C,
     U
   ]);
-  const Q = G(() => {
+  const Q = j(() => {
     if (w) {
       if (!c.cryptoAmount) return null;
       const M = parseFloat(c.cryptoAmount);
       return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
     }
     if (!b || !c.fiatAmount) return null;
-    const y = parseFloat(c.fiatAmount);
-    if (isNaN(y)) return null;
-    const E = b.fiats.find((M) => M.code === c.fiatCurrency);
-    if (!E) return null;
-    const R = parseFloat(E.minAmount), F = parseFloat(E.maxAmount);
-    return !isNaN(R) && y < R ? `Minimum amount is ${E.minAmount} ${c.fiatCurrency}` : !isNaN(F) && y > F ? `Maximum amount is ${E.maxAmount} ${c.fiatCurrency}` : null;
-  }, [b, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, w]), ne = G(() => {
-    const y = w ? !!c.cryptoAmount : !!c.fiatAmount;
-    return !b || !y || !c.fiatCurrency || !c.cryptoCurrency || !c.network || Q || b.detectedCountry && c.countrySource === "" && !x ? null : {
+    const p = parseFloat(c.fiatAmount);
+    if (isNaN(p)) return null;
+    const A = b.fiats.find((M) => M.code === c.fiatCurrency);
+    if (!A) return null;
+    const R = parseFloat(A.minAmount), F = parseFloat(A.maxAmount);
+    return !isNaN(R) && p < R ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(F) && p > F ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
+  }, [b, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, w]), ne = j(() => {
+    const p = w ? !!c.cryptoAmount : !!c.fiatAmount;
+    return !b || !p || !c.fiatCurrency || !c.cryptoCurrency || !c.network || Q || b.detectedCountry && c.countrySource === "" && !x ? null : {
       fiatCurrency: c.fiatCurrency,
       ...w ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
       cryptoCurrency: c.cryptoCurrency,
@@ -674,52 +687,54 @@ function Da({
       orderType: c.flowType
     };
   }, [b, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, c.countrySource, Q, w, c.flowType, x]), {
-    quotes: O,
-    loading: Ae,
-    error: ie,
-    refetch: $e
-  } = Na($, ne), Re = Ua(Ae, O, ne), rt = G(() => !Re || !(O != null && O.unavailableGateways) ? [] : [...new Set(
-    O.unavailableGateways.map((E) => E.reason).filter(Boolean)
-  )].slice(0, 2), [Re, O]), de = I(!1);
-  Ce.useEffect(() => {
-    de.current || c.countrySource === "auto" && (Ae || !ne || ie || !O || O.bestQuote || c.fiatCurrency !== "USD" && (de.current = !0, U({ type: "SET_FIAT_CURRENCY", currency: "USD" }), U({ type: "SET_FIAT_AMOUNT", amount: "250" })));
-  }, [O, Ae, ie, ne, c.countrySource, c.fiatCurrency]);
+    quotes: B,
+    loading: Re,
+    error: le,
+    refetch: We
+  } = Na(G, ne), ke = Ua(Re, B, ne), Ie = I(!1);
+  ge.useEffect(() => {
+    Ie.current || c.countrySource === "auto" && (Re || !ne || le || !B || B.bestQuote || c.fiatCurrency !== "USD" && (Ie.current = !0, U({ type: "SET_FIAT_CURRENCY", currency: "USD" }), U({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [B, Re, le, ne, c.countrySource, c.fiatCurrency]);
   const {
-    order: H,
-    loading: Ie,
-    error: ke,
+    order: ce,
+    loading: $,
+    error: Ne,
     createOrder: Be
-  } = wa($), We = 15e3, {
-    status: le,
-    loading: Xe
+  } = wa(G), Xe = 15e3, {
+    status: re,
+    loading: rt
   } = Ea(
     { apiUrl: a },
-    (H == null ? void 0 : H.orderId) ?? null,
-    { pollInterval: A, initialDelay: We }
+    (ce == null ? void 0 : ce.orderId) ?? null,
+    { pollInterval: E, initialDelay: Xe }
   );
-  Ce.useEffect(() => {
-    (le == null ? void 0 : le.status) === "completed" && k && k(le);
-  }, [le == null ? void 0 : le.status, k]), Ce.useEffect(() => {
-    const y = ve || ke;
-    y && V && V(y);
-  }, [ve, ke, V]);
-  const Se = p || (b == null ? void 0 : b.defaultGateway) || null, Oe = I(Se);
-  Oe.current = Se;
-  const Ye = I(O);
-  Ye.current = O;
+  ge.useEffect(() => {
+    (re == null ? void 0 : re.status) === "completed" && k && k(re);
+  }, [re == null ? void 0 : re.status, k]), ge.useEffect(() => {
+    const p = be || Ne;
+    p && _ && _(p);
+  }, [be, Ne, _]);
+  const ye = y || (b == null ? void 0 : b.defaultGateway) || null, Oe = j(() => {
+    if (!ke || !(B != null && B.unavailableGateways)) return null;
+    const p = B.preferredGatewayId || ye;
+    return Fa(B.unavailableGateways, p);
+  }, [ke, B, ye]), He = I(ye);
+  He.current = ye;
+  const Ye = I(B);
+  Ye.current = B;
   const ue = I(d);
   ue.current = d;
-  const He = K(async () => {
-    var E, R, F;
-    const y = ((E = c.selectedQuote) == null ? void 0 : E.gatewayId) || ((F = (R = Ye.current) == null ? void 0 : R.bestQuote) == null ? void 0 : F.gatewayId) || Oe.current;
-    if (!y || !c.walletAddress) {
-      const M = [!y && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+  const Pe = P(async () => {
+    var A, R, F;
+    const p = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((F = (R = Ye.current) == null ? void 0 : R.bestQuote) == null ? void 0 : F.gatewayId) || He.current;
+    if (!p || !c.walletAddress) {
+      const M = [!p && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
       U({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
       return;
     }
     try {
       await Be({
-        gateway: y,
+        gateway: p,
         customerId: c.customerId || void 0,
         fiatCurrency: c.fiatCurrency,
         ...w ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
@@ -735,18 +750,18 @@ function Da({
       const T = M instanceof Error ? M.message : "Failed to create order";
       /wallet|address/i.test(T) ? U({ type: "SET_WALLET_ERROR", message: T.replace(/^Failed to create checkout intent:\s*/i, "") }) : U({ type: "SET_ERROR", message: T });
     }
-  }, [c, Be, w]), ot = K((y) => {
-    U({ type: "SET_STEP", step: y });
-  }, []), it = K(() => {
-    const y = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], E = y.indexOf(c.step);
-    E > 0 && U({ type: "SET_STEP", step: y[E - 1] });
-  }, [c.step, w]), Ze = G(() => {
-    const y = w ? !!c.cryptoAmount : !!c.fiatAmount;
+  }, [c, Be, w]), ot = P((p) => {
+    U({ type: "SET_STEP", step: p });
+  }, []), it = P(() => {
+    const p = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = p.indexOf(c.step);
+    A > 0 && U({ type: "SET_STEP", step: p[A - 1] });
+  }, [c.step, w]), Ze = j(() => {
+    const p = w ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
-        return !!(y && c.cryptoCurrency && c.network && c.walletAddress && !Q);
+        return !!(p && c.cryptoCurrency && c.network && c.walletAddress && !Q);
       case "amount":
-        return !!(y && c.cryptoCurrency && c.network && !Q);
+        return !!(p && c.cryptoCurrency && c.network && !Q);
       case "quotes":
         return !!c.selectedQuote;
       case "wallet":
@@ -755,37 +770,37 @@ function Da({
         return !1;
     }
   }, [c, Q, w]), me = {
-    apiConfig: $,
+    apiConfig: G,
     assetBaseUrl: n,
     config: b,
     configLoading: J,
-    configError: ve,
+    configError: be,
     state: c,
     dispatch: U,
-    quotes: O,
-    quotesLoading: Ae,
-    quotesError: ie,
-    fetchQuotes: $e,
-    order: H,
-    orderLoading: Ie,
-    orderError: ke,
-    createOrder: He,
-    orderStatus: le,
-    orderStatusLoading: Xe,
+    quotes: B,
+    quotesLoading: Re,
+    quotesError: le,
+    fetchQuotes: We,
+    order: ce,
+    orderLoading: $,
+    orderError: Ne,
+    createOrder: Pe,
+    orderStatus: re,
+    orderStatusLoading: rt,
     fieldLocks: C || null,
-    defaultGateway: Se,
+    defaultGateway: ye,
     availableFiats: ae,
-    availableCryptos: B,
-    availablePaymentMethods: se,
+    availableCryptos: O,
+    availablePaymentMethods: de,
     selectionUnsupported: Me,
-    quotesEmpty: Re,
-    unavailableReasons: rt,
+    quotesEmpty: ke,
+    bestUnavailableReason: Oe,
     amountError: Q,
     goToStep: ot,
     goBack: it,
     canProceed: Ze
   };
-  return /* @__PURE__ */ e(zt.Provider, { value: me, children: oe });
+  return /* @__PURE__ */ e(zt.Provider, { value: me, children: ie });
 }
 function Fe() {
   const t = va(zt);
@@ -793,7 +808,7 @@ function Fe() {
     throw new Error("useRamp must be used within a RampProvider");
   return t;
 }
-const _e = {
+const Ve = {
   // 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" },
@@ -1148,9 +1163,9 @@ const _e = {
   { 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 }
-], Ma = Object.fromEntries(
+], Ba = Object.fromEntries(
   Jt.map((t) => [t.code, t.name])
-), Ia = {
+), Oa = {
   AED: "ae",
   ALL: "al",
   ARS: "ar",
@@ -1188,12 +1203,12 @@ const _e = {
 function qt(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function Ba(t, a = "") {
-  const n = Ia[t] || "us";
+function Ha(t, a = "") {
+  const n = Oa[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
 function tt(t) {
-  return _e[t] || _e[t.toLowerCase()] || _e[t.toUpperCase()] || _e[t.toUpperCase().replace(/-/g, "_")] || _e[t.toLowerCase().replace(/-/g, "_")];
+  return Ve[t] || Ve[t.toLowerCase()] || Ve[t.toUpperCase()] || Ve[t.toUpperCase().replace(/-/g, "_")] || Ve[t.toLowerCase().replace(/-/g, "_")];
 }
 function ft(t, a = "") {
   const n = tt(t);
@@ -1228,7 +1243,7 @@ const _t = [
   XRP: { USD: 0.4081, EUR: 0.4432, GBP: 0.5153, JPY: 273e-5, CAD: 0.2948, AUD: 0.2614, BRL: 0.0707, CHF: 0.463, MXN: 0.01992, INR: 486e-5, ARS: 35e-5, ALL: 433e-5 },
   DOGE: { USD: 3.896, EUR: 4.232, GBP: 4.92, JPY: 0.02607, CAD: 2.815, AUD: 2.496, BRL: 0.675, CHF: 4.421, MXN: 0.1902, INR: 0.04641, ARS: 3345e-6, ALL: 0.04134 },
   ADA: { USD: 1.333, EUR: 1.448, GBP: 1.683, JPY: 892e-5, CAD: 0.963, AUD: 0.854, BRL: 0.2309, CHF: 1.512, MXN: 0.0651, INR: 0.01588, ARS: 1145e-6, ALL: 0.01414 }
-}, Oa = /* @__PURE__ */ new Set([
+}, Pa = /* @__PURE__ */ new Set([
   "USDC",
   "USDT",
   "DAI",
@@ -1256,13 +1271,13 @@ const _t = [
   "ZCHF"
 ]);
 function ea(t) {
-  return Oa.has(t.toUpperCase());
+  return Pa.has(t.toUpperCase());
 }
-function kn(t, a) {
+function Ln(t, a) {
   var n, r;
   return ((n = jt[t]) == null ? void 0 : n[a]) ?? ((r = jt.USDC) == null ? void 0 : r[a]) ?? 1;
 }
-function Ha(t) {
+function Ka(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
 function ht(t) {
@@ -1273,7 +1288,7 @@ function ht(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const he = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Gt = 10, $t = 1e-4, Pa = (() => {
+const he = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), Gt = 10, $t = 1e-4, _a = (() => {
   const t = [];
   for (const a of Jt)
     for (const n of a.chains)
@@ -1289,7 +1304,7 @@ function ta({
 }) {
   const [d, u] = N(!1), [i, s] = N(!1), m = I(t);
   m.current !== t && (m.current = t, u(!1), s(!1));
-  const h = K(() => u(!0), []), f = K(() => s(!0), []);
+  const h = P(() => u(!0), []), f = P(() => s(!0), []);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1346,7 +1361,7 @@ function pt({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
     ta,
     {
-      src: Ba(t, n),
+      src: Ha(t, n),
       alt: t,
       size: a
     }
@@ -1358,7 +1373,7 @@ function gt({ size: t = 32, color: a = "#888" }) {
     /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "8", stroke: "white", strokeWidth: "1.5", fill: "none" })
   ] });
 }
-function Ka({ size: t = 24 }) {
+function Va({ size: t = 24 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1375,7 +1390,7 @@ function Ka({ size: t = 24 }) {
     }
   );
 }
-function _a({ size: t = 32 }) {
+function ja({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1385,7 +1400,7 @@ function _a({ size: t = 32 }) {
     }
   );
 }
-function Va({ size: t = 32 }) {
+function Ga({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1401,7 +1416,7 @@ function Va({ size: t = 32 }) {
     }
   );
 }
-function ja({ size: t = 32 }) {
+function $a({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1416,7 +1431,7 @@ function ja({ size: t = 32 }) {
     }
   );
 }
-function Ga({ size: t = 32 }) {
+function Wa({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1426,7 +1441,7 @@ function Ga({ size: t = 32 }) {
     }
   );
 }
-function $a({ size: t = 32 }) {
+function Xa({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1442,7 +1457,7 @@ function $a({ size: t = 32 }) {
     }
   );
 }
-function Wa({ size: t = 32 }) {
+function Ya({ size: t = 32 }) {
   const a = t * 0.8;
   return /* @__PURE__ */ e(
     "div",
@@ -1457,7 +1472,7 @@ function Wa({ size: t = 32 }) {
     }
   );
 }
-function Xa({ size: t = 32 }) {
+function Za({ size: t = 32 }) {
   const a = t * 0.56, n = a * 0.65, r = Math.max(2, a * 0.1), o = a * 0.2;
   return /* @__PURE__ */ l("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
     /* @__PURE__ */ e(
@@ -1508,7 +1523,7 @@ function Xa({ size: t = 32 }) {
     )
   ] });
 }
-function Tn({ size: t = 18 }) {
+function Un({ size: t = 18 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1518,13 +1533,13 @@ function Tn({ size: t = 18 }) {
     }
   );
 }
-function je() {
+function Ge() {
   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 Xt() {
   return /* @__PURE__ */ e("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7L1 13", stroke: "var(--t-icon-stroke)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function Ya({ onClick: t }) {
+function Qa({ onClick: t }) {
   return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
     "path",
     {
@@ -1533,7 +1548,7 @@ function Ya({ onClick: t }) {
     }
   ) }) });
 }
-function Za({ size: t = 40 }) {
+function za({ size: t = 40 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1546,29 +1561,29 @@ function Za({ size: t = 40 }) {
     }
   );
 }
-function Qa(t, a = 32) {
+function Ja(t, a = 32) {
   switch (t) {
     case "revolut":
-      return /* @__PURE__ */ e(_a, { size: a });
+      return /* @__PURE__ */ e(ja, { size: a });
     case "applepay":
-      return /* @__PURE__ */ e(Va, { size: a });
+      return /* @__PURE__ */ e(Ga, { size: a });
     case "card":
-      return /* @__PURE__ */ e(Xa, { size: a });
+      return /* @__PURE__ */ e(Za, { size: a });
     case "googlepay":
-      return /* @__PURE__ */ e(ja, { size: a });
+      return /* @__PURE__ */ e($a, { size: a });
     case "paypal":
-      return /* @__PURE__ */ e(Ga, { size: a });
+      return /* @__PURE__ */ e(Wa, { size: a });
     case "bank":
-      return /* @__PURE__ */ e(Ka, { size: a });
+      return /* @__PURE__ */ e(Va, { size: a });
     case "visa":
-      return /* @__PURE__ */ e($a, { size: a });
+      return /* @__PURE__ */ e(Xa, { size: a });
     case "mastercard":
-      return /* @__PURE__ */ e(Wa, { size: a });
+      return /* @__PURE__ */ e(Ya, { size: a });
     default:
       return /* @__PURE__ */ e(gt, { size: a });
   }
 }
-const za = {
+const qa = {
   "debit-credit-card": "card",
   "bank-transfer": "bank",
   "ach-bank-transfer": "bank",
@@ -1579,7 +1594,7 @@ const za = {
   "google-pay": "googlepay",
   paypal: "paypal",
   revolut: "revolut"
-}, Ja = {
+}, en = {
   "debit-credit-card": "Card",
   "bank-transfer": "Bank Transfer",
   "ach-bank-transfer": "ACH",
@@ -1590,19 +1605,19 @@ const za = {
   revolut: "Revolut"
 };
 function aa(t, a) {
-  return Ja[t] || a;
+  return en[t] || a;
 }
 function na(t, a, n = 24) {
-  const r = za[t];
-  return r ? Qa(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(gt, { size: n });
+  const r = qa[t];
+  return r ? Ja(r, n) : a ? /* @__PURE__ */ e("img", { src: a, alt: "", width: n, height: n, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(gt, { size: n });
 }
-function qa({
+function tn({
   methods: t,
   selectedId: a,
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const o = G(
+  const o = j(
     () => t.filter((u) => u.supportedFiats.includes(r)),
     [t, r]
   ), d = o.find((u) => u.id === a) || o[0];
@@ -1642,18 +1657,18 @@ function qa({
         /* @__PURE__ */ l("span", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: d && na(d.id, d.icon, 20) }),
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d ? aa(d.id, d.name) : "Select" }),
-          /* @__PURE__ */ e(je, {})
+          /* @__PURE__ */ e(Ge, {})
         ] })
       ]
     }
   ) });
 }
-function en({
+function an({
   className: t = "",
   autoRedirect: a = !1,
   redirectDelay: n = 3e3
 }) {
-  var p;
+  var y;
   const { order: r, orderStatus: o, goToStep: d, goBack: u } = Fe(), [i, s] = N(!1), [m, h] = N(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
   if (Z(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
@@ -1661,7 +1676,7 @@ function en({
       const x = setTimeout(() => {
         window.location.href = r.checkout.url;
       }, n), C = setInterval(() => {
-        h((A) => A && A > 1 ? A - 1 : null);
+        h((E) => E && E > 1 ? E - 1 : null);
       }, 1e3);
       return () => {
         clearTimeout(x), clearInterval(C);
@@ -1723,7 +1738,7 @@ function en({
       }
     );
   if (r.checkout.method === "iframe") {
-    const x = r.checkout.url, C = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const x = r.checkout.url, C = ((y = r.checkout.allowedFeatures) == null ? void 0 : y.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return Pt(
       /* @__PURE__ */ l(
         "div",
@@ -1871,7 +1886,7 @@ function en({
       }
     );
   if (r.checkout.method === "widget" && r.widgetConfig) {
-    const x = tn(r.checkout.url, r.widgetConfig);
+    const x = nn(r.checkout.url, r.widgetConfig);
     return Pt(
       /* @__PURE__ */ l(
         "div",
@@ -1989,13 +2004,13 @@ function en({
     }
   );
 }
-function tn(t, a) {
+function nn(t, a) {
   const n = new URL("/en/partner/widget", t);
   for (const [r, o] of Object.entries(a))
     o != null && o !== "" && n.searchParams.set(r, String(o));
   return n.toString();
 }
-function an({ className: t = "" }) {
+function rn({ className: t = "" }) {
   const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Fe();
   Z(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
@@ -2068,7 +2083,7 @@ function Ue({ label: t, value: a, mono: n }) {
     }
   );
 }
-function nn({
+function on({
   className: t = "",
   explorerUrl: a,
   onDone: n,
@@ -2107,7 +2122,7 @@ function nn({
     /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: i ? `Your ${(o == null ? void 0 : o.fiatCurrency) || d.fiatCurrency} payout is being processed.` : `Your ${(o == null ? void 0 : o.cryptoCurrency) || d.cryptoCurrency} has been sent to your wallet.` }),
     o && /* @__PURE__ */ l("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
       /* @__PURE__ */ e(
-        ge,
+        xe,
         {
           label: i ? "Amount Sold" : "Amount Received",
           value: `${o.cryptoAmount} ${o.cryptoCurrency}`,
@@ -2115,15 +2130,15 @@ function nn({
         }
       ),
       /* @__PURE__ */ e(
-        ge,
+        xe,
         {
           label: i ? "Payout Amount" : "Amount Paid",
           value: `${o.fiatAmount} ${o.fiatCurrency}`
         }
       ),
-      /* @__PURE__ */ e(ge, { label: "Network", value: o.network }),
+      /* @__PURE__ */ e(xe, { label: "Network", value: o.network }),
       /* @__PURE__ */ e(
-        ge,
+        xe,
         {
           label: "Wallet",
           value: `${o.walletAddress.slice(0, 10)}...${o.walletAddress.slice(-8)}`,
@@ -2131,17 +2146,17 @@ function nn({
         }
       ),
       o.transactionHash && /* @__PURE__ */ e(
-        ge,
+        xe,
         {
           label: "Transaction",
           value: `${o.transactionHash.slice(0, 10)}...${o.transactionHash.slice(-8)}`,
           mono: !0
         }
       ),
-      /* @__PURE__ */ e(ge, { label: "Provider", value: o.gateway }),
-      /* @__PURE__ */ e(ge, { label: "Order ID", value: o.orderId, mono: !0 }),
+      /* @__PURE__ */ e(xe, { label: "Provider", value: o.gateway }),
+      /* @__PURE__ */ e(xe, { label: "Order ID", value: o.orderId, mono: !0 }),
       o.completedAt && /* @__PURE__ */ e(
-        ge,
+        xe,
         {
           label: "Completed",
           value: new Date(o.completedAt).toLocaleString()
@@ -2172,7 +2187,7 @@ function nn({
     ] })
   ] });
 }
-function ge({ label: t, value: a, mono: n, highlight: r }) {
+function xe({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2192,7 +2207,7 @@ function ge({ label: t, value: a, mono: n, highlight: r }) {
     }
   );
 }
-function rn({
+function ln({
   className: t = "",
   onRetry: a,
   supportEmail: n = "support@nowramp.com"
@@ -2292,7 +2307,7 @@ function rn({
 function Yt(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
-function on({ className: t = "", stablecoinParity: a, partnerName: n }) {
+function cn({ className: t = "", stablecoinParity: a, partnerName: n }) {
   var te;
   const {
     config: r,
@@ -2303,13 +2318,13 @@ function on({ className: t = "", stablecoinParity: a, partnerName: n }) {
     fetchQuotes: s,
     createOrder: m,
     orderLoading: h
-  } = Fe(), f = d.flowType === "sell", [p, x] = N(null), C = r == null ? void 0 : r.gateways.find((X) => X.id === u), A = (te = i == null ? void 0 : i.bestQuote) != null && te.exchangeRate ? parseFloat(i.bestQuote.exchangeRate) : null, k = parseFloat(d.fiatAmount) || 0, V = !!(a && n && !f && ea(d.cryptoCurrency) && A), oe = V && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), $ = V && k > 0 ? ht(oe ? k : k / A) : null, z = async () => {
+  } = Fe(), f = d.flowType === "sell", [y, x] = N(null), C = r == null ? void 0 : r.gateways.find((X) => X.id === u), E = (te = i == null ? void 0 : i.bestQuote) != null && te.exchangeRate ? parseFloat(i.bestQuote.exchangeRate) : null, k = parseFloat(d.fiatAmount) || 0, _ = !!(a && n && !f && ea(d.cryptoCurrency) && E), ie = _ && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), G = _ && k > 0 ? ht(ie ? k : k / E) : null, z = async () => {
     x(null);
     try {
       s(), await m();
     } catch (X) {
-      const xe = X instanceof Error ? X.message : "Failed to create order";
-      x(xe);
+      const ve = X instanceof Error ? X.message : "Failed to create order";
+      x(ve);
     }
   };
   return o ? /* @__PURE__ */ l("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
@@ -2326,21 +2341,21 @@ function on({ className: t = "", stablecoinParity: a, partnerName: n }) {
         ] })
       ] }),
       f ? /* @__PURE__ */ l(ee, { children: [
-        /* @__PURE__ */ e(Ee, { label: "You sell", value: `${d.cryptoAmount} ${d.cryptoCurrency}`, highlight: !0 }),
-        /* @__PURE__ */ e(Ee, { label: "You receive", value: `${d.fiatCurrency} payout` })
+        /* @__PURE__ */ e(Ae, { label: "You sell", value: `${d.cryptoAmount} ${d.cryptoCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ae, { label: "You receive", value: `${d.fiatCurrency} payout` })
       ] }) : /* @__PURE__ */ l(ee, { children: [
-        /* @__PURE__ */ e(Ee, { label: "You pay", value: `${d.fiatAmount} ${d.fiatCurrency}`, highlight: !0 }),
+        /* @__PURE__ */ e(Ae, { label: "You pay", value: `${d.fiatAmount} ${d.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
-          Ee,
+          Ae,
           {
             label: "You receive",
-            value: $ ? `${$} ${d.cryptoCurrency}` : `${d.cryptoCurrency} on ${d.network}`
+            value: G ? `${G} ${d.cryptoCurrency}` : `${d.cryptoCurrency} on ${d.network}`
           }
         ),
-        /* @__PURE__ */ e(Ee, { label: "Wallet", value: Yt(d.walletAddress), mono: !0 }),
-        V && $ && /* @__PURE__ */ l("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
+        /* @__PURE__ */ e(Ae, { label: "Wallet", value: Yt(d.walletAddress), mono: !0 }),
+        _ && G && /* @__PURE__ */ l("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: [
           "Charged amount from provider may differ. The rest up to ",
-          $,
+          G,
           " ",
           d.cryptoCurrency,
           " will be credited to your ",
@@ -2348,10 +2363,10 @@ function on({ className: t = "", stablecoinParity: a, partnerName: n }) {
           " account."
         ] })
       ] }),
-      /* @__PURE__ */ e(Ee, { label: "Network", value: d.network }),
-      f && d.walletAddress && /* @__PURE__ */ e(Ee, { label: "Refund address", value: Yt(d.walletAddress), mono: !0 })
+      /* @__PURE__ */ e(Ae, { label: "Network", value: d.network }),
+      f && d.walletAddress && /* @__PURE__ */ e(Ae, { label: "Refund address", value: Yt(d.walletAddress), mono: !0 })
     ] }),
-    p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
+    y && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: y }),
     /* @__PURE__ */ e(
       "button",
       {
@@ -2367,7 +2382,7 @@ function on({ className: t = "", stablecoinParity: a, partnerName: n }) {
     )
   ] });
 }
-function Ee({ label: t, value: a, mono: n, highlight: r }) {
+function Ae({ label: t, value: a, mono: n, highlight: r }) {
   return /* @__PURE__ */ l("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
     /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: t }),
     /* @__PURE__ */ e(
@@ -2380,7 +2395,7 @@ function Ee({ label: t, value: a, mono: n, highlight: r }) {
     )
   ] });
 }
-function Ve({
+function je({
   isOpen: t,
   onClose: a,
   children: n
@@ -2395,7 +2410,7 @@ function Ve({
       return () => clearTimeout(s);
     }
   }, [t]);
-  const i = K(() => {
+  const i = P(() => {
     u(!1), setTimeout(() => a(), 250);
   }, [a]);
   return Z(() => {
@@ -2420,51 +2435,51 @@ function Ve({
     }
   ) : null;
 }
-function ln({ char: t, height: a = 38 }) {
+function sn({ char: t, height: a = 38 }) {
   const n = "0123456789", r = n.indexOf(t);
   return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: a, lineHeight: `${a}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * a}px)` }, children: n.split("").map((o) => /* @__PURE__ */ e("span", { className: "block", style: { height: a, lineHeight: `${a}px` }, children: o }, o)) }) });
 }
-function cn({
+function dn({
   value: t,
   height: a = 38,
   className: n = "",
   style: r = {}
 }) {
-  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((o, d) => /* @__PURE__ */ e(ln, { char: o, height: a }, d)) });
+  return /* @__PURE__ */ e("span", { className: n, style: { display: "inline-flex", ...r }, children: t.split("").map((o, d) => /* @__PURE__ */ e(sn, { char: o, height: a }, d)) });
 }
-function j({
+function V({
   w: t,
   h: a,
   className: n = ""
 }) {
   return /* @__PURE__ */ e("div", { className: `skeleton ${n}`, style: { width: t, height: a } });
 }
-function sn() {
+function un() {
   return /* @__PURE__ */ l("div", { className: "flex-1 px-5 flex flex-col", children: [
     /* @__PURE__ */ l("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
-      /* @__PURE__ */ e(j, { w: 70, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 70, h: 14, className: "mb-3" }),
       /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(j, { w: 120, h: 32 }),
-        /* @__PURE__ */ e(j, { w: 75, h: 32 })
+        /* @__PURE__ */ e(V, { w: 120, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 75, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ l("div", { className: "px-[18px] pt-[12px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5, marginTop: 4 }, children: [
-      /* @__PURE__ */ e(j, { w: 50, h: 14, className: "mb-3" }),
+      /* @__PURE__ */ e(V, { w: 50, h: 14, className: "mb-3" }),
       /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ e(j, { w: 180, h: 32 }),
-        /* @__PURE__ */ e(j, { w: 85, h: 32 })
+        /* @__PURE__ */ e(V, { w: 180, h: 32 }),
+        /* @__PURE__ */ e(V, { w: 85, h: 32 })
       ] })
     ] }),
     /* @__PURE__ */ l("div", { className: "flex justify-between mt-3 px-[2px]", children: [
-      /* @__PURE__ */ e(j, { w: 140, h: 12 }),
-      /* @__PURE__ */ e(j, { w: 90, h: 12 })
+      /* @__PURE__ */ e(V, { w: 140, h: 12 }),
+      /* @__PURE__ */ e(V, { w: 90, h: 12 })
     ] }),
     /* @__PURE__ */ l("div", { className: "mt-8", children: [
-      /* @__PURE__ */ e(j, { w: 65, h: 14, className: "mb-2.5" }),
-      /* @__PURE__ */ e(j, { 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(j, { 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" }) })
   ] });
 }
@@ -2481,7 +2496,7 @@ function De({ onClick: t }) {
     }
   );
 }
-function Ge({
+function $e({
   value: t,
   onChange: a,
   placeholder: n = ""
@@ -2512,27 +2527,27 @@ function Ge({
     )
   ] });
 }
-function dn({
+function mn({
   onClose: t,
   onSelect: a,
   currencies: n,
   assetBaseUrl: r = "",
   selectedCode: o
 }) {
-  const [d, u] = N(""), i = G(() => {
+  const [d, u] = N(""), i = j(() => {
     if (!n || n.length === 0) return _t;
     const m = new Map(_t.map((h) => [h.code, h.name]));
     return n.map((h) => ({
       code: h.code,
       name: h.name || m.get(h.code) || h.code
     }));
-  }, [n]), s = G(() => {
+  }, [n]), s = j(() => {
     const m = d.trim().toLowerCase();
     if (!m) {
       if (o) {
         const h = i.find((f) => f.code === o);
         if (h) {
-          const f = i.filter((p) => p.code !== o);
+          const f = i.filter((y) => y.code !== o);
           return [h, ...f];
         }
       }
@@ -2558,10 +2573,10 @@ function dn({
         children: "Select fiat currency"
       }
     ),
-    /* @__PURE__ */ e(Ge, { value: d, onChange: u }),
+    /* @__PURE__ */ e($e, { value: d, onChange: u }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       s.map((m, h) => {
-        const f = m.name !== m.code ? m.name : "", p = o === m.code;
+        const f = m.name !== m.code ? m.name : "", y = o === m.code;
         return /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ l(
             "button",
@@ -2575,7 +2590,7 @@ function dn({
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: m.code }),
                   f && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: f })
                 ] }),
-                p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
+                y && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
                   {
                     d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2603,7 +2618,7 @@ function dn({
 function Zt({ src: t, alt: a, size: n, className: r, style: o }) {
   const [d, u] = N(!1), [i, s] = N(!1), m = I(t);
   m.current !== t && (m.current = t, u(!1), s(!1));
-  const h = K(() => u(!0), []), f = K(() => s(!0), []);
+  const h = P(() => u(!0), []), f = P(() => s(!0), []);
   return /* @__PURE__ */ l("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
     !d && !i && /* @__PURE__ */ e(
       "div",
@@ -2634,48 +2649,48 @@ function Zt({ src: t, alt: a, size: n, className: r, style: o }) {
     )
   ] });
 }
-function un({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: d }) {
-  const [u, i] = N(""), s = G(() => {
-    if (!n || n.length === 0) return Pa;
+function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: d }) {
+  const [u, i] = N(""), s = j(() => {
+    if (!n || n.length === 0) return _a;
     const f = [];
-    for (const p of n) {
-      const x = p.networks || [], C = p.name || Ma[p.code] || p.code;
+    for (const y of n) {
+      const x = y.networks || [], C = y.name || Ba[y.code] || y.code;
       if (x.length === 0)
-        f.push({ code: p.code, name: C, chain: p.code, popular: !1 });
+        f.push({ code: y.code, name: C, chain: y.code, popular: !1 });
       else
-        for (const A of x) {
-          const k = A.code || A.id || A.name || p.code;
+        for (const E of x) {
+          const k = E.code || E.id || E.name || y.code;
           f.push({
-            code: p.code,
+            code: y.code,
             name: C,
             chain: k,
-            chainName: A.name,
+            chainName: E.name,
             popular: !1
           });
         }
     }
     return f;
-  }, [n]), m = K((f, p) => o === f && d === p, [o, d]), h = G(() => {
+  }, [n]), m = P((f, y) => o === f && d === y, [o, d]), h = j(() => {
     var C;
     const f = u.trim().toLowerCase();
     if (!f) {
       if (o && d) {
-        const A = s.find((k) => k.code === o && k.chain === d);
-        if (A) {
-          const k = s.filter((V) => !(V.code === o && V.chain === d));
-          return [A, ...k];
+        const E = s.find((k) => k.code === o && k.chain === d);
+        if (E) {
+          const k = s.filter((_) => !(_.code === o && _.chain === d));
+          return [E, ...k];
         }
       }
       return s;
     }
-    const p = f.split(/\s+/), x = [];
-    for (const A of s) {
-      const k = tt(A.chain), V = k ? k.name.toLowerCase() : "", oe = ((C = k == null ? void 0 : k.shortName) == null ? void 0 : C.toLowerCase()) || "", $ = A.chain.toLowerCase(), z = A.code.toLowerCase(), te = A.name.toLowerCase(), X = [z, te, V, oe, $];
-      if (!p.every((L) => X.some((c) => c.includes(L)))) continue;
+    const y = f.split(/\s+/), x = [];
+    for (const E of s) {
+      const k = tt(E.chain), _ = k ? k.name.toLowerCase() : "", ie = ((C = k == null ? void 0 : k.shortName) == null ? void 0 : C.toLowerCase()) || "", G = E.chain.toLowerCase(), z = E.code.toLowerCase(), te = E.name.toLowerCase(), X = [z, te, _, ie, G];
+      if (!y.every((L) => X.some((c) => c.includes(L)))) continue;
       let v = 0;
-      z === f ? v += 100 : z.startsWith(p[0]) && (v += 50), A.popular && (v += 10), p.length > 1 && (V.includes(p[1]) || oe.includes(p[1]) || $.includes(p[1])) && (v += 25), x.push({ item: A, score: v });
+      z === f ? v += 100 : z.startsWith(y[0]) && (v += 50), E.popular && (v += 10), y.length > 1 && (_.includes(y[1]) || ie.includes(y[1]) || G.includes(y[1])) && (v += 25), x.push({ item: E, score: v });
     }
-    return x.sort((A, k) => k.score - A.score), x.map((A) => A.item);
+    return x.sort((E, k) => k.score - E.score), x.map((E) => E.item);
   }, [s, u, o, d]);
   return /* @__PURE__ */ l(ee, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(De, { onClick: t }) }),
@@ -2687,10 +2702,10 @@ function un({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         children: "Select crypto currency"
       }
     ),
-    /* @__PURE__ */ e(Ge, { value: u, onChange: i }),
+    /* @__PURE__ */ e($e, { value: u, onChange: i }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      h.map((f, p) => {
-        const x = tt(f.chain), C = (x == null ? void 0 : x.name) || f.chainName || f.chain, A = f.name !== f.code ? f.name : "", k = m(f.code, f.chain);
+      h.map((f, y) => {
+        const x = tt(f.chain), C = (x == null ? void 0 : x.name) || f.chainName || f.chain, E = f.name !== f.code ? f.name : "", k = m(f.code, f.chain);
         return /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ l(
             "button",
@@ -2746,12 +2761,12 @@ function un({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
                       children: f.code
                     }
                   ),
-                  A && /* @__PURE__ */ e(
+                  E && /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-[13px]",
                       style: { color: "var(--t-text-secondary)" },
-                      children: A
+                      children: E
                     }
                   )
                 ] }) }),
@@ -2771,20 +2786,20 @@ function un({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
               ]
             }
           ),
-          p < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+          y < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
         ] }, `${f.code}-${f.chain}`);
       }),
       h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
     ] })
   ] });
 }
-function mn({
+function hn({
   methods: t,
   selectedId: a,
   onSelect: n,
   onClose: r
 }) {
-  const [o, d] = N(""), u = G(() => {
+  const [o, d] = N(""), u = j(() => {
     const i = o.trim().toLowerCase();
     if (!i) {
       if (a) {
@@ -2810,7 +2825,7 @@ function mn({
         children: "Choose payment method"
       }
     ),
-    /* @__PURE__ */ e(Ge, { value: o, onChange: d }),
+    /* @__PURE__ */ e($e, { value: o, onChange: d }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       u.map((i, s) => {
         const m = i.id === a, h = aa(i.id, i.name);
@@ -2868,7 +2883,7 @@ function mn({
     ] })
   ] });
 }
-function fn({
+function pn({
   checked: t,
   onChange: a,
   accentColor: n = "var(--t-accent)"
@@ -2898,11 +2913,11 @@ function fn({
     }
   );
 }
-const hn = [
+const yn = [
   { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
   { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
 ];
-function pn({
+function Cn({
   onClose: t,
   darkMode: a,
   onToggleDarkMode: n,
@@ -2937,7 +2952,7 @@ function pn({
                     style: { width: 40, height: 40, borderRadius: "50%", objectFit: "cover" },
                     onError: () => f(!0)
                   }
-                ) : /* @__PURE__ */ e(yn, { size: 40 }),
+                ) : /* @__PURE__ */ e(gn, { size: 40 }),
                 /* @__PURE__ */ l("div", { className: "text-left", children: [
                   /* @__PURE__ */ e(
                     "span",
@@ -2966,7 +2981,7 @@ function pn({
       d && /* @__PURE__ */ l(ee, { children: [
         /* @__PURE__ */ e("div", { style: { borderTop: s ? "none" : "1px solid var(--t-divider)" }, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between w-full py-5", children: [
           /* @__PURE__ */ l("div", { className: "flex items-center gap-3.5", children: [
-            /* @__PURE__ */ e(Za, { size: 40 }),
+            /* @__PURE__ */ e(za, { size: 40 }),
             /* @__PURE__ */ e(
               "span",
               {
@@ -2976,15 +2991,15 @@ function pn({
               }
             )
           ] }),
-          /* @__PURE__ */ e(fn, { checked: a, onChange: n, accentColor: "#4CD964" })
+          /* @__PURE__ */ e(pn, { checked: a, onChange: n, accentColor: "#4CD964" })
         ] }) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      hn.map((p) => /* @__PURE__ */ l("div", { children: [
+      yn.map((y) => /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ l(
           "a",
           {
-            href: p.href,
+            href: y.href,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "flex items-center justify-between w-full py-5 transition-colors",
@@ -2995,7 +3010,7 @@ function pn({
                 {
                   className: "font-medium text-[15px]",
                   style: { color: "var(--t-text)" },
-                  children: p.label
+                  children: y.label
                 }
               ),
               /* @__PURE__ */ e(Xt, {})
@@ -3003,11 +3018,11 @@ function pn({
           }
         ),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
-      ] }, p.label))
+      ] }, y.label))
     ] })
   ] });
 }
-function yn({ size: t = 40 }) {
+function gn({ size: t = 40 }) {
   return /* @__PURE__ */ l("svg", { width: t, height: t, viewBox: "0 0 40 40", fill: "none", children: [
     /* @__PURE__ */ e("circle", { cx: "20", cy: "20", r: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ e("ellipse", { cx: "20", cy: "20", rx: "9", ry: "18", stroke: "var(--t-text-secondary)", strokeWidth: "1.5", fill: "none" }),
@@ -3015,13 +3030,13 @@ function yn({ size: t = 40 }) {
     /* @__PURE__ */ e("path", { d: "M5 12h30M5 28h30", stroke: "var(--t-text-secondary)", strokeWidth: "1.2" })
   ] });
 }
-function Cn({
+function xn({
   onClose: t,
   onSelect: a,
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const [o, d] = N(""), u = G(() => {
+  const [o, d] = N(""), u = j(() => {
     const i = o.trim().toLowerCase();
     if (!i) {
       if (r) {
@@ -3053,7 +3068,7 @@ function Cn({
         children: "Select your country"
       }
     ),
-    /* @__PURE__ */ e(Ge, { value: o, onChange: d }),
+    /* @__PURE__ */ e($e, { value: o, onChange: d }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       u.map((i, s) => {
         const m = (r == null ? void 0 : r.toLowerCase()) === i.code;
@@ -3065,7 +3080,7 @@ function Cn({
               className: "flex items-center w-full transition-colors rounded-lg hover-item",
               style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
               children: [
-                /* @__PURE__ */ e(gn, { code: i.code, size: 32, baseUrl: n }),
+                /* @__PURE__ */ e(vn, { code: i.code, size: 32, baseUrl: n }),
                 /* @__PURE__ */ l("div", { className: "text-left flex-1", children: [
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: i.name }),
                   /* @__PURE__ */ e("span", { className: "text-[13px] ml-2", style: { color: "var(--t-text-secondary)" }, children: i.defaultFiat })
@@ -3095,7 +3110,7 @@ function Cn({
     ] })
   ] });
 }
-function gn({ code: t, size: a = 32, baseUrl: n = "" }) {
+function vn({ code: t, size: a = 32, baseUrl: n = "" }) {
   const [r, o] = N(!1);
   return r ? /* @__PURE__ */ e(
     "div",
@@ -3125,7 +3140,7 @@ function gn({ code: t, size: a = 32, baseUrl: n = "" }) {
     }
   );
 }
-function xn({
+function bn({
   className: t = "",
   theme: a = "dark",
   skinId: n = "mono",
@@ -3138,18 +3153,18 @@ function xn({
   inputBgColor: m,
   textColor: h,
   textSecondaryColor: f,
-  textMutedColor: p,
+  textMutedColor: y,
   successColor: x,
   showFlowToggle: C = !0,
-  showSettings: A = !0,
+  showSettings: E = !0,
   showThemeToggle: k = !0,
-  autoRedirect: V = !1,
-  explorerUrl: oe,
-  doneButtonText: $ = "Done",
+  autoRedirect: _ = !1,
+  explorerUrl: ie,
+  doneButtonText: G = "Done",
   supportEmail: z,
   stablecoinParity: te,
   partnerName: X,
-  onDone: xe
+  onDone: ve
 }) {
   var Lt, Ut, Ft, Dt, Mt, It, Bt, Ot, Ht;
   const {
@@ -3160,146 +3175,146 @@ function xn({
     quotes: w,
     quotesLoading: b,
     quotesError: J,
-    fetchQuotes: ve,
-    createOrder: be,
-    orderLoading: ce,
+    fetchQuotes: be,
+    createOrder: Se,
+    orderLoading: se,
     amountError: pe,
     fieldLocks: D,
     apiConfig: ae,
-    assetBaseUrl: B,
-    availableFiats: se,
+    assetBaseUrl: O,
+    availableFiats: de,
     availableCryptos: Me,
     availablePaymentMethods: Q,
     selectionUnsupported: ne,
-    quotesEmpty: O,
-    unavailableReasons: Ae
-  } = Fe(), [ie, $e] = N(a === "dark"), [Re, rt] = N(n), [de, H] = N(null), [Ie, ke] = N(!1), [Be, We] = N(!1), [le, Xe] = N(!1), [Se, Oe] = N(!1), [Ye, ue] = N(null), [He, ot] = N(!0), [it, Ze] = N(!1), [me, y] = N(!1), E = I(null), R = I(), F = I(v.flowType);
+    quotesEmpty: B,
+    bestUnavailableReason: Re
+  } = Fe(), [le, We] = N(a === "dark"), [ke, Ie] = N(n), [ce, $] = N(null), [Ne, Be] = N(!1), [Xe, re] = N(!1), [rt, ye] = N(!1), [Oe, He] = N(!1), [Ye, ue] = N(null), [Pe, ot] = N(!0), [it, Ze] = N(!1), [me, p] = N(!1), A = I(null), R = I(), F = I(v.flowType);
   Z(() => {
-    $e(a === "dark");
+    We(a === "dark");
   }, [a]), Z(() => {
     const g = setTimeout(() => ot(!1), U ? 0 : 800);
     return () => clearTimeout(g);
   }, [U]), Z(() => {
-    if (F.current !== v.flowType && !He) {
-      F.current = v.flowType, Ze(!0), ke(!1), We(!1);
+    if (F.current !== v.flowType && !Pe) {
+      F.current = v.flowType, Ze(!0), Be(!1), re(!1);
       const g = setTimeout(() => Ze(!1), 350);
       return () => clearTimeout(g);
     }
     F.current = v.flowType;
-  }, [v.flowType, He]);
-  const M = v.flowType, T = M === "buy", P = v.cryptoCurrency || "BTC", Y = v.fiatCurrency || "USD", lt = T ? v.fiatAmount : v.cryptoAmount, q = Ha(lt), ye = (Lt = w == null ? void 0 : w.bestQuote) != null && Lt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Pe = I(null);
-  ye && P && Y && (Pe.current = { rate: ye, crypto: P, fiat: Y }), Z(() => {
-    (O || J) && (Pe.current = null);
-  }, [O, J]);
-  const xt = G(() => {
+  }, [v.flowType, Pe]);
+  const M = v.flowType, T = M === "buy", H = v.cryptoCurrency || "BTC", Y = v.fiatCurrency || "USD", lt = T ? v.fiatAmount : v.cryptoAmount, q = Ka(lt), Ce = (Lt = w == null ? void 0 : w.bestQuote) != null && Lt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Ke = I(null);
+  Ce && H && Y && (Ke.current = { rate: Ce, crypto: H, fiat: Y }), Z(() => {
+    (B || J) && (Ke.current = null);
+  }, [B, J]);
+  const xt = j(() => {
     if (w != null && w.bestQuote) {
       const g = T ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
       if (g) return g;
     }
     return "0";
-  }, [w, T]), Ke = !!(te && X && T && ea(P) && ye), ra = Ke && P.toUpperCase().includes(Y.toUpperCase()), vt = Ke && q > 0 ? ht(ra ? q : q / ye) : null, oa = Ke && vt ? vt : xt, ia = G(() => {
-    var W, we, Le;
-    const g = ye || ((W = Pe.current) == null ? void 0 : W.rate), S = ye ? P : (we = Pe.current) == null ? void 0 : we.crypto, _ = ye ? Y : (Le = Pe.current) == null ? void 0 : Le.fiat;
-    return !g || !S || !_ ? "" : `1 ${S} ≈ ${g.toFixed(2)} ${_}`;
-  }, [P, Y, ye]);
+  }, [w, T]), _e = !!(te && X && T && ea(H) && Ce), ra = _e && H.toUpperCase().includes(Y.toUpperCase()), vt = _e && q > 0 ? ht(ra ? q : q / Ce) : null, oa = _e && vt ? vt : xt, ia = j(() => {
+    var W, Ee, Le;
+    const g = Ce || ((W = Ke.current) == null ? void 0 : W.rate), S = Ce ? H : (Ee = Ke.current) == null ? void 0 : Ee.crypto, K = Ce ? Y : (Le = Ke.current) == null ? void 0 : Le.fiat;
+    return !g || !S || !K ? "" : `1 ${S} ≈ ${g.toFixed(2)} ${K}`;
+  }, [H, Y, Ce]);
   Z(() => {
     const g = v.walletAddress.trim(), S = v.network;
     if (!g || g.length < 10) {
       ue(null), L({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
-    Oe(!0), ue(null);
-    const _ = new AbortController();
+    He(!0), ue(null);
+    const K = new AbortController();
     return clearTimeout(R.current), R.current = setTimeout(async () => {
-      var W, we, Le;
+      var W, Ee, Le;
       try {
         const dt = await (await fetch(`${ae.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ address: g, ...S ? { network: S } : {} }),
-          signal: _.signal
+          signal: K.signal
         })).json(), ut = ((W = dt.data) == null ? void 0 : W.attributes) || dt.data || dt;
         if (ut.isValid)
           ue(!0), L({ type: "SET_WALLET_ERROR", message: "" });
         else {
           ue(!1);
-          const ga = ((we = ut.errors) == null ? void 0 : we[0]) || ((Le = ut.details) == null ? void 0 : Le.formatMessage) || "Invalid wallet address";
+          const ga = ((Ee = ut.errors) == null ? void 0 : Ee[0]) || ((Le = ut.details) == null ? void 0 : Le.formatMessage) || "Invalid wallet address";
           L({ type: "SET_WALLET_ERROR", message: ga });
         }
       } catch (st) {
         if (st instanceof DOMException && st.name === "AbortError") return;
         ue(null);
       } finally {
-        _.signal.aborted || Oe(!1);
+        K.signal.aborted || He(!1);
       }
     }, 500), () => {
-      clearTimeout(R.current), _.abort();
+      clearTimeout(R.current), K.abort();
     };
   }, [v.walletAddress, v.network, ae.apiUrl]);
-  const bt = !lt || q === 0, St = q > 0 && (T ? q < Gt : q < $t), Nt = !!pe || St || Ie && bt, la = q > 0 && !pe && !St, ct = v.walletAddress.trim().length >= 10 && Ye !== !1 && !Se, Qe = la && ct && !!v.cryptoCurrency && !!v.network, ca = (g) => {
+  const bt = !lt || q === 0, St = q > 0 && (T ? q < Gt : q < $t), Nt = !!pe || St || Ne && bt, la = q > 0 && !pe && !St, ct = v.walletAddress.trim().length >= 10 && Ye !== !1 && !Oe, Qe = la && ct && !!v.cryptoCurrency && !!v.network, ca = (g) => {
     let S = g.target.value.replace(/[^0-9.,]/g, "");
-    const _ = T ? 2 : 6, W = S.indexOf(".");
-    W !== -1 && S.length - W - 1 > _ && (S = S.slice(0, W + _ + 1)), L(T ? { type: "SET_FIAT_AMOUNT", amount: S } : { type: "SET_CRYPTO_AMOUNT", amount: S });
+    const K = T ? 2 : 6, W = S.indexOf(".");
+    W !== -1 && S.length - W - 1 > K && (S = S.slice(0, W + K + 1)), L(T ? { type: "SET_FIAT_AMOUNT", amount: S } : { type: "SET_CRYPTO_AMOUNT", amount: S });
   }, wt = (g) => {
     g !== M && L({ type: "SET_FLOW_TYPE", flowType: g, fieldLocks: D });
-  }, sa = K(
+  }, sa = P(
     (g) => {
       L({ type: "SET_FIAT_CURRENCY", currency: g });
     },
     [L]
-  ), da = K(
+  ), da = P(
     (g, S) => {
       L({ type: "SET_CRYPTO_CURRENCY", currency: g }), L({ type: "SET_CRYPTO_CHAIN", chain: S });
     },
     [L]
-  ), ua = K(
+  ), ua = P(
     (g) => {
       L({ type: "SET_PAYMENT_METHOD", methodId: g });
     },
     [L]
-  ), ma = K(
+  ), ma = P(
     (g) => {
-      L({ type: "SET_COUNTRY", country: g }), H(null);
+      L({ type: "SET_COUNTRY", country: g }), $(null);
     },
     [L]
-  ), fa = K(() => {
-    H(null), setTimeout(() => H("country"), 280);
+  ), fa = P(() => {
+    $(null), setTimeout(() => $("country"), 280);
   }, []), ha = v.country ? (Ut = yt[v.country.toLowerCase()]) == null ? void 0 : Ut.name : void 0, pa = () => {
-    Qe && (y(!0), ve());
+    Qe && (p(!0), be());
   };
   Z(() => {
     var g;
     if (!(!me || b)) {
       if (w != null && w.bestQuote)
-        y(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), be().catch(() => {
+        p(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), Se().catch(() => {
         });
       else if (J)
-        y(!1), L({ type: "SET_ERROR", message: J.message || "No quotes available" });
+        p(!1), L({ type: "SET_ERROR", message: J.message || "No quotes available" });
       else if (w && !w.bestQuote) {
-        y(!1);
-        const S = (g = w.unavailableGateways) == null ? void 0 : g.map((W) => W.reason).filter(Boolean), _ = S != null && S.length ? `No providers available: ${S.join("; ")}` : "No providers available for this currency/network combination";
-        L({ type: "SET_ERROR", message: _ });
+        p(!1);
+        const S = (g = w.unavailableGateways) == null ? void 0 : g.map((W) => W.reason).filter(Boolean), K = S != null && S.length ? `No providers available: ${S.join("; ")}` : "No providers available for this currency/network combination";
+        L({ type: "SET_ERROR", message: K });
       }
     }
-  }, [me, w, b, J, L, be]);
-  const Et = ie ? "theme-dark" : "theme-light", ze = Vt.find((g) => g.id === Re) || Vt[0], ya = ze.accent === null, Ca = r ? he(r) : !1, At = (g) => {
-    const S = g.replace("#", ""), _ = parseInt(S.substring(0, 2), 16), W = parseInt(S.substring(2, 4), 16), we = parseInt(S.substring(4, 6), 16);
-    return (0.299 * _ + 0.587 * W + 0.114 * we) / 255 > 0.5 ? "#000000" : "#ffffff";
+  }, [me, w, b, J, L, Se]);
+  const Et = le ? "theme-dark" : "theme-light", ze = Vt.find((g) => g.id === ke) || Vt[0], ya = ze.accent === null, Ca = r ? he(r) : !1, At = (g) => {
+    const S = g.replace("#", ""), K = parseInt(S.substring(0, 2), 16), W = parseInt(S.substring(2, 4), 16), Ee = parseInt(S.substring(4, 6), 16);
+    return (0.299 * K + 0.587 * W + 0.114 * Ee) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, Rt = Ca ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": At(r) } : ya ? {
-    "--t-accent": ie ? "#ffffff" : "#111111",
-    "--t-cta-bg": ie ? "#ffffff" : "#111111",
-    "--t-cta-text": ie ? "#000000" : "#ffffff"
+    "--t-accent": le ? "#ffffff" : "#111111",
+    "--t-cta-bg": le ? "#ffffff" : "#111111",
+    "--t-cta-text": le ? "#000000" : "#ffffff"
   } : {
     "--t-accent": ze.accent,
     "--t-cta-bg": ze.accent,
     "--t-cta-text": At(ze.accent)
-  }, re = {};
-  s && he(s) && (re["--t-surface"] = s, re["--t-modal-bg"] = s), m && he(m) && (re["--t-pill-bg"] = m, re["--t-close-bg"] = m), h && he(h) && (re["--t-text"] = h), f && he(f) && (re["--t-text-secondary"] = f), p && he(p) && (re["--t-text-muted"] = p, re["--t-text-tertiary"] = p), x && he(x) && (re["--t-success"] = x);
-  const Ne = {};
-  o && he(o) ? Ne.backgroundColor = o : Ne.backgroundColor = "var(--t-bg)", d && (d.startsWith("https://") || d.startsWith("data:image/")) && (Ne.backgroundImage = `url(${d})`, Ne.backgroundSize = "cover", Ne.backgroundPosition = "center");
-  const Je = ie ? "#ffffff" : "#111111", qe = {};
+  }, oe = {};
+  s && he(s) && (oe["--t-surface"] = s, oe["--t-modal-bg"] = s), m && he(m) && (oe["--t-pill-bg"] = m, oe["--t-close-bg"] = m), h && he(h) && (oe["--t-text"] = h), f && he(f) && (oe["--t-text-secondary"] = f), y && he(y) && (oe["--t-text-muted"] = y, oe["--t-text-tertiary"] = y), x && he(x) && (oe["--t-success"] = x);
+  const we = {};
+  o && he(o) ? we.backgroundColor = o : we.backgroundColor = "var(--t-bg)", d && (d.startsWith("https://") || d.startsWith("data:image/")) && (we.backgroundImage = `url(${d})`, we.backgroundSize = "cover", we.backgroundPosition = "center");
+  const Je = le ? "#ffffff" : "#111111", qe = {};
   u && he(u) && (qe.border = `1px solid ${u}`), i && (qe.borderRadius = i);
-  const kt = v.step === "checkout" ? /* @__PURE__ */ e(en, { autoRedirect: V }) : v.step === "processing" ? /* @__PURE__ */ e(an, {}) : v.step === "complete" ? /* @__PURE__ */ e(nn, { explorerUrl: oe, doneButtonText: $, onDone: xe }) : v.step === "error" ? /* @__PURE__ */ e(rn, { supportEmail: z }) : v.step === "confirm" ? /* @__PURE__ */ e(on, { stablecoinParity: Ke, partnerName: X }) : null;
+  const kt = v.step === "checkout" ? /* @__PURE__ */ e(an, { autoRedirect: _ }) : v.step === "processing" ? /* @__PURE__ */ e(rn, {}) : v.step === "complete" ? /* @__PURE__ */ e(on, { explorerUrl: ie, doneButtonText: G, onDone: ve }) : v.step === "error" ? /* @__PURE__ */ e(ln, { supportEmail: z }) : v.step === "confirm" ? /* @__PURE__ */ e(cn, { stablecoinParity: _e, partnerName: X }) : null;
   if (kt)
     return /* @__PURE__ */ e(
       "div",
@@ -3307,9 +3322,9 @@ function xn({
         className: `${Et} relative w-full max-w-[390px] h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
         style: {
           fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-          ...Ne,
+          ...we,
           ...Rt,
-          ...re,
+          ...oe,
           ...qe
         },
         children: kt
@@ -3322,13 +3337,13 @@ function xn({
       className: `${Et} relative w-full max-w-[390px] min-h-[640px] overflow-hidden flex flex-col select-none transition-colors duration-300 ${t}`,
       style: {
         fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
-        ...Ne,
+        ...we,
         ...Rt,
-        ...re,
+        ...oe,
         ...qe
       },
       children: [
-        A && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${C ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Ya, { onClick: () => H("settings") }) }),
+        E && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${C ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Qa, { onClick: () => $("settings") }) }),
         C ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ l("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
@@ -3365,7 +3380,7 @@ function xn({
             )
           ] })
         ] }) : null,
-        He || it || U ? /* @__PURE__ */ e(sn, {}) : /* @__PURE__ */ l("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        Pe || it || U ? /* @__PURE__ */ e(un, {}) : /* @__PURE__ */ l("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ l(
             "div",
             {
@@ -3373,7 +3388,7 @@ function xn({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: Ie && Nt ? "1px solid #EF4444" : "1px solid transparent",
+                border: Ne && Nt ? "1px solid #EF4444" : "1px solid transparent",
                 minHeight: 102
               },
               children: [
@@ -3382,11 +3397,11 @@ function xn({
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      ref: E,
+                      ref: A,
                       type: "text",
                       value: lt,
                       onChange: ca,
-                      onBlur: () => ke(!0),
+                      onBlur: () => Be(!0),
                       placeholder: T ? "250" : "0.01",
                       className: "bg-transparent outline-none w-0 flex-1 mr-3",
                       style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
@@ -3397,7 +3412,7 @@ function xn({
                   T ? /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => H("fiat"),
+                      onClick: () => $("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3408,16 +3423,16 @@ function xn({
                       },
                       disabled: !!((Dt = D == null ? void 0 : D.sourceCurrency) != null && Dt.locked),
                       children: [
-                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: B }),
+                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: O }),
                         /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: Y }),
-                        /* @__PURE__ */ e(je, {})
+                        /* @__PURE__ */ e(Ge, {})
                       ]
                     }
                   ) : /* @__PURE__ */ l("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => H("crypto"),
+                        onClick: () => $("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3428,9 +3443,9 @@ function xn({
                         },
                         disabled: !!((Mt = D == null ? void 0 : D.destinationCurrency) != null && Mt.locked),
                         children: [
-                          /* @__PURE__ */ e(Wt, { ticker: P, size: 16, baseUrl: B }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: P }),
-                          /* @__PURE__ */ e(je, {})
+                          /* @__PURE__ */ e(Wt, { ticker: H, size: 16, baseUrl: O }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: H }),
+                          /* @__PURE__ */ e(Ge, {})
                         ]
                       }
                     ),
@@ -3438,7 +3453,7 @@ function xn({
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: ft(fe, B),
+                          src: ft(fe, O),
                           alt: fe,
                           width: 14,
                           height: 14,
@@ -3453,7 +3468,7 @@ function xn({
               ]
             }
           ),
-          Ie && Nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: pe || (bt ? "Amount should be more than 0" : T ? `Minimum amount is ${Gt} ${Y}` : `Minimum amount is ${$t} ${P}`) }),
+          Ne && Nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: pe || (bt ? "Amount should be more than 0" : T ? `Minimum amount is ${Gt} ${Y}` : `Minimum amount is ${$t} ${H}`) }),
           /* @__PURE__ */ l(
             "div",
             {
@@ -3470,8 +3485,8 @@ function xn({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ l("div", { className: "flex items-start justify-between", children: [
-                  b && !me ? /* @__PURE__ */ e(j, { w: 180, h: 32 }) : /* @__PURE__ */ e(
-                    cn,
+                  b && !me ? /* @__PURE__ */ e(V, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                    dn,
                     {
                       value: q > 0 ? oa : "0",
                       height: 32,
@@ -3483,7 +3498,7 @@ function xn({
                     /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => H("crypto"),
+                        onClick: () => $("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -3494,9 +3509,9 @@ function xn({
                         },
                         disabled: !!((It = D == null ? void 0 : D.destinationCurrency) != null && It.locked),
                         children: [
-                          /* @__PURE__ */ e(Wt, { ticker: P, size: 16, baseUrl: B }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: P }),
-                          /* @__PURE__ */ e(je, {})
+                          /* @__PURE__ */ e(Wt, { ticker: H, size: 16, baseUrl: O }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: H }),
+                          /* @__PURE__ */ e(Ge, {})
                         ]
                       }
                     ),
@@ -3504,7 +3519,7 @@ function xn({
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: ft(fe, B),
+                          src: ft(fe, O),
                           alt: fe,
                           width: 14,
                           height: 14,
@@ -3517,7 +3532,7 @@ function xn({
                   ] }) : /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => H("fiat"),
+                      onClick: () => $("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -3528,9 +3543,9 @@ function xn({
                       },
                       disabled: !!((Bt = D == null ? void 0 : D.sourceCurrency) != null && Bt.locked),
                       children: [
-                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: B }),
+                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: O }),
                         /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: Y }),
-                        /* @__PURE__ */ e(je, {})
+                        /* @__PURE__ */ e(Ge, {})
                       ]
                     }
                   )
@@ -3538,15 +3553,15 @@ function xn({
               ]
             }
           ),
-          O && q > 0 && /* @__PURE__ */ e(
+          B && q > 0 && /* @__PURE__ */ e(
             "div",
             {
               className: "px-[18px] py-[10px] mt-[2px]",
               style: { background: "var(--t-surface)", fontSize: 12, color: "#EF4444", lineHeight: "16px" },
-              children: Ae[0] || "No providers available for this combination"
+              children: Re || "No providers available for this combination"
             }
           ),
-          Ke && q > 0 && (w == null ? void 0 : w.bestQuote) && /* @__PURE__ */ l(
+          _e && q > 0 && (w == null ? void 0 : w.bestQuote) && /* @__PURE__ */ l(
             "div",
             {
               className: "flex items-start gap-2 mt-[2px] px-[14px] py-[10px]",
@@ -3560,7 +3575,7 @@ function xn({
                   "You will be charged for ",
                   xt,
                   " ",
-                  P,
+                  H,
                   ", the rest up to ",
                   ht(q),
                   " ",
@@ -3584,11 +3599,11 @@ function xn({
             }
           ),
           (Q.length > 0 || (c == null ? void 0 : c.paymentMethods) && c.paymentMethods.length > 0) && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: Q.length > 0 ? /* @__PURE__ */ e(
-            qa,
+            tn,
             {
               methods: Q,
               selectedId: v.paymentMethodId,
-              onOpenModal: () => H("payment"),
+              onOpenModal: () => $("payment"),
               fiatCurrency: v.fiatCurrency
             }
           ) : /* @__PURE__ */ e(
@@ -3611,16 +3626,16 @@ function xn({
                 type: "text",
                 value: v.walletAddress,
                 onChange: (g) => L({ type: "SET_WALLET_ADDRESS", address: g.target.value }),
-                onFocus: () => Xe(!0),
+                onFocus: () => ye(!0),
                 onBlur: () => {
-                  Xe(!1), We(!0);
+                  ye(!1), re(!0);
                 },
                 placeholder: T ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
                 style: {
-                  border: v.walletError || Be && !ct ? "1px solid #EF4444" : le ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
+                  border: v.walletError || Xe && !ct ? "1px solid #EF4444" : rt ? "1px solid var(--t-border-focus)" : "1px solid var(--t-border)",
                   outline: "none",
                   boxShadow: "none",
                   borderRadius: 3.5,
@@ -3633,7 +3648,7 @@ function xn({
                 disabled: !!((Ht = D == null ? void 0 : D.destinationAddress) != null && Ht.locked)
               }
             ),
-            v.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: v.walletError }) : Be && !ct && !Se ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Se && v.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
+            v.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: v.walletError }) : Xe && !ct && !Oe ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Oe && v.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1", style: { minHeight: 16 } }),
           ne && /* @__PURE__ */ l("div", { className: "text-[12px] text-center mb-2", style: { color: "#EF4444" }, children: [
@@ -3644,7 +3659,7 @@ function xn({
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Qe || ce || me || ne || O,
+              disabled: !Qe || se || me || ne || B,
               onClick: pa,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -3652,48 +3667,48 @@ function xn({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Qe && !ce && !me && !ne && !O ? 1 : 0.4,
-                cursor: Qe && !ce && !me && !ne && !O ? "pointer" : "not-allowed"
+                opacity: Qe && !se && !me && !ne && !B ? 1 : 0.4,
+                cursor: Qe && !se && !me && !ne && !B ? "pointer" : "not-allowed"
               },
-              children: me ? "Getting best price..." : ce ? "Processing..." : T ? `Buy ${P}` : `Sell ${P}`
+              children: me ? "Getting best price..." : se ? "Processing..." : T ? `Buy ${H}` : `Sell ${H}`
             }
           ),
           /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
         ] }, M),
-        /* @__PURE__ */ e(Ve, { isOpen: de === "fiat", onClose: () => H(null), children: (g) => /* @__PURE__ */ e(
-          dn,
+        /* @__PURE__ */ e(je, { isOpen: ce === "fiat", onClose: () => $(null), children: (g) => /* @__PURE__ */ e(
+          mn,
           {
             onClose: g,
             onSelect: (S) => {
               sa(S), g();
             },
-            currencies: se.map((S) => ({ code: S.code, name: S.code })),
-            assetBaseUrl: B,
+            currencies: de.map((S) => ({ code: S.code, name: S.code })),
+            assetBaseUrl: O,
             selectedCode: v.fiatCurrency
           }
         ) }),
-        /* @__PURE__ */ e(Ve, { isOpen: de === "crypto", onClose: () => H(null), children: (g) => /* @__PURE__ */ e(
-          un,
+        /* @__PURE__ */ e(je, { isOpen: ce === "crypto", onClose: () => $(null), children: (g) => /* @__PURE__ */ e(
+          fn,
           {
             onClose: g,
-            onSelect: (S, _) => {
-              da(S, _), g();
+            onSelect: (S, K) => {
+              da(S, K), g();
             },
             cryptos: Me.map((S) => {
-              var _;
+              var K;
               return {
                 code: S.code,
                 name: S.code,
-                networks: (_ = S.networks) == null ? void 0 : _.map((W) => ({ code: W.id, name: W.name }))
+                networks: (K = S.networks) == null ? void 0 : K.map((W) => ({ code: W.id, name: W.name }))
               };
             }),
-            assetBaseUrl: B,
+            assetBaseUrl: O,
             selectedCode: v.cryptoCurrency,
             selectedChain: v.network
           }
         ) }),
-        /* @__PURE__ */ e(Ve, { isOpen: de === "payment", onClose: () => H(null), children: (g) => /* @__PURE__ */ e(
-          mn,
+        /* @__PURE__ */ e(je, { isOpen: ce === "payment", onClose: () => $(null), children: (g) => /* @__PURE__ */ e(
+          hn,
           {
             methods: Q,
             selectedId: v.paymentMethodId,
@@ -3703,31 +3718,31 @@ function xn({
             onClose: g
           }
         ) }),
-        /* @__PURE__ */ e(Ve, { isOpen: de === "settings", onClose: () => H(null), children: (g) => /* @__PURE__ */ e(
-          pn,
+        /* @__PURE__ */ e(je, { isOpen: ce === "settings", onClose: () => $(null), children: (g) => /* @__PURE__ */ e(
+          Cn,
           {
             onClose: g,
-            darkMode: ie,
-            onToggleDarkMode: $e,
-            skinId: Re,
+            darkMode: le,
+            onToggleDarkMode: We,
+            skinId: ke,
             onSelectSkin: (S) => {
-              rt(S);
+              Ie(S);
             },
             showThemeToggle: k,
             country: v.country,
             countryName: ha,
             onLocationPress: fa,
-            assetBaseUrl: B
+            assetBaseUrl: O
           }
         ) }),
-        /* @__PURE__ */ e(Ve, { isOpen: de === "country", onClose: () => H(null), children: (g) => /* @__PURE__ */ e(
-          Cn,
+        /* @__PURE__ */ e(je, { isOpen: ce === "country", onClose: () => $(null), children: (g) => /* @__PURE__ */ e(
+          xn,
           {
             onClose: g,
             onSelect: (S) => {
               ma(S), g();
             },
-            assetBaseUrl: B,
+            assetBaseUrl: O,
             selectedCode: v.country
           }
         ) })
@@ -3735,7 +3750,7 @@ function xn({
     }
   );
 }
-function vn({
+function Sn({
   projectId: t,
   apiUrl: a,
   assetBaseUrl: n,
@@ -3748,18 +3763,18 @@ function vn({
   defaultFiatAmount: m,
   defaultCryptoAmount: h,
   defaultWalletAddress: f,
-  defaultGateway: p,
+  defaultGateway: y,
   defaultCountry: x,
   fieldLocks: C,
-  statusPollInterval: A,
+  statusPollInterval: E,
   onComplete: k,
-  onError: V,
-  className: oe,
-  theme: $,
+  onError: _,
+  className: ie,
+  theme: G,
   skinId: z,
   accentColor: te,
   bgColor: X,
-  bgImage: xe,
+  bgImage: ve,
   borderColor: v,
   borderRadius: L,
   surfaceColor: c,
@@ -3767,20 +3782,20 @@ function vn({
   textColor: w,
   textSecondaryColor: b,
   textMutedColor: J,
-  successColor: ve,
-  showFlowToggle: be,
-  showSettings: ce,
+  successColor: be,
+  showFlowToggle: Se,
+  showSettings: se,
   showThemeToggle: pe,
   autoRedirect: D,
   explorerUrl: ae,
-  doneButtonText: B,
-  supportEmail: se,
+  doneButtonText: O,
+  supportEmail: de,
   stablecoinParity: Me,
   partnerName: Q,
   onDone: ne
 }) {
   return /* @__PURE__ */ e(
-    Da,
+    Ia,
     {
       projectId: t,
       apiUrl: a,
@@ -3794,21 +3809,21 @@ function vn({
       defaultFiatAmount: m,
       defaultCryptoAmount: h,
       defaultWalletAddress: f,
-      defaultGateway: p,
+      defaultGateway: y,
       defaultCountry: x,
       fieldLocks: C,
-      statusPollInterval: A,
+      statusPollInterval: E,
       onComplete: k,
-      onError: V,
+      onError: _,
       children: /* @__PURE__ */ e(
-        xn,
+        bn,
         {
-          className: oe,
-          theme: $,
+          className: ie,
+          theme: G,
           skinId: z,
           accentColor: te,
           bgColor: X,
-          bgImage: xe,
+          bgImage: ve,
           borderColor: v,
           borderRadius: L,
           surfaceColor: c,
@@ -3816,14 +3831,14 @@ function vn({
           textColor: w,
           textSecondaryColor: b,
           textMutedColor: J,
-          successColor: ve,
-          showFlowToggle: be,
-          showSettings: ce,
+          successColor: be,
+          showFlowToggle: Se,
+          showSettings: se,
           showThemeToggle: pe,
           autoRedirect: D,
           explorerUrl: ae,
-          doneButtonText: B,
-          supportEmail: se,
+          doneButtonText: O,
+          supportEmail: de,
           stablecoinParity: Me,
           partnerName: Q,
           onDone: ne
@@ -3832,14 +3847,14 @@ function vn({
     }
   );
 }
-function Ln({
+function Fn({
   submitButtonText: t,
   rateRefreshInterval: a,
   ...n
 }) {
-  return /* @__PURE__ */ e(vn, { ...n });
+  return /* @__PURE__ */ e(Sn, { ...n });
 }
-function Un({
+function Dn({
   skin: t,
   active: a,
   onClick: n,
@@ -3872,13 +3887,13 @@ function Un({
     }
   );
 }
-function bn({ quote: t }) {
+function Nn({ quote: t }) {
   return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ l("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
     "#",
     t.rank
   ] }) : null;
 }
-function Sn({ quote: t }) {
+function wn({ quote: t }) {
   return t.gatewayLogo ? /* @__PURE__ */ e(
     "img",
     {
@@ -3891,7 +3906,7 @@ function Sn({ quote: t }) {
     }
   ) : /* @__PURE__ */ e(gt, { size: 36 });
 }
-function Nn() {
+function En() {
   return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ l(
     "div",
     {
@@ -3904,28 +3919,28 @@ function Nn() {
         background: "var(--t-surface)"
       },
       children: [
-        /* @__PURE__ */ e(j, { w: 36, h: 36, className: "rounded-full shrink-0" }),
+        /* @__PURE__ */ e(V, { w: 36, h: 36, className: "rounded-full shrink-0" }),
         /* @__PURE__ */ l("div", { className: "flex-1", children: [
-          /* @__PURE__ */ e(j, { w: 90, h: 14, className: "mb-1.5" }),
-          /* @__PURE__ */ e(j, { w: 60, h: 12 })
+          /* @__PURE__ */ e(V, { w: 90, h: 14, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 60, h: 12 })
         ] }),
         /* @__PURE__ */ l("div", { className: "text-right", children: [
-          /* @__PURE__ */ e(j, { w: 40, h: 10, className: "mb-1.5" }),
-          /* @__PURE__ */ e(j, { w: 80, h: 14 })
+          /* @__PURE__ */ e(V, { w: 40, h: 10, className: "mb-1.5" }),
+          /* @__PURE__ */ e(V, { w: 80, h: 14 })
         ] })
       ]
     },
     t
   )) });
 }
-function Fn({
+function Mn({
   onClose: t,
   onSelect: a,
   quotes: n,
   quotesLoading: r,
   cryptoCurrency: o
 }) {
-  const [d, u] = N(""), i = G(() => {
+  const [d, u] = N(""), i = j(() => {
     if (!(n != null && n.quotes)) return [];
     const s = d.trim().toLowerCase();
     return s ? n.quotes.filter((m) => m.gatewayName.toLowerCase().includes(s)) : n.quotes;
@@ -3940,10 +3955,10 @@ function Fn({
         children: "Choose Ramp"
       }
     ),
-    /* @__PURE__ */ e(Ge, { value: d, onChange: u }),
+    /* @__PURE__ */ e($e, { value: d, onChange: u }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
-      r ? /* @__PURE__ */ e(Nn, {}) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : i.map((s, m) => {
-        const h = m === 0, f = parseFloat(s.cryptoAmount), p = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+      r ? /* @__PURE__ */ e(En, {}) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : i.map((s, m) => {
+        const h = m === 0, f = parseFloat(s.cryptoAmount), y = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
         return /* @__PURE__ */ l(
           "button",
           {
@@ -3958,17 +3973,17 @@ function Fn({
               background: h ? "transparent" : "var(--t-surface)"
             },
             children: [
-              /* @__PURE__ */ e(Sn, { quote: s }),
+              /* @__PURE__ */ e(wn, { quote: s }),
               /* @__PURE__ */ l("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: s.gatewayName }),
-                /* @__PURE__ */ e(bn, { quote: s })
+                /* @__PURE__ */ e(Nn, { quote: s })
               ] }),
               /* @__PURE__ */ l("div", { className: "text-right shrink-0", children: [
                 /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ l("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
                   o,
                   " ",
-                  p
+                  y
                 ] })
               ] })
             ]
@@ -3992,61 +4007,61 @@ function Fn({
   ] });
 }
 export {
-  ln as AnimatedDigit,
-  cn as AnimatedNumber,
-  Va as ApplePayIcon,
-  _e as BLOCKCHAINS,
-  Ka as BankIcon,
+  sn as AnimatedDigit,
+  dn as AnimatedNumber,
+  Ga as ApplePayIcon,
+  Ve as BLOCKCHAINS,
+  Va as BankIcon,
   et as COUNTRIES,
   yt as COUNTRY_MAP,
-  Pa as CRYPTO_CHAIN_COMBOS,
+  _a as CRYPTO_CHAIN_COMBOS,
   Jt as CRYPTO_CURRENCIES,
-  Xa as CardIcon,
-  Ln as CheckoutForm,
-  en as CheckoutStep,
-  je as ChevronDown,
+  Za as CardIcon,
+  Fn as CheckoutForm,
+  an as CheckoutStep,
+  Ge as ChevronDown,
   Xt as ChevronRight,
-  Fn as ChooseRampModal,
+  Mn as ChooseRampModal,
   De as CloseButton,
-  Tn as CoinifyIcon,
-  nn as CompleteStep,
-  on as ConfirmStep,
-  Cn as CountryPickerModal,
-  un as CryptoCurrencyModal,
+  Un as CoinifyIcon,
+  on as CompleteStep,
+  cn as ConfirmStep,
+  xn as CountryPickerModal,
+  fn as CryptoCurrencyModal,
   Wt as CryptoIcon,
-  Za as DarkModeIcon,
-  rn as ErrorStep,
+  za as DarkModeIcon,
+  ln as ErrorStep,
   _t as FIAT_CURRENCIES,
-  Ia as FIAT_TO_COUNTRY,
-  dn as FiatCurrencyModal,
+  Oa as FIAT_TO_COUNTRY,
+  mn as FiatCurrencyModal,
   pt as FiatFlag,
-  sn as FormSkeleton,
+  un as FormSkeleton,
   gt as GenericCoinIcon,
-  ja as GooglePayIcon,
+  $a as GooglePayIcon,
   jt as MOCK_RATES,
-  Ya as MenuIcon,
-  Ve as Modal,
-  Ga as PayPalIcon,
-  qa as PaymentMethodSelector,
-  an as ProcessingStep,
-  vn as RampForm,
-  Da as RampProvider,
-  _a as RevolutIcon,
+  Qa as MenuIcon,
+  je as Modal,
+  Wa as PayPalIcon,
+  tn as PaymentMethodSelector,
+  rn as ProcessingStep,
+  Sn as RampForm,
+  Ia as RampProvider,
+  ja as RevolutIcon,
   Vt as SKINS,
-  Ge as SearchInput,
-  pn as SettingsScreen,
-  j as Skeleton,
-  Un as SkinSwatch,
-  fn as ToggleSwitch,
+  $e as SearchInput,
+  Cn as SettingsScreen,
+  V as Skeleton,
+  Dn as SkinSwatch,
+  pn as ToggleSwitch,
   ht as formatOutput,
   ft as getChainIconUrl,
   qt as getCryptoIconUrl,
   mt as getDefaultFiatForCountry,
-  Ba as getFiatFlagUrl,
-  kn as getMockRate,
-  Qa as getPaymentIcon,
+  Ha as getFiatFlagUrl,
+  Ln as getMockRate,
+  Ja as getPaymentIcon,
   ea as isStablecoin,
-  Ha as parseAmount,
+  Ka as parseAmount,
   wa as useCheckoutIntent,
   Na as useQuotes,
   Fe as useRamp,