@nowramp/form 0.2.3 → 0.2.4

package/dist/index.js

@@ -8,8 +8,8 @@
 }`;
   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 M, useCallback as O, useEffect as U, useMemo as W, useReducer as an, useContext as ga, createContext as xa } from "react";
+import { jsx as e, jsxs as i, Fragment as G } from "react/jsx-runtime";
+import ke, { useState as w, useRef as M, useCallback as O, useEffect as U, useMemo as V, useReducer as an, useContext as ga, createContext as xa } from "react";
 import { RampApi as gt } from "@nowramp/sdk";
 import { createPortal as oa } from "react-dom";
 function nn(t, a, n) {
@@ -537,29 +537,29 @@ function xn(t) {
     defaultGateway: k,
     defaultCountry: R,
     fieldLocks: y,
-    partnerMetadata: E,
+    partnerMetadata: N,
     statusPollInterval: K = 5e3,
-    onComplete: te,
-    onError: z,
+    onComplete: z,
+    onError: J,
     children: ie
-  } = 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, {
+  } = t, q = V(() => ({ apiUrl: r, projectId: n }), [r, n]), te = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), be = c === "sell", ae = be ? !!f : !!p, C = (be ? !!(ae && s && te) : !!(ae && s && te && g)) && k ? "confirm" : "amount", F = p || (c === "buy" ? "250" : ""), [m, D] = an(gn, {
     ...va,
     step: C,
     flowType: c,
     fiatCurrency: d,
     cryptoCurrency: s,
-    network: ee,
+    network: te,
     fiatAmount: ia(F, 2),
     cryptoAmount: ia(f, 6),
     walletAddress: g,
     customerId: u,
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
     ...R ? { country: R.toLowerCase(), countrySource: "manual" } : {}
-  }), N = m.flowType === "sell", {
+  }), E = m.flowType === "sell", {
     config: b,
     loading: ne,
     error: pe
-  } = nn(J, m.flowType, m.country || void 0), Se = M(!1);
+  } = nn(q, m.flowType, m.country || void 0), Se = M(!1);
   ke.useEffect(() => {
     var B, I;
     if (Se.current || !(b != null && b.detectedCountry) || m.country) return;
@@ -587,13 +587,13 @@ function xn(t) {
   const le = M(m.fiatCurrency);
   ke.useEffect(() => {
     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;
+    if (m.fiatCurrency === le.current || (le.current = m.fiatCurrency, E || !((B = b == null ? void 0 : b.fiats) != null && B.length) || !m.fiatAmount)) return;
     const v = b.fiats.find((I) => I.code === m.fiatCurrency);
     if (!(v != null && v.minAmount)) return;
     const A = parseFloat(m.fiatAmount), T = parseFloat(v.minAmount);
     !isNaN(A) && !isNaN(T) && A < T && D({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(T)) });
-  }, [m.fiatCurrency, m.fiatAmount, b, N]);
-  const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = W(() => {
+  }, [m.fiatCurrency, m.fiatAmount, b, E]);
+  const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = V(() => {
     var T, B, I;
     if (!b)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
@@ -616,7 +616,7 @@ function xn(t) {
         m.fiatCurrency
       )
     };
-  }, [b, m.cryptoCurrency, m.network, m.fiatCurrency]), Qe = W(() => {
+  }, [b, m.cryptoCurrency, m.network, m.fiatCurrency]), Qe = V(() => {
     var v, A, T;
     return ne || !b ? !1 : mn(
       b,
@@ -669,8 +669,8 @@ function xn(t) {
     y,
     D
   ]);
-  const oe = W(() => {
-    if (N) {
+  const oe = V(() => {
+    if (E) {
       if (!m.cryptoAmount) return null;
       const I = parseFloat(m.cryptoAmount);
       return isNaN(I) || I <= 0 ? "Enter a valid amount" : null;
@@ -682,34 +682,34 @@ function xn(t) {
     if (!A) return null;
     const T = parseFloat(A.minAmount), B = parseFloat(A.maxAmount);
     return !isNaN(T) && v < T ? `Minimum amount is ${A.minAmount} ${m.fiatCurrency}` : !isNaN(B) && v > B ? `Maximum amount is ${A.maxAmount} ${m.fiatCurrency}` : null;
-  }, [b, m.fiatAmount, m.fiatCurrency, m.cryptoAmount, N]), ye = W(() => {
-    const v = N ? !!m.cryptoAmount : !!m.fiatAmount;
+  }, [b, m.fiatAmount, m.fiatCurrency, m.cryptoAmount, E]), ye = V(() => {
+    const v = E ? !!m.cryptoAmount : !!m.fiatAmount;
     return !b || !v || !m.fiatCurrency || !m.cryptoCurrency || !m.network || oe || b.detectedCountry && m.countrySource === "" && !R ? null : {
       fiatCurrency: m.fiatCurrency,
-      ...N ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
+      ...E ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
       cryptoCurrency: m.cryptoCurrency,
       network: m.network,
       paymentMethodId: m.paymentMethodId || void 0,
       country: m.country || void 0,
       orderType: m.flowType
     };
-  }, [b, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, oe, N, m.flowType, R]), {
-    quotes: G,
+  }, [b, m.fiatCurrency, m.fiatAmount, m.cryptoAmount, m.cryptoCurrency, m.network, m.paymentMethodId, m.country, m.countrySource, oe, E, m.flowType, R]), {
+    quotes: $,
     loading: Ke,
     error: ze,
     refetch: vt
-  } = rn(J, ye), se = pn(Ke, G, ye), _e = M(!1);
+  } = rn(q, ye), se = pn(Ke, $, 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, D({ type: "SET_FIAT_CURRENCY", currency: "USD" }), D({ type: "SET_FIAT_AMOUNT", amount: "250" })));
-  }, [G, Ke, ze, ye, m.countrySource, m.fiatCurrency]);
+    _e.current || m.countrySource === "auto" && ((v = y == null ? void 0 : y.sourceCurrency) != null && v.locked || a.current || Ke || !ye || ze || !$ || $.bestQuote || m.fiatCurrency !== "USD" && (_e.current = !0, D({ type: "SET_FIAT_CURRENCY", currency: "USD" }), D({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [$, Ke, ze, ye, m.countrySource, m.fiatCurrency]);
   const {
     order: Le,
     loading: Ct,
     error: de,
     createOrder: j
-  } = on(J), lt = 15e3, {
-    status: $,
+  } = on(q), lt = 15e3, {
+    status: Z,
     loading: bt
   } = ln(
     { apiUrl: r },
@@ -717,19 +717,19 @@ function xn(t) {
     { pollInterval: K, initialDelay: lt }
   ), Je = M(null);
   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(() => {
+    !(Z != null && Z.status) || !z || yn.includes(Z.status) && Je.current !== Z.orderId && (Je.current = Z.orderId, z(Z));
+  }, [Z == null ? void 0 : Z.status, Z == null ? void 0 : Z.orderId, z]), ke.useEffect(() => {
     const v = pe || de;
-    v && z && z(v);
-  }, [pe, de, z]);
-  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 = M(Fe);
+    v && J && J(v);
+  }, [pe, de, J]);
+  const Fe = k || (b == null ? void 0 : b.defaultGateway) || null, ct = V(() => {
+    if (!se || !($ != null && $.unavailableGateways)) return null;
+    const v = $.preferredGatewayId || Fe;
+    return hn($.unavailableGateways, v);
+  }, [se, $, Fe]), je = M(Fe);
   je.current = Fe;
-  const qe = M(G);
-  qe.current = G;
+  const qe = M($);
+  qe.current = $;
   const et = M(l);
   et.current = l;
   const Ue = O(async () => {
@@ -745,7 +745,7 @@ function xn(t) {
         gateway: v,
         customerId: m.customerId || void 0,
         fiatCurrency: m.fiatCurrency,
-        ...N ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
+        ...E ? { cryptoAmount: m.cryptoAmount } : { fiatAmount: m.fiatAmount },
         cryptoCurrency: m.cryptoCurrency,
         network: m.network,
         walletAddress: m.walletAddress,
@@ -753,19 +753,19 @@ function xn(t) {
         email: m.email || void 0,
         orderType: m.flowType,
         ...et.current ? { metadata: { brand: et.current } } : {},
-        ...E && Object.keys(E).length > 0 ? { partnerMetadata: E } : {}
+        ...N && Object.keys(N).length > 0 ? { partnerMetadata: N } : {}
       }), D({ type: "SET_STEP", step: "checkout" });
     } catch (I) {
       const _ = I instanceof Error ? I.message : "Failed to create order";
       /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, j, E, N]), tt = O((v) => {
     D({ type: "SET_STEP", step: v });
   }, []), St = O(() => {
     const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = v.indexOf(m.step);
     A > 0 && D({ type: "SET_STEP", step: v[A - 1] });
-  }, [m.step, N]), wt = W(() => {
-    const v = N ? !!m.cryptoAmount : !!m.fiatAmount;
+  }, [m.step, E]), wt = V(() => {
+    const v = E ? !!m.cryptoAmount : !!m.fiatAmount;
     switch (m.step) {
       case "confirm":
         return !!(v && m.cryptoCurrency && m.network && m.walletAddress && !oe);
@@ -778,15 +778,15 @@ function xn(t) {
       default:
         return !1;
     }
-  }, [m, oe, N]), st = {
-    apiConfig: J,
+  }, [m, oe, E]), st = {
+    apiConfig: q,
     assetBaseUrl: o,
     config: b,
     configLoading: ne,
     configError: pe,
     state: m,
     dispatch: D,
-    quotes: G,
+    quotes: $,
     quotesLoading: Ke,
     quotesError: ze,
     fetchQuotes: vt,
@@ -794,7 +794,7 @@ function xn(t) {
     orderLoading: Ct,
     orderError: de,
     createOrder: Ue,
-    orderStatus: $,
+    orderStatus: Z,
     orderStatusLoading: bt,
     fieldLocks: y || null,
     defaultGateway: Fe,
@@ -1131,7 +1131,7 @@ function vn({
       return Sa(p, h);
     },
     [o]
-  ), d = W(
+  ), d = V(
     () => ({ locale: n, setLocale: u, t: l, languages: Ze }),
     [n, u, l]
   );
@@ -2350,7 +2350,7 @@ function pa(t) {
   return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
 }
 function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
-  var J;
+  var q;
   const {
     config: r,
     configLoading: o,
@@ -2360,12 +2360,12 @@ 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((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 () => {
+  } = Xe(), p = P(), f = c.flowType === "sell", [g, k] = w(null), R = r == null ? void 0 : r.gateways.find((te) => te.id === u), y = (q = l == null ? void 0 : l.bestQuote) != null && q.exchangeRate ? parseFloat(l.bestQuote.exchangeRate) : null, N = parseFloat(c.fiatAmount) || 0, K = !!(a && n && !f && Ea(c.cryptoCurrency) && y), z = K && c.cryptoCurrency.toUpperCase().includes(c.fiatCurrency.toUpperCase()), J = K && N > 0 ? Bt(z ? N : N / y) : null, ie = async () => {
     k(null);
     try {
       d(), await s();
-    } catch (ee) {
-      const be = ee instanceof Error ? ee.message : p("error.createOrderFailed");
+    } catch (te) {
+      const be = te instanceof Error ? te.message : p("error.createOrderFailed");
       k(be);
     }
   };
@@ -2382,20 +2382,20 @@ function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R.name })
         ] })
       ] }),
-      f ? /* @__PURE__ */ i(Z, { children: [
+      f ? /* @__PURE__ */ i(G, { children: [
         /* @__PURE__ */ e(He, { label: p("confirm.youSell"), value: `${c.cryptoAmount} ${c.cryptoCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(He, { label: p("confirm.youReceive"), value: p("confirm.payout", { currency: c.fiatCurrency }) })
-      ] }) : /* @__PURE__ */ i(Z, { children: [
+      ] }) : /* @__PURE__ */ i(G, { children: [
         /* @__PURE__ */ e(He, { label: p("confirm.youPay"), value: `${c.fiatAmount} ${c.fiatCurrency}`, highlight: !0 }),
         /* @__PURE__ */ e(
           He,
           {
             label: p("confirm.youReceive"),
-            value: z ? `${z} ${c.cryptoCurrency}` : p("confirm.cryptoOnNetwork", { crypto: c.cryptoCurrency, network: c.network })
+            value: J ? `${J} ${c.cryptoCurrency}` : p("confirm.cryptoOnNetwork", { crypto: c.cryptoCurrency, network: c.network })
           }
         ),
         /* @__PURE__ */ e(He, { label: p("confirm.wallet"), value: pa(c.walletAddress), mono: !0 }),
-        K && z && /* @__PURE__ */ e("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: p("confirm.parityNote", { amount: z, crypto: c.cryptoCurrency, partner: n }) })
+        K && J && /* @__PURE__ */ e("div", { className: "py-2 text-[11px]", style: { color: "var(--t-text-muted)", lineHeight: "15px" }, children: p("confirm.parityNote", { amount: J, crypto: c.cryptoCurrency, partner: n }) })
       ] }),
       /* @__PURE__ */ e(He, { label: p("confirm.network"), value: c.network }),
       f && c.walletAddress && /* @__PURE__ */ e(He, { label: p("confirm.refundAddress"), value: pa(c.walletAddress), mono: !0 })
@@ -2408,7 +2408,7 @@ function Un({ className: t = "", stablecoinParity: a, partnerName: n }) {
         style: { height: 60, borderRadius: "var(--t-cta-radius, 100px)", background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
         onClick: ie,
-        children: h ? /* @__PURE__ */ i(Z, { children: [
+        children: h ? /* @__PURE__ */ i(G, { children: [
           /* @__PURE__ */ e(Ee, { size: 18 }),
           p("confirm.processing")
         ] }) : p(f ? "confirm.confirmSell" : "confirm.confirmPay")
@@ -2981,7 +2981,7 @@ function Zn() {
   );
 }
 function Xn({ isOpen: t, onClose: a, children: n }) {
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e(
       "div",
       {
@@ -3089,14 +3089,14 @@ function Qn({
   assetBaseUrl: r = "",
   selectedCode: o
 }) {
-  const c = P(), [u, l] = w(""), d = W(() => {
+  const c = P(), [u, l] = w(""), d = V(() => {
     if (!n || n.length === 0) return ca;
     const h = new Map(ca.map((p) => [p.code, p.name]));
     return n.map((p) => ({
       code: p.code,
       name: p.name || h.get(p.code) || p.code
     }));
-  }, [n]), s = W(() => {
+  }, [n]), s = V(() => {
     const h = u.trim().toLowerCase();
     if (!h) {
       if (o) {
@@ -3112,7 +3112,7 @@ function Qn({
       (p) => p.code.toLowerCase().includes(h) || p.name.toLowerCase().includes(h)
     );
   }, [d, u, o]);
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: c("modal.selectFiat") }),
@@ -3189,7 +3189,7 @@ function fa({ src: t, alt: a, size: n, className: r, style: o }) {
   ] });
 }
 function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selectedCode: o, selectedChain: c }) {
-  const u = P(), [l, d] = w(""), s = W(() => {
+  const u = P(), [l, d] = w(""), s = V(() => {
     if (!n || n.length === 0) return Fn;
     const f = [];
     for (const g of n) {
@@ -3198,40 +3198,40 @@ function zn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         f.push({ code: g.code, name: R, chain: g.code, popular: ha.includes(g.code) });
       else
         for (const y of k) {
-          const E = y.code || y.id || y.name || g.code;
+          const N = y.code || y.id || y.name || g.code;
           f.push({
             code: g.code,
             name: R,
-            chain: E,
+            chain: N,
             chainName: y.name,
             popular: ha.includes(g.code)
           });
         }
     }
     return f;
-  }, [n]), h = O((f, g) => o === f && c === g, [o, c]), p = W(() => {
+  }, [n]), h = O((f, g) => o === f && c === g, [o, c]), p = V(() => {
     var R;
     const f = l.trim().toLowerCase();
     if (!f) {
       if (o && c) {
-        const y = s.find((E) => E.code === o && E.chain === c);
+        const y = s.find((N) => N.code === o && N.chain === c);
         if (y) {
-          const E = s.filter((K) => !(K.code === o && K.chain === c));
-          return [y, ...E];
+          const N = s.filter((K) => !(K.code === o && K.chain === c));
+          return [y, ...N];
         }
       }
       return s;
     }
     const g = f.split(/\s+/), k = [];
     for (const y of s) {
-      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;
+      const N = yt(y.chain), K = N ? N.name.toLowerCase() : "", z = ((R = N == null ? void 0 : N.shortName) == null ? void 0 : R.toLowerCase()) || "", J = y.chain.toLowerCase(), ie = y.code.toLowerCase(), q = y.name.toLowerCase(), te = [ie, q, K, z, J];
+      if (!g.every((L) => te.some((C) => C.includes(L)))) continue;
       let ae = 0;
-      ie === f ? ae += 100 : ie.startsWith(g[0]) && (ae += 50), y.popular && (ae += 10), g.length > 1 && (K.includes(g[1]) || te.includes(g[1]) || z.includes(g[1])) && (ae += 25), k.push({ item: y, score: ae });
+      ie === f ? ae += 100 : ie.startsWith(g[0]) && (ae += 50), y.popular && (ae += 10), g.length > 1 && (K.includes(g[1]) || z.includes(g[1]) || J.includes(g[1])) && (ae += 25), k.push({ item: y, score: ae });
     }
-    return k.sort((y, E) => E.score - y.score), k.map((y) => y.item);
+    return k.sort((y, N) => N.score - y.score), k.map((y) => y.item);
   }, [s, l, o, c]);
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: u("modal.selectCrypto") }),
@@ -3361,7 +3361,7 @@ function Wr({
   onOpenModal: n,
   fiatCurrency: r
 }) {
-  const o = P(), c = W(
+  const o = P(), c = V(
     () => t.filter((l) => l.supportedFiats.includes(r)),
     [t, r]
   ), u = c.find((l) => l.id === a) || c[0];
@@ -3376,7 +3376,7 @@ function Wr({
       },
       children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: o("payment.unavailableFor", { currency: r }) })
     }
-  ) : /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ i(
+  ) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ i(
     "div",
     {
       role: "button",
@@ -3410,7 +3410,7 @@ function ar({
   onSelect: n,
   onClose: r
 }) {
-  const o = P(), [c, u] = w(""), l = t.length > 0 ? t[0].id : "", d = W(() => {
+  const o = P(), [c, u] = w(""), l = t.length > 0 ? t[0].id : "", d = V(() => {
     const s = c.trim().toLowerCase();
     if (!s) {
       if (a) {
@@ -3426,7 +3426,7 @@ function ar({
       (h) => h.id.toLowerCase().includes(s) || h.name.toLowerCase().includes(s) || h.description && h.description.toLowerCase().includes(s)
     );
   }, [t, c, a]);
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: o("modal.choosePayment") }),
@@ -3528,7 +3528,7 @@ function or({
 }) {
   var y;
   const { t: p, locale: f, languages: g } = _t(), [k, R] = w(!1);
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 80, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("div", { className: "absolute", style: { right: 12, top: 20 }, children: /* @__PURE__ */ e(Oe, { onClick: t }) })
@@ -3581,24 +3581,24 @@ function or({
           style: { ...ht, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "14px 16px", margin: 0, textAlign: "left", animationDelay: "120ms" },
           children: [
             /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p("settings.language") }),
-            /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: ((y = g.find((E) => E.code === f)) == null ? void 0 : y.name) || f })
+            /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: ((y = g.find((N) => N.code === f)) == null ? void 0 : y.name) || f })
           ]
         }
       ),
-      rr.map((E, K) => /* @__PURE__ */ i(
+      rr.map((N, K) => /* @__PURE__ */ i(
         "a",
         {
-          href: E.href,
+          href: N.href,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "flex items-center justify-between w-full px-4 transition-colors card-press modal-item-in",
           style: { ...ht, textDecoration: "none", color: "inherit", paddingTop: 14, paddingBottom: 14, animationDelay: `${180 + K * 60}ms` },
           children: [
-            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p(E.key) }),
+            /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: p(N.key) }),
             /* @__PURE__ */ e(Pn, {})
           ]
         },
-        E.key
+        N.key
       ))
     ] })
   ] });
@@ -3617,7 +3617,7 @@ function lr({
   assetBaseUrl: n = "",
   selectedCode: r
 }) {
-  const o = P(), [c, u] = w(""), l = W(() => {
+  const o = P(), [c, u] = w(""), l = V(() => {
     const d = c.trim().toLowerCase();
     if (!d) {
       if (r) {
@@ -3633,7 +3633,7 @@ function lr({
       (s) => s.name.toLowerCase().includes(d) || s.code.includes(d) || s.defaultFiat.toLowerCase().includes(d)
     );
   }, [c, r]);
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: o("modal.selectCountry") }),
@@ -3708,7 +3708,7 @@ function sr({
   onSelect: a,
   selectedCode: n
 }) {
-  const r = P(), [o, c] = w(""), u = W(() => {
+  const r = P(), [o, c] = w(""), u = V(() => {
     const l = o.trim().toLowerCase();
     if (!l) {
       if (n) {
@@ -3724,7 +3724,7 @@ function sr({
       (d) => d.name.toLowerCase().includes(l) || d.english.toLowerCase().includes(l) || d.code.includes(l)
     );
   }, [o, n]);
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i("div", { className: "relative shrink-0", style: { height: 128, background: "var(--t-header-bg)", backdropFilter: "blur(var(--t-header-blur))", WebkitBackdropFilter: "blur(var(--t-header-blur))" }, children: [
       /* @__PURE__ */ e("div", { className: "absolute", style: { left: 12, top: 20 }, children: /* @__PURE__ */ e(Ae, { width: 46 }) }),
       /* @__PURE__ */ e("p", { className: "absolute text-[16px] text-center truncate", style: { top: 28, left: 64, right: 64, color: "var(--t-text)", lineHeight: "24px" }, children: r("modal.selectLanguage") }),
@@ -3867,9 +3867,9 @@ function ur({
   shaking: g,
   onFocus: k
 }) {
-  var y, E, K;
+  var y, N, K;
   const R = P();
-  return /* @__PURE__ */ i(Z, { children: [
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -3925,7 +3925,7 @@ function ur({
                   backdropFilter: "blur(4px)",
                   WebkitBackdropFilter: "blur(4px)"
                 },
-                disabled: !!((E = l == null ? void 0 : l.sourceCurrency) != null && E.locked),
+                disabled: !!((N = l == null ? void 0 : l.sourceCurrency) != null && N.locked),
                 children: [
                   /* @__PURE__ */ e(jt, { currencyCode: n, size: 24, baseUrl: c }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: n }),
@@ -4008,7 +4008,7 @@ function hr({
   autoSelectPending: g,
   rateFlash: k
 }) {
-  var y, E;
+  var y, N;
   const R = P();
   return /* @__PURE__ */ e(
     "div",
@@ -4074,7 +4074,7 @@ function hr({
                   backdropFilter: "blur(4px)",
                   WebkitBackdropFilter: "blur(4px)"
                 },
-                disabled: !!((E = h == null ? void 0 : h.sourceCurrency) != null && E.locked),
+                disabled: !!((N = h == null ? void 0 : h.sourceCurrency) != null && N.locked),
                 children: [
                   /* @__PURE__ */ e(jt, { currencyCode: a, size: 24, baseUrl: l }),
                   /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "24px" }, children: a }),
@@ -4084,10 +4084,10 @@ function hr({
             )
           ] }),
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center gap-[4px]", children: d && !g ? /* @__PURE__ */ i(Z, { children: [
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-[4px]", children: d && !g ? /* @__PURE__ */ i(G, { children: [
               /* @__PURE__ */ e(Ee, { size: 12 }),
               /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: R("receive.fetchingRate") })
-            ] }) : /* @__PURE__ */ i(Z, { children: [
+            ] }) : /* @__PURE__ */ i(G, { children: [
               /* @__PURE__ */ e("span", { className: "text-[11px] font-medium", style: { color: "var(--t-text-muted)", letterSpacing: "0.22px", lineHeight: "12px" }, children: u || " " }),
               u && /* @__PURE__ */ e(
                 "button",
@@ -4142,7 +4142,7 @@ function fr({
       children: [
         /* @__PURE__ */ e("span", { className: "text-[13px] flex-1", style: { color: "var(--t-text-secondary)", letterSpacing: "0.13px", lineHeight: "20px" }, children: o("payment.label") }),
         /* @__PURE__ */ i("span", { className: "flex items-center gap-[6px]", children: [
-          t && /* @__PURE__ */ i(Z, { children: [
+          t && /* @__PURE__ */ i(G, { children: [
             /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: n(t.id, t.icon, 20) }),
             /* @__PURE__ */ e("span", { className: "text-[14px] font-semibold", style: { color: "var(--t-text)", letterSpacing: "0.14px", lineHeight: "16px" }, children: r(t.id, t.name) })
           ] }),
@@ -4179,7 +4179,7 @@ function yr({
         /* @__PURE__ */ i("span", { className: "flex items-center gap-[6px]", children: [
           a && !t && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: "..." }),
           !a && !t && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-muted)" }, children: o("provider.select") }),
-          t && /* @__PURE__ */ i(Z, { children: [
+          t && /* @__PURE__ */ i(G, { children: [
             /* @__PURE__ */ e("span", { className: "flex items-center justify-center overflow-hidden rounded-full", style: { width: 20, height: 20 }, children: /* @__PURE__ */ e(
               "img",
               {
@@ -4287,12 +4287,15 @@ function Sr({
   selectedGatewayId: c,
   assetBaseUrl: u = ""
 }) {
-  const l = P(), [d, s] = w(""), h = W(() => {
+  const l = P(), [d, s] = w(""), h = V(() => {
     if (!(n != null && n.quotes)) return [];
     const f = d.trim().toLowerCase();
     return f ? n.quotes.filter((g) => g.gatewayName.toLowerCase().includes(f)) : n.quotes;
-  }, [n, d]), p = h.length > 0 ? parseFloat(h[0].cryptoAmount) : 0;
-  return /* @__PURE__ */ i(Z, { children: [
+  }, [n, d]), p = V(() => {
+    const f = h.find((g) => parseFloat(g.cryptoAmount) > 0);
+    return f ? parseFloat(f.cryptoAmount) : 0;
+  }, [h]);
+  return /* @__PURE__ */ i(G, { children: [
     /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Oe, { onClick: t }) }),
     /* @__PURE__ */ e(
       "h2",
@@ -4305,33 +4308,35 @@ function Sr({
     /* @__PURE__ */ e(Ye, { value: d, onChange: s }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-3", children: [
       r ? /* @__PURE__ */ e(br, {}) : h.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? l("modal.noQuotes") : l("modal.noProvidersFound") }) : h.map((f, g) => {
-        const k = g === 0, R = c === f.gatewayId, y = parseFloat(f.cryptoAmount), E = y >= 1 ? y.toFixed(4) : y.toPrecision(6), K = !k && p > 0 ? (y - p) / p * 100 : 0;
+        const k = g === 0, R = c === f.gatewayId, y = parseFloat(f.cryptoAmount), N = y > 0, K = y >= 1 ? y.toFixed(4) : y.toPrecision(6), z = !k && p > 0 ? (y - p) / p * 100 : 0;
         return /* @__PURE__ */ i(
           "button",
           {
-            onClick: () => a(f),
-            className: "w-full flex items-center gap-3 transition-colors card-press hover-item modal-item-in",
+            onClick: () => N && a(f),
+            className: `w-full flex items-center gap-3 transition-colors modal-item-in${N ? " card-press hover-item" : ""}`,
             style: {
               borderRadius: "var(--t-card-radius)",
               padding: "12px 16px",
-              border: R ? "1.5px solid var(--t-accent)" : "1.5px solid transparent",
+              border: R && N ? "1.5px solid var(--t-accent)" : "1.5px solid transparent",
               background: "var(--t-surface)",
+              opacity: N ? 1 : 0.45,
+              cursor: N ? "pointer" : "default",
               animationDelay: `${Math.min(g * 45, 350)}ms`
             },
             children: [
               /* @__PURE__ */ e(ya, { gatewayId: f.gatewayId, gatewayLogo: f.gatewayLogo, assetBaseUrl: u }),
               /* @__PURE__ */ i("div", { className: "text-left flex-1 min-w-0", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium text-[14px] leading-[18px]", style: { color: "var(--t-text)" }, children: f.gatewayName }),
-                /* @__PURE__ */ e(vr, { quote: f })
+                N && /* @__PURE__ */ e(vr, { quote: f })
               ] }),
-              /* @__PURE__ */ i("div", { className: "text-right shrink-0", children: [
-                /* @__PURE__ */ e("div", { className: "text-[11px] leading-[14px]", style: { color: "var(--t-text-secondary)" }, children: k ? l("receive.label") : /* @__PURE__ */ e(Cr, { pct: K }) }),
+              /* @__PURE__ */ e("div", { className: "text-right shrink-0", children: N ? /* @__PURE__ */ i(G, { children: [
+                /* @__PURE__ */ e("div", { className: "text-[11px] leading-[14px]", style: { color: "var(--t-text-secondary)" }, children: k ? l("receive.label") : /* @__PURE__ */ e(Cr, { pct: z }) }),
                 /* @__PURE__ */ i("div", { className: "font-medium text-[13px] leading-[18px]", style: { color: "var(--t-text)" }, children: [
                   /* @__PURE__ */ e("span", { className: "text-[10px] font-normal", style: { color: "var(--t-text-secondary)" }, children: o }),
                   " ",
-                  E
+                  K
                 ] })
-              ] })
+              ] }) : /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-muted)" }, children: l("rate.noQuote") }) })
             ]
           },
           f.gatewayId
@@ -4495,7 +4500,7 @@ function Er({
   };
   return /* @__PURE__ */ i("div", { className: "px-5 py-5", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o ? /* @__PURE__ */ e(Ee, { size: 16 }) : /* @__PURE__ */ i(Z, { children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: o ? /* @__PURE__ */ e(Ee, { size: 16 }) : /* @__PURE__ */ i(G, { children: [
         /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: c("rate.updatesInLabel") }),
         /* @__PURE__ */ i(
           "span",
@@ -4600,13 +4605,13 @@ function Rr({
   showFlowToggle: k = !0,
   showSettings: R = !0,
   showThemeToggle: y = !0,
-  autoRedirect: E = !1,
+  autoRedirect: N = !1,
   explorerUrl: K,
-  doneButtonText: te,
-  supportEmail: z,
+  doneButtonText: z,
+  supportEmail: J,
   stablecoinParity: ie,
-  partnerName: J,
-  containerHeight: ee,
+  partnerName: q,
+  containerHeight: te,
   locale: be,
   onDone: ae
 }) {
@@ -4616,7 +4621,7 @@ function Rr({
     dispatch: F,
     config: m,
     configLoading: D,
-    quotes: N,
+    quotes: E,
     quotesLoading: b,
     quotesError: ne,
     fetchQuotes: pe,
@@ -4630,35 +4635,35 @@ function Rr({
     availableCryptos: Qe,
     availablePaymentMethods: oe,
     selectionUnsupported: ye,
-    quotesEmpty: G,
+    quotesEmpty: $,
     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), [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);
+  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, j] = w(null), [lt, Z] = w(!1), [bt, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, St] = w(!0), [wt, st] = w(!1), [v, A] = w(!1), [T, B] = w(!1), [I, _] = w(null), [ue, ge] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = M(null), Nt = M(), Et = M(C.flowType), Ma = te ?? 640, Zt = M(E);
   U(() => {
-    N && N !== Zt.current && B(!1), Zt.current = N;
-  }, [N]), U(() => {
+    E && E !== Zt.current && B(!1), Zt.current = E;
+  }, [E]), 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(() => {
+    T || v || E != null && E.bestQuote && F({ type: "SELECT_QUOTE", quote: E.bestQuote });
+  }, [E == null ? void 0 : E.bestQuote, T, v, F]), U(() => {
     _e(a === "dark");
   }, [a]), U(() => {
     const x = setTimeout(() => St(!1), D ? 0 : 800);
     return () => clearTimeout(x);
   }, [D]), U(() => {
     if (Et.current !== C.flowType && !tt) {
-      Et.current = C.flowType, st(!0), $(!1), Je(!1);
+      Et.current = C.flowType, st(!0), Z(!1), Je(!1);
       const x = setTimeout(() => st(!1), 350);
       return () => clearTimeout(x);
     }
     Et.current = C.flowType;
   }, [C.flowType, tt]);
-  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", Rt = H ? C.fiatAmount : C.cryptoAmount, 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);
+  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", Rt = H ? C.fiatAmount : C.cryptoAmount, ee = Ln(Rt), ve = C.selectedQuote || (E == null ? void 0 : E.bestQuote) || null, we = ve != null && ve.exchangeRate ? parseFloat(ve.exchangeRate) : null, at = M(null);
   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(() => {
+    ($ || ne) && (at.current = null);
+  }, [$, ne]), U(() => {
+    ee || (ge(!1), C.selectedQuote && F({ type: "CLEAR_QUOTE" }));
+  }, [ee, C.selectedQuote, F]);
+  const Ie = V(() => {
     if (ve) {
       const x = H ? ve.cryptoAmount : ve.fiatAmount;
       if (x) return x;
@@ -4673,10 +4678,10 @@ function Rr({
     }
     At.current = Ie;
   }, [Ie]);
-  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(() => {
+  const nt = !!(ie && q && H && Ea(re) && we), Da = nt && re.toUpperCase().includes(xe.toUpperCase()), Xt = nt && ee > 0 ? Bt(Da ? ee : ee / we) : null, Ba = nt && Xt ? Xt : Ie, Ha = V(() => {
     var Y, De, Ge;
-    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), S = we ? re : (De = at.current) == null ? void 0 : De.crypto, V = we ? xe : (Ge = at.current) == null ? void 0 : Ge.fiat;
-    return !x || !S || !V ? "" : `1 ${S} ≈ ${x.toFixed(2)} ${V}`;
+    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), S = we ? re : (De = at.current) == null ? void 0 : De.crypto, W = we ? xe : (Ge = at.current) == null ? void 0 : Ge.fiat;
+    return !x || !S || !W ? "" : `1 ${S} ≈ ${x.toFixed(2)} ${W}`;
   }, [re, xe, we]);
   U(() => {
     const x = C.walletAddress.trim(), S = C.network;
@@ -4685,7 +4690,7 @@ function Rr({
       return;
     }
     qe(!0), Ue(null);
-    const V = new AbortController();
+    const W = new AbortController();
     return clearTimeout(Nt.current), Nt.current = setTimeout(async () => {
       var Y, De, Ge;
       try {
@@ -4693,7 +4698,7 @@ function Rr({
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ address: x, ...S ? { network: S } : {} }),
-          signal: V.signal
+          signal: W.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: "" });
@@ -4706,16 +4711,16 @@ function Rr({
         if (Ft instanceof DOMException && Ft.name === "AbortError") return;
         Ue(null);
       } finally {
-        V.signal.aborted || qe(!1);
+        W.signal.aborted || qe(!1);
       }
     }, 500), () => {
-      clearTimeout(Nt.current), V.abort();
+      clearTimeout(Nt.current), W.abort();
     };
   }, [C.walletAddress, C.network, ce.apiUrl]);
-  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) => {
+  const ut = !Rt || ee === 0, Tt = ee > 0 && (H ? ee < ua : ee < ma), Pa = !!he || Tt || lt && ut, Oa = ee > 0 && !he && !Tt, Yt = C.walletAddress.trim().length >= 10 && et !== !1 && !je, Qt = Oa && (H ? Yt : !0) && !!C.cryptoCurrency && !!C.network, Ka = (x) => {
     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 });
+    const W = H ? 2 : 6, Y = S.indexOf(".");
+    Y !== -1 && S.length - Y - 1 > W && (S = S.slice(0, Y + W + 1)), F(H ? { type: "SET_FIAT_AMOUNT", amount: S } : { type: "SET_CRYPTO_AMOUNT", amount: S });
   }, _a = (x) => {
     x !== dt && F({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: le });
   }, ja = O(
@@ -4744,7 +4749,7 @@ function Rr({
     j(null), setTimeout(() => j("language"), 280);
   }, []), Xa = C.country ? (na = Ot[C.country.toLowerCase()]) == null ? void 0 : na.name : void 0, Ya = () => {
     if (!Qt) {
-      (Pa || ut) && ($(!0), $t(!0), setTimeout(() => $t(!1), 400));
+      (Pa || ut) && (Z(!0), $t(!0), setTimeout(() => $t(!1), 400));
       return;
     }
     if (C.selectedQuote) {
@@ -4758,21 +4763,21 @@ function Rr({
   U(() => {
     var x;
     if (!(!v || b)) {
-      if (N != null && N.bestQuote)
-        A(!1), F({ type: "SELECT_QUOTE", quote: N.bestQuote }), Se().catch((S) => {
+      if (E != null && E.bestQuote)
+        A(!1), F({ type: "SELECT_QUOTE", quote: E.bestQuote }), Se().catch((S) => {
           _({ type: "error", title: L("toast.orderFailed"), desc: S instanceof Error ? S.message : L("toast.couldNotCreate") });
         });
       else if (ne) {
         A(!1);
         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) {
+      } else if (E && !E.bestQuote) {
         A(!1);
-        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 });
+        const S = (x = E.unavailableGateways) == null ? void 0 : x.map((Y) => Y.reason).filter(Boolean), W = S != null && S.length ? `${L("error.noProviders")}: ${S.join("; ")}` : L("error.noProviders");
+        F({ type: "SET_ERROR", message: W }), _({ type: "error", title: L("toast.noProviders"), desc: W });
       }
     }
-  }, [v, N, b, ne, F, Se]);
+  }, [v, E, b, ne, F, Se]);
   const zt = M(C.step);
   U(() => {
     const x = zt.current;
@@ -4792,8 +4797,8 @@ function Rr({
     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";
+    const S = x.replace("#", ""), W = parseInt(S.substring(0, 2), 16), Y = parseInt(S.substring(2, 4), 16), De = parseInt(S.substring(4, 6), 16);
+    return (0.299 * W + 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",
     "--t-cta-bg": se ? "#ffffff" : "#111111",
@@ -4808,7 +4813,7 @@ function Rr({
   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 && 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;
+  const rt = C.network, We = rt ? yt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Tt || ut) ? ut ? L("error.amountZero") : H ? L("error.minAmountFiat", { min: String(ua), currency: xe }) : L("error.minAmountCrypto", { min: String(ma), currency: re }) : void 0), qa = C.walletError ? C.walletError : bt && !Yt && !je ? L("wallet.invalid") : void 0, Lt = oe.filter((x) => x.supportedFiats.includes(C.fiatCurrency)), en = Lt.find((x) => x.id === C.paymentMethodId) || Lt[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(bn, { autoRedirect: N }) : C.step === "processing" ? /* @__PURE__ */ e(wn, {}) : C.step === "complete" ? /* @__PURE__ */ e(kn, { explorerUrl: K, doneButtonText: z, onDone: ae }) : C.step === "error" ? /* @__PURE__ */ e(Nn, { supportEmail: J, onDone: ae, doneButtonText: z }) : C.step === "confirm" ? /* @__PURE__ */ e(Un, { stablecoinParity: nt, partnerName: q }) : null;
   return aa ? /* @__PURE__ */ e(
     "div",
     {
@@ -4861,7 +4866,7 @@ function Rr({
               assetBaseUrl: X,
               error: Ja,
               fieldLocks: le,
-              onBlur: () => $(!0),
+              onBlur: () => Z(!0),
               inputRef: Ia,
               chainCode: H ? void 0 : rt,
               chainDisplay: H ? void 0 : ta,
@@ -4882,16 +4887,16 @@ function Rr({
               assetBaseUrl: X,
               quotesLoading: b,
               onOpenRateBreakdown: () => {
-                q > 0 && ge(!0);
+                ee > 0 && ge(!0);
               },
               fieldLocks: le,
-              spendNumeric: q,
+              spendNumeric: ee,
               getChainIconUrl: H ? Dt : void 0,
               autoSelectPending: v,
               rateFlash: Fa
             }
           ),
-          G && q > 0 && /* @__PURE__ */ e(
+          $ && ee > 0 && /* @__PURE__ */ e(
             "div",
             {
               className: "px-4 py-2.5 mt-1",
@@ -4899,7 +4904,7 @@ function Rr({
               children: Ke || L("error.noProviders")
             }
           ),
-          nt && q > 0 && (N == null ? void 0 : N.bestQuote) && /* @__PURE__ */ i(
+          nt && ee > 0 && (E == null ? void 0 : E.bestQuote) && /* @__PURE__ */ i(
             "div",
             {
               className: "flex items-start gap-2 mt-1 px-4 py-2.5",
@@ -4909,11 +4914,11 @@ 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: L("parity.info", { receiveAmount: Ie, crypto: re, spendAmount: Bt(q), fiat: xe, partner: J || "" }) })
+                /* @__PURE__ */ e("span", { children: L("parity.info", { receiveAmount: Ie, crypto: re, spendAmount: Bt(ee), fiat: xe, partner: q || "" }) })
               ]
             }
           ),
-          (N || b) && /* @__PURE__ */ e(
+          (E || b) && /* @__PURE__ */ e(
             yr,
             {
               selectedQuote: C.selectedQuote,
@@ -4967,7 +4972,7 @@ function Rr({
               kr,
               {
                 label: H ? L("cta.buy", { crypto: re }) : L("cta.sell", { crypto: re }),
-                disabled: !Qt || Te || v || ye || G,
+                disabled: !Qt || Te || v || ye || $,
                 loading: Te || v,
                 onClick: Ya
               }
@@ -5011,15 +5016,15 @@ function Rr({
           zn,
           {
             onClose: x,
-            onSelect: (S, V) => {
-              Va(S, V), x();
+            onSelect: (S, W) => {
+              Va(S, W), x();
             },
             cryptos: Qe.map((S) => {
-              var V;
+              var W;
               return {
                 code: S.code,
                 name: S.code,
-                networks: (V = S.networks) == null ? void 0 : V.map((Y) => ({ code: Y.id, name: Y.name }))
+                networks: (W = S.networks) == null ? void 0 : W.map((Y) => ({ code: Y.id, name: Y.name }))
               };
             }),
             assetBaseUrl: X,
@@ -5041,7 +5046,7 @@ function Rr({
         /* @__PURE__ */ e(Pe, { isOpen: de === "provider", onClose: () => j(null), children: (x) => /* @__PURE__ */ e(
           Sr,
           {
-            quotes: N,
+            quotes: E,
             quotesLoading: b,
             cryptoCurrency: re,
             selectedGatewayId: C.selectedProvider,
@@ -5113,13 +5118,13 @@ function Ar({
   fieldLocks: k,
   partnerMetadata: R,
   statusPollInterval: y,
-  onComplete: E,
+  onComplete: N,
   onError: K,
-  className: te,
-  theme: z,
+  className: z,
+  theme: J,
   skinId: ie,
-  accentColor: J,
-  bgColor: ee,
+  accentColor: q,
+  bgColor: te,
   bgImage: be,
   borderColor: ae,
   borderRadius: L,
@@ -5127,7 +5132,7 @@ function Ar({
   inputBgColor: F,
   textColor: m,
   textSecondaryColor: D,
-  textMutedColor: N,
+  textMutedColor: E,
   successColor: b,
   showFlowToggle: ne,
   showSettings: pe,
@@ -5162,16 +5167,16 @@ function Ar({
       fieldLocks: k,
       partnerMetadata: R,
       statusPollInterval: y,
-      onComplete: E,
+      onComplete: N,
       onError: K,
       children: /* @__PURE__ */ e(vn, { defaultLocale: oe || "en", children: /* @__PURE__ */ e(
         Rr,
         {
-          className: te,
-          theme: z,
+          className: z,
+          theme: J,
           skinId: ie,
-          accentColor: J,
-          bgColor: ee,
+          accentColor: q,
+          bgColor: te,
           bgImage: be,
           borderColor: ae,
           borderRadius: L,
@@ -5179,7 +5184,7 @@ function Ar({
           inputBgColor: F,
           textColor: m,
           textSecondaryColor: D,
-          textMutedColor: N,
+          textMutedColor: E,
           successColor: b,
           showFlowToggle: ne,
           showSettings: pe,