@nowramp/form 0.1.82 → 0.1.83

package/dist/index.js

@@ -24,8 +24,8 @@ function Sa(t, a, n) {
     try {
       const f = {};
       a && (f.orderType = a), n && (f.country = n);
-      const p = await m.current.getSupported(f);
-      o(p);
+      const y = await m.current.getSupported(f);
+      o(y);
     } catch (f) {
       s(f instanceof Error ? f : new Error("Failed to fetch config"));
     } finally {
@@ -55,7 +55,7 @@ function Na(t, a) {
       }
     );
   }, [t.projectId, a == null ? void 0 : a.fiatCurrency, a == null ? void 0 : a.fiatAmount, a == null ? void 0 : a.cryptoAmount, a == null ? void 0 : a.cryptoCurrency, a == null ? void 0 : a.network, a == null ? void 0 : a.paymentMethodId, a == null ? void 0 : a.country, a == null ? void 0 : a.orderType]);
-  const p = P(async () => {
+  const y = P(async () => {
     if (!(!a || !t.projectId)) {
       d(!0), i(null);
       try {
@@ -68,15 +68,15 @@ function Na(t, a) {
       }
     }
   }, [t.projectId, a]);
-  return { quotes: n, loading: o, error: u, refetch: p };
+  return { quotes: n, loading: o, error: u, refetch: y };
 }
 function wa(t) {
   const [a, n] = N(null), [r, o] = N(!1), [d, u] = N(null), i = I(null), s = I(""), m = `${t.apiUrl}|${t.projectId}`;
   (!i.current || s.current !== m) && (i.current = new at({ apiKey: "", ...t }), s.current = m);
-  const h = P(async (p) => {
+  const h = P(async (y) => {
     o(!0), u(null);
     try {
-      const x = await i.current.createCheckoutIntent(p);
+      const x = await i.current.createCheckoutIntent(y);
       return n(x), x;
     } catch (x) {
       const C = x instanceof Error ? x : new Error("Failed to create checkout intent");
@@ -109,15 +109,15 @@ function Ea(t, a, n) {
     if (!a) return;
     const f = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (f > 0) {
-      const p = setTimeout(h, f);
-      return () => clearTimeout(p);
+      const y = setTimeout(h, f);
+      return () => clearTimeout(y);
     }
     h();
   }, [h, a, n == null ? void 0 : n.initialDelay]), Z(() => {
     if (!a || !(n != null && n.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
       return;
-    const p = setInterval(h, n.pollInterval);
-    return () => clearInterval(p);
+    const y = setInterval(h, n.pollInterval);
+    return () => clearInterval(y);
   }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: d, error: i, refetch: h };
 }
 const et = [
@@ -527,7 +527,7 @@ function Ia({
   defaultFiatAmount: m = "",
   defaultCryptoAmount: h = "",
   defaultWalletAddress: f = "",
-  defaultGateway: p,
+  defaultGateway: y,
   defaultCountry: x,
   fieldLocks: C,
   statusPollInterval: E = 5e3,
@@ -535,7 +535,7 @@ function Ia({
   onError: _,
   children: ie
 }) {
-  const G = j(() => ({ apiUrl: a, projectId: t }), [a, t]), z = s || (i ? i.toLowerCase() : ""), te = r === "sell", X = te ? !!h : !!m, v = (te ? !!(X && i && z) : !!(X && i && z && f)) && p ? "confirm" : "amount", L = m || (r === "buy" ? "250" : ""), [c, U] = xa(Ma, {
+  const G = j(() => ({ apiUrl: a, projectId: t }), [a, t]), z = s || (i ? i.toLowerCase() : ""), te = r === "sell", X = te ? !!h : !!m, v = (te ? !!(X && i && z) : !!(X && i && z && f)) && y ? "confirm" : "amount", L = m || (r === "buy" ? "250" : ""), [c, U] = xa(Ma, {
     ...Qt,
     step: v,
     flowType: r,
@@ -557,9 +557,9 @@ function Ia({
     var F;
     if (Se.current || !(b != null && b.detectedCountry) || c.country) return;
     Se.current = !0;
-    const y = b.detectedCountry.toLowerCase();
-    U({ type: "SET_COUNTRY_AUTO", country: y });
-    const A = (F = b.fiats) == null ? void 0 : F.map((M) => M.code), R = mt(y, A);
+    const p = b.detectedCountry.toLowerCase();
+    U({ type: "SET_COUNTRY_AUTO", country: p });
+    const A = (F = b.fiats) == null ? void 0 : F.map((M) => M.code), R = mt(p, A);
     R !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: R });
   }, [b, c.country, c.fiatCurrency]);
   const se = I(!1);
@@ -567,33 +567,33 @@ function Ia({
     var R;
     if (se.current || !x || !((R = b == null ? void 0 : b.fiats) != null && R.length)) return;
     se.current = !0;
-    const y = b.fiats.map((F) => F.code), A = mt(x, y);
+    const p = b.fiats.map((F) => F.code), A = mt(x, p);
     A !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: A });
   }, [x, b, c.fiatCurrency]);
   const pe = I(c.country);
   ge.useEffect(() => {
     var R;
     if (c.country === pe.current || (pe.current = c.country, c.countrySource === "manual" && (Ie.current = !1), c.countrySource !== "manual") || !((R = b == null ? void 0 : b.fiats) != null && R.length)) return;
-    const y = b.fiats.map((F) => F.code), A = mt(c.country, y);
+    const p = b.fiats.map((F) => F.code), A = mt(c.country, p);
     A !== c.fiatCurrency && U({ type: "SET_FIAT_CURRENCY", currency: A });
   }, [c.country, c.countrySource, b, c.fiatCurrency]);
   const D = I(c.fiatCurrency);
   ge.useEffect(() => {
     var F;
     if (c.fiatCurrency === D.current || (D.current = c.fiatCurrency, w || !((F = b == null ? void 0 : b.fiats) != null && F.length) || !c.fiatAmount)) return;
-    const y = b.fiats.find((M) => M.code === c.fiatCurrency);
-    if (!(y != null && y.minAmount)) return;
-    const A = parseFloat(c.fiatAmount), R = parseFloat(y.minAmount);
+    const p = b.fiats.find((M) => M.code === c.fiatCurrency);
+    if (!(p != null && p.minAmount)) return;
+    const A = parseFloat(c.fiatAmount), R = parseFloat(p.minAmount);
     !isNaN(A) && !isNaN(R) && A < R && U({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(R)) });
   }, [c.fiatCurrency, c.fiatAmount, b, w]);
-  const { availableFiats: ae, availableCryptos: B, availablePaymentMethods: de } = j(() => {
+  const { availableFiats: ae, availableCryptos: O, availablePaymentMethods: de } = j(() => {
     var R, F, M;
     if (!b)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
-    let y;
+    let p;
     if (c.cryptoCurrency && c.network) {
       const T = (R = b.cryptos) == null ? void 0 : R.find((Y) => Y.code === c.cryptoCurrency), H = (F = T == null ? void 0 : T.networks) == null ? void 0 : F.find((Y) => Y.id === c.network);
-      !T || !H ? y = [] : y = H.providers;
+      !T || !H ? p = [] : p = H.providers;
     }
     let A;
     if (c.fiatCurrency) {
@@ -601,25 +601,25 @@ function Ia({
       T ? A = T.providers : A = [];
     }
     return {
-      availableFiats: Aa(b.fiats ?? [], y),
+      availableFiats: Aa(b.fiats ?? [], p),
       availableCryptos: Ra(b.cryptos ?? [], A),
       availablePaymentMethods: ka(
         b.paymentMethods ?? [],
-        y,
+        p,
         c.fiatCurrency
       )
     };
   }, [b, c.cryptoCurrency, c.network, c.fiatCurrency]), Me = j(() => {
-    var y, A, R;
+    var p, A, R;
     return J || !b ? !1 : La(
       b,
       { cryptoCurrency: c.cryptoCurrency, network: c.network, fiatCurrency: c.fiatCurrency },
       {
-        cryptoLocked: !!((y = C == null ? void 0 : C.destinationCurrency) != null && y.locked),
+        cryptoLocked: !!((p = C == null ? void 0 : C.destinationCurrency) != null && p.locked),
         networkLocked: !!((A = C == null ? void 0 : C.network) != null && A.locked),
         fiatLocked: !!((R = C == null ? void 0 : C.sourceCurrency) != null && R.locked)
       },
-      { availableFiats: ae, availableCryptos: B, availablePaymentMethods: de }
+      { availableFiats: ae, availableCryptos: O, availablePaymentMethods: de }
     );
   }, [
     J,
@@ -629,31 +629,31 @@ function Ia({
     c.network,
     c.fiatCurrency,
     ae,
-    B,
+    O,
     de
   ]);
   ge.useEffect(() => {
     var A, R, F;
-    if (J || ae.length === 0 && B.length === 0) return;
-    const y = Ta(
+    if (J || ae.length === 0 && O.length === 0) return;
+    const p = Ta(
       {
         cryptoCurrency: c.cryptoCurrency,
         network: c.network,
         fiatCurrency: c.fiatCurrency,
         paymentMethodId: c.paymentMethodId
       },
-      { availableFiats: ae, availableCryptos: B, availablePaymentMethods: de },
+      { availableFiats: ae, availableCryptos: O, availablePaymentMethods: de },
       {
         cryptoLocked: !!((A = C == null ? void 0 : C.destinationCurrency) != null && A.locked),
         networkLocked: !!((R = C == null ? void 0 : C.network) != null && R.locked),
         fiatLocked: !!((F = C == null ? void 0 : C.sourceCurrency) != null && F.locked)
       }
     );
-    y && (y.cryptoCurrency !== void 0 && U({ type: "SET_CRYPTO_CURRENCY", currency: y.cryptoCurrency }), y.network !== void 0 && U({ type: "SET_NETWORK", network: y.network }), y.fiatCurrency !== void 0 && U({ type: "SET_FIAT_CURRENCY", currency: y.fiatCurrency }), y.paymentMethodId !== void 0 && U({ type: "SET_PAYMENT_METHOD", methodId: y.paymentMethodId }));
+    p && (p.cryptoCurrency !== void 0 && U({ type: "SET_CRYPTO_CURRENCY", currency: p.cryptoCurrency }), p.network !== void 0 && U({ type: "SET_NETWORK", network: p.network }), p.fiatCurrency !== void 0 && U({ type: "SET_FIAT_CURRENCY", currency: p.fiatCurrency }), p.paymentMethodId !== void 0 && U({ type: "SET_PAYMENT_METHOD", methodId: p.paymentMethodId }));
   }, [
     J,
     ae,
-    B,
+    O,
     de,
     c.cryptoCurrency,
     c.network,
@@ -669,15 +669,15 @@ function Ia({
       return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
     }
     if (!b || !c.fiatAmount) return null;
-    const y = parseFloat(c.fiatAmount);
-    if (isNaN(y)) return null;
+    const p = parseFloat(c.fiatAmount);
+    if (isNaN(p)) return null;
     const A = b.fiats.find((M) => M.code === c.fiatCurrency);
     if (!A) return null;
     const R = parseFloat(A.minAmount), F = parseFloat(A.maxAmount);
-    return !isNaN(R) && y < R ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(F) && y > F ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
+    return !isNaN(R) && p < R ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(F) && p > F ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
   }, [b, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, w]), ne = j(() => {
-    const y = w ? !!c.cryptoAmount : !!c.fiatAmount;
-    return !b || !y || !c.fiatCurrency || !c.cryptoCurrency || !c.network || Q || b.detectedCountry && c.countrySource === "" && !x ? null : {
+    const p = w ? !!c.cryptoAmount : !!c.fiatAmount;
+    return !b || !p || !c.fiatCurrency || !c.cryptoCurrency || !c.network || Q || b.detectedCountry && c.countrySource === "" && !x ? null : {
       fiatCurrency: c.fiatCurrency,
       ...w ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
       cryptoCurrency: c.cryptoCurrency,
@@ -687,14 +687,14 @@ function Ia({
       orderType: c.flowType
     };
   }, [b, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, c.countrySource, Q, w, c.flowType, x]), {
-    quotes: O,
+    quotes: B,
     loading: Re,
     error: le,
     refetch: We
-  } = Na(G, ne), ke = Ua(Re, O, ne), Ie = I(!1);
+  } = Na(G, ne), ke = Ua(Re, B, ne), Ie = I(!1);
   ge.useEffect(() => {
-    Ie.current || c.countrySource === "auto" && (Re || !ne || le || !O || O.bestQuote || c.fiatCurrency !== "USD" && (Ie.current = !0, U({ type: "SET_FIAT_CURRENCY", currency: "USD" }), U({ type: "SET_FIAT_AMOUNT", amount: "250" })));
-  }, [O, Re, le, ne, c.countrySource, c.fiatCurrency]);
+    Ie.current || c.countrySource === "auto" && (Re || !ne || le || !B || B.bestQuote || c.fiatCurrency !== "USD" && (Ie.current = !0, U({ type: "SET_FIAT_CURRENCY", currency: "USD" }), U({ type: "SET_FIAT_AMOUNT", amount: "250" })));
+  }, [B, Re, le, ne, c.countrySource, c.fiatCurrency]);
   const {
     order: ce,
     loading: $,
@@ -711,26 +711,30 @@ function Ia({
   ge.useEffect(() => {
     (re == null ? void 0 : re.status) === "completed" && k && k(re);
   }, [re == null ? void 0 : re.status, k]), ge.useEffect(() => {
-    const y = be || Ne;
-    y && _ && _(y);
+    const p = be || Ne;
+    p && _ && _(p);
   }, [be, Ne, _]);
-  const ye = p || (b == null ? void 0 : b.defaultGateway) || null, Oe = j(() => !ke || !(O != null && O.unavailableGateways) ? null : Fa(O.unavailableGateways, ye), [ke, O, ye]), He = I(ye);
+  const ye = y || (b == null ? void 0 : b.defaultGateway) || null, Oe = j(() => {
+    if (!ke || !(B != null && B.unavailableGateways)) return null;
+    const p = B.preferredGatewayId || ye;
+    return Fa(B.unavailableGateways, p);
+  }, [ke, B, ye]), He = I(ye);
   He.current = ye;
-  const Ye = I(O);
-  Ye.current = O;
+  const Ye = I(B);
+  Ye.current = B;
   const ue = I(d);
   ue.current = d;
   const Pe = P(async () => {
     var A, R, F;
-    const y = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((F = (R = Ye.current) == null ? void 0 : R.bestQuote) == null ? void 0 : F.gatewayId) || He.current;
-    if (!y || !c.walletAddress) {
-      const M = [!y && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+    const p = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((F = (R = Ye.current) == null ? void 0 : R.bestQuote) == null ? void 0 : F.gatewayId) || He.current;
+    if (!p || !c.walletAddress) {
+      const M = [!p && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
       U({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
       return;
     }
     try {
       await Be({
-        gateway: y,
+        gateway: p,
         customerId: c.customerId || void 0,
         fiatCurrency: c.fiatCurrency,
         ...w ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
@@ -746,18 +750,18 @@ function Ia({
       const T = M instanceof Error ? M.message : "Failed to create order";
       /wallet|address/i.test(T) ? U({ type: "SET_WALLET_ERROR", message: T.replace(/^Failed to create checkout intent:\s*/i, "") }) : U({ type: "SET_ERROR", message: T });
     }
-  }, [c, Be, w]), ot = P((y) => {
-    U({ type: "SET_STEP", step: y });
+  }, [c, Be, w]), ot = P((p) => {
+    U({ type: "SET_STEP", step: p });
   }, []), it = P(() => {
-    const y = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = y.indexOf(c.step);
-    A > 0 && U({ type: "SET_STEP", step: y[A - 1] });
+    const p = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = p.indexOf(c.step);
+    A > 0 && U({ type: "SET_STEP", step: p[A - 1] });
   }, [c.step, w]), Ze = j(() => {
-    const y = w ? !!c.cryptoAmount : !!c.fiatAmount;
+    const p = w ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
-        return !!(y && c.cryptoCurrency && c.network && c.walletAddress && !Q);
+        return !!(p && c.cryptoCurrency && c.network && c.walletAddress && !Q);
       case "amount":
-        return !!(y && c.cryptoCurrency && c.network && !Q);
+        return !!(p && c.cryptoCurrency && c.network && !Q);
       case "quotes":
         return !!c.selectedQuote;
       case "wallet":
@@ -773,7 +777,7 @@ function Ia({
     configError: be,
     state: c,
     dispatch: U,
-    quotes: O,
+    quotes: B,
     quotesLoading: Re,
     quotesError: le,
     fetchQuotes: We,
@@ -786,7 +790,7 @@ function Ia({
     fieldLocks: C || null,
     defaultGateway: ye,
     availableFiats: ae,
-    availableCryptos: B,
+    availableCryptos: O,
     availablePaymentMethods: de,
     selectionUnsupported: Me,
     quotesEmpty: ke,
@@ -1664,7 +1668,7 @@ function an({
   autoRedirect: a = !1,
   redirectDelay: n = 3e3
 }) {
-  var p;
+  var y;
   const { order: r, orderStatus: o, goToStep: d, goBack: u } = Fe(), [i, s] = N(!1), [m, h] = N(null), f = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
   if (Z(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && a && !f) {
@@ -1734,7 +1738,7 @@ function an({
       }
     );
   if (r.checkout.method === "iframe") {
-    const x = r.checkout.url, C = ((p = r.checkout.allowedFeatures) == null ? void 0 : p.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
+    const x = r.checkout.url, C = ((y = r.checkout.allowedFeatures) == null ? void 0 : y.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
     return Pt(
       /* @__PURE__ */ l(
         "div",
@@ -2314,7 +2318,7 @@ function cn({ className: t = "", stablecoinParity: a, partnerName: n }) {
     fetchQuotes: s,
     createOrder: m,
     orderLoading: h
-  } = Fe(), f = d.flowType === "sell", [p, x] = N(null), C = r == null ? void 0 : r.gateways.find((X) => X.id === u), E = (te = i == null ? void 0 : i.bestQuote) != null && te.exchangeRate ? parseFloat(i.bestQuote.exchangeRate) : null, k = parseFloat(d.fiatAmount) || 0, _ = !!(a && n && !f && ea(d.cryptoCurrency) && E), ie = _ && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), G = _ && k > 0 ? ht(ie ? k : k / E) : null, z = async () => {
+  } = Fe(), f = d.flowType === "sell", [y, x] = N(null), C = r == null ? void 0 : r.gateways.find((X) => X.id === u), E = (te = i == null ? void 0 : i.bestQuote) != null && te.exchangeRate ? parseFloat(i.bestQuote.exchangeRate) : null, k = parseFloat(d.fiatAmount) || 0, _ = !!(a && n && !f && ea(d.cryptoCurrency) && E), ie = _ && d.cryptoCurrency.toUpperCase().includes(d.fiatCurrency.toUpperCase()), G = _ && k > 0 ? ht(ie ? k : k / E) : null, z = async () => {
     x(null);
     try {
       s(), await m();
@@ -2362,7 +2366,7 @@ function cn({ className: t = "", stablecoinParity: a, partnerName: n }) {
       /* @__PURE__ */ e(Ae, { label: "Network", value: d.network }),
       f && d.walletAddress && /* @__PURE__ */ e(Ae, { label: "Refund address", value: Yt(d.walletAddress), mono: !0 })
     ] }),
-    p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
+    y && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: y }),
     /* @__PURE__ */ e(
       "button",
       {
@@ -2543,7 +2547,7 @@ function mn({
       if (o) {
         const h = i.find((f) => f.code === o);
         if (h) {
-          const f = i.filter((p) => p.code !== o);
+          const f = i.filter((y) => y.code !== o);
           return [h, ...f];
         }
       }
@@ -2572,7 +2576,7 @@ function mn({
     /* @__PURE__ */ e($e, { value: d, onChange: u }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
       s.map((m, h) => {
-        const f = m.name !== m.code ? m.name : "", p = o === m.code;
+        const f = m.name !== m.code ? m.name : "", y = o === m.code;
         return /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ l(
             "button",
@@ -2586,7 +2590,7 @@ function mn({
                   /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: m.code }),
                   f && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: f })
                 ] }),
-                p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
+                y && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
                   "path",
                   {
                     d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2649,15 +2653,15 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
   const [u, i] = N(""), s = j(() => {
     if (!n || n.length === 0) return _a;
     const f = [];
-    for (const p of n) {
-      const x = p.networks || [], C = p.name || Ba[p.code] || p.code;
+    for (const y of n) {
+      const x = y.networks || [], C = y.name || Ba[y.code] || y.code;
       if (x.length === 0)
-        f.push({ code: p.code, name: C, chain: p.code, popular: !1 });
+        f.push({ code: y.code, name: C, chain: y.code, popular: !1 });
       else
         for (const E of x) {
-          const k = E.code || E.id || E.name || p.code;
+          const k = E.code || E.id || E.name || y.code;
           f.push({
-            code: p.code,
+            code: y.code,
             name: C,
             chain: k,
             chainName: E.name,
@@ -2666,7 +2670,7 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
         }
     }
     return f;
-  }, [n]), m = P((f, p) => o === f && d === p, [o, d]), h = j(() => {
+  }, [n]), m = P((f, y) => o === f && d === y, [o, d]), h = j(() => {
     var C;
     const f = u.trim().toLowerCase();
     if (!f) {
@@ -2679,12 +2683,12 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
       }
       return s;
     }
-    const p = f.split(/\s+/), x = [];
+    const y = f.split(/\s+/), x = [];
     for (const E of s) {
       const k = tt(E.chain), _ = k ? k.name.toLowerCase() : "", ie = ((C = k == null ? void 0 : k.shortName) == null ? void 0 : C.toLowerCase()) || "", G = E.chain.toLowerCase(), z = E.code.toLowerCase(), te = E.name.toLowerCase(), X = [z, te, _, ie, G];
-      if (!p.every((L) => X.some((c) => c.includes(L)))) continue;
+      if (!y.every((L) => X.some((c) => c.includes(L)))) continue;
       let v = 0;
-      z === f ? v += 100 : z.startsWith(p[0]) && (v += 50), E.popular && (v += 10), p.length > 1 && (_.includes(p[1]) || ie.includes(p[1]) || G.includes(p[1])) && (v += 25), x.push({ item: E, score: v });
+      z === f ? v += 100 : z.startsWith(y[0]) && (v += 50), E.popular && (v += 10), y.length > 1 && (_.includes(y[1]) || ie.includes(y[1]) || G.includes(y[1])) && (v += 25), x.push({ item: E, score: v });
     }
     return x.sort((E, k) => k.score - E.score), x.map((E) => E.item);
   }, [s, u, o, d]);
@@ -2700,7 +2704,7 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     ),
     /* @__PURE__ */ e($e, { value: u, onChange: i }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
-      h.map((f, p) => {
+      h.map((f, y) => {
         const x = tt(f.chain), C = (x == null ? void 0 : x.name) || f.chainName || f.chain, E = f.name !== f.code ? f.name : "", k = m(f.code, f.chain);
         return /* @__PURE__ */ l("div", { children: [
           /* @__PURE__ */ l(
@@ -2782,7 +2786,7 @@ function fn({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
               ]
             }
           ),
-          p < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
+          y < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
         ] }, `${f.code}-${f.chain}`);
       }),
       h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
@@ -2991,11 +2995,11 @@ function Cn({
         ] }) }),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
       ] }),
-      yn.map((p) => /* @__PURE__ */ l("div", { children: [
+      yn.map((y) => /* @__PURE__ */ l("div", { children: [
         /* @__PURE__ */ l(
           "a",
           {
-            href: p.href,
+            href: y.href,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "flex items-center justify-between w-full py-5 transition-colors",
@@ -3006,7 +3010,7 @@ function Cn({
                 {
                   className: "font-medium text-[15px]",
                   style: { color: "var(--t-text)" },
-                  children: p.label
+                  children: y.label
                 }
               ),
               /* @__PURE__ */ e(Xt, {})
@@ -3014,7 +3018,7 @@ function Cn({
           }
         ),
         /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
-      ] }, p.label))
+      ] }, y.label))
     ] })
   ] });
 }
@@ -3149,7 +3153,7 @@ function bn({
   inputBgColor: m,
   textColor: h,
   textSecondaryColor: f,
-  textMutedColor: p,
+  textMutedColor: y,
   successColor: x,
   showFlowToggle: C = !0,
   showSettings: E = !0,
@@ -3177,14 +3181,14 @@ function bn({
     amountError: pe,
     fieldLocks: D,
     apiConfig: ae,
-    assetBaseUrl: B,
+    assetBaseUrl: O,
     availableFiats: de,
     availableCryptos: Me,
     availablePaymentMethods: Q,
     selectionUnsupported: ne,
-    quotesEmpty: O,
+    quotesEmpty: B,
     bestUnavailableReason: Re
-  } = Fe(), [le, We] = N(a === "dark"), [ke, Ie] = N(n), [ce, $] = N(null), [Ne, Be] = N(!1), [Xe, re] = N(!1), [rt, ye] = N(!1), [Oe, He] = N(!1), [Ye, ue] = N(null), [Pe, ot] = N(!0), [it, Ze] = N(!1), [me, y] = N(!1), A = I(null), R = I(), F = I(v.flowType);
+  } = Fe(), [le, We] = N(a === "dark"), [ke, Ie] = N(n), [ce, $] = N(null), [Ne, Be] = N(!1), [Xe, re] = N(!1), [rt, ye] = N(!1), [Oe, He] = N(!1), [Ye, ue] = N(null), [Pe, ot] = N(!0), [it, Ze] = N(!1), [me, p] = N(!1), A = I(null), R = I(), F = I(v.flowType);
   Z(() => {
     We(a === "dark");
   }, [a]), Z(() => {
@@ -3200,8 +3204,8 @@ function bn({
   }, [v.flowType, Pe]);
   const M = v.flowType, T = M === "buy", H = v.cryptoCurrency || "BTC", Y = v.fiatCurrency || "USD", lt = T ? v.fiatAmount : v.cryptoAmount, q = Ka(lt), Ce = (Lt = w == null ? void 0 : w.bestQuote) != null && Lt.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Ke = I(null);
   Ce && H && Y && (Ke.current = { rate: Ce, crypto: H, fiat: Y }), Z(() => {
-    (O || J) && (Ke.current = null);
-  }, [O, J]);
+    (B || J) && (Ke.current = null);
+  }, [B, J]);
   const xt = j(() => {
     if (w != null && w.bestQuote) {
       const g = T ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
@@ -3276,18 +3280,18 @@ function bn({
   ), fa = P(() => {
     $(null), setTimeout(() => $("country"), 280);
   }, []), ha = v.country ? (Ut = yt[v.country.toLowerCase()]) == null ? void 0 : Ut.name : void 0, pa = () => {
-    Qe && (y(!0), be());
+    Qe && (p(!0), be());
   };
   Z(() => {
     var g;
     if (!(!me || b)) {
       if (w != null && w.bestQuote)
-        y(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), Se().catch(() => {
+        p(!1), L({ type: "SELECT_QUOTE", quote: w.bestQuote }), Se().catch(() => {
         });
       else if (J)
-        y(!1), L({ type: "SET_ERROR", message: J.message || "No quotes available" });
+        p(!1), L({ type: "SET_ERROR", message: J.message || "No quotes available" });
       else if (w && !w.bestQuote) {
-        y(!1);
+        p(!1);
         const S = (g = w.unavailableGateways) == null ? void 0 : g.map((W) => W.reason).filter(Boolean), K = S != null && S.length ? `No providers available: ${S.join("; ")}` : "No providers available for this currency/network combination";
         L({ type: "SET_ERROR", message: K });
       }
@@ -3305,7 +3309,7 @@ function bn({
     "--t-cta-bg": ze.accent,
     "--t-cta-text": At(ze.accent)
   }, oe = {};
-  s && he(s) && (oe["--t-surface"] = s, oe["--t-modal-bg"] = s), m && he(m) && (oe["--t-pill-bg"] = m, oe["--t-close-bg"] = m), h && he(h) && (oe["--t-text"] = h), f && he(f) && (oe["--t-text-secondary"] = f), p && he(p) && (oe["--t-text-muted"] = p, oe["--t-text-tertiary"] = p), x && he(x) && (oe["--t-success"] = x);
+  s && he(s) && (oe["--t-surface"] = s, oe["--t-modal-bg"] = s), m && he(m) && (oe["--t-pill-bg"] = m, oe["--t-close-bg"] = m), h && he(h) && (oe["--t-text"] = h), f && he(f) && (oe["--t-text-secondary"] = f), y && he(y) && (oe["--t-text-muted"] = y, oe["--t-text-tertiary"] = y), x && he(x) && (oe["--t-success"] = x);
   const we = {};
   o && he(o) ? we.backgroundColor = o : we.backgroundColor = "var(--t-bg)", d && (d.startsWith("https://") || d.startsWith("data:image/")) && (we.backgroundImage = `url(${d})`, we.backgroundSize = "cover", we.backgroundPosition = "center");
   const Je = le ? "#ffffff" : "#111111", qe = {};
@@ -3419,7 +3423,7 @@ function bn({
                       },
                       disabled: !!((Dt = D == null ? void 0 : D.sourceCurrency) != null && Dt.locked),
                       children: [
-                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: B }),
+                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: O }),
                         /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: Y }),
                         /* @__PURE__ */ e(Ge, {})
                       ]
@@ -3439,7 +3443,7 @@ function bn({
                         },
                         disabled: !!((Mt = D == null ? void 0 : D.destinationCurrency) != null && Mt.locked),
                         children: [
-                          /* @__PURE__ */ e(Wt, { ticker: H, size: 16, baseUrl: B }),
+                          /* @__PURE__ */ e(Wt, { ticker: H, size: 16, baseUrl: O }),
                           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: H }),
                           /* @__PURE__ */ e(Ge, {})
                         ]
@@ -3449,7 +3453,7 @@ function bn({
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: ft(fe, B),
+                          src: ft(fe, O),
                           alt: fe,
                           width: 14,
                           height: 14,
@@ -3505,7 +3509,7 @@ function bn({
                         },
                         disabled: !!((It = D == null ? void 0 : D.destinationCurrency) != null && It.locked),
                         children: [
-                          /* @__PURE__ */ e(Wt, { ticker: H, size: 16, baseUrl: B }),
+                          /* @__PURE__ */ e(Wt, { ticker: H, size: 16, baseUrl: O }),
                           /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: H }),
                           /* @__PURE__ */ e(Ge, {})
                         ]
@@ -3515,7 +3519,7 @@ function bn({
                       /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
                         "img",
                         {
-                          src: ft(fe, B),
+                          src: ft(fe, O),
                           alt: fe,
                           width: 14,
                           height: 14,
@@ -3539,7 +3543,7 @@ function bn({
                       },
                       disabled: !!((Bt = D == null ? void 0 : D.sourceCurrency) != null && Bt.locked),
                       children: [
-                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: B }),
+                        /* @__PURE__ */ e(pt, { currencyCode: Y, size: 16, baseUrl: O }),
                         /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: Je }, children: Y }),
                         /* @__PURE__ */ e(Ge, {})
                       ]
@@ -3549,7 +3553,7 @@ function bn({
               ]
             }
           ),
-          O && q > 0 && /* @__PURE__ */ e(
+          B && q > 0 && /* @__PURE__ */ e(
             "div",
             {
               className: "px-[18px] py-[10px] mt-[2px]",
@@ -3655,7 +3659,7 @@ function bn({
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Qe || se || me || ne || O,
+              disabled: !Qe || se || me || ne || B,
               onClick: pa,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -3663,8 +3667,8 @@ function bn({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Qe && !se && !me && !ne && !O ? 1 : 0.4,
-                cursor: Qe && !se && !me && !ne && !O ? "pointer" : "not-allowed"
+                opacity: Qe && !se && !me && !ne && !B ? 1 : 0.4,
+                cursor: Qe && !se && !me && !ne && !B ? "pointer" : "not-allowed"
               },
               children: me ? "Getting best price..." : se ? "Processing..." : T ? `Buy ${H}` : `Sell ${H}`
             }
@@ -3679,7 +3683,7 @@ function bn({
               sa(S), g();
             },
             currencies: de.map((S) => ({ code: S.code, name: S.code })),
-            assetBaseUrl: B,
+            assetBaseUrl: O,
             selectedCode: v.fiatCurrency
           }
         ) }),
@@ -3698,7 +3702,7 @@ function bn({
                 networks: (K = S.networks) == null ? void 0 : K.map((W) => ({ code: W.id, name: W.name }))
               };
             }),
-            assetBaseUrl: B,
+            assetBaseUrl: O,
             selectedCode: v.cryptoCurrency,
             selectedChain: v.network
           }
@@ -3728,7 +3732,7 @@ function bn({
             country: v.country,
             countryName: ha,
             onLocationPress: fa,
-            assetBaseUrl: B
+            assetBaseUrl: O
           }
         ) }),
         /* @__PURE__ */ e(je, { isOpen: ce === "country", onClose: () => $(null), children: (g) => /* @__PURE__ */ e(
@@ -3738,7 +3742,7 @@ function bn({
             onSelect: (S) => {
               ma(S), g();
             },
-            assetBaseUrl: B,
+            assetBaseUrl: O,
             selectedCode: v.country
           }
         ) })
@@ -3759,7 +3763,7 @@ function Sn({
   defaultFiatAmount: m,
   defaultCryptoAmount: h,
   defaultWalletAddress: f,
-  defaultGateway: p,
+  defaultGateway: y,
   defaultCountry: x,
   fieldLocks: C,
   statusPollInterval: E,
@@ -3784,7 +3788,7 @@ function Sn({
   showThemeToggle: pe,
   autoRedirect: D,
   explorerUrl: ae,
-  doneButtonText: B,
+  doneButtonText: O,
   supportEmail: de,
   stablecoinParity: Me,
   partnerName: Q,
@@ -3805,7 +3809,7 @@ function Sn({
       defaultFiatAmount: m,
       defaultCryptoAmount: h,
       defaultWalletAddress: f,
-      defaultGateway: p,
+      defaultGateway: y,
       defaultCountry: x,
       fieldLocks: C,
       statusPollInterval: E,
@@ -3833,7 +3837,7 @@ function Sn({
           showThemeToggle: pe,
           autoRedirect: D,
           explorerUrl: ae,
-          doneButtonText: B,
+          doneButtonText: O,
           supportEmail: de,
           stablecoinParity: Me,
           partnerName: Q,
@@ -3954,7 +3958,7 @@ function Mn({
     /* @__PURE__ */ e($e, { value: d, onChange: u }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
       r ? /* @__PURE__ */ e(En, {}) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: n && n.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : i.map((s, m) => {
-        const h = m === 0, f = parseFloat(s.cryptoAmount), p = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
+        const h = m === 0, f = parseFloat(s.cryptoAmount), y = f >= 1 ? f.toFixed(4) : f.toPrecision(6);
         return /* @__PURE__ */ l(
           "button",
           {
@@ -3979,7 +3983,7 @@ function Mn({
                 /* @__PURE__ */ l("div", { className: "font-medium text-[14px]", style: { color: "var(--t-text)" }, children: [
                   o,
                   " ",
-                  p
+                  y
                 ] })
               ] })
             ]