@nowramp/form 0.2.6 → 0.2.7

package/dist/index.js

@@ -10,11 +10,11 @@
 })();
 import { jsx as e, jsxs as i, Fragment as G } from "react/jsx-runtime";
 import ke, { useState as w, useRef as I, useCallback as P, useEffect as U, useMemo as j, useReducer as an, useContext as ga, createContext as xa } from "react";
-import { RampApi as gt } from "@nowramp/sdk";
+import { RampApi as xt } from "@nowramp/sdk";
 import { createPortal as oa } from "react-dom";
 function nn(t, a, n) {
   const [r, o] = w(null), [l, d] = w(!0), [c, u] = w(null), s = I(null);
-  (!s.current || s.current !== t) && (s.current = new gt({ apiKey: "", ...t }));
+  (!s.current || s.current !== t) && (s.current = new xt({ apiKey: "", ...t }));
   const h = P(async () => {
     if (!t.projectId) {
       u(new Error("projectId is required")), d(!1);
@@ -38,7 +38,7 @@ function nn(t, a, n) {
 }
 function rn(t, a) {
   const [n, r] = w(null), [o, l] = w(!1), [d, c] = w(null), u = I(null), s = I(""), h = `${t.apiUrl}|${t.projectId}`;
-  (!u.current || s.current !== h) && (u.current = new gt({ apiKey: "", ...t }), s.current = h);
+  (!u.current || s.current !== h) && (u.current = new xt({ apiKey: "", ...t }), s.current = h);
   const m = I(0);
   U(() => {
     const g = ++m.current;
@@ -72,7 +72,7 @@ function rn(t, a) {
 }
 function on(t) {
   const [a, n] = w(null), [r, o] = w(!1), [l, d] = w(null), c = I(null), u = I(""), s = `${t.apiUrl}|${t.projectId}`;
-  (!c.current || u.current !== s) && (c.current = new gt({ apiKey: "", ...t }), u.current = s);
+  (!c.current || u.current !== s) && (c.current = new xt({ apiKey: "", ...t }), u.current = s);
   const h = P(async (f) => {
     o(!0), d(null);
     try {
@@ -91,7 +91,7 @@ function on(t) {
 }
 function ln(t, a, n) {
   const [r, o] = w(null), [l, d] = w(!1), [c, u] = w(null), s = I(null);
-  s.current || (s.current = new gt({ apiKey: "", projectId: "", ...t }));
+  s.current || (s.current = new xt({ apiKey: "", projectId: "", ...t }));
   const h = P(async () => {
     if (a) {
       d(!0), u(null);
@@ -120,7 +120,7 @@ function ln(t, a, n) {
     return () => clearInterval(f);
   }, [a, n == null ? void 0 : n.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: l, error: c, refetch: h };
 }
-const ft = [
+const yt = [
   { code: "ad", name: "Andorra", defaultFiat: "EUR" },
   { code: "ae", name: "United Arab Emirates", defaultFiat: "AED" },
   { code: "af", name: "Afghanistan", defaultFiat: "USD" },
@@ -313,21 +313,21 @@ const ft = [
   { code: "zm", name: "Zambia", defaultFiat: "USD" },
   { code: "zw", name: "Zimbabwe", defaultFiat: "USD" }
 ], Ot = Object.fromEntries(
-  ft.map((t) => [t.code, t])
+  yt.map((t) => [t.code, t])
 );
 function Mt(t, a) {
   if (!t) return "USD";
   const n = Ot[t.toLowerCase()], r = (n == null ? void 0 : n.defaultFiat) || "USD";
   return !a || a.length === 0 || a.includes(r) ? r : a.includes("USD") ? "USD" : a[0] || "USD";
 }
-const xt = !0;
-function Kt(t, a, n = xt) {
+const vt = !0;
+function Kt(t, a, n = vt) {
   return t === void 0 || a === void 0 ? n : t.length === 0 || a.length === 0 ? !1 : t.some((r) => a.includes(r));
 }
-function cn(t, a, n = xt) {
+function cn(t, a, n = vt) {
   return t.filter((r) => Kt(r.providers, a, n));
 }
-function sn(t, a, n = xt) {
+function sn(t, a, n = vt) {
   const r = [];
   for (const o of t) {
     const l = o.networks.filter(
@@ -339,7 +339,7 @@ function sn(t, a, n = xt) {
   }
   return r;
 }
-function dn(t, a, n, r = xt) {
+function dn(t, a, n, r = vt) {
   return n ? t.filter(
     (o) => o.supportedFiats.includes(n) && Kt(o.providers, a, r)
   ) : [];
@@ -541,7 +541,7 @@ function xn(t) {
     statusPollInterval: K = 5e3,
     onComplete: z,
     onError: J,
-    children: ie
+    children: oe
   } = t, q = j(() => ({ apiUrl: r, projectId: n }), [r, n]), te = h || (s === "BTC" ? "bitcoin" : s ? s.toLowerCase() : ""), be = l === "sell", ae = be ? !!f : !!m, C = (be ? !!(ae && s && te) : !!(ae && s && te && g)) && k ? "confirm" : "amount", F = m || (l === "buy" ? "250" : ""), [p, D] = an(gn, {
     ...va,
     step: C,
@@ -556,92 +556,92 @@ function xn(t) {
     // If defaultCountry is provided, set it immediately with 'manual' source to skip auto-detection
     ...A ? { country: A.toLowerCase(), countrySource: "manual" } : {}
   }), E = p.flowType === "sell", {
-    config: b,
+    config: S,
     loading: ne,
     error: pe
   } = nn(q, p.flowType, p.country || void 0), Se = I(!1);
   ke.useEffect(() => {
     var B, M;
-    if (Se.current || !(b != null && b.detectedCountry) || p.country) return;
+    if (Se.current || !(S != null && S.detectedCountry) || p.country) return;
     Se.current = !0;
-    const v = b.detectedCountry.toLowerCase();
+    const v = S.detectedCountry.toLowerCase();
     D({ type: "SET_COUNTRY_AUTO", country: v });
-    const R = (B = b.fiats) == null ? void 0 : B.map((_) => _.code), T = Mt(v, R);
+    const R = (B = S.fiats) == null ? void 0 : B.map((_) => _.code), T = Mt(v, R);
     T !== p.fiatCurrency && !((M = y == null ? void 0 : y.sourceCurrency) != null && M.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: T });
-  }, [b, p.country, p.fiatCurrency, y]);
+  }, [S, p.country, p.fiatCurrency, y]);
   const Te = I(!1);
   ke.useEffect(() => {
     var T, B;
-    if (Te.current || !A || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
+    if (Te.current || !A || !((T = S == null ? void 0 : S.fiats) != null && T.length)) return;
     Te.current = !0;
-    const v = b.fiats.map((M) => M.code), R = Mt(A, v);
+    const v = S.fiats.map((M) => M.code), R = Mt(A, v);
     R !== p.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && !a.current && D({ type: "SET_FIAT_CURRENCY", currency: R });
-  }, [A, b, p.fiatCurrency, y]);
+  }, [A, S, p.fiatCurrency, y]);
   const he = I(p.country);
   ke.useEffect(() => {
     var T, B;
-    if (p.country === he.current || (he.current = p.country, p.countrySource === "manual" && (_e.current = !1), p.countrySource !== "manual") || !((T = b == null ? void 0 : b.fiats) != null && T.length)) return;
-    const v = b.fiats.map((M) => M.code), R = Mt(p.country, v);
+    if (p.country === he.current || (he.current = p.country, p.countrySource === "manual" && (_e.current = !1), p.countrySource !== "manual") || !((T = S == null ? void 0 : S.fiats) != null && T.length)) return;
+    const v = S.fiats.map((M) => M.code), R = Mt(p.country, v);
     R !== p.fiatCurrency && !((B = y == null ? void 0 : y.sourceCurrency) != null && B.locked) && D({ type: "SET_FIAT_CURRENCY", currency: R });
-  }, [p.country, p.countrySource, b, p.fiatCurrency, y]);
-  const le = I(p.fiatCurrency);
+  }, [p.country, p.countrySource, S, p.fiatCurrency, y]);
+  const ie = I(p.fiatCurrency);
   ke.useEffect(() => {
     var B;
-    if (p.fiatCurrency === le.current || (le.current = p.fiatCurrency, E || !((B = b == null ? void 0 : b.fiats) != null && B.length) || !p.fiatAmount)) return;
-    const v = b.fiats.find((M) => M.code === p.fiatCurrency);
+    if (p.fiatCurrency === ie.current || (ie.current = p.fiatCurrency, E || !((B = S == null ? void 0 : S.fiats) != null && B.length) || !p.fiatAmount)) return;
+    const v = S.fiats.find((M) => M.code === p.fiatCurrency);
     if (!(v != null && v.minAmount)) return;
     const R = parseFloat(p.fiatAmount), T = parseFloat(v.minAmount);
     !isNaN(R) && !isNaN(T) && R < T && D({ type: "SET_FIAT_AMOUNT", amount: String(Math.ceil(T)) });
-  }, [p.fiatCurrency, p.fiatAmount, b, E]);
-  const { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe } = j(() => {
+  }, [p.fiatCurrency, p.fiatAmount, S, E]);
+  const { availableFiats: le, availableCryptos: X, availablePaymentMethods: fe } = j(() => {
     var T, B, M;
-    if (!b)
+    if (!S)
       return { availableFiats: [], availableCryptos: [], availablePaymentMethods: [] };
     let v;
     if (p.cryptoCurrency && p.network) {
-      const _ = (T = b.cryptos) == null ? void 0 : T.find((ge) => ge.code === p.cryptoCurrency), ue = (B = _ == null ? void 0 : _.networks) == null ? void 0 : B.find((ge) => ge.id === p.network);
+      const _ = (T = S.cryptos) == null ? void 0 : T.find((ge) => ge.code === p.cryptoCurrency), ue = (B = _ == null ? void 0 : _.networks) == null ? void 0 : B.find((ge) => ge.id === p.network);
       !_ || !ue ? v = [] : v = ue.providers;
     }
     let R;
     if (p.fiatCurrency) {
-      const _ = (M = b.fiats) == null ? void 0 : M.find((ue) => ue.code === p.fiatCurrency);
+      const _ = (M = S.fiats) == null ? void 0 : M.find((ue) => ue.code === p.fiatCurrency);
       _ ? R = _.providers : R = [];
     }
     return {
-      availableFiats: cn(b.fiats ?? [], v),
-      availableCryptos: sn(b.cryptos ?? [], R),
+      availableFiats: cn(S.fiats ?? [], v),
+      availableCryptos: sn(S.cryptos ?? [], R),
       availablePaymentMethods: dn(
-        b.paymentMethods ?? [],
+        S.paymentMethods ?? [],
         v,
         p.fiatCurrency
       )
     };
-  }, [b, p.cryptoCurrency, p.network, p.fiatCurrency]), Qe = j(() => {
+  }, [S, p.cryptoCurrency, p.network, p.fiatCurrency]), Qe = j(() => {
     var v, R, T;
-    return ne || !b ? !1 : mn(
-      b,
+    return ne || !S ? !1 : mn(
+      S,
       { cryptoCurrency: p.cryptoCurrency, network: p.network, fiatCurrency: p.fiatCurrency },
       {
         cryptoLocked: !!((v = y == null ? void 0 : y.destinationCurrency) != null && v.locked),
         networkLocked: !!((R = y == null ? void 0 : y.network) != null && R.locked),
         fiatLocked: !!((T = y == null ? void 0 : y.sourceCurrency) != null && T.locked)
       },
-      { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe }
+      { availableFiats: le, availableCryptos: X, availablePaymentMethods: fe }
     );
   }, [
     ne,
-    b,
+    S,
     y,
     p.cryptoCurrency,
     p.network,
     p.fiatCurrency,
-    ce,
+    le,
     X,
     fe
   ]);
   ke.useEffect(() => {
     var R, T, B;
-    if (ne || ce.length === 0 && X.length === 0) return;
+    if (ne || le.length === 0 && X.length === 0) return;
     const v = un(
       {
         cryptoCurrency: p.cryptoCurrency,
@@ -649,7 +649,7 @@ function xn(t) {
         fiatCurrency: p.fiatCurrency,
         paymentMethodId: p.paymentMethodId
       },
-      { availableFiats: ce, availableCryptos: X, availablePaymentMethods: fe },
+      { availableFiats: le, availableCryptos: X, availablePaymentMethods: fe },
       {
         cryptoLocked: !!((R = y == null ? void 0 : y.destinationCurrency) != null && R.locked),
         networkLocked: !!((T = y == null ? void 0 : y.network) != null && T.locked),
@@ -659,7 +659,7 @@ function xn(t) {
     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 }));
   }, [
     ne,
-    ce,
+    le,
     X,
     fe,
     p.cryptoCurrency,
@@ -669,22 +669,22 @@ function xn(t) {
     y,
     D
   ]);
-  const oe = j(() => {
+  const ce = j(() => {
     if (E) {
       if (!p.cryptoAmount) return null;
       const M = parseFloat(p.cryptoAmount);
       return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
     }
-    if (!b || !p.fiatAmount) return null;
+    if (!S || !p.fiatAmount) return null;
     const v = parseFloat(p.fiatAmount);
     if (isNaN(v)) return null;
-    const R = b.fiats.find((M) => M.code === p.fiatCurrency);
+    const R = S.fiats.find((M) => M.code === p.fiatCurrency);
     if (!R) return null;
     const T = parseFloat(R.minAmount), B = parseFloat(R.maxAmount);
     return !isNaN(T) && v < T ? `Minimum amount is ${R.minAmount} ${p.fiatCurrency}` : !isNaN(B) && v > B ? `Maximum amount is ${R.maxAmount} ${p.fiatCurrency}` : null;
-  }, [b, p.fiatAmount, p.fiatCurrency, p.cryptoAmount, E]), ye = j(() => {
+  }, [S, p.fiatAmount, p.fiatCurrency, p.cryptoAmount, E]), ye = j(() => {
     const v = E ? !!p.cryptoAmount : !!p.fiatAmount;
-    return !b || !v || !p.fiatCurrency || !p.cryptoCurrency || !p.network || oe || b.detectedCountry && p.countrySource === "" && !A ? null : {
+    return !S || !v || !p.fiatCurrency || !p.cryptoCurrency || !p.network || ce || S.detectedCountry && p.countrySource === "" && !A ? null : {
       fiatCurrency: p.fiatCurrency,
       ...E ? { cryptoAmount: p.cryptoAmount } : { fiatAmount: p.fiatAmount },
       cryptoCurrency: p.cryptoCurrency,
@@ -693,11 +693,11 @@ function xn(t) {
       country: p.country || void 0,
       orderType: p.flowType
     };
-  }, [b, p.fiatCurrency, p.fiatAmount, p.cryptoAmount, p.cryptoCurrency, p.network, p.paymentMethodId, p.country, p.countrySource, oe, E, p.flowType, A]), {
+  }, [S, p.fiatCurrency, p.fiatAmount, p.cryptoAmount, p.cryptoCurrency, p.network, p.paymentMethodId, p.country, p.countrySource, ce, E, p.flowType, A]), {
     quotes: $,
     loading: Ke,
     error: ze,
-    refetch: vt
+    refetch: Ct
   } = rn(q, ye), se = pn(Ke, $, ye), _e = I(!1);
   ke.useEffect(() => {
     var v;
@@ -705,12 +705,12 @@ function xn(t) {
   }, [$, Ke, ze, ye, p.countrySource, p.fiatCurrency]);
   const {
     order: Le,
-    loading: Ct,
+    loading: bt,
     error: de,
     createOrder: V
   } = on(q), lt = 15e3, {
     status: Z,
-    loading: bt
+    loading: St
   } = ln(
     { apiUrl: r },
     (Le == null ? void 0 : Le.orderId) ?? null,
@@ -722,7 +722,7 @@ function xn(t) {
     const v = pe || de;
     v && J && J(v);
   }, [pe, de, J]);
-  const Fe = k || (b == null ? void 0 : b.defaultGateway) || null, ct = j(() => {
+  const Fe = k || (S == null ? void 0 : S.defaultGateway) || null, ct = j(() => {
     if (!se || !($ != null && $.unavailableGateways)) return null;
     const v = $.preferredGatewayId || Fe;
     return hn($.unavailableGateways, v);
@@ -761,16 +761,16 @@ function xn(t) {
     }
   }, [p, V, E, N]), tt = P((v) => {
     D({ type: "SET_STEP", step: v });
-  }, []), St = P(() => {
+  }, []), wt = P(() => {
     const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], R = v.indexOf(p.step);
     R > 0 && D({ type: "SET_STEP", step: v[R - 1] });
-  }, [p.step, E]), wt = j(() => {
+  }, [p.step, E]), kt = j(() => {
     const v = E ? !!p.cryptoAmount : !!p.fiatAmount;
     switch (p.step) {
       case "confirm":
-        return !!(v && p.cryptoCurrency && p.network && p.walletAddress && !oe);
+        return !!(v && p.cryptoCurrency && p.network && p.walletAddress && !ce);
       case "amount":
-        return !!(v && p.cryptoCurrency && p.network && !oe);
+        return !!(v && p.cryptoCurrency && p.network && !ce);
       case "quotes":
         return !!p.selectedQuote;
       case "wallet":
@@ -778,10 +778,10 @@ function xn(t) {
       default:
         return !1;
     }
-  }, [p, oe, E]), st = {
+  }, [p, ce, E]), st = {
     apiConfig: q,
     assetBaseUrl: o,
-    config: b,
+    config: S,
     configLoading: ne,
     configError: pe,
     state: p,
@@ -789,27 +789,27 @@ function xn(t) {
     quotes: $,
     quotesLoading: Ke,
     quotesError: ze,
-    fetchQuotes: vt,
+    fetchQuotes: Ct,
     order: Le,
-    orderLoading: Ct,
+    orderLoading: bt,
     orderError: de,
     createOrder: Ue,
     orderStatus: Z,
-    orderStatusLoading: bt,
+    orderStatusLoading: St,
     fieldLocks: y || null,
     defaultGateway: Fe,
-    availableFiats: ce,
+    availableFiats: le,
     availableCryptos: X,
     availablePaymentMethods: fe,
     selectionUnsupported: Qe,
     quotesEmpty: se,
     bestUnavailableReason: ct,
-    amountError: oe,
+    amountError: ce,
     goToStep: tt,
-    goBack: St,
-    canProceed: wt
+    goBack: wt,
+    canProceed: kt
   };
-  return /* @__PURE__ */ e(Ca.Provider, { value: st, children: ie });
+  return /* @__PURE__ */ e(Ca.Provider, { value: st, children: oe });
 }
 function Xe() {
   const t = ga(Ca);
@@ -2299,14 +2299,14 @@ function Un(t, a = "") {
   const n = Fn[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
-function yt(t) {
+function gt(t) {
   return ot[t] || ot[t.toLowerCase()] || ot[t.toUpperCase()] || ot[t.toUpperCase().replace(/-/g, "_")] || ot[t.toLowerCase().replace(/-/g, "_")];
 }
 function Na(t, a = "") {
   return `${a}/provider-icons/${t.toLowerCase()}.svg`;
 }
 function Dt(t, a = "") {
-  const n = yt(t);
+  const n = gt(t);
   return n ? `${a}/crypto-icons/${n.icon}.svg` : `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
 const ca = [
@@ -2404,7 +2404,7 @@ function Bn({ className: t = "", stablecoinParity: a, partnerName: n }) {
     fetchQuotes: u,
     createOrder: s,
     orderLoading: h
-  } = Xe(), m = O(), f = l.flowType === "sell", [g, k] = w(null), A = r == null ? void 0 : r.gateways.find((te) => te.id === d), y = (q = c == null ? void 0 : c.bestQuote) != null && q.exchangeRate ? parseFloat(c.bestQuote.exchangeRate) : null, N = parseFloat(l.fiatAmount) || 0, K = !!(a && n && !f && Ea(l.cryptoCurrency) && y), z = K && l.cryptoCurrency.toUpperCase().includes(l.fiatCurrency.toUpperCase()), J = K && N > 0 ? Bt(z ? N : N / y) : null, ie = async () => {
+  } = Xe(), m = O(), f = l.flowType === "sell", [g, k] = w(null), A = r == null ? void 0 : r.gateways.find((te) => te.id === d), y = (q = c == null ? void 0 : c.bestQuote) != null && q.exchangeRate ? parseFloat(c.bestQuote.exchangeRate) : null, N = parseFloat(l.fiatAmount) || 0, K = !!(a && n && !f && Ea(l.cryptoCurrency) && y), z = K && l.cryptoCurrency.toUpperCase().includes(l.fiatCurrency.toUpperCase()), J = K && N > 0 ? Bt(z ? N : N / y) : null, oe = async () => {
     k(null);
     try {
       u(), await s();
@@ -2451,7 +2451,7 @@ function Bn({ className: t = "", stablecoinParity: a, partnerName: n }) {
         className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
         style: { height: 60, borderRadius: "var(--t-cta-radius, 100px)", background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: h ? 0.7 : 1 },
         disabled: h,
-        onClick: ie,
+        onClick: oe,
         children: h ? /* @__PURE__ */ i(G, { children: [
           /* @__PURE__ */ e(Ee, { size: 18 }),
           m("confirm.processing")
@@ -3268,10 +3268,10 @@ function tr({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     }
     const g = f.split(/\s+/), k = [];
     for (const y of s) {
-      const N = yt(y.chain), K = N ? N.name.toLowerCase() : "", z = ((A = N == null ? void 0 : N.shortName) == null ? void 0 : A.toLowerCase()) || "", J = y.chain.toLowerCase(), ie = y.code.toLowerCase(), q = y.name.toLowerCase(), te = [ie, q, K, z, J];
+      const N = gt(y.chain), K = N ? N.name.toLowerCase() : "", z = ((A = N == null ? void 0 : N.shortName) == null ? void 0 : A.toLowerCase()) || "", J = y.chain.toLowerCase(), oe = y.code.toLowerCase(), q = y.name.toLowerCase(), te = [oe, 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]) || z.includes(g[1]) || J.includes(g[1])) && (ae += 25), k.push({ item: y, score: ae });
+      oe === f ? ae += 100 : oe.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, N) => N.score - y.score), k.map((y) => y.item);
   }, [s, c, o, l]);
@@ -3284,7 +3284,7 @@ function tr({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: r = "", selecte
     ] }),
     /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto custom-scroll px-3", children: [
       m.map((f, g) => {
-        const k = yt(f.chain), A = (k == null ? void 0 : k.name) || f.chainName || f.chain, y = h(f.code, f.chain);
+        const k = gt(f.chain), A = (k == null ? void 0 : k.name) || f.chainName || f.chain, y = h(f.code, f.chain);
         return /* @__PURE__ */ i(
           "button",
           {
@@ -3553,7 +3553,7 @@ function lr({
 const cr = [
   { key: "settings.privacy", href: "https://nowramp.com/privacy-policy" },
   { key: "settings.terms", href: "https://nowramp.com/terms-and-conditions" }
-], ht = {
+], ft = {
   background: "var(--t-surface)",
   borderRadius: "var(--t-card-radius)"
 };
@@ -3583,7 +3583,7 @@ function sr({
         {
           onClick: u,
           className: "w-full text-left transition-colors card-press modal-item-in",
-          style: { ...ht, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "12px 16px" },
+          style: { ...ft, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "12px 16px" },
           children: [
             /* @__PURE__ */ e("span", { className: "text-[13px] block mb-1.5", style: { color: "var(--t-text-secondary)" }, children: m("settings.location") }),
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
@@ -3610,7 +3610,7 @@ function sr({
         "div",
         {
           className: "flex items-center justify-between w-full px-4 modal-item-in",
-          style: { ...ht, paddingTop: 14, paddingBottom: 14, animationDelay: "60ms" },
+          style: { ...ft, paddingTop: 14, paddingBottom: 14, animationDelay: "60ms" },
           children: [
             /* @__PURE__ */ e("span", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: m("settings.darkMode") }),
             /* @__PURE__ */ e(lr, { checked: a, onChange: n })
@@ -3622,7 +3622,7 @@ function sr({
         {
           onClick: s,
           className: "flex items-center justify-between w-full transition-colors card-press modal-item-in",
-          style: { ...ht, backgroundColor: "var(--t-surface)", color: "inherit", border: "none", cursor: "pointer", padding: "14px 16px", margin: 0, textAlign: "left", animationDelay: "120ms" },
+          style: { ...ft, 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: m("settings.language") }),
             /* @__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 })
@@ -3636,7 +3636,7 @@ function sr({
           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` },
+          style: { ...ft, 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: m(N.key) }),
             /* @__PURE__ */ e(jn, {})
@@ -3667,13 +3667,13 @@ function ur({
       if (r) {
         const s = r.toLowerCase(), h = Ot[s];
         if (h) {
-          const m = ft.filter((f) => f.code !== s);
+          const m = yt.filter((f) => f.code !== s);
           return [h, ...m];
         }
       }
-      return ft;
+      return yt;
     }
-    return ft.filter(
+    return yt.filter(
       (s) => s.name.toLowerCase().includes(u) || s.code.includes(u) || s.defaultFiat.toLowerCase().includes(u)
     );
   }, [l, r]);
@@ -4653,7 +4653,7 @@ function Fr({
   explorerUrl: K,
   doneButtonText: z,
   supportEmail: J,
-  stablecoinParity: ie,
+  stablecoinParity: oe,
   partnerName: q,
   containerHeight: te,
   locale: be,
@@ -4666,42 +4666,42 @@ function Fr({
     config: p,
     configLoading: D,
     quotes: E,
-    quotesLoading: b,
+    quotesLoading: S,
     quotesError: ne,
     fetchQuotes: pe,
     createOrder: Se,
     orderLoading: Te,
     amountError: he,
-    fieldLocks: le,
-    apiConfig: ce,
+    fieldLocks: ie,
+    apiConfig: le,
     assetBaseUrl: X,
     availableFiats: fe,
     availableCryptos: Qe,
-    availablePaymentMethods: oe,
+    availablePaymentMethods: ce,
     selectionUnsupported: ye,
     quotesEmpty: $,
     bestUnavailableReason: Ke
-  } = Xe(), { locale: ze, setLocale: vt } = _t(), [se, _e] = w(a === "dark"), [Le, Ct] = w(n), [de, V] = 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, R] = w(!1), [T, B] = w(!1), [M, _] = w(null), [ue, ge] = w(!1), [La, kt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = I(null), Nt = I(), Et = I(C.flowType), Ma = te ?? 640, Zt = I(E);
+  } = Xe(), { locale: ze, setLocale: Ct } = _t(), [se, _e] = w(a === "dark"), [Le, bt] = w(n), [de, V] = w(null), [lt, Z] = w(!1), [St, Je] = w(!1), [Fe, ct] = w(!1), [je, qe] = w(!1), [et, Ue] = w(null), [tt, wt] = w(!0), [kt, st] = w(!1), [v, R] = w(!1), [T, B] = w(!1), [M, _] = w(null), [ue, ge] = w(!1), [La, Nt] = w(30), [Fa, Gt] = w(!1), [Ua, $t] = w(!1), Ia = I(null), Et = I(), At = I(C.flowType), Ma = te ?? 640, Zt = I(E);
   U(() => {
     E && E !== Zt.current && B(!1), Zt.current = E;
   }, [E]), U(() => {
-    b && !T && F({ type: "CLEAR_QUOTE" });
-  }, [b, T, F]), U(() => {
+    S && !T && F({ type: "CLEAR_QUOTE" });
+  }, [S, T, 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);
+    const x = setTimeout(() => wt(!1), D ? 0 : 800);
     return () => clearTimeout(x);
   }, [D]), U(() => {
-    if (Et.current !== C.flowType && !tt) {
-      Et.current = C.flowType, st(!0), Z(!1), Je(!1);
+    if (At.current !== C.flowType && !tt) {
+      At.current = C.flowType, st(!0), Z(!1), Je(!1);
       const x = setTimeout(() => st(!1), 350);
       return () => clearTimeout(x);
     }
-    Et.current = C.flowType;
+    At.current = C.flowType;
   }, [C.flowType, tt]);
-  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", At = H ? C.fiatAmount : C.cryptoAmount, ee = Mn(At), ve = C.selectedQuote || (E == null ? void 0 : E.bestQuote) || null, we = ve != null && ve.exchangeRate ? parseFloat(ve.exchangeRate) : null, at = I(null);
+  const dt = C.flowType, H = dt === "buy", re = C.cryptoCurrency || "BTC", xe = C.fiatCurrency || "USD", Rt = H ? C.fiatAmount : C.cryptoAmount, ee = Mn(Rt), ve = C.selectedQuote || (E == null ? void 0 : E.bestQuote) || null, we = ve != null && ve.exchangeRate ? parseFloat(ve.exchangeRate) : null, at = I(null);
   we && re && xe && (at.current = { rate: we, crypto: re, fiat: xe }), U(() => {
     ($ || ne) && (at.current = null);
   }, [$, ne]), U(() => {
@@ -4713,35 +4713,35 @@ function Fr({
       if (x) return x;
     }
     return "0";
-  }, [ve, H]), Rt = I(Ie);
+  }, [ve, H]), Tt = I(Ie);
   U(() => {
-    if (Ie !== Rt.current && Ie !== "0" && Rt.current !== "0") {
+    if (Ie !== Tt.current && Ie !== "0" && Tt.current !== "0") {
       Gt(!0);
       const x = setTimeout(() => Gt(!1), 500);
       return () => clearTimeout(x);
     }
-    Rt.current = Ie;
+    Tt.current = Ie;
   }, [Ie]);
-  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 = j(() => {
+  const nt = !!(oe && 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 = j(() => {
     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, W = we ? xe : (Ge = at.current) == null ? void 0 : Ge.fiat;
-    return !x || !S || !W ? "" : `1 ${S} ≈ ${x.toFixed(2)} ${W}`;
+    const x = we || ((Y = at.current) == null ? void 0 : Y.rate), b = we ? re : (De = at.current) == null ? void 0 : De.crypto, W = we ? xe : (Ge = at.current) == null ? void 0 : Ge.fiat;
+    return !x || !b || !W ? "" : `1 ${b} ≈ ${x.toFixed(2)} ${W}`;
   }, [re, xe, we]);
   U(() => {
-    const x = C.walletAddress.trim(), S = C.network;
+    const x = C.walletAddress.trim(), b = C.network;
     if (!x || x.length < 10) {
       Ue(null), F({ type: "SET_WALLET_ERROR", message: "" });
       return;
     }
     qe(!0), Ue(null);
     const W = new AbortController();
-    return clearTimeout(Nt.current), Nt.current = setTimeout(async () => {
+    return clearTimeout(Et.current), Et.current = setTimeout(async () => {
       var Y, De, Ge;
       try {
-        const Ut = await (await fetch(`${ce.apiUrl}/public/validate/address`, {
+        const Ut = await (await fetch(`${le.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ address: x, ...S ? { network: S } : {} }),
+          body: JSON.stringify({ address: x, ...b ? { network: b } : {} }),
           signal: W.signal
         })).json(), It = ((Y = Ut.data) == null ? void 0 : Y.attributes) || Ut.data || Ut;
         if (It.isValid)
@@ -4758,23 +4758,23 @@ function Fr({
         W.signal.aborted || qe(!1);
       }
     }, 500), () => {
-      clearTimeout(Nt.current), W.abort();
+      clearTimeout(Et.current), W.abort();
     };
-  }, [C.walletAddress, C.network, ce.apiUrl]);
-  const ut = !At || 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 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 });
+  }, [C.walletAddress, C.network, le.apiUrl]);
+  const ut = !Rt || ee === 0, Lt = ee > 0 && (H ? ee < ua : ee < ma), Pa = !!he || Lt || lt && ut, Oa = ee > 0 && !he && !Lt, 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 W = H ? 2 : 6, Y = b.indexOf(".");
+    Y !== -1 && b.length - Y - 1 > W && (b = b.slice(0, Y + W + 1)), F(H ? { type: "SET_FIAT_AMOUNT", amount: b } : { type: "SET_CRYPTO_AMOUNT", amount: b });
   }, _a = (x) => {
-    x !== dt && F({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: le });
+    x !== dt && F({ type: "SET_FLOW_TYPE", flowType: x, fieldLocks: ie });
   }, ja = P(
     (x) => {
       F({ type: "SET_FIAT_CURRENCY", currency: x });
     },
     [F]
   ), Va = P(
-    (x, S) => {
-      F({ type: "SET_CRYPTO_CURRENCY", currency: x }), F({ type: "SET_CRYPTO_CHAIN", chain: S });
+    (x, b) => {
+      F({ type: "SET_CRYPTO_CURRENCY", currency: x }), F({ type: "SET_CRYPTO_CHAIN", chain: b });
     },
     [F]
   ), Wa = P(
@@ -4806,22 +4806,22 @@ function Fr({
   };
   U(() => {
     var x;
-    if (!(!v || b)) {
+    if (!(!v || S)) {
       if (E != null && E.bestQuote)
-        R(!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") });
+        R(!1), F({ type: "SELECT_QUOTE", quote: E.bestQuote }), Se().catch((b) => {
+          _({ type: "error", title: L("toast.orderFailed"), desc: b instanceof Error ? b.message : L("toast.couldNotCreate") });
         });
       else if (ne) {
         R(!1);
-        const S = ne.message || L("error.noProviders");
-        F({ type: "SET_ERROR", message: S }), _({ type: "error", title: L("toast.quoteError"), desc: S });
+        const b = ne.message || L("error.noProviders");
+        F({ type: "SET_ERROR", message: b }), _({ type: "error", title: L("toast.quoteError"), desc: b });
       } else if (E && !E.bestQuote) {
         R(!1);
-        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");
+        const b = (x = E.unavailableGateways) == null ? void 0 : x.map((Y) => Y.reason).filter(Boolean), W = b != null && b.length ? `${L("error.noProviders")}: ${b.join("; ")}` : L("error.noProviders");
         F({ type: "SET_ERROR", message: W }), _({ type: "error", title: L("toast.noProviders"), desc: W });
       }
     }
-  }, [v, E, b, ne, F, Se]);
+  }, [v, E, S, ne, F, Se]);
   const zt = I(C.step);
   U(() => {
     const x = zt.current;
@@ -4832,16 +4832,16 @@ function Fr({
     Ve || ge(!1);
   }, [Ve]), U(() => {
     if (!ue || !Ve) return;
-    kt(30);
+    Nt(30);
     const x = setInterval(() => {
-      kt((S) => S <= 1 ? (pe(), 30) : S - 1);
+      Nt((b) => b <= 1 ? (pe(), 30) : b - 1);
     }, 1e3);
     return () => clearInterval(x);
   }, [ue, Ve, pe]), U(() => {
-    ue && Ve && !b && kt(30);
-  }, [b, ue, Ve]);
+    ue && Ve && !S && Nt(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 ? Ce(r) : !1, qt = (x) => {
-    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);
+    const b = x.replace("#", ""), W = parseInt(b.substring(0, 2), 16), Y = parseInt(b.substring(2, 4), 16), De = parseInt(b.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",
@@ -4857,7 +4857,10 @@ function Fr({
   o && Ce(o) ? Me.backgroundColor = o : Me.backgroundColor = "var(--t-bg)", l && (l.startsWith("https://") || l.startsWith("data:image/")) && (Me.backgroundImage = `url(${l})`, Me.backgroundSize = "cover", Me.backgroundPosition = "center");
   const pt = {};
   d && Ce(d) && (pt.border = `1px solid ${d}`), c && (pt.borderRadius = c);
-  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(Nn, { autoRedirect: N }) : C.step === "processing" ? /* @__PURE__ */ e(An, {}) : C.step === "complete" ? /* @__PURE__ */ e(Rn, { explorerUrl: K, doneButtonText: z, onDone: ae }) : C.step === "error" ? /* @__PURE__ */ e(Tn, { supportEmail: J, onDone: ae, doneButtonText: z }) : C.step === "confirm" ? /* @__PURE__ */ e(Bn, { stablecoinParity: nt, partnerName: q }) : null;
+  const rt = C.network, We = rt ? gt(rt) : null, ta = (We == null ? void 0 : We.shortName) || (We == null ? void 0 : We.name) || rt, Ja = he || (lt && (Lt || 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 : St && !Yt && !je ? L("wallet.invalid") : void 0, ht = ce.filter((x) => {
+    var b;
+    return x.supportedFiats.includes(C.fiatCurrency) ? C.selectedQuote && ((b = x.providers) != null && b.length) ? x.providers.includes(C.selectedQuote.gatewayId) : !0 : !1;
+  }), en = ht.find((x) => x.id === C.paymentMethodId) || ht[0], aa = C.step === "checkout" ? /* @__PURE__ */ e(Nn, { autoRedirect: N }) : C.step === "processing" ? /* @__PURE__ */ e(An, {}) : C.step === "complete" ? /* @__PURE__ */ e(Rn, { explorerUrl: K, doneButtonText: z, onDone: ae }) : C.step === "error" ? /* @__PURE__ */ e(Tn, { supportEmail: J, onDone: ae, doneButtonText: z }) : C.step === "confirm" ? /* @__PURE__ */ e(Bn, { stablecoinParity: nt, partnerName: q }) : null;
   return aa ? /* @__PURE__ */ e(
     "div",
     {
@@ -4898,18 +4901,18 @@ function Fr({
             darkMode: se
           }
         ),
-        tt || wt || D ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: D ? /* @__PURE__ */ e(Hn, {}) : /* @__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 || kt || D ? /* @__PURE__ */ e("div", { className: "pt-[88px] px-3 flex-1 flex flex-col", children: D ? /* @__PURE__ */ e(Hn, {}) : /* @__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(
             fr,
             {
-              amount: At,
+              amount: Rt,
               onAmountChange: Ka,
               currencyCode: H ? xe : re,
               isBuy: H,
               onOpenModal: () => V(H ? "fiat" : "crypto"),
               assetBaseUrl: X,
               error: Ja,
-              fieldLocks: le,
+              fieldLocks: ie,
               onBlur: () => Z(!0),
               inputRef: Ia,
               chainCode: H ? void 0 : rt,
@@ -4929,11 +4932,11 @@ function Fr({
               onOpenModal: () => V(H ? "crypto" : "fiat"),
               displayRate: Ha,
               assetBaseUrl: X,
-              quotesLoading: b,
+              quotesLoading: S,
               onOpenRateBreakdown: () => {
                 ee > 0 && ge(!0);
               },
-              fieldLocks: le,
+              fieldLocks: ie,
               spendNumeric: ee,
               getChainIconUrl: H ? Dt : void 0,
               autoSelectPending: v,
@@ -4962,23 +4965,14 @@ function Fr({
               ]
             }
           ),
-          (E || b) && /* @__PURE__ */ e(
-            Cr,
-            {
-              selectedQuote: C.selectedQuote,
-              quotesLoading: b,
-              onOpenModal: () => V("provider"),
-              assetBaseUrl: X
-            }
-          ),
-          (oe.length > 0 || (p == null ? void 0 : p.paymentMethods) && p.paymentMethods.length > 0) && (Lt.length > 0 ? /* @__PURE__ */ e(
+          (ce.length > 0 || (p == null ? void 0 : p.paymentMethods) && p.paymentMethods.length > 0) && (ht.length > 0 ? /* @__PURE__ */ e(
             vr,
             {
               selectedMethod: en,
               onOpenModal: () => V("payment"),
               darkMode: se,
               getMethodIcon: Wt,
-              getMethodDisplayName: (x, S) => Vt(x, S, L, !0)
+              getMethodDisplayName: (x, b) => Vt(x, b, L, !0)
             }
           ) : /* @__PURE__ */ e(
             "div",
@@ -4992,6 +4986,15 @@ function Fr({
               children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: L("payment.noneAvailable") })
             }
           )),
+          (E || S) && /* @__PURE__ */ e(
+            Cr,
+            {
+              selectedQuote: C.selectedQuote,
+              quotesLoading: S,
+              onOpenModal: () => V("provider"),
+              assetBaseUrl: X
+            }
+          ),
           H && /* @__PURE__ */ e(
             Ar,
             {
@@ -5001,7 +5004,7 @@ function Fr({
               isBuy: H,
               error: qa,
               validating: je,
-              disabled: !!((ra = le == null ? void 0 : le.destinationAddress) != null && ra.locked),
+              disabled: !!((ra = ie == null ? void 0 : ie.destinationAddress) != null && ra.locked),
               onFocus: () => ct(!0),
               onBlur: () => {
                 ct(!1), Je(!0);
@@ -5041,17 +5044,17 @@ function Fr({
             isOpen: ue,
             onClose: () => ge(!1),
             countdown: La,
-            quotesLoading: b
+            quotesLoading: S
           }
         ) }),
         /* @__PURE__ */ e(Pe, { isOpen: de === "fiat", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
           er,
           {
             onClose: x,
-            onSelect: (S) => {
-              ja(S), x();
+            onSelect: (b) => {
+              ja(b), x();
             },
-            currencies: fe.map((S) => ({ code: S.code, name: S.code })),
+            currencies: fe.map((b) => ({ code: b.code, name: b.code })),
             assetBaseUrl: X,
             selectedCode: C.fiatCurrency
           }
@@ -5060,15 +5063,15 @@ function Fr({
           tr,
           {
             onClose: x,
-            onSelect: (S, W) => {
-              Va(S, W), x();
+            onSelect: (b, W) => {
+              Va(b, W), x();
             },
-            cryptos: Qe.map((S) => {
+            cryptos: Qe.map((b) => {
               var W;
               return {
-                code: S.code,
-                name: S.code,
-                networks: (W = S.networks) == null ? void 0 : W.map((Y) => ({ code: Y.id, name: Y.name }))
+                code: b.code,
+                name: b.code,
+                networks: (W = b.networks) == null ? void 0 : W.map((Y) => ({ code: Y.id, name: Y.name }))
               };
             }),
             assetBaseUrl: X,
@@ -5079,10 +5082,10 @@ function Fr({
         /* @__PURE__ */ e(Pe, { isOpen: de === "payment", onClose: () => V(null), children: (x) => /* @__PURE__ */ e(
           ir,
           {
-            methods: oe,
+            methods: ht,
             selectedId: C.paymentMethodId,
-            onSelect: (S) => {
-              Wa(S), x();
+            onSelect: (b) => {
+              Wa(b), x();
             },
             onClose: x
           }
@@ -5091,12 +5094,12 @@ function Fr({
           Er,
           {
             quotes: E,
-            quotesLoading: b,
+            quotesLoading: S,
             cryptoCurrency: re,
             selectedGatewayId: C.selectedProvider,
             assetBaseUrl: X,
-            onSelect: (S) => {
-              B(!0), F({ type: "SELECT_QUOTE", quote: S }), x();
+            onSelect: (b) => {
+              B(!0), F({ type: "SELECT_QUOTE", quote: b }), x();
             },
             onClose: x
           }
@@ -5108,8 +5111,8 @@ function Fr({
             darkMode: se,
             onToggleDarkMode: _e,
             skinId: Le,
-            onSelectSkin: (S) => {
-              Ct(S);
+            onSelectSkin: (b) => {
+              bt(b);
             },
             showThemeToggle: y,
             country: C.country,
@@ -5123,8 +5126,8 @@ function Fr({
           ur,
           {
             onClose: x,
-            onSelect: (S) => {
-              Ga(S), x();
+            onSelect: (b) => {
+              Ga(b), x();
             },
             assetBaseUrl: X,
             selectedCode: C.country
@@ -5134,8 +5137,8 @@ function Fr({
           pr,
           {
             onClose: x,
-            onSelect: (S) => {
-              vt(S), x();
+            onSelect: (b) => {
+              Ct(b), x();
             },
             selectedCode: ze
           }
@@ -5166,7 +5169,7 @@ function Ur({
   onError: K,
   className: z,
   theme: J,
-  skinId: ie,
+  skinId: oe,
   accentColor: q,
   bgColor: te,
   bgImage: be,
@@ -5177,18 +5180,18 @@ function Ur({
   textColor: p,
   textSecondaryColor: D,
   textMutedColor: E,
-  successColor: b,
+  successColor: S,
   showFlowToggle: ne,
   showSettings: pe,
   showThemeToggle: Se,
   autoRedirect: Te,
   explorerUrl: he,
-  doneButtonText: le,
-  supportEmail: ce,
+  doneButtonText: ie,
+  supportEmail: le,
   stablecoinParity: X,
   partnerName: fe,
   containerHeight: Qe,
-  locale: oe,
+  locale: ce,
   onDone: ye
 }) {
   return /* @__PURE__ */ e(
@@ -5213,12 +5216,12 @@ function Ur({
       statusPollInterval: y,
       onComplete: N,
       onError: K,
-      children: /* @__PURE__ */ e(vn, { defaultLocale: oe || "en", children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(vn, { defaultLocale: ce || "en", children: /* @__PURE__ */ e(
         Fr,
         {
           className: z,
           theme: J,
-          skinId: ie,
+          skinId: oe,
           accentColor: q,
           bgColor: te,
           bgImage: be,
@@ -5229,14 +5232,14 @@ function Ur({
           textColor: p,
           textSecondaryColor: D,
           textMutedColor: E,
-          successColor: b,
+          successColor: S,
           showFlowToggle: ne,
           showSettings: pe,
           showThemeToggle: Se,
           autoRedirect: Te,
           explorerUrl: he,
-          doneButtonText: le,
-          supportEmail: ce,
+          doneButtonText: ie,
+          supportEmail: le,
           stablecoinParity: X,
           partnerName: fe,
           containerHeight: Qe,
@@ -5294,7 +5297,7 @@ export {
   ot as BLOCKCHAINS,
   Pr as BankIcon,
   Jn as BottomSheet,
-  ft as COUNTRIES,
+  yt as COUNTRIES,
   Ot as COUNTRY_MAP,
   Dn as CRYPTO_CHAIN_COMBOS,
   wa as CRYPTO_CURRENCIES,