@nowramp/form 0.1.39 → 0.1.41

package/dist/index.js

@@ -9,12 +9,12 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as l, Fragment as J } from "react/jsx-runtime";
-import ke, { useState as C, useRef as F, useCallback as X, useEffect as D, useMemo as K, useReducer as Rt, useContext as kt, createContext as Lt } from "react";
+import ke, { useState as N, useRef as U, useCallback as _, useEffect as H, useMemo as K, useReducer as Tt, useContext as kt, createContext as Lt } from "react";
 import { RampApi as Me } from "@nowramp/sdk";
 function It(t, a) {
-  const [n, s] = C(null), [r, u] = C(!0), [m, i] = C(null), o = F(null);
+  const [n, s] = N(null), [r, u] = N(!0), [m, i] = N(null), o = U(null);
   (!o.current || o.current !== t) && (o.current = new Me({ apiKey: "", ...t }));
-  const d = X(async () => {
+  const d = _(async () => {
     if (!t.projectId) {
       i(new Error("projectId is required")), u(!1);
       return;
@@ -29,15 +29,15 @@ function It(t, a) {
       u(!1);
     }
   }, [t.projectId, a]);
-  return D(() => {
+  return H(() => {
     d();
   }, [d]), { config: n, loading: r, error: m, refetch: d };
 }
 function Mt(t, a) {
-  const [n, s] = C(null), [r, u] = C(!1), [m, i] = C(null), o = F(null), d = F(""), h = `${t.apiUrl}|${t.projectId}`;
+  const [n, s] = N(null), [r, u] = N(!1), [m, i] = N(null), o = U(null), d = U(""), h = `${t.apiUrl}|${t.projectId}`;
   (!o.current || d.current !== h) && (o.current = new Me({ apiKey: "", ...t }), d.current = h);
-  const f = F(0);
-  D(() => {
+  const f = U(0);
+  H(() => {
     const g = ++f.current;
     if (!a || !t.projectId) {
       s(null), u(!1);
@@ -52,7 +52,7 @@ function Mt(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 x = X(async () => {
+  const x = _(async () => {
     if (!(!a || !t.projectId)) {
       u(!0), i(null);
       try {
@@ -68,9 +68,9 @@ function Mt(t, a) {
   return { quotes: n, loading: r, error: m, refetch: x };
 }
 function Bt(t) {
-  const [a, n] = C(null), [s, r] = C(!1), [u, m] = C(null), i = F(null), o = F(""), d = `${t.apiUrl}|${t.projectId}`;
+  const [a, n] = N(null), [s, r] = N(!1), [u, m] = N(null), i = U(null), o = U(""), d = `${t.apiUrl}|${t.projectId}`;
   (!i.current || o.current !== d) && (i.current = new Me({ apiKey: "", ...t }), o.current = d);
-  const h = X(async (x) => {
+  const h = _(async (x) => {
     r(!0), m(null);
     try {
       const g = await i.current.createCheckoutIntent(x);
@@ -81,15 +81,15 @@ function Bt(t) {
     } finally {
       r(!1);
     }
-  }, []), f = X(() => {
+  }, []), f = _(() => {
     n(null), m(null);
   }, []);
   return { order: a, loading: s, error: u, createOrder: h, reset: f };
 }
 function Ot(t, a, n) {
-  const [s, r] = C(null), [u, m] = C(!1), [i, o] = C(null), d = F(null);
+  const [s, r] = N(null), [u, m] = N(!1), [i, o] = N(null), d = U(null);
   d.current || (d.current = new Me({ apiKey: "", projectId: "", ...t }));
-  const h = X(async () => {
+  const h = _(async () => {
     if (a) {
       m(!0), o(null);
       try {
@@ -102,7 +102,7 @@ function Ot(t, a, n) {
       }
     }
   }, [a]);
-  return D(() => {
+  return H(() => {
     if (!a) return;
     const f = (n == null ? void 0 : n.initialDelay) ?? 0;
     if (f > 0) {
@@ -110,7 +110,7 @@ function Ot(t, a, n) {
       return () => clearTimeout(x);
     }
     h();
-  }, [h, a, n == null ? void 0 : n.initialDelay]), D(() => {
+  }, [h, a, n == null ? void 0 : n.initialDelay]), H(() => {
     if (!a || !(n != null && n.pollInterval) || !s || ["completed", "failed", "cancelled", "expired", "refunded"].includes(s.status))
       return;
     const x = setInterval(h, n.pollInterval);
@@ -198,7 +198,7 @@ function Pt(t, a) {
   }
 }
 const ft = Lt(null);
-function Ht({
+function Dt({
   projectId: t,
   apiUrl: a = "https://api.nowramp.com",
   assetBaseUrl: n = "",
@@ -215,9 +215,9 @@ function Ht({
   statusPollInterval: g = 5e3,
   onComplete: p,
   onError: b,
-  children: T
+  children: R
 }) {
-  const H = K(() => ({ apiUrl: a, projectId: t }), [a, t]), w = i || (m ? m.toLowerCase() : ""), j = s === "sell", Q = j ? !!d : !!o, z = (j ? !!(Q && m && w) : !!(Q && m && w && h)) && f ? "confirm" : "amount", [c, O] = Rt(Pt, {
+  const P = K(() => ({ apiUrl: a, projectId: t }), [a, t]), w = i || (m ? m.toLowerCase() : ""), G = s === "sell", Q = G ? !!d : !!o, z = (G ? !!(Q && m && w) : !!(Q && m && w && h)) && f ? "confirm" : "amount", [c, O] = Tt(Pt, {
     ...ht,
     step: z,
     flowType: s,
@@ -228,63 +228,63 @@ function Ht({
     cryptoAmount: lt(d, 6),
     walletAddress: h,
     customerId: r
-  }), N = c.flowType === "sell", {
+  }), C = c.flowType === "sell", {
     config: L,
-    loading: _,
-    error: $
-  } = It(H, c.flowType);
+    loading: F,
+    error: X
+  } = It(P, c.flowType);
   ke.useEffect(() => {
-    var S, R, k;
+    var S, k, T;
     if (!L || !c.cryptoCurrency || c.network) return;
-    const v = (S = L.cryptos) == null ? void 0 : S.find((P) => P.code === c.cryptoCurrency), E = ((R = v == null ? void 0 : v.networks) == null ? void 0 : R.find((P) => P.isDefault)) || ((k = v == null ? void 0 : v.networks) == null ? void 0 : k[0]);
+    const v = (S = L.cryptos) == null ? void 0 : S.find((D) => D.code === c.cryptoCurrency), E = ((k = v == null ? void 0 : v.networks) == null ? void 0 : k.find((D) => D.isDefault)) || ((T = v == null ? void 0 : v.networks) == null ? void 0 : T[0]);
     E != null && E.id && O({ type: "SET_NETWORK", network: E.id });
   }, [L, c.cryptoCurrency, c.network]), ke.useEffect(() => {
-    var R, k;
-    if (!((R = L == null ? void 0 : L.paymentMethods) != null && R.length)) return;
+    var k, T;
+    if (!((k = L == null ? void 0 : L.paymentMethods) != null && k.length)) return;
     const v = c.fiatCurrency, E = L.paymentMethods;
     if (c.paymentMethodId && E.some(
-      (U) => U.id === c.paymentMethodId && U.supportedFiats.includes(v)
+      (W) => W.id === c.paymentMethodId && W.supportedFiats.includes(v)
     ))
       return;
-    const S = E.find((P) => P.supportedFiats.includes(v));
-    O({ type: "SET_PAYMENT_METHOD", methodId: (S == null ? void 0 : S.id) || ((k = E[0]) == null ? void 0 : k.id) || "" });
+    const S = E.find((D) => D.supportedFiats.includes(v));
+    O({ type: "SET_PAYMENT_METHOD", methodId: (S == null ? void 0 : S.id) || ((T = E[0]) == null ? void 0 : T.id) || "" });
   }, [L, c.fiatCurrency, c.paymentMethodId]);
-  const G = K(() => {
-    if (N) {
+  const $ = K(() => {
+    if (C) {
       if (!c.cryptoAmount) return null;
-      const k = parseFloat(c.cryptoAmount);
-      return isNaN(k) || k <= 0 ? "Enter a valid amount" : null;
+      const T = parseFloat(c.cryptoAmount);
+      return isNaN(T) || T <= 0 ? "Enter a valid amount" : null;
     }
     if (!L || !c.fiatAmount) return null;
     const v = parseFloat(c.fiatAmount);
     if (isNaN(v)) return null;
-    const E = L.fiats.find((k) => k.code === c.fiatCurrency);
+    const E = L.fiats.find((T) => T.code === c.fiatCurrency);
     if (!E) return null;
-    const S = parseFloat(E.minAmount), R = parseFloat(E.maxAmount);
-    return !isNaN(S) && v < S ? `Minimum amount is ${E.minAmount} ${c.fiatCurrency}` : !isNaN(R) && v > R ? `Maximum amount is ${E.maxAmount} ${c.fiatCurrency}` : null;
-  }, [L, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, N]), Ne = K(() => {
-    const v = N ? !!c.cryptoAmount : !!c.fiatAmount;
-    return !L || !v || !c.cryptoCurrency || !c.network || G ? null : {
+    const S = parseFloat(E.minAmount), k = parseFloat(E.maxAmount);
+    return !isNaN(S) && v < S ? `Minimum amount is ${E.minAmount} ${c.fiatCurrency}` : !isNaN(k) && v > k ? `Maximum amount is ${E.maxAmount} ${c.fiatCurrency}` : null;
+  }, [L, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, C]), Ne = K(() => {
+    const v = C ? !!c.cryptoAmount : !!c.fiatAmount;
+    return !L || !v || !c.cryptoCurrency || !c.network || $ ? null : {
       fiatCurrency: c.fiatCurrency,
-      ...N ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+      ...C ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
       cryptoCurrency: c.cryptoCurrency,
       network: c.network,
       paymentMethodId: c.paymentMethodId || void 0,
       country: c.country || void 0,
       orderType: c.flowType
     };
-  }, [L, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, G, N, c.flowType]), {
+  }, [L, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, $, C, c.flowType]), {
     quotes: he,
     loading: fe,
-    error: V,
+    error: j,
     refetch: ye
-  } = Mt(H, Ne), {
+  } = Mt(P, Ne), {
     order: ae,
     loading: Ce,
     error: se,
     createOrder: ce
-  } = Bt(H), be = 15e3, {
-    status: W,
+  } = Bt(P), be = 15e3, {
+    status: V,
     loading: ne
   } = Ot(
     { apiUrl: a },
@@ -292,21 +292,21 @@ function Ht({
     { pollInterval: g, initialDelay: be }
   );
   ke.useEffect(() => {
-    (W == null ? void 0 : W.status) === "completed" && p && p(W);
-  }, [W == null ? void 0 : W.status, p]), ke.useEffect(() => {
-    const v = $ || se;
+    (V == null ? void 0 : V.status) === "completed" && p && p(V);
+  }, [V == null ? void 0 : V.status, p]), ke.useEffect(() => {
+    const v = X || se;
     v && b && b(v);
-  }, [$, se, b]);
-  const re = f || (L == null ? void 0 : L.defaultGateway) || null, Ee = F(re);
+  }, [X, se, b]);
+  const re = f || (L == null ? void 0 : L.defaultGateway) || null, Ee = U(re);
   Ee.current = re;
-  const Ae = F(he);
+  const Ae = U(he);
   Ae.current = he;
-  const we = X(async () => {
-    var S, R, k;
-    const v = ((S = c.selectedQuote) == null ? void 0 : S.gatewayId) || ((k = (R = Ae.current) == null ? void 0 : R.bestQuote) == null ? void 0 : k.gatewayId) || Ee.current, E = c.flowType === "buy";
-    if (!v || E && !c.walletAddress) {
-      const P = [!v && "gateway", E && !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      O({ type: "SET_ERROR", message: `Missing required fields: ${P}` });
+  const we = _(async () => {
+    var E, S, k;
+    const v = ((E = c.selectedQuote) == null ? void 0 : E.gatewayId) || ((k = (S = Ae.current) == null ? void 0 : S.bestQuote) == null ? void 0 : k.gatewayId) || Ee.current;
+    if (!v || !c.walletAddress) {
+      const T = [!v && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      O({ type: "SET_ERROR", message: `Missing required fields: ${T}` });
       return;
     }
     try {
@@ -314,30 +314,30 @@ function Ht({
         gateway: v,
         customerId: c.customerId || void 0,
         fiatCurrency: c.fiatCurrency,
-        ...N ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
+        ...C ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
         cryptoCurrency: c.cryptoCurrency,
         network: c.network,
-        walletAddress: c.walletAddress || void 0,
+        walletAddress: c.walletAddress,
         paymentMethodId: c.paymentMethodId || void 0,
         email: c.email || void 0,
         orderType: c.flowType
       }), O({ type: "SET_STEP", step: "checkout" });
-    } catch (P) {
-      const U = P instanceof Error ? P.message : "Failed to create order";
-      /wallet|address/i.test(U) ? O({ type: "SET_WALLET_ERROR", message: U.replace(/^Failed to create checkout intent:\s*/i, "") }) : O({ type: "SET_ERROR", message: U });
+    } catch (T) {
+      const D = T instanceof Error ? T.message : "Failed to create order";
+      /wallet|address/i.test(D) ? O({ type: "SET_WALLET_ERROR", message: D.replace(/^Failed to create checkout intent:\s*/i, "") }) : O({ type: "SET_ERROR", message: D });
     }
-  }, [c, ce, N]), q = X((v) => {
+  }, [c, ce, C]), q = _((v) => {
     O({ type: "SET_STEP", step: v });
-  }, []), ie = X(() => {
+  }, []), ie = _(() => {
     const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], E = v.indexOf(c.step);
     E > 0 && O({ type: "SET_STEP", step: v[E - 1] });
-  }, [c.step, N]), Oe = K(() => {
-    const v = N ? !!c.cryptoAmount : !!c.fiatAmount;
+  }, [c.step, C]), Oe = K(() => {
+    const v = C ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
-        return !!(v && c.cryptoCurrency && c.network && (N || c.walletAddress) && !G);
+        return !!(v && c.cryptoCurrency && c.network && c.walletAddress && !$);
       case "amount":
-        return !!(v && c.cryptoCurrency && c.network && !G);
+        return !!(v && c.cryptoCurrency && c.network && !$);
       case "quotes":
         return !!c.selectedQuote;
       case "wallet":
@@ -345,32 +345,32 @@ function Ht({
       default:
         return !1;
     }
-  }, [c, G, N]), xe = {
-    apiConfig: H,
+  }, [c, $, C]), xe = {
+    apiConfig: P,
     assetBaseUrl: n,
     config: L,
-    configLoading: _,
-    configError: $,
+    configLoading: F,
+    configError: X,
     state: c,
     dispatch: O,
     quotes: he,
     quotesLoading: fe,
-    quotesError: V,
+    quotesError: j,
     fetchQuotes: ye,
     order: ae,
     orderLoading: Ce,
     orderError: se,
     createOrder: we,
-    orderStatus: W,
+    orderStatus: V,
     orderStatusLoading: ne,
     fieldLocks: x || null,
     defaultGateway: re,
-    amountError: G,
+    amountError: $,
     goToStep: q,
     goBack: ie,
     canProceed: Oe
   };
-  return /* @__PURE__ */ e(ft.Provider, { value: xe, children: T });
+  return /* @__PURE__ */ e(ft.Provider, { value: xe, children: R });
 }
 function pe() {
   const t = kt(ft);
@@ -512,7 +512,7 @@ const Ie = {
   OKC: { name: "OKX Chain", icon: "eth" },
   UNI_CHAIN: { name: "UNI", icon: "uni" },
   ZEC: { name: "ZCash", icon: "zec" }
-}, Ut = [
+}, Ht = [
   // --- Popular / Top coins ---
   { code: "BTC", name: "Bitcoin", chains: ["BTC", "LN"], popular: !0 },
   { code: "ETH", name: "Ethereum", chains: ["ETH", "ARB", "BASE", "BSC", "OPTIMISM", "LINEA", "ZKSYNC", "LRC", "STARK", "APE", "ECLIPSE", "FUEL", "INK", "SOPHON", "UNICHAIN", "WLD"], popular: !0 },
@@ -705,25 +705,46 @@ const Ie = {
   { code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
   { code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
   { code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
-], Dt = {
-  USD: "us",
-  EUR: "eu",
-  GBP: "gb",
-  JPY: "jp",
-  CAD: "ca",
+], Ut = {
+  AED: "ae",
+  ALL: "al",
+  ARS: "ar",
   AUD: "au",
   BRL: "br",
+  CAD: "ca",
   CHF: "ch",
-  MXN: "mx",
+  CLP: "cl",
+  CZK: "cz",
+  DKK: "dk",
+  EUR: "eu",
+  GBP: "gb",
+  HKD: "hk",
+  IDR: "id",
   INR: "in",
-  ARS: "ar",
-  ALL: "al"
+  JPY: "jp",
+  KRW: "kr",
+  MXN: "mx",
+  NGN: "ng",
+  NOK: "no",
+  NZD: "nz",
+  PHP: "ph",
+  PLN: "pl",
+  QAR: "qa",
+  SAR: "sa",
+  SEK: "se",
+  SGD: "sg",
+  THB: "th",
+  TRY: "tr",
+  TWD: "tw",
+  USD: "us",
+  VND: "vn",
+  ZAR: "za"
 };
 function yt(t, a = "") {
   return `${a}/crypto-icons/${t.toLowerCase()}.svg`;
 }
-function Ft(t, a = "") {
-  const n = Dt[t] || "us";
+function Kt(t, a = "") {
+  const n = Ut[t] || "us";
   return `${a}/flags/${n}.svg`;
 }
 function _e(t, a = "") {
@@ -764,7 +785,7 @@ function Aa(t, a) {
   var n, s;
   return ((n = it[t]) == null ? void 0 : n[a]) ?? ((s = it.USDC) == null ? void 0 : s[a]) ?? 1;
 }
-function Kt(t) {
+function Ft(t) {
   return parseFloat(t.replace(/,/g, "")) || 0;
 }
 function wa(t) {
@@ -775,9 +796,9 @@ function wa(t) {
   const a = t.toPrecision(4);
   return parseFloat(a).toString();
 }
-const Ke = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), dt = 10, ut = 1e-4, _t = (() => {
+const Fe = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), dt = 10, ut = 1e-4, _t = (() => {
   const t = [];
-  for (const a of Ut)
+  for (const a of Ht)
     for (const n of a.chains)
       t.push({ code: a.code, name: a.name, chain: n, popular: a.popular });
   return t;
@@ -799,7 +820,7 @@ function Xe({ currencyCode: t, size: a = 16, baseUrl: n = "" }) {
   return /* @__PURE__ */ e(
     "img",
     {
-      src: Ft(t, n),
+      src: Kt(t, n),
       alt: t,
       width: a,
       height: a,
@@ -844,7 +865,7 @@ function Gt({ size: t = 32 }) {
     }
   );
 }
-function jt({ size: t = 32 }) {
+function Yt({ size: t = 32 }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -857,7 +878,7 @@ function jt({ size: t = 32 }) {
     }
   );
 }
-function Yt({ size: t = 32 }) {
+function jt({ size: t = 32 }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -928,9 +949,9 @@ function Jt(t, a = 32) {
     case "card":
       return /* @__PURE__ */ e(Vt, { size: a });
     case "googlepay":
-      return /* @__PURE__ */ e(jt, { size: a });
-    case "paypal":
       return /* @__PURE__ */ e(Yt, { size: a });
+    case "paypal":
+      return /* @__PURE__ */ e(jt, { size: a });
     case "bank":
       return /* @__PURE__ */ e(Xt, { size: a });
     default:
@@ -942,8 +963,8 @@ function Le({
   onClose: a,
   children: n
 }) {
-  const [s, r] = C(!1), [u, m] = C(!1);
-  D(() => {
+  const [s, r] = N(!1), [u, m] = N(!1);
+  H(() => {
     if (t)
       r(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (s) {
@@ -952,7 +973,7 @@ function Le({
       return () => clearTimeout(o);
     }
   }, [t]);
-  const i = X(() => {
+  const i = _(() => {
     m(!1), setTimeout(() => a(), 250);
   }, [a]);
   return s ? /* @__PURE__ */ e(
@@ -1018,7 +1039,7 @@ function zt({
   onSelect: n,
   onClose: s
 }) {
-  const [r, u] = C(""), m = K(() => {
+  const [r, u] = N(""), m = K(() => {
     const i = r.trim().toLowerCase();
     return i ? t.filter(
       (o) => o.id.toLowerCase().includes(i) || o.name.toLowerCase().includes(i) || o.description && o.description.toLowerCase().includes(i)
@@ -1085,7 +1106,7 @@ function ea({
   onSelect: n,
   fiatCurrency: s
 }) {
-  const [r, u] = C(!1), m = K(
+  const [r, u] = N(!1), m = K(
     () => t.filter((o) => o.supportedFiats.includes(s)),
     [t, s]
   ), i = m.find((o) => o.id === a) || m[0];
@@ -1151,20 +1172,20 @@ function ta({
   redirectDelay: s = 3e3
 }) {
   var g;
-  const { order: r, orderStatus: u, goToStep: m, goBack: i } = pe(), [o, d] = C(!1), [h, f] = C(null), x = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
-  if (D(() => {
+  const { order: r, orderStatus: u, goToStep: m, goBack: i } = pe(), [o, d] = N(!1), [h, f] = N(null), x = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
+  if (H(() => {
     if ((r == null ? void 0 : r.checkout.method) === "redirect" && n && !x) {
       f(Math.ceil(s / 1e3));
       const p = setTimeout(() => {
         window.location.href = r.checkout.url;
       }, s), b = setInterval(() => {
-        f((T) => T && T > 1 ? T - 1 : null);
+        f((R) => R && R > 1 ? R - 1 : null);
       }, 1e3);
       return () => {
         clearTimeout(p), clearInterval(b);
       };
     }
-  }, [r, n, s, x]), D(() => {
+  }, [r, n, s, x]), H(() => {
     u && (u.status === "completed" ? m("complete") : ["failed", "cancelled", "expired"].includes(u.status) && m("error"));
   }, [u == null ? void 0 : u.status, m]), !r)
     return /* @__PURE__ */ l(
@@ -1380,7 +1401,7 @@ function aa(t, a) {
 }
 function na({ className: t = "" }) {
   const { orderStatus: a, orderStatusLoading: n, goToStep: s } = pe();
-  D(() => {
+  H(() => {
     a && (a.status === "completed" ? s("complete") : ["failed", "cancelled", "expired", "refunded"].includes(a.status) && s("error"));
   }, [a == null ? void 0 : a.status, s]);
   const r = () => {
@@ -1697,7 +1718,7 @@ function la({ className: t = "" }) {
     fetchQuotes: u,
     createOrder: m,
     orderLoading: i
-  } = pe(), o = s.flowType === "sell", [d, h] = C(null), f = a == null ? void 0 : a.gateways.find((g) => g.id === r), x = async () => {
+  } = pe(), o = s.flowType === "sell", [d, h] = N(null), f = a == null ? void 0 : a.gateways.find((g) => g.id === r), x = async () => {
     h(null);
     try {
       u(), await m();
@@ -1808,7 +1829,7 @@ function ia() {
   ] });
 }
 function da({ onClose: t, onSelect: a, currencies: n, assetBaseUrl: s = "" }) {
-  const [r, u] = C(""), m = K(() => {
+  const [r, u] = N(""), m = K(() => {
     if (!n || n.length === 0) return st;
     const o = new Map(st.map((d) => [d.code, d.name]));
     return n.map((d) => ({
@@ -1854,7 +1875,7 @@ function da({ onClose: t, onSelect: a, currencies: n, assetBaseUrl: s = "" }) {
   ] });
 }
 function ua({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: s = "" }) {
-  const [r, u] = C(""), m = K(() => {
+  const [r, u] = N(""), m = K(() => {
     if (!n || n.length === 0) return _t;
     const o = [];
     for (const d of n) {
@@ -1880,10 +1901,10 @@ function ua({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: s = "" }) {
     if (!o) return m;
     const d = o.split(/\s+/), h = [];
     for (const x of m) {
-      const g = Ie[x.chain], p = g ? g.name.toLowerCase() : "", b = ((f = g == null ? void 0 : g.shortName) == null ? void 0 : f.toLowerCase()) || "", T = x.chain.toLowerCase(), H = x.code.toLowerCase(), w = x.name.toLowerCase(), j = [H, w, p, b, T];
-      if (!d.every((z) => j.some((c) => c.includes(z)))) continue;
+      const g = Ie[x.chain], p = g ? g.name.toLowerCase() : "", b = ((f = g == null ? void 0 : g.shortName) == null ? void 0 : f.toLowerCase()) || "", R = x.chain.toLowerCase(), P = x.code.toLowerCase(), w = x.name.toLowerCase(), G = [P, w, p, b, R];
+      if (!d.every((z) => G.some((c) => c.includes(z)))) continue;
       let Y = 0;
-      H === o ? Y += 100 : H.startsWith(d[0]) && (Y += 50), x.popular && (Y += 10), d.length > 1 && (p.includes(d[1]) || b.includes(d[1]) || T.includes(d[1])) && (Y += 25), h.push({ item: x, score: Y });
+      P === o ? Y += 100 : P.startsWith(d[0]) && (Y += 50), x.popular && (Y += 10), d.length > 1 && (p.includes(d[1]) || b.includes(d[1]) || R.includes(d[1])) && (Y += 25), h.push({ item: x, score: Y });
     }
     return h.sort((x, g) => g.score - x.score), h.map((x) => x.item);
   }, [m, r]);
@@ -2063,25 +2084,25 @@ function fa({
   const {
     state: p,
     dispatch: b,
-    config: T,
-    configLoading: H,
+    config: R,
+    configLoading: P,
     quotes: w,
-    quotesLoading: j,
+    quotesLoading: G,
     quotesError: Q,
     fetchQuotes: Y,
     createOrder: z,
     orderLoading: c,
     amountError: O,
-    fieldLocks: N,
+    fieldLocks: C,
     apiConfig: L,
-    assetBaseUrl: _
-  } = pe(), [$, G] = C(a === "dark"), [Ne, he] = C(n), [fe, V] = C(null), [ye, ae] = C(!1), [Ce, se] = C(!1), [ce, be] = C(!1), [W, ne] = C(null), [re, Ee] = C(!0), [Ae, we] = C(!1), [q, ie] = C(!1), Oe = F(null), xe = F(), v = F(p.flowType);
-  D(() => {
-    G(a === "dark");
-  }, [a]), D(() => {
-    const y = setTimeout(() => Ee(!1), H ? 0 : 800);
+    assetBaseUrl: F
+  } = pe(), [X, $] = N(a === "dark"), [Ne, he] = N(n), [fe, j] = N(null), [ye, ae] = N(!1), [Ce, se] = N(!1), [ce, be] = N(!1), [V, ne] = N(null), [re, Ee] = N(!0), [Ae, we] = N(!1), [q, ie] = N(!1), Oe = U(null), xe = U(), v = U(p.flowType);
+  H(() => {
+    $(a === "dark");
+  }, [a]), H(() => {
+    const y = setTimeout(() => Ee(!1), P ? 0 : 800);
     return () => clearTimeout(y);
-  }, [H]), D(() => {
+  }, [P]), H(() => {
     if (v.current !== p.flowType && !re) {
       v.current = p.flowType, we(!0), ae(!1), se(!1);
       const y = setTimeout(() => we(!1), 350);
@@ -2089,8 +2110,8 @@ function fa({
     }
     v.current = p.flowType;
   }, [p.flowType, re]);
-  const E = p.flowType, S = E === "buy", R = p.cryptoCurrency || "BTC", k = p.fiatCurrency || "USD", P = S ? p.fiatAmount : p.cryptoAmount, U = Kt(P), de = (ze = w == null ? void 0 : w.bestQuote) != null && ze.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Se = F(null);
-  de && R && k && (Se.current = { rate: de, crypto: R, fiat: k });
+  const E = p.flowType, S = E === "buy", k = p.cryptoCurrency || "BTC", T = p.fiatCurrency || "USD", D = S ? p.fiatAmount : p.cryptoAmount, W = Ft(D), de = (ze = w == null ? void 0 : w.bestQuote) != null && ze.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Se = U(null);
+  de && k && T && (Se.current = { rate: de, crypto: k, fiat: T });
   const gt = K(() => {
     if (w != null && w.bestQuote) {
       const y = S ? w.bestQuote.cryptoAmount : w.bestQuote.fiatAmount;
@@ -2098,11 +2119,11 @@ function fa({
     }
     return "0";
   }, [w, S]), vt = K(() => {
-    var B, ee, Ue;
-    const y = de || ((B = Se.current) == null ? void 0 : B.rate), A = de ? R : (ee = Se.current) == null ? void 0 : ee.crypto, I = de ? k : (Ue = Se.current) == null ? void 0 : Ue.fiat;
+    var B, ee, He;
+    const y = de || ((B = Se.current) == null ? void 0 : B.rate), A = de ? k : (ee = Se.current) == null ? void 0 : ee.crypto, I = de ? T : (He = Se.current) == null ? void 0 : He.fiat;
     return !y || !A || !I ? "" : `1 ${A} ≈ ${y.toFixed(2)} ${I}`;
-  }, [R, k, de]);
-  D(() => {
+  }, [k, T, de]);
+  H(() => {
     const y = p.walletAddress.trim(), A = p.network;
     if (!y || y.length < 10) {
       ne(null), b({ type: "SET_WALLET_ERROR", message: "" });
@@ -2111,17 +2132,17 @@ function fa({
     return be(!0), ne(null), clearTimeout(xe.current), xe.current = setTimeout(async () => {
       var I, B, ee;
       try {
-        const De = await (await fetch(`${L.apiUrl}/public/validate/address`, {
+        const Ue = await (await fetch(`${L.apiUrl}/public/validate/address`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ address: y, ...A ? { network: A } : {} })
-        })).json(), Fe = ((I = De.data) == null ? void 0 : I.attributes) || De.data || De;
-        if (Fe.isValid)
+        })).json(), Ke = ((I = Ue.data) == null ? void 0 : I.attributes) || Ue.data || Ue;
+        if (Ke.isValid)
           ne(!0), b({ type: "SET_WALLET_ERROR", message: "" });
         else {
           ne(!1);
-          const Tt = ((B = Fe.errors) == null ? void 0 : B[0]) || ((ee = Fe.details) == null ? void 0 : ee.formatMessage) || "Invalid wallet address";
-          b({ type: "SET_WALLET_ERROR", message: Tt });
+          const Rt = ((B = Ke.errors) == null ? void 0 : B[0]) || ((ee = Ke.details) == null ? void 0 : ee.formatMessage) || "Invalid wallet address";
+          b({ type: "SET_WALLET_ERROR", message: Rt });
         }
       } catch {
         ne(null);
@@ -2130,33 +2151,33 @@ function fa({
       }
     }, 500), () => clearTimeout(xe.current);
   }, [p.walletAddress, p.network, L.apiUrl]);
-  const Ge = !P || U === 0, je = U > 0 && (S ? U < dt : U < ut), Ye = !!O || je || ye && Ge, Nt = U > 0 && !O && !je, Pe = p.walletAddress.trim().length >= 10 && W !== !1 && !ce, Te = Nt && (S ? Pe : !0) && !!p.cryptoCurrency && !!p.network, Ct = (y) => {
+  const Ge = !D || W === 0, Ye = W > 0 && (S ? W < dt : W < ut), je = !!O || Ye || ye && Ge, Nt = W > 0 && !O && !Ye, Pe = p.walletAddress.trim().length >= 10 && V !== !1 && !ce, Re = Nt && Pe && !!p.cryptoCurrency && !!p.network, Ct = (y) => {
     let A = y.target.value.replace(/[^0-9.,]/g, "");
     const I = S ? 2 : 6, B = A.indexOf(".");
     B !== -1 && A.length - B - 1 > I && (A = A.slice(0, B + I + 1)), b(S ? { type: "SET_FIAT_AMOUNT", amount: A } : { type: "SET_CRYPTO_AMOUNT", amount: A });
   }, Ve = (y) => {
     y !== E && b({ type: "SET_FLOW_TYPE", flowType: y });
-  }, bt = X(
+  }, bt = _(
     (y) => {
       b({ type: "SET_FIAT_CURRENCY", currency: y });
     },
     [b]
-  ), Et = X(
+  ), Et = _(
     (y, A) => {
       b({ type: "SET_CRYPTO_CURRENCY", currency: y }), b({ type: "SET_CRYPTO_CHAIN", chain: A });
     },
     [b]
-  ), At = X(
+  ), At = _(
     (y) => {
       b({ type: "SET_PAYMENT_METHOD", methodId: y });
     },
     [b]
   ), wt = () => {
-    Te && (ie(!0), Y());
+    Re && (ie(!0), Y());
   };
-  D(() => {
+  H(() => {
     var y;
-    if (!(!q || j)) {
+    if (!(!q || G)) {
       if (w != null && w.bestQuote)
         ie(!1), b({ type: "SELECT_QUOTE", quote: w.bestQuote }), z().catch(() => {
         });
@@ -2168,19 +2189,19 @@ function fa({
         b({ type: "SET_ERROR", message: I });
       }
     }
-  }, [q, w, j, Q, b, z]);
-  const We = $ ? "theme-dark" : "theme-light", He = ct.find((y) => y.id === Ne) || ct[0], St = He.accent === null, Qe = (s ? Ke(s) : !1) ? { "--t-accent": s, "--t-cta-bg": s, "--t-cta-text": "#ffffff" } : St ? {
-    "--t-accent": $ ? "#ffffff" : "#111111",
-    "--t-cta-bg": $ ? "#ffffff" : "#111111",
-    "--t-cta-text": $ ? "#000000" : "#ffffff"
+  }, [q, w, G, Q, b, z]);
+  const We = X ? "theme-dark" : "theme-light", De = ct.find((y) => y.id === Ne) || ct[0], St = De.accent === null, Qe = (s ? Fe(s) : !1) ? { "--t-accent": s, "--t-cta-bg": s, "--t-cta-text": "#ffffff" } : St ? {
+    "--t-accent": X ? "#ffffff" : "#111111",
+    "--t-cta-bg": X ? "#ffffff" : "#111111",
+    "--t-cta-text": X ? "#000000" : "#ffffff"
   } : {
-    "--t-accent": He.accent,
-    "--t-cta-bg": He.accent,
+    "--t-accent": De.accent,
+    "--t-cta-bg": De.accent,
     "--t-cta-text": "#ffffff"
   }, oe = {};
-  r && Ke(r) ? oe.backgroundColor = r : oe.backgroundColor = "var(--t-bg)", u && (oe.backgroundImage = `url(${u})`, oe.backgroundSize = "cover", oe.backgroundPosition = "center");
-  const Re = {};
-  m && Ke(m) && (Re.border = `1px solid ${m}`), i && (Re.borderRadius = i);
+  r && Fe(r) ? oe.backgroundColor = r : oe.backgroundColor = "var(--t-bg)", u && (oe.backgroundImage = `url(${u})`, oe.backgroundSize = "cover", oe.backgroundPosition = "center");
+  const Te = {};
+  m && Fe(m) && (Te.border = `1px solid ${m}`), i && (Te.borderRadius = i);
   const Ze = p.step === "checkout" ? /* @__PURE__ */ e(ta, { autoRedirect: d }) : p.step === "processing" ? /* @__PURE__ */ e(na, {}) : p.step === "complete" ? /* @__PURE__ */ e(ra, { explorerUrl: h, doneButtonText: f, onDone: g }) : p.step === "error" ? /* @__PURE__ */ e(oa, { supportEmail: x }) : p.step === "confirm" ? /* @__PURE__ */ e(la, {}) : null;
   if (Ze)
     return /* @__PURE__ */ e(
@@ -2191,7 +2212,7 @@ function fa({
           fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
           ...oe,
           ...Qe,
-          ...Re
+          ...Te
         },
         children: Ze
       }
@@ -2205,10 +2226,10 @@ function fa({
         fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
         ...oe,
         ...Qe,
-        ...Re
+        ...Te
       },
       children: [
-        /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${o ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Qt, { onClick: () => V("settings") }) }),
+        /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${o ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(Qt, { onClick: () => j("settings") }) }),
         o ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
           /* @__PURE__ */ l("div", { className: "flex", style: { width: 165 }, children: [
             /* @__PURE__ */ e(
@@ -2245,7 +2266,7 @@ function fa({
             )
           ] })
         ] }) : null,
-        re || Ae || H ? /* @__PURE__ */ e(ia, {}) : /* @__PURE__ */ l("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
+        re || Ae || P ? /* @__PURE__ */ e(ia, {}) : /* @__PURE__ */ l("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
           /* @__PURE__ */ l(
             "div",
             {
@@ -2253,7 +2274,7 @@ function fa({
               style: {
                 background: "var(--t-surface)",
                 borderRadius: 5,
-                border: ye && Ye ? "1px solid #EF4444" : "1px solid transparent"
+                border: ye && je ? "1px solid #EF4444" : "1px solid transparent"
               },
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You spend" }),
@@ -2263,20 +2284,20 @@ function fa({
                     {
                       ref: Oe,
                       type: "text",
-                      value: P,
+                      value: D,
                       onChange: Ct,
                       onBlur: () => ae(!0),
                       placeholder: S ? "250" : "0.01",
                       className: "bg-transparent outline-none w-0 flex-1 mr-3",
                       style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px" },
                       inputMode: "decimal",
-                      disabled: !!((qe = N == null ? void 0 : N.sourceAmount) != null && qe.locked)
+                      disabled: !!((qe = C == null ? void 0 : C.sourceAmount) != null && qe.locked)
                     }
                   ),
                   S ? /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => V("fiat"),
+                      onClick: () => j("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2285,10 +2306,10 @@ function fa({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((et = N == null ? void 0 : N.sourceCurrency) != null && et.locked),
+                      disabled: !!((et = C == null ? void 0 : C.sourceCurrency) != null && et.locked),
                       children: [
-                        /* @__PURE__ */ e(Xe, { currencyCode: k, size: 16, baseUrl: _ }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
+                        /* @__PURE__ */ e(Xe, { currencyCode: T, size: 16, baseUrl: F }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: T }),
                         /* @__PURE__ */ e(ge, {})
                       ]
                     }
@@ -2296,7 +2317,7 @@ function fa({
                     /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => V("crypto"),
+                        onClick: () => j("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2305,10 +2326,10 @@ function fa({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((tt = N == null ? void 0 : N.destinationCurrency) != null && tt.locked),
+                        disabled: !!((tt = C == null ? void 0 : C.destinationCurrency) != null && tt.locked),
                         children: [
-                          /* @__PURE__ */ e(mt, { ticker: R, size: 16, baseUrl: _ }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R }),
+                          /* @__PURE__ */ e(mt, { ticker: k, size: 16, baseUrl: F }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
                           /* @__PURE__ */ e(ge, {})
                         ]
                       }
@@ -2317,7 +2338,7 @@ function fa({
                       /* @__PURE__ */ e(
                         "img",
                         {
-                          src: _e(Z, _),
+                          src: _e(Z, F),
                           alt: Z,
                           width: 14,
                           height: 14,
@@ -2332,7 +2353,7 @@ function fa({
               ]
             }
           ),
-          ye && Ye && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: O || (Ge ? "Amount should be more than 0" : S ? `Minimum amount is ${dt} ${k}` : `Minimum amount is ${ut} ${R}`) }),
+          ye && je && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: O || (Ge ? "Amount should be more than 0" : S ? `Minimum amount is ${dt} ${T}` : `Minimum amount is ${ut} ${k}`) }),
           /* @__PURE__ */ l(
             "div",
             {
@@ -2348,20 +2369,20 @@ function fa({
               children: [
                 /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
                 /* @__PURE__ */ l("div", { className: "flex items-start justify-between", children: [
-                  j ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
+                  G ? /* @__PURE__ */ e(M, { w: 180, h: 32 }) : /* @__PURE__ */ e(
                     ca,
                     {
-                      value: U > 0 ? gt : "0",
+                      value: W > 0 ? gt : "0",
                       height: 32,
                       className: "font-semibold",
-                      style: { color: U > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
+                      style: { color: W > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
                     }
                   ),
                   S ? /* @__PURE__ */ l("div", { className: "flex flex-col items-end shrink-0", children: [
                     /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => V("crypto"),
+                        onClick: () => j("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2370,10 +2391,10 @@ function fa({
                           paddingLeft: 10,
                           paddingRight: 10
                         },
-                        disabled: !!((at = N == null ? void 0 : N.destinationCurrency) != null && at.locked),
+                        disabled: !!((at = C == null ? void 0 : C.destinationCurrency) != null && at.locked),
                         children: [
-                          /* @__PURE__ */ e(mt, { ticker: R, size: 16, baseUrl: _ }),
-                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R }),
+                          /* @__PURE__ */ e(mt, { ticker: k, size: 16, baseUrl: F }),
+                          /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
                           /* @__PURE__ */ e(ge, {})
                         ]
                       }
@@ -2382,7 +2403,7 @@ function fa({
                       /* @__PURE__ */ e(
                         "img",
                         {
-                          src: _e(Z, _),
+                          src: _e(Z, F),
                           alt: Z,
                           width: 14,
                           height: 14,
@@ -2395,7 +2416,7 @@ function fa({
                   ] }) : /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => V("fiat"),
+                      onClick: () => j("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2404,10 +2425,10 @@ function fa({
                         paddingLeft: 10,
                         paddingRight: 10
                       },
-                      disabled: !!((nt = N == null ? void 0 : N.sourceCurrency) != null && nt.locked),
+                      disabled: !!((nt = C == null ? void 0 : C.sourceCurrency) != null && nt.locked),
                       children: [
-                        /* @__PURE__ */ e(Xe, { currencyCode: k, size: 16, baseUrl: _ }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: k }),
+                        /* @__PURE__ */ e(Xe, { currencyCode: T, size: 16, baseUrl: F }),
+                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: T }),
                         /* @__PURE__ */ e(ge, {})
                       ]
                     }
@@ -2422,22 +2443,22 @@ function fa({
               className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
               style: {
                 background: "var(--t-surface)",
-                ...(rt = T == null ? void 0 : T.paymentMethods) != null && rt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
+                ...(rt = R == null ? void 0 : R.paymentMethods) != null && rt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
               },
               children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: vt || " " })
             }
           ),
-          (T == null ? void 0 : T.paymentMethods) && T.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
+          (R == null ? void 0 : R.paymentMethods) && R.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
             ea,
             {
-              methods: T.paymentMethods,
+              methods: R.paymentMethods,
               selectedId: p.paymentMethodId,
               onSelect: At,
               fiatCurrency: p.fiatCurrency
             }
           ) }),
-          S && /* @__PURE__ */ l("div", { className: "mt-8", children: [
-            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "Wallet address" }),
+          /* @__PURE__ */ l("div", { className: "mt-8", children: [
+            /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: S ? "Receiving wallet address" : "Sending wallet address" }),
             /* @__PURE__ */ e(
               "input",
               {
@@ -2445,7 +2466,7 @@ function fa({
                 value: p.walletAddress,
                 onChange: (y) => b({ type: "SET_WALLET_ADDRESS", address: y.target.value }),
                 onBlur: () => se(!0),
-                placeholder: "Enter your wallet address",
+                placeholder: S ? "Enter your receiving address" : "Enter your sending address",
                 spellCheck: !1,
                 autoComplete: "off",
                 className: "w-full bg-transparent text-[13px] outline-none transition-colors",
@@ -2457,7 +2478,7 @@ function fa({
                   paddingRight: 14,
                   color: "var(--t-text)"
                 },
-                disabled: !!((ot = N == null ? void 0 : N.destinationAddress) != null && ot.locked)
+                disabled: !!((ot = C == null ? void 0 : C.destinationAddress) != null && ot.locked)
               }
             ),
             p.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: p.walletError }) : Ce && !Pe && !ce ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ce && p.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
@@ -2466,7 +2487,7 @@ function fa({
           /* @__PURE__ */ e(
             "button",
             {
-              disabled: !Te || c || q,
+              disabled: !Re || c || q,
               onClick: wt,
               className: "w-full font-semibold text-[16px] transition-all",
               style: {
@@ -2474,15 +2495,15 @@ function fa({
                 borderRadius: 5,
                 background: "var(--t-cta-bg)",
                 color: "var(--t-cta-text)",
-                opacity: Te && !c && !q ? 1 : 0.4,
-                cursor: Te && !c && !q ? "pointer" : "not-allowed"
+                opacity: Re && !c && !q ? 1 : 0.4,
+                cursor: Re && !c && !q ? "pointer" : "not-allowed"
               },
-              children: q ? "Getting best price..." : c ? "Processing..." : S ? `Buy ${R}` : `Sell ${R}`
+              children: q ? "Getting best price..." : c ? "Processing..." : S ? `Buy ${k}` : `Sell ${k}`
             }
           ),
           /* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
         ] }, E),
-        /* @__PURE__ */ e(Le, { isOpen: fe === "fiat", onClose: () => V(null), children: (y) => {
+        /* @__PURE__ */ e(Le, { isOpen: fe === "fiat", onClose: () => j(null), children: (y) => {
           var A;
           return /* @__PURE__ */ e(
             da,
@@ -2491,12 +2512,12 @@ function fa({
               onSelect: (I) => {
                 bt(I), y();
               },
-              currencies: (A = T == null ? void 0 : T.fiats) == null ? void 0 : A.map((I) => ({ code: I.code, name: I.code })),
-              assetBaseUrl: _
+              currencies: (A = R == null ? void 0 : R.fiats) == null ? void 0 : A.map((I) => ({ code: I.code, name: I.code })),
+              assetBaseUrl: F
             }
           );
         } }),
-        /* @__PURE__ */ e(Le, { isOpen: fe === "crypto", onClose: () => V(null), children: (y) => {
+        /* @__PURE__ */ e(Le, { isOpen: fe === "crypto", onClose: () => j(null), children: (y) => {
           var A;
           return /* @__PURE__ */ e(
             ua,
@@ -2505,7 +2526,7 @@ function fa({
               onSelect: (I, B) => {
                 Et(I, B), y();
               },
-              cryptos: (A = T == null ? void 0 : T.cryptos) == null ? void 0 : A.map((I) => {
+              cryptos: (A = R == null ? void 0 : R.cryptos) == null ? void 0 : A.map((I) => {
                 var B;
                 return {
                   code: I.code,
@@ -2513,16 +2534,16 @@ function fa({
                   networks: (B = I.networks) == null ? void 0 : B.map((ee) => ({ code: ee.id, name: ee.name }))
                 };
               }),
-              assetBaseUrl: _
+              assetBaseUrl: F
             }
           );
         } }),
-        /* @__PURE__ */ e(Le, { isOpen: fe === "settings", onClose: () => V(null), children: (y) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Le, { isOpen: fe === "settings", onClose: () => j(null), children: (y) => /* @__PURE__ */ e(
           ha,
           {
             onClose: y,
-            darkMode: $,
-            onToggleDarkMode: G,
+            darkMode: X,
+            onToggleDarkMode: $,
             skinId: Ne,
             onSelectSkin: (A) => {
               he(A);
@@ -2550,23 +2571,23 @@ function ya({
   statusPollInterval: g,
   onComplete: p,
   onError: b,
-  className: T,
-  theme: H,
+  className: R,
+  theme: P,
   skinId: w,
-  accentColor: j,
+  accentColor: G,
   bgColor: Q,
   bgImage: Y,
   borderColor: z,
   borderRadius: c,
   showFlowToggle: O,
-  autoRedirect: N,
+  autoRedirect: C,
   explorerUrl: L,
-  doneButtonText: _,
-  supportEmail: $,
-  onDone: G
+  doneButtonText: F,
+  supportEmail: X,
+  onDone: $
 }) {
   return /* @__PURE__ */ e(
-    Ht,
+    Dt,
     {
       projectId: t,
       apiUrl: a,
@@ -2587,33 +2608,33 @@ function ya({
       children: /* @__PURE__ */ e(
         fa,
         {
-          className: T,
-          theme: H,
+          className: R,
+          theme: P,
           skinId: w,
-          accentColor: j,
+          accentColor: G,
           bgColor: Q,
           bgImage: Y,
           borderColor: z,
           borderRadius: c,
           showFlowToggle: O,
-          autoRedirect: N,
+          autoRedirect: C,
           explorerUrl: L,
-          doneButtonText: _,
-          supportEmail: $,
-          onDone: G
+          doneButtonText: F,
+          supportEmail: X,
+          onDone: $
         }
       )
     }
   );
 }
-function Ta({
+function Ra({
   submitButtonText: t,
   rateRefreshInterval: a,
   ...n
 }) {
   return /* @__PURE__ */ e(ya, { ...n });
 }
-function Ra({
+function Ta({
   skin: t,
   active: a,
   onClick: n,
@@ -2699,7 +2720,7 @@ function ka({
   quotesLoading: s,
   cryptoCurrency: r
 }) {
-  const [u, m] = C(""), i = K(() => {
+  const [u, m] = N(""), i = K(() => {
     if (!(n != null && n.quotes)) return [];
     const o = u.trim().toLowerCase();
     return o ? n.quotes.filter((d) => d.gatewayName.toLowerCase().includes(o)) : n.quotes;
@@ -2772,9 +2793,9 @@ export {
   Ie as BLOCKCHAINS,
   Xt as BankIcon,
   _t as CRYPTO_CHAIN_COMBOS,
-  Ut as CRYPTO_CURRENCIES,
+  Ht as CRYPTO_CURRENCIES,
   Vt as CardIcon,
-  Ta as CheckoutForm,
+  Ra as CheckoutForm,
   ta as CheckoutStep,
   ge as ChevronDown,
   Wt as ChevronRight,
@@ -2788,34 +2809,34 @@ export {
   Zt as DarkModeIcon,
   oa as ErrorStep,
   st as FIAT_CURRENCIES,
-  Dt as FIAT_TO_COUNTRY,
+  Ut as FIAT_TO_COUNTRY,
   da as FiatCurrencyModal,
   Xe as FiatFlag,
   ia as FormSkeleton,
   $e as GenericCoinIcon,
-  jt as GooglePayIcon,
+  Yt as GooglePayIcon,
   it as MOCK_RATES,
   Qt as MenuIcon,
   Le as Modal,
-  Yt as PayPalIcon,
+  jt as PayPalIcon,
   ea as PaymentMethodSelector,
   na as ProcessingStep,
   ya as RampForm,
-  Ht as RampProvider,
+  Dt as RampProvider,
   $t as RevolutIcon,
   ct as SKINS,
   Be as SearchInput,
   ha as SettingsScreen,
   M as Skeleton,
-  Ra as SkinSwatch,
+  Ta as SkinSwatch,
   ma as ToggleSwitch,
   wa as formatOutput,
   _e as getChainIconUrl,
   yt as getCryptoIconUrl,
-  Ft as getFiatFlagUrl,
+  Kt as getFiatFlagUrl,
   Aa as getMockRate,
   Jt as getPaymentIcon,
-  Kt as parseAmount,
+  Ft as parseAmount,
   Bt as useCheckoutIntent,
   Mt as useQuotes,
   pe as useRamp,