@nowramp/form 0.1.40 → 0.1.41

package/dist/index.js

@@ -9,10 +9,10 @@
   document.head.appendChild(s);
 })();
 import { jsx as e, jsxs as l, Fragment as J } from "react/jsx-runtime";
-import ke, { useState as N, useRef as D, useCallback as _, useEffect as U, useMemo as F, 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] = N(null), [r, u] = N(!0), [m, i] = N(null), o = D(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 = _(async () => {
     if (!t.projectId) {
@@ -29,15 +29,15 @@ function It(t, a) {
       u(!1);
     }
   }, [t.projectId, a]);
-  return U(() => {
+  return H(() => {
     d();
   }, [d]), { config: n, loading: r, error: m, refetch: d };
 }
 function Mt(t, a) {
-  const [n, s] = N(null), [r, u] = N(!1), [m, i] = N(null), o = D(null), d = D(""), 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 = D(0);
-  U(() => {
+  const f = U(0);
+  H(() => {
     const g = ++f.current;
     if (!a || !t.projectId) {
       s(null), u(!1);
@@ -68,7 +68,7 @@ function Mt(t, a) {
   return { quotes: n, loading: r, error: m, refetch: x };
 }
 function Bt(t) {
-  const [a, n] = N(null), [s, r] = N(!1), [u, m] = N(null), i = D(null), o = D(""), 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 = _(async (x) => {
     r(!0), m(null);
@@ -87,7 +87,7 @@ function Bt(t) {
   return { order: a, loading: s, error: u, createOrder: h, reset: f };
 }
 function Ot(t, a, n) {
-  const [s, r] = N(null), [u, m] = N(!1), [i, o] = N(null), d = D(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 = _(async () => {
     if (a) {
@@ -102,7 +102,7 @@ function Ot(t, a, n) {
       }
     }
   }, [a]);
-  return U(() => {
+  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]), U(() => {
+  }, [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 P = F(() => ({ 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] = 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,
@@ -230,39 +230,39 @@ function Ht({
     customerId: r
   }), C = c.flowType === "sell", {
     config: L,
-    loading: K,
+    loading: F,
     error: X
   } = It(P, c.flowType);
   ke.useEffect(() => {
-    var S, k, R;
+    var S, k, T;
     if (!L || !c.cryptoCurrency || c.network) return;
-    const v = (S = L.cryptos) == null ? void 0 : S.find((H) => H.code === c.cryptoCurrency), E = ((k = v == null ? void 0 : v.networks) == null ? void 0 : k.find((H) => H.isDefault)) || ((R = v == null ? void 0 : v.networks) == null ? void 0 : R[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 k, R;
+    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(
       (W) => W.id === c.paymentMethodId && W.supportedFiats.includes(v)
     ))
       return;
-    const S = E.find((H) => H.supportedFiats.includes(v));
-    O({ type: "SET_PAYMENT_METHOD", methodId: (S == null ? void 0 : S.id) || ((R = E[0]) == null ? void 0 : R.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 $ = F(() => {
+  const $ = K(() => {
     if (C) {
       if (!c.cryptoAmount) return null;
-      const R = parseFloat(c.cryptoAmount);
-      return isNaN(R) || R <= 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((R) => R.code === c.fiatCurrency);
+    const E = L.fiats.find((T) => T.code === c.fiatCurrency);
     if (!E) return 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 = F(() => {
+  }, [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,
@@ -276,7 +276,7 @@ function Ht({
   }, [L, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, $, C, c.flowType]), {
     quotes: he,
     loading: fe,
-    error: Y,
+    error: j,
     refetch: ye
   } = Mt(P, Ne), {
     order: ae,
@@ -297,16 +297,16 @@ function Ht({
     const v = X || se;
     v && b && b(v);
   }, [X, se, b]);
-  const re = f || (L == null ? void 0 : L.defaultGateway) || null, Ee = D(re);
+  const re = f || (L == null ? void 0 : L.defaultGateway) || null, Ee = U(re);
   Ee.current = re;
-  const Ae = D(he);
+  const Ae = U(he);
   Ae.current = he;
   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 R = [!v && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
-      O({ type: "SET_ERROR", message: `Missing required fields: ${R}` });
+      const T = [!v && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
+      O({ type: "SET_ERROR", message: `Missing required fields: ${T}` });
       return;
     }
     try {
@@ -322,16 +322,16 @@ function Ht({
         email: c.email || void 0,
         orderType: c.flowType
       }), O({ type: "SET_STEP", step: "checkout" });
-    } catch (R) {
-      const H = R instanceof Error ? R.message : "Failed to create order";
-      /wallet|address/i.test(H) ? O({ type: "SET_WALLET_ERROR", message: H.replace(/^Failed to create checkout intent:\s*/i, "") }) : O({ type: "SET_ERROR", message: H });
+    } 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, C]), q = _((v) => {
     O({ type: "SET_STEP", step: v });
   }, []), 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, C]), Oe = F(() => {
+  }, [c.step, C]), Oe = K(() => {
     const v = C ? !!c.cryptoAmount : !!c.fiatAmount;
     switch (c.step) {
       case "confirm":
@@ -349,13 +349,13 @@ function Ht({
     apiConfig: P,
     assetBaseUrl: n,
     config: L,
-    configLoading: K,
+    configLoading: F,
     configError: X,
     state: c,
     dispatch: O,
     quotes: he,
     quotesLoading: fe,
-    quotesError: Y,
+    quotesError: j,
     fetchQuotes: ye,
     order: ae,
     orderLoading: Ce,
@@ -370,7 +370,7 @@ function Ht({
     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:
@@ -943,7 +964,7 @@ function Le({
   children: n
 }) {
   const [s, r] = N(!1), [u, m] = N(!1);
-  U(() => {
+  H(() => {
     if (t)
       r(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
     else if (s) {
@@ -1018,7 +1039,7 @@ function zt({
   onSelect: n,
   onClose: s
 }) {
-  const [r, u] = N(""), m = F(() => {
+  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] = N(!1), m = F(
+  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];
@@ -1152,19 +1173,19 @@ function ta({
 }) {
   var g;
   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 (U(() => {
+  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]), U(() => {
+  }, [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();
-  U(() => {
+  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 = () => {
@@ -1808,14 +1829,14 @@ function ia() {
   ] });
 }
 function da({ onClose: t, onSelect: a, currencies: n, assetBaseUrl: s = "" }) {
-  const [r, u] = N(""), m = F(() => {
+  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) => ({
       code: d.code,
       name: d.name || o.get(d.code) || d.code
     }));
-  }, [n]), i = F(() => {
+  }, [n]), i = K(() => {
     const o = r.trim().toLowerCase();
     return o ? m.filter(
       (d) => d.code.toLowerCase().includes(o) || d.name.toLowerCase().includes(o)
@@ -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] = N(""), m = F(() => {
+  const [r, u] = N(""), m = K(() => {
     if (!n || n.length === 0) return _t;
     const o = [];
     for (const d of n) {
@@ -1874,16 +1895,16 @@ function ua({ onClose: t, onSelect: a, cryptos: n, assetBaseUrl: s = "" }) {
         }
     }
     return o;
-  }, [n]), i = F(() => {
+  }, [n]), i = K(() => {
     var f;
     const o = r.trim().toLowerCase();
     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(), P = x.code.toLowerCase(), w = x.name.toLowerCase(), G = [P, w, p, b, T];
+      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 j = 0;
-      P === o ? j += 100 : P.startsWith(d[0]) && (j += 50), x.popular && (j += 10), d.length > 1 && (p.includes(d[1]) || b.includes(d[1]) || T.includes(d[1])) && (j += 25), h.push({ item: x, score: j });
+      let Y = 0;
+      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,
+    config: R,
     configLoading: P,
     quotes: w,
     quotesLoading: G,
     quotesError: Q,
-    fetchQuotes: j,
+    fetchQuotes: Y,
     createOrder: z,
     orderLoading: c,
     amountError: O,
     fieldLocks: C,
     apiConfig: L,
-    assetBaseUrl: K
-  } = pe(), [X, $] = N(a === "dark"), [Ne, he] = N(n), [fe, Y] = 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 = D(null), xe = D(), v = D(p.flowType);
-  U(() => {
+    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]), U(() => {
+  }, [a]), H(() => {
     const y = setTimeout(() => Ee(!1), P ? 0 : 800);
     return () => clearTimeout(y);
-  }, [P]), U(() => {
+  }, [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,20 +2110,20 @@ function fa({
     }
     v.current = p.flowType;
   }, [p.flowType, re]);
-  const E = p.flowType, S = E === "buy", k = p.cryptoCurrency || "BTC", R = p.fiatCurrency || "USD", H = S ? p.fiatAmount : p.cryptoAmount, W = Kt(H), de = (ze = w == null ? void 0 : w.bestQuote) != null && ze.exchangeRate ? parseFloat(w.bestQuote.exchangeRate) : null, Se = D(null);
-  de && k && R && (Se.current = { rate: de, crypto: k, fiat: R });
-  const gt = F(() => {
+  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;
       if (y) return y;
     }
     return "0";
-  }, [w, S]), vt = F(() => {
-    var B, ee, Ue;
-    const y = de || ((B = Se.current) == null ? void 0 : B.rate), A = de ? k : (ee = Se.current) == null ? void 0 : ee.crypto, I = de ? R : (Ue = Se.current) == null ? void 0 : Ue.fiat;
+  }, [w, S]), vt = K(() => {
+    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}`;
-  }, [k, R, de]);
-  U(() => {
+  }, [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,7 +2151,7 @@ function fa({
       }
     }, 500), () => clearTimeout(xe.current);
   }, [p.walletAddress, p.network, L.apiUrl]);
-  const Ge = !H || W === 0, je = W > 0 && (S ? W < dt : W < ut), Ye = !!O || je || ye && Ge, Nt = W > 0 && !O && !je, Pe = p.walletAddress.trim().length >= 10 && V !== !1 && !ce, Te = Nt && Pe && !!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 });
@@ -2152,9 +2173,9 @@ function fa({
     },
     [b]
   ), wt = () => {
-    Te && (ie(!0), j());
+    Re && (ie(!0), Y());
   };
-  U(() => {
+  H(() => {
     var y;
     if (!(!q || G)) {
       if (w != null && w.bestQuote)
@@ -2169,18 +2190,18 @@ function fa({
       }
     }
   }, [q, w, G, Q, b, z]);
-  const We = X ? "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 ? {
+  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: () => Y("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(
@@ -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,7 +2284,7 @@ function fa({
                     {
                       ref: Oe,
                       type: "text",
-                      value: H,
+                      value: D,
                       onChange: Ct,
                       onBlur: () => ae(!0),
                       placeholder: S ? "250" : "0.01",
@@ -2276,7 +2297,7 @@ function fa({
                   S ? /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => Y("fiat"),
+                      onClick: () => j("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2287,8 +2308,8 @@ function fa({
                       },
                       disabled: !!((et = C == null ? void 0 : C.sourceCurrency) != null && et.locked),
                       children: [
-                        /* @__PURE__ */ e(Xe, { currencyCode: R, size: 16, baseUrl: K }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R }),
+                        /* @__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: () => Y("crypto"),
+                        onClick: () => j("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2307,7 +2328,7 @@ function fa({
                         },
                         disabled: !!((tt = C == null ? void 0 : C.destinationCurrency) != null && tt.locked),
                         children: [
-                          /* @__PURE__ */ e(mt, { ticker: k, size: 16, baseUrl: K }),
+                          /* @__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, K),
+                          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} ${R}` : `Minimum amount is ${ut} ${k}`) }),
+          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",
             {
@@ -2361,7 +2382,7 @@ function fa({
                     /* @__PURE__ */ l(
                       "button",
                       {
-                        onClick: () => Y("crypto"),
+                        onClick: () => j("crypto"),
                         className: "flex items-center gap-1.5 transition-colors",
                         style: {
                           background: "var(--t-pill-bg)",
@@ -2372,7 +2393,7 @@ function fa({
                         },
                         disabled: !!((at = C == null ? void 0 : C.destinationCurrency) != null && at.locked),
                         children: [
-                          /* @__PURE__ */ e(mt, { ticker: k, size: 16, baseUrl: K }),
+                          /* @__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, K),
+                          src: _e(Z, F),
                           alt: Z,
                           width: 14,
                           height: 14,
@@ -2395,7 +2416,7 @@ function fa({
                   ] }) : /* @__PURE__ */ l(
                     "button",
                     {
-                      onClick: () => Y("fiat"),
+                      onClick: () => j("fiat"),
                       className: "flex items-center gap-1.5 shrink-0 transition-colors",
                       style: {
                         background: "var(--t-pill-bg)",
@@ -2406,8 +2427,8 @@ function fa({
                       },
                       disabled: !!((nt = C == null ? void 0 : C.sourceCurrency) != null && nt.locked),
                       children: [
-                        /* @__PURE__ */ e(Xe, { currencyCode: R, size: 16, baseUrl: K }),
-                        /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: R }),
+                        /* @__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,15 +2443,15 @@ 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
@@ -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 ${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: () => Y(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: K
+              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: () => Y(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,11 +2534,11 @@ function fa({
                   networks: (B = I.networks) == null ? void 0 : B.map((ee) => ({ code: ee.id, name: ee.name }))
                 };
               }),
-              assetBaseUrl: K
+              assetBaseUrl: F
             }
           );
         } }),
-        /* @__PURE__ */ e(Le, { isOpen: fe === "settings", onClose: () => Y(null), children: (y) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e(Le, { isOpen: fe === "settings", onClose: () => j(null), children: (y) => /* @__PURE__ */ e(
           ha,
           {
             onClose: y,
@@ -2550,23 +2571,23 @@ function ya({
   statusPollInterval: g,
   onComplete: p,
   onError: b,
-  className: T,
+  className: R,
   theme: P,
   skinId: w,
   accentColor: G,
   bgColor: Q,
-  bgImage: j,
+  bgImage: Y,
   borderColor: z,
   borderRadius: c,
   showFlowToggle: O,
   autoRedirect: C,
   explorerUrl: L,
-  doneButtonText: K,
+  doneButtonText: F,
   supportEmail: X,
   onDone: $
 }) {
   return /* @__PURE__ */ e(
-    Ht,
+    Dt,
     {
       projectId: t,
       apiUrl: a,
@@ -2587,18 +2608,18 @@ function ya({
       children: /* @__PURE__ */ e(
         fa,
         {
-          className: T,
+          className: R,
           theme: P,
           skinId: w,
           accentColor: G,
           bgColor: Q,
-          bgImage: j,
+          bgImage: Y,
           borderColor: z,
           borderRadius: c,
           showFlowToggle: O,
           autoRedirect: C,
           explorerUrl: L,
-          doneButtonText: K,
+          doneButtonText: F,
           supportEmail: X,
           onDone: $
         }
@@ -2606,14 +2627,14 @@ function ya({
     }
   );
 }
-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] = N(""), i = F(() => {
+  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,