@nowramp/form 0.2.0 → 0.2.1

package/dist/index.js

@@ -9,11 +9,11 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as i, Fragment as Z } from "react/jsx-runtime";
-import ke, { useState as w, useRef as I, useCallback as O, useEffect as B, useMemo as W, useReducer as an, useContext as ga, createContext as xa } from "react";
+import ke, { useState as w, useRef as M, useCallback as O, useEffect as U, useMemo as W, useReducer as an, useContext as ga, createContext as xa } from "react";
 import { RampApi as gt } from "@nowramp/sdk";
 import { createPortal as oa } from "react-dom";
 function nn(t, a, n) {
-  const [r, o] = w(null), [c, u] = w(!0), [l, d] = w(null), s = I(null);
+  const [r, o] = w(null), [c, u] = w(!0), [l, d] = w(null), s = M(null);
   (!s.current || s.current !== t) && (s.current = new gt({ apiKey: "", ...t }));
   const h = O(async () => {
     if (!t.projectId) {
@@ -32,15 +32,15 @@ function nn(t, a, n) {
       u(!1);
     }
   }, [t.projectId, a, n]);
-  return B(() => {
+  return U(() => {
     h();
   }, [h]), { config: r, loading: c, error: l, refetch: h };
 }
 function rn(t, a) {
-  const [n, r] = w(null), [o, c] = w(!1), [u, l] = w(null), d = I(null), s = I(""), h = `${t.apiUrl}|${t.projectId}`;
+  const [n, r] = w(null), [o, c] = w(!1), [u, l] = w(null), d = M(null), s = M(""), h = `${t.apiUrl}|${t.projectId}`;
   (!d.current || s.current !== h) && (d.current = new gt({ apiKey: "", ...t }), s.current = h);
-  const p = I(0);
-  B(() => {
+  const p = M(0);
+  U(() => {
     const g = ++p.current;
     if (!a || !t.projectId) {
       r(null), c(!1);
@@ -71,7 +71,7 @@ function rn(t, a) {
   return { quotes: n, loading: o, error: u, refetch: f };
 }
 function on(t) {
-  const [a, n] = w(null), [r, o] = w(!1), [c, u] = w(null), l = I(null), d = I(""), s = `${t.apiUrl}|${t.projectId}`;
+  const [a, n] = w(null), [r, o] = w(!1), [c, u] = w(null), l = M(null), d = M(""), s = `${t.apiUrl}|${t.projectId}`;
   (!l.current || d.current !== s) && (l.current = new gt({ apiKey: "", ...t }), d.current = s);
   const h = O(async (f) => {
     o(!0), u(null);
@@ -90,7 +90,7 @@ function on(t) {
   return { order: a, loading: r, error: c, createOrder: h, reset: p };
 }
 function ln(t, a, n) {
-  const [r, o] = w(null), [c, u] = w(!1), [l, d] = w(null), s = I(null);
+  const [r, o] = w(null), [c, u] = w(!1), [l, d] = w(null), s = M(null);
   s.current || (s.current = new gt({ apiKey: "", projectId: "", ...t }));
   const h = O(async () => {
     if (a) {
@@ -105,7 +105,7 @@ function ln(t, a, n) {
       }
     }
   }, [a]);
-  return B(() => {
+  return U(() => {
     if (!a) return;
     const p = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (p > 0) {
@@ -113,7 +113,7 @@ function ln(t, a, n) {
       return () => clearTimeout(f);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), B(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), U(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
     const f = setInterval(h, n.pollInterval);
@@ -495,6 +495,12 @@ function gn(t, a) {
         selectedQuote: a.quote,
         selectedProvider: a.quote.gatewayId
       };
+    case "CLEAR_QUOTE":
+      return {
+        ...t,
+        selectedQuote: null,
+        selectedProvider: null
+      };
     case "SET_CUSTOMER_ID":
       return { ...t, customerId: a.customerId };
     case "SET_EMAIL":
@@ -515,7 +521,7 @@ function gn(t, a) {
 }
 const Ca = xa(null);
 function xn(t) {
-  const a = I(t.defaultFiatCurrency !== void 0), {
+  const a = M(t.defaultFiatCurrency !== void 0), {
     projectId: n,
     apiUrl: r = "https://api.nowramp.com",
     assetBaseUrl: o = "",
@@ -533,16 +539,16 @@ function xn(t) {
     fieldLocks: y,
     partnerMetadata: E,
     statusPollInterval: K = 5e3,
-    onComplete: ee,
+    onComplete: te,
     onError: z,
     children: ie
-  } = t, J = W(() => ({ apiUrl: r, projectId: n }), [r, n]), q = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), Ce = c === "sell", te = Ce ? !!f : !!p, C = (Ce ? !!(te && s && q) : !!(te && s && q && g)) && k ? "confirm" : "amount", F = p || (c === "buy" ? "250" : ""), [m, M] = an(gn, {
+  } = t, J = W(() => ({ apiUrl: r, projectId: n }), [r, n]), ee = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), be = c === "sell", ae = be ? !!f : !!p, C = (be ? !!(ae && s && ee) : !!(ae && s && ee && g)) && k ? "confirm" : "amount", F = p || (c === "buy" ? "250" : ""), [m, D] = an(gn, {
     ...va,
     step: C,
     flowType: c,
     fiatCurrency: d,
     cryptoCurrency: s,
-    network: q,
+    network: ee,
     fiatAmount: ia(F, 2),
     cryptoAmount: ia(f, 6),
     walletAddress: g,
@@ -550,81 +556,81 @@ function xn(t) {
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
     ...R ? { country: R.toLowerCase(), countrySource: "manual" } : {}
   }), N = m.flowType === "sell", {
-    config: S,
-    loading: ae,
+    config: b,
+    loading: ne,
     error: pe
-  } = nn(J, m.flowType, m.country || void 0), be = I(!1);
+  } = nn(J, m.flowType, m.country || void 0), Se = M(!1);
   ke.useEffect(() => {
-    var D, U;
-    if (be.current || !(S != null && S.detectedCountry) || m.country) return;
-    be.current = !0;
-    const v = S.detectedCountry.toLowerCase();
-    M({ type: "SET_COUNTRY_AUTO", country: v });
-    const A = (D = S.fiats) == null ? void 0 : D.map((_) => _.code), L = Mt(v, A);
-    L !== m.fiatCurrency && !((U = y == null ? void 0 : y.sourceCurrency) != null && U.locked) && !a.current && M({ type: "SET_FIAT_CURRENCY", currency: L });
-  }, [S, m.country, m.fiatCurrency, y]);
-  const Te = I(!1);
+    var B, I;
+    if (Se.current || !(b != null && b.detectedCountry) || m.country) return;
+    Se.current = !0;
+    const v = b.detectedCountry.toLowerCase();
+    D({ type: "SET_COUNTRY_AUTO", country: v });
+    const A = (B = b.fiats) == null ? void 0 : B.map((_) => _.code), T = Mt(v, A);
+    T !== m.fiatCurrency && !((I = y == null ? void 0 : y.sourceCurrency) != null && I.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: T });
+  }, [b, m.country, m.fiatCurrency, y]);
+  const Te = M(!1);
   ke.useEffect(() => {
-    var L, D;
-    if (Te.current || !R || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
+    var T, B;
+    if (Te.current || !R || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
     Te.current = !0;
-    const v = S.fiats.map((U) => U.code), A = Mt(R, v);
-    A !== m.fiatCurrency && !((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked) && !a.current && M({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [R, S, m.fiatCurrency, y]);
-  const he = I(m.country);
+    const v = b.fiats.map((I) => I.code), A = Mt(R, v);
+    A !== m.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: A });
+  }, [R, b, m.fiatCurrency, y]);
+  const he = M(m.country);
   ke.useEffect(() => {
-    var L, D;
-    if (m.country === he.current || (he.current = m.country, m.countrySource === "manual" && (_e.current = !1), m.countrySource !== "manual") || !((L = S == null ? void 0 : S.fiats) != null && L.length)) return;
-    const v = S.fiats.map((U) => U.code), A = Mt(m.country, v);
-    A !== m.fiatCurrency && !((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked) && M({ type: "SET_FIAT_CURRENCY", currency: A });
-  }, [m.country, m.countrySource, S, m.fiatCurrency, y]);
-  const le = I(m.fiatCurrency);
+    var T, B;
+    if (m.country === he.current || (he.current = m.country, m.countrySource === "manual" && (_e.current = !1), m.countrySource !== "manual") || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
+    const v = b.fiats.map((I) => I.code), A = Mt(m.country, v);
+    A !== m.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && D({ type: "SET_FIAT_CURRENCY", currency: A });
+  }, [m.country, m.countrySource, b, m.fiatCurrency, y]);
+  const le = M(m.fiatCurrency);
   ke.useEffect(() => {
-    var D;
-    if (m.fiatCurrency === le.current || (le.current = m.fiatCurrency, N || !((D = S == null ? void 0 : S.fiats) != null && D.length) || !m.fiatAmount)) return;
-    const v = S.fiats.find((U) => U.code === m.fiatCurrency);
+    var B;
+    if (m.fiatCurrency === le.current || (le.current = m.fiatCurrency, N || !((B = b == null ? void 0 : b.fiats) != null && B.length) || !m.fiatAmount)) return;
+    const v = b.fiats.find((I) => I.code === m.fiatCurrency);
     if (!(v != null && v.minAmount)) return;
-    const A = parseFloat(m.fiatAmount), L = parseFloat(v.minAmount);
-    !isNaN(A) && !isNaN(L) && A < L && M({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(L)) });
-  }, [m.fiatCurrency, m.fiatAmount, S, N]);
+    const A = parseFloat(m.fiatAmount), T = parseFloat(v.minAmount);
+    !isNaN(A) && !isNaN(T) && A < T && D({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(T)) });
+  }, [m.fiatCurrency, m.fiatAmount, b, N]);
   const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = W(() => {
-    var L, D, U;
-    if (!S)
+    var T, B, I;
+    if (!b)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
     let v;
     if (m.cryptoCurrency && m.network) {
-      const _ = (L = S.cryptos) == null ? void 0 : L.find((Se) => Se.code === m.cryptoCurrency), ue = (D = _ == null ? void 0 : _.networks) == null ? void 0 : D.find((Se) => Se.id === m.network);
+      const _ = (T = b.cryptos) == null ? void 0 : T.find((ge) => ge.code === m.cryptoCurrency), ue = (B = _ == null ? void 0 : _.networks) == null ? void 0 : B.find((ge) => ge.id === m.network);
       !_ || !ue ? v = [] : v = ue.providers;
     }
     let A;
     if (m.fiatCurrency) {
-      const _ = (U = S.fiats) == null ? void 0 : U.find((ue) => ue.code === m.fiatCurrency);
+      const _ = (I = b.fiats) == null ? void 0 : I.find((ue) => ue.code === m.fiatCurrency);
       _ ? A = _.providers : A = [];
     }
     return {
-      availableFiats: cn(S.fiats ?? [], v),
-      availableCryptos: sn(S.cryptos ?? [], A),
+      availableFiats: cn(b.fiats ?? [], v),
+      availableCryptos: sn(b.cryptos ?? [], A),
       availablePaymentMethods: dn(
-        S.paymentMethods ?? [],
+        b.paymentMethods ?? [],
         v,
         m.fiatCurrency
       )
     };
-  }, [S, m.cryptoCurrency, m.network, m.fiatCurrency]), Qe = W(() => {
-    var v, A, L;
-    return ae || !S ? !1 : mn(
-      S,
+  }, [b, m.cryptoCurrency, m.network, m.fiatCurrency]), Qe = W(() => {
+    var v, A, T;
+    return ne || !b ? !1 : mn(
+      b,
       { cryptoCurrency: m.cryptoCurrency, network: m.network, fiatCurrency: m.fiatCurrency },
       {
         cryptoLocked: !!((v = y == null ? void 0 : y.destinationCurrency) != null && v.locked),
         networkLocked: !!((A = y == null ? void 0 : y.network) != null && A.locked),
-        fiatLocked: !!((L = y == null ? void 0 : y.sourceCurrency) != null && L.locked)
+        fiatLocked: !!((T = y == null ? void 0 : y.sourceCurrency) != null && T.locked)
       },
       { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe }
     );
   }, [
-    ae,
-    S,
+    ne,
+    b,
     y,
     m.cryptoCurrency,
     m.network,
@@ -634,8 +640,8 @@ function xn(t) {
     fe
   ]);
   ke.useEffect(() => {
-    var A, L, D;
-    if (ae || ce.length === 0 && X.length === 0) return;
+    var A, T, B;
+    if (ne || ce.length === 0 && X.length === 0) return;
     const v = un(
       {
         cryptoCurrency: m.cryptoCurrency,
@@ -646,13 +652,13 @@ function xn(t) {
       { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe },
       {
         cryptoLocked: !!((A = y == null ? void 0 : y.destinationCurrency) != null && A.locked),
-        networkLocked: !!((L = y == null ? void 0 : y.network) != null && L.locked),
-        fiatLocked: !!((D = y == null ? void 0 : y.sourceCurrency) != null && D.locked)
+        networkLocked: !!((T = y == null ? void 0 : y.network) != null && T.locked),
+        fiatLocked: !!((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked)
       }
     );
-    v && (v.cryptoCurrency !== void 0 && M({ type: "SET_CRYPTO_CURRENCY", currency: v.cryptoCurrency }), v.network !== void 0 && M({ type: "SET_NETWORK", network: v.network }), v.fiatCurrency !== void 0 && M({ type: "SET_FIAT_CURRENCY", currency: v.fiatCurrency }), v.paymentMethodId !== void 0 && M({ type: "SET_PAYMENT_METHOD", methodId: v.paymentMethodId }));
+    v && (v.cryptoCurrency !== void 0 && D({ type: "SET_CRYPTO_CURRENCY", currency: v.cryptoCurrency }), v.network !== void 0 && D({ type: "SET_NETWORK", network: v.network }), v.fiatCurrency !== void 0 && D({ type: "SET_FIAT_CURRENCY", currency: v.fiatCurrency }), v.paymentMethodId !== void 0 && D({ type: "SET_PAYMENT_METHOD", methodId: v.paymentMethodId }));
   }, [
-    ae,
+    ne,
     ce,
     X,
     fe,
@@ -661,24 +667,24 @@ function xn(t) {
     m.fiatCurrency,
     m.paymentMethodId,
     y,
-    M
+    D
   ]);
-  const re = W(() => {
+  const oe = W(() => {
     if (N) {
       if (!m.cryptoAmount) return null;
-      const U = parseFloat(m.cryptoAmount);
-      return isNaN(U) || U <= 0 ? "Enter a valid amount" : null;
+      const I = parseFloat(m.cryptoAmount);
+      return isNaN(I) || I <= 0 ? "Enter a valid amount" : null;
     }
-    if (!S || !m.fiatAmount) return null;
+    if (!b || !m.fiatAmount) return null;
     const v = parseFloat(m.fiatAmount);
     if (isNaN(v)) return null;
-    const A = S.fiats.find((U) => U.code === m.fiatCurrency);
+    const A = b.fiats.find((I) => I.code === m.fiatCurrency);
     if (!A) return null;
-    const L = parseFloat(A.minAmount), D = parseFloat(A.maxAmount);
-    return !isNaN(L) && v < L ? `Minimum amount is ${A.minAmount} ${m.fiatCurrency}` : !isNaN(D) && v > D ? `Maximum amount is ${A.maxAmount} ${m.fiatCurrency}` : null;
-  }, [S, m.fiatAmount, m.fiatCurrency, m.cryptoAmount, N]), ye = W(() => {
+    const T = parseFloat(A.minAmount), B = parseFloat(A.maxAmount);
+    return !isNaN(T) && v < T ? `Minimum amount is ${A.minAmount} ${m.fiatCurrency}` : !isNaN(B) && v > B ? `Maximum amount is ${A.maxAmount} ${m.fiatCurrency}` : null;
+  }, [b, m.fiatAmount, m.fiatCurrency, m.cryptoAmount, N]), ye = W(() => {
     const v = N ? !!m.cryptoAmount : !!m.fiatAmount;
-    return !S || !v || !m.fiatCurrency || !m.cryptoCurrency || !m.network || re || S.detectedCountry && m.countrySource === "" && !R ? null : {
+    return !b || !v || !m.fiatCurrency || !m.cryptoCurrency || !m.network || oe || b.detectedCountry && m.countrySource === "" && !R ? null : {
       fiatCurrency: m.fiatCurrency,
       ...N ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
       cryptoCurrency: m.cryptoCurrency,
@@ -687,15 +693,15 @@ function xn(t) {
       country: m.country || void 0,
       orderType: m.flowType
     };
-  }, [S, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, re, N, m.flowType, R]), {
+  }, [b, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, oe, N, m.flowType, R]), {
     quotes: G,
     loading: Ke,
     error: ze,
     refetch: vt
-  } = rn(J, ye), se = pn(Ke, G, ye), _e = I(!1);
+  } = rn(J, ye), se = pn(Ke, G, ye), _e = M(!1);
   ke.useEffect(() => {
     var v;
-    _e.current || m.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !G || G.bestQuote || m.fiatCurrency !== "USD" && (_e.current = !0, M({ type: "SET_FIAT_CURRENCY", currency: "USD" }), M({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+    _e.current || m.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !G || G.bestQuote || m.fiatCurrency !== "USD" && (_e.current = !0, D({ type: "SET_FIAT_CURRENCY", currency: "USD" }), D({ type: "SET_FIAT_AMOUNT", amount: "250" })));
   }, [G, Ke, ze, ye, m.countrySource, m.fiatCurrency]);
   const {
     order: Le,
@@ -709,29 +715,29 @@ function xn(t) {
     { apiUrl: r },
     (Le == null ? void 0 : Le.orderId) ?? null,
     { pollInterval: K, initialDelay: lt }
-  ), Je = I(null);
+  ), Je = M(null);
   ke.useEffect(() => {
-    !($ != null && $.status) || !ee || yn.includes($.status) && Je.current !== $.orderId && (Je.current = $.orderId, ee($));
-  }, [$ == null ? void 0 : $.status, $ == null ? void 0 : $.orderId, ee]), ke.useEffect(() => {
+    !($ != null && $.status) || !te || yn.includes($.status) && Je.current !== $.orderId && (Je.current = $.orderId, te($));
+  }, [$ == null ? void 0 : $.status, $ == null ? void 0 : $.orderId, te]), ke.useEffect(() => {
     const v = pe || de;
     v && z && z(v);
   }, [pe, de, z]);
-  const Fe = k || (S == null ? void 0 : S.defaultGateway) || null, ct = W(() => {
+  const Fe = k || (b == null ? void 0 : b.defaultGateway) || null, ct = W(() => {
     if (!se || !(G != null && G.unavailableGateways)) return null;
     const v = G.preferredGatewayId || Fe;
     return hn(G.unavailableGateways, v);
-  }, [se, G, Fe]), je = I(Fe);
+  }, [se, G, Fe]), je = M(Fe);
   je.current = Fe;
-  const qe = I(G);
+  const qe = M(G);
   qe.current = G;
-  const et = I(l);
+  const et = M(l);
   et.current = l;
   const Ue = O(async () => {
-    var A, L, D;
-    const v = ((A = m.selectedQuote) == null ? void 0 : A.gatewayId) || ((D = (L = qe.current) == null ? void 0 : L.bestQuote) == null ? void 0 : D.gatewayId) || je.current;
+    var A, T, B;
+    const v = ((A = m.selectedQuote) == null ? void 0 : A.gatewayId) || ((B = (T = qe.current) == null ? void 0 : T.bestQuote) == null ? void 0 : B.gatewayId) || je.current;
     if (!v || !m.walletAddress) {
-      const U = [!v && "gateway", !m.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      M({ type: "SET_ERROR", message: `Missing required fields: ${U}` });
+      const I = [!v && "gateway", !m.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      D({ type: "SET_ERROR", message: `Missing required fields: ${I}` });
       return;
     }
     try {
@@ -748,23 +754,23 @@ function xn(t) {
         orderType: m.flowType,
         ...et.current ? { metadata: { brand: et.current } } : {},
         ...E && Object.keys(E).length > 0 ? { partnerMetadata: E } : {}
-      }), M({ type: "SET_STEP", step: "checkout" });
-    } catch (U) {
-      const _ = U instanceof Error ? U.message : "Failed to create order";
-      /wallet|address/i.test(_) ? M({ type: "SET_WALLET_ERROR", message: _.replace(/^Failed to create checkout intent:\s*/i, "") }) : M({ type: "SET_ERROR", message: _ });
+      }), D({ type: "SET_STEP", step: "checkout" });
+    } catch (I) {
+      const _ = I instanceof Error ? I.message : "Failed to create order";
+      /wallet|address/i.test(_) ? D({ type: "SET_WALLET_ERROR", message: _.replace(/^Failed to create checkout intent:\s*/i, "") }) : D({ type: "SET_ERROR", message: _ });
     }
   }, [m, j, N, E]), tt = O((v) => {
-    M({ type: "SET_STEP", step: v });
+    D({ type: "SET_STEP", step: v });
   }, []), St = O(() => {
     const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = v.indexOf(m.step);
-    A > 0 && M({ type: "SET_STEP", step: v[A - 1] });
+    A > 0 && D({ type: "SET_STEP", step: v[A - 1] });
   }, [m.step, N]), wt = W(() => {
     const v = N ? !!m.cryptoAmount : !!m.fiatAmount;
     switch (m.step) {
       case "confirm":
-        return !!(v && m.cryptoCurrency && m.network && m.walletAddress && !re);
+        return !!(v && m.cryptoCurrency && m.network && m.walletAddress && !oe);
       case "amount":
-        return !!(v && m.cryptoCurrency && m.network && !re);
+        return !!(v && m.cryptoCurrency && m.network && !oe);
       case "quotes":
         return !!m.selectedQuote;
       case "wallet":
@@ -772,14 +778,14 @@ function xn(t) {
       default:
         return !1;
     }
-  }, [m, re, N]), st = {
+  }, [m, oe, N]), st = {
     apiConfig: J,
     assetBaseUrl: o,
-    config: S,
-    configLoading: ae,
+    config: b,
+    configLoading: ne,
     configError: pe,
     state: m,
-    dispatch: M,
+    dispatch: D,
     quotes: G,
     quotesLoading: Ke,
     quotesError: ze,
@@ -798,7 +804,7 @@ function xn(t) {
     selectionUnsupported: Qe,
     quotesEmpty: se,
     bestUnavailableReason: ct,
-    amountError: re,
+    amountError: oe,
     goToStep: tt,
     goBack: St,
     canProceed: wt
@@ -1100,7 +1106,7 @@ function vn({
   children: a
 }) {
   const [n, r] = w(t), [o, c] = w(Be[t] || it);
-  B(() => {
+  U(() => {
     if (r(t), Be[t])
       c(Be[t]);
     else {
@@ -1239,7 +1245,7 @@ function bn({
 }) {
   var g;
   const { order: r, orderStatus: o, goToStep: c, goBack: u } = Xe(), l = P(), [d, s] = w(!1), [h, p] = w(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (B(() => {
+  if (U(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
       p(Math.ceil(n / 1e3));
       const k = setTimeout(() => {
@@ -1251,7 +1257,7 @@ function bn({
         clearTimeout(k), clearInterval(R);
       };
     }
-  }, [r, a, n, f]), B(() => {
+  }, [r, a, n, f]), U(() => {
     o && (o.status === "completed" ? c("complete") : ["failed", "cancelled", "expired"].includes(o.status) && c("error"));
   }, [o == null ? void 0 : o.status, c]), !r)
     return /* @__PURE__ */ i(
@@ -1535,7 +1541,7 @@ function Sn(t, a) {
 }
 function wn({ className: t = "" }) {
   const { orderStatus: a, orderStatusLoading: n, goToStep: r } = Xe(), o = P();
-  B(() => {
+  U(() => {
     a && (a.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && r("error"));
   }, [a == null ? void 0 : a.status, r]);
   const c = () => {
@@ -2333,7 +2339,7 @@ function Bt(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const ve = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), ua = 10, ma = 1e-4, Fn = (() => {
+const Ce = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), ua = 10, ma = 1e-4, Fn = (() => {
   const t = [];
   for (const a of wa)
     for (const n of a.chains)
@@ -2354,13 +2360,13 @@ function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
     fetchQuotes: d,
     createOrder: s,
     orderLoading: h
-  } = Xe(), p = P(), f = c.flowType === "sell", [g, k] = w(null), R = r == null ? void 0 : r.gateways.find((q) => q.id === u), y = (J = l == null ? void 0 : l.bestQuote) != null && J.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, E = parseFloat(c.fiatAmount) || 0, K = !!(a && n && !f && Ea(c.cryptoCurrency) && y), ee = K && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), z = K && E > 0 ? Bt(ee ? E : E / y) : null, ie = async () => {
+  } = Xe(), p = P(), f = c.flowType === "sell", [g, k] = w(null), R = r == null ? void 0 : r.gateways.find((ee) => ee.id === u), y = (J = l == null ? void 0 : l.bestQuote) != null && J.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, E = parseFloat(c.fiatAmount) || 0, K = !!(a && n && !f && Ea(c.cryptoCurrency) && y), te = K && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), z = K && E > 0 ? Bt(te ? E : E / y) : null, ie = async () => {
     k(null);
     try {
       d(), await s();
-    } catch (q) {
-      const Ce = q instanceof Error ? q.message : p("error.createOrderFailed");
-      k(Ce);
+    } catch (ee) {
+      const be = ee instanceof Error ? ee.message : p("error.createOrderFailed");
+      k(be);
     }
   };
   return o ? /* @__PURE__ */ i("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
@@ -2430,7 +2436,7 @@ function Pe({
   variant: r = "bottom"
 }) {
   const [o, c] = w(!1), [u, l] = w(!1);
-  B(() => {
+  U(() => {
     if (t)
       c(!0), requestAnimationFrame(() => requestAnimationFrame(() => l(!0)));
     else if (o) {
@@ -2442,7 +2448,7 @@ function Pe({
   const d = O(() => {
     l(!1), setTimeout(() => a(), 250);
   }, [a]);
-  return B(() => {
+  return U(() => {
     if (!t) return;
     const p = (f) => {
       f.key === "Escape" && d();
@@ -2508,7 +2514,7 @@ function Ra({
   className: r = "",
   background: o
 }) {
-  const [c, u] = w(!1), [l, d] = w(!1), s = I(t);
+  const [c, u] = w(!1), [l, d] = w(!1), s = M(t);
   s.current !== t && (s.current = t, u(!1), d(!1));
   const h = O(() => u(!0), []), p = O(() => d(!0), []);
   return /* @__PURE__ */ i(
@@ -2920,9 +2926,9 @@ function $n({ type: t, title: a, description: n, visible: r, onDismiss: o }) {
       u(!1), d(!1), o();
     }, 200);
   }, [o]);
-  return B(() => {
+  return U(() => {
     r && (u(!0), d(!1));
-  }, [r]), B(() => {
+  }, [r]), U(() => {
     if (!r || !c) return;
     const p = setTimeout(s, 5e3);
     return () => clearTimeout(p);
@@ -3149,7 +3155,7 @@ function Qn({
 }
 const ha = ["BTC", "ETH", "SOL"];
 function fa({ src: t, alt: a, size: n, className: r, style: o }) {
-  const [c, u] = w(!1), [l, d] = w(!1), s = I(t);
+  const [c, u] = w(!1), [l, d] = w(!1), s = M(t);
   s.current !== t && (s.current = t, u(!1), d(!1));
   const h = O(() => u(!0), []), p = O(() => d(!0), []);
   return /* @__PURE__ */ i("div", { className: r, style: { ...o, width: n, height: n, position: "relative" }, children: [
@@ -3218,10 +3224,10 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     }
     const g = f.split(/\s+/), k = [];
     for (const y of s) {
-      const E = yt(y.chain), K = E ? E.name.toLowerCase() : "", ee = ((R = E == null ? void 0 : E.shortName) == null ? void 0 : R.toLowerCase()) || "", z = y.chain.toLowerCase(), ie = y.code.toLowerCase(), J = y.name.toLowerCase(), q = [ie, J, K, ee, z];
-      if (!g.every((T) => q.some((C) => C.includes(T)))) continue;
-      let te = 0;
-      ie === f ? te += 100 : ie.startsWith(g[0]) && (te += 50), y.popular && (te += 10), g.length > 1 && (K.includes(g[1]) || ee.includes(g[1]) || z.includes(g[1])) && (te += 25), k.push({ item: y, score: te });
+      const E = yt(y.chain), K = E ? E.name.toLowerCase() : "", te = ((R = E == null ? void 0 : E.shortName) == null ? void 0 : R.toLowerCase()) || "", z = y.chain.toLowerCase(), ie = y.code.toLowerCase(), J = y.name.toLowerCase(), ee = [ie, J, K, te, z];
+      if (!g.every((L) => ee.some((C) => C.includes(L)))) continue;
+      let ae = 0;
+      ie === f ? ae += 100 : ie.startsWith(g[0]) && (ae += 50), y.popular && (ae += 10), g.length > 1 && (K.includes(g[1]) || te.includes(g[1]) || z.includes(g[1])) && (ae += 25), k.push({ item: y, score: ae });
     }
     return k.sort((y, E) => E.score - y.score), k.map((y) => y.item);
   }, [s, l, o, c]);
@@ -4364,8 +4370,8 @@ function wr({
   onBlur: l,
   focused: d
 }) {
-  const s = P(), h = o && t.trim().length >= 10, [p, f] = w(!1), g = I(r);
-  return B(() => {
+  const s = P(), h = o && t.trim().length >= 10, [p, f] = w(!1), g = M(r);
+  return U(() => {
     if (r && !g.current) {
       f(!0);
       const k = setTimeout(() => f(!1), 400);
@@ -4596,25 +4602,25 @@ function Rr({
   showThemeToggle: y = !0,
   autoRedirect: E = !1,
   explorerUrl: K,
-  doneButtonText: ee,
+  doneButtonText: te,
   supportEmail: z,
   stablecoinParity: ie,
   partnerName: J,
-  containerHeight: q,
-  locale: Ce,
-  onDone: te
+  containerHeight: ee,
+  locale: be,
+  onDone: ae
 }) {
   var na, ra;
-  const T = P(), {
+  const L = P(), {
     state: C,
     dispatch: F,
     config: m,
-    configLoading: M,
+    configLoading: D,
     quotes: N,
-    quotesLoading: S,
-    quotesError: ae,
+    quotesLoading: b,
+    quotesError: ne,
     fetchQuotes: pe,
-    createOrder: be,
+    createOrder: Se,
     orderLoading: Te,
     amountError: he,
     fieldLocks: le,
@@ -4622,21 +4628,23 @@ function Rr({
     assetBaseUrl: X,
     availableFiats: fe,
     availableCryptos: Qe,
-    availablePaymentMethods: re,
+    availablePaymentMethods: oe,
     selectionUnsupported: ye,
     quotesEmpty: G,
     bestUnavailableReason: Ke
-  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, j] = w(null), [lt, $] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, A] = w(!1), [L, D] = w(!1), [U, _] = w(null), [ue, Se] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = I(null), Nt = I(), Et = I(C.flowType), Ma = q ?? 640, Zt = I(N);
-  B(() => {
-    N && N !== Zt.current && D(!1), Zt.current = N;
-  }, [N]), B(() => {
-    L || v || N != null && N.bestQuote && F({ type: "SELECT_QUOTE", quote: N.bestQuote });
-  }, [N == null ? void 0 : N.bestQuote, L, v, F]), B(() => {
+  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, j] = w(null), [lt, $] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, A] = w(!1), [T, B] = w(!1), [I, _] = w(null), [ue, ge] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = M(null), Nt = M(), Et = M(C.flowType), Ma = ee ?? 640, Zt = M(N);
+  U(() => {
+    N && N !== Zt.current && B(!1), Zt.current = N;
+  }, [N]), U(() => {
+    b && !T && F({ type: "CLEAR_QUOTE" });
+  }, [b, T, F]), U(() => {
+    T || v || N != null && N.bestQuote && F({ type: "SELECT_QUOTE", quote: N.bestQuote });
+  }, [N == null ? void 0 : N.bestQuote, T, v, F]), U(() => {
     _e(a === "dark");
-  }, [a]), B(() => {
-    const x = setTimeout(() => St(!1), M ? 0 : 800);
+  }, [a]), U(() => {
+    const x = setTimeout(() => St(!1), D ? 0 : 800);
     return () => clearTimeout(x);
-  }, [M]), B(() => {
+  }, [D]), U(() => {
     if (Et.current !== C.flowType && !tt) {
       Et.current = C.flowType, st(!0), $(!1), Je(!1);
       const x = setTimeout(() => st(!1), 350);
@@ -4644,18 +4652,20 @@ function Rr({
     }
     Et.current = C.flowType;
   }, [C.flowType, tt]);
-  const dt = C.flowType, H = dt === "buy", ne = C.cryptoCurrency || "BTC", ge = C.fiatCurrency || "USD", Rt = H ? C.fiatAmount : C.cryptoAmount, oe = Ln(Rt), xe = C.selectedQuote || (N == null ? void 0 : N.bestQuote) || null, we = xe != null && xe.exchangeRate ? parseFloat(xe.exchangeRate) : null, at = I(null);
-  we && ne && ge && (at.current = { rate: we, crypto: ne, fiat: ge }), B(() => {
-    (G || ae) && (at.current = null);
-  }, [G, ae]);
+  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", Rt = H ? C.fiatAmount : C.cryptoAmount, q = Ln(Rt), ve = C.selectedQuote || (N == null ? void 0 : N.bestQuote) || null, we = ve != null && ve.exchangeRate ? parseFloat(ve.exchangeRate) : null, at = M(null);
+  we && re && xe && (at.current = { rate: we, crypto: re, fiat: xe }), U(() => {
+    (G || ne) && (at.current = null);
+  }, [G, ne]), U(() => {
+    q || (ge(!1), C.selectedQuote && F({ type: "CLEAR_QUOTE" }));
+  }, [q, C.selectedQuote, F]);
   const Ie = W(() => {
-    if (xe) {
-      const x = H ? xe.cryptoAmount : xe.fiatAmount;
+    if (ve) {
+      const x = H ? ve.cryptoAmount : ve.fiatAmount;
       if (x) return x;
     }
     return "0";
-  }, [xe, H]), At = I(Ie);
-  B(() => {
+  }, [ve, H]), At = M(Ie);
+  U(() => {
     if (Ie !== At.current && Ie !== "0" && At.current !== "0") {
       Gt(!0);
       const x = setTimeout(() => Gt(!1), 500);
@@ -4663,13 +4673,13 @@ function Rr({
     }
     At.current = Ie;
   }, [Ie]);
-  const nt = !!(ie && J && H && Ea(ne) && we), Da = nt && ne.toUpperCase().includes(ge.toUpperCase()), Xt = nt && oe > 0 ? Bt(Da ? oe : oe / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = W(() => {
+  const nt = !!(ie && J && H && Ea(re) && we), Da = nt && re.toUpperCase().includes(xe.toUpperCase()), Xt = nt && q > 0 ? Bt(Da ? q : q / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = W(() => {
     var Y, De, Ge;
-    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), b = we ? ne : (De = at.current) == null ? void 0 : De.crypto, V = we ? ge : (Ge = at.current) == null ? void 0 : Ge.fiat;
-    return !x || !b || !V ? "" : `1 ${b} ≈ ${x.toFixed(2)} ${V}`;
-  }, [ne, ge, we]);
-  B(() => {
-    const x = C.walletAddress.trim(), b = C.network;
+    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), S = we ? re : (De = at.current) == null ? void 0 : De.crypto, V = we ? xe : (Ge = at.current) == null ? void 0 : Ge.fiat;
+    return !x || !S || !V ? "" : `1 ${S} ≈ ${x.toFixed(2)} ${V}`;
+  }, [re, xe, we]);
+  U(() => {
+    const x = C.walletAddress.trim(), S = C.network;
     if (!x || x.length < 10) {
       Ue(null), F({ type: "SET_WALLET_ERROR", message: "" });
       return;
@@ -4682,14 +4692,14 @@ function Rr({
         const Ut = await (await fetch(`${ce.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: x, ...b ? { network: b } : {} }),
+          body: JSON.stringify({ address: x, ...S ? { network: S } : {} }),
           signal: V.signal
         })).json(), It = ((Y = Ut.data) == null ? void 0 : Y.attributes) || Ut.data || Ut;
         if (It.isValid)
           Ue(!0), F({ type: "SET_WALLET_ERROR", message: "" });
         else {
           Ue(!1);
-          const tn = ((De = It.errors) == null ? void 0 : De[0]) || ((Ge = It.details) == null ? void 0 : Ge.formatMessage) || T("wallet.invalidServer");
+          const tn = ((De = It.errors) == null ? void 0 : De[0]) || ((Ge = It.details) == null ? void 0 : Ge.formatMessage) || L("wallet.invalidServer");
           F({ type: "SET_WALLET_ERROR", message: tn });
         }
       } catch (Ft) {
@@ -4702,10 +4712,10 @@ function Rr({
       clearTimeout(Nt.current), V.abort();
     };
   }, [C.walletAddress, C.network, ce.apiUrl]);
-  const ut = !Rt || oe === 0, Tt = oe > 0 && (H ? oe < ua : oe < ma), Pa = !!he || Tt || lt && ut, Oa = oe > 0 && !he && !Tt, Yt = C.walletAddress.trim().length >= 10 && et !== !1 && !je, Qt = Oa && (H ? Yt : !0) && !!C.cryptoCurrency && !!C.network, Ka = (x) => {
-    let b = x.target.value.replace(/[^0-9.,]/g, "");
-    const V = H ? 2 : 6, Y = b.indexOf(".");
-    Y !== -1 && b.length - Y - 1 > V && (b = b.slice(0, Y + V + 1)), F(H ? { type: "SET_FIAT_AMOUNT", amount: b } : { type: "SET_CRYPTO_AMOUNT", amount: b });
+  const ut = !Rt || q === 0, Tt = q > 0 && (H ? q < ua : q < ma), Pa = !!he || Tt || lt && ut, Oa = q > 0 && !he && !Tt, Yt = C.walletAddress.trim().length >= 10 && et !== !1 && !je, Qt = Oa && (H ? Yt : !0) && !!C.cryptoCurrency && !!C.network, Ka = (x) => {
+    let S = x.target.value.replace(/[^0-9.,]/g, "");
+    const V = H ? 2 : 6, Y = S.indexOf(".");
+    Y !== -1 && S.length - Y - 1 > V && (S = S.slice(0, Y + V + 1)), F(H ? { type: "SET_FIAT_AMOUNT", amount: S } : { type: "SET_CRYPTO_AMOUNT", amount: S });
   }, _a = (x) => {
     x !== dt && F({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: le });
   }, ja = O(
@@ -4714,8 +4724,8 @@ function Rr({
     },
     [F]
   ), Va = O(
-    (x, b) => {
-      F({ type: "SET_CRYPTO_CURRENCY", currency: x }), F({ type: "SET_CRYPTO_CHAIN", chain: b });
+    (x, S) => {
+      F({ type: "SET_CRYPTO_CURRENCY", currency: x }), F({ type: "SET_CRYPTO_CHAIN", chain: S });
     },
     [F]
   ), Wa = O(
@@ -4738,51 +4748,51 @@ function Rr({
       return;
     }
     if (C.selectedQuote) {
-      be().catch((x) => {
-        _({ type: "error", title: T("toast.orderFailed"), desc: x instanceof Error ? x.message : T("toast.couldNotCreate") });
+      Se().catch((x) => {
+        _({ type: "error", title: L("toast.orderFailed"), desc: x instanceof Error ? x.message : L("toast.couldNotCreate") });
       });
       return;
     }
     A(!0), pe();
   };
-  B(() => {
+  U(() => {
     var x;
-    if (!(!v || S)) {
+    if (!(!v || b)) {
       if (N != null && N.bestQuote)
-        A(!1), F({ type: "SELECT_QUOTE", quote: N.bestQuote }), be().catch((b) => {
-          _({ type: "error", title: T("toast.orderFailed"), desc: b instanceof Error ? b.message : T("toast.couldNotCreate") });
+        A(!1), F({ type: "SELECT_QUOTE", quote: N.bestQuote }), Se().catch((S) => {
+          _({ type: "error", title: L("toast.orderFailed"), desc: S instanceof Error ? S.message : L("toast.couldNotCreate") });
         });
-      else if (ae) {
+      else if (ne) {
         A(!1);
-        const b = ae.message || T("error.noProviders");
-        F({ type: "SET_ERROR", message: b }), _({ type: "error", title: T("toast.quoteError"), desc: b });
+        const S = ne.message || L("error.noProviders");
+        F({ type: "SET_ERROR", message: S }), _({ type: "error", title: L("toast.quoteError"), desc: S });
       } else if (N && !N.bestQuote) {
         A(!1);
-        const b = (x = N.unavailableGateways) == null ? void 0 : x.map((Y) => Y.reason).filter(Boolean), V = b != null && b.length ? `${T("error.noProviders")}: ${b.join("; ")}` : T("error.noProviders");
-        F({ type: "SET_ERROR", message: V }), _({ type: "error", title: T("toast.noProviders"), desc: V });
+        const S = (x = N.unavailableGateways) == null ? void 0 : x.map((Y) => Y.reason).filter(Boolean), V = S != null && S.length ? `${L("error.noProviders")}: ${S.join("; ")}` : L("error.noProviders");
+        F({ type: "SET_ERROR", message: V }), _({ type: "error", title: L("toast.noProviders"), desc: V });
       }
     }
-  }, [v, N, S, ae, F, be]);
-  const zt = I(C.step);
-  B(() => {
+  }, [v, N, b, ne, F, Se]);
+  const zt = M(C.step);
+  U(() => {
     const x = zt.current;
-    zt.current = C.step, x !== C.step && (C.step === "checkout" ? _({ type: "success", title: T("toast.orderCreated"), desc: T("toast.redirecting") }) : C.step === "error" && C.errorMessage && _({ type: "error", title: T("toast.somethingWrong"), desc: C.errorMessage }));
+    zt.current = C.step, x !== C.step && (C.step === "checkout" ? _({ type: "success", title: L("toast.orderCreated"), desc: L("toast.redirecting") }) : C.step === "error" && C.errorMessage && _({ type: "error", title: L("toast.somethingWrong"), desc: C.errorMessage }));
   }, [C.step, C.errorMessage]);
   const Ve = C.step === "amount";
-  B(() => {
-    Ve || Se(!1);
-  }, [Ve]), B(() => {
+  U(() => {
+    Ve || ge(!1);
+  }, [Ve]), U(() => {
     if (!ue || !Ve) return;
     kt(30);
     const x = setInterval(() => {
-      kt((b) => b <= 1 ? (pe(), 30) : b - 1);
+      kt((S) => S <= 1 ? (pe(), 30) : S - 1);
     }, 1e3);
     return () => clearInterval(x);
-  }, [ue, Ve, pe]), B(() => {
-    ue && Ve && !S && kt(30);
-  }, [S, ue, Ve]);
-  const Jt = se ? "theme-dark" : "theme-light", mt = sa.find((x) => x.id === Le) || sa[0], Qa = mt.accent === null, za = r ? ve(r) : !1, qt = (x) => {
-    const b = x.replace("#", ""), V = parseInt(b.substring(0, 2), 16), Y = parseInt(b.substring(2, 4), 16), De = parseInt(b.substring(4, 6), 16);
+  }, [ue, Ve, pe]), U(() => {
+    ue && Ve && !b && kt(30);
+  }, [b, ue, Ve]);
+  const Jt = se ? "theme-dark" : "theme-light", mt = sa.find((x) => x.id === Le) || sa[0], Qa = mt.accent === null, za = r ? Ce(r) : !1, qt = (x) => {
+    const S = x.replace("#", ""), V = parseInt(S.substring(0, 2), 16), Y = parseInt(S.substring(2, 4), 16), De = parseInt(S.substring(4, 6), 16);
     return (0.299 * V + 0.587 * Y + 0.114 * De) / 255 > 0.5 ? "#000000" : "#ffffff";
   }, ea = za ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": qt(r) } : Qa ? {
     "--t-accent": se ? "#ffffff" : "#111111",
@@ -4793,12 +4803,12 @@ function Rr({
     "--t-cta-bg": mt.accent,
     "--t-cta-text": qt(mt.accent)
   }, me = {};
-  d && ve(d) && (me["--t-surface"] = d, me["--t-modal-bg"] = d), s && ve(s) && (me["--t-pill-bg"] = s, me["--t-close-bg"] = s), h && ve(h) && (me["--t-text"] = h), p && ve(p) && (me["--t-text-secondary"] = p), f && ve(f) && (me["--t-text-muted"] = f, me["--t-text-tertiary"] = f), g && ve(g) && (me["--t-success"] = g);
+  d && Ce(d) && (me["--t-surface"] = d, me["--t-modal-bg"] = d), s && Ce(s) && (me["--t-pill-bg"] = s, me["--t-close-bg"] = s), h && Ce(h) && (me["--t-text"] = h), p && Ce(p) && (me["--t-text-secondary"] = p), f && Ce(f) && (me["--t-text-muted"] = f, me["--t-text-tertiary"] = f), g && Ce(g) && (me["--t-success"] = g);
   const Me = {};
-  o && ve(o) ? Me.backgroundColor = o : Me.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Me.backgroundImage = `url(${c})`, Me.backgroundSize = "cover", Me.backgroundPosition = "center");
+  o && Ce(o) ? Me.backgroundColor = o : Me.backgroundColor = "var(--t-bg)", c && (c.startsWith("https://") || c.startsWith("data:image/")) && (Me.backgroundImage = `url(${c})`, Me.backgroundSize = "cover", Me.backgroundPosition = "center");
   const pt = {};
-  u && ve(u) && (pt.border = `1px solid ${u}`), l && (pt.borderRadius = l);
-  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? T("error.amountZero") : H ? T("error.minAmountFiat", { min: String(ua), currency: ge }) : T("error.minAmountCrypto", { min: String(ma), currency: ne }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? T("wallet.invalid") : void 0, Lt = re.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(bn, { autoRedirect: E }) : C.step === "processing" ? /* @__PURE__ */ e(wn, {}) : C.step === "complete" ? /* @__PURE__ */ e(kn, { explorerUrl: K, doneButtonText: ee, onDone: te }) : C.step === "error" ? /* @__PURE__ */ e(Nn, { supportEmail: z, onDone: te, doneButtonText: ee }) : C.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: nt, partnerName: J }) : null;
+  u && Ce(u) && (pt.border = `1px solid ${u}`), l && (pt.borderRadius = l);
+  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? L("error.amountZero") : H ? L("error.minAmountFiat", { min: String(ua), currency: xe }) : L("error.minAmountCrypto", { min: String(ma), currency: re }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? L("wallet.invalid") : void 0, Lt = oe.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(bn, { autoRedirect: E }) : C.step === "processing" ? /* @__PURE__ */ e(wn, {}) : C.step === "complete" ? /* @__PURE__ */ e(kn, { explorerUrl: K, doneButtonText: te, onDone: ae }) : C.step === "error" ? /* @__PURE__ */ e(Nn, { supportEmail: z, onDone: ae, doneButtonText: te }) : C.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: nt, partnerName: J }) : null;
   return aa ? /* @__PURE__ */ e(
     "div",
     {
@@ -4839,13 +4849,13 @@ function Rr({
             darkMode: se
           }
         ),
-        tt || wt || M ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: M ? /* @__PURE__ */ e(In, {}) : /* @__PURE__ */ e(Zn, {}) }) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden pt-[88px] px-3 flex flex-col gap-1 tab-fade-in", children: [
+        tt || wt || D ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: D ? /* @__PURE__ */ e(In, {}) : /* @__PURE__ */ e(Zn, {}) }) : /* @__PURE__ */ i("div", { className: "flex-1 overflow-hidden pt-[88px] px-3 flex flex-col gap-1 tab-fade-in", children: [
           /* @__PURE__ */ e(
             ur,
             {
               amount: Rt,
               onAmountChange: Ka,
-              currencyCode: H ? ge : ne,
+              currencyCode: H ? xe : re,
               isBuy: H,
               onOpenModal: () => j(H ? "fiat" : "crypto"),
               assetBaseUrl: X,
@@ -4863,31 +4873,33 @@ function Rr({
             hr,
             {
               amount: Ba,
-              currencyCode: H ? ne : ge,
+              currencyCode: H ? re : xe,
               chainCode: H ? rt : void 0,
               chainDisplay: H ? ta : void 0,
               isBuy: H,
               onOpenModal: () => j(H ? "crypto" : "fiat"),
               displayRate: Ha,
               assetBaseUrl: X,
-              quotesLoading: S,
-              onOpenRateBreakdown: () => Se(!0),
+              quotesLoading: b,
+              onOpenRateBreakdown: () => {
+                q > 0 && ge(!0);
+              },
               fieldLocks: le,
-              spendNumeric: oe,
+              spendNumeric: q,
               getChainIconUrl: H ? Dt : void 0,
               autoSelectPending: v,
               rateFlash: Fa
             }
           ),
-          G && oe > 0 && /* @__PURE__ */ e(
+          G && q > 0 && /* @__PURE__ */ e(
             "div",
             {
               className: "px-4 py-2.5 mt-1",
               style: { background: "var(--t-surface)", borderRadius: "var(--t-card-radius)", fontSize: 12, color: "var(--t-error)", lineHeight: "16px" },
-              children: Ke || T("error.noProviders")
+              children: Ke || L("error.noProviders")
             }
           ),
-          nt && oe > 0 && (N == null ? void 0 : N.bestQuote) && /* @__PURE__ */ i(
+          nt && q > 0 && (N == null ? void 0 : N.bestQuote) && /* @__PURE__ */ i(
             "div",
             {
               className: "flex items-start gap-2 mt-1 px-4 py-2.5",
@@ -4897,27 +4909,27 @@ function Rr({
                   /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1.5" }),
                   /* @__PURE__ */ e("path", { d: "M8 7v4M8 5.5v-.01", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
                 ] }),
-                /* @__PURE__ */ e("span", { children: T("parity.info", { receiveAmount: Ie, crypto: ne, spendAmount: Bt(oe), fiat: ge, partner: J || "" }) })
+                /* @__PURE__ */ e("span", { children: L("parity.info", { receiveAmount: Ie, crypto: re, spendAmount: Bt(q), fiat: xe, partner: J || "" }) })
               ]
             }
           ),
-          (N || S) && /* @__PURE__ */ e(
+          (N || b) && /* @__PURE__ */ e(
             yr,
             {
               selectedQuote: C.selectedQuote,
-              quotesLoading: S,
+              quotesLoading: b,
               onOpenModal: () => j("provider"),
               assetBaseUrl: X
             }
           ),
-          (re.length > 0 || (m == null ? void 0 : m.paymentMethods) && m.paymentMethods.length > 0) && (Lt.length > 0 ? /* @__PURE__ */ e(
+          (oe.length > 0 || (m == null ? void 0 : m.paymentMethods) && m.paymentMethods.length > 0) && (Lt.length > 0 ? /* @__PURE__ */ e(
             fr,
             {
               selectedMethod: en,
               onOpenModal: () => j("payment"),
               darkMode: se,
               getMethodIcon: Wt,
-              getMethodDisplayName: (x, b) => Vt(x, b, T, !0)
+              getMethodDisplayName: (x, S) => Vt(x, S, L, !0)
             }
           ) : /* @__PURE__ */ e(
             "div",
@@ -4928,7 +4940,7 @@ function Rr({
                 borderRadius: "var(--t-card-radius)",
                 height: 56
               },
-              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: T("payment.noneAvailable") })
+              children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: L("payment.noneAvailable") })
             }
           )),
           H && /* @__PURE__ */ e(
@@ -4936,7 +4948,7 @@ function Rr({
             {
               address: C.walletAddress,
               onChange: (x) => F({ type: "SET_WALLET_ADDRESS", address: x }),
-              placeholder: T("wallet.placeholderBuy"),
+              placeholder: L("wallet.placeholderBuy"),
               isBuy: H,
               error: qa,
               validating: je,
@@ -4949,12 +4961,12 @@ function Rr({
             }
           ),
           /* @__PURE__ */ e("div", { className: "flex-1", style: { minHeight: 16 } }),
-          ye && /* @__PURE__ */ e("div", { className: "text-[12px] text-center mb-2", style: { color: "var(--t-error)" }, children: T(H ? "error.currencyUnavailableBuy" : "error.currencyUnavailableSell") }),
+          ye && /* @__PURE__ */ e("div", { className: "text-[12px] text-center mb-2", style: { color: "var(--t-error)" }, children: L(H ? "error.currencyUnavailableBuy" : "error.currencyUnavailableSell") }),
           /* @__PURE__ */ i("div", { className: "flex flex-col gap-3 pb-3", children: [
             /* @__PURE__ */ e(
               kr,
               {
-                label: H ? T("cta.buy", { crypto: ne }) : T("cta.sell", { crypto: ne }),
+                label: H ? L("cta.buy", { crypto: re }) : L("cta.sell", { crypto: re }),
                 disabled: !Qt || Te || v || ye || G,
                 loading: Te || v,
                 onClick: Ya
@@ -4963,34 +4975,34 @@ function Rr({
             /* @__PURE__ */ e(Nr, {})
           ] })
         ] }, dt),
-        U && /* @__PURE__ */ e(
+        I && /* @__PURE__ */ e(
           $n,
           {
-            type: U.type,
-            title: U.title,
-            description: U.desc,
-            visible: !!U,
+            type: I.type,
+            title: I.title,
+            description: I.desc,
+            visible: !!I,
             onDismiss: () => _(null)
           }
         ),
-        /* @__PURE__ */ e(Xn, { isOpen: ue, onClose: () => Se(!1), children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Xn, { isOpen: ue, onClose: () => ge(!1), children: /* @__PURE__ */ e(
           Er,
           {
-            quote: xe,
+            quote: ve,
             isOpen: ue,
-            onClose: () => Se(!1),
+            onClose: () => ge(!1),
             countdown: La,
-            quotesLoading: S
+            quotesLoading: b
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "fiat", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
           Qn,
           {
             onClose: x,
-            onSelect: (b) => {
-              ja(b), x();
+            onSelect: (S) => {
+              ja(S), x();
             },
-            currencies: fe.map((b) => ({ code: b.code, name: b.code })),
+            currencies: fe.map((S) => ({ code: S.code, name: S.code })),
             assetBaseUrl: X,
             selectedCode: C.fiatCurrency
           }
@@ -4999,15 +5011,15 @@ function Rr({
           zn,
           {
             onClose: x,
-            onSelect: (b, V) => {
-              Va(b, V), x();
+            onSelect: (S, V) => {
+              Va(S, V), x();
             },
-            cryptos: Qe.map((b) => {
+            cryptos: Qe.map((S) => {
               var V;
               return {
-                code: b.code,
-                name: b.code,
-                networks: (V = b.networks) == null ? void 0 : V.map((Y) => ({ code: Y.id, name: Y.name }))
+                code: S.code,
+                name: S.code,
+                networks: (V = S.networks) == null ? void 0 : V.map((Y) => ({ code: Y.id, name: Y.name }))
               };
             }),
             assetBaseUrl: X,
@@ -5018,10 +5030,10 @@ function Rr({
         /* @__PURE__ */ e(Pe, { isOpen: de === "payment", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
           ar,
           {
-            methods: re,
+            methods: oe,
             selectedId: C.paymentMethodId,
-            onSelect: (b) => {
-              Wa(b), x();
+            onSelect: (S) => {
+              Wa(S), x();
             },
             onClose: x
           }
@@ -5030,12 +5042,12 @@ function Rr({
           Sr,
           {
             quotes: N,
-            quotesLoading: S,
-            cryptoCurrency: ne,
+            quotesLoading: b,
+            cryptoCurrency: re,
             selectedGatewayId: C.selectedProvider,
             assetBaseUrl: X,
-            onSelect: (b) => {
-              D(!0), F({ type: "SELECT_QUOTE", quote: b }), x();
+            onSelect: (S) => {
+              B(!0), F({ type: "SELECT_QUOTE", quote: S }), x();
             },
             onClose: x
           }
@@ -5047,8 +5059,8 @@ function Rr({
             darkMode: se,
             onToggleDarkMode: _e,
             skinId: Le,
-            onSelectSkin: (b) => {
-              Ct(b);
+            onSelectSkin: (S) => {
+              Ct(S);
             },
             showThemeToggle: y,
             country: C.country,
@@ -5062,8 +5074,8 @@ function Rr({
           lr,
           {
             onClose: x,
-            onSelect: (b) => {
-              Ga(b), x();
+            onSelect: (S) => {
+              Ga(S), x();
             },
             assetBaseUrl: X,
             selectedCode: C.country
@@ -5073,8 +5085,8 @@ function Rr({
           sr,
           {
             onClose: x,
-            onSelect: (b) => {
-              vt(b), x();
+            onSelect: (S) => {
+              vt(S), x();
             },
             selectedCode: ze
           }
@@ -5103,23 +5115,23 @@ function Ar({
   statusPollInterval: y,
   onComplete: E,
   onError: K,
-  className: ee,
+  className: te,
   theme: z,
   skinId: ie,
   accentColor: J,
-  bgColor: q,
-  bgImage: Ce,
-  borderColor: te,
-  borderRadius: T,
+  bgColor: ee,
+  bgImage: be,
+  borderColor: ae,
+  borderRadius: L,
   surfaceColor: C,
   inputBgColor: F,
   textColor: m,
-  textSecondaryColor: M,
+  textSecondaryColor: D,
   textMutedColor: N,
-  successColor: S,
-  showFlowToggle: ae,
+  successColor: b,
+  showFlowToggle: ne,
   showSettings: pe,
-  showThemeToggle: be,
+  showThemeToggle: Se,
   autoRedirect: Te,
   explorerUrl: he,
   doneButtonText: le,
@@ -5127,7 +5139,7 @@ function Ar({
   stablecoinParity: X,
   partnerName: fe,
   containerHeight: Qe,
-  locale: re,
+  locale: oe,
   onDone: ye
 }) {
   return /* @__PURE__ */ e(
@@ -5152,26 +5164,26 @@ function Ar({
       statusPollInterval: y,
       onComplete: E,
       onError: K,
-      children: /* @__PURE__ */ e(vn, { defaultLocale: re || "en", children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(vn, { defaultLocale: oe || "en", children: /* @__PURE__ */ e(
         Rr,
         {
-          className: ee,
+          className: te,
           theme: z,
           skinId: ie,
           accentColor: J,
-          bgColor: q,
-          bgImage: Ce,
-          borderColor: te,
-          borderRadius: T,
+          bgColor: ee,
+          bgImage: be,
+          borderColor: ae,
+          borderRadius: L,
           surfaceColor: C,
           inputBgColor: F,
           textColor: m,
-          textSecondaryColor: M,
+          textSecondaryColor: D,
           textMutedColor: N,
-          successColor: S,
-          showFlowToggle: ae,
+          successColor: b,
+          showFlowToggle: ne,
           showSettings: pe,
-          showThemeToggle: be,
+          showThemeToggle: Se,
           autoRedirect: Te,
           explorerUrl: he,
           doneButtonText: le,